@font-face {
    font-family : webflow-icons;
    src : url(data : application/x-font-ttf;
  charset=utf-8;
  base64, AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==)format("truetype");
    font-weight : 400;
    font-style : normal
  }
  [class^=w-icon-], [class*=\ w-icon-] {
    speak : none;
    font-variant : normal;
    text-transform : none;-webkit-font-smoothing : antialiased;-moz-osx-font-smoothing : grayscale;
    font-style : normal;
    font-weight : 400;
    line-height : 1;
    font-family : webflow-icons!important
  }
    .w-icon-slider-right : before {
    content : ""
  }
    .w-icon-slider-left : before {
    content : ""
  }
    .w-icon-nav-menu : before {
    content : ""
  }
    .w-icon-arrow-down : before, .w-icon-dropdown-toggle : before {
    content : ""
  }
    .w-icon-file-upload-remove : before {
    content : ""
  }
    .w-icon-file-upload-icon : before {
    content : ""
  }
  * {
    box-sizing : border-box
  }
  html {
    height : 100%
  }
  body {
    min-height : 100%;
    color : #333;
    background-color : #fff;
    margin : 0;
    font-family : Arial, sans-serif;
    font-size : 14px;
    line-height : 20px
  }
  img {
    max-width : 100%;
    vertical-align : middle;
    display : inline-block
  }
  html.w-mod-touch * {
    background-attachment : scroll!important
  }
  .w-block {
    display : block
  }
  .w-inline-block {
    max-width : 100%;
    display : inline-block
  }
    .w-clearfix : before, .w-clearfix : after {
    content : " ";
    grid-area : 1/1/2/2;
    display : table
  }
    .w-clearfix : after {
    clear : both
  }
  .w-hidden {
    display : none
  }
  .w-button {
    color : #fff;
    line-height : inherit;
    cursor : pointer;
    background-color : #3898ec;
    border : 0;
    border-radius : 0;
    padding : 9px 15px;
    text-decoration : none;
    display : inline-block
  }
  input.w-button {
    -webkit-appearance : button
  }
  html[data-w-dynpage] [data-w-cloak] {
    color : transparent!important
  }
  .w-code-block {
    margin : unset
  }
  pre.w-code-block code {
    all : inherit
  }
  .w-webflow-badge, .w-webflow-badge * {
    z-index : auto;
    visibility : visible;
    box-sizing : border-box;
    width : auto;
    height : auto;
    max-height : none;
    max-width : none;
    min-height : 0;
    min-width : 0;
    float : none;
    clear : none;
    box-shadow : none;
    opacity : 1;
    direction : ltr;
    font-family : inherit;
    font-weight : inherit;
    color : inherit;
    font-size : inherit;
    line-height : inherit;
    font-style : inherit;
    font-variant : inherit;
    text-align : inherit;
    letter-spacing : inherit;-webkit-text-decoration : inherit;
    text-decoration : inherit;
    text-indent : 0;
    text-transform : inherit;
    text-shadow : none;
    font-smoothing : auto;
    vertical-align : baseline;
    cursor : inherit;
    white-space : inherit;
    word-break : normal;
    word-spacing : normal;
    word-wrap : normal;
    background : 0 0;
    border : 0 transparent;
    border-radius : 0;
    margin : 0;
    padding : 0;
    list-style-type : disc;
    transition : none;
    display : block;
    position : static;
    top : auto;
    bottom : auto;
    left : auto;
    right : auto;
    overflow : visible;
    transform : none
  }
  .w-webflow-badge {
    white-space : nowrap;
    cursor : pointer;
    box-shadow : 0 0 0 1px rgba(0, 0,0, .1), 0 1px 3px rgba(0, 0,0, .1);
    visibility : visible!important;
    z-index : 2147483647!important;
    color : #aaadb0!important;
    opacity : 1!important;
    width : auto!important;
    height : auto!important;
    background-color : #fff!important;
    border-radius : 3px!important;
    margin : 0!important;
    padding : 6px!important;
    font-size : 12px!important;
    line-height : 14px!important;
    text-decoration : none!important;
    display : inline-block!important;
    position : fixed!important;
    top : auto!important;
    bottom : 12px!important;
    left : auto!important;
    right : 12px!important;
    overflow : visible!important;
    transform : none!important
  }
  .w-webflow-badge>img {
    visibility : visible!important;
    opacity : 1!important;
    vertical-align : middle!important;
    display : inline-block!important
  }
  h1, h2, h3, h4, h5, h6 {
    margin-bottom : 10px;
    font-weight : 700
  }
  h1 {
    margin-top : 20px;
    font-size : 38px;
    line-height : 44px
  }
  h2 {
    margin-top : 20px;
    font-size : 32px;
    line-height : 36px
  }
  h3 {
    margin-top : 20px;
    font-size : 24px;
    line-height : 30px
  }
  h4 {
    margin-top : 10px;
    font-size : 18px;
    line-height : 24px
  }
  h5 {
    margin-top : 10px;
    font-size : 14px;
    line-height : 20px
  }
  h6 {
    margin-top : 10px;
    font-size : 12px;
    line-height : 18px
  }
  p {
    margin-top : 0;
    margin-bottom : 10px
  }
  blockquote {
    border-left : 5px solid #e2e2e2;
    margin : 0 0 10px;
    padding : 10px 20px;
    font-size : 18px;
    line-height : 22px
  }
  figure {
    margin : 0 0 10px
  }
  figcaption {
    text-align : center;
    margin-top : 5px
  }
  ul, ol {
    margin-top : 0;
    margin-bottom : 10px;
    padding-left : 40px
  }
  .w-list-unstyled {
    padding-left : 0;
    list-style : none
  }
    .w-embed : before, .w-embed : after {
    content : " ";
    grid-area : 1/1/2/2;
    display : table
  }
    .w-embed : after {
    clear : both
  }
  .w-video {
    width : 100%;
    padding : 0;
    position : relative
  }
  .w-video iframe, .w-video object, .w-video embed {
    width : 100%;
    height : 100%;
    border : none;
    position : absolute;
    top : 0;
    left : 0
  }
  fieldset {
    border : 0;
    margin : 0;
    padding : 0
  }
  button, [type=button], [type=reset] {
    cursor : pointer;-webkit-appearance : button;
    border : 0
  }
  .w-form {
    margin : 0 0 15px
  }
  .w-form-done {
    text-align : center;
    background-color : #ddd;
    padding : 20px;
    display : none
  }
  .w-form-fail {
    background-color : #ffdede;
    margin-top : 10px;
    padding : 10px;
    display : none
  }
  label {
    margin-bottom : 5px;
    font-weight : 700;
    display : block
  }
  .w-input, .w-select {
    width : 100%;
    height : 38px;
    color : #333;
    vertical-align : middle;
    background-color : #fff;
    border : 1px solid #ccc;
    margin-bottom : 10px;
    padding : 8px 12px;
    font-size : 14px;
    line-height : 1.42857;
    display : block
  }
    .w-input : -moz-placeholder, .w-select : -moz-placeholder {
    color : #999
  }
    .w-input : :-moz-placeholder, .w-select : :-moz-placeholder {
    color : #999;
    opacity : 1
  }
    .w-input : :-webkit-input-placeholder, .w-select : :-webkit-input-placeholder {
    color : #999
  }
    .w-input : focus, .w-select : focus {
    border-color : #3898ec;
    outline : 0
  }
  .w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
    cursor : not-allowed
  }
    .w-input[disabled] : not(.w-input-disabled), .w-select[disabled] : not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled] : not(.w-input-disabled) .w-input, fieldset[disabled] : not(.w-input-disabled) .w-select {
    background-color : #eee
  }
  textarea.w-input, textarea.w-select {
    height : auto
  }
  .w-select {
    background-color : #f3f3f3
  }
  .w-select[multiple] {
    height : auto
  }
  .w-form-label {
    cursor : pointer;
    margin-bottom : 0;
    font-weight : 400;
    display : inline-block
  }
  .w-radio {
    margin-bottom : 5px;
    padding-left : 20px;
    display : block
  }
    .w-radio : before, .w-radio : after {
    content : " ";
    grid-area : 1/1/2/2;
    display : table
  }
    .w-radio : after {
    clear : both
  }
  .w-radio-input {
    float : left;
    margin : 3px 0 0 -20px;
    line-height : normal
  }
  .w-file-upload {
    margin-bottom : 10px;
    display : block
  }
  .w-file-upload-input {
    width : .1px;
    height : .1px;
    opacity : 0;
    z-index : -100;
    position : absolute;
    overflow : hidden
  }
  .w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
    color : #333;
    display : inline-block
  }
  .w-file-upload-error {
    margin-top : 10px;
    display : block
  }
  .w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
    display : none
  }
  .w-file-upload-uploading-btn {
    cursor : pointer;
    background-color : #fafafa;
    border : 1px solid #ccc;
    margin : 0;
    padding : 8px 12px;
    font-size : 14px;
    font-weight : 400;
    display : flex
  }
  .w-file-upload-file {
    background-color : #fafafa;
    border : 1px solid #ccc;
    flex-grow : 1;
    justify-content : space-between;
    margin : 0;
    padding : 8px 9px 8px 11px;
    display : flex
  }
  .w-file-upload-file-name {
    font-size : 14px;
    font-weight : 400;
    display : block
  }
  .w-file-remove-link {
    width : auto;
    height : auto;
    cursor : pointer;
    margin-top : 3px;
    margin-left : 10px;
    padding : 3px;
    display : block
  }
  .w-icon-file-upload-remove {
    margin : auto;
    font-size : 10px
  }
  .w-file-upload-error-msg {
    color : #ea384c;
    padding : 2px 0;
    display : inline-block
  }
  .w-file-upload-info {
    padding : 0 12px;
    line-height : 38px;
    display : inline-block
  }
  .w-file-upload-label {
    cursor : pointer;
    background-color : #fafafa;
    border : 1px solid #ccc;
    margin : 0;
    padding : 8px 12px;
    font-size : 14px;
    font-weight : 400;
    display : inline-block
  }
  .w-icon-file-upload-icon, .w-icon-file-upload-uploading {
    width : 20px;
    margin-right : 8px;
    display : inline-block
  }
  .w-icon-file-upload-uploading {
    height : 20px
  }
  .w-container {
    max-width : 940px;
    margin-left : auto;
    margin-right : auto
  }
    .w-container : before, .w-container : after {
    content : " ";
    grid-area : 1/1/2/2;
    display : table
  }
    .w-container : after {
    clear : both
  }
  .w-container .w-row {
    margin-left : -10px;
    margin-right : -10px
  }
    .w-row : before, .w-row : after {
    content : " ";
    grid-area : 1/1/2/2;
    display : table
  }
    .w-row : after {
    clear : both
  }
  .w-row .w-row {
    margin-left : 0;
    margin-right : 0
  }
  .w-col {
    float : left;
    width : 100%;
    min-height : 1px;
    padding-left : 10px;
    padding-right : 10px;
    position : relative
  }
  .w-col .w-col {
    padding-left : 0;
    padding-right : 0
  }
  .w-col-1 {
    width : 8.33333%
  }
  .w-col-2 {
    width : 16.6667%
  }
  .w-col-3 {
    width : 25%
  }
  .w-col-4 {
    width : 33.3333%
  }
  .w-col-5 {
    width : 41.6667%
  }
  .w-col-6 {
    width : 50%
  }
  .w-col-7 {
    width : 58.3333%
  }
  .w-col-8 {
    width : 66.6667%
  }
  .w-col-9 {
    width : 75%
  }
  .w-col-10 {
    width : 83.3333%
  }
  .w-col-11 {
    width : 91.6667%
  }
  .w-col-12 {
    width : 100%
  }
  .w-hidden-main {
    display : none!important
  }
    @media screen and (max-width : 991px) {
    .w-container{max-width : 728px
  }
  .w-hidden-main {
    display : inherit!important
  }
  .w-hidden-medium {
    display : none!important
  }
  .w-col-medium-1 {
    width : 8.33333%
  }
  .w-col-medium-2 {
    width : 16.6667%
  }
  .w-col-medium-3 {
    width : 25%
  }
  .w-col-medium-4 {
    width : 33.3333%
  }
  .w-col-medium-5 {
    width : 41.6667%
  }
  .w-col-medium-6 {
    width : 50%
  }
  .w-col-medium-7 {
    width : 58.3333%
  }
  .w-col-medium-8 {
    width : 66.6667%
  }
  .w-col-medium-9 {
    width : 75%
  }
  .w-col-medium-10 {
    width : 83.3333%
  }
  .w-col-medium-11 {
    width : 91.6667%
  }
  .w-col-medium-12 {
    width : 100%
  }
  .w-col-stack {
    width : 100%;
    left : auto;
    right : auto
  }
    }@media screen and (max-width : 767px) {
    .w-hidden-main, .w-hidden-medium{display : inherit!important
  }
  .w-hidden-small {
    display : none!important
  }
  .w-row, .w-container .w-row {
    margin-left : 0;
    margin-right : 0
  }
  .w-col {
    width : 100%;
    left : auto;
    right : auto
  }
  .w-col-small-1 {
    width : 8.33333%
  }
  .w-col-small-2 {
    width : 16.6667%
  }
  .w-col-small-3 {
    width : 25%
  }
  .w-col-small-4 {
    width : 33.3333%
  }
  .w-col-small-5 {
    width : 41.6667%
  }
  .w-col-small-6 {
    width : 50%
  }
  .w-col-small-7 {
    width : 58.3333%
  }
  .w-col-small-8 {
    width : 66.6667%
  }
  .w-col-small-9 {
    width : 75%
  }
  .w-col-small-10 {
    width : 83.3333%
  }
  .w-col-small-11 {
    width : 91.6667%
  }
  .w-col-small-12 {
    width : 100%
  }
    }@media screen and (max-width : 479px) {
    .w-container{max-width : none
  }
  .w-hidden-main, .w-hidden-medium, .w-hidden-small {
    display : inherit!important
  }
  .w-hidden-tiny {
    display : none!important
  }
  .w-col {
    width : 100%
  }
  .w-col-tiny-1 {
    width : 8.33333%
  }
  .w-col-tiny-2 {
    width : 16.6667%
  }
  .w-col-tiny-3 {
    width : 25%
  }
  .w-col-tiny-4 {
    width : 33.3333%
  }
  .w-col-tiny-5 {
    width : 41.6667%
  }
  .w-col-tiny-6 {
    width : 50%
  }
  .w-col-tiny-7 {
    width : 58.3333%
  }
  .w-col-tiny-8 {
    width : 66.6667%
  }
  .w-col-tiny-9 {
    width : 75%
  }
  .w-col-tiny-10 {
    width : 83.3333%
  }
  .w-col-tiny-11 {
    width : 91.6667%
  }
  .w-col-tiny-12 {
    width : 100%
  }
  }.w-widget {
    position : relative
  }
  .w-widget-map {
    width : 100%;
    height : 400px
  }
  .w-widget-map label {
    width : auto;
    display : inline
  }
  .w-widget-map img {
    max-width : inherit
  }
  .w-widget-map .gm-style-iw {
    text-align : center
  }
  .w-widget-map .gm-style-iw>button {
    display : none!important
  }
  .w-widget-twitter {
    overflow : hidden
  }
  .w-widget-twitter-count-shim {
    vertical-align : top;
    width : 28px;
    height : 20px;
    text-align : center;
    background : #fff;
    border : 1px solid #758696;
    border-radius : 3px;
    display : inline-block;
    position : relative
  }
  .w-widget-twitter-count-shim * {
    pointer-events : none;-webkit-user-select : none;-ms-user-select : none;
    user-select : none
  }
  .w-widget-twitter-count-shim .w-widget-twitter-count-inner {
    text-align : center;
    color : #999;
    font-family : serif;
    font-size : 15px;
    line-height : 12px;
    position : relative
  }
  .w-widget-twitter-count-shim .w-widget-twitter-count-clear {
    display : block;
    position : relative
  }
  .w-widget-twitter-count-shim.w--large {
    width : 36px;
    height : 28px
  }
  .w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
    font-size : 18px;
    line-height : 18px
  }
    .w-widget-twitter-count-shim : not(.w--vertical) {
    margin-left : 5px;
    margin-right : 8px
  }
    .w-widget-twitter-count-shim : not(.w--vertical).w--large {
    margin-left : 6px
  }
    .w-widget-twitter-count-shim : not(.w--vertical) : before, .w-widget-twitter-count-shim : not(.w--vertical) : after {
    content : " ";
    height : 0;
    width : 0;
    pointer-events : none;
    border : solid transparent;
    position : absolute;
    top : 50%;
    left : 0
  }
    .w-widget-twitter-count-shim : not(.w--vertical) : before {
    border-width : 4px;
    border-color : rgba(117, 134, 150, 0) #5d6c7b rgba(117, 134, 150, 0) rgba(117, 134, 150, 0);
    margin-top : -4px;
    margin-left : -9px
  }
    .w-widget-twitter-count-shim : not(.w--vertical).w--large : before {
    border-width : 5px;
    margin-top : -5px;
    margin-left : -10px
  }
    .w-widget-twitter-count-shim : not(.w--vertical) : after {
    border-width : 4px;
    border-color : rgba(255, 255, 255, 0) #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
    margin-top : -4px;
    margin-left : -8px
  }
    .w-widget-twitter-count-shim : not(.w--vertical).w--large : after {
    border-width : 5px;
    margin-top : -5px;
    margin-left : -9px
  }
  .w-widget-twitter-count-shim.w--vertical {
    width : 61px;
    height : 33px;
    margin-bottom : 8px
  }
    .w-widget-twitter-count-shim.w--vertical : before, .w-widget-twitter-count-shim.w--vertical : after {
    content : " ";
    height : 0;
    width : 0;
    pointer-events : none;
    border : solid transparent;
    position : absolute;
    top : 100%;
    left : 50%
  }
    .w-widget-twitter-count-shim.w--vertical : before {
    border-width : 5px;
    border-color : #5d6c7b rgba(117, 134, 150, 0) rgba(117, 134, 150, 0);
    margin-left : -5px
  }
    .w-widget-twitter-count-shim.w--vertical : after {
    border-width : 4px;
    border-color : #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
    margin-left : -4px
  }
  .w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
    font-size : 18px;
    line-height : 22px
  }
  .w-widget-twitter-count-shim.w--vertical.w--large {
    width : 76px
  }
  .w-background-video {
    height : 500px;
    color : #fff;
    position : relative;
    overflow : hidden
  }
  .w-background-video>video {
    width : 100%;
    height : 100%;
    object-fit : cover;
    z-index : -100;
    background-position : 50%;
    background-size : cover;
    margin : auto;
    position : absolute;
    top : -100%;
    bottom : -100%;
    left : -100%;
    right : -100%
  }
    .w-background-video>video : :-webkit-media-controls-start-playback-button {
    -webkit-appearance : none;
    display : none!important
  }
  .w-background-video--control {
    background-color : transparent;
    padding : 0;
    position : absolute;
    bottom : 1em;
    right : 1em
  }
  .w-background-video--control>[hidden] {
    display : none!important
  }
  .w-slider {
    height : 300px;
    text-align : center;
    clear : both;-webkit-tap-highlight-color : transparent;
    tap-highlight-color : transparent;
    background : #ddd;
    position : relative
  }
  .w-slider-mask {
    z-index : 1;
    height : 100%;
    white-space : nowrap;
    display : block;
    position : relative;
    left : 0;
    right : 0;
    overflow : hidden
  }
  .w-slide {
    vertical-align : top;
    width : 100%;
    height : 100%;
    white-space : normal;
    text-align : left;
    display : inline-block;
    position : relative
  }
  .w-slider-nav {
    z-index : 2;
    height : 40px;
    text-align : center;-webkit-tap-highlight-color : transparent;
    tap-highlight-color : transparent;
    margin : auto;
    padding-top : 10px;
    position : absolute;
    top : auto;
    bottom : 0;
    left : 0;
    right : 0
  }
  .w-slider-nav.w-round>div {
    border-radius : 100%
  }
  .w-slider-nav.w-num>div {
    width : auto;
    height : auto;
    font-size : inherit;
    line-height : inherit;
    padding : .2em .5em
  }
  .w-slider-nav.w-shadow>div {
    box-shadow : 0 0 3px rgba(51, 51, 51, .4)
  }
  .w-slider-nav-invert {
    color : #fff
  }
  .w-slider-nav-invert>div {
    background-color : rgba(34, 34, 34, .4)
  }
  .w-slider-nav-invert>div.w-active {
    background-color : #222
  }
  .w-slider-dot {
    width : 1em;
    height : 1em;
    cursor : pointer;
    background-color : rgba(255, 255, 255, .4);
    margin : 0 3px .5em;
    transition : background-color .1s, color .1s;
    display : inline-block;
    position : relative
  }
  .w-slider-dot.w-active {
    background-color : #fff
  }
    .w-slider-dot : focus {
    outline : none;
    box-shadow : 0 0 0 2px #fff
  }
    .w-slider-dot : focus.w-active {
    box-shadow : none
  }
  .w-slider-arrow-left, .w-slider-arrow-right {
    width : 80px;
    cursor : pointer;
    color : #fff;-webkit-tap-highlight-color : transparent;
    tap-highlight-color : transparent;-webkit-user-select : none;-ms-user-select : none;
    user-select : none;
    margin : auto;
    font-size : 40px;
    position : absolute;
    top : 0;
    bottom : 0;
    left : 0;
    right : 0;
    overflow : hidden
  }
  .w-slider-arrow-left [class^=w-icon-], .w-slider-arrow-right [class^=w-icon-], .w-slider-arrow-left [class*=\ w-icon-], .w-slider-arrow-right [class*=\ w-icon-] {
    position : absolute
  }
    .w-slider-arrow-left : focus, .w-slider-arrow-right : focus {
    outline : 0
  }
  .w-slider-arrow-left {
    z-index : 3;
    right : auto
  }
  .w-slider-arrow-right {
    z-index : 4;
    left : auto
  }
  .w-icon-slider-left, .w-icon-slider-right {
    width : 1em;
    height : 1em;
    margin : auto;
    top : 0;
    bottom : 0;
    left : 0;
    right : 0
  }
  .w-slider-aria-label {
    clip : rect(0 0 0 0);
    height : 1px;
    width : 1px;
    border : 0;
    margin : -1px;
    padding : 0;
    position : absolute;
    overflow : hidden
  }
  .w-slider-force-show {
    display : block!important
  }
  .w-dropdown {
    text-align : left;
    z-index : 900;
    margin-left : auto;
    margin-right : auto;
    display : inline-block;
    position : relative
  }
  .w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
    vertical-align : top;
    color : #222;
    text-align : left;
    white-space : nowrap;
    margin-left : auto;
    margin-right : auto;
    padding : 20px;
    text-decoration : none;
    position : relative
  }
  .w-dropdown-toggle {
    -webkit-user-select : none;-ms-user-select : none;
    user-select : none;
    cursor : pointer;
    padding-right : 40px;
    display : inline-block
  }
    .w-dropdown-toggle : focus {
    outline : 0
  }
  .w-icon-dropdown-toggle {
    width : 1em;
    height : 1em;
    margin : auto 20px auto auto;
    position : absolute;
    top : 0;
    bottom : 0;
    right : 0
  }
  .w-dropdown-list {
    min-width : 100%;
    background : #ddd;
    display : none;
    position : absolute
  }
  .w-dropdown-list.w--open {
    display : block
  }
  .w-dropdown-link {
    color : #222;
    padding : 10px 20px;
    display : block
  }
  .w-dropdown-link.w--current {
    color : #0082f3
  }
    .w-dropdown-link : focus {
    outline : 0
  }
    @media screen and (max-width : 767px) {
    .w-nav-brand{padding-left : 10px
  }
  }.w-lightbox-backdrop {
    cursor : auto;
    letter-spacing : normal;
    text-indent : 0;
    text-shadow : none;
    text-transform : none;
    visibility : visible;
    white-space : normal;
    word-break : normal;
    word-spacing : normal;
    word-wrap : normal;
    color : #fff;
    text-align : center;
    z-index : 2000;
    opacity : 0;-webkit-user-select : none;-moz-user-select : none;-webkit-tap-highlight-color : transparent;
    background : rgba(0, 0,0, .9);
    outline : 0;
    font-family : Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
    font-size : 17px;
    font-style : normal;
    font-weight : 300;
    line-height : 1.2;
    list-style : disc;
    position : fixed;
    top : 0;
    bottom : 0;
    left : 0;
    right : 0;-webkit-transform : translate(0)
  }
  .w-lightbox-backdrop, .w-lightbox-container {
    height : 100%;-webkit-overflow-scrolling : touch;
    overflow : auto
  }
  .w-lightbox-content {
    height : 100vh;
    position : relative;
    overflow : hidden
  }
  .w-lightbox-view {
    width : 100vw;
    height : 100vh;
    opacity : 0;
    position : absolute
  }
    .w-lightbox-view : before {
    content : "";
    height : 100vh
  }
    .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view : before {
    height : 86vh
  }
    .w-lightbox-frame, .w-lightbox-view : before {
    vertical-align : middle;
    display : inline-block
  }
  .w-lightbox-figure {
    margin : 0;
    position : relative
  }
  .w-lightbox-group .w-lightbox-figure {
    cursor : pointer
  }
  .w-lightbox-img {
    width : auto;
    height : auto;
    max-width : none
  }
  .w-lightbox-image {
    float : none;
    max-width : 100vw;
    max-height : 100vh;
    display : block
  }
  .w-lightbox-group .w-lightbox-image {
    max-height : 86vh
  }
  .w-lightbox-caption {
    text-align : left;
    text-overflow : ellipsis;
    white-space : nowrap;
    background : rgba(0, 0,0, .4);
    padding : .5em 1em;
    position : absolute;
    bottom : 0;
    left : 0;
    right : 0;
    overflow : hidden
  }
  .w-lightbox-embed {
    width : 100%;
    height : 100%;
    position : absolute;
    top : 0;
    bottom : 0;
    left : 0;
    right : 0
  }
  .w-lightbox-control {
    width : 4em;
    cursor : pointer;
    background-position : 50%;
    background-repeat : no-repeat;
    background-size : 24px;
    transition : all .3s;
    position : absolute;
    top : 0
  }
  .w-lightbox-left {
    background-image : url(data : image/svg+xml;
  base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==);
    display : none;
    bottom : 0;
    left : 0
  }
  .w-lightbox-right {
    background-image : url(data : image/svg+xml;
  base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+);
    display : none;
    bottom : 0;
    right : 0
  }
  .w-lightbox-close {
    height : 2.6em;
    background-image : url(data : image/svg+xml;
  base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=);
    background-size : 18px;
    right : 0
  }
  .w-lightbox-strip {
    white-space : nowrap;
    padding : 0 1vh;
    line-height : 0;
    position : absolute;
    bottom : 0;
    left : 0;
    right : 0;
    overflow-x : auto;
    overflow-y : hidden
  }
  .w-lightbox-item {
    width : 10vh;
    box-sizing : content-box;
    cursor : pointer;
    padding : 2vh 1vh;
    display : inline-block;-webkit-transform : translate(0, 0)
  }
  .w-lightbox-active {
    opacity : .3
  }
  .w-lightbox-thumbnail {
    height : 10vh;
    background : #222;
    position : relative;
    overflow : hidden
  }
  .w-lightbox-thumbnail-image {
    position : absolute;
    top : 0;
    left : 0
  }
  .w-lightbox-thumbnail .w-lightbox-tall {
    width : 100%;
    top : 50%;
    transform : translateY(-50%)
  }
  .w-lightbox-thumbnail .w-lightbox-wide {
    height : 100%;
    left : 50%;
    transform : translate(-50%)
  }
  .w-lightbox-spinner {
    box-sizing : border-box;
    width : 40px;
    height : 40px;
    border : 5px solid rgba(0, 0,0, .4);
    border-radius : 50%;
    margin-top : -20px;
    margin-left : -20px;
    animation : .8s linear infinite spin;
    position : absolute;
    top : 50%;
    left : 50%
  }
    .w-lightbox-spinner : after {
    content : "";
    border : 3px solid transparent;
    border-bottom-color : #fff;
    border-radius : 50%;
    position : absolute;
    top : -4px;
    bottom : -4px;
    left : -4px;
    right : -4px
  }
  .w-lightbox-hide {
    display : none
  }
  .w-lightbox-noscroll {
    overflow : hidden
  }
    @media (min-width : 768px) {
    .w-lightbox-content{height : 96vh;
    margin-top : 2vh
  }
    .w-lightbox-view, .w-lightbox-view : before {
    height : 96vh
  }
    .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view : before {
    height : 84vh
  }
  .w-lightbox-image {
    max-width : 96vw;
    max-height : 96vh
  }
  .w-lightbox-group .w-lightbox-image {
    max-width : 82.3vw;
    max-height : 84vh
  }
  .w-lightbox-left, .w-lightbox-right {
    opacity : .5;
    display : block
  }
  .w-lightbox-close {
    opacity : .8
  }
    .w-lightbox-control : hover {
    opacity : 1
  }
    }.w-lightbox-inactive, .w-lightbox-inactive : hover {
    opacity : 0
  }
    .w-richtext : before, .w-richtext : after {
    content : " ";
    grid-area : 1/1/2/2;
    display : table
  }
    .w-richtext : after {
    clear : both
  }
    .w-richtext[contenteditable=true] : before, .w-richtext[contenteditable=true] : after {
    white-space : initial
  }
  .w-richtext ol, .w-richtext ul {
    overflow : hidden
  }
    .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div : after, .w-richtext .w-richtext-figure-selected[data-rt-type=video] div : after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type=image] div {
    outline : 2px solid #2895f7
  }
    .w-richtext figure.w-richtext-figure-type-video>div : after, .w-richtext figure[data-rt-type=video]>div : after {
    content : "";
    display : none;
    position : absolute;
    top : 0;
    bottom : 0;
    left : 0;
    right : 0
  }
  .w-richtext figure {
    max-width : 60%;
    position : relative
  }
    .w-richtext figure>div : before {
    cursor : default!important
  }
  .w-richtext figure img {
    width : 100%
  }
  .w-richtext figure figcaption.w-richtext-figcaption-placeholder {
    opacity : .6
  }
  .w-richtext figure div {
    color : transparent;
    font-size : 0
  }
  .w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type=image] {
    display : table
  }
  .w-richtext figure.w-richtext-figure-type-image>div, .w-richtext figure[data-rt-type=image]>div {
    display : inline-block
  }
  .w-richtext figure.w-richtext-figure-type-image>figcaption, .w-richtext figure[data-rt-type=image]>figcaption {
    caption-side : bottom;
    display : table-caption
  }
  .w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type=video] {
    width : 60%;
    height : 0
  }
  .w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type=video] iframe {
    width : 100%;
    height : 100%;
    position : absolute;
    top : 0;
    left : 0
  }
  .w-richtext figure.w-richtext-figure-type-video>div, .w-richtext figure[data-rt-type=video]>div {
    width : 100%
  }
  .w-richtext figure.w-richtext-align-center {
    clear : both;
    margin-left : auto;
    margin-right : auto
  }
  .w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div, .w-richtext figure.w-richtext-align-center[data-rt-type=image]>div {
    max-width : 100%
  }
  .w-richtext figure.w-richtext-align-normal {
    clear : both
  }
  .w-richtext figure.w-richtext-align-fullwidth {
    width : 100%;
    max-width : 100%;
    text-align : center;
    clear : both;
    margin-left : auto;
    margin-right : auto;
    display : block
  }
  .w-richtext figure.w-richtext-align-fullwidth>div {
    padding-bottom : inherit;
    display : inline-block
  }
  .w-richtext figure.w-richtext-align-fullwidth>figcaption {
    display : block
  }
  .w-richtext figure.w-richtext-align-floatleft {
    float : left;
    clear : none;
    margin-right : 15px
  }
  .w-richtext figure.w-richtext-align-floatright {
    float : right;
    clear : none;
    margin-left : 15px
  }
  .w-nav {
    z-index : 1000;
    background : #ddd;
    position : relative
  }
    .w-nav : before, .w-nav : after {
    content : " ";
    grid-area : 1/1/2/2;
    display : table
  }
    .w-nav : after {
    clear : both
  }
  .w-nav-brand {
    float : left;
    color : #333;
    text-decoration : none;
    position : relative
  }
  .w-nav-link {
    vertical-align : top;
    color : #222;
    text-align : left;
    margin-left : auto;
    margin-right : auto;
    padding : 20px;
    text-decoration : none;
    display : inline-block;
    position : relative
  }
  .w-nav-link.w--current {
    color : #0082f3
  }
  .w-nav-menu {
    float : right;
    position : relative
  }
  [data-nav-menu-open] {
    text-align : center;
    min-width : 200px;
    background : #c8c8c8;
    position : absolute;
    top : 100%;
    left : 0;
    right : 0;
    overflow : visible;
    display : block!important
  }
  .w--nav-link-open {
    display : block;
    position : relative
  }
  .w-nav-overlay {
    width : 100%;
    display : none;
    position : absolute;
    top : 100%;
    left : 0;
    right : 0;
    overflow : hidden
  }
  .w-nav-overlay [data-nav-menu-open] {
    top : 0
  }
  .w-nav[data-animation=over-left] .w-nav-overlay {
    width : auto
  }
  .w-nav[data-animation=over-left] .w-nav-overlay, .w-nav[data-animation=over-left] [data-nav-menu-open] {
    z-index : 1;
    top : 0;
    right : auto
  }
  .w-nav[data-animation=over-right] .w-nav-overlay {
    width : auto
  }
  .w-nav[data-animation=over-right] .w-nav-overlay, .w-nav[data-animation=over-right] [data-nav-menu-open] {
    z-index : 1;
    top : 0;
    left : auto
  }
  .w-nav-button {
    float : right;
    cursor : pointer;-webkit-tap-highlight-color : transparent;
    tap-highlight-color : transparent;-webkit-user-select : none;-ms-user-select : none;
    user-select : none;
    padding : 18px;
    font-size : 24px;
    display : none;
    position : relative
  }
    .w-nav-button : focus {
    outline : 0
  }
  .w-nav-button.w--open {
    color : #fff;
    background-color : #c8c8c8
  }
  .w-nav[data-collapse=all] .w-nav-menu {
    display : none
  }
  .w-nav[data-collapse=all] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
    display : block
  }
  .w--nav-dropdown-list-open {
    position : static
  }
    @media screen and (max-width : 991px) {
    .w-nav[data-collapse=medium] .w-nav-menu{display : none
  }
  .w-nav[data-collapse=medium] .w-nav-button {
    display : block
  }
    }@media screen and (max-width : 767px) {
    .w-nav[data-collapse=small] .w-nav-menu{display : none
  }
  .w-nav[data-collapse=small] .w-nav-button {
    display : block
  }
  .w-nav-brand {
    padding-left : 10px
  }
    }@media screen and (max-width : 479px) {
    .w-nav[data-collapse=tiny] .w-nav-menu{display : none
  }
  .w-nav[data-collapse=tiny] .w-nav-button {
    display : block
  }
  }.w-tabs {
    position : relative
  }
    .w-tabs : before, .w-tabs : after {
    content : " ";
    grid-area : 1/1/2/2;
    display : table
  }
    .w-tabs : after {
    clear : both
  }
  .w-tab-menu {
    position : relative
  }
  .w-tab-link {
    vertical-align : top;
    text-align : left;
    cursor : pointer;
    color : #222;
    background-color : #ddd;
    padding : 9px 30px;
    text-decoration : none;
    display : inline-block;
    position : relative
  }
  .w-tab-link.w--current {
    background-color : #c8c8c8
  }
    .w-tab-link : focus {
    outline : 0
  }
  .w-tab-content {
    display : block;
    position : relative;
    overflow : hidden
  }
  .w-tab-pane {
    display : none;
    position : relative
  }
  .w--tab-active {
    display : block
  }
    @media screen and (max-width : 479px) {
    .w-tab-link{display : block
  }
    }.w-ix-emptyfix : after {
    content : ""
  }
  @keyframes spin {
    0%{transform : rotate(0)
  }
  to {
    transform : rotate(360deg)
  }
  }.w-dyn-empty {
    background-color : #ddd;
    padding : 10px
  }
  .w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
    display : none!important
  }
  .wf-layout-layout {
    display : grid
  }
    :root {
    --white : white;--color-3 : #3d146d;--color-5 : #692eaa;--color-8 : #ab6fee;--narrow-size : 1140px;--color-7 : #a361ec;--color-13 : #dcc7f3;--radius-medium : 20px;--radius-small : 10px;--color-1 : #1e023f;--radius-50em : 50em;--yellow-4 : #37b856;--color-2 : #2d0a55;--color-6 : #8944d6;--yellow-8 : #c3ecf8;--color-4 : #4c217c;--color-11 : #c9a3f3;--color-10 : #bd8ff1;--color-9 : #b47ef0;--max-width : 2000px;--color-12 : #d3b4f5;--transparent : rgba(255, 255, 255, 0);--yellow-3 : #e5b83a;--color-15 : #f1e7fd;--color-3\<deleted\|variable-ca0a7902\> : #36414d;--color-14 : #ecdbff;--color-20-opacity : rgba(198, 170, 230, .2);--color-50-opacity : rgba(198, 170, 230, .5);--color-2\<deleted\|variable-d00aff18\> : #242b33;--yellow-1 : #634b0a;--radius-large : 50px;--purple-6-old\<deleted\|variable-282b4be9-a0f6-291c-8fe2-6c25623aea6a\> : #8944d6;--yellow-5 : #c3ecf8;--yellow-2 : #bd9526;--yellow-9 : #fff9e7;--color-10-opacity : rgba(198, 170, 230, .1);--color-40-opacity : rgba(198, 170, 230, .4);--yellow-7 : #f8e09c;--yellow-2\<deleted\|variable-ecf84277-e6c7-5f0d-bf6e-e0e8734dd031\> : #e4c264;--yellow-3\<deleted\|variable-edcc3bc7-4708-681f-1880-13a1180e7d87\> : #d3a421;--yellow-6 : #fcde8c;--yellow-1\<deleted\|variable-95b47a3b-4f68-b20c-8997-1efb1f0c8231\> : #f7d986;--green : #48f5c1;--yellow-5\<deleted\|variable-c0ec8956-1ef6-be99-f4e9-edf7e252da4d\> : #684f0c;--orange : #e6571b;--color-05-opacity : rgba(198, 170, 230, .05);--color-30-opacity : rgba(198, 170, 230, .3);--color-60-opacity : rgba(198, 170, 230, .6);--color-70-opacity : rgba(198, 170, 230, .7);--color-80-opacity : rgba(198, 170, 230, .8);--color-90-opacity : rgba(198, 170, 230, .9)
  }
  .w-checkbox {
    margin-bottom : 5px;
    padding-left : 20px;
    display : block
  }
    .w-checkbox : before {
    content : " ";
    grid-area : 1/1/2/2;
    display : table
  }
    .w-checkbox : after {
    content : " ";
    clear : both;
    grid-area : 1/1/2/2;
    display : table
  }
  .w-checkbox-input {
    float : left;
    margin : 4px 0 0 -20px;
    line-height : normal
  }
  .w-checkbox-input--inputType-custom {
    width : 12px;
    height : 12px;
    border : 1px solid #ccc;
    border-radius : 2px
  }
  .w-checkbox-input--inputType-custom.w--redirected-checked {
    background-color : #3898ec;
    background-image : url(../images/9Ly6kopgse4e.png);
    background-position : 50%;
    background-repeat : no-repeat;
    background-size : cover;
    border-color : #3898ec
  }
  .w-checkbox-input--inputType-custom.w--redirected-focus {
    box-shadow : 0 0 3px 1px #3898ec
  }
  .w-layout-vflex {
    flex-direction : column;
    align-items : flex-start;
    display : flex
  }
  .w-commerce-commercecartwrapper {
    display : inline-block;
    position : relative
  }
  .w-commerce-commercecartopenlink {
    color : #fff;
    cursor : pointer;-webkit-appearance : none;-ms-appearance : none;
    appearance : none;
    background-color : #3898ec;
    border-width : 0;
    border-radius : 0;
    align-items : center;
    padding : 9px 15px;
    text-decoration : none;
    display : flex
  }
  .w-commerce-commercecartopenlinkcount {
    height : 18px;
    min-width : 18px;
    color : #3898ec;
    text-align : center;
    background-color : #fff;
    border-radius : 9px;
    margin-left : 8px;
    padding-left : 6px;
    padding-right : 6px;
    font-size : 11px;
    font-weight : 700;
    line-height : 18px;
    display : inline-block
  }
  .w-commerce-commercecartcontainerwrapper {
    z-index : 1001;
    background-color : rgba(0, 0,0, .8);
    position : fixed;
    top : 0;
    bottom : 0;
    left : 0;
    right : 0
  }
  .w-commerce-commercecartcontainerwrapper--cartType-modal {
    flex-direction : column;
    justify-content : center;
    align-items : center;
    display : flex
  }
  .w-commerce-commercecartcontainerwrapper--cartType-leftSidebar {
    flex-direction : row;
    justify-content : flex-start;
    align-items : stretch;
    display : flex
  }
  .w-commerce-commercecartcontainerwrapper--cartType-rightSidebar {
    flex-direction : row;
    justify-content : flex-end;
    align-items : stretch;
    display : flex
  }
  .w-commerce-commercecartcontainerwrapper--cartType-leftDropdown {
    background-color : transparent;
    position : absolute;
    top : 100%;
    bottom : auto;
    left : 0;
    right : auto
  }
  .w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
    background-color : transparent;
    position : absolute;
    top : 100%;
    bottom : auto;
    left : auto;
    right : 0
  }
  .w-commerce-commercecartcontainer {
    width : 100%;
    max-width : 480px;
    min-width : 320px;
    background-color : #fff;
    flex-direction : column;
    display : flex;
    overflow : auto;
    box-shadow : 0 5px 25px rgba(0, 0,0, .25)
  }
  .w-commerce-commercecartheader {
    border-bottom : 1px solid #e6e6e6;
    flex : none;
    justify-content : space-between;
    align-items : center;
    padding : 16px 24px;
    display : flex;
    position : relative
  }
  .w-commerce-commercecartcloselink {
    width : 16px;
    height : 16px
  }
  .w-commerce-commercecartformwrapper {
    flex-direction : column;
    flex : 1;
    display : flex
  }
  .w-commerce-commercecartform {
    flex-direction : column;
    flex : 1;
    justify-content : flex-start;
    display : flex
  }
  .w-commerce-commercecartlist {
    -webkit-overflow-scrolling : touch;
    flex : 1;
    padding : 12px 24px;
    overflow : auto
  }
  .w-commerce-commercecartitem {
    align-items : flex-start;
    padding-top : 12px;
    padding-bottom : 12px;
    display : flex
  }
  .w-commerce-commercecartitemimage {
    width : 60px;
    height : 0%
  }
  .w-commerce-commercecartiteminfo {
    flex-direction : column;
    flex : 1;
    margin-left : 16px;
    margin-right : 16px;
    display : flex
  }
  .w-commerce-commercecartproductname {
    font-weight : 700
  }
  .w-commerce-commercecartoptionlist {
    margin-bottom : 0;
    padding-left : 0;
    text-decoration : none;
    list-style-type : none
  }
  .w-commerce-commercecartquantity {
    height : 38px;
    width : 60px;-webkit-appearance : none;-ms-appearance : none;
    appearance : none;
    background-color : #fafafa;
    border : 1px solid #ddd;
    border-radius : 3px;
    margin-bottom : 10px;
    padding : 8px 6px 8px 12px;
    line-height : 20px;
    display : block
  }
    .w-commerce-commercecartquantity : :-ms-input-placeholder {
    color : #999
  }
    .w-commerce-commercecartquantity : :placeholder {
    color : #999
  }
    .w-commerce-commercecartquantity : focus {
    border-color : #3898ec;
    outline-style : none
  }
  .w-commerce-commercecartfooter {
    border-top : 1px solid #e6e6e6;
    flex-direction : column;
    flex : none;
    padding : 16px 24px 24px;
    display : flex
  }
  .w-commerce-commercecartlineitem {
    flex : none;
    justify-content : space-between;
    align-items : baseline;
    margin-bottom : 16px;
    display : flex
  }
  .w-commerce-commercecartordervalue {
    font-weight : 700
  }
  .w-commerce-commercecartapplepaybutton {
    color : #fff;
    cursor : pointer;-webkit-appearance : none;-ms-appearance : none;
    appearance : none;
    height : 38px;
    min-height : 30px;
    background-color : #000;
    border-width : 0;
    border-radius : 2px;
    align-items : center;
    margin-bottom : 8px;
    padding : 0;
    text-decoration : none;
    display : flex
  }
  .w-commerce-commercecartapplepayicon {
    width : 100%;
    height : 50%;
    min-height : 20px
  }
  .w-commerce-commercecartquickcheckoutbutton {
    color : #fff;
    cursor : pointer;-webkit-appearance : none;-ms-appearance : none;
    appearance : none;
    height : 38px;
    background-color : #000;
    border-width : 0;
    border-radius : 2px;
    justify-content : center;
    align-items : center;
    margin-bottom : 8px;
    padding : 0 15px;
    text-decoration : none;
    display : flex
  }
  .w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon {
    margin-right : 8px;
    display : block
  }
  .w-commerce-commercecartcheckoutbutton {
    color : #fff;
    cursor : pointer;-webkit-appearance : none;-ms-appearance : none;
    appearance : none;
    text-align : center;
    background-color : #3898ec;
    border-width : 0;
    border-radius : 2px;
    align-items : center;
    padding : 9px 15px;
    text-decoration : none;
    display : block
  }
  .w-commerce-commercecartemptystate {
    flex : 1;
    justify-content : center;
    align-items : center;
    padding-top : 100px;
    padding-bottom : 100px;
    display : flex
  }
  .w-commerce-commercecarterrorstate {
    background-color : #ffdede;
    flex : none;
    margin : 0 24px 24px;
    padding : 10px
  }
  .w-commerce-commercecheckoutformcontainer {
    width : 100%;
    min-height : 100vh;
    background-color : #f5f5f5;
    padding : 20px
  }
  .w-commerce-commercecheckoutcustomerinfowrapper {
    margin-bottom : 20px
  }
  .w-commerce-commercecheckoutblockheader {
    background-color : #fff;
    border : 1px solid #e6e6e6;
    justify-content : space-between;
    align-items : baseline;
    padding : 4px 20px;
    display : flex
  }
  .w-commerce-commercecheckoutblockcontent {
    background-color : #fff;
    border-bottom : 1px solid #e6e6e6;
    border-left : 1px solid #e6e6e6;
    border-right : 1px solid #e6e6e6;
    padding : 20px
  }
  .w-commerce-commercecheckoutlabel {
    margin-bottom : 8px
  }
  .w-commerce-commercecheckoutemailinput {
    height : 38px;
    width : 100%;-webkit-appearance : none;-ms-appearance : none;
    appearance : none;
    background-color : #fafafa;
    border : 1px solid #ddd;
    border-radius : 3px;
    margin-bottom : 0;
    padding : 8px 12px;
    line-height : 20px;
    display : block
  }
    .w-commerce-commercecheckoutemailinput : :-ms-input-placeholder {
    color : #999
  }
    .w-commerce-commercecheckoutemailinput : :placeholder {
    color : #999
  }
    .w-commerce-commercecheckoutemailinput : focus {
    border-color : #3898ec;
    outline-style : none
  }
  .w-commerce-commercecheckoutshippingaddresswrapper {
    margin-bottom : 20px
  }
  .w-commerce-commercecheckoutshippingfullname {
    height : 38px;
    width : 100%;-webkit-appearance : none;-ms-appearance : none;
    appearance : none;
    background-color : #fafafa;
    border : 1px solid #ddd;
    border-radius : 3px;
    margin-bottom : 16px;
    padding : 8px 12px;
    line-height : 20px;
    display : block
  }
    .w-commerce-commercecheckoutshippingfullname : :-ms-input-placeholder {
    color : #999
  }
    .w-commerce-commercecheckoutshippingfullname : :placeholder {
    color : #999
  }
    .w-commerce-commercecheckoutshippingfullname : focus {
    border-color : #3898ec;
    outline-style : none
  }
  .w-commerce-commercecheckoutshippingstreetaddress {
    height : 38px;
    width : 100%;-webkit-appearance : none;-ms-appearance : none;
    appearance : none;
    background-color : #fafafa;
    border : 1px solid #ddd;
    border-radius : 3px;
    margin-bottom : 16px;
    padding : 8px 12px;
    line-height : 20px;
    display : block
  }
    .w-commerce-commercecheckoutshippingstreetaddress : :-ms-input-placeholder {
    color : #999
  }
    .w-commerce-commercecheckoutshippingstreetaddress : :placeholder {
    color : #999
  }
    .w-commerce-commercecheckoutshippingstreetaddress : focus {
    border-color : #3898ec;
    outline-style : none
  }
  .w-commerce-commercecheckoutshippingstreetaddressoptional {
    height : 38px;
    width : 100%;-webkit-appearance : none;-ms-appearance : none;
    appearance : none;
    background-color : #fafafa;
    border : 1px solid #ddd;
    border-radius : 3px;
    margin-bottom : 16px;
    padding : 8px 12px;
    line-height : 20px;
    display : block
  }
    .w-commerce-commercecheckoutshippingstreetaddressoptional : :-ms-input-placeholder {
    color : #999
  }
    .w-commerce-commercecheckoutshippingstreetaddressoptional : :placeholder {
    color : #999
  }
    .w-commerce-commercecheckoutshippingstreetaddressoptional : focus {
    border-color : #3898ec;
    outline-style : none
  }
  .w-commerce-commercecheckoutshippingcity {
    height : 38px;
    width : 100%;-webkit-appearance : none;-ms-appearance : none;
    appearance : none;
    background-color : #fafafa;
    border : 1px solid #ddd;
    border-radius : 3px;
    margin-bottom : 16px;
    padding : 8px 12px;
    line-height : 20px;
    display : block
  }
    .w-commerce-commercecheckoutshippingcity : :-ms-input-placeholder {
    color : #999
  }
    .w-commerce-commercecheckoutshippingcity : :placeholder {
    color : #999
  }
    .w-commerce-commercecheckoutshippingcity : focus {
    border-color : #3898ec;
    outline-style : none
  }
  .w-commerce-commercecheckoutshippingstateprovince {
    height : 38px;
    width : 100%;-webkit-appearance : none;-ms-appearance : none;
    appearance : none;
    background-color : #fafafa;
    border : 1px solid #ddd;
    border-radius : 3px;
    margin-bottom : 16px;
    padding : 8px 12px;
    line-height : 20px;
    display : block
  }
    .w-commerce-commercecheckoutshippingstateprovince : :-ms-input-placeholder {
    color : #999
  }
    .w-commerce-commercecheckoutshippingstateprovince : :placeholder {
    color : #999
  }
    .w-commerce-commercecheckoutshippingstateprovince : focus {
    border-color : #3898ec;
    outline-style : none
  }
  .w-commerce-commercecheckoutshippingzippostalcode {
    height : 38px;
    width : 100%;-webkit-appearance : none;-ms-appearance : none;
    appearance : none;
    background-color : #fafafa;
    border : 1px solid #ddd;
    border-radius : 3px;
    margin-bottom : 16px;
    padding : 8px 12px;
    line-height : 20px;
    display : block
  }
    .w-commerce-commercecheckoutshippingzippostalcode : :-ms-input-placeholder {
    color : #999
  }
    .w-commerce-commercecheckoutshippingzippostalcode : :placeholder {
    color : #999
  }
    .w-commerce-commercecheckoutshippingzippostalcode : focus {
    border-color : #3898ec;
    outline-style : none
  }
  .w-commerce-commercecheckoutshippingcountryselector {
    height : 38px;
    width : 100%;-webkit-appearance : none;-ms-appearance : none;
    appearance : none;
    background-color : #fafafa;
    border : 1px solid #ddd;
    border-radius : 3px;
    margin-bottom : 0;
    padding : 8px 12px;
    line-height : 20px;
    display : block
  }
    .w-commerce-commercecheckoutshippingcountryselector : :-ms-input-placeholder {
    color : #999
  }
    .w-commerce-commercecheckoutshippingcountryselector : :placeholder {
    color : #999
  }
    .w-commerce-commercecheckoutshippingcountryselector : focus {
    border-color : #3898ec;
    outline-style : none
  }
  .w-commerce-commercecheckoutshippingmethodswrapper {
    margin-bottom : 20px
  }
  .w-commerce-commercecheckoutshippingmethodslist {
    border-left : 1px solid #e6e6e6;
    border-right : 1px solid #e6e6e6
  }
  .w-commerce-commercecheckoutshippingmethoditem {
    background-color : #fff;
    border-bottom : 1px solid #e6e6e6;
    flex-direction : row;
    align-items : baseline;
    margin-bottom : 0;
    padding : 16px;
    font-weight : 400;
    display : flex
  }
  .w-commerce-commercecheckoutshippingmethoddescriptionblock {
    flex-direction : column;
    flex-grow : 1;
    margin-left : 12px;
    margin-right : 12px;
    display : flex
  }
  .w-commerce-commerceboldtextblock {
    font-weight : 700
  }
  .w-commerce-commercecheckoutshippingmethodsemptystate {
    text-align : center;
    background-color : #fff;
    border-bottom : 1px solid #e6e6e6;
    border-left : 1px solid #e6e6e6;
    border-right : 1px solid #e6e6e6;
    padding : 64px 16px
  }
  .w-commerce-commercecheckoutpaymentinfowrapper {
    margin-bottom : 20px
  }
  .w-commerce-commercecheckoutcardnumber {
    height : 38px;
    width : 100%;-webkit-appearance : none;-ms-appearance : none;
    appearance : none;
    cursor : text;
    background-color : #fafafa;
    border : 1px solid #ddd;
    border-radius : 3px;
    margin-bottom : 16px;
    padding : 8px 12px;
    line-height : 20px;
    display : block
  }
    .w-commerce-commercecheckoutcardnumber : :-ms-input-placeholder {
    color : #999
  }
    .w-commerce-commercecheckoutcardnumber : :placeholder {
    color : #999
  }
    .w-commerce-commercecheckoutcardnumber : focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus {
    border-color : #3898ec;
    outline-style : none
  }
  .w-commerce-commercecheckoutcardexpirationdate {
    height : 38px;
    width : 100%;-webkit-appearance : none;-ms-appearance : none;
    appearance : none;
    cursor : text;
    background-color : #fafafa;
    border : 1px solid #ddd;
    border-radius : 3px;
    margin-bottom : 16px;
    padding : 8px 12px;
    line-height : 20px;
    display : block
  }
    .w-commerce-commercecheckoutcardexpirationdate : :-ms-input-placeholder {
    color : #999
  }
    .w-commerce-commercecheckoutcardexpirationdate : :placeholder {
    color : #999
  }
    .w-commerce-commercecheckoutcardexpirationdate : focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
    border-color : #3898ec;
    outline-style : none
  }
  .w-commerce-commercecheckoutcardsecuritycode {
    height : 38px;
    width : 100%;-webkit-appearance : none;-ms-appearance : none;
    appearance : none;
    cursor : text;
    background-color : #fafafa;
    border : 1px solid #ddd;
    border-radius : 3px;
    margin-bottom : 16px;
    padding : 8px 12px;
    line-height : 20px;
    display : block
  }
    .w-commerce-commercecheckoutcardsecuritycode : :-ms-input-placeholder {
    color : #999
  }
    .w-commerce-commercecheckoutcardsecuritycode : :placeholder {
    color : #999
  }
    .w-commerce-commercecheckoutcardsecuritycode : focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
    border-color : #3898ec;
    outline-style : none
  }
  .w-commerce-commercecheckoutbillingaddresstogglewrapper {
    flex-direction : row;
    display : flex
  }
  .w-commerce-commercecheckoutbillingaddresstogglecheckbox {
    margin-top : 4px
  }
  .w-commerce-commercecheckoutbillingaddresstogglelabel {
    margin-left : 8px;
    font-weight : 400
  }
  .w-commerce-commercecheckoutbillingaddresswrapper {
    margin-top : 16px;
    margin-bottom : 20px
  }
  .w-commerce-commercecheckoutbillingfullname {
    height : 38px;
    width : 100%;-webkit-appearance : none;-ms-appearance : none;
    appearance : none;
    background-color : #fafafa;
    border : 1px solid #ddd;
    border-radius : 3px;
    margin-bottom : 16px;
    padding : 8px 12px;
    line-height : 20px;
    display : block
  }
    .w-commerce-commercecheckoutbillingfullname : :-ms-input-placeholder {
    color : #999
  }
    .w-commerce-commercecheckoutbillingfullname : :placeholder {
    color : #999
  }
    .w-commerce-commercecheckoutbillingfullname : focus {
    border-color : #3898ec;
    outline-style : none
  }
  .w-commerce-commercecheckoutbillingstreetaddress {
    height : 38px;
    width : 100%;-webkit-appearance : none;-ms-appearance : none;
    appearance : none;
    background-color : #fafafa;
    border : 1px solid #ddd;
    border-radius : 3px;
    margin-bottom : 16px;
    padding : 8px 12px;
    line-height : 20px;
    display : block
  }
    .w-commerce-commercecheckoutbillingstreetaddress : :-ms-input-placeholder {
    color : #999
  }
    .w-commerce-commercecheckoutbillingstreetaddress : :placeholder {
    color : #999
  }
    .w-commerce-commercecheckoutbillingstreetaddress : focus {
    border-color : #3898ec;
    outline-style : none
  }
  .w-commerce-commercecheckoutbillingstreetaddressoptional {
    height : 38px;
    width : 100%;-webkit-appearance : none;-ms-appearance : none;
    appearance : none;
    background-color : #fafafa;
    border : 1px solid #ddd;
    border-radius : 3px;
    margin-bottom : 16px;
    padding : 8px 12px;
    line-height : 20px;
    display : block
  }
    .w-commerce-commercecheckoutbillingstreetaddressoptional : :-ms-input-placeholder {
    color : #999
  }
    .w-commerce-commercecheckoutbillingstreetaddressoptional : :placeholder {
    color : #999
  }
    .w-commerce-commercecheckoutbillingstreetaddressoptional : focus {
    border-color : #3898ec;
    outline-style : none
  }
  .w-commerce-commercecheckoutbillingcity {
    height : 38px;
    width : 100%;-webkit-appearance : none;-ms-appearance : none;
    appearance : none;
    background-color : #fafafa;
    border : 1px solid #ddd;
    border-radius : 3px;
    margin-bottom : 16px;
    padding : 8px 12px;
    line-height : 20px;
    display : block
  }
    .w-commerce-commercecheckoutbillingcity : :-ms-input-placeholder {
    color : #999
  }
    .w-commerce-commercecheckoutbillingcity : :placeholder {
    color : #999
  }
    .w-commerce-commercecheckoutbillingcity : focus {
    border-color : #3898ec;
    outline-style : none
  }
  .w-commerce-commercecheckoutbillingstateprovince {
    height : 38px;
    width : 100%;-webkit-appearance : none;-ms-appearance : none;
    appearance : none;
    background-color : #fafafa;
    border : 1px solid #ddd;
    border-radius : 3px;
    margin-bottom : 16px;
    padding : 8px 12px;
    line-height : 20px;
    display : block
  }
    .w-commerce-commercecheckoutbillingstateprovince : :-ms-input-placeholder {
    color : #999
  }
    .w-commerce-commercecheckoutbillingstateprovince : :placeholder {
    color : #999
  }
    .w-commerce-commercecheckoutbillingstateprovince : focus {
    border-color : #3898ec;
    outline-style : none
  }
  .w-commerce-commercecheckoutbillingzippostalcode {
    height : 38px;
    width : 100%;-webkit-appearance : none;-ms-appearance : none;
    appearance : none;
    background-color : #fafafa;
    border : 1px solid #ddd;
    border-radius : 3px;
    margin-bottom : 16px;
    padding : 8px 12px;
    line-height : 20px;
    display : block
  }
    .w-commerce-commercecheckoutbillingzippostalcode : :-ms-input-placeholder {
    color : #999
  }
    .w-commerce-commercecheckoutbillingzippostalcode : :placeholder {
    color : #999
  }
    .w-commerce-commercecheckoutbillingzippostalcode : focus {
    border-color : #3898ec;
    outline-style : none
  }
  .w-commerce-commercecheckoutbillingcountryselector {
    height : 38px;
    width : 100%;-webkit-appearance : none;-ms-appearance : none;
    appearance : none;
    background-color : #fafafa;
    border : 1px solid #ddd;
    border-radius : 3px;
    margin-bottom : 0;
    padding : 8px 12px;
    line-height : 20px;
    display : block
  }
    .w-commerce-commercecheckoutbillingcountryselector : :-ms-input-placeholder {
    color : #999
  }
    .w-commerce-commercecheckoutbillingcountryselector : :placeholder {
    color : #999
  }
    .w-commerce-commercecheckoutbillingcountryselector : focus {
    border-color : #3898ec;
    outline-style : none
  }
  .w-commerce-commercecheckoutorderitemswrapper {
    margin-bottom : 20px
  }
  .w-commerce-commercecheckoutsummaryblockheader {
    background-color : #fff;
    border : 1px solid #e6e6e6;
    justify-content : space-between;
    align-items : baseline;
    padding : 4px 20px;
    display : flex
  }
  .w-commerce-commercecheckoutorderitemslist {
    margin-bottom : -20px
  }
  .w-commerce-commercecheckoutorderitem {
    margin-bottom : 20px;
    display : flex
  }
  .w-commerce-commercecheckoutorderitemdescriptionwrapper {
    flex-grow : 1;
    margin-left : 16px;
    margin-right : 16px
  }
  .w-commerce-commercecheckoutorderitemquantitywrapper {
    white-space : pre-wrap;
    display : flex
  }
  .w-commerce-commercecheckoutorderitemoptionlist {
    margin-bottom : 0;
    padding-left : 0;
    text-decoration : none;
    list-style-type : none
  }
  .w-commerce-commercecheckoutordersummarywrapper {
    margin-bottom : 20px
  }
  .w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem {
    flex-direction : row;
    justify-content : space-between;
    margin-bottom : 8px;
    display : flex
  }
  .w-commerce-commercecheckoutsummarytotal {
    font-weight : 700
  }
  .w-commerce-commercecheckoutplaceorderbutton {
    color : #fff;
    cursor : pointer;-webkit-appearance : none;-ms-appearance : none;
    appearance : none;
    text-align : center;
    background-color : #3898ec;
    border-width : 0;
    border-radius : 3px;
    align-items : center;
    margin-bottom : 20px;
    padding : 9px 15px;
    text-decoration : none;
    display : block
  }
  .w-commerce-commercecheckouterrorstate {
    background-color : #ffdede;
    margin-top : 16px;
    margin-bottom : 16px;
    padding : 10px 16px
  }
  .w-commerce-commerceaddtocartform {
    margin : 0 0 15px
  }
  .w-commerce-commerceaddtocartoptionpillgroup {
    margin-bottom : 10px;
    display : flex
  }
  .w-commerce-commerceaddtocartoptionpill {
    color : #000;
    cursor : pointer;
    background-color : #fff;
    border : 1px solid #000;
    margin-right : 10px;
    padding : 8px 15px
  }
  .w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-selected {
    color : #fff;
    background-color : #000
  }
  .w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-disabled {
    color : #666;
    cursor : not-allowed;
    background-color : #e6e6e6;
    border-color : #e6e6e6;
    outline-style : none
  }
  .w-commerce-commerceaddtocartquantityinput {
    height : 38px;
    width : 60px;-webkit-appearance : none;-ms-appearance : none;
    appearance : none;
    background-color : #fafafa;
    border : 1px solid #ddd;
    border-radius : 3px;
    margin-bottom : 10px;
    padding : 8px 6px 8px 12px;
    line-height : 20px;
    display : block
  }
    .w-commerce-commerceaddtocartquantityinput : :-ms-input-placeholder {
    color : #999
  }
    .w-commerce-commerceaddtocartquantityinput : :placeholder {
    color : #999
  }
    .w-commerce-commerceaddtocartquantityinput : focus {
    border-color : #3898ec;
    outline-style : none
  }
  .w-commerce-commerceaddtocartbutton {
    color : #fff;
    cursor : pointer;-webkit-appearance : none;-ms-appearance : none;
    appearance : none;
    background-color : #3898ec;
    border-width : 0;
    border-radius : 0;
    align-items : center;
    padding : 9px 15px;
    text-decoration : none;
    display : flex
  }
  .w-commerce-commerceaddtocartbutton.w--ecommerce-add-to-cart-disabled {
    color : #666;
    cursor : not-allowed;
    background-color : #e6e6e6;
    border-color : #e6e6e6;
    outline-style : none
  }
  .w-commerce-commercebuynowbutton {
    color : #fff;
    cursor : pointer;-webkit-appearance : none;-ms-appearance : none;
    appearance : none;
    background-color : #3898ec;
    border-width : 0;
    border-radius : 0;
    align-items : center;
    margin-top : 10px;
    padding : 9px 15px;
    text-decoration : none;
    display : inline-block
  }
  .w-commerce-commercebuynowbutton.w--ecommerce-buy-now-disabled {
    color : #666;
    cursor : not-allowed;
    background-color : #e6e6e6;
    border-color : #e6e6e6;
    outline-style : none
  }
  .w-commerce-commerceaddtocartoutofstock {
    background-color : #ddd;
    margin-top : 10px;
    padding : 10px
  }
  .w-commerce-commerceaddtocarterror {
    background-color : #ffdede;
    margin-top : 10px;
    padding : 10px
  }
  .w-commerce-commerceorderconfirmationcontainer {
    width : 100%;
    min-height : 100vh;
    background-color : #f5f5f5;
    padding : 20px
  }
  .w-commerce-commercecheckoutcustomerinfosummarywrapper {
    margin-bottom : 20px
  }
  .w-commerce-commercecheckoutsummarylabel {
    margin-bottom : 8px
  }
  .w-commerce-commercecheckoutcolumn {
    flex : 1;
    padding-left : 8px;
    padding-right : 8px
  }
  .w-commerce-commercecheckoutsummaryflexboxdiv {
    flex-direction : row;
    justify-content : flex-start;
    display : flex
  }
  .w-commerce-commercecheckoutsummarytextspacingondiv {
    margin-right : .33em
  }
  .w-commerce-commercecheckoutshippingsummarywrapper, .w-commerce-commercecheckoutpaymentsummarywrapper {
    margin-bottom : 20px
  }
  .w-commerce-commercecheckoutsummaryitem {
    margin-bottom : 8px
  }
  .w-commerce-commercepaypalcheckoutformcontainer {
    width : 100%;
    min-height : 100vh;
    background-color : #f5f5f5;
    padding : 20px
  }
  .w-commerce-commercepaypalcheckouterrorstate {
    background-color : #ffdede;
    margin-top : 16px;
    margin-bottom : 16px;
    padding : 10px 16px
  }
    @media screen and (max-width : 479px) {
    .w-commerce-commercecartcontainerwrapper--cartType-modal{flex-direction : row;
    justify-content : center;
    align-items : stretch
  }
  .w-commerce-commercecartcontainerwrapper--cartType-leftDropdown, .w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
    flex-direction : row;
    justify-content : center;
    align-items : stretch;
    display : flex;
    position : fixed;
    top : 0;
    bottom : 0;
    left : 0;
    right : 0
  }
  .w-commerce-commercecartquantity, .w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional, .w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutbillingcountryselector, .w-commerce-commerceaddtocartquantityinput {
    font-size : 16px
  }
  }body {
    background-color : var(--white);
    color : var(--color-3);
    padding-bottom : 2.5em;
    padding-left : 2.5em;
    padding-right : 2.5em;
    
    font-size : .75vw;
    font-weight : 400;
    line-height : 1.2em
  }
  h1 {
    margin-top : 0;
    margin-bottom : 0;
    font-size : 5em;
    font-weight : 500;
    line-height : 1em
  }
  h2 {
    margin-top : 20px;
    margin-bottom : 10px;
    font-size : 4em;
    font-weight : 500;
    line-height : 1em
  }
  h3 {
    margin-top : 0;
    margin-bottom : 0;
    font-size : 3.5em;
    font-weight : 500;
    line-height : 1em
  }
  h4 {
    margin-top : 10px;
    margin-bottom : 10px;
    font-size : 3em;
    font-weight : 500;
    line-height : 1em
  }
  h5 {
    margin-top : 10px;
    margin-bottom : 10px;
    font-size : 2.7em;
    font-weight : 500;
    line-height : 1em
  }
  h6 {
    margin-top : 10px;
    margin-bottom : 10px;
    font-size : 2.3em;
    font-weight : 500;
    line-height : 1em
  }
  p {
    margin-bottom : 0;
    font-size : 1.2em;
    line-height : 1.4em
  }
  a {
    color : var(--color-5);
    text-decoration : none
  }
  ul, ol {
    margin-top : 0;
    margin-bottom : 10px;
    padding-left : 40px
  }
  img {
    max-width : 100%;
    display : inline-block
  }
  strong {
    font-weight : 700
  }
  blockquote {
    border-left : 5px solid #e2e2e2;
    margin-bottom : 10px;
    padding : 10px 20px;
    font-size : 18px;
    line-height : 22px
  }
  figcaption {
    text-align : center;
    margin-top : 5px
  }
  .color-8 {
    width : 100%;
    background-color : var(--color-8)
  }
  .container {
    z-index : 20;
    width : 100%;
    max-width : 1600px;
    margin-left : auto;
    margin-right : auto;
    padding-left : 8em;
    padding-right : 8em;
    position : relative
  }
  .container.is-wider {
    max-width : 1600px
  }
  .container.is-about-container {
    max-width : 120em
  }
  .container.is-narrow {
    max-width : var(--narrow-size)
  }
  .container.is-overview-container {
    max-width : 125em
  }
  .color-7 {
    width : 100%;
    background-color : var(--color-7)
  }
  .tabs {
    z-index : 10;
    width : 100%;
    flex-direction : column;
    justify-content : center;
    align-items : center;
    display : flex
  }
  .icons {
    grid-column-gap : 3.25em;
    grid-row-gap : 2em;
    flex-wrap : wrap;
    justify-content : center;
    align-items : center;
    margin-left : auto;
    margin-right : auto;
    display : flex
  }
  .animation-color-background {
    z-index : 15;
    width : 100%;
    height : 100%;
    background-color : var(--white);
    display : none;
    position : absolute
  }
  .animation-color-background.is-light-green-color {
    background-color : var(--color-13)
  }
  .animation-color-background.is-dark-green-color {
    background-color : var(--color-3)
  }
  .section-line {
    z-index : 10;
    width : 100%;
    height : 1px;
    background-color : var(--color-8);
    position : relative
  }
  .color-5 {
    width : 100%;
    background-color : var(--color-5)
  }
  .style-guide-block {
    width : 100%;
    max-width : 80em;
    grid-row-gap : 10em;
    flex-direction : column;
    justify-content : flex-start;
    align-items : stretch;
    margin-left : auto;
    margin-right : auto;
    display : flex
  }
  .paragraph {
    z-index : 10;
    font-size : 1.4em;
    font-weight : 400;
    line-height : 1.6em;
    position : relative
  }
  .paragraph.is-large {
    font-size : 1.6em;
    line-height : 1.7em
  }
  .paragraph.is-medium {
    font-size : 1.5em
  }
  .paragraph.is-extra-large {
    font-size : 2em;
    line-height : 1.4em
  }
  .paragraph.is-small {
    border-radius : 80px;
    font-size : 1.2em
  }
  .paragraph.is-search-result-title {
    font-size : 1.8em;
    line-height : 1.3em
  }
  .paragraph.is-cart-title {
    font-size : 2em;
    font-weight : 800;
    line-height : 1.3em
  }
  .paragraph.is-subtitle {
    font-size : 3em;
    font-weight : 300;
    line-height : 1.4em
  }
  .cover-image {
    z-index : 1;
    width : 100%;
    height : 100%;
    text-align : center;
    object-fit : cover;
    position : absolute
  }
  .cover-image.is-parallax {
    height : 120%;
    top : auto;
    bottom : auto
  }
  .cover-image.with-radius-medium {
    border-radius : var(--radius-medium)
  }
  .image-overlay-color-100 {
    z-index : 20;
    background-color : var(--color-1);
    opacity : 1;
    mix-blend-mode : multiply;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  .tab-link {
    min-width : 16em;
    border-radius : var(--radius-50em);
    color : var(--color-5);
    text-align : center;
    background-color : transparent;
    border : 1px solid transparent;
    justify-content : center;
    align-self : stretch;
    align-items : center;
    padding : 1.3em 2em;
    line-height : 1.1em;
    transition : color .2s;
    display : flex
  }
    .tab-link : hover {
    color : var(--color-1)
  }
  .tab-link.w--current {
    background-color : var(--yellow-4);
    opacity : 1;
    color : var(--color-1)
  }
  .color-3 {
    width : 100%;
    background-color : var(--color-3)
  }
  .color-pallete {
    width : 100%;
    height : 40em;
    flex-direction : row;
    justify-content : space-between;
    align-items : stretch;
    display : flex;
    position : relative
  }
  .image-parallax-wrapper {
    z-index : 5;
    border-radius : var(--radius-medium);
    flex-direction : column;
    justify-content : center;
    align-items : center;
    display : flex;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    overflow : hidden
  }
  .heading {
    z-index : 10;
    margin-top : 0;
    margin-bottom : 0;
    font-size : 3em;
    font-weight : 500;
    line-height : 1.3em;
    position : relative
  }
  .heading.is-small-title {
    font-size : 2em
  }
  .heading.is-extra-large-title {
    font-size : 5em
  }
  .heading.is-medium-title {
    font-size : 3em
  }
  .heading.is-extra-small-title {
    font-size : 1.7em
  }
  .heading.is-regular-title {
    font-size : 2.5em
  }
  .heading.is-large-title {
    font-size : 3.5em
  }
  .heading.is-light {
    font-weight : 300
  }
  .heading.is-extra-bold {
    font-weight : 800
  }
  .heading.with-more-height {
    line-height : 1.8em
  }
  .heading.is-featured-article-title {
    font-size : 2.3em;
    font-weight : 600;
    line-height : 1.4em
  }
  .heading.is-product-title {
    font-size : 2.9em;
    font-weight : 600;
    line-height : 1.2em
  }
  .heading.is-checkout-title {
    font-size : 1.8em;
    font-weight : 500
  }
  .heading.is-simple-hero-title {
    max-width : 10em;
    font-size : 6em;
    line-height : 1.1em
  }
  .heading.is-product-hero-title {
    max-width : 14em;
    margin-bottom : 0;
    font-size : 4em;
    font-weight : 500;
    line-height : 1.2em
  }
  .heading.is-blog-hero-title {
    color : var(--color-1);
    font-size : 5em;
    font-weight : 600;
    line-height : 1.3em
  }
  .heading.is-additional-product-title {
    text-align : left;
    font-size : 2.5em;
    font-weight : 400;
    line-height : 1.1em
  }
  .heading.is-blog-post-title {
    font-size : 2em;
    font-weight : 400;
    line-height : 1.4em
  }
  .heading.is-course-hero-title {
    font-size : 10em;
    line-height : 1.1em
  }
  .heading.is-about-3-hero-title {
    color : var(--white);
    font-size : 10em;
    line-height : 1em
  }
  .heading.is-featured-product-title {
    font-size : 2.5em
  }
  .heading.is-home-hero-title {
    letter-spacing : -.01em;
    
    font-size : 4vw;
    font-weight : 500;
    line-height : 1.1em
  }
  .heading.is-course-title {
    font-size : 1.8em;
    font-weight : 400;
    line-height : 1.4em
  }
  .heading.is-home-hero-title {
    color : var(--color-3);
    letter-spacing : -.01em;
    margin-bottom : .2em;
    
    font-size : 7em;
    font-weight : 500;
    line-height : 1.1em
  }
  .heading.is-contact-hero {
    font-size : 3vw
  }
  .heading.is-event-hero-title {
    font-size : 5.1em;
    line-height : 1.3em
  }
  .heading.is-about-title {
    color : var(--color-1);
    font-size : 3.6em;
    font-weight : 500;
    line-height : 1em
  }
  .heading.is-about-hero-title {
    color : var(--color-2);
    flex : none;
    font-size : 7.5em;
    line-height : 1.1em
  }
  .heading.is-course-2-hero-title {
    font-size : 8em;
    line-height : 1.1em
  }
  .heading.is-course-2-title {
    font-size : 1.8em;
    font-weight : 400;
    line-height : 1.4em
  }
  .heading.is-course-3-hero-large-title {
    color : var(--yellow-4);
    margin-top : auto;
    margin-left : auto;
    margin-right : auto;
    font-size : 33em;
    font-weight : 400;
    line-height : .9em
  }
  .heading.is-course-3-hero-title {
    font-size : 4.5em;
    font-weight : 400;
    line-height : 1.1em
  }
  .heading.is-course-3-title {
    font-size : 2.1em;
    font-weight : 400;
    line-height : 1.4em
  }
  .heading.is-home-2-hero-title {
    max-width : 14em;
    color : var(--white);
    font-size : 4em;
    line-height : 1.4em
  }
  .heading.is-blog-post-2-title {
    font-size : 1.8em;
    font-weight : 400;
    line-height : 1.4em
  }
  .heading.is-about-2-hero-title {
    font-size : 8em;
    line-height : 1.2em
  }
  .heading.is-home-3-hero-title {
    font-size : 4.5em;
    font-weight : 400;
    line-height : 1.2em
  }
  .heading.is-about-3-title {
    font-size : 2.4em;
    line-height : 1.6em
  }
  .heading.is-course-cms-hero-title {
    max-width : 17em;
    font-size : 3.5em;
    line-height : 1.4em
  }
  .heading.is-overview-about-title {
    max-width : 13em;
    font-size : 3.1em;
    line-height : 1.5em
  }
  .heading.is-404-hero-title {
    letter-spacing : -.01em;
    margin-bottom : .2em;
    
    font-size : 5em;
    font-weight : 500;
    line-height : 1.3em
  }
  .heading.is-overview-hero-title {
    flex : none;
    font-size : 7em;
    line-height : 1.1em
  }
  .heading.is-overview-store-title {
    font-size : 10em;
    line-height : 1.1em
  }
  .heading.is-overview-grid-title, .heading.is-about-1-title {
    font-size : 2.4em;
    line-height : 1.6em
  }
  .heading.is-slider-hero-title {
    font-size : 4.5em;
    font-weight : 400;
    line-height : 1.2em
  }
  .max-width-60 {
    z-index : 10;
    width : 100%;
    max-width : 60em;
    position : relative
  }
  .color-6 {
    width : 100%;
    background-color : var(--color-6)
  }
  .icon {
    z-index : 10;
    width : 1em;
    height : 1em;
    object-fit : contain;
    flex : none;
    font-size : 1.3em;
    position : relative
  }
  .icon.is-semi-large {
    font-size : 1.9em
  }
  .icon.is-medium {
    font-size : 1.7em
  }
  .icon.is-large {
    font-size : 2.5em
  }
  .icon.is-extra-large {
    font-size : 4em
  }
  .icon.is-regular {
    font-size : 1.5em
  }
  .icon.in-gallery {
    z-index : 3;
    width : 1em;
    height : 1em;
    background-color : var(--yellow-4);
    border-radius : 50%;
    padding : .3em;
    font-size : 5em;
    transition : background-color .2s;
    display : none;
    position : absolute
  }
    .icon.in-gallery : hover {
    background-color : var(--yellow-8)
  }
  .icon.is-close-icon {
    font-size : 2.2em
  }
  .icon.in-main-button {
    font-size : 1.7em
  }
  .icon.is-contact-social-icon {
    font-size : 1.8em
  }
  .icon.is-course-detail-icon {
    opacity : .8;
    margin-right : .2em;
    font-size : 1.5em
  }
  .icon.is-course-button-icon {
    font-size : 2.1em
  }
  .icon.is-sub-link-icon {
    flex : none;
    font-size : 2em
  }
  .icon.is-simple-button {
    margin-left : .3em;
    font-size : 1.7em
  }
  .color-4 {
    width : 100%;
    background-color : var(--color-4)
  }
  .color-11 {
    width : 100%;
    background-color : var(--color-11)
  }
  .color-10 {
    width : 100%;
    background-color : var(--color-10)
  }
  .padding {
    z-index : 10;
    width : 100%;
    padding-top : 10em;
    padding-bottom : 10em;
    position : relative
  }
  .padding.less-paddings {
    padding-top : 4em;
    padding-bottom : 4em
  }
  .color-9 {
    width : 100%;
    background-color : var(--color-9)
  }
  .tab-pane {
    width : 100%;
    height : 100%
  }
  .opacity-70 {
    opacity : .7
  }
  .section {
    z-index : 10;
    width : 100%;
    max-width : var(--max-width);
    border-radius : var(--radius-medium);
    background-color : rgba(255, 255, 255, .6);
    border : 1px solid rgba(255, 255, 255, .8);
    margin : 2em auto;
    position : relative;
    overflow : hidden
  }
  .section.with-dark-purple-bg {
    background-color : var(--color-1);
    color : var(--color-12)
  }
  .section.with-yellow-color {
    background-color : rgba(255, 224, 137, .3)
  }
  .section.is-sticky-section {
    background-color : var(--transparent);
    background-image : linear-gradient(rgba(255, 255, 255, .85), rgba(255, 255, 255, .3));
    overflow : visible
  }
  .section.is-transparent {
    background-color : rgba(255, 255, 255, 0);
    border-color : rgba(255, 255, 255, 0)
  }
  .section.with-higher-opacity {
    background-color : rgba(255, 255, 255, .8);
    border-color : #fff
  }
  .section.is-sticky-section-in-about-page {
    background-color : rgba(255, 255, 255, .31);
    overflow : visible
  }
  .section.for-hero-section {
    margin-top : 0
  }
  .section.is-product-about-content {
    border-color : var(--color-7)
  }
  .section.is-checkout-section, .section.is-highlights-section {
    overflow : visible
  }
  .section.with-purple-background {
    background-color : var(--color-3);
    color : var(--white)
  }
  .section.with-white-background {
    background-color : var(--white)
  }
  .vertical-flex {
    z-index : 10;
    width : 100%;
    flex-direction : column;
    justify-content : flex-start;
    align-items : flex-start;
    display : flex;
    position : relative
  }
  .vertical-flex.with-gap-4em {
    grid-row-gap : 4em
  }
  .vertical-flex.is-align-center {
    text-align : center;
    align-items : center
  }
  .vertical-flex.with-gap-2em {
    grid-row-gap : 2em
  }
  .vertical-flex.with-gap-2em.is-left {
    text-align : left
  }
  .vertical-flex.with-gap-2em.is-align-center {
    justify-content : center
  }
  .vertical-flex.with-gap-6em {
    grid-row-gap : 6em
  }
  .vertical-flex.with-gap-1em {
    grid-row-gap : 1em
  }
  .vertical-flex.with-gap-10em {
    grid-row-gap : 10em
  }
  .image-animation-trigger {
    z-index : 10;
    width : 100%;
    height : 100%;
    flex-direction : column;
    justify-content : center;
    align-items : center;
    display : flex;
    position : absolute;
    overflow : hidden
  }
  .tab-content {
    z-index : 5;
    width : 100%;
    overflow : visible
  }
  .color-1 {
    width : 100%;
    background-color : var(--color-1)
  }
  .rich-text {
    z-index : 10;
    color : var(--color-1);
    text-align : left;
    position : relative
  }
  .rich-text p {
    margin-bottom : 1em;
    font-size : 1.8em;
    line-height : 1.6em
  }
  .rich-text img {
    width : 120%;
    max-width : none;
    min-width : 120%;
    border-radius : 7px;
    margin-top : 2rem;
    margin-bottom : 2rem;
    position : relative;
    left : -10%
  }
  .rich-text li {
    background-image : url(../images/e19PhBMhuBEG.png);
    background-position : 0 4px;
    background-repeat : no-repeat;
    background-size : 1.1em;
    padding-left : 1.6em;
    font-size : 1.8em;
    font-weight : 400;
    line-height : 1.4em
  }
  .rich-text ul {
    grid-row-gap : 1.25em;
    flex-direction : column;
    justify-content : flex-start;
    align-items : flex-start;
    margin-top : 2em;
    margin-bottom : 2em;
    padding-left : 0;
    list-style-type : none;
    display : flex
  }
  .rich-text h2 {
    margin-top : 2rem;
    margin-bottom : 1rem;
    font-size : 3em;
    font-weight : 600;
    line-height : 1.2em
  }
  .rich-text h1 {
    margin-top : 0;
    margin-bottom : 1rem;
    font-size : 4em;
    font-weight : 600;
    line-height : 1.2em
  }
  .rich-text h3 {
    margin-top : 2rem;
    margin-bottom : 1rem;
    font-size : 2.5em;
    font-weight : 600;
    line-height : 1.2em
  }
  .rich-text h4 {
    margin-top : 2rem;
    margin-bottom : 1rem;
    font-size : 2em;
    font-weight : 600;
    line-height : 1.2em
  }
  .rich-text h5 {
    margin-top : 2rem;
    margin-bottom : 1rem;
    font-size : 1.8em;
    font-weight : 600;
    line-height : 1.2em
  }
  .rich-text h6 {
    margin-top : 2rem;
    margin-bottom : 1rem;
    font-size : 1.6em;
    font-weight : 600;
    line-height : 1.2em
  }
  .rich-text ol {
    grid-row-gap : 1em;
    flex-direction : column;
    justify-content : flex-start;
    align-items : flex-start;
    margin-top : 1em;
    margin-bottom : 1em;
    padding-left : 0;
    list-style-type : none;
    display : flex
  }
  .rich-text blockquote {
    color : var(--color-5);
    text-align : left;
    border-left-width : 0;
    border-left-color : transparent;
    margin-bottom : 0;
    padding : .5em 0;
    font-size : 2.4em;
    font-style : italic;
    font-weight : 500;
    line-height : 1.7em
  }
  .rich-text strong {
    font-weight : 600
  }
  .rich-text figcaption {
    margin-top : 0;
    margin-bottom : 2.5rem;
    font-size : 1.2em;
    line-height : 1.3em
  }
  .rich-text a {
    color : var(--color-6);
    text-decoration : underline
  }
    .rich-text a : hover {
    color : var(--color-2)
  }
  .rich-text.is-align-center {
    text-align : center
  }
  .tabs-links {
    border : 1px solid var(--yellow-3);
    border-radius : var(--radius-50em);
    background-color : rgba(255, 255, 255, .5);
    flex-direction : row;
    justify-content : center;
    align-items : center;
    margin-bottom : 2.5em;
    margin-left : auto;
    margin-right : auto;
    padding : .5em;
    display : flex
  }
  .tab-link-text {
    font-size : 1.5em;
    font-weight : 500;
    line-height : 1em
  }
  .color-2 {
    width : 100%;
    background-color : var(--color-2)
  }
  .parallax-animation {
    z-index : 1;
    flex-direction : column;
    justify-content : center;
    align-items : center;
    display : flex;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  .search-input {
    z-index : 50;
    height : 3.3em;
    border-radius : var(--radius-50em);
    color : var(--color-3);
    background-color : rgba(255, 255, 255, .4);
    border : 1px solid rgba(61, 20, 109, .5);
    flex : 1;
    margin-bottom : 0;
    padding : .5em 2vw .5em 1.5em;
    font-size : 1.5em;
    font-weight : 400;
    transition : background-color .2s, border-color .2s;
    position : relative
  }
    .search-input : hover, .search-input : focus {
    border-color : var(--color-3);
    background-color : rgba(255, 255, 255, .8)
  }
    .search-input : :-ms-input-placeholder {
    color : var(--color-3)
  }
    .search-input : :placeholder {
    color : var(--color-3)
  }
  .brand-name-text {
    font-size : 2.8em;
    font-weight : 500;
    line-height : 1em
  }
  .nav {
    z-index : 995;
    width : 100%;
    max-width : 2000px;
    background-color : var(--transparent);
    flex-direction : column;
    grid-template-rows : auto;
    grid-template-columns : 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns : 1fr;
    justify-content : space-between;
    align-items : stretch;
    margin-left : auto;
    margin-right : auto;
    padding-top : 2.5em;
    padding-bottom : 3.3em;
    font-weight : 400;
    display : flex;
    position : relative;
    top : 0%;
    bottom : auto;
    left : 0%;
    right : 0%
  }
  .nav-main-section {
    z-index : 200;
    width : 100%;
    height : 5em;
    grid-column-gap : 2em;
    flex-flow : row;
    grid-template-rows : auto;
    grid-template-columns : 1fr .5fr 1fr;
    grid-auto-columns : 1fr;
    justify-content : space-between;
    align-items : center;
    padding-right : 12em;
    display : flex;
    position : relative
  }
  .search {
    z-index : 50;
    max-width : 34em;
    flex : 1;
    align-items : center;
    margin-bottom : 0;
    display : flex;
    position : relative
  }
  .search-button {
    z-index : 50;
    height : 80%;
    width: 1%;
    border : 1px solid var(--color-3);
    border-radius : var(--narrow-size);
    opacity : .7;
    color : var(--color-15);
    background-color : rgba(255, 255, 255, .35);
    background-image : url(/images/search.png);
    background-position : 50%;
    background-repeat : no-repeat;
    background-size : 1.4em;
    padding : .5em 2em;
    font-size : 1.4em;
    font-weight : 400;
    transition : border-color .2s, background-color .2s;
    position : absolute;
    right : 5px
  }
    .search-button : hover {
    border-color : var(--color-1);
    opacity : 1;
    background-color : rgba(255, 255, 255, .9)
  }
    .search-button : focus {
    border-color : var(--color-1);
    background-color : rgba(255, 255, 255, .9)
  }
  .nav-icon {
    z-index : 10;
    width : 1em;
    height : 1em;
    object-fit : contain;
    flex : none;
    font-size : 1.8em;
    position : relative
  }
  .logo-image-default {
    z-index : 10;
    width : 3em;
    height : 3em;
    object-fit : contain;
    object-position : 0% 50%;
    flex : none;
    display : none;
    position : relative
  }
  .aside-menu {
    z-index : 1050;
    flex-direction : column;
    justify-content : flex-start;
    align-items : flex-start;
    display : none;
    position : fixed;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  .empty-state-hidden {
    display : none
  }
  .accordion {
    z-index : 10;
    width : 100%;
    border : 1px solid var(--color-3);
    border-radius : var(--radius-medium)var(--radius-medium)0px 0px;
    background-color : var(--white);
    flex : none;
    align-self : stretch;
    margin-left : 0;
    margin-right : 0;
    transition : border-color .2s, background-color .2s;
    display : block;
    position : relative;
    overflow : hidden
  }
    .accordion : hover {
    background-color : #fdfbf5
  }
  .accordion-dropdown {
    background-color : transparent;
    display : flex;
    position : relative
  }
  .accordion-dropdown.w--open {
    position : relative
  }
  .accordion-toggle {
    z-index : 10;
    width : 100%;
    grid-column-gap : 2em;
    color : var(--color-3);
    text-align : center;
    white-space : normal;
    justify-content : space-between;
    align-items : center;
    padding : 3em 3em 4.5em 4em;
    display : flex;
    position : relative
  }
    .accordion-toggle : hover {
    color : var(--color-4)
  }
  .accordion-title {
    z-index : 20;
    text-align : left;
    margin-right : auto;
    font-size : 2em;
    font-weight : 500;
    line-height : 1.3em;
    text-decoration : none;
    position : relative
  }
  .nav-background {
    z-index : -1;
    height : 11.5em;
    border-bottom-left-radius : var(--radius-medium);
    border-bottom-right-radius : var(--radius-medium);
    background-color : var(--white);
    position : absolute;
    top : 0%;
    bottom : auto;
    left : 0%;
    right : 0%
  }
  .menu-layout {
    z-index : 10;
    width : 100%;
    grid-column-gap : 3.5em;
    grid-row-gap : 3.5em;
    flex-direction : row;
    flex : 1;
    justify-content : flex-end;
    align-self : stretch;
    align-items : stretch;
    padding : 8em;
    display : flex;
    position : relative;
    overflow : hidden
  }
  .preloader {
    z-index : 99999;
    background-color : var(--color-3);
    flex-direction : column;
    justify-content : center;
    align-items : center;
    display : none;
    position : fixed;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  .gallery-lightbox {
    z-index : 10;
    width : 100%;
    height : 20em;
    border-radius : var(--radius-small);
    flex-direction : column;
    justify-content : center;
    align-items : center;
    display : flex;
    position : relative;
    overflow : hidden
  }
  .gallery-lightbox.in-product-gallery {
    height : 100%;
    flex-direction : column;
    justify-content : center;
    align-items : center;
    overflow : hidden
  }
  .gallery-thumbnail {
    z-index : 1;
    width : 100%;
    height : 100%;
    object-fit : cover;
    object-position : 50% 50%;
    position : relative
  }
  .gallery-background {
    z-index : 2;
    border-radius : var(--radius-small);
    background-color : var(--color-6);
    mix-blend-mode : multiply;
    display : none;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  .text-field {
    z-index : 5;
    width : 100%;
    min-height : 3em;
    border : 1px solid var(--color-5);
    border-radius : var(--radius-50em);
    color : var(--color-2);
    text-align : left;
    background-color : rgba(255, 255, 255, .5);
    margin-bottom : 0;
    padding : .5em 1.5em .5em 6em;
    font-size : 2em;
    font-weight : 400;
    transition : background-color .2s, border-color .2s;
    position : relative
  }
    .text-field : hover {
    border-color : var(--color-1);
    background-color : rgba(255, 255, 255, .8)
  }
    .text-field : active, .text-field : focus {
    border-color : var(--color-3);
    background-color : rgba(255, 255, 255, .8)
  }
    .text-field : :-ms-input-placeholder {
    color : var(--color-5);
    font-size : 1em
  }
    .text-field : :placeholder {
    color : var(--color-5);
    font-size : 1em
  }
  .text-field.is-area-field {
    min-height : 7em;
    border-radius : 1.6em;
    padding-top : .8em
  }
  .text-field.is-newsletter {
    min-height : 4em;
    text-align : center;
    flex : 1;
    margin-bottom : 0;
    padding : .5em 1.5em;
    font-size : 1.8em;
    font-weight : 400
  }
  .field-label {
    z-index : 7;
    border : 1px solid var(--yellow-3);
    border-radius : var(--radius-50em);
    background-color : var(--yellow-4);
    text-align : center;
    margin-bottom : 0;
    padding : .3em .8em;
    font-size : 1.4em;
    font-weight : 400;
    line-height : 1.1em;
    position : absolute;
    top : 1.3em;
    left : 1.2em
  }
  .form-field {
    z-index : 10;
    width : 100%;
    flex-direction : column;
    justify-content : center;
    align-items : flex-start;
    display : flex;
    position : relative
  }
  .checkbox-field {
    z-index : 10;
    width : 100%;
    text-align : left;
    justify-content : flex-start;
    align-items : center;
    margin-bottom : 0;
    padding-left : 2em;
    display : flex;
    position : relative
  }
  .checkbox-field.in-newsletter {
    text-align : left;
    justify-content : center;
    align-items : center;
    margin-top : 1.5em;
    margin-bottom : 0
  }
  .checkbox {
    width : 2.5em;
    height : 2.5em;
    border-width : 4px;
    border-color : var(--color-3);
    cursor : pointer;
    border-radius : 50%;
    flex : none;
    margin : 0 1.5em 0 -2em;
    transition : background-color .2s, border-width .2s
  }
    .checkbox : hover {
    border-width : 6px;
    border-color : var(--color-3)
  }
  .checkbox.w--redirected-checked {
    border-color : var(--color-3);
    background-color : var(--color-3);
    background-image : url(https : //assets-global.website-files.com/65ddbdd3c4bfbc5790b41fbc/65f42c3ec5182b053c99e444_done-fill0-wght600-grad0-opsz24-1%20\(1\).png);
    background-size : 2.2em
  }
  .checkbox.w--redirected-focus {
    border-width : 6px;
    border-color : var(--color-3);
    box-shadow : none
  }
  .checkbox-label {
    color : var(--color-3);
    margin-bottom : 0;
    font-size : 1.6em;
    font-weight : 400;
    line-height : 1.3em
  }
  .success-message {
    z-index : 20;
    border : 1px solid var(--white);
    border-radius : var(--radius-medium);
    background-color : var(--yellow-8);
    color : var(--color-1);
    padding : 12em 5em;
    position : relative;
    overflow : hidden
  }
  .success-message.in-newsletter {
    border : 1px solid var(--color-10);
    border-radius : var(--radius-small);
    background-color : var(--color-5);
    color : var(--white);
    padding : 3em
  }
  .success-message-text {
    max-width : 10em;
    margin-bottom : .7em;
    margin-left : auto;
    margin-right : auto;
    font-size : 3.4em;
    font-weight : 600;
    line-height : 1.3em
  }
  .success-message-text.in-newsletter {
    z-index : 10;
    max-width : none;
    margin-bottom : 0;
    font-size : 1.8em;
    font-weight : 500;
    position : relative
  }
  .error-message {
    text-align : center;
    background-color : #fddede;
    border : 1px solid #e06365;
    border-radius : 0;
    margin-top : .5em;
    padding : 1em;
    font-size : 1.6em;
    font-weight : 500
  }
  .error-message.in-newsletter {
    margin-top : .9em;
    font-size : 1.7em;
    font-weight : 400
  }
  .error-message-text {
    line-height : 1.4em
  }
  .contact-form {
    width : 100%;
    margin-bottom : 0;
    overflow : visible
  }
  .utility-page-wrapper {
    width : 100vw;
    height : 100vh;
    max-height : 100%;
    max-width : 100%;
    background-color : var(--color-3\<deleted\|variable-ca0a7902\>);
    color : var(--white);
    justify-content : center;
    align-items : center;
    padding-top : 8em;
    padding-bottom : 8em;
    display : flex
  }
  .utility-page-content {
    z-index : 20;
    width : 85%;
    max-width : 60em;
    grid-row-gap : 1.75em;
    border-radius : var(--radius-medium);
    background-color : var(--white);-webkit-backdrop-filter : blur(10px);
    backdrop-filter : blur(10px);
    color : var(--color-1);
    text-align : left;
    border : 1px solid rgba(255, 255, 255, .85);
    flex-direction : column;
    justify-content : center;
    align-items : flex-start;
    margin-bottom : 0;
    margin-left : auto;
    margin-right : auto;
    padding : 5em;
    display : flex;
    position : relative
  }
  .search-result-list {
    width : 100%;
    grid-column-gap : 4em;
    grid-row-gap : 4em;
    grid-template-rows : auto auto;
    grid-template-columns : 1fr 1fr 1fr;
    grid-auto-columns : 1fr;
    display : grid
  }
  .search-result-wrapper {
    width : 100%
  }
  .color-12 {
    width : 100%;
    background-color : var(--color-12)
  }
  .search-result-button {
    min-height : 3em;
    min-width : 8em;
    border-radius : var(--radius-50em);
    background-color : var(--color-3);
    color : var(--white);
    padding : .5em 1em;
    font-size : 2em;
    line-height : 1.2em;
    transition : background-color .2s
  }
    .search-result-button : hover {
    background-color : var(--color-2)
  }
  .search-result-item {
    text-align : left;
    flex-direction : column;
    justify-content : flex-start;
    align-items : flex-start;
    display : flex
  }
  .search-result-image {
    width : 100%;
    height : 18em;
    border-radius : var(--radius-small);
    position : relative;
    overflow : hidden
  }
  .color-13 {
    width : 100%;
    background-color : var(--color-13)
  }
  .color-14 {
    width : 100%;
    background-color : var(--color-14)
  }
  .image-overlay-color-90 {
    z-index : 20;
    mix-blend-mode : multiply;
    background-color : rgba(2, 59, 63, .9);
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  .accordion-layout {
    z-index : 10;
    width : 100%;
    max-width : 100em;
    text-align : left;
    margin-left : auto;
    margin-right : auto;
    position : relative
  }
  .accordions-list {
    z-index : 10;
    grid-row-gap : 1em;
    flex-direction : column;
    justify-content : space-between;
    align-items : stretch;
    display : flex;
    position : relative;
    overflow : hidden
  }
  .accordion-content {
    width : 100%;
    grid-row-gap : 2.5em;
    flex-flow : column wrap;
    justify-content : flex-start;
    align-items : flex-start;
    padding : 1em 5em 3em 4em;
    display : flex;
    position : relative
  }
  .form-block-password {
    width : 100%;
    grid-column-gap : 2em;
    grid-row-gap : 2em;
    flex-flow : column;
    justify-content : flex-start;
    align-items : flex-start;
    margin-bottom : 0;
    display : flex
  }
  .error-message-password {
    width : 100%;
    border-radius : var(--radius-small);
    color : var(--white);
    text-align : center;
    background-color : #a13c2c;
    border : 1px solid #e4afa7;
    margin-top : 1em;
    padding : 1.5em;
    font-size : 1.5em
  }
  .search-result-content {
    grid-row-gap : .75em;
    color : var(--color-3);
    background-color : rgba(255, 255, 255, .5);
    border-radius : 5px;
    flex-direction : column;
    flex : 1;
    justify-content : flex-start;
    align-items : flex-start;
    padding : 2.5em;
    transition : color .2s;
    display : flex
  }
    .search-result-content : hover {
    color : var(--color-1)
  }
  .small-uppercase-title {
    z-index : 20;
    letter-spacing : .05em;
    text-transform : uppercase;
    font-size : 1.1em;
    font-weight : 500;
    line-height : 1em;
    position : relative
  }
  .empty-state-default {
    z-index : 100;
    width : 100%;
    border : 1px solid var(--color-7);
    background-color : var(--color-14);
    color : var(--color-3);
    flex-direction : column;
    justify-content : center;
    align-items : center;
    margin-left : auto;
    margin-right : auto;
    padding : 2.5em;
    font-size : 2em;
    display : flex;
    position : relative
  }
  .custom-list {
    z-index : 10;
    grid-row-gap : .5em;
    flex-direction : column;
    justify-content : flex-start;
    align-items : flex-start;
    display : flex;
    position : relative
  }
  .custom-list-item {
    grid-column-gap : 1.25em;
    grid-row-gap : 1.25em;
    text-align : left;
    justify-content : flex-start;
    align-items : center;
    padding-top : .4em;
    padding-bottom : .4em;
    font-weight : 400;
    display : flex
  }
  .custom-list-text {
    font-size : 1.5em;
    font-weight : 500;
    line-height : 1.4em
  }
  .custom-list-icon-block {
    width : 2.7em;
    height : 2.7em;
    flex-direction : column;
    flex : none;
    justify-content : center;
    align-items : center;
    padding : .2em;
    display : flex;
    position : relative;
    overflow : visible
  }
  .custom-list-icon-border {
    z-index : 1;
    border : 1px solid var(--color-3);
    border-radius : var(--radius-small);
    background-color : var(--color-20-opacity);
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  .custom-list-icon {
    z-index : 10;
    width : 1em;
    height : 1em;
    font-size : 1.9em;
    position : relative
  }
  .simple-hero {
    z-index : 100;
    width : 100%;
    min-height : 50vh;
    border-radius : var(--radius-medium);
    color : var(--white);
    flex-direction : column;
    justify-content : center;
    align-items : center;
    display : flex;
    position : relative;
    overflow : hidden
  }
  .footer {
    z-index : 100;
    width : 100%;
    border-radius : var(--radius-medium);
    background-color : var(--color-2);
    color : var(--white);
    justify-content : center;
    align-items : center;
    display : flex;
    position : relative;
    overflow : hidden
  }
  .footer-layout {
    z-index : 20;
    width : 100%;
    grid-row-gap : 4vh;
    flex-direction : column;
    padding-top : 12em;
    padding-bottom : 10em;
    display : flex;
    position : relative
  }
  .subfooter-section {
    grid-column-gap : 2.5em;
    grid-row-gap : 2.5em;
    flex-flow : wrap;
    justify-content : space-between;
    align-self : stretch;
    align-items : center;
    display : flex
  }
  .subfooter-link {
    opacity : .8;
    color : var(--white);
    padding-top : .5em;
    padding-bottom : .5em;
    font-size : 1.3em;
    font-weight : 300;
    line-height : 1.2em;
    transition : opacity .2s linear;
    display : inline-block
  }
    .subfooter-link : hover {
    opacity : 1
  }
  .subfooter-link.w--current {
    color : var(--color-12)
  }
  .subfooter-utility-links {
    grid-column-gap : 2.5em;
    grid-row-gap : .25em;
    text-align : left;
    flex-wrap : wrap;
    justify-content : flex-start;
    align-items : center;
    display : flex
  }
  .search-url {
    opacity : .7;
    text-transform : uppercase;
    font-size : 1.2em;
    line-height : 1.2em
  }
  .menu-delay-for-animation {
    z-index : 999;
    display : none;
    position : fixed;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  .contact-form-layout {
    width : 100%;
    grid-column-gap : 2em;
    grid-row-gap : 2em;
    flex-direction : column;
    grid-template-rows : auto;
    grid-template-columns : 2.25fr 1fr;
    grid-auto-columns : 1fr;
    justify-content : flex-start;
    align-items : flex-start;
    display : flex;
    overflow : visible
  }
  .contact-form-fields {
    width : 100%;
    grid-column-gap : 0em;
    grid-row-gap : 2em;
    flex-direction : column;
    grid-template-rows : auto;
    grid-template-columns : 1fr 1fr;
    grid-auto-columns : 1fr;
    justify-content : flex-start;
    align-items : flex-start;
    display : flex
  }
  .course-hero-button {
    z-index : 10;
    width : 100%;
    grid-column-gap : 1em;
    grid-row-gap : .5em;
    flex-wrap : wrap;
    justify-content : center;
    align-items : center;
    display : flex;
    position : relative
  }
  ._3d-trigger {
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  ._3d-trigger.for-image {
    width : 110%;
    height : 108%;
    flex-direction : column;
    justify-content : center;
    align-items : center;
    display : flex;
    top : auto;
    bottom : auto;
    left : auto;
    right : auto
  }
  ._3d-block {
    z-index : 1;
    perspective : 10000px;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    overflow : hidden
  }
  ._3d-block.for-image {
    width : 100%;
    height : 100%;
    flex-direction : column;
    justify-content : center;
    align-items : center;
    display : flex
  }
  .image-3d-parallax {
    z-index : 5;
    border-radius : var(--radius-medium);
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    overflow : hidden
  }
  .featured-articles {
    z-index : 10;
    width : 100%;
    border-radius : var(--radius-small);
    flex-direction : column;
    justify-content : space-between;
    display : flex;
    position : relative
  }
  .featured-articles-list {
    width : 100%;
    grid-column-gap : 2em;
    grid-row-gap : 2em;
    flex-direction : row;
    grid-template-rows : auto;
    grid-template-columns : 1fr 1fr;
    grid-auto-columns : 1fr;
    justify-content : flex-start;
    align-items : flex-start;
    display : grid
  }
  .featured-article-item {
    z-index : 10;
    width : 100%;
    grid-row-gap : 4.5em;
    border-radius : var(--radius-medium);
    background-color : #fff;
    border : 1px solid rgba(255, 255, 255, .85);
    flex-direction : column;
    justify-content : flex-start;
    align-self : stretch;
    align-items : center;
    padding : 4em;
    transition : border-color .2s, background-color .2s;
    display : flex;
    position : relative
  }
    .featured-article-item : hover {
    background-color : var(--color-50-opacity);
    border-color : #fff
  }
  .featured-article-content {
    z-index : 10;
    width : 100%;
    max-width : 50em;
    grid-row-gap : 2em;
    text-align : center;
    flex-flow : column;
    flex : 1;
    justify-content : center;
    align-items : center;
    padding-left : 2em;
    padding-right : 2em;
    display : flex;
    position : relative
  }
  .product-hero {
    z-index : 20;
    width : 100%;
    max-width : var(--max-width);
    border-radius : var(--radius-medium);
    background-color : rgba(255, 255, 255, .7);
    border : 1px solid rgba(255, 255, 255, .9);
    align-items : flex-start;
    padding-top : 7.5em;
    padding-bottom : 7.5em;
    display : flex;
    position : relative
  }
  .product-hero-content {
    z-index : 10;
    width : 100%;
    grid-column-gap : 5em;
    grid-template-rows : auto;
    grid-template-columns : 1fr 1fr;
    grid-auto-columns : 1fr;
    align-items : start;
    display : grid;
    position : relative
  }
  .product-hero-image {
    z-index : 10;
    border-radius : var(--radius-medium);
    position : relative;
    overflow : hidden
  }
  .contact-content-block {
    z-index : 10;
    width : 100%;
    max-width : 50em;
    grid-row-gap : 3.25em;
    flex-direction : column;
    justify-content : flex-start;
    align-items : flex-start;
    display : flex;
    position : relative
  }
  .contact-socials {
    width : 100%
  }
  .contact-socials-list {
    width : 100%;
    grid-column-gap : .75em;
    grid-row-gap : .75em;
    flex-flow : wrap;
    justify-content : flex-start;
    align-items : stretch;
    display : flex
  }
  .scrolling-animation {
    z-index : 10;
    width : 100%;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    overflow : visible
  }
  .scrolling-animation.with-shadow {
    border-radius : var(--radius-medium);
    box-shadow : 20px 30px 60px -10px rgba(38, 96, 99, .36)
  }
  .submit-button-block {
    width : 100%;
    grid-row-gap : 1.25em;
    flex-direction : column;
    justify-content : space-between;
    align-items : stretch;
    display : flex
  }
  .accordions {
    z-index : 10;
    width : 100%;
    position : relative
  }
  .newsletter-form {
    width : 100%;
    max-width : 85em;
    margin-bottom : 0;
    overflow : visible
  }
  .newsletter-layout {
    grid-column-gap : 1.25em;
    grid-row-gap : 1.25em;
    flex-flow : wrap;
    grid-template-rows : auto;
    grid-template-columns : 2.25fr 1fr;
    grid-auto-columns : 1fr;
    justify-content : space-between;
    align-items : stretch;
    display : flex;
    overflow : visible
  }
  .slider {
    z-index : 1;
    width : 100%;
    height : 100%;
    background-color : var(--color-2\<deleted\|variable-d00aff18\>);
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  .slider-absolute-block {
    z-index : 1;
    width : 100%;
    height : 100%;
    flex-direction : column;
    justify-content : center;
    align-items : flex-start;
    display : flex;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    overflow : hidden
  }
  .slider-image-1 {
    z-index : 4;
    width : 100%;
    height : 100%;
    object-fit : cover;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  .slider-image-2 {
    z-index : 5;
    width : 100%;
    height : 100%;
    object-fit : cover;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  .slider-image-3 {
    z-index : 6;
    width : 100%;
    height : 100%;
    object-fit : cover;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  .slider-background-for-interaction {
    z-index : 15;
    background-color : var(--color-2\<deleted\|variable-d00aff18\>);
    display : none;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  .checkbox-link {
    color : var(--color-5);
    text-decoration : none
  }
    .checkbox-link : hover {
    color : var(--color-1);
    text-decoration : underline
  }
  .blog-article {
    z-index : 10;
    width : 100%;
    max-width : 65em;
    margin-left : auto;
    margin-right : auto;
    position : relative
  }
  .faq-hero-layout {
    width : 100%;
    max-width : 92em;
    grid-row-gap : 2.5em;
    text-align : center;
    flex-direction : column;
    justify-content : center;
    align-items : center;
    margin-left : auto;
    margin-right : auto;
    padding-top : 8em;
    padding-bottom : 8em;
    display : flex
  }
  .product-item {
    z-index : 10;
    width : 100%;
    color : var(--color-3);
    background-color : rgba(255, 255, 255, .49);
    border : 1px solid rgba(255, 255, 255, .9);
    flex-direction : row;
    grid-template-rows : auto;
    grid-template-columns : 1.5fr 1fr;
    grid-auto-columns : 1fr;
    justify-content : space-between;
    align-items : stretch;
    padding : 4em 4vw;
    display : flex;
    position : relative
  }
    .product-item : nth-child(2n) {
    background-color : rgba(255, 255, 255, .2);
    flex-direction : row-reverse
  }
  .product-layout {
    flex-direction : column;
    flex : 1;
    justify-content : center;
    align-items : center;
    padding : 8em 8vw;
    display : flex;
    position : relative
  }
  .product-images {
    width : 45%;
    grid-row-gap : 2em;
    border-radius : var(--radius-small);
    background-color : rgba(255, 255, 255, .55);
    border : 1px solid rgba(255, 255, 255, .9);
    flex-direction : column;
    justify-content : space-between;
    align-items : stretch;
    padding : 2em;
    display : flex;
    position : relative
  }
  .products, .products-list {
    width : 100%
  }
  .product-content {
    z-index : 10;
    width : 100%;
    max-width : 45em;
    grid-row-gap : 2em;
    flex-direction : column;
    justify-content : flex-start;
    align-items : flex-start;
    display : flex;
    position : relative
  }
  .product-add-to-cart {
    width : 100%
  }
  .product-add-to-cart.is-smaller {
    padding-left : 2em;
    padding-right : 2em;
    font-size : .8em
  }
  .product-default-state {
    width : 100%;
    grid-column-gap : .5em;
    grid-row-gap : .5em;
    flex-wrap : wrap;
    justify-content : space-between;
    align-items : stretch;
    margin : 0;
    display : flex
  }
  .product-field-label {
    display : none
  }
  .product-quantity {
    width : 5em;
    height : 3.7em;
    border-color : var(--color-3);
    border-radius : var(--radius-50em);
    background-color : rgba(255, 255, 255, .5);
    margin : 0;
    padding : .5em .5em .5em 1.3em;
    font-size : 1.5em;
    font-weight : 600;
    transition : background-color .2s
  }
    .product-quantity : hover {
    background-color : var(--white)
  }
  .product-button {
    min-height : 3.4em;
    border-radius : var(--radius-50em);
    background-color : var(--color-3);
    color : var(--white);
    text-align : center;
    white-space : nowrap;
    flex : 1;
    justify-content : center;
    align-items : center;
    margin : 0;
    padding : .7em 5%;
    font-size : 1.6em;
    font-weight : 500;
    transition : background-color .2s;
    display : flex
  }
    .product-button : hover {
    background-color : var(--color-1)
  }
  .product-button.is-add-to-cart-button {
    border-color : var(--yellow-1);
    background-color : var(--yellow-4);
    color : var(--color-1);
    text-align : left;
    background-image : url(https : //assets-global.website-files.com/65ddbdd3c4bfbc5790b41fbc/65f425ee4aa7d25dd7ed0651_local-mall-fill0-wght600-grad0-opsz24%20\(1\).png);
    background-position : 90%;
    background-repeat : no-repeat;
    background-size : 1.2em;
    justify-content : flex-start;
    padding-left : 5%;
    padding-right : 10%
  }
    .product-button.is-add-to-cart-button : hover {
    background-color : var(--yellow-3)
  }
  .product-out-of-stock-state {
    border : 1px solid var(--color-10);
    border-radius : var(--radius-small);
    background-color : var(--color-15);
    color : var(--color-1);
    text-align : center;
    margin-top : 0;
    padding : 1.5em 1em;
    font-size : 1.5em;
    font-weight : 600;
    line-height : 1.2em
  }
  .product-error-state {
    border-radius : var(--radius-small);
    color : #5c0f0d;
    text-align : center;
    background-color : #ffd5d5;
    border : 1px solid #eb8888;
    margin-top : .7em;
    padding : 1.5em 1em;
    font-size : 1.4em;
    font-weight : 500;
    line-height : 1.3em
  }
  .product-hero-about {
    width : 100%;
    max-width : 42em;
    grid-row-gap : 2em;
    text-align : left;
    flex-direction : column;
    justify-content : space-between;
    align-items : stretch;
    margin-left : auto;
    margin-right : auto;
    display : flex
  }
  .product-hero-prices {
    width : 100%;
    grid-column-gap : 2em;
    grid-row-gap : 2em;
    text-align : left;
    flex-flow : wrap;
    justify-content : flex-start;
    align-items : flex-start;
    margin-top : 2em;
    display : flex
  }
  .price-text-number {
    font-size : 1.6em;
    font-weight : 600
  }
  .price-block {
    grid-row-gap : .5em;
    border : 1px solid var(--yellow-4);
    border-radius : var(--radius-small);
    text-align : left;
    background-color : rgba(248, 234, 195, .2);
    flex-direction : column;
    flex : 1;
    justify-content : center;
    align-self : stretch;
    align-items : center;
    padding : 1.3em;
    display : flex
  }
  .price-block.is-price-before {
    opacity : .8;
    background-color : rgba(255, 255, 255, .2);
    border-color : rgba(255, 255, 255, .9)
  }
  .price-block.in-featured {
    max-width : 20em;
    padding : 1em
  }
  .product-prices {
    width : 100%;
    grid-column-gap : 1em;
    grid-row-gap : 1em;
    flex-flow : wrap;
    justify-content : space-around;
    align-items : center;
    display : flex
  }
  .product-prices.in-featured {
    justify-content : center;
    align-items : center;
    margin-bottom : 1em;
    padding-left : 2em;
    padding-right : 2em
  }
  .product-wrapper {
    width : 100%;
    grid-row-gap : 1em;
    flex-direction : column;
    justify-content : flex-start;
    align-items : stretch;
    display : flex
  }
  .additional-products {
    width : 100%
  }
  .additional-products-list {
    width : 100%;
    grid-row-gap : 1.25em;
    flex-direction : column;
    justify-content : space-between;
    align-items : stretch;
    display : flex;
    overflow : hidden
  }
  .additional-product-item {
    z-index : 10;
    width : 100%;
    grid-row-gap : 2em;
    border-radius : var(--radius-medium);
    text-align : left;
    background-color : rgba(255, 255, 255, .5);
    border : 1px solid #fff;
    flex-wrap : wrap;
    grid-auto-columns : 1fr;
    justify-content : flex-start;
    align-items : flex-start;
    padding : 2em 5em 2em 2em;
    transition : background-color .2s, border-color .2s;
    display : flex;
    position : relative;
    overflow : hidden
  }
    .additional-product-item : hover {
    border-color : var(--color-3);
    background-color : var(--white)
  }
  .additional-product-title-link {
    color : var(--color-3)
  }
  .additional-product-image {
    width : 20%;
    min-height : 13em;
    border-radius : var(--radius-medium);
    text-align : left;
    justify-content : center;
    align-self : stretch;
    align-items : center;
    display : flex;
    position : relative;
    overflow : hidden
  }
  .product-title-link {
    z-index : 10;
    color : var(--color-3);
    justify-content : flex-start;
    align-items : center;
    display : flex;
    position : relative
  }
    .product-title-link : hover {
    color : var(--color-1)
  }
  .checkout-form {
    width : 100%;
    max-width : var(--max-width);
    min-height : 100vh;
    background-color : var(--transparent);
    color : var(--color-3);
    flex-direction : row;
    justify-content : space-between;
    align-items : flex-start;
    margin-left : auto;
    margin-right : auto;
    padding : 0;
    display : flex;
    overflow : visible
  }
  .checkout-required-text {
    z-index : 10;
    color : var(--color-6);
    font-size : 1.2em;
    font-weight : 500;
    position : relative
  }
  .checkout-title-block {
    z-index : 10;
    border-width : 0;
    border-color : var(--transparent);
    background-color : var(--transparent);
    color : var(--color-3);
    justify-content : flex-start;
    align-items : center;
    padding : 0;
    position : relative
  }
  .checkout-form-block {
    z-index : 10;
    width : 100%;
    grid-row-gap : 1em;
    flex-direction : column;
    align-items : flex-start;
    margin-bottom : 0;
    display : flex;
    position : relative
  }
  .checkout-content {
    z-index : 10;
    width : 100%;
    grid-row-gap : 2.75em;
    background-color : var(--transparent);
    border : 0 solid #000;
    flex-direction : column;
    justify-content : flex-start;
    align-items : stretch;
    padding : 0;
    display : flex;
    position : relative
  }
  .checkout-content.is-prices {
    grid-row-gap : 0em;
    border-width : 1px;
    border-color : var(--color-5);
    border-radius : var(--radius-small);
    background-color : var(--white);
    padding : 0;
    overflow : hidden
  }
  .checkout-form-field {
    z-index : 10;
    width : 100%;
    grid-column-gap : .75em;
    grid-row-gap : .75em;
    border : 1px solid var(--transparent);
    background-color : var(--transparent);
    flex-direction : column;
    justify-content : flex-start;
    align-items : flex-start;
    padding : 0;
    display : flex;
    position : relative
  }
  .checkout-field-label {
    z-index : 2;
    border-radius : var(--radius-50em);
    background-color : var(--yellow-4);
    color : var(--color-1);
    margin-bottom : 0;
    padding : .4em .7em;
    font-size : 1.2em;
    font-weight : 400;
    line-height : 1.1em;
    position : absolute;
    top : -.9em;
    left : 1.3em
  }
  .checkout-block-header {
    width : 100%;
    grid-column-gap : 1em;
    grid-row-gap : .5em;
    flex-direction : row;
    justify-content : space-between;
    align-items : center;
    margin-bottom : .9em;
    display : flex
  }
  .checkout-text-field {
    z-index : 1;
    height : 3em;
    border : 1px solid var(--color-5);
    border-radius : var(--radius-50em);
    color : var(--color-5);
    text-align : left;
    background-color : rgba(255, 255, 255, .33);
    margin-bottom : 0;
    padding : .6em 1.2em .3em;
    font-size : 1.8em;
    font-weight : 500;
    transition : background-color .2s, border-color .2s;
    position : relative
  }
    .checkout-text-field : hover, .checkout-text-field : active {
    border-color : var(--color-1);
    background-color : rgba(255, 255, 255, .8)
  }
    .checkout-text-field : focus, .checkout-text-field.-wfp-focus {
    border-color : var(--color-1);
    outline-offset : 0px;
    outline-width : 0;
    outline-style : none
  }
    .checkout-text-field : :-ms-input-placeholder {
    color : var(--color-6);
    font-size : 1em
  }
    .checkout-text-field : :placeholder {
    color : var(--color-6);
    font-size : 1em
  }
  .checkout-text-field.is-select {
    background-image : url(../images/G7y3cVlbi8Oo.png);
    background-position : 95%;
    background-repeat : no-repeat;
    background-size : 1.4em
  }
    .checkout-text-field.is-select : hover {
    background-color : rgba(255, 255, 255, .8)
  }
  .order-item-list {
    width : 100%;
    grid-row-gap : 2.25em;
    flex-direction : column;
    justify-content : flex-start;
    align-items : stretch;
    margin-bottom : 0;
    display : flex
  }
  .order-item {
    width : 100%;
    grid-column-gap : 1.5em;
    grid-row-gap : .5em;
    justify-content : flex-start;
    align-items : center;
    margin-bottom : 0
  }
  .order-item-content {
    grid-column-gap : 2em;
    justify-content : space-between;
    align-items : center;
    margin-left : 0;
    margin-right : 0;
    display : flex
  }
  .order-item-title {
    font-size : 1.6em;
    font-weight : 500;
    line-height : 1.2em
  }
  .order-item-price {
    color : var(--color-3);
    font-size : 1.5em;
    font-weight : 400;
    line-height : 1.1em
  }
  .order-item-price-block {
    grid-row-gap : .25em;
    text-align : right;
    flex-direction : column;
    justify-content : flex-start;
    align-items : flex-end;
    display : flex
  }
  .order-item-quantity-text {
    color : var(--color-3);
    font-size : 1.1em;
    font-weight : 600;
    line-height : 1.3em
  }
  .order-item-image {
    z-index : 5;
    width : 5em;
    border-radius : var(--radius-small);
    flex : none;
    align-self : stretch;
    position : relative;
    overflow : hidden
  }
  .checkout-submit-button {
    border-radius : var(--radius-50em);
    background-color : var(--color-3);
    color : var(--white);
    border : 0 solid #000;
    margin-top : 0;
    margin-bottom : 0;
    margin-left : auto;
    padding : 1.2em 2em;
    font-size : 1.7em;
    font-weight : 500;
    line-height : 1.3em;
    transition : color .2s, background-color .2s
  }
    .checkout-submit-button : hover {
    background-color : var(--color-1)
  }
  .checkout-line-item {
    z-index : 10;
    width : 100%;
    border-bottom : 1px solid var(--color-5);
    border-radius : var(--radius-small);
    background-color : rgba(241, 231, 253, .5);
    flex-direction : row;
    justify-content : space-between;
    align-items : center;
    margin-bottom : 0;
    padding : 2em;
    display : flex;
    position : relative
  }
  .checkout-line-item.is-total-price {
    background-color : var(--transparent);
    border-bottom-width : 0
  }
  .checkout-price-text {
    color : var(--color-3);
    font-size : 1.5em;
    font-weight : 500;
    line-height : 1.3em
  }
  .billing-address-toggle {
    border : 1px solid var(--color-5);
    border-radius : var(--radius-50em);
    background-color : rgba(255, 255, 255, .3);
    justify-content : flex-start;
    align-items : center;
    padding : 1em;
    display : flex
  }
    .billing-address-toggle : hover {
    border-color : var(--color-5);
    background-color : rgba(255, 255, 255, .7)
  }
  .checkout-checkbox-label {
    margin-bottom : 0;
    margin-left : 0;
    font-size : 1.4em;
    line-height : 1.3em
  }
  .checkout-checkbox {
    width : 2.5em;
    height : 2.5em;
    border-width : 4px;
    border-color : var(--color-7);
    cursor : pointer;
    border-radius : 50%;
    flex : none;
    margin-top : 0;
    margin-bottom : 0;
    margin-right : 2em;
    transition : background-color .2s, border-width .2s
  }
    .checkout-checkbox : hover {
    border-width : 6px;
    border-color : var(--color-7)
  }
  .checkout-checkbox.w--redirected-checked {
    border-color : var(--color-7);
    background-color : var(--color-7);
    background-image : url(../images/82pBjZQWQkPU.png);
    background-size : 2em
  }
  .checkout-checkbox.w--redirected-focus {
    border-width : 6px;
    border-color : var(--color-7);
    box-shadow : none
  }
    .order-item-link, .order-item-link : hover {
    color : var(--color-1)
  }
  .checkout-error-state {
    border : 1px solid var(--color-5);
    border-radius : var(--radius-small);
    background-color : var(--color-15);
    text-align : center;
    margin-top : 0;
    margin-bottom : 0;
    padding : 1.5em;
    font-size : 1.5em;
    line-height : 1.4em
  }
  .checkout-field-label-small {
    color : var(--color-2);
    text-transform : uppercase;
    font-size : 1.2em;
    font-weight : 700;
    line-height : 1.4em
  }
  .checkout-content-2 {
    width : 100%;
    grid-row-gap : 2.5em;
    border : 1px solid var(--color-5);
    border-radius : var(--radius-small);
    background-color : rgba(255, 255, 255, .5);
    flex-direction : column;
    justify-content : flex-start;
    align-items : stretch;
    padding : 2em;
    display : flex
  }
  .checkout-text {
    font-size : 1.5em;
    line-height : 1.4em
  }
  .checkout-text-wrapper {
    width : 100%;
    grid-row-gap : .5em;
    flex-direction : column;
    flex : 0 auto;
    justify-content : flex-start;
    align-items : flex-start;
    margin-bottom : 0;
    padding-left : 0;
    padding-right : 0;
    display : flex
  }
  .order-confirmation {
    width : 100%;
    max-width : 60em;
    min-height : auto;
    grid-row-gap : 2.5em;
    background-color : var(--transparent);
    flex-direction : column;
    justify-content : flex-start;
    align-items : stretch;
    margin-left : auto;
    margin-right : auto;
    padding : 0;
    display : flex
  }
  .checkout-text-wrapper-horizontal {
    width : 100%;
    grid-column-gap : .5em;
    flex-direction : row;
    flex : 0 auto;
    justify-content : flex-start;
    align-items : flex-start;
    margin-bottom : 0;
    padding-left : 0;
    padding-right : 0;
    display : flex
  }
  .menu-close {
    z-index : 10;
    grid-column-gap : 1.5em;
    grid-row-gap : 1.5em;
    border : 1px solid var(--color-15);
    border-radius : var(--radius-large);
    cursor : pointer;
    background-color : rgba(255, 255, 255, .8);
    flex-direction : row;
    justify-content : center;
    align-self : flex-start;
    align-items : center;
    padding : 2.5em 2vw;
    transition : border-color .2s, background-color .5s;
    display : flex;
    position : relative;
    overflow : hidden
  }
    .menu-close : hover {
    border-color : var(--color-3);
    background-color : var(--white)
  }
  .menu-links {
    z-index : 10;
    min-width : 40%;
    grid-row-gap : 8vh;
    text-align : center;
    flex-direction : column;
    justify-content : space-between;
    align-items : center;
    padding : 10vh 5vw 10vh 4vw;
    display : flex;
    position : relative;
    overflow : visible
  }
  .menu-main-links {
    z-index : 10;
    grid-row-gap : 1vh;
    flex-direction : column;
    flex : 1;
    justify-content : space-between;
    align-items : flex-start;
    font-size : 1.4em;
    display : flex;
    position : relative
  }
  .menu-contact {
    z-index : 10;
    min-width : 40%;
    grid-row-gap : 4vh;
    border-radius : var(--radius-medium);
    background-color : rgba(255, 255, 255, .7);
    border : 2px solid rgba(255, 255, 255, .5);
    flex-direction : column;
    justify-content : flex-start;
    align-items : center;
    padding : 10vh 4vw;
    display : flex;
    position : relative;
    overflow : hidden;
    box-shadow : 40px 30px 50px rgba(2, 59, 63, .2)
  }
  .cart-button {
    z-index : 1000;
    height : 100%;
    min-width : 6em;
    grid-column-gap : .75em;
    border : 1px solid var(--color-3);
    border-radius : var(--radius-medium);
    color : var(--color-3);
    background-color : rgba(255, 255, 255, .8);
    justify-content : center;
    align-items : center;
    padding : .4em 1.5em;
    transition : border-color .2s, background-color .2s;
    position : relative
  }
    .cart-button : hover {
    border-color : var(--color-1);
    background-color : #fff
  }
  .cart-quantity {
    z-index : 50;
    height : 1.5em;
    min-height : 1.5em;
    min-width : 1.5em;
    border : 1px solid var(--color-3);
    background-color : var(--color-15);
    color : var(--color-3);
    flex-direction : column;
    justify-content : center;
    align-items : center;
    margin-left : 0;
    padding : 0;
    font-size : 1.4em;
    font-weight : 400;
    line-height : 1.1em;
    display : flex;
    position : absolute;
    top : -.4em;
    bottom : auto;
    left : auto;
    right : 0%
  }
  .cart-header {
    border : 1px solid var(--yellow-5);
    border-radius : var(--radius-medium);
    background-color : var(--yellow-8);
    justify-content : space-between;
    align-items : center;
    padding : 0 0 0 2em
  }
  .cart-form-wrapper {
    padding : 0;
    line-height : 1.3em
  }
  .cart-default-state {
    width : 100%;
    flex-direction : column;
    flex : 1;
    justify-content : flex-start;
    align-items : stretch;
    display : flex
  }
  .cart-list {
    grid-row-gap : .5em;
    flex-direction : column;
    flex : 1;
    justify-content : flex-start;
    align-items : stretch;
    padding : 2em 0;
    display : flex
  }
  .cart-item {
    grid-column-gap : .5em;
    grid-row-gap : .5em;
    align-items : center;
    padding : 1em 0
  }
  .cart-image {
    width : 5em;
    min-height : 3em;
    border-radius : var(--radius-small);
    flex : none;
    align-self : stretch;
    margin-right : 1em;
    position : relative;
    overflow : hidden
  }
  .cart-product-quantity {
    width : 4.3em;
    height : 2.5em;
    border-color : var(--yellow-2);
    border-radius : var(--radius-small);
    background-color : var(--yellow-9);
    flex : none;
    margin : 0;
    padding : .5em .5em .5em 1em;
    font-size : 1.5em;
    font-weight : 500;
    transition : background-color .2s
  }
    .cart-product-quantity : hover {
    background-color : var(--yellow-8)
  }
  .cart-product-title {
    max-width : 15em;
    font-size : 1.6em;
    font-weight : 500;
    line-height : 1.2em
  }
  .cart-product-price {
    flex : none;
    margin-right : 1em;
    font-size : 1.3em;
    font-weight : 500;
    line-height : 1.2em
  }
  .cart-checkout-button {
    border-radius : var(--radius-50em);
    background-color : var(--color-3);
    color : var(--white);
    border : 0 solid #000;
    padding : 1.2em 1em;
    font-size : 1.8em;
    font-weight : 400;
    line-height : 1.2em;
    transition : background-color .2s
  }
    .cart-checkout-button : hover {
    background-color : var(--color-1)
  }
  .remove-button {
    border-radius : var(--radius-small);
    background-color : #fdf1f1;
    border : 1px solid #d62727;
    flex-direction : column;
    flex : none;
    justify-content : center;
    align-self : stretch;
    align-items : center;
    padding-left : 1em;
    padding-right : 1em;
    transition : background-color .2s;
    display : flex
  }
    .remove-button : hover {
    background-color : #fae0e0
  }
  .cart-container {
    max-width : 58em;
    min-width : 40em;
    border : 1px solid var(--color-3);
    border-radius : var(--radius-medium);
    background-color : var(--white);
    flex-direction : column;
    justify-content : flex-start;
    align-items : stretch;
    margin : 11.4em 1em 1em;
    padding : 1.5em;
    display : flex;
    box-shadow : -10px 30px 50px -10px rgba(61, 20, 109, .3)
  }
  .cart-footer {
    border-radius : var(--radius-small);
    background-color : var(--transparent);
    border : 0 solid #000;
    flex-direction : column;
    justify-content : space-between;
    align-items : stretch;
    padding : 0;
    display : flex
  }
  .cart-total-price-text {
    font-size : 1.7em;
    font-weight : 500;
    line-height : 1.4em
  }
  .cart-product-title-link {
    color : var(--color-3);
    transition : color .2s
  }
    .cart-product-title-link : hover {
    color : var(--color-1)
  }
  .cart-title-and-options {
    flex-direction : column;
    flex : 1;
    justify-content : flex-start;
    align-items : flex-start;
    margin-left : 0;
    margin-right : 0;
    display : flex
  }
  .close-button {
    z-index : 10;
    width : 4em;
    height : 4em;
    border : 1px solid var(--transparent);
    border-radius : var(--radius-50em);
    cursor : pointer;
    flex-direction : column;
    justify-content : center;
    align-items : center;
    display : flex;
    position : relative;
    right : -1px
  }
    .close-button : hover {
    border : 1px solid var(--color-9);
    background-color : var(--color-12)
  }
  .cart-line-item {
    grid-row-gap : .25em;
    flex-direction : row;
    justify-content : space-between;
    align-items : center;
    margin-bottom : 2.5em
  }
  .checkout-actions {
    flex : 1
  }
  .apple-pay {
    border-radius : var(--radius-50em)
  }
  .cart-empty-state-text-block {
    font-size : 1.3em;
    font-weight : 600;
    line-height : 1.3em
  }
  .cart-empty-state {
    z-index : 10;
    grid-row-gap : 2em;
    flex-direction : column;
    justify-content : center;
    align-items : center;
    padding : 3.5em;
    font-size : 1.8em;
    display : flex;
    position : relative
  }
  .cart-error-state {
    z-index : 50;
    border-radius : var(--radius-small);
    color : #d81e21;
    text-align : center;
    background-color : rgba(246, 180, 180, .5);
    border : 1px solid #ff7171;
    margin : 1em 0 0;
    padding : 3em 1.5em;
    font-weight : 500;
    position : relative
  }
  .cart-error-message {
    font-size : 1.5em;
    line-height : 1.2em
  }
  .cart-product-price-block {
    grid-column-gap : .75em;
    justify-content : flex-end;
    align-items : center;
    display : flex
  }
  .accordion-item {
    margin-top : -3em
  }
    .accordion-item : first-child {
    margin-top : 0
  }
    .accordion-item : last-child {
    border-bottom-width : 1px
  }
  .menu-close-text {
    z-index : 10;
    font-size : 1.7em;
    line-height : 1.3em;
    position : relative
  }
  .hero-slider-overlay-color {
    z-index : 5;
    background-image : linear-gradient(135deg, var(--color-1), var(--transparent)50%);
    mix-blend-mode : multiply;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  .footer-socials {
    z-index : 10;
    align-self : stretch;
    display : flex;
    position : relative;
    overflow : hidden
  }
  .footer-socials-list {
    width : 100%;
    grid-column-gap : 1em;
    grid-row-gap : .5em;
    flex-flow : wrap;
    justify-content : center;
    align-self : stretch;
    align-items : center;
    display : flex;
    overflow : hidden
  }
  .footer-social-item {
    align-self : stretch;
    display : flex
  }
    .footer-social-item : hover {
    overflow : hidden
  }
  .max-width-70 {
    z-index : 10;
    width : 100%;
    max-width : 70em;
    position : relative
  }
  .max-width-70.is-center {
    margin-left : auto;
    margin-right : auto
  }
  .newsletter-submit-button {
    z-index : 10;
    border-radius : var(--radius-50em);
    background-color : var(--color-3);
    color : var(--color-15);
    flex : 1;
    padding : 1em 2em;
    font-size : 1.8em;
    font-weight : 400;
    transition : background-color .2s;
    position : relative
  }
    .newsletter-submit-button : hover {
    background-color : var(--color-2)
  }
    .newsletter-submit-button : focus {
    background-color : var(--color-2);
    color : var(--color-10)
  }
  .image-carousel {
    z-index : 10;
    width : 100%;
    flex-direction : row;
    justify-content : flex-end;
    padding-top : 2em;
    padding-bottom : 2em;
    display : flex;
    position : relative;
    overflow : hidden
  }
  .image-carousel-block {
    z-index : 10;
    width : 20%;
    height : 17em;
    max-width : none;
    border-radius : var(--radius-medium);
    object-fit : cover;
    position : relative
  }
  .contact-link {
    color : var(--color-3);
    padding-top : .2em;
    padding-bottom : .2em;
    font-size : 2em;
    font-weight : 400;
    line-height : 1.3em;
    transition : color .2s
  }
    .contact-link : hover {
    color : var(--color-1);
    background-image : url(../images/w7cZBiwoF0Yw.png);
    background-position : 50% 100%;
    background-repeat : repeat-x;
    background-size : auto .5em
  }
  .contact-links {
    grid-row-gap : 2em;
    flex-direction : column;
    justify-content : flex-start;
    align-items : flex-start;
    display : flex
  }
  .contact-content-wrapper {
    width : 100%;
    grid-row-gap : 1.5em;
    flex-direction : column;
    justify-content : flex-start;
    align-items : flex-start;
    display : flex
  }
  .contact-social-link {
    width : 6em;
    height : 6em;
    grid-row-gap : 1em;
    border : 1px solid var(--color-8);
    background-color : var(--color-10-opacity);
    color : var(--color-3);
    border-radius : 50%;
    flex-direction : column;
    justify-content : center;
    align-items : center;
    padding : .4em;
    transition : background-color .2s, border-color .2s;
    display : flex
  }
    .contact-social-link : hover {
    border-color : var(--color-3);
    background-color : var(--color-20-opacity)
  }
  .carousel {
    z-index : 10;
    width : 100%;
    height : auto;
    background-color : var(--transparent);
    flex-flow : wrap;
    justify-content : space-between;
    align-items : center;
    display : flex;
    position : relative
  }
  .carousel-button {
    width : 5em;
    height : 5em;
    border : 1px solid var(--color-8);
    background-color : var(--color-10-opacity);-webkit-backdrop-filter : blur(10px);
    backdrop-filter : blur(10px);
    background-image : url(../images/oY5Qo4C7Gqi3.png);
    background-position : 50%;
    background-repeat : no-repeat;
    background-size : 1.7em;
    border-radius : 50%;
    margin-left : .5em;
    margin-right : auto;
    font-size : 1em;
    transition : all .3s;
    position : relative
  }
    .carousel-button : hover {
    border-color : var(--color-6);
    background-color : var(--color-40-opacity);
    background-size : 2.2em;
    transform : scale(1.1)
  }
  .carousel-button.is-left {
    background-image : url(https : //assets-global.website-files.com/65ddbdd3c4bfbc5790b41fbc/65f47d8e894491fa115643e4_arrow-back-fill0-wght400-grad0-opsz24-2%20\(1\).png);
    margin-left : auto;
    margin-right : .5em
  }
  .carousel-testimonial {
    text-align : center;
    font-size : 2.3em;
    font-weight : 400;
    line-height : 1.7em
  }
  .carousel-layout {
    width : 100%;
    max-width : 80em;
    margin-left : auto;
    margin-right : auto
  }
  .carousel-nav {
    width : 100%;
    flex : none;
    justify-content : center;
    align-items : center;
    padding : 0 .5em;
    display : none;
    bottom : -5em
  }
  .carousel-mask {
    width : 100%;
    height : auto;
    margin-bottom : 3em;
    overflow : visible
  }
  .carousel-slide {
    width : 100%
  }
  .carousel-block {
    width : 100%;
    grid-row-gap : 5em;
    flex-direction : column;
    justify-content : center;
    align-items : center;
    padding-left : 6em;
    padding-right : 6em;
    display : flex
  }
  .featured-article-image {
    width : 100%;
    height : 30em;
    border-radius : var(--radius-medium);
    position : relative;
    overflow : hidden
  }
  .image-overlay-color-80 {
    z-index : 20;
    mix-blend-mode : multiply;
    background-color : rgba(2, 59, 63, .8);
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  .image-overlay-color-70 {
    z-index : 20;
    mix-blend-mode : multiply;
    background-color : rgba(2, 59, 63, .7);
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  .rich-text-dark {
    z-index : 10;
    color : var(--white);
    text-align : left;
    position : relative
  }
  .rich-text-dark p {
    margin-bottom : 1em;
    font-size : 1.6em;
    line-height : 1.6em
  }
  .rich-text-dark img {
    width : 120%;
    max-width : none;
    min-width : 120%;
    border-radius : 7px;
    margin-top : 2rem;
    margin-bottom : 2rem;
    position : relative;
    left : -10%
  }
  .rich-text-dark li {
    color : var(--white);
    background-image : url(https : //assets-global.website-files.com/65ddbdd3c4bfbc5790b41fbc/65f42c3ec5182b053c99e444_done-fill0-wght600-grad0-opsz24-1%20\(1\).png);
    background-position : 0%;
    background-repeat : no-repeat;
    background-size : 1.3em;
    padding-left : 2em;
    font-size : 1.6em;
    line-height : 1.3em
  }
  .rich-text-dark ul {
    grid-row-gap : 1.25em;
    flex-direction : column;
    justify-content : flex-start;
    align-items : flex-start;
    margin-top : 2em;
    margin-bottom : 2em;
    padding-left : 0;
    list-style-type : none;
    display : flex
  }
  .rich-text-dark h2 {
    color : var(--white);
    margin-top : 3rem;
    margin-bottom : 1rem;
    font-size : 3em;
    line-height : 1.1em
  }
  .rich-text-dark h1 {
    color : var(--white);
    margin-top : 0;
    margin-bottom : 1rem;
    font-size : 4em;
    line-height : 1.1em
  }
  .rich-text-dark h3 {
    color : var(--white);
    margin-top : 3rem;
    margin-bottom : 1rem;
    font-size : 2.5em;
    line-height : 1.1em
  }
  .rich-text-dark h4 {
    color : var(--white);
    margin-top : 3rem;
    margin-bottom : 1rem;
    font-size : 2em;
    line-height : 1.1em
  }
  .rich-text-dark h5 {
    color : var(--white);
    margin-top : 3rem;
    margin-bottom : 1rem;
    font-size : 1.8em;
    line-height : 1.1em
  }
  .rich-text-dark h6 {
    color : var(--white);
    margin-top : 3rem;
    margin-bottom : 1rem;
    font-size : 1.6em;
    line-height : 1.1em
  }
  .rich-text-dark ol {
    grid-row-gap : 1em;
    flex-direction : column;
    justify-content : flex-start;
    align-items : flex-start;
    margin-top : 1em;
    margin-bottom : 1em;
    padding-left : 0;
    list-style-type : none;
    display : flex
  }
  .rich-text-dark blockquote {
    color : var(--yellow-4);
    text-align : left;
    border-left-width : 0;
    border-left-color : transparent;
    margin-bottom : 0;
    padding : .8em 0;
    font-size : 3em;
    font-weight : 400;
    line-height : 1.5em
  }
  .rich-text-dark strong {
    font-weight : 500
  }
  .rich-text-dark figcaption {
    margin-top : 0;
    margin-bottom : 2.5rem;
    font-size : 1.2em;
    line-height : 1.3em
  }
  .rich-text-dark a {
    color : var(--yellow-4);
    text-decoration : underline
  }
  .price-text {
    opacity : .65;
    text-transform : uppercase;
    font-size : 1.1em;
    font-weight : 700
  }
  .product-hero-price-block {
    grid-row-gap : .5em;
    border : 1px solid var(--yellow-4);
    border-radius : var(--radius-small);
    text-align : left;
    background-color : rgba(248, 234, 195, .2);
    flex-direction : column;
    flex : 1;
    justify-content : center;
    align-items : center;
    padding : 2em;
    display : flex
  }
  .product-hero-price-block.is-price-before {
    opacity : .6;
    background-color : rgba(255, 255, 255, .2);
    border-color : #fff
  }
  .product-hero-layout {
    z-index : 10;
    grid-row-gap : 6em;
    flex-direction : column;
    justify-content : flex-start;
    align-items : flex-start;
    display : flex;
    position : relative
  }
  .checkout-column {
    width : 50%;
    flex-direction : column;
    justify-content : flex-start;
    align-self : stretch;
    align-items : center;
    padding : 10em 8vw;
    display : flex;
    position : relative;
    overflow : visible
  }
  .checkout-column.is-2nd {
    border-radius : var(--radius-small);
    background-color : rgba(255, 255, 255, .5);
    border-left : 1px solid #fff
  }
  .checkout-layout {
    z-index : 10;
    width : 100%;
    max-width : 50em;
    grid-row-gap : 2.5em;
    flex-direction : column;
    justify-content : flex-start;
    align-items : flex-start;
    display : flex;
    position : relative
  }
  .checkout-layout.is-sticky {
    position : -webkit-sticky;
    position : sticky;
    top : 8em
  }
  .web-payments {
    width : 100%
  }
  .blog-hero-layout {
    z-index : 10;
    width : 100%;
    max-width : 80em;
    grid-row-gap : 4em;
    text-align : center;
    flex-direction : column;
    justify-content : center;
    align-items : center;
    margin-left : auto;
    margin-right : auto;
    padding-top : 10em;
    padding-bottom : 10em;
    display : flex;
    position : relative
  }
  .blog-hero-image {
    z-index : 10;
    width : 100%;
    height : 60em;
    min-height : 80vh;
    border-radius : var(--radius-small);
    flex-direction : column;
    justify-content : space-between;
    display : flex;
    position : relative
  }
  .blog-author {
    grid-row-gap : 2em;
    background-color : var(--color-3);
    color : var(--white);
    flex-direction : column;
    justify-content : center;
    align-items : center;
    padding : 6em 4em;
    display : flex
  }
  .blog-author-photo {
    width : 10em;
    height : 10em;
    border-radius : 50%;
    flex-direction : column;
    justify-content : center;
    align-items : center;
    display : flex;
    position : relative;
    overflow : hidden
  }
  .blog-author-name-link {
    color : var(--yellow-7);
    font-size : 3em;
    font-weight : 600;
    line-height : 1.1em
  }
    .blog-author-name-link : hover {
    color : var(--yellow-4)
  }
  .simple-hero-background-image {
    z-index : 3;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  .cart-wrapper {
    background-color : var(--transparent)
  }
  .footer-main-link {
    opacity : .85;
    color : var(--white);
    text-align : center;
    font-size : 2em;
    font-weight : 400;
    line-height : 1.6em;
    transition : opacity .2s
  }
    .footer-main-link : hover {
    opacity : 1
  }
  .footer-main-link.w--current {
    opacity : 1;
    color : var(--yellow-4);
    background-image : url(../images/sv4foQ6YnoPB.png);
    background-position : 50% 100%;
    background-repeat : repeat-x;
    background-size : auto .3em
  }
  .menu-background {
    z-index : 1;
    background-color : var(--white);
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  .cart {
    color : var(--color-3);
    flex : none;
    align-self : stretch
  }
  .course-hero-images {
    z-index : 2;
    width : 100%;
    max-width : 140em;
    flex-direction : column;
    justify-content : center;
    align-items : center;
    margin-left : auto;
    margin-right : auto;
    display : flex;
    position : absolute;
    top : 0%;
    bottom : 0%
  }
  .course-hero-image {
    width : 20em;
    height : 20em;
    border-radius : var(--radius-medium);
    position : absolute;
    overflow : visible
  }
  .course-hero-image.is-1st {
    width : 15%;
    height : 20%;
    bottom : 8%;
    left : 6%
  }
  .course-hero-image.is-2nd {
    width : 17%;
    height : 24%;
    top : 5em;
    right : 5em
  }
  .course-hero-image.is-3rd {
    width : 20%;
    height : 20%;
    bottom : 2em;
    right : 2em
  }
  .course-hero-image.is-4th {
    width : 28%;
    height : 35%;
    top : 2em;
    left : 2em
  }
  .gallery-grid {
    width : 100%;
    grid-column-gap : 4em;
    grid-row-gap : 4em;
    grid-template-rows : auto;
    grid-template-columns : 1fr 1fr 1fr 1fr;
    grid-auto-columns : 1fr;
    display : grid
  }
  .featured-article-link {
    color : var(--color-3);
    transition : color .2s
  }
    .featured-article-link : hover {
    color : var(--color-1)
  }
  .price-inner {
    grid-row-gap : .5em;
    flex-direction : column;
    justify-content : center;
    align-items : center;
    display : flex
  }
  .product-description-text {
    z-index : 20;
    font-size : 2.4em;
    font-weight : 400;
    line-height : 1.4em;
    position : relative
  }
  .product-image {
    width : 100%;
    border-radius : var(--radius-small);
    flex : 1;
    position : relative;
    overflow : hidden
  }
  .product-gallery {
    width : 100%;
    justify-content : space-between;
    align-items : stretch;
    display : flex
  }
  .product-gallery-list {
    width : 100%;
    grid-column-gap : 2em;
    grid-row-gap : 2em;
    grid-template-rows : auto;
    grid-template-columns : 1fr 1fr;
    grid-auto-columns : 1fr;
    display : grid
  }
  .product-gallery-item {
    width : 100%;
    height : 15em;
    justify-content : space-between;
    align-items : stretch;
    display : flex
  }
  .product-includes {
    font-size : .9em
  }
  .product-hero-gallery-grid {
    width : 100%;
    grid-column-gap : 2.5em;
    grid-row-gap : 2.5em;
    grid-template-rows : auto;
    grid-template-columns : 1fr 1fr 1fr 1fr;
    grid-auto-columns : 1fr;
    display : grid
  }
  .preloader-text {
    color : var(--yellow-4);
    letter-spacing : 1em;
    text-indent : 1em;
    text-transform : uppercase;
    font-size : 1.3em;
    font-weight : 700
  }
  .additional-product-wrapper {
    z-index : 10;
    width : 100%;
    grid-column-gap : 5em;
    grid-row-gap : 5em;
    flex-flow : row;
    justify-content : flex-start;
    align-items : center;
    display : flex;
    position : relative
  }
  .product-hero-gallery-item, .product-hero-gallery {
    width : 100%
  }
  .product-about-content-size {
    z-index : 10;
    width : 100%;
    max-width : 65em;
    flex-flow : column;
    justify-content : flex-start;
    align-items : flex-start;
    margin-left : auto;
    margin-right : auto;
    display : flex;
    position : relative
  }
  .blog-posts {
    width : 100%;
    max-width : 110em;
    margin-left : auto;
    margin-right : auto
  }
  .blog-posts-list {
    grid-column-gap : 4em;
    grid-row-gap : 4em;
    grid-template-rows : auto;
    grid-template-columns : 1fr 1fr;
    grid-auto-columns : 1fr;
    display : grid
  }
  .blog-post-item {
    z-index : 10;
    grid-row-gap : 2.75em;
    border-radius : var(--radius-medium);
    text-align : left;
    border : 1px solid rgba(255, 255, 255, .7);
    flex-direction : column;
    justify-content : flex-start;
    align-items : flex-start;
    padding : 4em;
    transition : border-color .2s;
    display : flex;
    position : relative;
    overflow : hidden
  }
    .blog-post-item : hover {
    border-color : rgba(255, 255, 255, .9)
  }
  .blog-post-title-link {
    z-index : 10;
    max-width : 40em;
    color : var(--color-3);
    transition : color .2s;
    position : relative
  }
    .blog-post-title-link : hover {
    color : var(--color-1)
  }
  .blog-post-image {
    z-index : 10;
    width : 100%;
    height : 25em;
    position : relative;
    overflow : visible
  }
  .blog-post-categories {
    z-index : 10;
    grid-column-gap : .75em;
    grid-row-gap : .5em;
    text-align : center;
    flex-flow : wrap;
    justify-content : center;
    align-items : center;
    display : flex;
    position : relative
  }
  .blog-hero-categories {
    grid-column-gap : 1em;
    grid-row-gap : .25em;
    flex-wrap : wrap;
    justify-content : center;
    align-items : center;
    display : flex
  }
  .button-for-aside-menu {
    z-index : 900;
    width : 58px;
    height : 52px;
    grid-column-gap : 1vw;
   
    border-radius : var(--radius-medium);
    color : var(--color-3);
    text-align : center;
    letter-spacing : .1em;
    text-indent : .1em;
    text-transform : uppercase;
    cursor : pointer;
    flex-direction : row;
    justify-content : center;
    align-items : center;
    padding : 1em;
    font-weight : 700;
    line-height : 1em;
    transition : transform .2s, box-shadow .2s;
    display : flex;
    position : fixed;
    top : 3.2em;
    right : 5.5em;
    overflow : hidden
  }
    .button-for-aside-menu : hover {
    transform : translateY(-3px);
    box-shadow : 0 10px 30px -10px rgba(104, 79, 12, .6)
  }
  .button-for-aside-menu.w--current {
    background-color : var(--color-6);
    color : var(--white)
  }
    .button-for-aside-menu.w--current : hover {
    background-color : var(--color-4)
  }
  .span-purple {
    color : var(--color-5)
  }
  .button {
    z-index : 10;
    min-height : 5.5em;
    grid-column-gap : 1.25em;
    border-radius : var(--radius-50em);
    background-color : var(--color-3);
    color : var(--white);
    text-align : left;
    flex : none;
    justify-content : space-between;
    align-items : center;
    margin-top : .5em;
    padding : 1em 1em 1em 1.8em;
    transition : box-shadow .4s, transform .4s cubic-bezier(.075, .82, .165, 1), background-color .2s;
    display : flex;
    position : relative;
    overflow : visible;
    box-shadow : 0 11px 20px -7px rgba(30, 2,63, .2)
  }
    .button : hover {
    background-color : var(--color-1);
    transform : translateY(-3px);
    box-shadow : 0 17px 20px -12px rgba(30, 2,63, .5)
  }
  .button.is-yellow {
    background-color : var(--yellow-4);
    color : var(--color-1);
    border : 1px solid #d5aa35
  }
    .button.is-yellow : hover {
    background-color : var(--yellow-8)
  }
  .main-button-name {
    z-index : 10;
    text-align : left;
    font-size : 1.4em;
    color: #000000;
    font-weight : 500;
    line-height : 1.1em;
    position : relative;
    overflow : hidden
  }
  .main-button-icon {
    z-index : 10;
    border-left : 1px solid var(--color-6);
    flex-direction : column;
    flex : none;
    justify-content : center;
    align-self : center;
    align-items : center;
    padding : .4em .8em;
    display : flex;
    position : relative
  }
  .main-button-icon.is-2nd {
    border-left-color : rgba(61, 20, 109, .3)
  }
  .footer-main-section {
    grid-column-gap : 4em;
    grid-row-gap : 4em;
    flex-flow : wrap;
    justify-content : center;
    align-items : center;
    display : flex
  }
  .footer-main-links-wrapper {
    grid-column-gap : 2em;
    grid-row-gap : .5em;
    flex-flow : wrap;
    justify-content : center;
    align-items : center;
    display : flex
  }
  .about-grid {
    width : 100%;
    grid-column-gap : 5em;
    grid-row-gap : 5em;
    grid-template-rows : auto;
    grid-template-columns : 1fr 1fr;
    grid-auto-columns : 1fr;
    display : grid
  }
  .about-grid-block {
    z-index : 10;
    flex-direction : column;
    justify-content : space-between;
    align-items : flex-start;
    transition : background-color .2s;
    display : flex;
    position : relative;
    overflow : hidden
  }
  .about-grid-block.is-content {
    border-radius : var(--radius-medium);
    background-color : rgba(255, 255, 255, .3);
    border : 1px solid rgba(255, 255, 255, .9);
    padding : 6em 4em;
    overflow : visible
  }
  .about-grid-block.is-grid {
    grid-column-gap : 3.3em;
    grid-row-gap : 3.3em;
    grid-template-rows : auto auto;
    grid-template-columns : 1fr 1fr;
    grid-auto-columns : 1fr;
    align-items : stretch;
    justify-items : stretch;
    display : grid;
    overflow : visible
  }
  .about-grid-image {
    width : 100%;
    min-height : 50em;
    border-radius : var(--radius-medium);
    text-align : left;
    flex-direction : column;
    flex : 1;
    justify-content : center;
    align-items : center;
    display : flex;
    position : relative;
    overflow : hidden
  }
  .about-grid-content {
    width : 100%;
    max-width : 35em;
    grid-row-gap : 2em;
    text-align : left;
    flex-direction : column;
    flex : 1;
    justify-content : center;
    align-self : center;
    align-items : flex-start;
    display : flex;
    position : relative
  }
  .max-width-35 {
    z-index : 10;
    width : 100%;
    max-width : 35em;
    position : relative
  }
  .max-width-50 {
    z-index : 10;
    width : 100%;
    max-width : 50em;
    position : relative
  }
  .course-hero-wrapper {
    z-index : 20;
    width : 100%;
    border-radius : var(--radius-medium);
    background-color : var(--color-4);
    background-image : linear-gradient(135deg, var(--color-3), #23248b);
    flex-direction : column;
    justify-content : center;
    align-items : center;
    display : flex;
    position : relative;
    overflow : hidden
  }
  .course-hero-layout {
    z-index : 10;
    width : 100%;
    max-width : 75em;
    grid-row-gap : 2.5em;
    text-align : center;
    flex-direction : column;
    justify-content : center;
    align-items : center;
    margin-left : auto;
    margin-right : auto;
    padding-top : 20em;
    padding-bottom : 20em;
    display : flex;
    position : relative
  }
  .gallery-lightbox-block {
    z-index : 10;
    position : relative;
    overflow : visible
  }
  .gallery-lightbox-block.in-product {
    width : 100%;
    height : auto
  }
  .image-only-wrapper {
    z-index : 5;
    border-radius : var(--radius-medium);
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    overflow : hidden
  }
  .about-3-hero {
    z-index : 20;
    width : 100%;
    max-width : var(--max-width);
    grid-column-gap : 4em;
    grid-row-gap : 4em;
    color : var(--color-13);
    flex-direction : column;
    justify-content : flex-start;
    align-items : center;
    margin-left : auto;
    margin-right : auto;
    display : flex;
    position : relative
  }
  .about-3-hero-wrapper {
    z-index : 20;
    width : 100%;
    max-width : var(--max-width);
    grid-row-gap : 2.5em;
    border-radius : var(--radius-medium);-webkit-backdrop-filter : blur(15px);
    backdrop-filter : blur(15px);
    text-align : center;
    background-color : rgba(45, 10, 85, .9);
    flex-flow : wrap;
    justify-content : space-around;
    align-items : center;
    margin-left : auto;
    margin-right : auto;
    padding : 8em 8vw;
    display : flex;
    position : -webkit-sticky;
    position : sticky;
    top : 0;
    overflow : hidden
  }
  .about-3-hero-images {
    z-index : 2;
    width : 100%;
    grid-row-gap : 4em;
    border-radius : var(--radius-medium);
    flex-direction : column;
    justify-content : flex-start;
    align-items : center;
    display : flex;
    position : relative;
    overflow : hidden
  }
  .about-3-hero-image {
    z-index : 10;
    width : 100%;
    height : 80vh;
    flex : none;
    position : relative
  }
  .featured-article-button {
    margin-top : auto;
    font-size : .9em
  }
  .image-overlay-colors {
    z-index : 20;
    mix-blend-mode : multiply;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  .simple-hero-overlay-color {
    z-index : 20;
    background-image : linear-gradient(90deg, var(--color-1)15%, var(--transparent));
    mix-blend-mode : multiply;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  .menu-title {
    font-size : 2.2em;
    line-height : 1.3em
  }
  .menu-content-wrapper {
    z-index : 10;
    width : 100%;
    max-width : 33em;
    grid-row-gap : 3.25em;
    flex-direction : column;
    justify-content : flex-start;
    align-items : flex-start;
    display : flex;
    position : relative
  }
  .menu-contact-block {
    width : 100%;
    grid-row-gap : 1.5em;
    flex-direction : column;
    justify-content : flex-start;
    align-items : flex-start;
    display : flex
  }
  .author-socials {
    width : 100%
  }
  .author-socials-list {
    width : 100%;
    grid-column-gap : .75em;
    grid-row-gap : .75em;
    flex-flow : wrap;
    justify-content : center;
    align-items : stretch;
    display : flex
  }
  .author-social-item {
    flex : none
  }
  .author-social-link {
    width : 6em;
    height : 6em;
    grid-row-gap : 1em;
    border : 1px solid var(--color-5);
    background-color : var(--color-10-opacity);
    color : var(--color-3);
    border-radius : 50%;
    flex-direction : column;
    justify-content : center;
    align-items : center;
    padding : .4em;
    transition : background-color .2s;
    display : flex
  }
    .author-social-link : hover {
    border-color : var(--color-7);
    background-color : var(--color-20-opacity)
  }
  .featured-products {
    width : 100%
  }
  .featured-products-list {
    width : 100%;
    max-width : 117em;
    grid-column-gap : 2.5em;
    grid-row-gap : 2.5em;
    justify-content : space-between;
    align-items : stretch;
    margin-left : auto;
    margin-right : auto;
    display : flex
  }
  .featured-product-item {
    flex : 1
  }
  .featured-product {
    width : 100%;
    grid-row-gap : 1.75em;
    border : 1px solid var(--transparent);
    border-radius : var(--radius-small);
    color : var(--color-3);
    flex-direction : column;
    justify-content : space-between;
    align-items : center;
    padding-bottom : 4em;
    display : flex;
    position : relative;
    overflow : hidden
  }
    .featured-product : hover {
    background-color : rgba(255, 255, 255, .5);
    border : 1px solid rgba(255, 255, 255, .9)
  }
  .featured-product-image {
    z-index : 10;
    width : 100%;
    height : 20em;
    border-radius : var(--radius-small);
    flex-direction : column;
    justify-content : center;
    align-items : center;
    display : flex;
    position : relative;
    overflow : hidden
  }
  .featured-product-content {
    z-index : 10;
    width : 100%;
    max-width : 30em;
    grid-row-gap : 1.25em;
    text-align : center;
    flex-direction : column;
    justify-content : center;
    align-items : center;
    padding-left : 2.5em;
    padding-right : 2.5em;
    display : flex;
    position : relative
  }
  .image-carousel-wrapper {
    width : 100%;
    flex-direction : row;
    flex : none;
    justify-content : space-around;
    align-items : center;
    display : flex
  }
  .contact-hero {
    z-index : 20;
    width : 100%;
    flex-direction : column;
    justify-content : center;
    align-items : center;
    display : flex;
    position : relative;
    overflow : visible
  }
  .nav-brand {
    grid-column-gap : 1.25em;
    border : 1px solid var(--transparent);
    border-radius : var(--radius-small);
    color : var(--color-3);
    flex-direction : row;
    flex : none;
    justify-content : flex-start;
    align-self : stretch;
    align-items : center;
    padding : 1em .5em 1em 1.3em;
    transition : border-color .2s, background-color .2s;
    display : flex
  }
    .nav-brand : hover {
    border-color : var(--color-3);
    background-color : var(--white)
  }
  .nav-wrapper {
    grid-column-gap : 2.5em;
    flex-direction : row;
    flex : 1;
    justify-content : space-between;
    align-items : center;
    display : flex;
    position : static
  }
  .nav-link {
    z-index : 10;
    min-height : 2.5em;
    grid-column-gap : .75em;
    grid-row-gap : .75em;
    border : 2px solid var(--transparent);
    border-radius : var(--radius-50em);
    color : var(--color-3);
    justify-content : center;
    align-self : stretch;
    align-items : center;
    padding : .2em 1em;
    font-size : 1.6em;
    font-weight : 400;
    line-height : 1em;
    transition : background-color .2s, padding .4s cubic-bezier(.075, .82, .165, 1);
    display : flex;
    position : relative
  }
    .nav-link : hover {
    border-color : var(--yellow-4);
    color : var(--color-1);
    background-color : rgba(255, 255, 255, .8);
    padding-left : 1.3em;
    padding-right : 1.3em
  }
  .contact-hero-layout {
    z-index : 10;
    width : 100%;
    grid-column-gap : 6vw;
    border : 1px solid var(--white);
    border-radius : var(--radius-medium);
    background-color : rgba(255, 255, 255, .7);
    flex : 1;
    justify-content : space-between;
    align-items : center;
    padding : 6em 8vw 10em;
    display : flex;
    position : relative;
    overflow : hidden
  }
  .contact-hero-collage {
    z-index : 10;
    min-height : 50em;
    border-radius : var(--radius-medium);
    flex-direction : column;
    flex : 1;
    justify-content : space-between;
    align-self : stretch;
    align-items : stretch;
    display : flex;
    position : relative
  }
  .contact-hero-content {
    z-index : 20;
    max-width : 23vw;
    grid-row-gap : 1.75em;
    text-align : center;
    flex-direction : column;
    justify-content : center;
    align-items : center;
    display : flex;
    position : relative
  }
  .contact-hero-render-image {
    z-index : 10;
    width : 21em;
    height : 22em;
    position : absolute;
    top : auto;
    bottom : -7em;
    left : auto;
    right : -7.4em
  }
  .contact-hero-info-box {
    z-index : 30;
    grid-column-gap : .25em;
    grid-row-gap : .25em;
    border : 1px solid var(--color-5);
    border-radius : var(--radius-medium);-webkit-backdrop-filter : blur(15px);
    backdrop-filter : blur(15px);
    text-align : center;
    background-color : rgba(241, 254, 255, .7);
    flex-direction : column;
    justify-content : center;
    align-items : center;
    padding : 1.3em 1.8em 1.5em;
    display : flex;
    position : absolute;
    top : auto;
    bottom : 3.3em;
    left : -3.6em;
    right : auto;
    overflow : hidden;
    box-shadow : -8px 20px 20px -7px rgba(13, 88, 94, .31)
  }
  .contact-hero-number {
    font-size : 3.5em;
    font-weight : 600;
    line-height : 1em
  }
  .contact-hero-text {
    max-width : 5.2em;
    opacity : .8;
    margin-top : .3em;
    font-size : 1.4em;
    font-weight : 400;
    line-height : 1.1em
  }
  .contact-hero-icon {
    width : 1em;
    height : 1em;
    object-fit : contain;
    font-size : 5em
  }
  .nav-social-button {
    z-index : 10;
    width : 6em;
    border : 1px solid var(--color-3);
    border-radius : var(--radius-medium);
    cursor : pointer;
    flex-direction : column;
    justify-content : center;
    align-items : center;
    padding-left : 1.2em;
    padding-right : 1.2em;
    transition : background-color .2s;
    display : flex;
    position : relative
  }
    .nav-social-button : hover {
    border-color : var(--color-1);
    background-color : var(--white)
  }
  .contact-hero-button {
    z-index : 30;
    height : 10em;
    max-width : 90%;
    grid-column-gap : 2.5em;
    border : 1px solid var(--color-3);
    border-radius : var(--radius-50em);
    background-color : var(--white);
    color : var(--color-2);
    flex-direction : row;
    justify-content : flex-start;
    align-items : center;
    margin-top : -5.3em;
    padding : 1.5em 4em 1.5em 3em;
    transition : transform .2s, box-shadow .2s, background-color .2s;
    display : flex;
    position : relative;
    box-shadow : 0 20px 30px -15px rgba(2, 59, 63, .25)
  }
    .contact-hero-button : hover {
    background-color : var(--color-15);
    color : var(--color-1);
    transform : translateY(-5px);
    box-shadow : 0 30px 30px -30px rgba(2, 59, 63, .5)
  }
  .contact-hero-button-text {
    max-width : 14em;
    font-size : 1.5em;
    line-height : 1.5em
  }
  .contact-hero-button-image {
    z-index : 10;
    width : 5em;
    height : 5em;
    text-align : left;
    border-radius : 50%;
    position : relative;
    overflow : hidden
  }
  .contact-hero-button-image.is-2nd {
    z-index : 9;
    margin-left : -1.5em
  }
  .contact-hero-button-image.is-3rd {
    z-index : 8;
    margin-left : -1.5em
  }
  .contact-hero-button-images {
    justify-content : flex-start;
    align-items : center;
    display : flex
  }
  .contact-hero-info-box-2 {
    z-index : 30;
    grid-column-gap : 1em;
    grid-row-gap : 1em;
    border : 1px solid var(--yellow-8);
    border-radius : var(--radius-medium);
    background-color : var(--yellow-4);
    text-align : center;
    flex-direction : row;
    justify-content : center;
    align-items : center;
    padding : 1.5em 2em;
    display : flex;
    position : absolute;
    top : 2em;
    bottom : auto;
    left : auto;
    right : -2em;
    overflow : hidden;
    box-shadow : -20px 20px 25px -7px rgba(34, 27, 9,.5)
  }
  .contact-hero-icon-large {
    z-index : 10;
    width : 1em;
    height : 1em;
    object-fit : contain;
    font-size : 5em;
    position : relative
  }
  .contact-hero-info-content {
    z-index : 10;
    flex-direction : column;
    justify-content : center;
    align-items : center;
    display : flex;
    position : relative
  }
  .max-width-100 {
    z-index : 10;
    width : 100%;
    max-width : 100em;
    position : relative
  }
  .Projects {
    width : 100%
  }
  .Projects-list {
    width : 100%;
    grid-column-gap : 10em;
    grid-row-gap : 7.5em;
    grid-template-rows : auto;
    grid-template-columns : 1fr 1fr 1fr;
    grid-auto-columns : 1fr;
    display : grid
  }
  .course-item {
    z-index : 10;
    width : 100%;
    grid-row-gap : 1.75em;
    text-align : left;
    flex-direction : column;
    justify-content : center;
    align-items : flex-start;
    display : flex;
    position : relative
  }
  .course-image-link {
    z-index : 10;
    width : 100%;
    height : 30em;
    border-radius : var(--radius-medium);
    text-align : left;
    position : relative
  }
  .course-title-link {
    width : 100%;
    max-width : 35em;
    color : var(--color-3)
  }
    .course-title-link : hover {
    color : var(--color-1)
  }
  .course-feature-block {
    grid-column-gap : .5em;
    flex-wrap : wrap;
    justify-content : center;
    align-items : center;
    display : flex
  }
  .course-features {
    grid-column-gap : 2em;
    grid-row-gap : .25em;
    flex-flow : wrap;
    justify-content : flex-start;
    align-items : center;
    display : flex
  }
  .course-badge-block {
    z-index : 10;
    grid-column-gap : .75em;
    grid-row-gap : .75em;
    border-radius : var(--radius-medium);
    color : var(--color-4);
    text-align : center;
    background-color : rgba(255, 255, 255, .9);
    flex-flow : row;
    justify-content : center;
    align-items : center;
    padding : .5em .8em;
    display : flex;
    position : relative;
    overflow : visible
  }
  .course-badge-block.is-featured {
    background-color : var(--color-3);
    color : var(--yellow-4);
    box-shadow : -8px 20px 20px -7px rgba(46, 36, 9,.41)
  }
  .course-badge-text {
    text-transform : uppercase;
    font-size : 1em;
    font-weight : 600;
    line-height : 1.1em
  }
  .course-button {
    grid-column-gap : .75em;
    grid-row-gap : .75em;
    border : 1px solid var(--color-3);
    border-radius : var(--radius-50em);
    color : var(--color-3);
    text-align : left;
    background-color : rgba(255, 255, 255, .3);
    flex : 1;
    justify-content : space-between;
    align-self : stretch;
    align-items : center;
    padding : .5em 2.2em;
    transition : border-color .2s, color .2s, background-color .2s;
    display : flex
  }
    .course-button : hover {
    background-color : var(--white);
    color : var(--color-2)
  }
  .course-button-text {
    font-size : 1.5em;
    font-weight : 400;
    line-height : 1.1em
  }
  .course-image {
    z-index : 10;
    width : 100%;
    flex-direction : column;
    justify-content : center;
    align-items : center;
    margin-bottom : 2em;
    display : flex;
    position : relative
  }
  .course-shadow-1st {
    z-index : 5;
    border-radius : var(--radius-medium);
    background-color : var(--color-11);
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : rotate(-4deg)
  }
  .course-badges {
    z-index : 20;
    grid-column-gap : .5em;
    grid-row-gap : .5em;
    flex-flow : wrap;
    justify-content : flex-start;
    align-items : flex-start;
    display : flex;
    position : absolute;
    top : auto;
    bottom : .6em;
    left : .6em;
    right : auto
  }
  .course-shadow-2nd {
    z-index : 5;
    border-radius : var(--radius-medium);
    background-color : var(--color-11);
    opacity : .5;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  .contact-hero-image-shadow {
    z-index : 3;
    border-radius : var(--radius-medium);
    background-color : rgba(255, 255, 255, .3);
    border : 1px solid rgba(255, 255, 255, .6);
    margin : 1.5em;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : rotate(-5deg)
  }
  .image-carousel-shadow-1st {
    z-index : 0;
    border-radius : var(--radius-medium);
    background-color : var(--yellow-2\<deleted\|variable-ecf84277-e6c7-5f0d-bf6e-e0e8734dd031\>);
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : translate(.4em)rotate(-4deg)
  }
  .image-carousel-shadow-2nd {
    z-index : 0;
    border-radius : var(--radius-medium);
    background-color : rgba(180, 126, 240, .5);
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : translate(.7em)rotate(4deg)
  }
  .image-carousel-shadow-3rd {
    z-index : 0;
    border-radius : var(--radius-medium);
    background-color : rgba(255, 255, 255, .6);
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : translate(.7em, -.6em)rotate(-1deg)
  }
  .image-carousel-shadow-4th {
    z-index : 0;
    border-radius : var(--radius-medium);
    background-color : rgba(212, 179, 235, .7);
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : translate(-.2em)rotate(-4deg)
  }
  .nav-features {
    grid-column-gap : 1.25em;
    justify-content : flex-end;
    align-self : stretch;
    align-items : stretch;
    display : flex
  }
  .events {
    width : 100%;
    max-width : 120em;
    margin-left : auto;
    margin-right : auto
  }
  .events-list {
    width : 100%
  }
  .event-item {
    z-index : 10;
    width : 100%;
    grid-column-gap : 2em;
    grid-row-gap : 1em;
    border : 1px solid var(--color-3);
    border-radius : var(--radius-medium);
    background-color : #fff;
    justify-content : space-between;
    align-items : center;
    margin-top : -1em;
    padding : 2.5em 2.5em 3.5em;
    transition : padding .6s cubic-bezier(.075, .82, .165, 1), background-color .2s, border-color .2s;
    display : flex;
    position : relative
  }
    .event-item : hover {
    border-color : var(--color-8);
    background-color : #fffbf0;
    padding-top : 3.5em
  }
  .main-button-shadow {
    z-index : 1;
    border-radius : var(--radius-50em);
    background-color : var(--color-3);
    opacity : .45;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : rotate(-6deg)
  }
  .main-button-shadow.is-2nd {
    background-color : var(--yellow-4);
    opacity : .6
  }
  .main-button-line {
    z-index : 2;
    border : 1px solid var(--color-9);
    border-radius : var(--radius-50em);
    opacity : .45;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : rotate(4deg)
  }
  .main-button-line.is-2nd {
    background-color : var(--yellow-4);
    opacity : .5;
    border-color : #fcf0cf
  }
  .event-title-link {
    color : var(--yellow-1);
    transition : color .2s
  }
  .event-features {
    text-align : right;
    flex-direction : column;
    justify-content : center;
    align-items : flex-end;
    display : flex
  }
  .event-content {
    grid-row-gap : .5em;
    flex-direction : column;
    justify-content : center;
    align-items : flex-start;
    display : flex
  }
  .event-feature {
    grid-column-gap : 1em;
    justify-content : flex-end;
    align-items : center;
    display : flex
  }
  .event-dot {
    width : 1em;
    height : 1em;
    background-color : var(--yellow-3\<deleted\|variable-edcc3bc7-4708-681f-1880-13a1180e7d87\>);
    border-radius : 50%;
    flex : none
  }
  .event-description {
    grid-column-gap : 1em;
    flex-direction : row;
    justify-content : flex-start;
    align-items : center;
    display : flex
  }
  .contact-hero-gradient-line {
    z-index : 5;
    width : 60%;
    height : 1px;
    background-image : linear-gradient(90deg, var(--transparent), var(--color-3)50%, var(--transparent));
    margin-left : auto;
    margin-right : auto;
    position : absolute;
    top : auto;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  .sticky-about-wrapper {
    width : 100%;
    grid-row-gap : 5vh;
    flex-direction : column;
    justify-content : flex-start;
    display : flex
  }
  .sticky-about-link {
    width : 3em;
    height : 3em;
    border : 1px solid var(--transparent);
    border-radius : 50%;
    flex-direction : column;
    justify-content : center;
    align-items : center;
    padding : .5em;
    font-size : 1.8em;
    display : flex
  }
  .sticky-about-link.w--current {
    border-color : var(--color-6);
    background-color : var(--color-15);-webkit-backdrop-filter : blur(15px);
    backdrop-filter : blur(15px);
    color : var(--color-3)
  }
  .sticky-about-links {
    z-index : 20;
    grid-column-gap : 1em;
    flex-direction : row;
    justify-content : center;
    align-items : center;
    display : flex;
    position : -webkit-sticky;
    position : sticky;
    top : 6vh
  }
  .sticky-about-block {
    z-index : 10;
    grid-column-gap : 8em;
    grid-row-gap : 8em;
    border-radius : var(--radius-large);
    background-color : var(--white);
    flex-direction : row;
    grid-template-rows : auto;
    grid-template-columns : 1fr 1fr;
    grid-auto-columns : 1fr;
    justify-content : space-between;
    align-items : center;
    padding : 6vh 6vh 6vh 8em;
    display : flex;
    position : -webkit-sticky;
    position : sticky;
    top : 15vh;
    overflow : hidden
  }
  .sticky-about-block.is-yellow {
    z-index : 11;
    background-color : var(--yellow-6);
    top : 20vh
  }
  .sticky-about-block.is-purple {
    z-index : 12;
    background-color : #d5c3ff;
    top : 22vh
  }
  .sticky-about-image {
    z-index : 10;
    height : 50vh;
    min-height : 35em;
    border-radius : var(--radius-medium);
    flex : 1;
    position : relative;
    overflow : hidden
  }
  .sticky-about-content {
    z-index : 10;
    width : 100%;
    max-width : 42em;
    grid-row-gap : 2em;
    text-align : left;
    flex-direction : column;
    justify-content : center;
    align-items : flex-start;
    margin-left : 4em;
    margin-right : 4em;
    display : flex;
    position : relative
  }
  .sticky-about-number {
    z-index : 1;
    opacity : .24;
    color : var(--white);
    letter-spacing : -.05em;
    font-size : 50em;
    line-height : 1em;
    position : absolute;
    left : -.6em
  }
  .sticky-about-number.is-2nd {
    opacity : .05;
    color : var(--color-1)
  }
  .achievement-grid {
    width : 100%;
    grid-column-gap : 4em;
    grid-row-gap : 4em;
    grid-template-rows : auto;
    grid-template-columns : 1fr 1fr 1fr 1fr;
    grid-auto-columns : 1fr;
    display : grid
  }
  .achievement-number {
    z-index : 10;
    font-size : 6em;
    font-weight : 600;
    line-height : 1em;
    position : relative
  }
  .achievement-block {
    grid-row-gap : .75em;
    border : 1px solid var(--white);
    border-radius : var(--radius-medium);
    text-align : center;
    flex-direction : column;
    justify-content : center;
    align-items : center;
    padding : 3em;
    display : flex;
    position : relative
  }
  .achievement-block.is-2nd {
    color : var(--color-1);
    transform : rotate(-2deg)
  }
  .achievement-block.is-3rd {
    color : var(--color-1);
    transform : rotate(3deg)
  }
  .achievement-block.is-4th {
    color : var(--color-1)
  }
  .achievement-paragraph {
    z-index : 10;
    max-width : 6em;
    text-align : center;
    font-size : 2em;
    line-height : 1.2em;
    position : relative
  }
  .achievement-title-block {
    width : 100%;
    max-width : 30em;
    text-align : left;
    flex-direction : column;
    justify-content : center;
    align-items : center;
    display : flex;
    position : relative;
    transform : rotate(-2deg)
  }
  .achievement-dot-1 {
    z-index : 5;
    width : 4em;
    height : 4em;
    background-color : var(--yellow-1\<deleted\|variable-95b47a3b-4f68-b20c-8997-1efb1f0c8231\>);
    border-radius : 50%;
    position : absolute;
    top : .7em;
    bottom : auto;
    left : -5.5em;
    right : auto
  }
  .achievement-dot-2 {
    z-index : 5;
    width : 2em;
    height : 2em;
    background-color : var(--color-9);
    border-radius : 50%;
    position : absolute;
    top : auto;
    bottom : 2em;
    left : auto;
    right : 2em
  }
  .achievement-icon-1 {
    z-index : 10;
    width : 3em;
    height : 3em;
    object-fit : contain;
    position : absolute;
    top : auto;
    bottom : -5.3em;
    left : auto;
    right : -1.9em
  }
  .achievement-backgound-white {
    border-radius : var(--radius-medium);
    background-color : rgba(255, 255, 255, .7);
    border : 1px solid #fff;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : rotate(-4deg)
  }
  .achievement-backgound-yellow {
    border-radius : var(--radius-medium);
    background-color : var(--yellow-8);
    border : 1px solid #ccb78b;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : rotate(3deg)
  }
  .achievement-backgound-purple {
    border : 1px solid var(--color-10);
    border-radius : var(--radius-medium);
    background-color : var(--color-14);
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : rotate(-4deg)
  }
  .achievement-dot-3 {
    z-index : 10;
    width : 1.5em;
    height : 1.5em;
    background-color : var(--color-7);
    border-radius : 50%;
    position : absolute;
    top : -5em;
    bottom : auto;
    left : auto;
    right : -1.9em
  }
  .course-buttons {
    width : 100%;
    min-height : 4.5em;
    grid-column-gap : .75em;
    grid-row-gap : .75em;
    flex-direction : row;
    justify-content : space-between;
    align-items : stretch;
    display : flex
  }
  .course-shop-button {
    grid-column-gap : 1.25em;
    grid-row-gap : 1.25em;
    border : 1px solid var(--yellow-2);
    border-radius : var(--radius-50em);
    background-color : var(--yellow-7);
    color : var(--color-5);
    text-align : center;
    flex : none;
    justify-content : center;
    align-self : stretch;
    align-items : center;
    padding : .5em 3em;
    transition : background-color .2s;
    display : flex
  }
    .course-shop-button : hover {
    background-color : var(--yellow-5)
  }
  .newsletter-form-button {
    z-index : 10;
    flex-direction : column;
    flex : none;
    justify-content : space-between;
    align-items : stretch;
    display : flex;
    position : relative
  }
  .form-button-shadow {
    z-index : 2;
    border-radius : var(--radius-50em);
    background-color : var(--color-13);
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : rotate(-6deg)
  }
  .form-button-line {
    z-index : 3;
    border : 1px solid var(--color-11);
    border-radius : var(--radius-50em);
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : rotate(6deg)
  }
  .accordion-icon-block {
    width : 4em;
    height : 4em;
    background-color : var(--color-4);
    border-radius : 50%;
    flex-direction : column;
    flex : none;
    justify-content : center;
    align-items : center;
    display : flex
  }
  .accordion-additional-content {
    z-index : 20;
    grid-row-gap : 1.5em;
    border : 1px solid var(--color-3);
    border-radius : var(--radius-medium);
    background-color : var(--white);
    text-align : center;
    flex-direction : column;
    justify-content : center;
    align-items : center;
    margin-top : -2em;
    padding : 5em;
    display : flex;
    position : relative;
    overflow : hidden
  }
  .menu-links-shadow {
    z-index : 3;
    border-radius : var(--radius-medium);
    background-color : rgba(255, 255, 255, .35);
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : rotate(2deg)
  }
  .menu-links-background {
    z-index : 5;
    border-radius : var(--radius-medium);
    background-color : var(--white);
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  .menu-links-shadow-line {
    z-index : 3;
    border-radius : var(--radius-medium);
    border : 1px solid rgba(255, 255, 255, .7);
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : rotate(-2deg)
  }
  .footer-shadow {
    z-index : 10;
    width : 94%;
    height : 1.5em;
    border-radius : var(--radius-small)var(--radius-small)0px 0px;
    background-color : rgba(255, 255, 255, .7);
    border : 1px solid rgba(255, 255, 255, .9);
    border-bottom-width : 0;
    position : relative
  }
  .footer-shadow.is-2nd {
    z-index : 9;
    width : 90%;
    background-color : rgba(255, 255, 255, .5)
  }
  .footer-wrapper {
    z-index : 100;
    width : 100%;
    max-width : var(--max-width);
    flex-direction : column;
    justify-content : flex-start;
    align-items : center;
    margin-top : 2em;
    margin-left : auto;
    margin-right : auto;
    display : flex;
    position : relative
  }
  .course-hero-image-shadow-4th {
    z-index : 1;
    border-radius : var(--radius-medium);
    background-color : var(--color-6);
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : rotate(-3deg)
  }
  .course-hero-image-shadow-2nd {
    z-index : 1;
    border-radius : var(--radius-medium);
    background-color : rgba(156, 137, 216, .4);
    border : 1px solid #9281ca;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : rotate(5deg)
  }
  .course-hero-image-shadow-1st {
    z-index : 1;
    border-radius : var(--radius-medium);
    background-color : #216a7a;
    border : 1px solid #4591a2;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : rotate(-8deg)
  }
  .course-hero-image-shadow-3rd {
    z-index : 1;
    border-radius : var(--radius-medium);
    border : 1px solid #72a2c3;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : rotate(6deg)
  }
  .home-hero {
    z-index : 20;
    width : 100%;
    max-width : var(--max-width);
    color : var(--color-1);
    flex-direction : column;
    justify-content : center;
    align-items : center;
    margin-left : auto;
    margin-right : auto;
    display : flex;
    position : relative;
    overflow : visible
  }
  .home-hero-layout {
    z-index : 10;
    width : 100%;
    grid-row-gap : 7.5em;
    border-radius : var(--radius-medium);
    background-image : linear-gradient(135deg, rgba(255, 255, 255, .7), var(--transparent));
    border : 1px solid rgba(255, 255, 255, .9);
    flex-direction : column;
    flex : 1;
    justify-content : center;
    align-items : center;
    padding : 10em 8vw 15em;
    display : flex;
    position : relative;
    overflow : hidden
  }
  .home-hero-content {
    z-index : 20;
    max-width : 80em;
    grid-row-gap : 1.75em;
    text-align : center;
    flex-direction : column;
    justify-content : flex-start;
    align-items : center;
    display : flex;
    position : relative
  }
  .home-hero-image-wrapper {
    z-index : 10;
    width : 100%;
    height : 80em;
    border-radius : var(--radius-medium);
    flex-direction : column;
    justify-content : space-between;
    align-items : stretch;
    display : flex;
    position : relative;
    overflow : visible
  }
  .home-hero-paragraph {
    max-width : 40em;
    margin-bottom : .7em;
    font-size : 2em;
    font-weight : 400;
    line-height : 1.5em
  }
  .home-hero-image-shadow-1 {
    z-index : 7;
    border-radius : var(--radius-medium);
    background-color : rgba(255, 255, 255, .5);
    border : 1px solid rgba(255, 255, 255, .9);
    margin : 1.5em;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : rotate(-5deg)
  }
  .info-badge-1 {
    z-index : 30;
    grid-column-gap : 1em;
    grid-row-gap : 1em;
    border-radius : var(--radius-large);
    background-color : var(--green);
    text-align : center;
    flex-direction : row;
    justify-content : center;
    align-items : center;
    padding : 1.5em 2.5em 1.5em 2em;
    display : flex;
    position : absolute;
    top : 5.5em;
    bottom : auto;
    left : auto;
    right : -2em;
    overflow : visible;
    box-shadow : 20px 20px 25px -7px rgba(11, 88, 65, .33)
  }
  .mesh-backgrounds-wrapper {
    z-index : 1;
    position : fixed;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  .mesh-background {
    z-index : 1;
    width : 100%;
    height : 100%;
    opacity : .5;
    object-fit : cover;
    object-position : 50% 0%;
    position : fixed;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  .mesh-background.is-2nd {
    opacity : .25
  }
  .mesh-background.is-3rd {
    opacity : .4
  }
  .mesh-background.is-4th {
    opacity : .28
  }
  .mesh-background.is-1st {
    opacity : .2
  }
  .span-underline-1 {
    color : var(--color-1);
    background-image : url(../images/t2ThD8sXmYTP.png);
    background-position : 0 100%;
    background-repeat : repeat-x;
    background-size : auto .4em
  }
  .home-hero-image-shadow-2 {
    z-index : 8;
    border-radius : var(--radius-medium);
    background-color : rgba(255, 255, 255, .35);
    border : 1px solid rgba(255, 255, 255, .9);
    margin : 1.5em;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : rotate(2deg)
  }
  .home-hero-icon {
    opacity : .15
  }
  .info-badge-1-addon {
    width : 5em;
    height : 6em;
    background-color : var(--green);
    border-radius : 5px;
    position : absolute;
    top : auto;
    bottom : -1em;
    left : 5.1em;
    right : auto;
    transform : rotate(45deg)
  }
  .home-hero-icon-position {
    z-index : 10;
    width : 21em;
    height : 22em;
    position : absolute;
    top : auto;
    bottom : -7em;
    left : auto;
    right : -7.4em
  }
  .info-badge-icon {
    z-index : 10;
    width : 1em;
    height : 1em;
    object-fit : contain;
    font-size : 5em;
    position : relative
  }
  .info-badge-content {
    z-index : 10;
    grid-column-gap : .5em;
    grid-row-gap : .5em;
    flex-direction : column;
    justify-content : center;
    align-items : center;
    display : flex;
    position : relative
  }
  .info-badge-2 {
    z-index : 30;
    grid-column-gap : 1.75em;
    grid-row-gap : 1.75em;
    border-radius : var(--radius-large);
    background-color : var(--color-5);
    color : var(--color-15);
    text-align : center;
    flex-direction : row;
    justify-content : center;
    align-items : center;
    padding : 1.5em 3em;
    display : flex;
    position : absolute;
    top : auto;
    bottom : 19em;
    left : -2em;
    right : auto;
    overflow : visible;
    box-shadow : 20px 20px 25px -7px rgba(34, 15, 75, .5)
  }
  .info-badge-2-addon {
    width : 50%;
    height : 50%;
    background-color : var(--color-5);
    border-radius : 8px;
    position : absolute;
    top : 0%;
    bottom : auto;
    left : auto;
    right : 0%
  }
  .info-badge-lines {
    z-index : 10;
    width : 8em;
    grid-row-gap : 1em;
    flex-direction : column;
    justify-content : center;
    align-self : stretch;
    align-items : flex-start;
    display : flex;
    position : relative
  }
  .info-badge-line {
    width : 100%;
    height : 7px;
    background-color : var(--color-7);
    border-radius : 30px
  }
  .info-badge-line.is-2nd {
    width : 60%
  }
  .dropdown-block {
    z-index : 1;
    padding-top : 3.5rem;
    display : none;
    position : absolute;
    top : 0
  }
  .dropdown-block.is-Projects {
    display : none;
    left : 0
  }
  .dropdown-block.is-social {
    display : none
  }
  .dropdown-layout {
    grid-row-gap : 1.25em;
    border : 1px solid var(--color-3);
    border-radius : var(--radius-medium);-webkit-backdrop-filter : blur(10px);
    backdrop-filter : blur(10px);
    background-color : rgba(255, 255, 255, .85);
    flex-direction : column;
    justify-content : flex-start;
    align-items : flex-start;
    padding : 3.5em;
    display : flex;
    position : relative;
    box-shadow : 0 10px 20px rgba(2, 59, 63, .25)
  }
  .dropdown-layout.is-Projects {
    grid-row-gap : 1.75em;
    border-color : var(--white);
    background-color : rgba(255, 255, 255, .8)
  }
  .link-text-with-dot {
    z-index : 10;
    grid-column-gap : .75em;
    color : var(--color-3);
    justify-content : flex-start;
    align-items : center;
    padding-top : .3em;
    padding-bottom : .3em;
    padding-left : .3em;
    font-size : 1.2em;
    
    display : flex;
    position : relative;
    overflow : visible
  }
    .link-text-with-dot : hover, .link-text-with-dot.w--current {
    color : var(--color-1)
  }
  .link-text {
    z-index : 10;
    font-size : 1.4em;
    font-weight : 500;
    line-height : 1.1em;
    position : relative
  }
  .span-underline-2 {
    color : var(--color-1);
    background-image : url(../images/mlXbWgSd6eke.png);
    background-position : 0 100%;
    background-repeat : repeat-x;
    background-size : auto .5em
  }
  .nav-sub-links {
    justify-content : flex-end;
    align-self : stretch;
    align-items : center;
    display : flex
  }
  .nav-main-links {
    grid-column-gap : 1.5vw;
    flex : 1;
    justify-content : flex-start;
    align-self : stretch;
    align-items : center;
    padding-left : 2em;
    display : flex;
    position : static
  }
  .audience {
    width : 100%;
    max-width : 90em;
    margin-left : auto;
    margin-right : auto
  }
  .audience-list {
    width : 100%;
    grid-column-gap : 1em;
    grid-row-gap : 1em;
    flex-flow : wrap;
    grid-template-rows : auto auto;
    grid-template-columns : 1fr 1fr;
    grid-auto-columns : 1fr;
    justify-content : space-between;
    align-items : flex-start;
    display : flex
  }
  .audience-link-block {
    z-index : 10;
    width : 100%;
    grid-row-gap : .75em;
    border-radius : var(--radius-small);
    color : var(--color-3);
    background-image : linear-gradient(135deg, rgba(255, 255, 255, .7), rgba(255, 255, 255, .35));
    border : 1px solid rgba(255, 255, 255, .9);
    flex-direction : column;
    justify-content : center;
    align-items : center;
    padding : 3em 1.5em;
    transition : box-shadow .2s, color .2s, background-color .2s;
    display : flex;
    position : relative
  }
    .audience-link-block : hover {
    color : var(--color-1);
    background-color : rgba(255, 255, 255, .7);
    box-shadow : 0 2px 20px rgba(30, 2,63, .15)
  }
  .audience-link-block.with-image {
    grid-row-gap : 2.5em
  }
  .audience-link-block.with-image.w--current {
    border-color : var(--color-3);
    background-color : var(--white)
  }
  .audience-item {
    flex : 1
  }
  .nav-audience {
    width : 100%
  }
  .nav-audience-list {
    width : 100%;
    grid-column-gap : 1.75em;
    grid-row-gap : 1.75em;
    grid-template-rows : auto;
    grid-template-columns : 1fr 1fr;
    grid-auto-columns : 1fr;
    display : grid
  }
  .nav-audience-link-block {
    width : 100%;
    grid-row-gap : .75em;
    border : 1px solid var(--white);
    border-radius : var(--radius-small);
    color : var(--color-3);
    background-color : rgba(255, 255, 255, .75);
    flex-direction : column;
    justify-content : center;
    align-items : center;
    padding : 3em;
    transition : background-color .2s, box-shadow .4s;
    display : flex;
    box-shadow : 0 0 15px rgba(30, 10, 54, .1)
  }
    .nav-audience-link-block : hover {
    background-color : var(--white);
    box-shadow : 0 10px 30px rgba(30, 10, 54, .2)
  }
  .nav-Projects-button {
    z-index : 10;
    width : 100%;
    grid-column-gap : 1.25em;
    border : 1px solid var(--color-3);
    border-radius : var(--radius-large);
    
    color : var(--color-1);
    text-align : center;
    flex-direction : row;
    justify-content : flex-start;
    align-items : center;
    padding : 1.4em 1.4em 1.4em 2em;
    transition : border-color .2s, background-color .2s;
    display : flex;
    position : relative
  }
    .nav-Projects-button : hover {
    background-color : var(--yellow-5)
  }
  .nav-social-link {
    width : 5em;
    height : 5em;
    border : 1px solid var(--transparent);
    border-radius : var(--radius-medium);
    flex-direction : column;
    justify-content : center;
    align-items : center;
    font-size : 1.2em;
    transition : border-color .2s, background-color .2s;
    display : flex
  }
    .nav-social-link : hover {
    border-color : var(--color-3);
    background-color : var(--color-15)
  }
  .nav-socials {
    width : 100%
  }
  .nav-socials-list {
    width : 100%;
    flex-direction : column;
    justify-content : center;
    align-items : center;
    display : flex
  }
  .nav-social-item {
    flex-direction : column;
    flex : none;
    justify-content : center;
    align-items : center;
    display : flex
  }
  .burger-button-backgrouind {
    z-index : 1;
    height : 92%;
    border : 1px solid var(--yellow-5);
    border-radius : var(--radius-medium);
    background-color : var(--yellow-4);
    position : absolute;
    top : auto;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  .nav-dropdown-dot {
    width : 1.2em;
    height : 1.2em;
    background-color : var(--yellow-4);
    border-radius : 4px;
    flex : none;
    transform : rotate(45deg)
  }
  .link-text-yellow-dot {
    z-index : 10;
    width : .9em;
    height : .9em;
    background-color : var(--color-5);
    border-radius : 4px;
    position : relative;
    transform : rotate(45deg)
  }
  .border-for-text-link {
    z-index : 1;
    width : 100%;
    height : 2em;
    max-width : none;
    object-fit : contain;
    position : absolute;
    bottom : -.8em;
    left : 0%;
    right : 0%
  }
  .text-link-with-border {
    z-index : 10;
    grid-column-gap : .75em;
    color : var(--color-3);
    justify-content : flex-start;
    align-items : center;
    padding-top : .3em;
    padding-bottom : .3em;
    padding-left : .3em;
    font-size : 1.4em;
    transition : color .2s;
    display : flex;
    position : relative;
    overflow : visible
  }
    .text-link-with-border : hover {
    color : var(--color-1)
  }
  .nav-dropdown-link {
    grid-column-gap : 1.25em;
    border : 2px solid var(--transparent);
    border-radius : var(--radius-50em);
    justify-content : center;
    align-self : stretch;
    align-items : center;
    padding : .2em 1em;
    transition : border-color .2s, background-color .2s, padding .6s cubic-bezier(.075, .82, .165, 1);
    display : flex
  }
    .nav-dropdown-link : hover {
    border-color : var(--yellow-4);
    color : var(--color-1);
    background-color : rgba(255, 255, 255, .8);
    padding-left : 1.3em;
    padding-right : 1.3em
  }
  .nav-dropdown-link.is-Projects {
    z-index : 10;
    padding-left : 1.3em;
    padding-right : 1.3em;
    position : relative
  }
    .nav-dropdown-link.is-Projects : hover {
    border-color : var(--yellow-4);
    background-color : var(--yellow-8);
    padding-left : 1.3em;
    padding-right : 1.3em
  }
  .nav-dropdown-link-text {
    font-size : 1.6em;
    font-weight: 700;
    line-height : 1.3em
  }
  .Projects-icon {
    z-index : 10;
    width : 22px;
    margin-top: -4%;
   margin-right: -8%;
    height : auto;
    opacity : .7;
    object-fit : contain;
    flex : none;
    font-size : 2.3em;
    position : relative
  }
  .border-link-text {
    z-index : 10;
    font-size : 2em;
    font-weight : 500;
    line-height : 1.1em;
    position : relative
  }
  .nav-Projects-button-text {
    font-size : 1.8em;
    line-height : 1.3em
  }
  .burger-button-dots {
    z-index : 50;
    grid-column-gap : 3px;
    grid-row-gap : 3px;
    flex : none;
    justify-content : center;
    align-items : center;
    display : flex;
    position : relative
  }
  .burger-button-dot {
    width : 5px;
    height : 5px;
    background-color : var(--color-3);
    border-radius : 50%;
    flex : none
  }
  .nav-Projects-button-badge {
    border-radius : var(--radius-small);
    background-color : var(--color-4);
    color : var(--white);
    margin-left : auto;
    padding : .5em
  }
  .nav-Projects-button-badge-text {
    font-size : 1.2em;
    font-weight : 400;
    line-height : 1.1em
  }
  .nav-Projects-button-dot {
    width : 1.2em;
    height : 1.2em;
    border : 1px solid var(--yellow-5\<deleted\|variable-c0ec8956-1ef6-be99-f4e9-edf7e252da4d\>);
    background-color : rgb(0, 218, 54);
    border-radius : 4px;
    transform : rotate(45deg)
  }
  .course-hero-shadow-1 {
    z-index : 15;
    border-radius : var(--radius-medium);
    background-color : rgba(255, 255, 255, .8);
    border : 1px solid rgba(255, 255, 255, .95);
    margin-top : .6em;
    margin-bottom : .6em;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : rotate(1.5deg)
  }
  .course-hero {
    width : 100%;
    max-width : var(--max-width);
    color : var(--white);
    margin-bottom : 5em;
    margin-left : auto;
    margin-right : auto;
    position : relative
  }
  .course-hero-shadow-2 {
    z-index : 15;
    border-radius : var(--radius-medium);
    background-color : rgba(255, 255, 255, .5);
    border : 1px solid rgba(255, 255, 255, .95);
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : translateY(.9em)rotate(-1deg)
  }
  .footer-main-links {
    width : 100%;
    grid-column-gap : 1em;
    grid-row-gap : 1em;
    grid-template-rows : auto;
    grid-template-columns : 1fr 3fr 1fr;
    grid-auto-columns : 1fr;
    display : grid
  }
  .footer-contact-buttons {
    width : 100%;
    justify-content : center;
    align-items : center;
    display : flex;
    position : relative
  }
  .footer-gradient-line {
    z-index : 5;
    width : 80%;
    height : 1px;
    background-image : linear-gradient(90deg, var(--transparent), var(--color-7)50%, var(--transparent));
    margin-left : auto;
    margin-right : auto;
    position : absolute;
    left : 0%;
    right : 0%
  }
  .footer-nav-brand {
    grid-column-gap : 1.25em;
    color : var(--white);
    flex-direction : row;
    flex : none;
    justify-content : flex-start;
    align-items : center;
    transition : color .2s;
    display : flex
  }
    .footer-nav-brand : hover {
    color : var(--yellow-4)
  }
  .footer-brand-name-text {
    font-size : 2.8em;
    font-weight : 400;
    line-height : 1em
  }
  .footer-call-to-action-button {
    font-size : .9em
  }
  .brand-home-badge {
    background-color : var(--yellow-4);
    text-align : center;
    border-radius : 8px;
    padding : .3em .5em;
    font-size : 1.2em;
    font-weight : 500;
    line-height : 1.3em;
    position : relative;
    left : -.5em
  }
  .blog-post-background-color {
    z-index : 1;
    border-radius : var(--radius-medium);
    opacity : .3;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  .blog-post-link {
    font-size : .7em
  }
  .featured-article-image-wrapper {
    width : 100%;
    position : relative
  }
  .featured-article-category-badge {
    z-index : 30;
    grid-column-gap : 1em;
    grid-row-gap : 1em;
    border-radius : var(--radius-large);
    background-color : var(--white);
    text-align : center;
    flex-direction : row;
    justify-content : center;
    align-items : center;
    padding : 1.2em 1.5em;
    display : flex;
    position : absolute;
    top : 1.3em;
    bottom : auto;
    left : auto;
    right : -2em;
    overflow : visible;
    box-shadow : 20px 20px 25px -7px rgba(11, 88, 65, .33)
  }
  .featured-article-category-addon {
    width : 2em;
    height : 2em;
    background-color : var(--white);
    border-radius : 3px;
    position : absolute;
    top : auto;
    bottom : -.8em;
    left : 3.1em;
    right : auto;
    transform : rotate(45deg)
  }
  .featured-article-author-badge {
    z-index : 30;
    grid-column-gap : 1em;
    grid-row-gap : 1em;
    border-radius : var(--radius-large);
    background-color : var(--color-5);
    color : var(--white);
    text-align : center;
    flex-direction : row;
    justify-content : center;
    align-items : center;
    padding : 1.1em 1.6em 1.1em 1.1em;
    display : flex;
    position : absolute;
    top : auto;
    bottom : -1.2em;
    left : 1em;
    right : auto;
    overflow : visible;
    box-shadow : 10px 20px 25px -7px rgba(31, 2,63, .3)
  }
  .featured-article-author-addon {
    width : 2em;
    height : 2em;
    background-color : var(--color-5);
    border-radius : 3px;
    position : absolute;
    top : auto;
    bottom : -.8em;
    left : auto;
    right : 3em;
    transform : rotate(45deg)
  }
  .featured-article-author-image {
    z-index : 10;
    width : 4em;
    height : 3em;
    border-radius : var(--radius-50em);
    text-align : left;
    flex : none;
    position : relative;
    overflow : hidden
  }
  .blog-featured-badge {
    z-index : 30;
    grid-column-gap : .25em;
    grid-row-gap : .25em;
    border-radius : var(--radius-large);
    background-color : var(--color-3);
    color : var(--yellow-4);
    text-align : center;
    flex-direction : row;
    justify-content : center;
    align-items : center;
    padding : .6em 1.4em .6em .6em;
    display : flex;
    position : absolute;
    top : -1.2em;
    bottom : auto;
    left : 1em;
    right : auto;
    overflow : visible;
    box-shadow : 10px 20px 25px -7px rgba(31, 2,63, .3)
  }
  .blog-featured-badge-addon {
    width : 2em;
    height : 2em;
    background-color : var(--color-3);
    border-radius : 3px;
    position : absolute;
    top : auto;
    bottom : -.5em;
    left : 1.7em;
    right : auto;
    transform : rotate(45deg)
  }
  .blog-posts-wrapper {
    z-index : 10;
    width : 100%;
    max-width : 95em;
    justify-content : center;
    align-items : center;
    margin-left : auto;
    margin-right : auto;
    display : flex;
    position : relative
  }
  .blog-posts-dot-1 {
    z-index : 5;
    width : 4em;
    height : 4em;
    background-color : var(--color-14);
    border-radius : 50%;
    position : absolute;
    top : -5.6em;
    bottom : auto;
    left : -5.6em;
    right : auto
  }
  .blog-posts-dot-2 {
    z-index : 5;
    width : 2em;
    height : 2em;
    background-color : var(--green);
    border-radius : 50%;
    position : absolute;
    top : auto;
    bottom : 8.5em;
    left : auto;
    right : -6.4em
  }
  .blog-posts-icon-1 {
    z-index : 10;
    width : 5em;
    height : 5em;
    position : absolute;
    top : 9.1em;
    bottom : auto;
    left : auto;
    right : -11em
  }
  .blog-post-dot {
    width : .8em;
    height : .8em;
    background-color : var(--yellow-4);
    border-radius : 50%
  }
  .blog-posts-icon-2 {
    z-index : 10;
    width : 5em;
    height : 5em;
    position : absolute;
    top : auto;
    bottom : 8.9em;
    left : -11.8em;
    right : auto
  }
  .featured-article-background {
    z-index : 1;
    border-radius : var(--radius-medium);
    opacity : .5;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  .newslette-form-field {
    flex : 1;
    position : relative
  }
  .newsletter-field-border {
    z-index : 1;
    width : 100%;
    height : 100%;
    border : 1px solid var(--color-13);
    border-radius : var(--radius-50em);
    background-color : var(--color-10-opacity);
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : translateY(.6em)
  }
  .footer-contact-buttons-wrapper {
    z-index : 10;
    grid-column-gap : 1em;
    grid-row-gap : .5em;
    flex-wrap : wrap;
    justify-content : center;
    align-items : stretch;
    display : flex;
    position : relative
  }
  .subfooter-author-links {
    grid-column-gap : 2.5em;
    grid-row-gap : .25em;
    text-align : right;
    flex-wrap : wrap;
    justify-content : flex-end;
    align-items : center;
    display : flex
  }
  .event-hero-wrapper {
    width : 100%;
    max-width : var(--max-width);
    margin-bottom : 3.5em;
    margin-left : auto;
    margin-right : auto;
    position : relative
  }
  .event-hero-shadow-1 {
    z-index : 15;
    border-radius : var(--radius-medium);
    background-color : rgba(255, 255, 255, .8);
    border : 1px solid rgba(255, 255, 255, .95);
    margin-top : .6em;
    margin-bottom : .6em;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : rotate(1.5deg)
  }
  .event-hero-shadow-2 {
    z-index : 15;
    width : 94%;
    border-radius : var(--radius-medium);
    background-color : rgba(255, 255, 255, .5);
    border : 1px solid rgba(255, 255, 255, .95);
    margin-left : auto;
    margin-right : auto;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0;
    right : 0;
    transform : rotate(-1deg)
  }
  .event-hero {
    z-index : 20;
    width : 100%;
    border-radius : var(--radius-medium);
    background-color : var(--color-2);
    color : var(--white);
    flex-direction : column;
    justify-content : center;
    align-items : flex-start;
    display : flex;
    position : relative;
    overflow : hidden
  }
  .event-hero-layout {
    z-index : 10;
    width : 100%;
    max-width : 65em;
    grid-row-gap : 2.5em;
    text-align : left;
    flex-direction : column;
    justify-content : center;
    align-items : flex-start;
    margin-left : 12vw;
    padding-top : 18em;
    padding-bottom : 18em;
    display : flex;
    position : relative
  }
  .event-hero-button {
    z-index : 10;
    width : 100%;
    grid-column-gap : 1em;
    grid-row-gap : .5em;
    flex-wrap : wrap;
    justify-content : flex-start;
    align-items : center;
    display : flex;
    position : relative
  }
  .opacity-80 {
    opacity : .8
  }
  .event-hero-video {
    z-index : 1;
    width : 100%;
    height : 100%;
    opacity : .2;
    text-align : center;
    object-fit : cover;
    position : absolute
  }
  .event-hero-overlay-color {
    z-index : 2;
    background-image : linear-gradient(90deg, var(--color-3), rgba(61, 20, 109, .1));
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  .event-hero-subtitle {
    z-index : 10;
    grid-column-gap : 2em;
    grid-row-gap : .5em;
    flex-flow : wrap;
    justify-content : flex-start;
    align-items : center;
    display : flex;
    position : relative
  }
  .event-hero-subtitle-icon {
    z-index : 1;
    width : 20em;
    height : 20em;
    max-width : none;
    object-fit : contain;
    position : absolute;
    left : -13.2em
  }
  .achievement-icon-2 {
    z-index : 10;
    width : 3em;
    height : 3em;
    object-fit : contain;
    position : absolute;
    top : auto;
    bottom : -4.5em;
    left : auto;
    right : -2.9em
  }
  .achievement-dot-4 {
    z-index : 10;
    width : 1.5em;
    height : 1.5em;
    background-color : var(--green);
    border-radius : 50%;
    position : absolute;
    top : 2.6em;
    bottom : auto;
    left : auto;
    right : -5.5em
  }
  .achievement-dot-5 {
    z-index : 10;
    width : 2em;
    height : 2em;
    background-color : var(--yellow-1\<deleted\|variable-95b47a3b-4f68-b20c-8997-1efb1f0c8231\>);
    border-radius : 50%;
    position : absolute;
    top : -7.9em;
    bottom : auto;
    left : 5.3em;
    right : auto
  }
  .achievement-backgound-white-3 {
    border : 1px solid var(--white);
    border-radius : var(--radius-medium);
    background-color : var(--white);
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : rotate(-4deg)
  }
  .achievement-icon-3 {
    z-index : 10;
    width : 3em;
    height : 3em;
    object-fit : contain;
    position : absolute;
    top : auto;
    bottom : -6.8em;
    left : 4.8em;
    right : auto
  }
  .about-hero-wrapper {
    grid-column-gap : 2em;
    grid-row-gap : 2em;
    justify-content : center;
    align-items : center;
    padding-top : 1em;
    padding-bottom : 1em;
    display : flex
  }
  .about-hero-image {
    z-index : 10;
    width : 8em;
    height : 8em;
    border-radius : 50%;
    position : relative;
    overflow : hidden
  }
  .about-hero {
    z-index : 10;
    width : 100%;
    padding-top : 4em;
    padding-bottom : 4em;
    position : relative
  }
  .about-hero-line {
    height : 3em;
    grid-column-gap : .75em;
    grid-row-gap : .75em;
    background-image : url(../images/n7QPAUVF9rtG.png);
    background-position : 0%;
    background-repeat : repeat-x;
    background-size : contain;
    flex : 1;
    display : flex
  }
  .about-hero-images {
    grid-column-gap : .75em;
    grid-row-gap : .75em;
    flex : none;
    justify-content : space-between;
    align-items : center;
    display : flex
  }
  .about-hero-icon-1 {
    width : 15em;
    height : 8em;
    object-fit : cover
  }
  .span-green-waves {
    background-image : url(../images/w7cZBiwoF0Yw.png);
    background-position : 50% 100%;
    background-repeat : repeat-x;
    background-size : auto .4em
  }
  .about-hero-icon-2 {
    width : 8em;
    height : 8em;
    object-fit : cover
  }
  .tab-wrapper {
    grid-column-gap : 3.25em;
    grid-row-gap : 3.25em;
    border-radius : var(--radius-small);
    background-color : rgba(255, 255, 255, .35);
    border : 1px solid rgba(255, 255, 255, .9);
    flex-flow : column;
    justify-content : flex-start;
    align-items : center;
    padding : 5em;
    display : flex
  }
  .yellow-4 {
    width : 100%;
    background-color : var(--yellow-4)
  }
  .yellow-2 {
    width : 100%;
    background-color : var(--yellow-2)
  }
  .yellow-5 {
    width : 100%;
    background-color : var(--yellow-5)
  }
  .yellow-3 {
    width : 100%;
    background-color : var(--yellow-3)
  }
  .yellow-7 {
    width : 100%;
    background-color : var(--yellow-7)
  }
  .max-width-25 {
    z-index : 10;
    width : 100%;
    max-width : 25em;
    position : relative
  }
  .form-field-border {
    z-index : 1;
    width : 100%;
    height : 100%;
    border : 1px solid var(--color-8);
    border-radius : var(--radius-50em);
    background-color : var(--color-10-opacity);
    margin-top : .6em;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  .form-submit-button {
    z-index : 10;
    border-radius : var(--radius-50em);
    background-color : var(--color-3);
    color : var(--color-15);
    padding : 1.2em 2em;
    font-size : 1.8em;
    font-weight : 400;
    transition : background-color .2s;
    position : relative
  }
    .form-submit-button : hover {
    background-color : var(--color-2)
  }
    .form-submit-button : focus {
    background-color : var(--color-2);
    color : var(--color-10)
  }
  .form-button {
    z-index : 10;
    flex-flow : row;
    flex : none;
    justify-content : flex-start;
    align-self : flex-start;
    align-items : center;
    margin-top : 1.5em;
    display : flex;
    position : relative
  }
  .contact-form-wrapper {
    z-index : 10;
    max-width : 60em;
    grid-column-gap : 3em;
    grid-row-gap : 3em;
    border : 1px solid var(--yellow-4);
    border-radius : var(--radius-small);
    text-align : center;
    background-color : rgba(255, 255, 255, .5);
    flex-flow : column;
    justify-content : flex-start;
    align-items : center;
    margin-left : auto;
    margin-right : auto;
    padding : 5.5em 4em;
    display : flex;
    position : relative
  }
  .form-icon {
    width : 14em;
    height : 7em;
    object-fit : cover
  }
  .contact-form-shadow-left {
    width : 3em;
    height : 90%;
    border-style : solid;
    border-width : 1px 0 1px 1px;
    border-color : var(--yellow-4);
    border-top-left-radius : var(--radius-small);
    border-bottom-left-radius : var(--radius-small);
    opacity : .8;
    background-color : rgba(255, 255, 255, .33);
    margin-top : auto;
    margin-bottom : auto;
    position : absolute;
    top : 0;
    bottom : 0;
    left : -3.1em
  }
  .contact-form-shadow-left.is-2nd {
    height : 80%;
    opacity : .5;
    left : -6.1em
  }
  .contact-form-shadow-right {
    width : 3em;
    height : 90%;
    border-style : solid;
    border-width : 1px 1px 1px 0;
    border-color : var(--yellow-4);
    border-top-right-radius : var(--radius-small);
    border-bottom-right-radius : var(--radius-small);
    opacity : .8;
    background-color : rgba(255, 255, 255, .33);
    margin-top : auto;
    margin-bottom : auto;
    position : absolute;
    top : 0;
    bottom : 0;
    left : auto;
    right : -3.1em
  }
  .contact-form-shadow-right.is-2nd {
    height : 80%;
    opacity : .5;
    right : -6.1em
  }
  .contact-content-grid {
    grid-column-gap : 4em;
    grid-row-gap : 4em;
    grid-template-rows : auto;
    grid-template-columns : 1fr 1fr 1fr;
    grid-auto-columns : 1fr;
    display : grid
  }
  .gallery-lightbox-shadow {
    border : 1px solid var(--white);
    border-radius : var(--radius-medium);
    background-color : var(--yellow-4);
    opacity : .3;
    margin : -.5em;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : rotate(5deg)
  }
  .gallery-lightbox-shadow.is-3rd {
    background-color : #48f55f;
    margin-bottom : -1.1em;
    margin-left : -.2em;
    margin-right : -.2em;
    transform : rotate(2deg)
  }
  .gallery-lightbox-shadow.is-2nd {
    background-color : var(--color-6);
    margin : -.6em -.2em -.2em;
    transform : rotate(-4deg)
  }
  .gallery-lightbox-shadow.is-4th {
    background-color : var(--green);
    margin : -.3em;
    transform : rotate(-5deg)
  }
  .gallery-lightbox-shadow.is-white {
    background-color : rgba(255, 255, 255, .89)
  }
  .simple-hero-layout {
    grid-column-gap : 2em;
    grid-row-gap : 2em;
    flex-flow : column;
    justify-content : flex-start;
    align-items : flex-start;
    padding-top : 12em;
    padding-bottom : 12em;
    display : flex
  }
  .simple-hero-wrapper {
    width : 100%;
    max-width : var(--max-width);
    flex-flow : column;
    justify-content : flex-start;
    align-items : center;
    display : flex;
    position : relative;
    overflow : hidden
  }
  .simple-hero-shadow {
    z-index : 10;
    width : 94%;
    height : 1.5em;
    border-bottom-left-radius : var(--radius-small);
    border-bottom-right-radius : var(--radius-small);
    background-color : rgba(255, 255, 255, .7);
    border : 1px solid rgba(255, 255, 255, .9);
    border-top-width : 0;
    position : relative
  }
  .simple-hero-shadow.is-2nd {
    z-index : 9;
    width : 90%;
    background-color : rgba(255, 255, 255, .5)
  }
  .course-2-hero {
    width : 100%;
    max-width : var(--max-width);
    color : var(--white);
    margin-bottom : 5em;
    margin-left : auto;
    margin-right : auto;
    position : relative
  }
  .course-2-hero-flex {
    z-index : 20;
    width : 100%;
    border-radius : var(--radius-medium);
    background-color : var(--color-1);
    flex-direction : column;
    justify-content : center;
    align-items : center;
    display : flex;
    position : relative;
    overflow : hidden
  }
  .course-2-hero-layout {
    z-index : 10;
    width : 100%;
    max-width : 80em;
    grid-row-gap : 2.5em;
    text-align : center;
    flex-direction : column;
    justify-content : center;
    align-items : center;
    margin-left : auto;
    margin-right : auto;
    padding-top : 15em;
    padding-bottom : 15em;
    display : flex;
    position : relative
  }
  .course-2-hero-button {
    z-index : 10;
    width : 100%;
    grid-column-gap : 1em;
    grid-row-gap : .5em;
    flex-wrap : wrap;
    justify-content : center;
    align-items : center;
    display : flex;
    position : relative
  }
  .course-2-hero-background {
    z-index : 1;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  .cover-video {
    z-index : 1;
    width : 100%;
    height : 100%;
    text-align : center;
    object-fit : cover;
    position : absolute
  }
  .course-2-hero-overlay-color {
    z-index : 10;
    background-image : linear-gradient(135deg, var(--color-1), var(--color-3));
    opacity : .85;
    mix-blend-mode : multiply;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  .Projects-2 {
    width : 100%
  }
  .Projects-2-list {
    width : 100%;
    grid-column-gap : 3em;
    grid-row-gap : 3em;
    grid-template-rows : auto;
    grid-template-columns : 1fr 1fr 1fr;
    grid-auto-columns : 1fr;
    display : grid
  }
  .course-2-item {
    z-index : 10;
    width : 100%;
    border-radius : var(--radius-medium);
    text-align : left;
    background-color : rgba(255, 255, 255, .65);
    border : 1px solid #fff;
    flex-direction : column;
    justify-content : flex-start;
    align-items : center;
    transition : transform .5s cubic-bezier(.075, .82, .165, 1), box-shadow .4s, background-color .2s;
    display : flex;
    position : relative
  }
    .course-2-item : hover {
    background-color : var(--white);
    transform : translateY(-4px);
    box-shadow : 0 20px 25px -10px rgba(2, 59, 63, .25)
  }
  .course-2-features {
    grid-column-gap : 1.25em;
    grid-row-gap : .25em;
    flex-flow : wrap;
    justify-content : center;
    align-items : center;
    margin-bottom : 1em;
    display : flex
  }
  .course-2-title-link {
    width : 100%;
    max-width : 35em;
    color : var(--color-3)
  }
    .course-2-title-link : hover {
    color : var(--color-1)
  }
  .course-2-image-link {
    z-index : 10;
    width : 100%;
    height : 20em;
    border-radius : var(--radius-medium);
    text-align : left;
    position : relative
  }
  .course-2-badge-block {
    z-index : 10;
    grid-column-gap : .5em;
    grid-row-gap : .5em;
    border-radius : var(--radius-medium);
    color : var(--white);
    text-align : center;
    background-color : rgba(61, 20, 109, .8);
    flex-flow : row;
    justify-content : center;
    align-items : center;
    padding : .6em 1em .6em .6em;
    display : flex;
    position : relative;
    overflow : hidden
  }
  .course-2-badge-icon {
    width : 1em;
    height : 1em;
    object-fit : contain;
    font-size : 1.4em
  }
  .course-2-badge-icon.is-featured {
    opacity : 1
  }
  .course-2-badge-text {
    max-width : 5.2em;
    font-size : 1.2em;
    font-weight : 400;
    line-height : 1.1em
  }
  .course-2-content-wrapper {
    z-index : 10;
    width : 100%;
    grid-column-gap : 1.75em;
    grid-row-gap : 1.75em;
    text-align : center;
    flex-flow : column;
    justify-content : flex-start;
    align-items : center;
    padding : 3em 2em;
    display : flex;
    position : relative
  }
  .span-underline-light-2 {
    color : var(--white);
    background-image : url(../images/JQTwjEOJsVtx.png);
    background-position : 0 0;
    background-repeat : no-repeat;
    background-size : 100% 2em
  }
  .course-2-button {
    grid-column-gap : .75em;
    grid-row-gap : .75em;
    border : 1px solid var(--yellow-2);
    border-radius : var(--radius-50em);
    background-color : var(--yellow-6);
    color : var(--color-1);
    text-align : center;
    flex : none;
    justify-content : center;
    align-items : center;
    margin-top : auto;
    padding : 1em 1.8em;
    font-size : .9em;
    transition : border-color .2s, background-color .2s;
    display : flex
  }
    .course-2-button : hover {
    border-color : var(--color-1);
    background-color : var(--yellow-4)
  }
  .content-with-button {
    width : 100%;
    grid-column-gap : 1em;
    grid-row-gap : 1em;
    flex-flow : wrap;
    justify-content : space-between;
    align-items : center;
    display : flex
  }
  .content-flex {
    grid-column-gap : .5em;
    grid-row-gap : .5em;
    flex-flow : column;
    justify-content : flex-start;
    align-items : flex-start;
    display : flex
  }
  .course-3-hero {
    z-index : 20;
    width : 100%;
    max-width : var(--max-width);
    border-radius : var(--radius-medium);
    background-color : var(--color-2);
    color : var(--white);
    margin-left : auto;
    margin-right : auto;
    position : relative;
    overflow : hidden
  }
  .course-3-hero-layout {
    z-index : 10;
    width : 100%;
    min-height : 80vh;
    grid-row-gap : 8em;
    text-align : left;
    flex-direction : column;
    justify-content : flex-start;
    align-items : flex-start;
    padding-top : 8em;
    padding-bottom : 0;
    display : flex;
    position : relative
  }
  .course-3-hero-background {
    z-index : 1;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  .course-3-hero-overlay-color {
    z-index : 10;
    background-image : linear-gradient(135deg, var(--color-1), rgba(97, 23, 172, .66));
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  .course-3-hero-button {
    z-index : 10;
    width : 100%;
    grid-column-gap : 1em;
    grid-row-gap : .5em;
    flex-wrap : wrap;
    justify-content : flex-start;
    align-items : center;
    display : flex;
    position : relative
  }
  .course-3-hero-content {
    max-width : 40em;
    grid-column-gap : 2em;
    grid-row-gap : 2em;
    flex-flow : column;
    justify-content : flex-start;
    align-items : flex-start;
    margin-left : 8vw;
    display : flex
  }
  .Projects-3 {
    width : 100%;
    max-width : 130em;
    margin-left : auto;
    margin-right : auto
  }
  .Projects-3-list {
    width : 100%;
    grid-column-gap : 2em;
    grid-row-gap : 2em;
    flex-flow : column;
    grid-template-rows : auto auto;
    grid-template-columns : 1fr 1fr;
    grid-auto-columns : 1fr;
    display : flex
  }
  .course-3-item {
    z-index : 10;
    width : 100%;
    grid-column-gap : 2.5em;
    grid-row-gap : 2.5em;
    border : 1px solid var(--transparent);
    border-radius : var(--radius-medium);
    background-color : var(--white);
    color : var(--color-1);
    text-align : left;
    flex-flow : row;
    grid-template-rows : auto auto;
    grid-template-columns : 1fr 1fr;
    grid-auto-columns : 1fr;
    justify-content : space-between;
    align-items : flex-start;
    padding : 2em;
    transition : border-color .2s;
    display : flex;
    position : relative
  }
    .course-3-item : hover {
    border-color : rgba(45, 10, 85, .5)
  }
  .course-3-image-link {
    z-index : 10;
    width : 40%;
    border-radius : var(--radius-medium);
    text-align : left;
    position : relative
  }
  .course-3-content-wrapper {
    z-index : 10;
    width : 50%;
    grid-column-gap : 1.5em;
    grid-row-gap : 1.5em;
    text-align : center;
    flex-flow : row;
    flex : 1;
    justify-content : space-between;
    align-items : center;
    display : flex;
    position : relative
  }
  .course-3-title-link {
    width : 100%;
    max-width : 35em;
    color : var(--color-1)
  }
    .course-3-title-link : hover {
    color : var(--color-1)
  }
  .course-3-background {
    z-index : 1;
    border-radius : var(--radius-medium);
    opacity : .5;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  .Projects-tab-wrapper {
    grid-column-gap : 3.25em;
    grid-row-gap : 3.25em;
    text-align : center;
    flex-flow : column;
    justify-content : flex-start;
    align-items : center;
    display : flex
  }
  .max-width-40 {
    z-index : 10;
    width : 100%;
    max-width : 40em;
    position : relative
  }
  .simple-button {
    z-index : 10;
    grid-column-gap : 1.25em;
    grid-row-gap : 1.25em;
    border : 1px solid var(--yellow-4);
    border-radius : var(--radius-50em);
    background-color : var(--color-5);
    color : var(--white);
    justify-content : space-between;
    align-items : center;
    padding : 1.4em 1.7em;
    transition : color .2s, background-color .2s;
    display : flex;
    position : relative
  }
    .simple-button : hover {
    background-color : var(--color-3);
    color : var(--yellow-4)
  }
  .simple-button-dot {
    width : 1.2em;
    height : 1.2em;
    background-color : var(--yellow-4);
    border-radius : 4px;
    flex : none;
    transform : rotate(45deg)
  }
  .simple-button-text {
    font-size : 1.4em;
    line-height : 1.3em
  }
  .course-3-content {
    z-index : 10;
    grid-column-gap : 2em;
    grid-row-gap : 2em;
    border-radius : var(--radius-medium);
    background-color : rgba(255, 255, 255, .4);
    border : 1px solid rgba(255, 255, 255, .9);
    flex-flow : column;
    flex : 1;
    justify-content : center;
    align-self : stretch;
    align-items : center;
    padding : 4em 3em;
    display : flex;
    position : relative
  }
  .course-3-features {
    z-index : 1;
    grid-column-gap : 1.5em;
    grid-row-gap : 1.5em;
    flex-flow : column;
    justify-content : space-between;
    align-self : stretch;
    align-items : center;
    display : flex;
    position : relative
  }
  .course-3-feature {
    grid-column-gap : .75em;
    grid-row-gap : .75em;
    border-radius : var(--radius-medium);
    color : var(--color-3);
    text-align : left;
    background-color : rgba(255, 255, 255, .4);
    border : 1px solid rgba(255, 255, 255, .9);
    flex-flow : row;
    flex : 1;
    justify-content : flex-start;
    align-self : stretch;
    align-items : center;
    padding : 2em;
    display : flex
  }
  .course-3-feature-text {
    z-index : 20;
    text-align : left;
    letter-spacing : .05em;
    text-transform : uppercase;
    font-size : 1.1em;
    font-weight : 500;
    line-height : 1em;
    position : relative
  }
  .home-2-hero-icon {
    width : 14em;
    height : 8em;
    object-fit : cover
  }
  .home-2-hero {
    z-index : 20;
    width : 100%;
    max-width : var(--max-width);
    min-height : 85vh;
    grid-row-gap : 2em;
    text-align : center;
    flex-flow : column;
    justify-content : space-between;
    align-items : center;
    margin-left : auto;
    margin-right : auto;
    display : flex;
    position : relative;
    overflow : visible
  }
  .home-2-hero-bento-grid {
    z-index : 10;
    width : 100%;
    grid-column-gap : 2em;
    grid-row-gap : 2em;
    border-radius : var(--radius-medium);
    flex : 1;
    grid-template-rows : auto;
    grid-template-columns : 1fr 1fr;
    grid-auto-columns : 1fr;
    display : grid;
    position : relative;
    overflow : visible
  }
  .home-2-title-block {
    z-index : 10;
    width : 100%;
    grid-row-gap : 2.5em;
    border-radius : var(--radius-medium);
    background-color : var(--color-3);-webkit-backdrop-filter : blur(15px);
    backdrop-filter : blur(15px);
    text-align : center;
    flex-flow : row;
    justify-content : space-around;
    align-items : center;
    padding : 8em 12em;
    display : flex;
    position : relative;
    overflow : hidden
  }
  .slider-timeline {
    z-index : 20;
    width : 10em;
    height : .6em;
    border-radius : var(--radius-large);
    background-color : rgba(72, 245, 193, .15);
    border : 1px solid rgba(72, 245, 193, .5);
    position : absolute;
    top : 3em;
    bottom : auto;
    left : 3em;
    right : auto;
    overflow : hidden
  }
  .slider-timeline.is-relative {
    position : relative;
    top : auto;
    left : auto
  }
  .slider-timeline-color {
    z-index : 5;
    background-color : var(--green);
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  .home-2-hero-slider {
    z-index : 10;
    width : 100%;
    min-height : 30em;
    border-radius : var(--radius-medium);
    position : relative;
    overflow : hidden
  }
  .home-2-hero-content {
    z-index : 10;
    width : 100%;
    grid-column-gap : 2em;
    grid-row-gap : 2em;
    border-radius : var(--radius-medium);
    background-color : rgba(255, 255, 255, .5);
    border : 1px solid rgba(255, 255, 255, .7);
    flex-flow : column;
    justify-content : center;
    align-items : center;
    padding : 4em 8em;
    display : flex;
    position : relative;
    overflow : hidden
  }
  .home-2-hero-grid {
    grid-column-gap : 2em;
    grid-row-gap : 2em;
    grid-template-rows : auto auto;
    grid-template-columns : 1fr 1fr;
    grid-auto-columns : 1fr;
    display : grid;
    overflow : visible
  }
  .home-2-hero-image {
    z-index : 10;
    width : 100%;
    border-radius : var(--radius-medium);
    background-color : rgba(255, 255, 255, .3);
    position : relative;
    overflow : hidden
  }
  .hero-achievement-block {
    grid-row-gap : .75em;
    border : 1px solid var(--white);
    border-radius : var(--radius-medium);
    background-color : rgba(255, 255, 255, .4);
    flex-direction : column;
    justify-content : center;
    align-items : center;
    padding : 5em 2.5em;
    display : flex;
    position : relative
  }
  .hero-achievement-number {
    z-index : 10;
    font-size : 6em;
    font-weight : 600;
    line-height : 1em;
    position : relative
  }
  .hero-achievement-paragraph {
    z-index : 10;
    max-width : 6em;
    text-align : center;
    font-size : 2em;
    line-height : 1.2em;
    position : relative
  }
  .span-semibold {
    font-weight : 600
  }
  .blog-posts-2 {
    width : 100%
  }
  .blog-posts-2-list {
    grid-column-gap : 4em;
    grid-row-gap : 4em;
    grid-template-rows : auto;
    grid-template-columns : 1fr 1fr 1fr;
    grid-auto-columns : 1fr;
    display : grid
  }
  .blog-post-2-item {
    z-index : 10;
    border : 1px solid var(--transparent);
    border-radius : var(--radius-medium);
    text-align : left;
    flex-direction : column;
    justify-content : flex-start;
    align-items : center;
    padding : 0;
    transition : border-color .2s, background-color .2s;
    display : flex;
    position : relative;
    overflow : visible
  }
    .blog-post-2-item : hover {
    background-color : rgba(255, 255, 255, .5);
    border-color : #fff
  }
  .blog-post-2-content {
    grid-column-gap : 2em;
    grid-row-gap : 2em;
    text-align : center;
    flex-flow : column;
    justify-content : flex-start;
    align-items : center;
    padding : 3em 2.5em;
    display : flex
  }
  .blog-post-2-image {
    z-index : 10;
    width : 100%;
    height : 20em;
    position : relative;
    overflow : visible
  }
  .text-link-block {
    grid-column-gap : 1em;
    grid-row-gap : 1em;
    justify-content : flex-start;
    align-items : center;
    font-size : 1.2em;
    transition : color .2s;
    display : flex
  }
    .text-link-block : hover {
    color : var(--color-1)
  }
  .text-link-yellow-dot {
    z-index : 10;
    width : .9em;
    height : .9em;
    background-color : var(--yellow-4);
    border-radius : 4px;
    position : relative;
    transform : rotate(45deg)
  }
  .text-link-name {
    z-index : 10;
    font-size : 1.3em;
    font-weight : 500;
    line-height : 1.1em;
    position : relative
  }
  .blog-2-featured {
    z-index : 30;
    grid-column-gap : .25em;
    grid-row-gap : .25em;
    border-radius : var(--radius-large);
    background-color : var(--color-3);
    color : var(--white);
    text-align : center;
    flex-direction : row;
    justify-content : center;
    align-items : center;
    padding : .6em 1.4em .6em .6em;
    font-size : .9em;
    display : flex;
    position : absolute;
    top : -1.2em;
    bottom : auto;
    left : 1em;
    right : auto;
    overflow : visible;
    box-shadow : 10px 20px 25px -7px rgba(31, 2,63, .3)
  }
  .blog-2-featured-addon {
    width : 2em;
    height : 2em;
    background-color : var(--color-3);
    border-radius : 3px;
    position : absolute;
    top : auto;
    bottom : -.5em;
    left : 1.7em;
    right : auto;
    transform : rotate(45deg)
  }
  .about-grid-shadow {
    z-index : 1;
    border-radius : var(--radius-medium);
    background-color : rgba(255, 255, 255, .1);
    border : 1px solid rgba(255, 255, 255, .5);
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : rotate(2deg)
  }
  .about-grid-shadow.is-2nd {
    transform : rotate(-3deg)
  }
  .about-2-hero {
    width : 100%;
    max-width : var(--max-width);
    margin-bottom : 5em;
    margin-left : auto;
    margin-right : auto;
    position : relative
  }
  .about-2-hero-flex {
    z-index : 20;
    width : 100%;
    border-radius : var(--radius-medium);
    background-color : var(--color-1);
    color : var(--white);
    flex-direction : column;
    justify-content : center;
    align-items : center;
    display : flex;
    position : relative;
    overflow : hidden
  }
  .about-2-hero-layout {
    z-index : 10;
    width : 100%;
    max-width : 80em;
    min-height : 80vh;
    grid-row-gap : 5em;
    text-align : center;
    flex-direction : column;
    justify-content : center;
    align-items : center;
    margin-left : auto;
    margin-right : auto;
    padding-top : 15em;
    padding-bottom : 15em;
    display : flex;
    position : relative
  }
  .about-2-hero-button {
    z-index : 10;
    width : 100%;
    grid-column-gap : 1em;
    grid-row-gap : .5em;
    flex-wrap : wrap;
    justify-content : center;
    align-items : center;
    display : flex;
    position : relative
  }
  .about-2-large-icon {
    z-index : 3;
    height : 100%;
    opacity : .15;
    position : absolute;
    top : auto;
    bottom : -50%;
    left : auto;
    right : auto
  }
  .about-2-hero-background {
    z-index : 1;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  .about-2-hero-overlay-color {
    z-index : 10;
    background-image : linear-gradient(135deg, var(--color-1), rgba(39, 5,73, .6));
    opacity : .9;
    mix-blend-mode : multiply;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  .about-2-hero-shadow-1 {
    z-index : 15;
    border-radius : var(--radius-medium);
    background-color : rgba(255, 255, 255, .8);
    border : 1px solid rgba(255, 255, 255, .95);
    margin-top : .6em;
    margin-bottom : .6em;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : rotate(1.5deg)
  }
  .about-2-hero-shadow-2 {
    z-index : 15;
    border-radius : var(--radius-medium);
    background-color : rgba(255, 255, 255, .5);
    border : 1px solid rgba(255, 255, 255, .95);
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : translateY(.9em)rotate(-1deg)
  }
  .home-3-hero {
    z-index : 20;
    width : 100%;
    max-width : var(--max-width);
    border-radius : var(--radius-medium);
    background-color : var(--color-2);
    color : var(--white);
    margin-left : auto;
    margin-right : auto;
    position : relative;
    overflow : hidden
  }
  .home-3-hero-layout {
    z-index : 10;
    width : 100%;
    min-height : 80vh;
    grid-row-gap : 8em;
    text-align : left;
    flex-direction : column;
    justify-content : flex-end;
    align-items : flex-start;
    padding-top : 18em;
    padding-bottom : 15em;
    display : flex;
    position : relative
  }
  .home-3-hero-background {
    z-index : 1;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  .home-3-hero-overlay-color {
    z-index : 10;
    background-image : linear-gradient(45deg, var(--color-1)15%, rgba(76, 33, 124, .6) 80%);
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  .home-3-hero-content {
    max-width : 50em;
    grid-column-gap : 3em;
    grid-row-gap : 3em;
    flex-flow : column;
    justify-content : flex-start;
    align-items : flex-start;
    margin-left : 8vw;
    display : flex
  }
  .about-3-hero-icon {
    width : 14em;
    height : 8em;
    object-fit : contain
  }
  .about-3-block {
    z-index : 10;
    grid-column-gap : 5em;
    grid-row-gap : 5em;
    border-radius : var(--radius-medium);
    color : var(--color-3);
    background-color : #37b856;
    flex-flow : column;
    justify-content : space-between;
    align-items : flex-start;
    padding : 6em 5em;
    display : flex;
    position : relative;
    overflow : hidden
  }
  .about-3-block.is-2nd {
    grid-column-gap : 7em;
    grid-row-gap : 7em;
    background-color : var(--white);
    flex-flow : row;
    justify-content : center;
    align-items : center;
    padding-left : 8em;
    padding-right : 8em
  }
  .about-3-block.is-3rd {
    background-color : var(--white);
    flex-flow : row;
    justify-content : space-between;
    align-items : center;
    padding-left : 8em;
    padding-right : 8em
  }
  .about-3-block.is-4th {
    background-color : var(--color-4);
    color : var(--white)
  }
  .about-3-grid {
    width : 100%;
    grid-column-gap : 2em;
    grid-row-gap : 2em;
    grid-template-rows : auto;
    grid-template-columns : 1fr 1fr 1fr;
    grid-auto-columns : 1fr;
    align-items : stretch;
    justify-items : stretch;
    display : grid
  }
  .icon-element-1 {
    z-index : 10;
    width : 7em;
    height : 7em;
    object-fit : contain;
    position : relative
  }
  .about-3-content-wrapper-2 {
    grid-column-gap : 2em;
    grid-row-gap : 2em;
    flex-flow : column;
    justify-content : flex-start;
    align-items : flex-start;
    display : flex
  }
  .about-3-icon-2 {
    width : 8em;
    height : 5em;
    object-fit : cover;
    flex : none
  }
  .about-3-icon-block {
    width : 100%;
    grid-column-gap : 1.5em;
    grid-row-gap : 1.5em;
    flex-flow : wrap;
    justify-content : space-between;
    align-items : center;
    display : flex
  }
  .achievment-text-number {
    font-size : 4em;
    font-weight : 600;
    line-height : 1em
  }
  .achievment-text {
    font-size : 1.6em;
    line-height : 1.3em
  }
  .home-3-about-achievment {
    width : 100%;
    border-radius : var(--radius-medium);
    background-color : var(--color-2);
    color : var(--white);
    text-align : center;
    flex-flow : column;
    flex : 1;
    justify-content : center;
    align-self : stretch;
    align-items : center;
    padding : 2.5em 2em;
    display : flex
  }
  .home-3-about-achievment.is-2nd {
    background-color : var(--color-3)
  }
  .home-3-about-achievment.is-3rd {
    background-color : var(--color-5)
  }
  .home-3-about-grid {
    width : 100%;
    max-width : 120em;
    grid-column-gap : 2em;
    grid-row-gap : 2em;
    grid-template-rows : auto;
    grid-template-columns : 1fr 1fr .5fr;
    grid-auto-columns : 1fr;
    align-items : stretch;
    justify-items : stretch;
    margin-left : auto;
    margin-right : auto;
    display : grid
  }
  .home-3-about-block {
    z-index : 10;
    grid-column-gap : 5em;
    grid-row-gap : 5em;
    border-radius : var(--radius-medium);
    background-color : #37b856;
    flex-flow : column;
    justify-content : space-between;
    align-items : flex-start;
    padding : 6em 5em;
    display : flex;
    position : relative;
    overflow : hidden
  }
  .home-3-about-block.is-2nd {
    background-color : var(--white);
    justify-content : center;
    align-items : center;
    overflow : visible
  }
  .home-3-about-block.is-3th {
    grid-column-gap : 2em;
    grid-row-gap : 2em;
    background-color : var(--transparent);
    justify-content : space-between;
    align-items : center;
    padding : 0
  }
  .home-3-about-block.with-element {
    overflow : visible
  }
  .about-3-content-wrapper {
    width : 100%;
    max-width : 31em;
    grid-column-gap : 2em;
    grid-row-gap : 2em;
    flex-flow : column;
    justify-content : center;
    align-items : flex-start;
    display : flex
  }
  .about-3-content-with-lists {
    width : 100%;
    max-width : 35em;
    grid-column-gap : 2em;
    grid-row-gap : 2em;
    flex-flow : column;
    justify-content : space-between;
    align-self : stretch;
    align-items : flex-start;
    display : flex
  }
  .about-3-image {
    z-index : 10;
    flex : 1;
    align-self : stretch;
    position : relative
  }
  .icon-element-4 {
    width : 30em;
    height : 30em;
    max-width : none;
    object-fit : contain;
    flex : none;
    position : absolute;
    top : -13.8em;
    bottom : auto;
    left : -13.8em;
    right : auto
  }
  .info-badge-number {
    font-size : 3.5em;
    font-weight : 600;
    line-height : 1em
  }
  .info-badge-text {
    opacity : .8;
    font-size : 1.4em;
    font-weight : 400;
    line-height : 1.1em
  }
  .footer-brand-badge {
    background-color : var(--yellow-4);
    color : var(--yellow-1);
    text-align : center;
    border-radius : 8px;
    padding : .3em .5em;
    font-size : 1.2em;
    font-weight : 500;
    line-height : 1.3em;
    position : relative;
    left : -.5em
  }
  .testimonial-image {
    width : 8em;
    height : 8em;
    text-align : left;
    border-radius : 50%;
    position : relative;
    overflow : hidden
  }
  .about-3-icon-1 {
    z-index : 10;
    width : 7em;
    height : 7em;
    object-fit : contain;
    position : relative
  }
  .simple-hero-title-block {
    grid-column-gap : 3.5em;
    grid-row-gap : 3.5em;
    flex-flow : row;
    justify-content : flex-start;
    align-items : center;
    padding-left : .4em;
    display : flex
  }
  .simple-hero-dot {
    width : 2em;
    height : 2em;
    background-color : var(--yellow-4);
    border-radius : 4px;
    flex : none;
    transform : rotate(45deg)
  }
  .featured-article-categories {
    z-index : 10;
    grid-column-gap : .75em;
    grid-row-gap : .5em;
    text-align : center;
    flex-flow : wrap;
    justify-content : center;
    align-items : center;
    display : flex;
    position : relative
  }
  .course-detail-button {
    z-index : 10;
    grid-row-gap : 2.5em;
    border-radius : var(--radius-medium);
    background-color : var(--color-3);
    color : var(--yellow-7);
    flex-direction : column;
    justify-content : center;
    align-items : center;
    padding : 5em 2.5em;
    transition : background-color .2s;
    display : flex;
    position : relative;
    overflow : visible
  }
    .course-detail-button : hover {
    background-color : var(--color-1)
  }
  .course-cms-hero {
    z-index : 20;
    width : 100%;
    max-width : var(--max-width);
    grid-row-gap : 4em;
    text-align : center;
    flex-flow : column;
    justify-content : space-between;
    align-items : center;
    margin-bottom : 4em;
    margin-left : auto;
    margin-right : auto;
    display : flex;
    position : relative;
    overflow : visible
  }
  .course-cms-hero-title-wrapper {
    z-index : 10;
    width : 100%;
    grid-column-gap : 3em;
    grid-row-gap : 3em;
    border-radius : var(--radius-medium);-webkit-backdrop-filter : blur(15px);
    backdrop-filter : blur(15px);
    color : var(--color-3);
    text-align : center;
    background-color : rgba(255, 255, 255, .5);
    border : 1px solid rgba(255, 255, 255, .9);
    flex-flow : row;
    grid-template-rows : auto;
    grid-template-columns : 1fr 2.75fr 1fr;
    grid-auto-columns : 1fr;
    justify-content : space-around;
    align-items : center;
    padding : 8em 12em;
    display : grid;
    position : relative;
    overflow : hidden
  }
  .course-cms-hero-bento-grid {
    z-index : 10;
    width : 100%;
    grid-column-gap : 4em;
    grid-row-gap : 4em;
    border-radius : var(--radius-medium);
    flex : 1;
    grid-template-rows : auto auto;
    grid-template-columns : .75fr .75fr 1fr 1fr;
    grid-auto-columns : 1fr;
    display : grid;
    position : relative;
    overflow : visible
  }
  .course-cms-hero-content {
    z-index : 10;
    width : 100%;
    grid-column-gap : 4em;
    grid-row-gap : 4em;
    border-radius : var(--radius-medium);
    text-align : left;
    background-color : rgba(255, 255, 255, .5);
    border : 1px solid rgba(255, 255, 255, .7);
    flex-flow : row;
    grid-template-rows : auto auto;
    grid-template-columns : 1fr 1fr;
    grid-auto-columns : 1fr;
    justify-content : space-around;
    align-items : center;
    padding : 5.5em 6em;
    display : flex;
    position : relative;
    overflow : hidden
  }
  .course-detail-button-text {
    z-index : 10;
    max-width : 9em;
    text-align : center;
    text-transform : uppercase;
    font-size : 2em;
    font-weight : 600;
    line-height : 1.2em;
    position : relative
  }
  .course-cms-hero-flex {
    width : 100%;
    max-width : 30em;
    grid-column-gap : 3em;
    grid-row-gap : 3em;
    flex-flow : column;
    justify-content : flex-start;
    align-items : flex-start;
    display : flex
  }
  .event-hero-bg-icon-large {
    z-index : 1;
    width : 60vw;
    height : 60vw;
    opacity : .25;
    object-fit : contain;
    flex : none;
    position : absolute;
    right : -8.5vw
  }
  .event-hero-dot {
    width : 1.2em;
    height : 1.2em;
    background-color : var(--yellow-4);
    border-radius : 4px;
    flex : none;
    transform : rotate(45deg)
  }
  .audience-image {
    width : 10em;
    height : 10em;
    text-align : left;
    border-radius : 50%;
    position : relative;
    overflow : hidden
  }
  .audience-title {
    font-size : 2em;
    font-weight : 600
  }
  .event-large-description {
    max-width : 31em;
    margin-bottom : .5em;
    font-size : 3em;
    font-weight : 400;
    line-height : 1.6em
  }
  .icon-element-2 {
    z-index : 10;
    width : 16em;
    height : 8em;
    object-fit : cover;
    position : relative
  }
  .course-cms-hero-title-block {
    z-index : 10;
    grid-column-gap : 1em;
    grid-row-gap : 1em;
    flex-flow : column;
    justify-content : center;
    align-items : center;
    display : flex;
    position : relative
  }
  .course-detail-text {
    z-index : 10;
    font-size : 2em;
    line-height : 1.2em;
    position : relative
  }
  .course-detail-text.is-1st {
    font-weight : 600
  }
  .course-cms-description {
    font-size : 2.3em;
    font-weight : 500
  }
  .overview-hero-images {
    z-index : 10;
    width : 100%;
    max-width : var(--max-width);
    grid-row-gap : 12em;
    flex-direction : column;
    flex : 1;
    justify-content : center;
    align-items : center;
    padding : 10em 8vw 15em;
    display : flex;
    position : relative;
    overflow : hidden
  }
  .overview-hero-content {
    z-index : 20;
    max-width : 91em;
    grid-row-gap : 1em;
    text-align : center;
    flex-direction : column;
    justify-content : flex-start;
    align-items : center;
    margin-left : auto;
    margin-right : auto;
    padding-top : 4em;
    display : flex;
    position : relative
  }
  .overview-hero-paragraph {
    max-width : 40em;
    margin-bottom : .7em;
    font-size : 2em;
    font-weight : 400;
    line-height : 1.5em
  }
  .overview-hero-image {
    z-index : 10;
    width : 100%;
    height : 80em;
    border-radius : var(--radius-medium);
    flex-direction : column;
    justify-content : space-between;
    align-items : stretch;
    display : flex;
    position : relative;
    overflow : visible
  }
  .overview-hero-image-shadow-1 {
    z-index : 7;
    border-radius : var(--radius-medium);
    background-color : rgba(255, 255, 255, .5);
    border : 1px solid rgba(255, 255, 255, .9);
    margin : 1.5em;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : rotate(-4deg)
  }
  .overview-hero-image-shadow-2 {
    z-index : 8;
    border-radius : var(--radius-medium);
    background-color : rgba(255, 255, 255, .35);
    border : 1px solid rgba(255, 255, 255, .9);
    margin : .5em 1.5em;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : rotate(2deg)
  }
  .span-underline-purple {
    color : var(--color-1);
    background-image : url(../images/t2ThD8sXmYTP.png);
    background-position : 0 100%;
    background-repeat : repeat-x;
    background-size : auto .5em
  }
  .course-details-grid {
    width : 100%;
    grid-column-gap : 4em;
    grid-row-gap : 4em;
    grid-template-rows : auto;
    grid-template-columns : 1fr 1fr 1fr 1fr;
    grid-auto-columns : 1fr;
    margin-left : auto;
    margin-right : auto;
    display : grid
  }
  .course-detail-block {
    grid-row-gap : 1.5em;
    border : 1px solid var(--white);
    border-radius : var(--radius-medium);
    text-align : center;
    flex-direction : column;
    justify-content : center;
    align-items : center;
    padding : 3em;
    display : flex;
    position : relative
  }
  .course-detail-block.is-2nd {
    background-color : rgba(255, 255, 255, .5)
  }
  .course-detail-block.is-3rd {
    background-color : rgba(255, 255, 255, .3)
  }
  .course-detail-background-3 {
    border-radius : var(--radius-medium);
    background-color : var(--yellow-4);
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : rotate(-3deg)
  }
  .course-detail-background-1 {
    border-radius : var(--radius-medium);
    background-color : rgba(245, 199, 72, .3);
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : rotate(-4deg)
  }
  .course-detail-background-2 {
    border-radius : var(--radius-medium);
    background-color : rgba(245, 199, 72, .6);
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : rotate(4deg)
  }
  .course-detail-icon {
    z-index : 10;
    width : 3em;
    height : 3em;
    object-fit : contain;
    position : absolute;
    top : auto;
    bottom : -5.3em;
    left : auto;
    right : -1.9em
  }
  .course-detail-icon-2 {
    z-index : 10;
    width : 3em;
    height : 3em;
    object-fit : contain;
    position : absolute;
    top : -5.2em;
    bottom : auto;
    left : auto;
    right : -4.8em
  }
  .course-cms-hero-detail {
    grid-row-gap : .75em;
    border : 1px solid var(--white);
    border-radius : var(--radius-medium);
    text-align : center;
    flex-direction : column;
    justify-content : center;
    align-items : center;
    padding : 3em;
    display : flex;
    position : relative
  }
  .course-cms-hero-detail.is-yellow {
    background-color : rgba(255, 255, 255, .5)
  }
  .course-cms-hero-detail.is-purple {
    background-color : rgba(255, 255, 255, .3)
  }
  .course-cms-hero-image-1 {
    z-index : 10;
    width : 100%;
    min-height : 18em;
    border-radius : var(--radius-medium);
    border : 1px solid rgba(255, 255, 255, .8);
    position : relative;
    overflow : hidden
  }
  .course-cms-hero-detail-text {
    z-index : 10;
    font-size : 2em;
    line-height : 1.2em;
    position : relative
  }
  .course-cms-hero-detail-text.is-1st {
    font-weight : 600
  }
  .course-cms-hero-icon {
    width : 8em;
    height : 3em;
    object-fit : cover
  }
  .course-cms-hero-small-title {
    z-index : 10;
    background-image : url(../images/pUexj2hw5an9.png);
    background-position : 50% 100%;
    background-repeat : no-repeat;
    background-size : contain;
    font-size : 2.3em;
    line-height : 1.7em;
    position : relative
  }
  .instructor-bio-grid {
    width : 100%;
    grid-column-gap : 4em;
    grid-row-gap : 4em;
    grid-template-rows : auto;
    grid-template-columns : .5fr 1fr;
    grid-auto-columns : 1fr;
    align-items : stretch;
    justify-items : stretch;
    display : grid
  }
  .instructor-bio-image {
    z-index : 10;
    width : 100%;
    border-radius : var(--radius-medium);
    text-align : left;
    position : relative;
    overflow : hidden
  }
  .instructor-bio-content {
    z-index : 10;
    width : 100%;
    grid-column-gap : 5em;
    grid-row-gap : 5em;
    border : 1px solid var(--white);
    border-radius : var(--radius-medium);
    background-color : var(--white);
    flex-flow : column;
    justify-content : space-between;
    align-items : flex-start;
    padding : 6.5em;
    display : flex;
    position : relative;
    overflow : hidden
  }
  .simple-hero-description {
    max-width : 50em;
    grid-column-gap : 2em;
    grid-row-gap : 2em;
    flex-flow : column;
    justify-content : flex-start;
    align-items : flex-start;
    padding-left : 6.4em;
    display : flex
  }
  .simple-hero-button {
    font-size : .8em
  }
  .product-description {
    color : var(--color-5);
    font-size : 5.5em;
    font-weight : 200;
    line-height : 1.2em
  }
  .product-description-dot {
    width : 2em;
    height : 2em;
    background-color : var(--color-5);
    border-radius : 4px;
    flex : none;
    margin-top : 2.6em;
    transform : rotate(45deg)
  }
  .product-description-block {
    width : 100%;
    grid-column-gap : 7.5em;
    grid-row-gap : 7.5em;
    flex-flow : row;
    justify-content : flex-start;
    align-items : flex-start;
    margin-bottom : 4em;
    display : flex
  }
  .orange-line {
    width : 1px;
    background-color : var(--color-7);
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : auto;
    right : 0%
  }
  .orange-line.is-left {
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : auto
  }
  .orange-divider {
    width : 100%;
    height : 1px;
    background-color : var(--color-7);
    margin-top : 6em;
    margin-bottom : 4em
  }
  .additional-product-content {
    grid-column-gap : 1em;
    grid-row-gap : 1em;
    flex-flow : column;
    justify-content : flex-start;
    align-items : flex-start;
    margin-right : auto;
    display : flex
  }
  .additional-product-price {
    grid-row-gap : .5em;
    border : 1px solid var(--yellow-4);
    border-radius : var(--radius-small);
    text-align : left;
    background-color : rgba(248, 234, 195, .2);
    flex-direction : column;
    justify-content : center;
    align-self : stretch;
    align-items : center;
    padding : 1em 1.3em;
    font-size : .9em;
    display : flex
  }
  .additional-product-details {
    grid-column-gap : 1.25em;
    grid-row-gap : 1.25em;
    flex-flow : row;
    justify-content : flex-start;
    align-items : center;
    display : flex
  }
  .product-title-link-dot {
    width : 1.2em;
    height : 1.2em;
    border : 1px solid var(--color-3);
    background-color : rgba(255, 255, 255, .55);
    border-radius : 4px;
    flex : none;
    position : absolute;
    left : -4.3em;
    transform : rotate(45deg)
  }
  .featured-product-image-block {
    width : 100%;
    overflow : hidden
  }
  .product-badges {
    grid-column-gap : .75em;
    grid-row-gap : .25em;
    flex-flow : wrap;
    justify-content : flex-start;
    align-items : center;
    display : flex
  }
  .product-badge-block {
    grid-column-gap : .75em;
    grid-row-gap : .75em;
    border-radius : var(--radius-50em);
    background-color : var(--color-5);
    color : var(--white);
    flex-flow : row;
    justify-content : flex-start;
    align-items : center;
    padding : .6em .9em .6em .7em;
    display : flex
  }
  .product-badge-block.is-sale {
    background-color : var(--orange);
    color : var(--white)
  }
  .product-badge-dot {
    width : .8em;
    height : .8em;
    background-color : var(--yellow-4);
    border-radius : 50%;
    flex : none;
    position : relative
  }
  .product-badge-dot.is-sale {
    background-color : var(--white)
  }
  .product-badge-text {
    z-index : 20;
    letter-spacing : 0;
    text-transform : uppercase;
    font-size : 1.1em;
    font-weight : 400;
    line-height : 1em;
    position : relative
  }
  .product-badge-text.is-sale {
    font-weight : 500
  }
  .apple-pay-2, .pay-with-browser {
    border-radius : var(--radius-50em)
  }
  .password-submit-button {
    z-index : 10;
    border-radius : var(--radius-50em);
    background-color : var(--color-3);
    color : var(--white);
    padding : 1.1em 1.6em;
    font-size : 1.5em;
    font-weight : 400;
    transition : background-color .2s;
    position : relative
  }
    .password-submit-button : hover {
    background-color : var(--color-2)
  }
    .password-submit-button : focus {
    background-color : var(--color-2);
    color : var(--color-10)
  }
  ._404-hero {
    z-index : 20;
    width : 100%;
    max-width : var(--max-width);
    flex-direction : column;
    justify-content : center;
    align-items : center;
    margin-top : 2em;
    margin-left : auto;
    margin-right : auto;
    display : flex;
    position : relative;
    overflow : visible
  }
  ._404-hero-layout {
    z-index : 10;
    width : 100%;
    grid-row-gap : 7.5em;
    border-radius : var(--radius-medium);
    background-image : linear-gradient(135deg, rgba(255, 255, 255, .7), var(--transparent));
    border : 1px solid rgba(255, 255, 255, .9);
    flex-direction : column;
    flex : 1;
    justify-content : center;
    align-items : center;
    padding : 10em 8vw 15em;
    display : flex;
    position : relative;
    overflow : hidden
  }
  ._404-hero-content {
    z-index : 20;
    max-width : 62em;
    grid-row-gap : 1.75em;
    text-align : center;
    flex-direction : column;
    justify-content : flex-start;
    align-items : center;
    display : flex;
    position : relative
  }
  ._404-hero-image {
    z-index : 10;
    width : 100%;
    height : 80em;
    border-radius : var(--radius-medium);
    flex-direction : column;
    justify-content : space-between;
    align-items : stretch;
    display : flex;
    position : relative;
    overflow : visible
  }
  ._404-hero-image-shadow-1 {
    z-index : 7;
    border-radius : var(--radius-medium);
    background-color : rgba(255, 255, 255, .5);
    border : 1px solid rgba(255, 255, 255, .9);
    margin : 1.5em;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : rotate(-5deg)
  }
  ._404-hero-image-shadow-2 {
    z-index : 8;
    border-radius : var(--radius-medium);
    background-color : rgba(255, 255, 255, .35);
    border : 1px solid rgba(255, 255, 255, .9);
    margin : 1.5em;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : rotate(2deg)
  }
  .search-form-field {
    z-index : 10;
    width : 100%;
    grid-column-gap : 1em;
    grid-row-gap : 1em;
    flex-flow : row;
    justify-content : flex-start;
    align-items : center;
    display : flex;
    position : relative
  }
  .search-text-field {
    z-index : 5;
    width : 100%;
    min-height : 3em;
    border : 1px solid var(--color-5);
    border-radius : var(--radius-50em);
    color : var(--color-2);
    text-align : left;
    background-color : rgba(255, 255, 255, .5);
    margin-bottom : 0;
    padding : .5em 1.5em .5em 7em;
    font-size : 2em;
    font-weight : 400;
    transition : background-color .2s, border-color .2s;
    position : relative
  }
    .search-text-field : hover {
    border-color : var(--color-1);
    background-color : rgba(255, 255, 255, .8)
  }
    .search-text-field : active, .search-text-field : focus {
    border-color : var(--color-3);
    background-color : rgba(255, 255, 255, .8)
  }
    .search-text-field : :-ms-input-placeholder {
    color : var(--color-5);
    font-size : 1em
  }
    .search-text-field : :placeholder {
    color : var(--color-5);
    font-size : 1em
  }
  .search-field-label {
    z-index : 7;
    border : 1px solid var(--yellow-3);
    border-radius : var(--radius-50em);
    background-color : var(--yellow-4);
    text-align : center;
    margin-bottom : 0;
    padding : .3em .8em;
    font-size : 1.4em;
    font-weight : 400;
    line-height : 1.1em;
    position : absolute;
    top : 1.3em;
    left : 1.2em
  }
  .about-overview-wrapper {
    width : 100%;
    grid-row-gap : 5vh;
    flex-direction : column;
    justify-content : flex-start;
    display : flex
  }
  .about-overview-links {
    z-index : 20;
    grid-column-gap : 1em;
    flex-direction : row;
    justify-content : center;
    align-items : center;
    display : flex;
    position : -webkit-sticky;
    position : sticky;
    top : 6vh
  }
  .about-overview-block {
    z-index : 10;
    min-height : 45em;
    grid-column-gap : 3.5em;
    grid-row-gap : 3.5em;
    border : 1px solid var(--white);
    border-radius : var(--radius-large);
    background-color : rgba(255, 255, 255, .7);
    flex-direction : row;
    grid-template-rows : auto;
    grid-template-columns : 1fr 1fr;
    grid-auto-columns : 1fr;
    justify-content : flex-start;
    align-items : center;
    padding : 6vh 6vh 6vh 8em;
    display : flex;
    position : -webkit-sticky;
    position : sticky;
    top : 16vh;
    overflow : hidden
  }
  .about-overview-block.is-3rd {
    z-index : 12;
    border-color : var(--color-8);
    background-color : var(--color-3);
    color : var(--color-15);
    top : 20vh
  }
  .about-overview-block.is-2nd {
    z-index : 11;
    color : var(--color-1);
    background-color : #ffe6a1;
    top : 18vh
  }
  .about-overview-block.is-4th {
    z-index : 13;
    border-color : var(--color-12);
    background-color : var(--color-14);
    color : var(--color-1);
    top : 22vh
  }
  .sticky-overview-link {
    width : 3em;
    height : 3em;
    border : 1px solid var(--transparent);
    color : var(--color-3);
    border-radius : 50%;
    flex-direction : column;
    justify-content : center;
    align-items : center;
    padding : .5em;
    font-size : 1.8em;
    display : flex
  }
  .sticky-overview-link.w--current {
    border-color : var(--color-3);-webkit-backdrop-filter : blur(15px);
    backdrop-filter : blur(15px);
    color : var(--color-1);
    background-color : rgba(255, 255, 255, .6)
  }
  .simple-hero-background-color {
    z-index : 1;
    border-radius : var(--radius-medium);
    background-color : var(--color-3);
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  .about-grid-video {
    z-index : 10;
    height : 50vh;
    border-radius : var(--radius-medium);
    position : relative;
    overflow : hidden
  }
  .course-shadows {
    z-index : 1;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  .span-green-waves-purple-font {
    color : var(--color-5);
    background-image : url(../images/w7cZBiwoF0Yw.png);
    background-position : 50% 100%;
    background-repeat : repeat-x;
    background-size : auto .3em
  }
  .audience-3 {
    width : 100%;
    max-width : 100em;
    margin-left : auto;
    margin-right : auto
  }
  .audience-3-list {
    width : 100%;
    grid-column-gap : 0em;
    grid-row-gap : 0em;
    border : 1px solid var(--white);
    border-radius : var(--radius-medium);
    background-color : rgba(255, 255, 255, .5);
    grid-template-rows : auto auto;
    grid-template-columns : 1fr 1fr;
    grid-auto-columns : 1fr;
    justify-content : space-between;
    align-items : flex-start;
    padding : .6em;
    transition : border-color .2s, background-color .2s;
    display : flex
  }
    .audience-3-list : hover {
    border-color : var(--color-3);
    background-color : rgba(255, 255, 255, .66)
  }
  .audience-3-link-block {
    z-index : 10;
    width : 100%;
    grid-row-gap : .75em;
    color : var(--color-2);
    text-align : center;
    flex-direction : column;
    justify-content : center;
    align-items : center;
    padding : 3em 1.5em;
    display : flex;
    position : relative
  }
  .audience-3-item {
    width : 100%;
    border : 1px solid var(--transparent);
    border-radius : var(--radius-medium);
    transition : box-shadow .2s, border-color .2s, background-color .2s, width .5s cubic-bezier(.075, .82, .165, 1)
  }
    .audience-3-item : hover {
    width : 110%;
    border : 1px solid var(--color-3);
    background-color : var(--white);
    box-shadow : 0 0 30px rgba(2, 59, 63, .15)
  }
  .buttons {
    grid-column-gap : 2.5em;
    grid-row-gap : 2.5em;
    flex-flow : wrap;
    justify-content : center;
    align-items : center;
    display : flex
  }
  .span-underline-1-contain {
    color : var(--color-1);
    background-image : url(../images/t2ThD8sXmYTP.png);
    background-position : 50% 100%;
    background-repeat : no-repeat;
    background-size : contain
  }
  .span-underline-2-contain {
    color : var(--color-1);
    background-image : url(../images/mlXbWgSd6eke.png);
    background-position : 50% 100%;
    background-repeat : no-repeat;
    background-size : contain
  }
  .event-details-grid {
    width : 100%;
    grid-column-gap : 4em;
    grid-row-gap : 4em;
    grid-template-rows : auto;
    grid-template-columns : 1fr 1fr 1fr 1fr;
    grid-auto-columns : 1fr;
    margin-left : auto;
    margin-right : auto;
    display : grid
  }
  .event-detail-block {
    grid-row-gap : .75em;
    border : 1px solid var(--white);
    border-radius : var(--radius-medium);
    color : var(--white);
    text-align : center;
    flex-direction : column;
    justify-content : center;
    align-items : center;
    padding : 3em;
    display : flex;
    position : relative
  }
  .event-detail-block.is-2nd {
    background-color : rgba(255, 255, 255, .5)
  }
  .event-detail-block.is-3rd {
    background-color : rgba(255, 255, 255, .3)
  }
  .event-detail-link {
    z-index : 10;
    grid-row-gap : 2.5em;
    border-radius : var(--radius-medium);
    background-color : var(--yellow-4);
    color : var(--color-1);
    flex-direction : column;
    justify-content : center;
    align-items : center;
    padding : 5em 2.5em;
    transition : background-color .2s;
    display : flex;
    position : relative;
    overflow : visible
  }
    .event-detail-link : hover {
    background-color : var(--yellow-3)
  }
  .event-detail-text {
    z-index : 10;
    font-size : 2em;
    line-height : 1.2em;
    position : relative
  }
  .event-detail-text.is-1st {
    font-weight : 600
  }
  .event-detail-link-text {
    z-index : 10;
    max-width : 9em;
    text-align : center;
    text-transform : uppercase;
    font-size : 2em;
    font-weight : 600;
    line-height : 1.2em;
    position : relative
  }
  .event-detail-bg-3 {
    border-radius : var(--radius-medium);
    background-color : var(--color-2);
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : rotate(-3deg)
  }
  .event-detail-bg-2 {
    border-radius : var(--radius-medium);
    background-color : var(--color-4);
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : rotate(4deg)
  }
  .event-detail-bg-1 {
    border-radius : var(--radius-medium);
    background-color : var(--color-5);
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : rotate(-4deg)
  }
  .form-field-password {
    z-index : 10;
    width : 100%;
    flex-direction : column;
    justify-content : center;
    align-items : flex-start;
    display : flex;
    position : relative
  }
  .field-label-password {
    z-index : 7;
    border : 1px solid var(--yellow-3);
    border-radius : var(--radius-50em);
    background-color : var(--yellow-4);
    text-align : center;
    margin-bottom : 0;
    padding : .3em .8em;
    font-size : 1.4em;
    font-weight : 400;
    line-height : 1.1em;
    position : absolute;
    top : 1.3em;
    left : 1.2em
  }
  .text-field-password {
    z-index : 5;
    width : 100%;
    min-height : 3em;
    border : 1px solid var(--color-5);
    border-radius : var(--radius-50em);
    color : var(--color-2);
    text-align : left;
    background-color : rgba(255, 255, 255, .5);
    margin-bottom : 0;
    padding : .5em 1.5em .5em 6em;
    font-size : 2em;
    font-weight : 400;
    transition : background-color .2s, border-color .2s;
    position : relative
  }
    .text-field-password : hover {
    border-color : var(--color-1);
    background-color : rgba(255, 255, 255, .8)
  }
    .text-field-password : active, .text-field-password : focus {
    border-color : var(--color-3);
    background-color : rgba(255, 255, 255, .8)
  }
    .text-field-password : :-ms-input-placeholder {
    color : var(--color-5);
    font-size : 1em
  }
    .text-field-password : :placeholder {
    color : var(--color-5);
    font-size : 1em
  }
  .form-field-border-password {
    z-index : 1;
    width : 100%;
    height : 100%;
    border : 1px solid var(--color-8);
    border-radius : var(--radius-50em);
    background-color : var(--color-20-opacity);
    margin-top : .6em;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  .span-underline-purple-contain {
    color : var(--color-1);
    background-image : url(../images/t2ThD8sXmYTP.png);
    background-position : 50% 100%;
    background-repeat : repeat-x;
    background-size : contain
  }
  .about-overview-content {
    z-index : 10;
    width : 100%;
    max-width : 50em;
    grid-row-gap : 2em;
    text-align : left;
    flex-direction : column;
    justify-content : center;
    align-items : flex-start;
    margin-left : 2.5em;
    margin-right : 2.5em;
    display : flex;
    position : relative
  }
  .overview-grid {
    z-index : 10;
    width : 100%;
    grid-column-gap : 4em;
    grid-row-gap : 4em;
    grid-template-rows : auto;
    grid-template-columns : 1fr 1fr 1fr 1fr;
    grid-auto-columns : 1fr;
    display : grid;
    position : relative
  }
  .overview-grid-block {
    grid-row-gap : .75em;
    border-radius : var(--radius-medium);
    color : var(--color-3);
    text-align : center;
    border : 1px solid rgba(255, 255, 255, .5);
    flex-direction : column;
    justify-content : center;
    align-items : center;
    padding : 3em;
    display : flex;
    position : relative
  }
  .overview-grid-block.is-2nd {
    transform : rotate(-2deg)
  }
  .overview-grid-block.is-3rd {
    transform : rotate(3deg)
  }
  .overview-grid-number {
    z-index : 10;
    font-size : 5em;
    font-weight : 600;
    line-height : 1em;
    position : relative
  }
  .overview-grid-paragraph {
    z-index : 10;
    max-width : 6em;
    text-align : center;
    font-size : 2em;
    line-height : 1.2em;
    position : relative
  }
  .overview-grid-background {
    border-radius : var(--radius-medium);
    background-color : rgba(255, 255, 255, .3);
    border : 1px solid #fff;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : rotate(-4deg)
  }
  .overview-grid-background-2 {
    border : 1px solid var(--white);
    border-radius : var(--radius-medium);
    background-color : rgba(255, 255, 255, .5);
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : rotate(3deg)
  }
  .overview-grid-background-3 {
    border-radius : var(--radius-medium);
    background-color : rgba(255, 255, 255, .7);
    border : 1px solid #fff;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : rotate(-4deg)
  }
  .overview-grid-background-turquoise {
    border : 1px solid var(--white);
    border-radius : var(--radius-medium);
    background-color : rgba(255, 255, 255, .9);
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : rotate(-4deg)
  }
  .image-size {
    z-index : 10;
    height : 80vh;
    max-height : 80em;
    min-height : 40em;
    margin-top : 2em;
    margin-bottom : 2em;
    position : relative;
    overflow : hidden
  }
  .instructors {
    width : 100%;
    max-width : 90em;
    margin-left : auto;
    margin-right : auto
  }
  .instructors-list {
    width : 100%;
    flex-flow : column;
    justify-content : flex-start;
    align-items : center;
    display : flex
  }
  .instructor-item {
    width : 100%
  }
  .instructor-link-block {
    width : 100%;
    grid-column-gap : 2em;
    grid-row-gap : 2em;
    border : 1px solid var(--transparent);
    border-radius : var(--radius-50em);
    color : var(--white);
    grid-template-rows : auto;
    grid-template-columns : 1fr 2.5fr 1fr;
    grid-auto-columns : 1fr;
    align-items : center;
    padding : 1.5em 3.3em;
    transition : color .2s, padding .5s cubic-bezier(.075, .82, .165, 1), border-color .2s, background-color .2s;
    display : grid
  }
    .instructor-link-block : hover {
    border-color : var(--color-5);
    background-color : var(--color-2);
    color : var(--white);
    padding-top : 2.5em;
    padding-bottom : 2.5em
  }
  .instructor-link-block.is-light {
    border-radius : var(--radius-medium);
    color : var(--color-3)
  }
    .instructor-link-block.is-light : hover {
    background-color : var(--yellow-9)
  }
  .instructor-photo {
    z-index : 10;
    width : 10em;
    min-height : 7em;
    border-radius : var(--radius-medium);
    text-align : left;
    align-self : stretch;
    position : relative;
    overflow : hidden
  }
  .instructor-icon-block {
    border-radius : var(--radius-50em);
    background-color : var(--yellow-4);
    padding : 1em 2.5em;
    transition : background-color .2s
  }
    .instructor-icon-block : hover {
    background-color : var(--yellow-7)
  }
  .instructor-icon-block.is-light {
    border-radius : var(--radius-medium)
  }
    .instructor-icon-block.is-light : hover {
    background-color : var(--yellow-3)
  }
  .about-overview-number {
    z-index : 1;
    opacity : .05;
    color : var(--color-3);
    letter-spacing : -.05em;
    font-size : 31em;
    line-height : 1em;
    position : absolute;
    left : -.6em
  }
  .about-overview-number.is-2nd {
    color : var(--white)
  }
  .menu-cover-image {
    z-index : 2;
    width : 100%;
    height : 100%;
    text-align : center;
    object-fit : cover;
    position : absolute
  }
  .title-badge {
    z-index : 10;
    grid-column-gap : .75em;
    grid-row-gap : .75em;
    border : 1px solid var(--color-3);
    border-radius : var(--radius-medium);
    background-color : var(--yellow-8);
    text-align : center;
    flex-flow : row;
    justify-content : center;
    align-items : center;
    padding : .5em .8em;
    display : flex;
    position : relative;
    overflow : visible
  }
  .title-badge-text {
    text-transform : uppercase;
    font-size : 1em;
    font-weight : 600;
    line-height : 1.1em
  }
  .simple-hero-small-image {
    width : 40%;
    border-radius : var(--radius-medium);
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : auto;
    right : 0%;
    overflow : hidden
  }
  .footer-contact-button {
    width : 8em;
    min-height : 5em;
    border : 1px solid var(--color-6);
    border-radius : var(--radius-50em);
    background-color : var(--color-3);
    flex-direction : column;
    justify-content : center;
    align-self : stretch;
    align-items : center;
    padding : 1em;
    transition : width .6s cubic-bezier(.075, .82, .165, 1), border-color .2s, background-color .2s;
    display : flex;
    overflow : hidden
  }
    .footer-contact-button : hover {
    width : 9em;
    border-color : var(--color-9);
    background-color : var(--color-4)
  }
  .footer-sub-links {
    width : 100%;
    grid-column-gap : 2.3em;
    grid-row-gap : .2em;
    opacity : .8;
    flex-flow : wrap;
    justify-content : center;
    align-items : center;
    transition : opacity .2s;
    display : flex
  }
    .footer-sub-links : hover {
    opacity : 1
  }
  .footer-sub-link {
    opacity : .85;
    color : var(--white);
    text-align : center;
    font-size : 1.5em;
    font-weight : 400;
    line-height : 1.6em;
    transition : opacity .2s
  }
    .footer-sub-link : hover {
    opacity : 1
  }
  .footer-sub-link.w--current {
    opacity : 1;
    color : var(--yellow-4);
    background-image : url(../images/sv4foQ6YnoPB.png);
    background-position : 50% 100%;
    background-repeat : repeat-x;
    background-size : auto .3em
  }
  .footer-sub-links-wrapper {
    grid-column-gap : 1.3em;
    grid-row-gap : 1.3em;
    flex-flow : column;
    justify-content : flex-start;
    align-items : center;
    display : flex
  }
  .footer-badge {
    z-index : 10;
    grid-column-gap : .75em;
    grid-row-gap : .75em;
    border-radius : var(--radius-medium);
    color : var(--white);
    text-align : center;
    background-color : #4c217a;
    border : 1px solid #7c52a8;
    flex-flow : row;
    justify-content : center;
    align-items : center;
    padding : .3em .5em;
    display : flex;
    position : relative;
    overflow : visible
  }
  .footer-badge-text {
    font-size : 1.1em;
    font-weight : 400;
    line-height : 1.1em
  }
  .overview-hero-wrapper {
    grid-column-gap : 2em;
    grid-row-gap : 2em;
    justify-content : center;
    align-items : center;
    padding-top : 1em;
    padding-bottom : 1em;
    display : flex
  }
  .overview-hero-line {
    height : 3em;
    grid-column-gap : .75em;
    grid-row-gap : .75em;
    background-image : url(../images/pUexj2hw5an9.png);
    background-position : 0%;
    background-repeat : repeat-x;
    background-size : contain;
    flex : 1;
    display : flex
  }
  .overview-hero-icon-1 {
    width : 15em;
    height : 8em;
    object-fit : cover
  }
  .overview-hero-small-images {
    grid-column-gap : .75em;
    grid-row-gap : .75em;
    flex : none;
    justify-content : space-between;
    align-items : center;
    display : flex
  }
  .overview-hero-small-image {
    z-index : 10;
    width : 8em;
    height : 8em;
    border-radius : 50%;
    position : relative;
    overflow : hidden
  }
  .overview-hero {
    z-index : 10;
    width : 100%;
    max-width : var(--max-width);
    grid-column-gap : 2em;
    grid-row-gap : 2em;
    border-radius : var(--radius-medium);
    background-color : rgba(255, 255, 255, .5);
    flex-flow : column;
    margin-bottom : 2em;
    padding-top : 6em;
    padding-bottom : 6em;
    display : flex;
    position : relative;
    overflow : hidden
  }
  .span-yellow-waves-purple-font {
    color : var(--color-5);
    background-image : url(../images/pUexj2hw5an9.png);
    background-position : 50% 100%;
    background-repeat : repeat-x;
    background-size : auto .4em
  }
  .overview-hero-image-wrapper {
    width : 100%;
    grid-column-gap : 4em;
    grid-row-gap : 4em;
    flex-flow : column;
    justify-content : flex-start;
    align-items : center;
    display : flex
  }
  .prebuilt-pages-wrapper {
    width : 100%;
    grid-column-gap : 4em;
    grid-row-gap : 4em;
    grid-template-rows : auto;
    grid-template-columns : 1fr 1fr;
    grid-auto-columns : 1fr;
    display : grid
  }
  .prebuilt-page-link {
    grid-column-gap : 2.5em;
    grid-row-gap : 2.5em;
    border-radius : var(--radius-small);
    color : var(--color-3);
    background-color : rgba(255, 255, 255, .5);
    border : 1px solid #fff;
    flex-flow : column;
    justify-content : flex-start;
    align-items : stretch;
    padding : 2.5em;
    transition : box-shadow .3s, transform .3s cubic-bezier(.075, .82, .165, 1), background-color .2s;
    display : flex;
    box-shadow : 0 20px 30px -10px rgba(61, 20, 109, .15)
  }
    .prebuilt-page-link : hover {
    background-color : var(--white);
    color : var(--color-1);
    transform : translateY(-4px);
    box-shadow : 0 20px 30px -10px rgba(61, 20, 109, .3)
  }
  .prebuilt-page-screen {
    z-index : 9;
    border-radius : var(--radius-small);
    position : relative;
    overflow : hidden;
    box-shadow : 0 20px 30px -20px rgba(61, 20, 109, .35)
  }
  .prebuilt-page-title {
    z-index : 10;
    font-size : 2em;
    line-height : 1.3em;
    position : relative
  }
  .ui-kit-library {
    width : 100%;
    grid-column-gap : 1em;
    grid-row-gap : 1em;
    grid-template-rows : auto auto;
    grid-template-columns : 1fr 1fr 1fr 1fr;
    grid-auto-columns : 1fr;
    display : grid
  }
  .ui-kit-library-link-block {
    grid-column-gap : 1em;
    grid-row-gap : 1em;
    border-radius : var(--radius-small);
    background-color : rgba(255, 255, 255, .5);
    border : 1px solid #fff;
    flex-flow : row;
    justify-content : center;
    align-items : center;
    padding : 2.5em 1em;
    transition : background-color .2s;
    display : flex
  }
    .ui-kit-library-link-block : hover {
    background-color : var(--white)
  }
  .ui-kit-library-text {
    text-align : center;
    font-size : 1.8em;
    font-weight : 500;
    line-height : 1.2em
  }
  .ui-kit-library-number {
    border-radius : var(--radius-small);
    background-color : var(--color-3);
    color : var(--white);
    padding : .2em .5em;
    font-size : 1.3em
  }
  .tip-block {
    width : 100%;
    max-width : 57em;
    grid-column-gap : .5em;
    grid-row-gap : .5em;
    border-radius : var(--radius-small);
    color : var(--white);
    background-color : rgba(255, 255, 255, .1);
    border : 1px solid rgba(255, 255, 255, .33);
    flex-flow : column;
    margin-top : 2em;
    padding : 1em;
    display : flex
  }
  .section-overview-store {
    width : 100%;
    max-width : var(--max-width);
    margin-bottom : 5em;
    margin-left : auto;
    margin-right : auto;
    position : relative
  }
  .overview-store-wrapper {
    z-index : 20;
    width : 100%;
    border-radius : var(--radius-medium);
    background-color : var(--color-4);
    background-image : linear-gradient(135deg, var(--color-3), #2b238b);
    color : var(--white);
    flex-direction : column;
    justify-content : center;
    align-items : center;
    display : flex;
    position : relative;
    overflow : hidden
  }
  .overview-store-layout {
    z-index : 10;
    width : 100%;
    max-width : 75em;
    grid-row-gap : 2.5em;
    text-align : center;
    flex-direction : column;
    justify-content : center;
    align-items : center;
    margin-left : auto;
    margin-right : auto;
    padding-top : 15em;
    padding-bottom : 15em;
    display : flex;
    position : relative
  }
  .overview-store-images {
    z-index : 2;
    width : 100%;
    max-width : 140em;
    flex-direction : column;
    justify-content : center;
    align-items : center;
    margin-left : auto;
    margin-right : auto;
    display : flex;
    position : absolute;
    top : 0%;
    bottom : 0%
  }
  .overview-store-image {
    width : 20em;
    height : 20em;
    border-radius : var(--radius-medium);
    position : absolute;
    overflow : visible
  }
  .overview-store-image.is-1st {
    width : 15%;
    height : 20%;
    bottom : 8%;
    left : 6%
  }
  .overview-store-image.is-2nd {
    width : 17%;
    height : 24%;
    top : 10%;
    right : 5em
  }
  .overview-store-image.is-3rd {
    width : 14%;
    height : 18%;
    bottom : 20%;
    right : 2em
  }
  .overview-store-image.is-4th {
    width : 20%;
    height : 24%;
    top : 8%;
    left : 2em
  }
  .overview-store-shadow-4th {
    z-index : 1;
    border-radius : var(--radius-medium);
    background-color : rgba(255, 255, 255, .16);
    border : 1px solid rgba(255, 255, 255, .25);
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : rotate(-3deg)
  }
  .overview-store-shadow-1st {
    z-index : 1;
    border-radius : var(--radius-medium);
    background-color : rgba(255, 255, 255, .16);
    border : 1px solid rgba(255, 255, 255, .25);
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : rotate(-8deg)
  }
  .overview-store-shadow-3rd {
    z-index : 1;
    border-radius : var(--radius-medium);
    background-color : rgba(255, 255, 255, .16);
    border : 1px solid rgba(255, 255, 255, .25);
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : rotate(6deg)
  }
  .overview-store-shadow-2nd {
    z-index : 1;
    border-radius : var(--radius-medium);
    background-color : rgba(255, 255, 255, .16);
    border : 1px solid rgba(255, 255, 255, .25);
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : rotate(5deg)
  }
  .overview-store-shadow-1 {
    z-index : 15;
    border-radius : var(--radius-medium);
    background-color : rgba(255, 255, 255, .36);
    border : 1px solid rgba(255, 255, 255, .95);
    margin-top : .6em;
    margin-bottom : .6em;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : rotate(1.5deg)
  }
  .overview-store-shadow-2 {
    z-index : 15;
    border-radius : var(--radius-medium);
    background-color : rgba(255, 255, 255, .5);
    border : 1px solid rgba(255, 255, 255, .95);
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : translateY(.6em)rotate(-2deg)
  }
  .overview-grid-content {
    width : 100%;
    max-width : 120em;
    grid-column-gap : 2em;
    grid-row-gap : 2em;
    grid-template-rows : auto;
    grid-template-columns : .5fr 1fr;
    grid-auto-columns : 1fr;
    align-items : stretch;
    justify-items : stretch;
    margin-left : auto;
    margin-right : auto;
    display : grid
  }
  .overview-grid-content-block {
    z-index : 10;
    grid-column-gap : 5em;
    grid-row-gap : 5em;
    border-radius : var(--radius-medium);
    background-color : #37b856;
    flex-flow : column;
    justify-content : space-between;
    align-items : flex-start;
    padding : 6em 5em;
    display : flex;
    position : relative;
    overflow : hidden
  }
  .overview-grid-content-block.is-2nd {
    border : 1px solid var(--white);
    background-color : rgba(255, 255, 255, .8);
    flex-flow : row;
    justify-content : center;
    align-items : center;
    overflow : visible
  }
  .overview-grid-content-block.with-element {
    background-color : var(--yellow-4);
    border : 1px solid #cca028;
    overflow : visible
  }
  .overview-grid-content-icon-1 {
    z-index : 10;
    width : 7em;
    height : 7em;
    object-fit : contain;
    position : relative
  }
  .overview-grid-content-icon-2 {
    width : 30em;
    height : 30em;
    max-width : none;
    object-fit : contain;
    flex : none;
    position : absolute;
    top : -13.8em;
    bottom : auto;
    left : -13.8em;
    right : auto
  }
  .overview-hero-buttons {
    grid-column-gap : 2em;
    grid-row-gap : .5em;
    flex-flow : wrap;
    justify-content : center;
    align-items : center;
    display : flex
  }
  .menu-author-links {
    z-index : 10;
    width : 100%;
    max-width : 33em;
    grid-row-gap : 1em;
    flex-direction : column;
    justify-content : flex-start;
    align-items : flex-start;
    margin-top : auto;
    display : flex;
    position : relative
  }
  .about-1-grid {
    width : 100%;
    grid-column-gap : 2em;
    grid-row-gap : 2em;
    grid-template-rows : auto;
    grid-template-columns : 1fr 1fr 1fr;
    grid-auto-columns : 1fr;
    align-items : stretch;
    justify-items : stretch;
    display : grid
  }
  .about-1-block {
    z-index : 10;
    grid-column-gap : 5em;
    grid-row-gap : 5em;
    border-radius : var(--radius-medium);
    background-color : #37b856;
    border : 1px solid #c99c23;
    flex-flow : column;
    justify-content : space-between;
    align-items : flex-start;
    padding : 6em 5em;
    display : flex;
    position : relative;
    overflow : hidden
  }
  .about-1-block.is-2nd {
    grid-column-gap : 7em;
    grid-row-gap : 7em;
    background-color : rgba(255, 255, 255, .5);
    border : 1px solid rgba(255, 255, 255, .9);
    flex-flow : row;
    justify-content : center;
    align-items : center;
    padding-left : 8em;
    padding-right : 8em
  }
  .about-1-icon-1 {
    z-index : 10;
    width : 7em;
    height : 7em;
    object-fit : contain;
    position : relative
  }
  .overview-hero-image-shadow-3 {
    z-index : 7;
    border-radius : var(--radius-medium);
    background-color : rgba(255, 255, 255, .5);
    border : 1px solid rgba(255, 255, 255, .9);
    margin : .5em 1.5em;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : rotate(3deg)
  }
  .overview-hero-image-shadow-4 {
    z-index : 8;
    border-radius : var(--radius-medium);
    background-color : rgba(255, 255, 255, .35);
    border : 1px solid rgba(255, 255, 255, .9);
    margin : 1.5em;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : rotate(-3deg)
  }
  .about-1-content-flex {
    width : 100%;
    max-width : 31em;
    grid-column-gap : 2em;
    grid-row-gap : 2em;
    flex-flow : column;
    justify-content : center;
    align-items : flex-start;
    display : flex
  }
  .span-yellow-waves {
    background-image : url(../images/pUexj2hw5an9.png);
    background-position : 50% 100%;
    background-repeat : repeat-x;
    background-size : auto .3em
  }
  .waves-fonts {
    grid-column-gap : 2.6em;
    grid-row-gap : 2.6em;
    flex-flow : wrap;
    justify-content : center;
    align-items : center;
    display : flex
  }
  .span-yellow-double-waves {
    color : var(--color-1);
    background-image : url(../images/n7QPAUVF9rtG.png);
    background-position : 50% 100%;
    background-repeat : repeat-x;
    background-size : auto .5em
  }
  .span-underline-3 {
    color : var(--color-1);
    background-image : url(../images/btlSyKJCjzKQ.png);
    background-position : 50% 100%;
    background-repeat : repeat-x;
    background-size : auto .3em
  }
  .span-yellow-waves-white-font {
    color : var(--white);
    background-image : url(../images/pUexj2hw5an9.png);
    background-position : 0 100%;
    background-repeat : repeat-x;
    background-size : auto .3em
  }
  .span-yellow-waves-white-font-2 {
    color : var(--white);
    background-image : url(../images/sM7a9STktJbg.png);
    background-position : 0 100%;
    background-repeat : repeat-x;
    background-size : auto .3em
  }
  .slider-hero {
    z-index : 20;
    width : 100%;
    max-width : var(--max-width);
    border-radius : var(--radius-medium);
    background-color : var(--color-2);
    color : var(--white);
    margin-left : auto;
    margin-right : auto;
    position : relative;
    overflow : hidden
  }
  .slider-hero-layout {
    z-index : 10;
    width : 100%;
    min-height : 80vh;
    grid-row-gap : 8em;
    text-align : left;
    flex-direction : column;
    justify-content : flex-end;
    align-items : flex-start;
    padding-top : 15em;
    padding-bottom : 15em;
    display : flex;
    position : relative
  }
  .slider-hero-content {
    max-width : 50em;
    grid-column-gap : 3em;
    grid-row-gap : 3em;
    flex-flow : column;
    justify-content : flex-start;
    align-items : flex-start;
    margin-left : 8vw;
    display : flex
  }
  .slider-hero-background {
    z-index : 1;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  .slider-hero-overlay-color {
    z-index : 10;
    background-image : linear-gradient(45deg, var(--color-1)20%, rgba(159, 72, 245, .4));
    opacity : .95;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  .slider-hero-title-block {
    z-index : 10;
    justify-content : flex-start;
    align-items : center;
    display : flex;
    position : relative
  }
  .slider-hero-icon {
    z-index : 1;
    width : 20em;
    height : 20em;
    max-width : none;
    object-fit : contain;
    position : absolute;
    left : -13.2em
  }
  .yellow-1 {
    width : 100%;
    background-color : var(--yellow-1)
  }
  .color-15 {
    width : 100%;
    background-color : var(--color-15)
  }
  .achievement-backgound-white-2 {
    border-radius : var(--radius-medium);
    background-color : rgba(255, 255, 255, .5);
    border : 1px solid #fff;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%;
    transform : rotate(2deg)
  }
  .body-background {
    background-color : #faf7ee
  }
  .yellow-6 {
    width : 100%;
    background-color : var(--yellow-6)
  }
  .yellow-9 {
    width : 100%;
    background-color : var(--yellow-9)
  }
  .yellow-8 {
    width : 100%;
    background-color : var(--yellow-8)
  }
  .menu-mesh-background {
    z-index : 2;
    opacity : .3;
    position : absolute;
    top : 0%;
    bottom : 0%;
    left : 0%;
    right : 0%
  }
  .featured-product-title-link {
    color : var(--color-3)
  }
    .featured-product-title-link : hover {
    color : var(--color-1)
  }
    @media screen and (min-width : 1440px) {
    body{font-size : 10px
  }
    }@media screen and (min-width : 1920px) {
    body{font-size : 11px
  }
    }@media screen and (max-width : 991px) {
    body{padding-bottom : 2vw;
    padding-left : 2vw;
    padding-right : 2vw;
    font-size : 10px
  }
  .container {
    padding-left : 8vw;
    padding-right : 8vw
  }
  .paragraph {
    line-height : 1.5em
  }
  .paragraph.is-large {
    line-height : 1.6em
  }
  .paragraph.is-medium {
    line-height : 1.5em
  }
  .paragraph.is-extra-large {
    font-size : 1.8em
  }
  .paragraph.is-search-result-title {
    font-size : 1.6em
  }
  .paragraph.is-subtitle {
    font-size : 1.8em
  }
  .tab-link {
    min-width : auto
  }
  .heading {
    line-height : 1.4em
  }
  .heading.is-small-title {
    font-size : 1.7em
  }
  .heading.is-extra-large-title {
    font-size : 4.5em
  }
  .heading.is-medium-title {
    font-size : 2.7em
  }
  .heading.is-extra-small-title {
    font-size : 1.5em
  }
  .heading.is-regular-title {
    font-size : 2.2em
  }
  .heading.is-large-title {
    font-size : 3.2em
  }
  .heading.with-more-height {
    line-height : 1.8em
  }
  .heading.is-featured-article-title {
    font-size : 2.5em
  }
  .heading.is-simple-hero-title {
    font-size : 4em
  }
  .heading.is-product-hero-title {
    line-height : 1.4em
  }
  .heading.is-blog-hero-title {
    font-size : 4em
  }
  .heading.is-course-hero-title {
    font-size : 7em;
    line-height : 1.1em
  }
  .heading.is-about-3-hero-title {
    font-size : 6em;
    line-height : 1.1em
  }
  .heading.is-featured-product-title {
    line-height : 1.4em
  }
  .heading.is-home-hero-title {
    font-size : 6em
  }
  .heading.is-course-title {
    font-size : 1.7em
  }
  .heading.is-event-title {
    font-size : 2.5em
  }
  .heading.is-home-hero-title {
    font-size : 5em
  }
  .heading.is-contact-hero, .heading.is-event-hero-title {
    font-size : 4em
  }
  .heading.is-about-title {
    font-size : 3em
  }
  .heading.is-about-hero-title {
    font-size : 5.5vw
  }
  .heading.is-course-2-hero-title {
    font-size : 6em;
    line-height : 1.1em
  }
  .heading.is-course-2-title {
    font-size : 2em
  }
  .heading.is-course-3-hero-large-title {
    font-size : 24vw;
    line-height : 1.1em
  }
  .heading.is-course-3-hero-title {
    line-height : 1.1em
  }
  .heading.is-about-2-hero-title {
    font-size : 6em;
    line-height : 1.3em
  }
  .heading.is-home-3-hero-title {
    font-size : 4em
  }
  .heading.is-about-3-title {
    font-size : 2.2em
  }
  .heading.is-overview-about-title {
    font-size : 2.6em
  }
  .heading.is-404-hero-title {
    font-size : 5em
  }
  .heading.is-overview-hero-title {
    font-size : 5.5vw
  }
  .heading.is-overview-store-title {
    font-size : 7em;
    line-height : 1.1em
  }
  .heading.is-overview-grid-title {
    max-width : 14em;
    font-size : 2.8em
  }
  .heading.is-about-1-title {
    font-size : 2.2em
  }
  .heading.is-slider-hero-title {
    font-size : 4em
  }
  .icon.in-gallery {
    z-index : 30;
    padding : .2em;
    font-size : 3em;
    display : block;
    top : .3em;
    bottom : auto;
    left : auto;
    right : .3em
  }
  .icon.is-close-icon {
    font-size : 2em;
    overflow : hidden
  }
  .icon.is-course-detail-icon {
    margin-right : .1em
  }
  .icon.is-course-button-icon {
    font-size : 1.7em
  }
  .icon.is-sub-link-icon {
    font-size : 2.1em
  }
  .padding {
    padding-top : 8em;
    padding-bottom : 8em
  }
  .vertical-flex.with-gap-10em {
    grid-row-gap : 8em
  }
  .rich-text img {
    width : 100%;
    min-width : 100%;
    left : 0%
  }
  .rich-text h2 {
    font-size : 2.5em
  }
  .rich-text h1 {
    font-size : 3.5em
  }
  .rich-text h3 {
    font-size : 2em
  }
  .rich-text h4 {
    font-size : 1.8em
  }
  .rich-text h5 {
    font-size : 1.7em
  }
  .rich-text blockquote {
    padding-top : 1.5em;
    padding-bottom : 1em
  }
  .search-input {
    width : 50vw;
    padding-left : 4vw;
    padding-right : 4vw
  }
  .brand-name-text {
    font-size : 2.3em
  }

  .nav-main-section {
    height : 4em;
    padding-right : 10em
  }
  .search {
    display : none
  }
  .search-button {
    background-color : var(--color-6)
  }
  .logo-image-default {
    width : 3.5em;
    height : 3.5em
  }
  .accordion-toggle {
    min-height : 8em;
    padding-left : 3em;
    padding-right : 2.5em
  }
  .nav-background {
    height : 9em
  }
  .menu-layout {
    flex-flow : wrap-reverse;
    align-content : stretch;
    padding : 8vw;
    overflow : auto
  }
  .gallery-lightbox {
    height : 20em
  }
  .text-field {
    min-height : 3.5em;
    padding-left : 7.5em
  }
  .text-field.is-area-field {
    padding-top : 1em
  }
  .text-field.is-newsletter {
    width : 100%;
    min-height : 3.5em;
    order : 2;
    font-size : 2em
  }
  .field-label {
    top : 1.6em;
    left : 1.7em
  }
  .checkbox-field.in-newsletter {
    order : 3;
    margin-top : .8em;
    margin-bottom : .8em
  }
  .checkbox {
    width : 3em;
    height : 3em;
    border-width : 3px
  }
  .checkbox-label {
    font-size : 1.8em
  }
  .search-result-list {
    grid-column-gap : 2em;
    grid-row-gap : 2em;
    grid-template-columns : 1fr 1fr
  }
  .search-result-button {
    font-size : 1.8em
  }
  .accordion-content {
    padding-left : 3em;
    padding-right : 3em
  }
  .form-block-password {
    font-size : .8em
  }
  .simple-hero {
    min-height : auto
  }
  .footer-layout {
    padding-top : 10em;
    padding-bottom : 10em
  }
  .subfooter-utility-links {
    grid-column-gap : 2em
  }
  .contact-form-layout {
    grid-template-columns : 1fr;
    font-size : .8em
  }
  .contact-form-fields {
    grid-template-columns : 1fr
  }
  ._3d-trigger.for-image {
    width : 100%;
    height : 100%
  }
  .featured-articles {
    padding-top : 2em
  }
  .featured-articles-list {
    flex-wrap : wrap;
    grid-template-columns : 1fr
  }
  .product-hero {
    padding-top : 5em;
    padding-bottom : 5em
  }
  .product-hero-content {
    grid-row-gap : 5em;
    grid-template-columns : 1fr
  }
  .product-hero-image {
    width : 100%;
    height : 30em
  }
  .contact-content-block {
    grid-row-gap : 2.5em
  }
  .newsletter-form {
    max-width : 50em
  }
  .newsletter-layout {
    grid-column-gap : 1.5em;
    grid-row-gap : 1.5em;
    flex-direction : column;
    grid-template-columns : 1.75fr 1fr;
    align-items : center;
    font-size : .8em
  }
  .faq-hero-layout {
    padding-top : 6em;
    padding-bottom : 6em
  }
  .product-item {
    flex-wrap : wrap-reverse
  }
  .product-layout {
    width : 100%;
    padding-top : 6em;
    padding-bottom : 2em
  }
  .product-images {
    width : 100%;
    overflow : hidden
  }
  .product-out-of-stock-state {
    font-size : 1.3em
  }
  .product-error-state {
    font-size : 1.2em
  }
  .additional-products-list {
    grid-row-gap : 1.5em
  }
  .additional-product-item {
    grid-column-gap : 2em;
    grid-row-gap : 2em;
    grid-template-columns : 1fr
  }
  .additional-product-image {
    width : 100%;
    height : 13em;
    min-height : auto
  }
  .checkout-form {
    min-height : auto;
    flex-wrap : wrap
  }
  .checkout-field-label {
    font-size : 1.5em
  }
  .checkout-text-field {
    height : 3.3em;
    padding-top : .8em
  }
  .menu-close {
    z-index : 100;
    padding : 1.5em;
    position : fixed;
    top : 1em;
    bottom : auto;
    left : auto;
    right : 1.5em
  }
    .menu-close : hover {
    overflow : hidden
  }
  .menu-links {
    width : 100%;
    min-width : auto;
    grid-row-gap : 3em;
    justify-content : center;
    align-items : flex-start;
    padding : 8vw
  }
  .menu-main-links {
    width : 100%;
    grid-column-gap : 3.5em;
    grid-row-gap : 1em;
    flex-flow : wrap;
    flex : 0 auto;
    grid-template-rows : auto auto;
    grid-template-columns : 1fr 1fr;
    grid-auto-columns : 1fr;
    justify-content : flex-start;
    align-items : flex-start;
    display : grid
  }
  .menu-contact {
    width : 100%;
    min-width : auto;
    grid-column-gap : 4em;
    grid-row-gap : 4em;
    flex-flow : wrap;
    justify-content : flex-start;
    align-items : flex-start;
    padding : 8vw
  }
  .cart-container {
    margin-top : 9em
  }
  .cart-total-price-text {
    font-size : 1.8em
  }
  .close-button {
    border : 1px solid var(--color-9);
    background-color : var(--color-12)
  }
  .cart-empty-state {
    padding-left : 8vw;
    padding-right : 8vw
  }
  .cart-product-price-block {
    font-size : .9em
  }
  .menu-close-text {
    display : none;
    overflow : hidden
  }
  .hero-slider-overlay-color {
    opacity : .93
  }
  .footer-socials {
    overflow : hidden
  }
  .footer-socials-list {
    grid-column-gap : .5em;
    grid-row-gap : .5em
  }
    .footer-social-item : hover {
    overflow : hidden
  }
  .newsletter-submit-button {
    width : 100%;
    padding-top : 1.4em;
    padding-bottom : 1.4em;
    font-size : 2em
  }
  .image-carousel-block {
    height : 10em
  }
  .contact-link {
    background-image : url(../images/w7cZBiwoF0Yw.png);
    background-position : 50% 100%;
    background-repeat : repeat-x;
    background-size : auto .5em;
    line-height : 1.4em
  }
  .contact-social-link {
    width : 7em;
    height : 7em
  }
  .carousel-button {
    width : 6em;
    height : 6em;
    opacity : 1
  }
  .carousel-testimonial {
    font-size : 2em
  }
  .carousel-layout {
    width : 85%
  }
  .carousel-mask {
    margin-bottom : 2em
  }
  .carousel-block {
    grid-row-gap : 3em;
    padding-left : 6vw;
    padding-right : 6vw
  }
  .featured-article-image {
    height : 25em
  }
  .rich-text-dark img {
    width : 100%;
    min-width : 100%;
    left : 0%
  }
  .rich-text-dark blockquote {
    padding-top : 1.5em;
    padding-bottom : 1em
  }
  .product-hero-layout {
    grid-row-gap : 4em
  }
  .checkout-column {
    width : 100%;
    align-self : flex-start;
    padding-top : 8em;
    padding-bottom : 8em
  }
  .checkout-column.is-2nd {
    border-left-width : 0
  }
  .blog-hero-layout {
    padding-top : 8em;
    padding-bottom : 8em
  }
  .blog-hero-image {
    min-height : auto
  }
  .blog-author-name-link {
    font-size : 2.5em
  }
  .footer-main-link {
    font-size : 2em
  }
  .course-hero-image {
    font-size : .5em
  }
  .course-hero-image.is-1st {
    width : 15%;
    height : 17%
  }
  .course-hero-image.is-2nd {
    width : 20%;
    height : 25%
  }
  .course-hero-image.is-3rd {
    width : 25%;
    height : 20%;
    right : 0%
  }
  .gallery-grid {
    grid-template-columns : 1fr 1fr
  }
  .product-description-text {
    line-height : 1.5em
  }
  .product-image {
    height : 30em;
    flex : 0 auto
  }
  .product-gallery-list {
    grid-template-columns : 1fr 1fr
  }
  .product-gallery-item {
    height : 12em
  }
  .product-hero-gallery-grid {
    grid-template-columns : 1fr 1fr
  }
  .additional-product-wrapper {
    grid-column-gap : 2.5em;
    grid-row-gap : 2.5em;
    flex-flow : wrap
  }
  .blog-posts-list {
    grid-column-gap : 2em;
    grid-row-gap : 2em;
    grid-template-columns : 1fr
  }
  .blog-post-item {
    padding : 6em
  }
  .button-for-aside-menu {
    width : 6em;
    height : 6em;
    font-size : 1em;
    top : 1.3em;
    right : 3em
  }
    .button-for-aside-menu.w--current : hover {
    background-color : var(--transparent)
  }
  .about-grid {
    grid-column-gap : 3.25em;
    grid-row-gap : 3.25em;
    grid-template-columns : 1fr
  }
  .about-grid-image {
    min-height : 30em
  }
  .course-hero-layout {
    padding-top : 15em;
    padding-bottom : 15em
  }
  .about-3-hero {
    grid-column-gap : 2em;
    grid-row-gap : 2em
  }
  .about-3-hero-wrapper {
    padding-top : 6em;
    padding-bottom : 6em
  }
  .about-3-hero-images {
    grid-row-gap : 2em
  }
  .about-3-hero-image {
    height : 80em;
    font-size : .5em
  }
  .menu-content-wrapper {
    grid-row-gap : 2em
  }
  .featured-products-list {
    max-width : 50em;
    flex-wrap : wrap
  }
  .featured-product-item {
    width : 100%;
    flex : 0 auto
  }
  .featured-product {
    min-height : auto;
    background-color : rgba(255, 255, 255, .2);
    border-color : rgba(255, 255, 255, .5)
  }
  .featured-product-content {
    max-width : 50em;
    padding-left : 6vw;
    padding-right : 6vw
  }
  .nav-brand {
    padding : 0;
    transition : none
  }
    .nav-brand : hover {
    border-color : var(--transparent);
    background-color : var(--transparent)
  }
  .nav-wrapper {
    flex : 0 auto;
    align-self : stretch
  }
  .contact-hero-layout {
    grid-column-gap : 5em;
    grid-row-gap : 5em;
    flex-wrap : wrap-reverse;
    justify-content : center;
    align-items : center;
    padding-top : 5em;
    padding-bottom : 10em
  }
  .contact-hero-collage {
    width : 100%;
    min-height : 30em;
    flex : 0 auto;
    align-self : stretch
  }
  .contact-hero-content {
    max-width : 50em;
    text-align : center;
    justify-content : center;
    align-items : center
  }
  .contact-hero-render-image {
    font-size : .6em
  }
  .contact-hero-info-box {
    font-size : .8em
  }
  .contact-hero-button {
    padding-top : 2em;
    padding-bottom : 2em;
    font-size : .9em
  }
  .contact-hero-info-box-2 {
    font-size : .8em
  }
  .Projects-list {
    grid-column-gap : 4em;
    grid-row-gap : 4em;
    grid-template-columns : 1fr 1fr
  }
  .course-image-link {
    height : 25em
  }
  .course-feature-block {
    grid-column-gap : .5em
  }
  .course-badge-text {
    font-size : .85em
  }
  .course-button {
    padding-left : 1.8em;
    padding-right : 1.5em
  }
  .course-button-text {
    font-size : 1.4em
  }
  .event-item {
    flex-wrap : wrap
  }
    .event-item : hover {
    padding-top : 2.5em
  }
  .event-features {
    grid-column-gap : 2.5em;
    grid-row-gap : .5em;
    flex-flow : wrap;
    justify-content : flex-start;
    align-items : center;
    padding-left : 2.3em
  }
  .event-feature {
    flex-direction : row-reverse
  }
  .event-description {
    grid-column-gap : 1.5em
  }
  .contact-hero-gradient-line {
    width : 90%
  }
  .sticky-about-wrapper {
    grid-row-gap : 2.5em
  }
  .sticky-about-link {
    font-size : 1.3em
  }
  .sticky-about-links {
    top : 3.8em
  }
  .sticky-about-block {
    grid-column-gap : 2em;
    grid-row-gap : 2em;
    flex-wrap : wrap-reverse;
    padding : 6em;
    position : relative;
    top : auto
  }
  .sticky-about-block.is-yellow, .sticky-about-block.is-purple {
    top : 0
  }
  .sticky-about-image {
    width : 100%;
    height : 25em;
    min-height : auto;
    flex : 0 auto
  }
  .sticky-about-content {
    grid-row-gap : 1.25em;
    margin-left : 0;
    margin-right : 0
  }
  .sticky-about-number {
    font-size : 30em;
    left : -.5em
  }
  .achievement-grid {
    grid-template-columns : 1fr 1fr
  }
  .achievement-number {
    font-size : 5em
  }
  .achievement-paragraph {
    font-size : 1.7em
  }
  .achievement-dot-1 {
    top : -1.4em;
    left : -2em
  }
  .achievement-icon-1 {
    top : -5.7em;
    bottom : auto
  }
  .achievement-dot-3 {
    top : auto;
    bottom : -5.3em;
    right : 1.8em
  }
  .course-buttons {
    min-height : 4.3em
  }
  .course-shop-button {
    padding-left : 2.5em;
    padding-right : 2.5em
  }
  .newsletter-form-button {
    order : 4
  }
  .footer-shadow {
    width : 90%
  }
  .footer-shadow.is-2nd {
    width : 82%
  }
  .home-hero-layout {
    grid-row-gap : 5em;
    flex-wrap : wrap-reverse;
    padding-top : 5em;
    padding-bottom : 10em
  }
  .home-hero-image-wrapper {
    height : 50em
  }
  .home-hero-paragraph {
    font-size : 1.8em
  }
  .info-badge-1 {
    font-size : .8em
  }
  .home-hero-icon-position {
    font-size : .6em
  }
  .info-badge-2 {
    font-size : .8em
  }
  .dropdown-block.is-Projects {
    right : 0
  }
  .dropdown-layout.is-Projects {
    width : 100%;
    grid-row-gap : 2vw;
    background-color : var(--white);-webkit-backdrop-filter : none;
    backdrop-filter : none;
    padding : 5vw
  }
  .nav-sub-links {
    display : none
  }
  .nav-main-links {
    grid-column-gap : 4vw;
    padding-left : 1em
  }
  .nav-audience-list {
    grid-column-gap : 2vw;
    grid-row-gap : 2vw;
    grid-template-columns : 1fr 1fr 1fr 1fr
  }
  .nav-audience-link-block {
    padding-left : 2vw;
    padding-right : 2vw
  }
  .nav-Projects-button {
    padding-left : 4vw;
    padding-right : 4vw
  }
  .nav-dropdown-link.is-Projects {
    padding : .5em 0;
    position : static
  }
    .nav-dropdown-link.is-Projects : hover {
    border-color : var(--transparent);
    background-color : var(--transparent);
    padding-left : 0;
    padding-right : 0
  }
  .footer-main-links {
    grid-row-gap : 2.25em;
    grid-template-columns : 1fr
  }
  .footer-gradient-line {
    width : 100%
  }
  .blog-post-background-color {
    opacity : .7
  }
  .featured-article-image-wrapper {
    margin-bottom : 0
  }
  .featured-article-category-badge, .featured-article-author-badge, .blog-featured-badge {
    font-size : .9em
  }
  .blog-posts-dot-1 {
    font-size : .8em
  }
  .blog-posts-icon-1 {
    right : -4em
  }
  .blog-posts-icon-2 {
    left : -8.5em
  }
  .featured-article-background {
    opacity : 1
  }
  .newslette-form-field {
    width : 100%;
    flex : none
  }
  .footer-contact-buttons-wrapper {
    grid-column-gap : .5em;
    grid-row-gap : .5em
  }
  .event-hero-shadow-1 {
    transform : rotate(2deg)
  }
  .event-hero-shadow-2 {
    transform : rotate(-2deg)
  }
  .event-hero-layout {
    width : 87%;
    margin-left : auto;
    margin-right : auto;
    padding-top : 12em;
    padding-bottom : 12em
  }
  .event-hero-subtitle-icon {
    left : -10.8em
  }
  .achievement-icon-2 {
    top : -5.7em;
    bottom : auto
  }
  .achievement-dot-4, .achievement-dot-5 {
    top : auto;
    bottom : -5.3em;
    right : 1.8em
  }
  .achievement-icon-3 {
    top : -5.7em;
    bottom : auto
  }
  .about-hero-wrapper {
    grid-column-gap : 2vw;
    grid-row-gap : 2vw
  }
  .about-hero {
    padding-top : 2.5em;
    padding-bottom : 0
  }
  .about-hero-line {
    height : 1.5em
  }
  .about-hero-images {
    font-size : .75vw
  }
  .about-hero-icon-1 {
    width : 10em;
    height : 5em
  }
  .form-submit-button {
    width : 100%;
    padding-top : 1.4em;
    padding-bottom : 1.4em;
    font-size : 2em
  }
  .form-button {
    order : 4
  }
  .contact-form-shadow-left {
    width : 2em;
    left : -2.1em
  }
  .contact-form-shadow-left.is-2nd {
    left : -4.1em
  }
  .contact-form-shadow-right {
    width : 2em;
    right : -2.1em
  }
  .contact-form-shadow-right.is-2nd {
    right : -4.1em
  }
  .contact-content-grid {
    grid-column-gap : 5em;
    grid-row-gap : 5em;
    grid-template-columns : 1fr
  }
  .simple-hero-layout {
    padding-top : 10em;
    padding-bottom : 10em
  }
  .course-2-hero {
    margin-bottom : 4em
  }
  .course-2-hero-layout {
    max-width : 60em
  }
  .Projects-2-list {
    grid-column-gap : 2em;
    grid-row-gap : 2em;
    grid-template-columns : 1fr
  }
  .course-2-item {
    transition : none;
    box-shadow : 0 20px 25px -10px rgba(2, 59, 63, .25)
  }
    .course-2-item : hover {
    background-color : rgba(255, 255, 255, .65);
    transform : translate(0)
  }
  .course-2-image-link {
    height : 30em
  }
  .course-2-content-wrapper {
    padding-left : 8vw;
    padding-right : 8vw
  }
  .content-with-button {
    text-align : center;
    justify-content : center;
    align-items : flex-start
  }
  .course-3-hero-layout {
    min-height : 80svh
  }
  .course-3-hero-content {
    margin-left : 0
  }
  .Projects-3-list {
    grid-column-gap : 2em;
    grid-row-gap : 2em;
    grid-template-columns : 1fr 1fr
  }
  .course-3-item {
    grid-column-gap : 2em;
    grid-row-gap : 2em;
    flex-flow : column
  }
  .course-3-image-link {
    width : 100%;
    height : 33em
  }
  .course-3-content-wrapper {
    width : 100%
  }
  .home-2-hero-icon {
    width : 12em
  }
  .home-2-hero {
    min-height : auto
  }
  .home-2-hero-bento-grid {
    grid-template-columns : 1fr
  }
  .home-2-title-block {
    flex-flow : column;
    padding : 6em 8vw
  }
  .home-2-hero-content {
    padding-left : 8vw;
    padding-right : 8vw
  }
  .hero-achievement-block {
    padding-left : 4vw;
    padding-right : 4vw
  }
  .hero-achievement-number {
    font-size : 5em
  }
  .hero-achievement-paragraph {
    font-size : 1.7em
  }
  .blog-posts-2-list {
    grid-column-gap : 2.5em;
    grid-row-gap : 2.5em;
    grid-template-columns : 1fr
  }
  .blog-post-2-item {
    border-color : var(--white);
    background-color : rgba(255, 255, 255, .8)
  }
    .blog-post-2-item : hover {
    background-color : rgba(255, 255, 255, .8)
  }
  .blog-2-featured {
    font-size : .9em
  }
  .about-2-hero-layout {
    min-height : 80svh
  }
  .home-3-hero-layout {
    min-height : 80svh;
    padding-bottom : 10em
  }
  .home-3-hero-content {
    max-width : 45em;
    margin-left : 0
  }
  .about-3-hero-icon {
    width : 10em;
    height : 7em
  }
  .about-3-block {
    padding-left : 8vw;
    padding-right : 8vw
  }
  .about-3-block.is-2nd {
    grid-column-gap : 2em;
    grid-row-gap : 2em;
    flex-flow : column;
    padding-left : 8vw;
    padding-right : 8vw
  }
  .about-3-block.is-3rd {
    flex-flow : wrap-reverse;
    padding-top : 8vw;
    padding-left : 8vw;
    padding-right : 8vw
  }
  .about-3-grid, .home-3-about-grid {
    grid-template-columns : 1fr
  }
  .home-3-about-block {
    padding-left : 8vw;
    padding-right : 8vw
  }
  .home-3-about-block.is-3th {
    flex-flow : wrap
  }
  .about-3-content-wrapper, .about-3-content-with-lists {
    max-width : none
  }
  .about-3-image {
    width : 100%;
    height : 25em;
    flex : 0 auto;
    align-self : auto
  }
  .testimonial-image {
    font-size : .8em
  }
  .course-detail-button {
    padding-left : 4vw;
    padding-right : 4vw
  }
  .course-cms-hero {
    grid-row-gap : 2em
  }
  .course-cms-hero-title-wrapper {
    flex-flow : column;
    grid-template-columns : 1fr;
    padding : 5em 8vw 6em
  }
  .course-cms-hero-bento-grid {
    grid-column-gap : 2em;
    grid-row-gap : 2em;
    grid-template-columns : 1fr
  }
  .course-cms-hero-content {
    padding-left : 8vw;
    padding-right : 8vw
  }
  .course-detail-button-text {
    font-size : 1.7em
  }
  .event-hero-bg-icon-large {
    right : -18vw
  }
  .event-large-description {
    font-size : 2.2em
  }
  .overview-hero-images {
    grid-row-gap : 10em;
    flex-wrap : wrap-reverse;
    padding-top : 5em;
    padding-bottom : 10em
  }
  .overview-hero-content {
    grid-row-gap : .6em;
    padding-top : 2em
  }
  .overview-hero-paragraph {
    font-size : 1.8em
  }
  .overview-hero-image {
    height : 50em
  }
  .course-details-grid {
    grid-template-columns : 1fr 1fr
  }
  .course-detail-icon {
    top : -4.4em;
    bottom : auto;
    left : -3.3em;
    right : auto
  }
  .course-detail-icon-2 {
    top : auto;
    bottom : -3.9em;
    right : -3.1em
  }
  .course-cms-hero-image-1 {
    min-height : 30em
  }
  .instructor-bio-grid {
    flex-flow : column;
    grid-template-columns : .5fr;
    display : flex
  }
  .instructor-bio-image {
    height : 50em
  }
  .instructor-bio-content {
    padding-left : 8vw;
    padding-right : 8vw
  }
  .simple-hero-description {
    padding-left : 6em
  }
  .product-description {
    font-size : 4.6em
  }
  .product-description-dot {
    font-size : .8em
  }
  .product-description-block {
    grid-column-gap : 5em;
    grid-row-gap : 5em
  }
  .orange-line {
    display : none
  }
  .additional-product-details {
    width : 100%
  }
  .password-submit-button {
    padding-top : 1.4em;
    padding-bottom : 1.4em;
    font-size : 2em
  }
  ._404-hero-layout {
    flex-wrap : wrap-reverse;
    padding-top : 8em;
    padding-bottom : 10em
  }
  ._404-hero-image {
    height : 60svh;
    min-height : 40em
  }
  .search-text-field {
    padding-left : 5.7em;
    font-size : 1.9em
  }
  .search-field-label {
    font-size : 1.1em;
    top : 1.6em;
    left : 1.7em
  }
  .about-overview-wrapper {
    grid-row-gap : 2.5em
  }
  .about-overview-links {
    top : 3.8em
  }
  .about-overview-block {
    min-height : auto;
    grid-column-gap : 2em;
    grid-row-gap : 2em;
    flex-flow : wrap;
    padding : 6em;
    position : relative;
    top : auto
  }
  .about-overview-block.is-3rd, .about-overview-block.is-2nd, .about-overview-block.is-4th {
    top : 0
  }
  .sticky-overview-link {
    font-size : 1.3em
  }
  .about-grid-video {
    height : 50em
  }
  .audience-3-list {
    grid-column-gap : .6em;
    grid-row-gap : .6em;
    grid-template-rows : auto auto;
    grid-template-columns : 1fr 1fr;
    grid-auto-columns : 1fr;
    display : grid
  }
  .audience-3-item {
    border-color : var(--color-11)
  }
    .audience-3-item : hover {
    width : 100%
  }
  .event-details-grid {
    grid-template-columns : 1fr 1fr
  }
  .event-detail-link {
    padding-left : 4vw;
    padding-right : 4vw
  }
  .event-detail-link-text {
    font-size : 1.7em
  }
  .field-label-password {
    top : 1.6em;
    left : 1.7em
  }
  .text-field-password {
    min-height : 3.5em;
    padding-left : 6.5em
  }
  .about-overview-content {
    margin-left : 0;
    margin-right : 0
  }
  .overview-grid {
    grid-column-gap : 2em;
    grid-row-gap : 2em;
    grid-template-columns : 1fr 1fr;
    font-size : .8em
  }
  .overview-grid-paragraph {
    font-size : 1.7em
  }
  .image-size {
    height : 40em;
    max-height : none;
    min-height : auto
  }
  .instructor-link-block {
    grid-column-gap : 1em;
    grid-row-gap : 1em;
    grid-template-columns : 1fr 3fr 1fr;
    padding-left : 1.5em;
    padding-right : 1.5em
  }
    .instructor-link-block : hover {
    padding-top : 1.5em;
    padding-bottom : 1.5em
  }
  .instructor-photo {
    width : 13vw
  }
  .about-overview-number {
    font-size : 16em
  }
  .title-badge-text {
    font-size : .85em
  }
  .footer-contact-button {
    width : auto;
    padding-left : 2em;
    padding-right : 2em;
    font-size : .8em;
    transition : border-color .2s, background-color .2s
  }
    .footer-contact-button : hover {
    width : auto
  }
  .overview-hero-wrapper {
    grid-column-gap : 2vw;
    grid-row-gap : 2vw
  }
  .overview-hero-line {
    height : 1.5em
  }
  .overview-hero-icon-1 {
    width : 10em;
    height : 5em
  }
  .overview-hero-small-images {
    font-size : .75vw
  }
  .prebuilt-pages-wrapper {
    grid-column-gap : 2em;
    grid-row-gap : 2em;
    grid-template-columns : 1fr
  }
  .prebuilt-page-title {
    font-size : 2.5em
  }
  .ui-kit-library {
    grid-template-columns : 1fr 1fr
  }
  .tip-block {
    -webkit-backdrop-filter : blur(15px);
    backdrop-filter : blur(15px);
    background-color : rgba(75, 46, 164, .8)
  }
  .overview-store-layout {
    padding-top : 12em;
    padding-bottom : 12em
  }
  .overview-store-image {
    font-size : .5em
  }
  .overview-grid-content {
    grid-template-columns : 1fr
  }
  .overview-grid-content-block {
    padding-left : 8vw;
    padding-right : 8vw
  }
  .overview-grid-content-block.is-2nd {
    grid-column-gap : .5em;
    grid-row-gap : .5em;
    flex-flow : column;
    justify-content : center;
    align-items : flex-start
  }
  .about-1-grid {
    grid-template-columns : 1fr
  }
  .about-1-block {
    padding-left : 8vw;
    padding-right : 8vw
  }
  .about-1-block.is-2nd {
    grid-column-gap : 2em;
    grid-row-gap : 2em;
    flex-flow : column;
    padding-left : 8vw;
    padding-right : 8vw
  }
  .about-1-content-flex {
    max-width : none
  }
  .slider-hero-layout {
    min-height : 80svh;
    padding-bottom : 10em
  }
  .slider-hero-content {
    max-width : 45em;
    margin-left : 0
  }
    }@media screen and (max-width : 767px) {
    body{font-size : 11px
  }
  .container {
    padding-left : 6vw;
    padding-right : 6vw
  }
  .tabs {
    align-items : flex-start
  }
  .paragraph {
    font-size : 1.3em
  }
  .paragraph.is-large {
    font-size : 1.5em;
    line-height : 1.5em
  }
  .paragraph.is-medium {
    font-size : 1.4em
  }
  .paragraph.is-extra-large {
    font-size : 1.7em
  }
  .paragraph.is-search-result-title {
    font-size : 1.8em
  }
  .paragraph.is-subtitle {
    font-size : 1.7em
  }
  .cover-image.with-radius-medium {
    border-radius : var(--radius-small)
  }
  .tab-link {
    min-width : auto;
    flex : 1;
    padding-left : 2vw;
    padding-right : 2vw
  }
  .image-parallax-wrapper {
    border-radius : var(--radius-small)
  }
  .heading.is-small-title {
    font-size : 1.6em
  }
  .heading.is-extra-large-title {
    font-size : 4em
  }
  .heading.is-medium-title {
    font-size : 2.3em
  }
  .heading.is-extra-small-title {
    font-size : 1.4em
  }
  .heading.is-regular-title {
    font-size : 2em
  }
  .heading.is-large-title {
    font-size : 2.7em
  }
  .heading.with-more-height {
    line-height : 1.8em
  }
  .heading.is-featured-article-title {
    font-size : 2em
  }
  .heading.is-product-title {
    font-size : 3em
  }
  .heading.is-simple-hero-title, .heading.is-product-hero-title, .heading.is-blog-hero-title {
    font-size : 3.5em
  }
  .heading.is-additional-product-title {
    font-size : 2em
  }
  .heading.is-blog-post-title {
    font-size : 1.8em
  }
  .heading.is-course-hero-title {
    font-size : 5em
  }
  .heading.is-about-3-hero-title {
    margin-top : -.2em;
    line-height : 1em
  }
  .heading.is-featured-product-title {
    font-size : 2.2em
  }
  .heading.is-home-hero-title {
    font-size : 4.5em
  }
  .heading.is-course-title {
    font-size : 2em
  }
  .heading.is-event-title {
    font-size : 2.2em
  }
  .heading.is-home-hero-title {
    font-size : 3.5em;
    line-height : 1.2em
  }
  .heading.is-contact-hero, .heading.is-event-hero-title {
    font-size : 3em
  }
  .heading.is-about-title {
    font-size : 2.5em
  }
  .heading.is-about-hero-title {
    font-size : 6vw
  }
  .heading.is-course-2-hero-title {
    font-size : 4em
  }
  .heading.is-course-2-title {
    font-size : 1.8em
  }
  .heading.is-course-3-hero-title {
    font-size : 3.5em
  }
  .heading.is-course-3-title {
    font-size : 1.8em
  }
  .heading.is-home-2-hero-title {
    margin-top : -.2em;
    font-size : 3em
  }
  .heading.is-blog-post-2-title {
    font-size : 1.8em
  }
  .heading.is-about-2-hero-title {
    font-size : 4em
  }
  .heading.is-home-3-hero-title {
    font-size : 3em
  }
  .heading.is-about-3-title {
    font-size : 2em
  }
  .heading.is-course-cms-hero-title {
    margin-top : -.2em;
    font-size : 3em
  }
  .heading.is-overview-about-title {
    font-size : 2.3em
  }
  .heading.is-404-hero-title {
    font-size : 3.5em;
    line-height : 1.2em
  }
  .heading.is-overview-hero-title {
    font-size : 6vw
  }
  .heading.is-overview-store-title {
    font-size : 4em
  }
  .heading.is-overview-grid-title {
    font-size : 2.4em
  }
  .heading.is-about-1-title {
    font-size : 2em
  }
  .heading.is-slider-hero-title {
    font-size : 3em
  }
  .icon.is-large {
    font-size : 2em
  }
  .icon.is-extra-large {
    font-size : 3.5em
  }
  .icon.is-sub-link-icon {
    font-size : 1.7em
  }
  .padding {
    padding-top : 6em;
    padding-bottom : 6em
  }
  .padding.less-paddings {
    padding-top : 2.5em;
    padding-bottom : 2.5em
  }
  .section {
    border-radius : var(--radius-small)
  }
  .vertical-flex.with-gap-4em {
    grid-row-gap : 3em
  }
  .vertical-flex.with-gap-6em {
    grid-row-gap : 5em
  }
  .vertical-flex.with-gap-10em {
    grid-row-gap : 6em
  }
  .rich-text p, .rich-text li {
    font-size : 1.6em
  }
  .rich-text h1 {
    font-size : 3em
  }
  .rich-text blockquote {
    padding-top : 1em;
    padding-bottom : .5em;
    font-size : 2em
  }
  .tabs-links {
    width : 100%;
    grid-column-gap : 0em;
    grid-row-gap : 0em;
    justify-content : flex-start
  }
  .tab-link-text {
    font-size : 1.3em
  }
  .search-input {
    width : auto;
    height : 3.5em;
    flex : 1;
    font-size : 1.3em
  }
  .brand-name-text {
    font-size : 2em
  }
 
  .nav-main-section {
    height : 3.5em;
    padding-right : 8.5em
  }
  .search-button {
    padding-left : 4vw;
    padding-right : 4vw;
    font-size : 1.6em
  }
  .logo-image-default {
    width : 3.3em;
    height : 3.3em
  }
  .aside-menu {
    font-size : 1em
  }
  .accordion {
    border-top-left-radius : var(--radius-small);
    border-top-right-radius : var(--radius-small)
  }
  .accordion-toggle {
    min-height : 8em;
    padding-left : 6vw;
    padding-right : 1.8em
  }
  .accordion-title {
    font-size : 1.6em;
    line-height : 1.2em
  }
  .nav-background {
    height : 7em
  }
  .menu-layout {
    grid-column-gap : 2.75em;
    grid-row-gap : 2.75em
  }
  .gallery-lightbox {
    height : 15em
  }
  .text-field {
    padding-left : 6.7em
  }
  .checkbox-field.in-newsletter {
    margin-top : 1.4em;
    margin-bottom : 1.4em
  }
  .checkbox {
    border-width : 3px
  }
  .success-message {
    padding-left : 8vw;
    padding-right : 8vw
  }
  .contact-form {
    font-size : .8em
  }
  .utility-page-content {
    padding : 8vw
  }
  .search-result-list {
    grid-row-gap : 3em;
    grid-template-columns : 1fr
  }
  .search-result-button {
    font-size : 1.7em
  }
  .search-result-image {
    height : 15em
  }
  .accordion-content {
    padding-left : 6vw;
    padding-right : 6vw
  }
  .search-result-content {
    padding-left : 1.5em
  }
  .custom-list-text {
    font-size : 1.4em
  }
  .simple-hero, .footer {
    border-radius : var(--radius-small)
  }
  .footer-layout {
    padding-top : 8em;
    padding-bottom : 8em
  }
  .subfooter-section {
    grid-column-gap : 1.25em;
    grid-row-gap : 1.25em;
    justify-content : center
  }
  .subfooter-link {
    font-size : 1.2em
  }
  .subfooter-utility-links {
    width : 100%;
    text-align : center;
    justify-content : center
  }
  .contact-form-layout {
    grid-template-columns : 1fr;
    font-size : .9em
  }
  .image-3d-parallax {
    border-radius : var(--radius-small)
  }
  .featured-article-item {
    grid-row-gap : 4em;
    padding : 6vw
  }
  .product-hero {
    border-radius : var(--radius-small);
    padding-top : 3em
  }
  .product-hero-image {
    height : 25em;
    border-radius : var(--radius-small)
  }
  .newsletter-form {
    font-size : .8em
  }
  .newsletter-layout {
    grid-template-columns : 1fr;
    font-size : .9em
  }
  .product-item {
    grid-template-columns : 1fr;
    padding-top : 4vw
  }
  .product-layout {
    padding : 5em 0 0
  }
  .product-images {
    grid-row-gap : 1.5em;
    padding : 1.5em
  }
  .product-content {
    grid-row-gap : 1em
  }
  .price-text-number {
    font-size : 1.5em
  }
  .additional-product-item {
    border-radius : var(--radius-small);
    padding : 4vw
  }
  .additional-product-image {
    border-radius : var(--radius-small)
  }
  .product-title-link {
    grid-column-gap : 3vw;
    grid-row-gap : 3vw
  }
  .checkout-field-label {
    font-size : 1.3em
  }
  .checkout-text-field {
    font-size : 1.6em
  }
  .checkout-checkbox {
    border-width : 2px
  }
  .order-confirmation {
    font-size : .9em
  }
  .menu-close {
    border-color : var(--purple-6-old\<deleted\|variable-282b4be9-a0f6-291c-8fe2-6c25623aea6a\>);
    background-color : var(--white);
    font-size : .9em;
    overflow : hidden
  }
    .menu-close : hover {
    background-color : var(--white)
  }
  .menu-main-links {
    grid-column-gap : 2em;
    grid-row-gap : 1em;
    grid-template-rows : auto;
    grid-template-columns : 1fr 1fr;
    grid-auto-columns : 1fr;
    display : grid
  }
  .menu-contact {
    border-radius : var(--radius-small);
    flex-wrap : wrap;
    justify-content : flex-start
  }
  .cart-button {
    min-width : auto;
    grid-column-gap : .5em;
    padding-left : 1.3em;
    padding-right : .9em
  }
  .cart-quantity {
    font-size : 1.3em;
    position : relative;
    top : auto
  }
  .cart-item {
    border-bottom : 1px solid var(--color-10);
    flex-wrap : wrap;
    padding : 1em
  }
  .cart-image {
    width : 6em;
    min-height : 4em
  }
  .cart-product-title {
    max-width : none;
    font-size : 1.8em
  }
  .cart-container {
    max-width : none;
    min-width : auto;
    border-radius : var(--radius-small);
    margin-top : 8.5em;
    font-size : .8em
  }
  .cart-product-price-block {
    width : 100%;
    font-size : 1em
  }
  .newsletter-submit-button {
    padding-top : 1.5em;
    padding-bottom : 1.5em;
    font-size : 2em
  }
  .image-carousel-block {
    height : 12em
  }
  .contact-link {
    font-size : 1.8em
  }
  .contact-social-link {
    width : 6em;
    height : 6em
  }
  .carousel-testimonial {
    font-size : 1.8em
  }
  .carousel-layout {
    width : 96%
  }
  .carousel-block {
    padding-left : 2vw;
    padding-right : 2vw
  }
  .featured-article-image {
    height : 20em
  }
  .rich-text-dark p {
    font-size : 1.4em
  }
  .rich-text-dark li {
    font-size : 1.3em
  }
  .rich-text-dark blockquote {
    padding-top : 1em;
    padding-bottom : .5em;
    font-size : 2.5em
  }
  .price-text {
    font-size : 1em
  }
  .checkout-column {
    padding-top : 4.5em;
    padding-bottom : 4.5em
  }
  .blog-hero-layout {
    grid-row-gap : 2.75em;
    padding-top : 6em;
    padding-bottom : 6em
  }
  .blog-hero-image {
    height : 40em
  }
  .blog-author-name-link {
    font-size : 2em
  }
  .gallery-grid {
    grid-column-gap : 2.8em;
    grid-row-gap : 2.8em
  }
  .product-description-text {
    font-size : 2em
  }
  .product-gallery-list {
    grid-column-gap : 1.5em;
    grid-row-gap : 1.5em;
    grid-template-columns : 1fr 1fr
  }
  .product-gallery-item {
    height : 10em
  }
  .product-hero-gallery-grid {
    grid-template-columns : 1fr 1fr
  }
  .blog-posts-list {
    grid-column-gap : 2em;
    grid-row-gap : 2em;
    grid-template-columns : 1fr
  }
  .blog-post-item {
    padding : 6vw
  }
  .blog-post-categories {
    font-size : .9em
  }
  .button-for-aside-menu {
    width : 5em;
    height : 5em;
    top : 1em
  }
  .button {
    font-size : .9em
  }
  .about-grid {
    grid-column-gap : 2em;
    grid-row-gap : 2em
  }
  .about-grid-block.is-content {
    border-radius : var(--radius-small);
    padding : 4em 6vw
  }
  .about-grid-block.is-grid {
    grid-column-gap : 2em;
    grid-row-gap : 2em
  }
  .about-grid-image {
    min-height : 25em;
    border-radius : var(--radius-small)
  }
  .course-hero-layout {
    max-width : 45em
  }
  .image-only-wrapper {
    border-radius : var(--radius-small)
  }
  .about-3-hero-wrapper {
    grid-row-gap : 1.75em;
    border-radius : var(--radius-small);
    flex-flow : column;
    padding-top : 4em;
    padding-bottom : 4em
  }
  .about-3-hero-images {
    grid-row-gap : 2em;
    border-radius : var(--radius-small)
  }
  .author-social-link {
    width : 5em;
    height : 5em
  }
  .image-carousel-wrapper {
    width : 200%
  }
  .contact-hero {
    grid-row-gap : 1em
  }
  .nav-brand {
    grid-column-gap : 2vw
  }
  .contact-hero-layout {
    grid-column-gap : 3.5em;
    grid-row-gap : 3.5em;
    border : 1px solid var(--color-8);
    border-radius : var(--radius-small);
    padding-top : 8vw;
    padding-bottom : 5em
  }
  .contact-hero-collage {
    min-height : 25em
  }
  .contact-hero-render-image {
    font-size : .5em
  }
  .nav-social-button {
    min-width : auto;
    display : none
  }
  .contact-hero-button {
    width : 100%;
    height : auto;
    max-width : 100%;
    border-radius : var(--radius-small);
    text-align : center;
    background-color : rgba(255, 255, 255, .7);
    justify-content : space-around;
    margin-top : 0;
    padding-left : 2em;
    padding-right : 2em
  }
    .contact-hero-button : hover {
    transform : none
  }
  .Projects-list {
    grid-template-columns : 1fr
  }
  .course-button {
    padding-left : 2.5em;
    padding-right : 2.5em;
    font-size : .9em
  }
  .course-button-text {
    font-size : 1.6em
  }
  .image-carousel-shadow-1st, .image-carousel-shadow-2nd, .image-carousel-shadow-3rd, .image-carousel-shadow-4th {
    border-radius : var(--radius-small)
  }
  .nav-features {
    grid-column-gap : .75em
  }
  .event-item {
    border-radius : var(--radius-small)
  }
  .event-features {
    grid-column-gap : 1.75em
  }
  .event-feature {
    grid-column-gap : .5em
  }
  .sticky-about-links {
    top : 2.3em
  }
  .sticky-about-block {
    border-radius : var(--radius-small);
    padding : 5vw
  }
  .sticky-about-image {
    height : 20em;
    border-radius : var(--radius-small)
  }
  .sticky-about-content {
    grid-row-gap : 1em
  }
  .achievement-grid {
    grid-column-gap : 1.75em;
    grid-row-gap : 1.75em
  }
  .achievement-number {
    font-size : 4em
  }
  .achievement-paragraph {
    font-size : 1.5em
  }
  .achievement-title-block {
    max-width : none
  }
  .achievement-dot-1 {
    width : 3.5em;
    height : 3.5em
  }
  .achievement-icon-1 {
    top : -4.7em;
    right : .2em
  }
  .course-shop-button {
    padding-left : 3.5em;
    padding-right : 3.5em;
    font-size : .9em
  }
  .accordion-icon-block {
    width : 3.5em;
    height : 3.5em
  }
  .accordion-additional-content, .menu-links-shadow, .menu-links-background, .menu-links-shadow-line {
    border-radius : var(--radius-small)
  }
  .footer-shadow {
    height : 1.2em;
    border-top-left-radius : var(--radius-small);
    border-top-right-radius : var(--radius-small)
  }
  .home-hero {
    grid-row-gap : 1em
  }
  .home-hero-layout {
    border : 1px solid var(--color-8);
    padding-top : 8vw;
    padding-bottom : 5em
  }
  .home-hero-content {
    grid-row-gap : 1.25em
  }
  .home-hero-image-wrapper {
    height : 40em
  }
  .home-hero-paragraph {
    font-size : 1.6em
  }
  .home-hero-icon-position {
    font-size : .4em
  }
  .dropdown-layout.is-Projects {
    border-radius : var(--radius-small)
  }
  .link-text-with-dot {
    font-size : 0.8em
    
  }
  .nav-main-links {
    grid-column-gap : 2vw
  }
  .audience-list, .nav-audience-list {
    grid-template-columns : 1fr 1fr
  }
  .nav-audience-link-block {
    padding-top : 2em;
    padding-bottom : 2em
  }
  .text-link-with-border {
    font-size : 1.2em
  }
  .nav-dropdown-link.is-Projects {
    grid-column-gap : 2vw;
    font-size : .9em
  }
  .burger-button-dot {
    width : 4px;
    height : 4px
  }
  .course-hero-shadow-1, .course-hero-shadow-2 {
    border-radius : var(--radius-small)
  }
  .footer-gradient-line {
    width : 100%
  }
  .featured-article-category-badge {
    grid-column-gap : .75em;
    grid-row-gap : .75em;
    padding : 1.2em 1.3em;
    font-size : .8em
  }
  .featured-article-category-addon {
    height : 2.5em
  }
  .featured-article-author-badge {
    font-size : .8em
  }
  .blog-posts-dot-1 {
    width : 3.5em;
    height : 3.5em;
    font-size : .6em;
    left : -2.5em
  }
  .blog-posts-dot-2 {
    right : -3.6em
  }
  .blog-posts-icon-1 {
    font-size : .8em
  }
  .blog-posts-icon-2 {
    left : -5.5em
  }
  .subfooter-author-links {
    width : 100%;
    text-align : center;
    justify-content : center
  }
  .event-hero-wrapper {
    margin-bottom : 2em
  }
  .event-hero-layout {
    width : 84%;
    max-width : 45em;
    grid-row-gap : 1.75em;
    padding-top : 8em;
    padding-bottom : 8em
  }
  .event-hero-subtitle-icon {
    left : -9.7em
  }
  .achievement-icon-2, .achievement-icon-3 {
    top : -4.7em;
    right : .2em
  }
  .about-hero-line {
    height : 1em
  }
  .about-hero-images {
    font-size : .4em
  }
  .about-hero-icon-1 {
    font-size : .7em
  }
  .tab-wrapper {
    padding : 6vw
  }
  .form-submit-button {
    padding-top : 1.5em;
    padding-bottom : 1.5em;
    font-size : 2em
  }
  .contact-form-wrapper {
    width : 94%;
    grid-column-gap : 2em;
    grid-row-gap : 2em;
    padding : 3.5em 4vw
  }
  .form-icon {
    font-size : .7em
  }
  .contact-form-shadow-left {
    width : 1em;
    left : -1.1em
  }
  .contact-form-shadow-left.is-2nd {
    left : -2.1em
  }
  .contact-form-shadow-right {
    width : 1em;
    right : -1.1em
  }
  .contact-form-shadow-right.is-2nd {
    right : -2.1em
  }
  .simple-hero-layout {
    grid-column-gap : 1em;
    grid-row-gap : 1em;
    padding-top : 8em;
    padding-bottom : 8em
  }
  .simple-hero-shadow {
    height : 1.2em
  }
  .course-2-hero {
    margin-bottom : 3em
  }
  .course-2-hero-flex {
    border-radius : var(--radius-small)
  }
  .course-2-hero-layout {
    max-width : 45em;
    min-height : auto;
    padding-top : 12em;
    padding-bottom : 12em
  }
  .Projects-2-list {
    grid-template-columns : 1fr
  }
  .course-2-item {
    border-radius : var(--radius-small)
  }
  .course-2-image-link {
    height : 25em;
    border-radius : var(--radius-small)
  }
  .course-3-hero-layout {
    min-height : auto;
    padding-top : 4em
  }
  .course-3-hero-content {
    max-width : 30em
  }
  .Projects-3-list {
    grid-template-columns : 1fr
  }
  .course-3-item {
    grid-column-gap : 1em;
    grid-row-gap : 1em;
    border-radius : var(--radius-small)
  }
  .course-3-image-link {
    height : 28em;
    border-radius : var(--radius-small)
  }
  .course-3-content-wrapper {
    grid-column-gap : 1em;
    grid-row-gap : 1em;
    flex-flow : wrap
  }
  .course-3-background {
    border-radius : var(--radius-small)
  }
  .simple-button {
    font-size : .9em
  }
  .course-3-content {
    border-radius : var(--radius-small);
    padding : 3em 4vw
  }
  .course-3-features {
    width : 100%;
    grid-column-gap : 1em;
    grid-row-gap : 1em;
    flex-flow : wrap
  }
  .course-3-feature {
    min-width : 11em;
    grid-column-gap : 1vw;
    grid-row-gap : 1vw;
    border-radius : var(--radius-small);
    justify-content : center;
    align-items : center;
    padding-left : 2vw;
    padding-right : 2vw
  }
  .home-2-hero-bento-grid, .home-2-title-block {
    border-radius : var(--radius-small)
  }
  .slider-timeline {
    width : 8em
  }
  .home-2-hero-slider, .home-2-hero-content, .home-2-hero-image {
    border-radius : var(--radius-small)
  }
  .hero-achievement-number {
    font-size : 4em
  }
  .hero-achievement-paragraph {
    font-size : 1.5em
  }
  .blog-post-2-item {
    border-radius : var(--radius-small)
  }
  .blog-post-2-content {
    padding-left : 8vw;
    padding-right : 8vw
  }
  .blog-post-2-image {
    height : 20em
  }
  .text-link-block {
    font-size : 1.1em
  }
  .about-grid-shadow, .about-2-hero-flex {
    border-radius : var(--radius-small)
  }
  .about-2-hero-layout {
    max-width : 45em;
    min-height : auto;
    padding-top : 12em;
    padding-bottom : 12em
  }
  .about-2-hero-shadow-1, .about-2-hero-shadow-2 {
    border-radius : var(--radius-small)
  }
  .home-3-hero-layout {
    min-height : auto;
    padding-bottom : 5em
  }
  .home-3-hero-content {
    max-width : 35em;
    grid-column-gap : 2em;
    grid-row-gap : 2em
  }
  .about-3-block {
    grid-column-gap : 2.75em;
    grid-row-gap : 2.75em;
    border-radius : var(--radius-small)
  }
  .about-3-icon-2 {
    font-size : .8em
  }
  .home-3-about-achievment {
    border-radius : var(--radius-small);
    padding-left : 4vw;
    padding-right : 4vw
  }
  .home-3-about-grid {
    grid-column-gap : 1em;
    grid-row-gap : 1em
  }
  .home-3-about-block {
    border-radius : var(--radius-small)
  }
  .home-3-about-block.is-3th {
    grid-column-gap : 1em;
    grid-row-gap : 1em
  }
  .about-3-image {
    height : 20em
  }
  .testimonial-image {
    font-size : .6em
  }
  .about-3-icon-1 {
    font-size : .7em
  }
  .simple-hero-title-block {
    grid-column-gap : 2em;
    grid-row-gap : 2em
  }
  .simple-hero-dot {
    width : 1.5em;
    height : 1.5em
  }
  .featured-article-categories {
    font-size : .9em
  }
  .course-detail-button {
    grid-row-gap : 1.5em
  }
  .course-cms-hero {
    grid-row-gap : 2em;
    margin-bottom : 2.5em
  }
  .course-cms-hero-title-wrapper {
    border-radius : var(--radius-small)
  }
  .course-cms-hero-bento-grid {
    grid-column-gap : 2em;
    grid-row-gap : 2em;
    border-radius : var(--radius-small)
  }
  .course-cms-hero-content {
    grid-column-gap : 2em;
    grid-row-gap : 2em;
    border-radius : var(--radius-small);
    flex-flow : wrap;
    justify-content : flex-start;
    align-items : flex-start;
    padding-top : 4em;
    padding-bottom : 4em
  }
  .course-detail-button-text {
    font-size : 1.5em
  }
  .course-cms-hero-flex {
    max-width : none;
    grid-column-gap : 2em;
    grid-row-gap : 2em
  }
  .event-hero-bg-icon-large {
    width : 50em;
    height : 50em;
    right : -20.4em
  }
  .audience-title {
    font-size : 1.7em
  }
  .event-large-description {
    font-size : 1.8em
  }
  .icon-element-2 {
    font-size : .8em
  }
  .course-cms-description {
    font-size : 2.3em
  }
  .overview-hero-images {
    grid-row-gap : 8em;
    padding-bottom : 5em
  }
  .overview-hero-paragraph {
    font-size : 1.6em
  }
  .overview-hero-image {
    height : 30em;
    border-radius : var(--radius-small)
  }
  .course-details-grid {
    grid-column-gap : 1.75em;
    grid-row-gap : 1.75em
  }
  .course-detail-icon {
    left : -.3em
  }
  .course-detail-icon-2 {
    right : -6em
  }
  .course-cms-hero-image-1 {
    min-height : 25em;
    border-radius : var(--radius-small)
  }
  .course-cms-hero-small-title {
    font-size : 2em
  }
  .instructor-bio-grid {
    grid-column-gap : 2em;
    grid-row-gap : 2em
  }
  .instructor-bio-image {
    height : 40em;
    border-radius : var(--radius-small)
  }
  .instructor-bio-content {
    border-radius : var(--radius-small);
    padding-top : 5em;
    padding-bottom : 5em
  }
  .simple-hero-description {
    padding-left : 4em
  }
  .product-description {
    font-size : 3.4em
  }
  .product-description-dot {
    font-size : .6em
  }
  .product-description-block {
    grid-column-gap : 2.5em;
    grid-row-gap : 2.5em
  }
  .orange-divider {
    margin-top : 4em;
    margin-bottom : 2em
  }
  .additional-product-price {
    font-size : .8em
  }
  .product-title-link-dot {
    width : 1.3em;
    height : 1.3em;
    position : relative;
    left : 0
  }
  .product-badge-text {
    font-size : 1em
  }
  .password-submit-button {
    padding-top : 1.5em;
    padding-bottom : 1.5em;
    font-size : 2em
  }
  ._404-hero {
    grid-row-gap : 1em;
    margin-top : 2vw
  }
  ._404-hero-layout {
    border : 1px solid var(--color-8);
    padding-bottom : 5em
  }
  ._404-hero-content {
    grid-row-gap : 1.25em
  }
  .search-form-field {
    flex-flow : column
  }
  .search-text-field {
    padding-left : 6em;
    font-size : 1.7em
  }
  .search-field-label {
    font-size : 1em
  }
  .about-overview-links {
    top : 2.3em
  }
  .about-overview-block {
    border-radius : var(--radius-small);
    padding-left : 8vw;
    padding-right : 8vw
  }
  .simple-hero-background-color {
    border-radius : var(--radius-small)
  }
  .about-grid-video {
    height : 40em;
    border-radius : var(--radius-small)
  }
  .audience-3-list {
    border-radius : var(--radius-small);
    grid-template-columns : 1fr 1fr
  }
  .audience-3-item {
    border-radius : var(--radius-small)
  }
  .buttons, .event-details-grid {
    grid-column-gap : 1.75em;
    grid-row-gap : 1.75em
  }
  .event-detail-link {
    grid-row-gap : 1.5em
  }
  .event-detail-link-text {
    font-size : 1.5em
  }
  .about-overview-content {
    grid-row-gap : 1.5em
  }
  .overview-grid-number {
    font-size : 4em
  }
  .overview-grid-paragraph {
    font-size : 1.5em
  }
  .image-size {
    height : 30em
  }
  .instructors-list {
    grid-column-gap : 2em;
    grid-row-gap : 2em
  }
  .instructor-link-block {
    grid-column-gap : 1.4em;
    grid-row-gap : 1.4em;
    border-radius : var(--radius-small);
    grid-template-columns : 1fr
  }
    .instructor-link-block : hover {
    border-color : var(--transparent);
    background-color : var(--transparent)
  }
  .instructor-link-block.is-light {
    border-radius : var(--radius-small)
  }
    .instructor-link-block.is-light : hover {
    background-color : var(--transparent)
  }
  .instructor-photo {
    width : 28em;
    min-height : 20em;
    border-radius : var(--radius-small)
  }
  .instructor-icon-block.is-light {
    border-radius : var(--radius-small)
  }
  .simple-hero-small-image {
    width : 100%;
    height : 20em;
    border-radius : var(--radius-small);
    position : relative
  }
  .footer-sub-links {
    grid-column-gap : 1.7em
  }
  .footer-badge {
    padding : .3em .5em
  }
  .overview-hero-line {
    height : 1em
  }
  .overview-hero-icon-1 {
    font-size : .7em
  }
  .overview-hero-small-images {
    font-size : .4em
  }
  .overview-hero {
    border-radius : var(--radius-small);
    padding-top : 4em;
    padding-bottom : 4em
  }
  .prebuilt-page-link {
    grid-column-gap : 4vw;
    grid-row-gap : 4vw;
    padding : 4vw
  }
  .prebuilt-page-title {
    font-size : 2em
  }
  .ui-kit-library-link-block {
    justify-content : space-between;
    align-items : center;
    padding-left : 3vw;
    padding-right : 3vw
  }
  .ui-kit-library-text {
    font-size : 1.5em
  }
  .ui-kit-library-number {
    font-size : 1.2em
  }
  .tip-block {
    margin-top : 2em
  }
  .overview-store-layout {
    max-width : 45em;
    grid-row-gap : 2em;
    padding-top : 6em;
    padding-bottom : 6em
  }
  .overview-store-images {
    display : none
  }
  .overview-store-shadow-1, .overview-store-shadow-2 {
    border-radius : var(--radius-small)
  }
  .overview-grid-content {
    grid-column-gap : 1em;
    grid-row-gap : 1em
  }
  .overview-grid-content-block {
    border-radius : var(--radius-small)
  }
  .overview-grid-content-block.is-2nd {
    padding-top : 4em;
    padding-bottom : 4em
  }
  .overview-grid-content-block.with-element {
    grid-column-gap : 3em;
    grid-row-gap : 3em;
    padding-top : 4em;
    padding-bottom : 4em
  }
  .overview-grid-content-icon-1 {
    font-size : .8em
  }
  .overview-hero-buttons {
    grid-column-gap : 1em
  }
  .about-1-block {
    grid-column-gap : 2.75em;
    grid-row-gap : 2.75em;
    border-radius : var(--radius-small)
  }
  .about-1-icon-1 {
    font-size : .7em
  }
  .slider-hero-layout {
    min-height : auto;
    padding-top : 20em;
    padding-bottom : 5em
  }
  .slider-hero-content {
    max-width : 35em;
    grid-column-gap : 2em;
    grid-row-gap : 2em
  }
  .slider-hero-icon {
    width : 15em;
    height : 15em;
    left : -9.7em
  }
    }@media screen and (max-width : 479px) {
    .icons{grid-column-gap : 1.5em
  }
  .paragraph {
    font-size : 1.2em
  }
  .paragraph.is-large {
    font-size : 1.4em;
    line-height : 1.4em
  }
  .paragraph.is-medium {
    font-size : 1.3em
  }
  .paragraph.is-extra-large {
    font-size : 1.5em
  }
  .paragraph.is-small {
    font-size : 1.1em
  }
  .paragraph.is-subtitle {
    font-size : 1.5em
  }
  .tab-link {
    min-width : auto
  }
  .heading.is-small-title {
    line-height : 1.5em
  }
  .heading.is-extra-large-title {
    font-size : 3em
  }
  .heading.is-medium-title {
    font-size : 2em
  }
  .heading.is-extra-small-title {
    line-height : 1.5em
  }
  .heading.is-regular-title {
    font-size : 1.8em
  }
  .heading.is-large-title {
    font-size : 2.4em
  }
  .heading.with-more-height {
    line-height : 1.6em
  }
  .heading.is-featured-article-title {
    font-size : 1.7em
  }
  .heading.is-product-title {
    font-size : 2.3em
  }
  .heading.is-simple-hero-title {
    font-size : 3em
  }
  .heading.is-product-hero-title {
    font-size : 2.5em
  }
  .heading.is-blog-hero-title {
    font-size : 2.5em;
    line-height : 1.4em
  }
  .heading.is-additional-product-title {
    font-size : 1.8em;
    line-height : 1.2em
  }
  .heading.is-blog-post-title {
    font-size : 1.4em
  }
  .heading.is-course-hero-title {
    font-size : 10vw;
    line-height : 1.2em
  }
  .heading.is-about-3-hero-title {
    font-size : 5em
  }
  .heading.is-featured-product-title {
    font-size : 2em
  }
  .heading.is-home-hero-title {
    font-size : 3.5em
  }
  .heading.is-course-title {
    font-size : 1.6em
  }
  .heading.is-home-hero-title {
    margin-bottom : .4em;
    font-size : 8vw;
    line-height : 1.3em
  }
  .heading.is-contact-hero, .heading.is-event-hero-title {
    font-size : 2.5em
  }
  .heading.is-about-title {
    font-size : 2em
  }
  .heading.is-about-hero-title {
    font-size : 8vw
  }
  .heading.is-course-2-hero-title {
    font-size : 9vw;
    line-height : 1.2em
  }
  .heading.is-course-2-title {
    font-size : 1.5em
  }
  .heading.is-course-3-hero-large-title {
    line-height : 1.2em
  }
  .heading.is-course-3-hero-title {
    font-size : 3em;
    line-height : 1.2em
  }
  .heading.is-course-3-title {
    font-size : 1.5em
  }
  .heading.is-home-2-hero-title {
    font-size : 2.5em
  }
  .heading.is-blog-post-2-title {
    font-size : 1.4em
  }
  .heading.is-about-2-hero-title {
    font-size : 8vw;
    line-height : 1.5em
  }
  .heading.is-home-3-hero-title {
    font-size : 2.5em
  }
  .heading.is-about-3-title {
    font-size : 1.8em
  }
  .heading.is-course-cms-hero-title {
    font-size : 2.3em
  }
  .heading.is-overview-about-title {
    font-size : 2em
  }
  .heading.is-404-hero-title {
    margin-bottom : .4em;
    font-size : 8vw;
    line-height : 1.3em
  }
  .heading.is-overview-hero-title {
    font-size : 6.5vw
  }
  .heading.is-overview-store-title {
    font-size : 12vw;
    line-height : 1.2em
  }
  .heading.is-overview-grid-title, .heading.is-about-1-title {
    font-size : 1.8em
  }
  .heading.is-slider-hero-title {
    font-size : 2.5em
  }
  .icon.is-large {
    font-size : 1.8em
  }
  .icon.is-extra-large {
    font-size : 3em
  }
  .icon.in-gallery {
    font-size : 2.4em
  }
  .icon.is-contact-social-icon {
    font-size : 1.6em
  }
  .padding {
    padding-top : 4em;
    padding-bottom : 4em
  }
  .padding.less-paddings {
    padding-top : 2em;
    padding-bottom : 2em
  }
  .section {
    margin-top : 1.5em;
    margin-bottom : 1.5em
  }
  .vertical-flex.with-gap-4em {
    grid-row-gap : 3em
  }
  .vertical-flex.with-gap-6em {
    grid-row-gap : 4em
  }
  .rich-text p, .rich-text li {
    font-size : 1.5em
  }
  .rich-text h2 {
    font-size : 2em
  }
  .rich-text h1 {
    font-size : 2.5em
  }
  .rich-text h3 {
    font-size : 1.8em
  }
  .rich-text h4 {
    font-size : 1.6em
  }
  .rich-text h5 {
    font-size : 1.5em
  }
  .rich-text h6 {
    font-size : 1.4em
  }
  .rich-text blockquote {
    font-size : 1.6em;
    line-height : 1.7em
  }
  .tabs-links {
    align-self : stretch
  }
  .tab-link-text {
    font-size : 1.1em
  }
  .search-input {
    width : 100%;
    font-size : 1.5em
  }
  .brand-name-text {
    font-size : 1.8em
  }

  .nav-main-section {
    height : 3em;
    grid-column-gap : 2vw;
    padding-right : 5.5em
  }
  .search {
    flex : 0 auto
  }
  .search-button {
    width : 100%;
    min-width : auto;
    padding-top : 1.2em;
    padding-bottom : 1.2em
  }
  .nav-icon {
    font-size : 1.6em
  }
  .logo-image-default {
    width : 2.5em;
    height : 2.5em
  }
  .accordion-toggle {
    min-height : 6em;
    text-align : left;
    background-image : none;
    padding-right : 1.3em
  }
  .accordion-title {
    max-width : 85%;
    font-size : 1.5em
  }
  .nav-background {
    height : 4.5em
  }
  .menu-layout {
    grid-column-gap : 2em;
    grid-row-gap : 2em;
    padding : 8vw
  }
  .gallery-lightbox {
    height : 13em
  }
  .gallery-background {
    width : 120vw;
    height : 120vw
  }
  .text-field {
    padding-top : 1em;
    padding-left : 1em;
    padding-right : 1em
  }
  .text-field.is-area-field {
    padding-top : 1.4em
  }
  .text-field.is-newsletter {
    padding-left : .5em
  }
  .field-label {
    top : -.5em;
    left : 1em
  }
  .success-message-text.in-newsletter {
    font-size : 2.3em
  }
  .search-result-list {
    grid-column-gap : 4em;
    grid-row-gap : 4em;
    grid-template-columns : 1fr
  }
  .search-result-button {
    width : 100%;
    font-size : 1.5em
  }
  .accordion-content {
    padding-bottom : 2em
  }
  .form-block-password {
    font-size : .6em
  }
  .error-message-password {
    font-size : 2em
  }
  .small-uppercase-title {
    font-size : .9em
  }
  .custom-list-text {
    font-size : 1.3em
  }
  .custom-list-icon-block {
    font-size : .8em
  }
  .footer {
    border-radius : var(--radius-small)
  }
  .footer-layout {
    padding-top : 6em;
    padding-bottom : 6em
  }
  .subfooter-section {
    grid-column-gap : .75em;
    grid-row-gap : .75em
  }
  .image-3d-parallax {
    border-radius : var(--radius-small)
  }
  .featured-articles {
    padding-top : 4vw
  }
  .featured-articles-list {
    grid-row-gap : 1.25em
  }
  .featured-article-item {
    grid-row-gap : 3.5em;
    padding : 4vw 4vw 3em
  }
  .featured-article-content {
    grid-row-gap : 1.25em;
    padding-left : 0;
    padding-right : 0
  }
  .product-hero-content {
    grid-column-gap : 3em;
    grid-row-gap : 3em
  }
  .product-hero-image {
    height : 20em
  }
  .contact-content-block {
    grid-row-gap : 2em
  }
  .submit-button-block {
    grid-row-gap : 1.5em
  }
  .faq-hero-layout {
    padding-top : 4.5em;
    padding-bottom : 4.5em
  }
  .product-item {
    grid-template-columns : 1fr;
    padding : 8vw
  }
  .product-layout {
    width : 100%;
    padding-top : 3.3em;
    padding-bottom : 4em
  }
  .product-images {
    grid-row-gap : .75em;
    padding : 2vw
  }
  .product-content {
    grid-row-gap : 1em
  }
  .product-default-state {
    grid-column-gap : 1vw;
    grid-row-gap : 1vw
  }
  .product-quantity {
    width : 4em;
    height : 3.2em;
    padding-left : 1em
  }
  .product-button {
    font-size : 1.4em
  }
  .product-button.is-add-to-cart-button {
    padding-right : 2.7em
  }
  .product-hero-about {
    grid-row-gap : 1em
  }
  .product-hero-prices {
    grid-column-gap : 1em;
    grid-row-gap : 1em
  }
  .price-text-number {
    font-size : 1.3em
  }
  .price-block {
    padding : 5vw 2vw
  }
  .price-block.in-featured {
    max-width : none
  }
  .product-prices {
    grid-column-gap : 2vw;
    grid-row-gap : 2vw
  }
  .product-prices.in-featured {
    padding-left : 4vw;
    padding-right : 4vw
  }
  .product-wrapper {
    grid-row-gap : 2vw
  }
  .additional-product-image {
    height : 10em
  }
  .product-title-link {
    grid-column-gap : 5vw;
    grid-row-gap : 5vw
  }
  .checkout-field-label {
    font-size : 1.2em
  }
  .checkout-block-header {
    flex-wrap : wrap
  }
  .order-item-list {
    grid-row-gap : 1.5em
  }
  .order-item {
    grid-column-gap : 4vw
  }
  .order-item-content {
    grid-row-gap : .5em;
    flex-flow : wrap;
    justify-content : flex-start;
    align-items : center
  }
  .order-item-title {
    font-size : 1.4em
  }
  .order-item-price {
    font-size : 1.3em
  }
  .order-item-price-block {
    width : 100%;
    grid-row-gap : .25em;
    justify-content : center;
    align-items : flex-start
  }
  .order-item-image {
    width : 20vw
  }
  .checkout-submit-button {
    width : 100%;
    min-width : auto
  }
  .checkout-line-item {
    padding : 1.5em 6vw
  }
  .checkout-price-text {
    font-size : 1.5em
  }
  .order-confirmation {
    padding-bottom : 8em
  }
  .menu-close {
    font-size : .8em;
    overflow : hidden
  }
  .menu-links {
    padding : 12vw 10vw
  }
  .menu-main-links {
    grid-row-gap : 1.25em;
    flex-direction : column;
    grid-template-columns : 1fr
  }
  .menu-contact {
    grid-column-gap : 3em;
    grid-row-gap : 3em;
    flex-wrap : wrap;
    padding : 12vw 10vw
  }
  .cart-button {
    min-width : auto;
    grid-column-gap : 2vw;
    padding-left : 4vw;
    padding-right : 4vw;
    font-size : .8em
  }
  .cart-quantity {
    font-size : 1.3em
  }
  .cart-header {
    padding-left : 4vw
  }
  .cart-list {
    padding-top : 4vw;
    padding-bottom : 4vw
  }
  .cart-item {
    grid-column-gap : 2vw;
    grid-row-gap : 2vw
  }
  .cart-product-quantity {
    width : 4em;
    height : 2.4em;
    text-align : left;
    padding-left : .8em;
    padding-right : .8em;
    font-weight : 500
  }
  .cart-checkout-button {
    padding-top : 1.8em;
    padding-bottom : 1.8em
  }
  .cart-container {
    max-width : none;
    min-width : auto;
    border-color : var(--transparent);
    margin-top : 5.5em;
    padding : 4vw
  }
  .cart-footer {
    margin-top : auto;
    padding : 8vw
  }
  .footer-socials, .newsletter-submit-button {
    width : 100%
  }
  .image-carousel-block {
    height : 10em
  }
  .contact-link {
    padding-top : .3em;
    padding-bottom : .3em;
    font-size : 1.6em;
    line-height : 1.7em
  }
  .contact-content-wrapper {
    grid-row-gap : .75em
  }
  .contact-social-link {
    width : 5em;
    height : 5em
  }
  .carousel-button {
    font-size : .8em
  }
  .carousel-testimonial {
    font-size : 1.3em
  }
  .carousel-slide {
    width : 100%
  }
  .carousel-block {
    grid-row-gap : 2.75em
  }
  .rich-text-dark h2 {
    font-size : 2.5em
  }
  .rich-text-dark h1 {
    font-size : 3.5em
  }
  .rich-text-dark h3 {
    font-size : 2.2em
  }
  .rich-text-dark h4 {
    font-size : 1.8em
  }
  .rich-text-dark h5 {
    font-size : 1.6em
  }
  .rich-text-dark h6 {
    font-size : 1.4em
  }
  .rich-text-dark blockquote {
    font-size : 2em;
    line-height : 1.7em
  }
  .price-text {
    font-size : .9em
  }
  .product-hero-price-block {
    padding-top : 1.5em;
    padding-bottom : 1.5em
  }
  .checkout-column {
    padding-top : 2.5em;
    padding-bottom : 2.5em
  }
  .checkout-column.is-2nd {
    padding-bottom : 4em
  }
  .blog-hero-image {
    height : 30em
  }
  .blog-author {
    padding-left : 6vw;
    padding-right : 6vw
  }
  .course-hero-image {
    font-size : .4em
  }
  .course-hero-image.is-1st {
    width : 23%;
    height : 14%
  }
  .course-hero-image.is-2nd {
    width : 33%;
    height : 20%
  }
  .course-hero-image.is-3rd {
    width : 30%
  }
  .gallery-grid {
    grid-column-gap : 1.8em;
    grid-row-gap : 1.8em;
    grid-template-columns : 1fr
  }
  .product-description-text {
    font-size : 1.6em
  }
  .product-image {
    height : 20em
  }
  .product-gallery-item {
    height : 7em
  }
  .product-hero-gallery-grid {
    grid-column-gap : 1em;
    grid-row-gap : 1em;
    grid-template-columns : 1fr
  }
  .blog-posts-list {
    grid-column-gap : 1em;
    grid-row-gap : 1em
  }
  .blog-post-item {
    grid-row-gap : 1.75em;
    border-radius : var(--radius-small);
    padding : 5vw 5vw 2.5em
  }
  .blog-post-image {
    height : 20em
  }
  .blog-post-categories {
    font-size : .8em
  }
  .button-for-aside-menu {
    width : 3.7em;
    height : 3.3em;
    border-radius : var(--radius-small);
    top : .5em;
    right : 1.5em
  }
  .button {
    font-size : .8em
  }
  .about-grid {
    grid-column-gap : 1.5em;
    grid-row-gap : 1.5em
  }
  .about-grid-block.is-content {
    padding : 3em 8vw
  }
  .about-grid-block.is-grid {
    grid-template-columns : 1fr
  }
  .about-grid-image {
    min-height : 20em
  }
  .about-grid-content {
    grid-row-gap : 2.5em
  }
  .gallery-lightbox-block {
    padding : 2vw
  }
  .gallery-lightbox-block.in-product {
    padding : 0
  }
  .about-3-hero-wrapper {
    grid-row-gap : 1.75em;
    flex-flow : column;
    justify-content : flex-start;
    align-items : center
  }
  .about-3-hero-image {
    font-size : .4em
  }
  .menu-title {
    font-size : 1.6em
  }
  .menu-content-wrapper {
    grid-row-gap : 2em
  }
  .menu-contact-block {
    grid-row-gap : .75em
  }
  .author-socials-list {
    grid-column-gap : 1em
  }
  .featured-product {
    grid-row-gap : .75em;
    padding-bottom : 3.3em
  }
  .contact-hero-collage {
    min-height : 20em
  }
  .contact-hero-render-image {
    font-size : .4em
  }
  .contact-hero-info-box {
    border-radius : var(--radius-small);
    font-size : .6em
  }
  .nav-social-button {
    display : none
  }
  .contact-hero-button {
    grid-row-gap : 1.5em;
    flex-direction : column;
    justify-content : center
  }
  .contact-hero-info-box-2 {
    border-radius : var(--radius-small);
    font-size : .6em
  }
  .course-item {
    grid-row-gap : 1.5em
  }
  .course-image-link {
    height : 20em
  }
  .course-features {
    grid-column-gap : 1.25em
  }
  .course-button {
    padding-left : 2.2em;
    padding-right : 1.6em;
    font-size : .8em
  }
  .course-badges {
    grid-column-gap : .5em;
    grid-row-gap : .5em
  }
  .event-features {
    padding-left : 0
  }
  .event-content {
    grid-row-gap : 1em
  }
  .event-dot {
    display : none
  }
  .sticky-about-link {
    font-size : 1.1em
  }
  .sticky-about-links {
    grid-column-gap : .5em;
    top : 1.4em
  }
  .sticky-about-block {
    border-radius : var(--radius-medium);
    padding : 8vw
  }
  .sticky-about-content {
    padding : 0
  }
  .achievement-grid {
    grid-template-columns : 1fr
  }
  .achievement-paragraph {
    max-width : none;
    font-size : 1.4em
  }
  .achievement-title-block {
    text-align : center;
    margin-bottom : 2em
  }
  .achievement-dot-1 {
    width : 3em;
    height : 3em;
    top : -4em;
    left : .4em
  }
  .achievement-dot-2 {
    bottom : -2.3em
  }
  .achievement-icon-1 {
    top : auto;
    bottom : -1.2em;
    left : 3.2em;
    right : auto
  }
  .achievement-dot-3 {
    bottom : -4.1em;
    right : 4.7em
  }
  .course-buttons {
    min-height : 3.8em
  }
  .course-shop-button {
    padding-left : 2.5em;
    padding-right : 2.5em;
    font-size : .8em
  }
  .newsletter-form-button {
    width : 100%
  }
  .form-button-shadow {
    transform : rotate(-4deg)
  }
  .form-button-line {
    transform : rotate(4deg)
  }
  .accordion-icon-block {
    width : 3em;
    height : 3em
  }
  .home-hero-content {
    grid-row-gap : .75em
  }
  .home-hero-image-wrapper {
    height : 30em
  }
  .info-badge-1 {
    border-radius : var(--radius-small);
    font-size : .6em
  }
  .home-hero-icon-position {
    font-size : .3em
  }
  .info-badge-2 {
    border-radius : var(--radius-small);
    font-size : .6em
  }
  .dropdown-block.is-Projects {
    padding-top : 2.5rem
  }
  .audience-link-block.with-image {
    grid-row-gap : 1.25em;
    padding-top : 2em;
    padding-bottom : 2em
  }
  .burger-button-backgrouind {
    border-radius : var(--radius-small)
  }
  .text-link-with-border {
    font-size : 1em
  }
  .nav-dropdown-link.is-Projects {
    font-size : .8em
  }
  .footer-gradient-line {
    display : none
  }
  .footer-nav-brand {
    font-size : .8em
  }
  .footer-call-to-action-button {
    font-size : .85em
  }
  .brand-home-badge {
    font-size : .8em;
    display : none
  }
  .featured-article-category-badge {
    padding : 1em;
    font-size : .8em
  }
  .featured-article-author-badge {
    padding : .7em;
    font-size : .8em
  }
  .blog-posts-dot-1 {
    left : -3.5em
  }
  .blog-posts-dot-2 {
    right : -3.1em
  }
  .blog-posts-icon-2 {
    left : -4.6em
  }
  .event-hero-subtitle-icon {
    left : -8.5em
  }
  .achievement-icon-2 {
    top : auto;
    bottom : -1.2em;
    left : 3.2em;
    right : auto
  }
  .achievement-dot-4, .achievement-dot-5 {
    bottom : -4.1em;
    right : 4.7em
  }
  .achievement-icon-3 {
    top : auto;
    bottom : -1.2em;
    left : 3.2em;
    right : auto
  }
  .about-hero-wrapper {
    grid-column-gap : 4vw;
    grid-row-gap : 4vw;
    flex-flow : wrap
  }
  .about-hero-images {
    width : 100%;
    grid-column-gap : 2vw;
    grid-row-gap : 2vw;
    justify-content : center;
    align-items : center;
    font-size : .6em
  }
  .about-hero-icon-1 {
    display : none
  }
  .tab-wrapper {
    padding : 8vw
  }
  .form-submit-button, .form-button, .contact-form-wrapper {
    width : 100%
  }
  .contact-form-shadow-left.is-2nd, .contact-form-shadow-right.is-2nd {
    display : none
  }
  .gallery-lightbox-shadow {
    margin : 0;
    transform : rotate(3deg)
  }
  .gallery-lightbox-shadow.is-3rd {
    margin : 0
  }
  .gallery-lightbox-shadow.is-2nd {
    margin : 0;
    transform : rotate(-2deg)
  }
  .gallery-lightbox-shadow.is-4th {
    margin : 0;
    transform : rotate(-4deg)
  }
  .simple-hero-shadow {
    height : .8em
  }
  .course-2-hero-layout {
    padding-top : 8em;
    padding-bottom : 8em
  }
  .course-2-image-link {
    height : 15em
  }
  .course-2-badge-block {
    grid-column-gap : .3em;
    grid-row-gap : .3em;
    font-size : .9em
  }
  .course-2-content-wrapper {
    grid-column-gap : 1.25em;
    grid-row-gap : 1.25em;
    padding-top : 2em
  }
  .course-3-hero-content {
    max-width : 25em
  }
  .course-3-item {
    grid-column-gap : .75em;
    grid-row-gap : .75em
  }
  .course-3-image-link {
    height : 20em
  }
  .course-3-content-wrapper {
    grid-column-gap : .75em;
    grid-row-gap : .75em
  }
  .simple-button {
    font-size : .85em
  }
  .course-3-content {
    padding-top : 2.5em;
    padding-bottom : 1.7em
  }
  .course-3-features {
    grid-column-gap : .75em;
    grid-row-gap : .75em
  }
  .course-3-feature {
    grid-column-gap : 2vw;
    grid-row-gap : 2vw;
    padding-top : 1em;
    padding-bottom : 1em
  }
  .course-3-feature-text {
    font-size : 1.1em
  }
  .home-2-hero-icon {
    font-size : .8em
  }
  .home-2-hero {
    grid-row-gap : 1.75em;
    flex-flow : column;
    justify-content : flex-start;
    align-items : center
  }
  .home-2-title-block {
    grid-row-gap : 1.75em;
    flex-flow : column;
    justify-content : flex-start;
    align-items : center;
    padding-top : 3.5em;
    padding-bottom : 3.5em
  }
  .slider-timeline {
    width : 6em
  }
  .hero-achievement-block {
    padding-top : 3.5em;
    padding-bottom : 3.5em
  }
  .hero-achievement-paragraph {
    max-width : none;
    font-size : 1.4em
  }
  .blog-posts-2-list {
    grid-column-gap : 1em;
    grid-row-gap : 1em
  }
  .blog-post-2-item {
    border-radius : var(--radius-small)
  }
  .blog-post-2-content {
    grid-column-gap : 1.25em;
    grid-row-gap : 1.25em;
    padding-top : 2em
  }
  .blog-post-2-image {
    height : 15em
  }
  .text-link-block {
    grid-column-gap : 2vw;
    grid-row-gap : 2vw;
    font-size : 1em
  }
  .about-2-hero-layout {
    grid-row-gap : 3.75em;
    padding-top : 8em;
    padding-bottom : 8em
  }
  .home-3-hero-layout {
    padding-bottom : 2.5em
  }
  .home-3-hero-content {
    max-width : 25em
  }
  .about-3-hero-icon {
    font-size : .8em
  }
  .about-3-block {
    grid-column-gap : 3em;
    grid-row-gap : 3em;
    padding-top : 4.5em;
    padding-bottom : 4.5em
  }
  .icon-element-1 {
    font-size : .8em
  }
  .about-3-icon-2 {
    font-size : .6em
  }
  .about-3-icon-block {
    grid-column-gap : .5em;
    grid-row-gap : .5em
  }
  .home-3-about-block {
    grid-column-gap : 3em;
    grid-row-gap : 3em;
    padding-top : 4.5em;
    padding-bottom : 4.5em
  }
  .simple-hero-title-block {
    grid-column-gap : 1.25em;
    grid-row-gap : 1.25em
  }
  .simple-hero-dot {
    width : 1em;
    height : 1em
  }
  .featured-article-categories {
    font-size : .8em
  }
  .course-detail-button {
    padding-top : 3.5em;
    padding-bottom : 3.5em
  }
  .course-cms-hero {
    grid-row-gap : 1.5em;
    flex-flow : column;
    justify-content : flex-start;
    align-items : center
  }
  .course-cms-hero-title-wrapper {
    grid-row-gap : 1.75em;
    flex-flow : column;
    justify-content : flex-start;
    align-items : center;
    padding-top : 3em;
    padding-bottom : 3.5em
  }
  .course-cms-hero-bento-grid {
    grid-column-gap : 1.5em;
    grid-row-gap : 1.5em
  }
  .course-cms-hero-content {
    grid-column-gap : 1.5em;
    grid-row-gap : 1.5em;
    grid-template-columns : 1fr;
    padding-top : 3em;
    padding-bottom : 3em
  }
  .course-detail-button-text {
    max-width : none
  }
  .event-hero-bg-icon-large {
    right : -15em
  }
  .audience-image {
    width : 6em;
    height : 6em
  }
  .audience-title {
    font-size : 1.5em
  }
  .event-large-description {
    margin-bottom : 0;
    font-size : 1.6em
  }
  .icon-element-2 {
    font-size : .6em
  }
  .course-cms-description {
    font-size : 2em
  }
  .overview-hero-images {
    grid-row-gap : 4em
  }
  .overview-hero-content {
    grid-row-gap : .75em
  }
  .overview-hero-paragraph {
    font-size : 1.3em
  }
  .overview-hero-image {
    height : 25em
  }
  .course-details-grid {
    grid-template-columns : 1fr
  }
  .course-detail-background-3 {
    transform : rotate(-2deg)
  }
  .course-detail-background-2 {
    transform : rotate(2deg)
  }
  .course-detail-icon, .course-detail-icon-2 {
    display : none
  }
  .course-cms-hero-detail {
    padding-left : 4vw;
    padding-right : 4vw
  }
  .course-cms-hero-small-title {
    font-size : 1.7em
  }
  .instructor-bio-image {
    grid-column-gap : 3em;
    grid-row-gap : 3em;
    padding-top : 4.5em;
    padding-bottom : 4.5em
  }
  .instructor-bio-content {
    grid-column-gap : 3em;
    grid-row-gap : 3em
  }
  .simple-hero-description {
    padding-left : 2.7em
  }
  .product-description {
    font-size : 3em;
    line-height : 1.3em
  }
  .product-description-block {
    grid-column-gap : 6vw;
    grid-row-gap : 6vw
  }
  .additional-product-price {
    flex : 1
  }
  .additional-product-details {
    grid-column-gap : 2vw;
    grid-row-gap : 2vw;
    justify-content : space-between;
    align-items : center
  }
  .product-badge-text {
    font-size : .9em
  }
  .password-submit-button {
    width : 100%;
    padding-top : 1em;
    padding-bottom : 1em
  }
  ._404-hero-layout {
    padding-top : 6em
  }
  ._404-hero-content {
    grid-row-gap : .75em
  }
  .search-text-field {
    padding-top : 1em;
    padding-left : 1em;
    padding-right : 1em;
    font-size : 1.5em
  }
  .search-field-label {
    font-size : 1.1em;
    top : -.5em;
    left : 1em
  }
  .about-overview-links {
    grid-column-gap : .5em;
    top : 1.4em
  }
  .about-overview-block {
    border-radius : var(--radius-medium);
    padding-top : 4em;
    padding-bottom : 4em
  }
  .sticky-overview-link {
    font-size : 1.1em
  }
  .about-grid-video {
    height : 30em
  }
  .event-details-grid {
    grid-template-columns : 1fr
  }
  .event-detail-link {
    padding-top : 3.5em;
    padding-bottom : 3.5em
  }
  .event-detail-link-text {
    max-width : none
  }
  .event-detail-bg-3 {
    transform : rotate(-2deg)
  }
  .event-detail-bg-2 {
    transform : rotate(2deg)
  }
  .event-detail-bg-1 {
    transform : rotate(-2deg)
  }
  .field-label-password {
    top : -.5em;
    left : 1em
  }
  .text-field-password {
    padding-top : 1em;
    padding-left : 1em;
    padding-right : 1em
  }
  .about-overview-content {
    padding : 0
  }
  .overview-grid {
    grid-column-gap : 1.5em;
    grid-row-gap : 1.5em;
    grid-template-columns : 1fr
  }
  .overview-grid-block {
    border-radius : var(--radius-small)
  }
  .overview-grid-number {
    font-size : 3.5em
  }
  .overview-grid-paragraph {
    max-width : none;
    font-size : 1.6em
  }
  .overview-grid-background, .overview-grid-background-2, .overview-grid-background-3, .overview-grid-background-turquoise {
    border-radius : var(--radius-small)
  }
  .image-size {
    margin-top : 1em;
    margin-bottom : 1em
  }
  .instructor-photo {
    width : 100%
  }
  .about-overview-number {
    left : -.5em
  }
  .footer-sub-links {
    grid-row-gap : .6em
  }
  .footer-sub-link {
    font-size : 1.4em
  }
  .footer-sub-links-wrapper {
    grid-column-gap : 2.3em;
    grid-row-gap : 2.3em
  }
  .overview-hero-wrapper {
    grid-column-gap : 2vw;
    grid-row-gap : 2vw;
    flex-flow : wrap;
    padding-top : 2vw;
    padding-bottom : 2vw
  }
  .overview-hero-icon-1 {
    display : none
  }
  .overview-hero-small-images {
    width : 100%;
    grid-column-gap : 2vw;
    grid-row-gap : 2vw;
    justify-content : center;
    align-items : center;
    font-size : .6em
  }
  .overview-hero-small-image {
    width : 6em;
    height : 6em
  }
  .overview-hero {
    padding-top : 2em
  }
  .overview-hero-image-wrapper {
    grid-column-gap : 2em;
    grid-row-gap : 2em
  }
  .prebuilt-pages-wrapper {
    grid-column-gap : 1em;
    grid-row-gap : 1em
  }
  .prebuilt-page-title {
    font-size : 1.2em
  }
  .ui-kit-library {
    grid-column-gap : .7em;
    grid-row-gap : .7em;
    grid-template-columns : 1fr
  }
  .ui-kit-library-link-block {
    justify-content : space-between;
    align-items : center;
    padding : 1.5em 8vw
  }
  .overview-store-layout {
    padding-bottom : 2em
  }
  .overview-store-images {
    display : none
  }
  .overview-store-image {
    font-size : .4em
  }
  .overview-grid-content-block {
    grid-column-gap : 3em;
    grid-row-gap : 3em;
    padding-top : 4.5em;
    padding-bottom : 4.5em
  }
  .overview-grid-content-block.with-element {
    grid-column-gap : 2em;
    grid-row-gap : 2em
  }
  .overview-grid-content-icon-1 {
    font-size : .6em
  }
  .menu-author-links {
    grid-row-gap : 2em
  }
  .about-1-block {
    grid-column-gap : 3em;
    grid-row-gap : 3em;
    padding-top : 4.5em;
    padding-bottom : 4.5em
  }
  .slider-hero-layout {
    padding-bottom : 2.5em
  }
  .slider-hero-content {
    max-width : 25em
  }
  }#w-node-_1073e6da-3c90-bb57-9890-6b2db457ab9e-90b41fc1 {
    grid-area : span 1/span 2/span 1/span 2
  }
  #w-node-_9b0aa3b7-72b4-ad45-d170-22d194196833-559d9fce {
    justify-self : start
  }
  #w-node-_774f5eba-ce66-2a77-5ee1-745025ada5ba-559d9fce {
    justify-self : center
  }
  #w-node-c80660d1-7f36-bda5-1f8f-416bba2cdec7-559d9fce {
    justify-self : end
  }
  #w-node-_4e4dacf0-b16d-0f87-56de-24ed559da022-559d9fce {
    grid-area : span 1/span 1/span 1/span 1
  }
  #w-node-c4f952de-9ca0-c53f-0215-7d4498dc6f4e-98dc6f33, #Contact-Form-Privacy-Policy.w-node-c4f952de-9ca0-c53f-0215-7d4498dc6f52-98dc6f33, #w-node-_165b4ff3-f1cb-a4e8-0b6a-dbf24dcb1927-90b42057, #w-node-ef9ce302-b094-add0-ac5d-806341cae018-90b42057 {
    grid-area : span 1/span 2/span 1/span 2
  }
  #w-node-cec9a691-af6d-9525-3415-e43d8ac14961-90b42057, #w-node-caca5865-9a2d-dca0-c5eb-997a962fe6cf-90b420bb {
    justify-self : end
  }
  #w-node-c5abb253-09c9-6fe5-a7ac-aa9194eb2eae-90b420ed {
    align-self : stretch
  }
  #w-node-d3c94089-42f4-0bb1-02e2-e7c47fa8cd4f-90b420ed {
    justify-self : end
  }
  #w-node-_08ee1a48-cccc-8d1b-f25b-2601d70d3687-90b420ee {
    grid-area : span 1/span 1/span 1/span 1;
    align-self : stretch
  }
  #w-node-_08ee1a48-cccc-8d1b-f25b-2601d70d3689-90b420ee {
    align-self : stretch
  }
  #w-node-c865501e-e1fd-9313-aa8e-2d0b9240c5d5-90b42187, #w-node-_0de32056-a3e2-fa88-55e1-a03b8e208399-90b42187 {
    grid-area : span 1/span 1/span 1/span 1
  }
  #w-node-d9e912b8-7ff5-0593-d96f-e83d693b453c-90b4218e {
    grid-area : span 1/span 2/span 1/span 2
  }
  #w-node-dc280876-1920-66bc-e667-e46d6e2dadb8-90b4218e {
    justify-self : end
  }
  #w-node-_5f7c9928-fa65-4d3d-54c8-aa724048cba9-7c8bab52, #w-node-_235d6ca7-bd5c-37e2-2c94-b8d54cdb27ff-7c8bab52 {
    justify-self : center
  }
  #details.w-node-_1595281d-b05c-f018-cb23-cac5ea4b3a15-7c8bab52 {
    grid-area : span 1/span 2/span 1/span 2
  }
  #w-node-_88914abd-7e36-ae6d-6a02-5681cca24d11-7c8bab52 {
    grid-area : span 2/span 2/span 2/span 2
  }
  #w-node-_575573a6-c7b1-afd4-3d91-1f15c347ccc0-7c8bab52 {
    grid-area : span 1/span 2/span 1/span 2
  }
  #w-node-e97684eb-c0ef-9f8f-e43b-0ed9272ce7dd-557c90a2, #w-node-f36455f2-1f49-6387-a29b-a97925233008-e001f4d1, #w-node-_5ffdaa75-9dab-0cbd-c5cc-0fdc09f7d595-e001f4d1, #w-node-_86783662-c720-eda7-e29f-b3a9dd337ab2-e001f4d1 {
    align-self : stretch
  }
  #w-node-cf205502-b1e9-c39a-9ce5-60633b5cc423-68a21614 {
    grid-area : span 1/span 2/span 1/span 2
  }
  #w-node-e61e4e3d-95e8-78d9-7c55-ab03a511fcf4-d874c235 {
    align-self : stretch
  }
  #w-node-_039226b8-0f4f-5d74-ad6a-bcdc6be2c709-4692e42c {
    grid-area : span 1/span 2/span 1/span 2
  }
  #w-node-b6311857-1a8b-fd75-d5fa-9c3bb7edf944-4692e42c, #w-node-b6311857-1a8b-fd75-d5fa-9c3bb7edf94b-4692e42c {
    justify-self : center
  }
  #details.w-node-b6311857-1a8b-fd75-d5fa-9c3bb7edf94d-4692e42c {
    grid-area : span 1/span 2/span 1/span 2
  }
  #w-node-b6311857-1a8b-fd75-d5fa-9c3bb7edf94e-4692e42c {
    grid-area : span 2/span 2/span 2/span 2
  }
  #w-node-b6311857-1a8b-fd75-d5fa-9c3bb7edf950-4692e42c {
    grid-area : span 1/span 2/span 1/span 2
  }
  #w-node-f5372f82-0c14-23a3-a443-a2026b7fa784-4692e42c {
    grid-area : span 1/span 1/span 1/span 1;
    align-self : stretch
  }
  #w-node-f5372f82-0c14-23a3-a443-a2026b7fa786-4692e42c, #w-node-e19cf675-87ef-1116-2903-4e59b55be937-909b0097 {
    align-self : stretch
  }
  #w-node-_35a91fa3-79c1-dbe7-b33a-4297f4839222-909b0097 {
    justify-self : end
  }
  #w-node-_03b0a7af-64c8-9652-75f8-00955c1c46dc-c2e1b49e, #w-node-_03b0a7af-64c8-9652-75f8-00955c1c46fa-c2e1b49e, #w-node-_2e56fc9e-6279-b0cc-85fe-7ce3353bf9b6-c2e1b49e {
    grid-area : span 1/span 2/span 1/span 2
  }
  #w-node-_38305171-7714-8e42-561d-25fcc6e35ef9-0b82ed29, #w-node-_38305171-7714-8e42-561d-25fcc6e35f2a-0b82ed29 {
    grid-area : span 1/span 1/span 1/span 1
  }
    @media screen and (max-width : 991px) {
    #w-node-_1073e6da-3c90-bb57-9890-6b2db457ab9e-90b41fc1{grid-column : span 1/span 1
  }
  #w-node-_9b0aa3b7-72b4-ad45-d170-22d194196833-559d9fce {
    grid-area : span 1/span 1/span 1/span 1;
    justify-self : center
  }
  #w-node-_774f5eba-ce66-2a77-5ee1-745025ada5ba-559d9fce, #w-node-c80660d1-7f36-bda5-1f8f-416bba2cdec7-559d9fce {
    justify-self : center
  }
  #w-node-c4f952de-9ca0-c53f-0215-7d4498dc6f4e-98dc6f33, #Contact-Form-Privacy-Policy.w-node-c4f952de-9ca0-c53f-0215-7d4498dc6f52-98dc6f33, #w-node-_165b4ff3-f1cb-a4e8-0b6a-dbf24dcb1927-90b42057, #w-node-ef9ce302-b094-add0-ac5d-806341cae018-90b42057 {
    grid-column : span 1/span 1
  }
  #w-node-c7dff16b-1a7a-b518-b70f-8b2f95c90bf5-90b4218e {
    grid-area : 3/1/4/2
  }
  #w-node-d9e912b8-7ff5-0593-d96f-e83d693b453c-90b4218e {
    grid-column : span 1/span 1
  }
  #w-node-bab2b940-7eab-ea06-9928-d5d774d33df5-68a21614, #w-node-_67f6f6fe-6429-29c1-b7b6-aa1e2cf46e3c-3f4524c5 {
    grid-area : 3/1/4/2
  }
  #w-node-_03b0a7af-64c8-9652-75f8-00955c1c46dc-c2e1b49e, #w-node-_03b0a7af-64c8-9652-75f8-00955c1c46fa-c2e1b49e {
    grid-column : span 1/span 1
  }
  #w-node-e3789ad2-68f2-aea8-8942-a356f55a3067-c2e1b49e, #w-node-_2e56fc9e-6279-b0cc-85fe-7ce3353bf9b3-c2e1b49e {
    grid-area : 3/1/4/2
  }
  #w-node-_2e56fc9e-6279-b0cc-85fe-7ce3353bf9b6-c2e1b49e {
    grid-column : span 1/span 1
  }
    }@media screen and (max-width : 767px) {
    #w-node-cec9a691-af6d-9525-3415-e43d8ac1495c-90b42057, #w-node-cec9a691-af6d-9525-3415-e43d8ac14961-90b42057, #w-node-caca5865-9a2d-dca0-c5eb-997a962fe6ca-90b420bb, #w-node-caca5865-9a2d-dca0-c5eb-997a962fe6cf-90b420bb, #w-node-d3c94089-42f4-0bb1-02e2-e7c47fa8cd4a-90b420ed, #w-node-d3c94089-42f4-0bb1-02e2-e7c47fa8cd4f-90b420ed{justify-self : center
  }
  #w-node-d9e912b8-7ff5-0593-d96f-e83d693b453c-90b4218e {
    grid-column : span 1/span 1
  }
  #w-node-dc280876-1920-66bc-e667-e46d6e2dadb3-90b4218e, #w-node-dc280876-1920-66bc-e667-e46d6e2dadb8-90b4218e {
    justify-self : center
  }
  #w-node-b9db3696-f88b-9dbd-88cf-61244d534665-7c8bab52, #w-node-_8d6b8e50-cb37-58b7-b5bd-ae6778a5ffd1-7c8bab52, #w-node-b6311857-1a8b-fd75-d5fa-9c3bb7edf951-4692e42c {
    grid-area : span 1/span 2/span 1/span 2
  }
  #w-node-_35a91fa3-79c1-dbe7-b33a-4297f483921d-909b0097, #w-node-_35a91fa3-79c1-dbe7-b33a-4297f4839222-909b0097 {
    justify-self : center
  }
  #w-node-_2e56fc9e-6279-b0cc-85fe-7ce3353bf9b6-c2e1b49e {
    grid-column : span 1/span 1
  }
    }@media screen and (max-width : 479px) {
    #w-node-b9db3696-f88b-9dbd-88cf-61244d534665-7c8bab52, #w-node-_8d6b8e50-cb37-58b7-b5bd-ae6778a5ffd1-7c8bab52{grid-column : span 1/span 1
  }
  #w-node-_36512291-2b38-23a9-3ff3-e2cc3dcf1e00-b61f2d4c {
    grid-area : span 1/span 1/span 1/span 1
  }
  #w-node-b6311857-1a8b-fd75-d5fa-9c3bb7edf951-4692e42c {
    grid-column : span 1/span 1
  }
  }@font-face {
    font-family : 'Readexpro Variable';
    src : url('../fonts/65de0c3eb693a5998faf5d0e_ReadexPro-VariableFont_HEXP%252Cwght.ttf') format('truetype');
    font-weight : 160 700;
    font-style : normal;
    font-display : swap;
  }
  



  
.faq-container {
  width: 400px;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.faq-item {
  padding: 20px;
  border-bottom: 1px solid #e0e0e0;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.faq-item:last-child {
  border-bottom: none;
}

.faq-question {
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 3px;
  margin-right: 39%;
  text-align: left;
  padding-top: 3px;
}

.faq-answer {
  font-size: 16px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
  text-align: left;
  padding-left: 20px;
  padding-right: 10px;
}

.faq-answer.active {
  border-bottom: 1px solid #e0e0e0;
}

.icon-container i {
  font-size: 16px;
  cursor: pointer;
  transition: transform 0.3s ease-in-out;
}

.icon-container i.active {
  transform: rotate(90deg);
}