.mk-site{
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: sans-serif;
}

.mk-site{
  margin: 0;
}

.mk-site article, .mk-site aside, .mk-site details, .mk-site figcaption, .mk-site figure, .mk-site footer, .mk-site header, .mk-site hgroup, .mk-site main, .mk-site menu, .mk-site nav, .mk-site section, .mk-site summary{
  display: block;
}

.mk-site audio, .mk-site canvas, .mk-site progress, .mk-site video{
  vertical-align: baseline;
  display: inline-block;
}

.mk-site audio:not([controls]){
  height: 0;
  display: none;
}

.mk-site [hidden], .mk-site template{
  display: none;
}

.mk-site a{
  background-color: #0000;
}

.mk-site a:active, .mk-site a:hover{
  outline: 0;
}

.mk-site abbr[title]{
  border-bottom: 1px dotted;
}

.mk-site b, .mk-site strong{
  font-weight: bold;
}

.mk-site dfn{
  font-style: italic;
}

.mk-site h1{
  margin: .67em 0;
  font-size: 2em;
}

.mk-site mark{
  color: #000;
  background: #ff0;
}

.mk-site small{
  font-size: 80%;
}

.mk-site sub, .mk-site sup{
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

.mk-site sup{
  top: -.5em;
}

.mk-site sub{
  bottom: -.25em;
}

.mk-site img{
  border: 0;
}

.mk-site svg:not(:root){
  overflow: hidden;
}

.mk-site hr{
  box-sizing: content-box;
  height: 0;
}

.mk-site pre{
  overflow: auto;
}

.mk-site code, .mk-site kbd, .mk-site pre, .mk-site samp{
  font-family: monospace;
  font-size: 1em;
}

.mk-site button, .mk-site input, .mk-site optgroup, .mk-site select, .mk-site textarea{
  color: inherit;
  font: inherit;
  margin: 0;
}

.mk-site button{
  overflow: visible;
}

.mk-site button, .mk-site select{
  text-transform: none;
}

.mk-site button, .mk-site html input[type="button"], .mk-site input[type="reset"]{
  -webkit-appearance: button;
  cursor: pointer;
}

.mk-site button[disabled], .mk-site html input[disabled]{
  cursor: default;
}

.mk-site button::-moz-focus-inner, .mk-site input::-moz-focus-inner{
  border: 0;
  padding: 0;
}

.mk-site input{
  line-height: normal;
}

.mk-site input[type="checkbox"], .mk-site input[type="radio"]{
  box-sizing: border-box;
  padding: 0;
}

.mk-site input[type="number"]::-webkit-inner-spin-button, .mk-site input[type="number"]::-webkit-outer-spin-button{
  height: auto;
}

.mk-site input[type="search"]{
  -webkit-appearance: none;
}

.mk-site input[type="search"]::-webkit-search-cancel-button, .mk-site input[type="search"]::-webkit-search-decoration{
  -webkit-appearance: none;
}

.mk-site legend{
  border: 0;
  padding: 0;
}

.mk-site textarea{
  overflow: auto;
}

.mk-site optgroup{
  font-weight: bold;
}

.mk-site table{
  border-collapse: collapse;
  border-spacing: 0;
}

.mk-site td, .mk-site th{
  padding: 0;
}

@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: normal;
  font-style: normal;
}

.mk-site [class^="w-icon-"], .mk-site [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: normal;
  line-height: 1;
  font-family: webflow-icons !important;
}

.mk-site .w-icon-slider-right:before{
  content: "";
}

.mk-site .w-icon-slider-left:before{
  content: "";
}

.mk-site .w-icon-nav-menu:before{
  content: "";
}

.mk-site .w-icon-arrow-down:before, .mk-site .w-icon-dropdown-toggle:before{
  content: "";
}

.mk-site .w-icon-file-upload-remove:before{
  content: "";
}

.mk-site .w-icon-file-upload-icon:before{
  content: "";
}

.mk-site *{
  box-sizing: border-box;
}

.mk-site{
  height: 100%;
}

.mk-site{
  color: #333;
  background-color: #fff;
  min-height: 100%;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.mk-site img{
  vertical-align: middle;
  max-width: 100%;
  display: inline-block;
}

.mk-site html.w-mod-touch *{
  background-attachment: scroll !important;
}

.mk-site .w-block{
  display: block;
}

.mk-site .w-inline-block{
  max-width: 100%;
  display: inline-block;
}

.mk-site .w-clearfix:before, .mk-site .w-clearfix:after{
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.mk-site .w-clearfix:after{
  clear: both;
}

.mk-site .w-hidden{
  display: none;
}

.mk-site .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;
}

.mk-site input.w-button{
  -webkit-appearance: button;
}

.mk-site html[data-w-dynpage] [data-w-cloak]{
  color: #0000 !important;
}

.mk-site .w-code-block{
  margin: unset;
}

.mk-site pre.w-code-block code{
  all: inherit;
}

.mk-site .w-optimization{
  display: contents;
}

.mk-site .w-webflow-badge, .mk-site .w-webflow-badge > img{
  box-sizing: unset;
  width: unset;
  height: unset;
  max-height: unset;
  max-width: unset;
  min-height: unset;
  min-width: unset;
  margin: unset;
  padding: unset;
  float: unset;
  clear: unset;
  border: unset;
  border-radius: unset;
  background: unset;
  background-image: unset;
  background-position: unset;
  background-size: unset;
  background-repeat: unset;
  background-origin: unset;
  background-clip: unset;
  background-attachment: unset;
  background-color: unset;
  box-shadow: unset;
  transform: unset;
  direction: unset;
  font-family: unset;
  font-weight: unset;
  color: unset;
  font-size: unset;
  line-height: unset;
  font-style: unset;
  font-variant: unset;
  text-align: unset;
  letter-spacing: unset;
  -webkit-text-decoration: unset;
  text-decoration: unset;
  text-indent: unset;
  text-transform: unset;
  list-style-type: unset;
  text-shadow: unset;
  vertical-align: unset;
  cursor: unset;
  white-space: unset;
  word-break: unset;
  word-spacing: unset;
  word-wrap: unset;
  transition: unset;
}

.mk-site .w-webflow-badge{
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 2147483647 !important;
  color: #aaadb0 !important;
  overflow: unset !important;
  background-color: #fff !important;
  border-radius: 3px !important;
  width: auto !important;
  height: auto !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;
  inset: auto 12px 12px auto !important;
  transform: none !important;
}

.mk-site .w-webflow-badge > img{
  position: unset;
  visibility: unset !important;
  opacity: 1 !important;
  vertical-align: middle !important;
  display: inline-block !important;
}

.mk-site h1, .mk-site h2, .mk-site h3, .mk-site h4, .mk-site h5, .mk-site h6{
  margin-bottom: 10px;
  font-weight: bold;
}

.mk-site h1{
  margin-top: 20px;
  font-size: 38px;
  line-height: 44px;
}

.mk-site h2{
  margin-top: 20px;
  font-size: 32px;
  line-height: 36px;
}

.mk-site h3{
  margin-top: 20px;
  font-size: 24px;
  line-height: 30px;
}

.mk-site h4{
  margin-top: 10px;
  font-size: 18px;
  line-height: 24px;
}

.mk-site h5{
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
}

.mk-site h6{
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px;
}

.mk-site p{
  margin-top: 0;
  margin-bottom: 10px;
}

.mk-site blockquote{
  border-left: 5px solid #e2e2e2;
  margin: 0 0 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

.mk-site figure{
  margin: 0 0 10px;
}

.mk-site figcaption{
  text-align: center;
  margin-top: 5px;
}

.mk-site ul, .mk-site ol{
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

.mk-site .w-list-unstyled{
  padding-left: 0;
  list-style: none;
}

.mk-site .w-embed:before, .mk-site .w-embed:after{
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.mk-site .w-embed:after{
  clear: both;
}

.mk-site .w-video{
  width: 100%;
  padding: 0;
  position: relative;
}

.mk-site .w-video iframe, .mk-site .w-video object, .mk-site .w-video embed{
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.mk-site fieldset{
  border: 0;
  margin: 0;
  padding: 0;
}

.mk-site button, .mk-site [type="button"], .mk-site [type="reset"]{
  cursor: pointer;
  -webkit-appearance: button;
  border: 0;
}

.mk-site .w-form{
  margin: 0 0 15px;
}

.mk-site .w-form-done{
  text-align: center;
  background-color: #ddd;
  padding: 20px;
  display: none;
}

.mk-site .w-form-fail{
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
  display: none;
}

.mk-site label{
  margin-bottom: 5px;
  font-weight: bold;
  display: block;
}

.mk-site .w-input, .mk-site .w-select{
  color: #333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.42857;
  display: block;
}

.mk-site .w-input::placeholder, .mk-site .w-select::placeholder{
  color: #999;
}

.mk-site .w-input:focus, .mk-site .w-select:focus{
  border-color: #3898ec;
  outline: 0;
}

.mk-site .w-input[disabled], .mk-site .w-select[disabled], .mk-site .w-input[readonly], .mk-site .w-select[readonly], .mk-site fieldset[disabled] .w-input, .mk-site fieldset[disabled] .w-select{
  cursor: not-allowed;
}

.mk-site .w-input[disabled]:not(.w-input-disabled), .mk-site .w-select[disabled]:not(.w-input-disabled), .mk-site .w-input[readonly], .mk-site .w-select[readonly], .mk-site fieldset[disabled]:not(.w-input-disabled) .w-input, .mk-site fieldset[disabled]:not(.w-input-disabled) .w-select{
  background-color: #eee;
}

.mk-site textarea.w-input, .mk-site textarea.w-select{
  height: auto;
}

.mk-site .w-select{
  background-color: #f3f3f3;
}

.mk-site .w-select[multiple]{
  height: auto;
}

.mk-site .w-form-label{
  cursor: pointer;
  margin-bottom: 0;
  font-weight: normal;
  display: inline-block;
}

.mk-site .w-radio{
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.mk-site .w-radio:before, .mk-site .w-radio:after{
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.mk-site .w-radio:after{
  clear: both;
}

.mk-site .w-radio-input{
  float: left;
  margin: 3px 0 0 -20px;
  line-height: normal;
}

.mk-site .w-file-upload{
  margin-bottom: 10px;
  display: block;
}

.mk-site .w-file-upload-input{
  opacity: 0;
  z-index: -100;
  width: .1px;
  height: .1px;
  position: absolute;
  overflow: hidden;
}

.mk-site .w-file-upload-default, .mk-site .w-file-upload-uploading, .mk-site .w-file-upload-success{
  color: #333;
  display: inline-block;
}

.mk-site .w-file-upload-error{
  margin-top: 10px;
  display: block;
}

.mk-site .w-file-upload-default.w-hidden, .mk-site .w-file-upload-uploading.w-hidden, .mk-site .w-file-upload-error.w-hidden, .mk-site .w-file-upload-success.w-hidden{
  display: none;
}

.mk-site .w-file-upload-uploading-btn{
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: flex;
}

.mk-site .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;
}

.mk-site .w-file-upload-file-name{
  font-size: 14px;
  font-weight: normal;
  display: block;
}

.mk-site .w-file-remove-link{
  cursor: pointer;
  width: auto;
  height: auto;
  margin-top: 3px;
  margin-left: 10px;
  padding: 3px;
  display: block;
}

.mk-site .w-icon-file-upload-remove{
  margin: auto;
  font-size: 10px;
}

.mk-site .w-file-upload-error-msg{
  color: #ea384c;
  padding: 2px 0;
  display: inline-block;
}

.mk-site .w-file-upload-info{
  padding: 0 12px;
  line-height: 38px;
  display: inline-block;
}

.mk-site .w-file-upload-label{
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
}

.mk-site .w-icon-file-upload-icon, .mk-site .w-icon-file-upload-uploading{
  width: 20px;
  margin-right: 8px;
  display: inline-block;
}

.mk-site .w-icon-file-upload-uploading{
  height: 20px;
}

.mk-site .w-container{
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.mk-site .w-container:before, .mk-site .w-container:after{
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.mk-site .w-container:after{
  clear: both;
}

.mk-site .w-container .w-row{
  margin-left: -10px;
  margin-right: -10px;
}

.mk-site .w-row:before, .mk-site .w-row:after{
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.mk-site .w-row:after{
  clear: both;
}

.mk-site .w-row .w-row{
  margin-left: 0;
  margin-right: 0;
}

.mk-site .w-col{
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.mk-site .w-col .w-col{
  padding-left: 0;
  padding-right: 0;
}

.mk-site .w-col-1{
  width: 8.33333%;
}

.mk-site .w-col-2{
  width: 16.6667%;
}

.mk-site .w-col-3{
  width: 25%;
}

.mk-site .w-col-4{
  width: 33.3333%;
}

.mk-site .w-col-5{
  width: 41.6667%;
}

.mk-site .w-col-6{
  width: 50%;
}

.mk-site .w-col-7{
  width: 58.3333%;
}

.mk-site .w-col-8{
  width: 66.6667%;
}

.mk-site .w-col-9{
  width: 75%;
}

.mk-site .w-col-10{
  width: 83.3333%;
}

.mk-site .w-col-11{
  width: 91.6667%;
}

.mk-site .w-col-12{
  width: 100%;
}

.mk-site .w-hidden-main{
  display: none !important;
}

@media screen and (max-width: 991px) {
  .mk-site .w-container{
    max-width: 728px;
  }

  .mk-site .w-hidden-main{
    display: inherit !important;
  }

  .mk-site .w-hidden-medium{
    display: none !important;
  }

  .mk-site .w-col-medium-1{
    width: 8.33333%;
  }

  .mk-site .w-col-medium-2{
    width: 16.6667%;
  }

  .mk-site .w-col-medium-3{
    width: 25%;
  }

  .mk-site .w-col-medium-4{
    width: 33.3333%;
  }

  .mk-site .w-col-medium-5{
    width: 41.6667%;
  }

  .mk-site .w-col-medium-6{
    width: 50%;
  }

  .mk-site .w-col-medium-7{
    width: 58.3333%;
  }

  .mk-site .w-col-medium-8{
    width: 66.6667%;
  }

  .mk-site .w-col-medium-9{
    width: 75%;
  }

  .mk-site .w-col-medium-10{
    width: 83.3333%;
  }

  .mk-site .w-col-medium-11{
    width: 91.6667%;
  }

  .mk-site .w-col-medium-12{
    width: 100%;
  }

  .mk-site .w-col-stack{
    width: 100%;
    left: auto;
    right: auto;
  }
}

@media screen and (max-width: 767px) {
  .mk-site .w-hidden-main, .mk-site .w-hidden-medium{
    display: inherit !important;
  }

  .mk-site .w-hidden-small{
    display: none !important;
  }

  .mk-site .w-row, .mk-site .w-container .w-row{
    margin-left: 0;
    margin-right: 0;
  }

  .mk-site .w-col{
    width: 100%;
    left: auto;
    right: auto;
  }

  .mk-site .w-col-small-1{
    width: 8.33333%;
  }

  .mk-site .w-col-small-2{
    width: 16.6667%;
  }

  .mk-site .w-col-small-3{
    width: 25%;
  }

  .mk-site .w-col-small-4{
    width: 33.3333%;
  }

  .mk-site .w-col-small-5{
    width: 41.6667%;
  }

  .mk-site .w-col-small-6{
    width: 50%;
  }

  .mk-site .w-col-small-7{
    width: 58.3333%;
  }

  .mk-site .w-col-small-8{
    width: 66.6667%;
  }

  .mk-site .w-col-small-9{
    width: 75%;
  }

  .mk-site .w-col-small-10{
    width: 83.3333%;
  }

  .mk-site .w-col-small-11{
    width: 91.6667%;
  }

  .mk-site .w-col-small-12{
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .mk-site .w-container{
    max-width: none;
  }

  .mk-site .w-hidden-main, .mk-site .w-hidden-medium, .mk-site .w-hidden-small{
    display: inherit !important;
  }

  .mk-site .w-hidden-tiny{
    display: none !important;
  }

  .mk-site .w-col{
    width: 100%;
  }

  .mk-site .w-col-tiny-1{
    width: 8.33333%;
  }

  .mk-site .w-col-tiny-2{
    width: 16.6667%;
  }

  .mk-site .w-col-tiny-3{
    width: 25%;
  }

  .mk-site .w-col-tiny-4{
    width: 33.3333%;
  }

  .mk-site .w-col-tiny-5{
    width: 41.6667%;
  }

  .mk-site .w-col-tiny-6{
    width: 50%;
  }

  .mk-site .w-col-tiny-7{
    width: 58.3333%;
  }

  .mk-site .w-col-tiny-8{
    width: 66.6667%;
  }

  .mk-site .w-col-tiny-9{
    width: 75%;
  }

  .mk-site .w-col-tiny-10{
    width: 83.3333%;
  }

  .mk-site .w-col-tiny-11{
    width: 91.6667%;
  }

  .mk-site .w-col-tiny-12{
    width: 100%;
  }
}

.mk-site .w-widget{
  position: relative;
}

.mk-site .w-widget-map{
  width: 100%;
  height: 400px;
}

.mk-site .w-widget-map label{
  width: auto;
  display: inline;
}

.mk-site .w-widget-map img{
  max-width: inherit;
}

.mk-site .w-widget-map .gm-style-iw{
  text-align: center;
}

.mk-site .w-widget-map .gm-style-iw > button{
  display: none !important;
}

.mk-site .w-widget-twitter{
  overflow: hidden;
}

.mk-site .w-widget-twitter-count-shim{
  vertical-align: top;
  text-align: center;
  background: #fff;
  border: 1px solid #758696;
  border-radius: 3px;
  width: 28px;
  height: 20px;
  display: inline-block;
  position: relative;
}

.mk-site .w-widget-twitter-count-shim *{
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.mk-site .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;
}

.mk-site .w-widget-twitter-count-shim .w-widget-twitter-count-clear{
  display: block;
  position: relative;
}

.mk-site .w-widget-twitter-count-shim.w--large{
  width: 36px;
  height: 28px;
}

.mk-site .w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner{
  font-size: 18px;
  line-height: 18px;
}

.mk-site .w-widget-twitter-count-shim:not(.w--vertical){
  margin-left: 5px;
  margin-right: 8px;
}

.mk-site .w-widget-twitter-count-shim:not(.w--vertical).w--large{
  margin-left: 6px;
}

.mk-site .w-widget-twitter-count-shim:not(.w--vertical):before, .mk-site .w-widget-twitter-count-shim:not(.w--vertical):after{
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 0;
}

.mk-site .w-widget-twitter-count-shim:not(.w--vertical):before{
  border-width: 4px;
  border-color: #75869600 #5d6c7b #75869600 #75869600;
  margin-top: -4px;
  margin-left: -9px;
}

.mk-site .w-widget-twitter-count-shim:not(.w--vertical).w--large:before{
  border-width: 5px;
  margin-top: -5px;
  margin-left: -10px;
}

.mk-site .w-widget-twitter-count-shim:not(.w--vertical):after{
  border-width: 4px;
  border-color: #fff0 #fff #fff0 #fff0;
  margin-top: -4px;
  margin-left: -8px;
}

.mk-site .w-widget-twitter-count-shim:not(.w--vertical).w--large:after{
  border-width: 5px;
  margin-top: -5px;
  margin-left: -9px;
}

.mk-site .w-widget-twitter-count-shim.w--vertical{
  width: 61px;
  height: 33px;
  margin-bottom: 8px;
}

.mk-site .w-widget-twitter-count-shim.w--vertical:before, .mk-site .w-widget-twitter-count-shim.w--vertical:after{
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
}

.mk-site .w-widget-twitter-count-shim.w--vertical:before{
  border-width: 5px;
  border-color: #5d6c7b #75869600 #75869600;
  margin-left: -5px;
}

.mk-site .w-widget-twitter-count-shim.w--vertical:after{
  border-width: 4px;
  border-color: #fff #fff0 #fff0;
  margin-left: -4px;
}

.mk-site .w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner{
  font-size: 18px;
  line-height: 22px;
}

.mk-site .w-widget-twitter-count-shim.w--vertical.w--large{
  width: 76px;
}

.mk-site .w-background-video{
  color: #fff;
  height: 500px;
  position: relative;
  overflow: hidden;
}

.mk-site .w-background-video > video{
  object-fit: cover;
  z-index: -100;
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  inset: -100%;
}

.mk-site .w-background-video > video::-webkit-media-controls-start-playback-button{
  -webkit-appearance: none;
  display: none !important;
}

.mk-site .w-background-video--control{
  background-color: #0000;
  padding: 0;
  position: absolute;
  bottom: 1em;
  right: 1em;
}

.mk-site .w-background-video--control > [hidden]{
  display: none !important;
}

.mk-site .w-slider{
  text-align: center;
  clear: both;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  background: #ddd;
  height: 300px;
  position: relative;
}

.mk-site .w-slider-mask{
  z-index: 1;
  white-space: nowrap;
  height: 100%;
  display: block;
  position: relative;
  left: 0;
  right: 0;
  overflow: hidden;
}

.mk-site .w-slide{
  vertical-align: top;
  white-space: normal;
  text-align: left;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
}

.mk-site .w-slider-nav{
  z-index: 2;
  text-align: center;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  height: 40px;
  margin: auto;
  padding-top: 10px;
  position: absolute;
  inset: auto 0 0;
}

.mk-site .w-slider-nav.w-round > div{
  border-radius: 100%;
}

.mk-site .w-slider-nav.w-num > div{
  font-size: inherit;
  line-height: inherit;
  width: auto;
  height: auto;
  padding: .2em .5em;
}

.mk-site .w-slider-nav.w-shadow > div{
  box-shadow: 0 0 3px #3336;
}

.mk-site .w-slider-nav-invert{
  color: #fff;
}

.mk-site .w-slider-nav-invert > div{
  background-color: #2226;
}

.mk-site .w-slider-nav-invert > div.w-active{
  background-color: #222;
}

.mk-site .w-slider-dot{
  cursor: pointer;
  background-color: #fff6;
  width: 1em;
  height: 1em;
  margin: 0 3px .5em;
  transition: background-color .1s, color .1s;
  display: inline-block;
  position: relative;
}

.mk-site .w-slider-dot.w-active{
  background-color: #fff;
}

.mk-site .w-slider-dot:focus{
  outline: none;
  box-shadow: 0 0 0 2px #fff;
}

.mk-site .w-slider-dot:focus.w-active{
  box-shadow: none;
}

.mk-site .w-slider-arrow-left, .mk-site .w-slider-arrow-right{
  cursor: pointer;
  color: #fff;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  width: 80px;
  margin: auto;
  font-size: 40px;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.mk-site .w-slider-arrow-left [class^="w-icon-"], .mk-site .w-slider-arrow-right [class^="w-icon-"], .mk-site .w-slider-arrow-left [class*=" w-icon-"], .mk-site .w-slider-arrow-right [class*=" w-icon-"]{
  position: absolute;
}

.mk-site .w-slider-arrow-left:focus, .mk-site .w-slider-arrow-right:focus{
  outline: 0;
}

.mk-site .w-slider-arrow-left{
  z-index: 3;
  right: auto;
}

.mk-site .w-slider-arrow-right{
  z-index: 4;
  left: auto;
}

.mk-site .w-icon-slider-left, .mk-site .w-icon-slider-right{
  width: 1em;
  height: 1em;
  margin: auto;
  inset: 0;
}

.mk-site .w-slider-aria-label{
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.mk-site .w-slider-force-show{
  display: block !important;
}

.mk-site .w-dropdown{
  text-align: left;
  z-index: 900;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: relative;
}

.mk-site .w-dropdown-btn, .mk-site .w-dropdown-toggle, .mk-site .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;
}

.mk-site .w-dropdown-toggle{
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  padding-right: 40px;
  display: inline-block;
}

.mk-site .w-dropdown-toggle:focus{
  outline: 0;
}

.mk-site .w-icon-dropdown-toggle{
  width: 1em;
  height: 1em;
  margin: auto 20px auto auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.mk-site .w-dropdown-list{
  background: #ddd;
  min-width: 100%;
  display: none;
  position: absolute;
}

.mk-site .w-dropdown-list.w--open{
  display: block;
}

.mk-site .w-dropdown-link{
  color: #222;
  padding: 10px 20px;
  display: block;
}

.mk-site .w-dropdown-link.w--current{
  color: #0082f3;
}

.mk-site .w-dropdown-link:focus{
  outline: 0;
}

@media screen and (max-width: 767px) {
  .mk-site .w-nav-brand{
    padding-left: 10px;
  }
}

.mk-site .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: #000000e6;
  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;
  inset: 0;
  -webkit-transform: translate(0);
}

.mk-site .w-lightbox-backdrop, .mk-site .w-lightbox-container{
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow: auto;
}

.mk-site .w-lightbox-content{
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.mk-site .w-lightbox-view{
  opacity: 0;
  width: 100vw;
  height: 100vh;
  position: absolute;
}

.mk-site .w-lightbox-view:before{
  content: "";
  height: 100vh;
}

.mk-site .w-lightbox-group, .mk-site .w-lightbox-group .w-lightbox-view, .mk-site .w-lightbox-group .w-lightbox-view:before{
  height: 86vh;
}

.mk-site .w-lightbox-frame, .mk-site .w-lightbox-view:before{
  vertical-align: middle;
  display: inline-block;
}

.mk-site .w-lightbox-figure{
  margin: 0;
  position: relative;
}

.mk-site .w-lightbox-group .w-lightbox-figure{
  cursor: pointer;
}

.mk-site .w-lightbox-img{
  width: auto;
  max-width: none;
  height: auto;
}

.mk-site .w-lightbox-image{
  float: none;
  max-width: 100vw;
  max-height: 100vh;
  display: block;
}

.mk-site .w-lightbox-group .w-lightbox-image{
  max-height: 86vh;
}

.mk-site .w-lightbox-caption{
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #0006;
  padding: .5em 1em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.mk-site .w-lightbox-embed{
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.mk-site .w-lightbox-control{
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 4em;
  transition: all .3s;
  position: absolute;
  top: 0;
}

.mk-site .w-lightbox-left{
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==');
  display: none;
  bottom: 0;
  left: 0;
}

.mk-site .w-lightbox-right{
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+');
  display: none;
  bottom: 0;
  right: 0;
}

.mk-site .w-lightbox-close{
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=');
  background-size: 18px;
  height: 2.6em;
  right: 0;
}

.mk-site .w-lightbox-strip{
  white-space: nowrap;
  padding: 0 1vh;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto hidden;
}

.mk-site .w-lightbox-item{
  box-sizing: content-box;
  cursor: pointer;
  width: 10vh;
  padding: 2vh 1vh;
  display: inline-block;
  -webkit-transform: translate3d(0, 0, 0);
}

.mk-site .w-lightbox-active{
  opacity: .3;
}

.mk-site .w-lightbox-thumbnail{
  background: #222;
  height: 10vh;
  position: relative;
  overflow: hidden;
}

.mk-site .w-lightbox-thumbnail-image{
  position: absolute;
  top: 0;
  left: 0;
}

.mk-site .w-lightbox-thumbnail .w-lightbox-tall{
  width: 100%;
  top: 50%;
  transform: translate(0, -50%);
}

.mk-site .w-lightbox-thumbnail .w-lightbox-wide{
  height: 100%;
  left: 50%;
  transform: translate(-50%);
}

.mk-site .w-lightbox-spinner{
  box-sizing: border-box;
  border: 5px solid #0006;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  animation: .8s linear infinite spin;
  position: absolute;
  top: 50%;
  left: 50%;
}

.mk-site .w-lightbox-spinner:after{
  content: "";
  border: 3px solid #0000;
  border-bottom-color: #fff;
  border-radius: 50%;
  position: absolute;
  inset: -4px;
}

.mk-site .w-lightbox-hide{
  display: none;
}

.mk-site .w-lightbox-noscroll{
  overflow: hidden;
}

@media (min-width: 768px) {
  .mk-site .w-lightbox-content{
    height: 96vh;
    margin-top: 2vh;
  }

  .mk-site .w-lightbox-view, .mk-site .w-lightbox-view:before{
    height: 96vh;
  }

  .mk-site .w-lightbox-group, .mk-site .w-lightbox-group .w-lightbox-view, .mk-site .w-lightbox-group .w-lightbox-view:before{
    height: 84vh;
  }

  .mk-site .w-lightbox-image{
    max-width: 96vw;
    max-height: 96vh;
  }

  .mk-site .w-lightbox-group .w-lightbox-image{
    max-width: 82.3vw;
    max-height: 84vh;
  }

  .mk-site .w-lightbox-left, .mk-site .w-lightbox-right{
    opacity: .5;
    display: block;
  }

  .mk-site .w-lightbox-close{
    opacity: .8;
  }

  .mk-site .w-lightbox-control:hover{
    opacity: 1;
  }
}

.mk-site .w-lightbox-inactive, .mk-site .w-lightbox-inactive:hover{
  opacity: 0;
}

.mk-site .w-richtext:before, .mk-site .w-richtext:after{
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.mk-site .w-richtext:after{
  clear: both;
}

.mk-site .w-richtext[contenteditable="true"]:before, .mk-site .w-richtext[contenteditable="true"]:after{
  white-space: initial;
}

.mk-site .w-richtext ol, .mk-site .w-richtext ul{
  overflow: hidden;
}

.mk-site .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .mk-site .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .mk-site .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .mk-site .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div{
  outline: 2px solid #2895f7;
}

.mk-site .w-richtext figure.w-richtext-figure-type-video > div:after, .mk-site .w-richtext figure[data-rt-type="video"] > div:after{
  content: "";
  display: none;
  position: absolute;
  inset: 0;
}

.mk-site .w-richtext figure{
  max-width: 60%;
  position: relative;
}

.mk-site .w-richtext figure > div:before{
  cursor: default !important;
}

.mk-site .w-richtext figure img{
  width: 100%;
}

.mk-site .w-richtext figure figcaption.w-richtext-figcaption-placeholder{
  opacity: .6;
}

.mk-site .w-richtext figure div{
  color: #0000;
  font-size: 0;
}

.mk-site .w-richtext figure.w-richtext-figure-type-image, .mk-site .w-richtext figure[data-rt-type="image"]{
  display: table;
}

.mk-site .w-richtext figure.w-richtext-figure-type-image > div, .mk-site .w-richtext figure[data-rt-type="image"] > div{
  display: inline-block;
}

.mk-site .w-richtext figure.w-richtext-figure-type-image > figcaption, .mk-site .w-richtext figure[data-rt-type="image"] > figcaption{
  caption-side: bottom;
  display: table-caption;
}

.mk-site .w-richtext figure.w-richtext-figure-type-video, .mk-site .w-richtext figure[data-rt-type="video"]{
  width: 60%;
  height: 0;
}

.mk-site .w-richtext figure.w-richtext-figure-type-video iframe, .mk-site .w-richtext figure[data-rt-type="video"] iframe{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.mk-site .w-richtext figure.w-richtext-figure-type-video > div, .mk-site .w-richtext figure[data-rt-type="video"] > div{
  width: 100%;
}

.mk-site .w-richtext figure.w-richtext-align-center{
  clear: both;
  margin-left: auto;
  margin-right: auto;
}

.mk-site .w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .mk-site .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div{
  max-width: 100%;
}

.mk-site .w-richtext figure.w-richtext-align-normal{
  clear: both;
}

.mk-site .w-richtext figure.w-richtext-align-fullwidth{
  text-align: center;
  clear: both;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.mk-site .w-richtext figure.w-richtext-align-fullwidth > div{
  padding-bottom: inherit;
  display: inline-block;
}

.mk-site .w-richtext figure.w-richtext-align-fullwidth > figcaption{
  display: block;
}

.mk-site .w-richtext figure.w-richtext-align-floatleft{
  float: left;
  clear: none;
  margin-right: 15px;
}

.mk-site .w-richtext figure.w-richtext-align-floatright{
  float: right;
  clear: none;
  margin-left: 15px;
}

.mk-site .w-nav{
  z-index: 1000;
  background: #ddd;
  position: relative;
}

.mk-site .w-nav:before, .mk-site .w-nav:after{
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.mk-site .w-nav:after{
  clear: both;
}

.mk-site .w-nav-brand{
  float: left;
  color: #333;
  text-decoration: none;
  position: relative;
}

.mk-site .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;
}

.mk-site .w-nav-link.w--current{
  color: #0082f3;
}

.mk-site .w-nav-menu{
  float: right;
  position: relative;
}

.mk-site [data-nav-menu-open]{
  text-align: center;
  background: #c8c8c8;
  min-width: 200px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: visible;
  display: block !important;
}

.mk-site .w--nav-link-open{
  display: block;
  position: relative;
}

.mk-site .w-nav-overlay{
  width: 100%;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
}

.mk-site .w-nav-overlay [data-nav-menu-open]{
  top: 0;
}

.mk-site .w-nav[data-animation="over-left"] .w-nav-overlay{
  width: auto;
}

.mk-site .w-nav[data-animation="over-left"] .w-nav-overlay, .mk-site .w-nav[data-animation="over-left"] [data-nav-menu-open]{
  z-index: 1;
  top: 0;
  right: auto;
}

.mk-site .w-nav[data-animation="over-right"] .w-nav-overlay{
  width: auto;
}

.mk-site .w-nav[data-animation="over-right"] .w-nav-overlay, .mk-site .w-nav[data-animation="over-right"] [data-nav-menu-open]{
  z-index: 1;
  top: 0;
  left: auto;
}

.mk-site .w-nav-button{
  float: right;
  cursor: pointer;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  padding: 18px;
  font-size: 24px;
  display: none;
  position: relative;
}

.mk-site .w-nav-button:focus{
  outline: 0;
}

.mk-site .w-nav-button.w--open{
  color: #fff;
  background-color: #c8c8c8;
}

.mk-site .w-nav[data-collapse="all"] .w-nav-menu{
  display: none;
}

.mk-site .w-nav[data-collapse="all"] .w-nav-button, .mk-site .w--nav-dropdown-open, .mk-site .w--nav-dropdown-toggle-open{
  display: block;
}

.mk-site .w--nav-dropdown-list-open{
  position: static;
}

@media screen and (max-width: 991px) {
  .mk-site .w-nav[data-collapse="medium"] .w-nav-menu{
    display: none;
  }

  .mk-site .w-nav[data-collapse="medium"] .w-nav-button{
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .mk-site .w-nav[data-collapse="small"] .w-nav-menu{
    display: none;
  }

  .mk-site .w-nav[data-collapse="small"] .w-nav-button{
    display: block;
  }

  .mk-site .w-nav-brand{
    padding-left: 10px;
  }
}

@media screen and (max-width: 479px) {
  .mk-site .w-nav[data-collapse="tiny"] .w-nav-menu{
    display: none;
  }

  .mk-site .w-nav[data-collapse="tiny"] .w-nav-button{
    display: block;
  }
}

.mk-site .w-tabs{
  position: relative;
}

.mk-site .w-tabs:before, .mk-site .w-tabs:after{
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.mk-site .w-tabs:after{
  clear: both;
}

.mk-site .w-tab-menu{
  position: relative;
}

.mk-site .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;
}

.mk-site .w-tab-link.w--current{
  background-color: #c8c8c8;
}

.mk-site .w-tab-link:focus{
  outline: 0;
}

.mk-site .w-tab-content{
  display: block;
  position: relative;
  overflow: hidden;
}

.mk-site .w-tab-pane{
  display: none;
  position: relative;
}

.mk-site .w--tab-active{
  display: block;
}

@media screen and (max-width: 479px) {
  .mk-site .w-tab-link{
    display: block;
  }
}

.mk-site .w-ix-emptyfix:after{
  content: "";
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.mk-site .w-dyn-empty{
  background-color: #ddd;
  padding: 10px;
}

.mk-site .w-dyn-hide, .mk-site .w-dyn-bind-empty, .mk-site .w-condition-invisible{
  display: none !important;
}

.mk-site .wf-layout-layout{
  display: grid;
}

@font-face {
  font-family: Creatodisplay;
  src: url('/fonts/67fdd7aaa3c825fe7de59fbf_CreatoDisplay-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Creatodisplay;
  src: url('/fonts/67fdd7aa827c2b353c90daf1_CreatoDisplay-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Creatodisplay;
  src: url('/fonts/67fdd7abf5f69c2abf296abb_CreatoDisplay-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root{
  --space-blue: #1c2035;
  --divider: #b0b0bd;
  --lavender-mist: #f3f3f7;
  --slate-gray: #5f616c;
  --cadet-gray: #91939f;
  --mint-green: #b5e930;
  --pastel-green: #ecf8c9;
  --lavender-gray: #e7e8ef;
  --secondary-color-black: #090618;
  --white: white;
  --transparent: transparent;
  --black: black;
}

.mk-site .w-commerce-commercecartwrapper{
  display: inline-block;
  position: relative;
}

.mk-site .w-commerce-commercecartopenlink{
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

.mk-site .w-commerce-commercecartopenlinkcount{
  color: #3898ec;
  text-align: center;
  background-color: #fff;
  border-radius: 9px;
  min-width: 18px;
  height: 18px;
  margin-left: 8px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  display: inline-block;
}

.mk-site .w-commerce-commercecartcontainerwrapper{
  z-index: 1001;
  background-color: #000c;
  position: fixed;
  inset: 0;
}

.mk-site .w-commerce-commercecartcontainerwrapper--cartType-modal{
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.mk-site .w-commerce-commercecartcontainerwrapper--cartType-leftSidebar{
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.mk-site .w-commerce-commercecartcontainerwrapper--cartType-rightSidebar{
  flex-direction: row;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.mk-site .w-commerce-commercecartcontainerwrapper--cartType-leftDropdown{
  background-color: #0000;
  position: absolute;
  inset: 100% auto auto 0;
}

.mk-site .w-commerce-commercecartcontainerwrapper--cartType-rightDropdown{
  background-color: #0000;
  position: absolute;
  inset: 100% 0 auto auto;
}

.mk-site .w-commerce-commercecartcontainer{
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  min-width: 320px;
  max-width: 480px;
  display: flex;
  overflow: auto;
  box-shadow: 0 5px 25px #00000040;
}

.mk-site .w-commerce-commercecartheader{
  border-bottom: 1px solid #e6e6e6;
  flex: none;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  display: flex;
  position: relative;
}

.mk-site .w-commerce-commercecartheading{
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.mk-site .w-commerce-commercecartcloselink{
  width: 16px;
  height: 16px;
}

.mk-site .w-commerce-commercecartformwrapper{
  flex-direction: column;
  flex: 1;
  display: flex;
}

.mk-site .w-commerce-commercecartform{
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.mk-site .w-commerce-commercecartlist{
  -webkit-overflow-scrolling: touch;
  flex: 1;
  padding: 12px 24px;
  overflow: auto;
}

.mk-site .w-commerce-commercecartitem{
  align-items: flex-start;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.mk-site .w-commerce-commercecartitemimage{
  width: 60px;
  height: 0%;
}

.mk-site .w-commerce-commercecartiteminfo{
  flex-direction: column;
  flex: 1;
  margin-left: 16px;
  margin-right: 16px;
  display: flex;
}

.mk-site .w-commerce-commercecartproductname{
  font-weight: 700;
}

.mk-site .w-commerce-commercecartoptionlist{
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

.mk-site .w-commerce-commercecartquantity{
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 60px;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 6px 8px 12px;
  line-height: 20px;
  display: block;
}

.mk-site .w-commerce-commercecartquantity::placeholder{
  color: #999;
}

.mk-site .w-commerce-commercecartquantity:focus{
  border-color: #3898ec;
  outline-style: none;
}

.mk-site .w-commerce-commercecartfooter{
  border-top: 1px solid #e6e6e6;
  flex-direction: column;
  flex: none;
  padding: 16px 24px 24px;
  display: flex;
}

.mk-site .w-commerce-commercecartlineitem{
  flex: none;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 16px;
  display: flex;
}

.mk-site .w-commerce-commercecartordervalue{
  font-weight: 700;
}

.mk-site .w-commerce-commercecartapplepaybutton{
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  height: 38px;
  min-height: 30px;
  margin-bottom: 8px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.mk-site .w-commerce-commercecartapplepayicon{
  width: 100%;
  height: 50%;
  min-height: 20px;
}

.mk-site .w-commerce-commercecartquickcheckoutbutton{
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  height: 38px;
  margin-bottom: 8px;
  padding: 0 15px;
  text-decoration: none;
  display: flex;
}

.mk-site .w-commerce-commercequickcheckoutgoogleicon, .mk-site .w-commerce-commercequickcheckoutmicrosofticon{
  margin-right: 8px;
  display: block;
}

.mk-site .w-commerce-commercecartcheckoutbutton{
  color: #fff;
  cursor: pointer;
  -webkit-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;
}

.mk-site .w-commerce-commercecartemptystate{
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.mk-site .w-commerce-commercecarterrorstate{
  background-color: #ffdede;
  flex: none;
  margin: 0 24px 24px;
  padding: 10px;
}

.mk-site .w-checkbox{
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.mk-site .w-checkbox:before{
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.mk-site .w-checkbox:after{
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.mk-site .w-checkbox-input{
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.mk-site .w-checkbox-input--inputType-custom{
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.mk-site .w-checkbox-input--inputType-custom.w--redirected-checked{
  background-color: #3898ec;
  background-image: url('/mkt/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.mk-site .w-checkbox-input--inputType-custom.w--redirected-focus{
  box-shadow: 0 0 3px 1px #3898ec;
}

.mk-site .w-layout-grid{
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.mk-site .w-commerce-commerceaddtocartform{
  margin: 0 0 15px;
}

.mk-site .w-commerce-commerceaddtocartoptionpillgroup{
  margin-bottom: 10px;
  display: flex;
}

.mk-site .w-commerce-commerceaddtocartoptionpill{
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #000;
  margin-right: 10px;
  padding: 8px 15px;
}

.mk-site .w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-selected{
  color: #fff;
  background-color: #000;
}

.mk-site .w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-disabled{
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.mk-site .w-commerce-commerceaddtocartquantityinput{
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 60px;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 6px 8px 12px;
  line-height: 20px;
  display: block;
}

.mk-site .w-commerce-commerceaddtocartquantityinput::placeholder{
  color: #999;
}

.mk-site .w-commerce-commerceaddtocartquantityinput:focus{
  border-color: #3898ec;
  outline-style: none;
}

.mk-site .w-commerce-commerceaddtocartbutton{
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

.mk-site .w-commerce-commerceaddtocartbutton.w--ecommerce-add-to-cart-disabled{
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.mk-site .w-commerce-commercebuynowbutton{
  color: #fff;
  cursor: pointer;
  -webkit-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;
}

.mk-site .w-commerce-commercebuynowbutton.w--ecommerce-buy-now-disabled{
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.mk-site .w-commerce-commerceaddtocartoutofstock{
  background-color: #ddd;
  margin-top: 10px;
  padding: 10px;
}

.mk-site .w-commerce-commerceaddtocarterror{
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
}

.mk-site .w-commerce-commercecheckoutformcontainer{
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.mk-site .w-commerce-commercelayoutcontainer{
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.mk-site .w-commerce-commercelayoutmain{
  flex: 0 800px;
  margin-right: 20px;
}

.mk-site .w-commerce-commercecheckoutcustomerinfowrapper{
  margin-bottom: 20px;
}

.mk-site .w-commerce-commercecheckoutblockheader{
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.mk-site .w-commerce-commercecheckoutblockcontent{
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 20px;
}

.mk-site .w-commerce-commercecheckoutlabel{
  margin-bottom: 8px;
}

.mk-site .w-commerce-commercecheckoutemailinput{
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.mk-site .w-commerce-commercecheckoutemailinput::placeholder{
  color: #999;
}

.mk-site .w-commerce-commercecheckoutemailinput:focus{
  border-color: #3898ec;
  outline-style: none;
}

.mk-site .w-commerce-commercecheckoutshippingaddresswrapper{
  margin-bottom: 20px;
}

.mk-site .w-commerce-commercecheckoutshippingfullname{
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.mk-site .w-commerce-commercecheckoutshippingfullname::placeholder{
  color: #999;
}

.mk-site .w-commerce-commercecheckoutshippingfullname:focus{
  border-color: #3898ec;
  outline-style: none;
}

.mk-site .w-commerce-commercecheckoutshippingstreetaddress{
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.mk-site .w-commerce-commercecheckoutshippingstreetaddress::placeholder{
  color: #999;
}

.mk-site .w-commerce-commercecheckoutshippingstreetaddress:focus{
  border-color: #3898ec;
  outline-style: none;
}

.mk-site .w-commerce-commercecheckoutshippingstreetaddressoptional{
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.mk-site .w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder{
  color: #999;
}

.mk-site .w-commerce-commercecheckoutshippingstreetaddressoptional:focus{
  border-color: #3898ec;
  outline-style: none;
}

.mk-site .w-commerce-commercecheckoutrow{
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}

.mk-site .w-commerce-commercecheckoutcolumn{
  flex: 1;
  padding-left: 8px;
  padding-right: 8px;
}

.mk-site .w-commerce-commercecheckoutshippingcity{
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.mk-site .w-commerce-commercecheckoutshippingcity::placeholder{
  color: #999;
}

.mk-site .w-commerce-commercecheckoutshippingcity:focus{
  border-color: #3898ec;
  outline-style: none;
}

.mk-site .w-commerce-commercecheckoutshippingstateprovince{
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.mk-site .w-commerce-commercecheckoutshippingstateprovince::placeholder{
  color: #999;
}

.mk-site .w-commerce-commercecheckoutshippingstateprovince:focus{
  border-color: #3898ec;
  outline-style: none;
}

.mk-site .w-commerce-commercecheckoutshippingzippostalcode{
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.mk-site .w-commerce-commercecheckoutshippingzippostalcode::placeholder{
  color: #999;
}

.mk-site .w-commerce-commercecheckoutshippingzippostalcode:focus{
  border-color: #3898ec;
  outline-style: none;
}

.mk-site .w-commerce-commercecheckoutshippingcountryselector{
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.mk-site .w-commerce-commercecheckoutshippingcountryselector::placeholder{
  color: #999;
}

.mk-site .w-commerce-commercecheckoutshippingcountryselector:focus{
  border-color: #3898ec;
  outline-style: none;
}

.mk-site .w-commerce-commercecheckoutshippingmethodswrapper{
  margin-bottom: 20px;
}

.mk-site .w-commerce-commercecheckoutshippingmethodslist{
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

.mk-site .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;
}

.mk-site .w-commerce-commercecheckoutshippingmethoddescriptionblock{
  flex-direction: column;
  flex-grow: 1;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
}

.mk-site .w-commerce-commerceboldtextblock{
  font-weight: 700;
}

.mk-site .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;
}

.mk-site .w-commerce-commercecheckoutpaymentinfowrapper{
  margin-bottom: 20px;
}

.mk-site .w-commerce-commercecheckoutcardnumber{
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.mk-site .w-commerce-commercecheckoutcardnumber::placeholder{
  color: #999;
}

.mk-site .w-commerce-commercecheckoutcardnumber:focus, .mk-site .w-commerce-commercecheckoutcardnumber.-wfp-focus{
  border-color: #3898ec;
  outline-style: none;
}

.mk-site .w-commerce-commercecheckoutcardexpirationdate{
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.mk-site .w-commerce-commercecheckoutcardexpirationdate::placeholder{
  color: #999;
}

.mk-site .w-commerce-commercecheckoutcardexpirationdate:focus, .mk-site .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus{
  border-color: #3898ec;
  outline-style: none;
}

.mk-site .w-commerce-commercecheckoutcardsecuritycode{
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.mk-site .w-commerce-commercecheckoutcardsecuritycode::placeholder{
  color: #999;
}

.mk-site .w-commerce-commercecheckoutcardsecuritycode:focus, .mk-site .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus{
  border-color: #3898ec;
  outline-style: none;
}

.mk-site .w-commerce-commercecheckoutbillingaddresstogglewrapper{
  flex-direction: row;
  display: flex;
}

.mk-site .w-commerce-commercecheckoutbillingaddresstogglecheckbox{
  margin-top: 4px;
}

.mk-site .w-commerce-commercecheckoutbillingaddresstogglelabel{
  margin-left: 8px;
  font-weight: 400;
}

.mk-site .w-commerce-commercecheckoutbillingaddresswrapper{
  margin-top: 16px;
  margin-bottom: 20px;
}

.mk-site .w-commerce-commercecheckoutbillingfullname{
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.mk-site .w-commerce-commercecheckoutbillingfullname::placeholder{
  color: #999;
}

.mk-site .w-commerce-commercecheckoutbillingfullname:focus{
  border-color: #3898ec;
  outline-style: none;
}

.mk-site .w-commerce-commercecheckoutbillingstreetaddress{
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.mk-site .w-commerce-commercecheckoutbillingstreetaddress::placeholder{
  color: #999;
}

.mk-site .w-commerce-commercecheckoutbillingstreetaddress:focus{
  border-color: #3898ec;
  outline-style: none;
}

.mk-site .w-commerce-commercecheckoutbillingstreetaddressoptional{
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.mk-site .w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder{
  color: #999;
}

.mk-site .w-commerce-commercecheckoutbillingstreetaddressoptional:focus{
  border-color: #3898ec;
  outline-style: none;
}

.mk-site .w-commerce-commercecheckoutbillingcity{
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.mk-site .w-commerce-commercecheckoutbillingcity::placeholder{
  color: #999;
}

.mk-site .w-commerce-commercecheckoutbillingcity:focus{
  border-color: #3898ec;
  outline-style: none;
}

.mk-site .w-commerce-commercecheckoutbillingstateprovince{
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.mk-site .w-commerce-commercecheckoutbillingstateprovince::placeholder{
  color: #999;
}

.mk-site .w-commerce-commercecheckoutbillingstateprovince:focus{
  border-color: #3898ec;
  outline-style: none;
}

.mk-site .w-commerce-commercecheckoutbillingzippostalcode{
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.mk-site .w-commerce-commercecheckoutbillingzippostalcode::placeholder{
  color: #999;
}

.mk-site .w-commerce-commercecheckoutbillingzippostalcode:focus{
  border-color: #3898ec;
  outline-style: none;
}

.mk-site .w-commerce-commercecheckoutbillingcountryselector{
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.mk-site .w-commerce-commercecheckoutbillingcountryselector::placeholder{
  color: #999;
}

.mk-site .w-commerce-commercecheckoutbillingcountryselector:focus{
  border-color: #3898ec;
  outline-style: none;
}

.mk-site .w-commerce-commercecheckoutorderitemswrapper{
  margin-bottom: 20px;
}

.mk-site .w-commerce-commercecheckoutsummaryblockheader{
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.mk-site .w-commerce-commercecheckoutorderitemslist{
  margin-bottom: -20px;
}

.mk-site .w-commerce-commercecheckoutorderitem{
  margin-bottom: 20px;
  display: flex;
}

.mk-site .w-commerce-commercecheckoutorderitemdescriptionwrapper{
  flex-grow: 1;
  margin-left: 16px;
  margin-right: 16px;
}

.mk-site .w-commerce-commercecheckoutorderitemquantitywrapper{
  white-space: pre-wrap;
  display: flex;
}

.mk-site .w-commerce-commercecheckoutorderitemoptionlist{
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

.mk-site .w-commerce-commercelayoutsidebar{
  flex: 0 0 320px;
  position: sticky;
  top: 20px;
}

.mk-site .w-commerce-commercecheckoutordersummarywrapper{
  margin-bottom: 20px;
}

.mk-site .w-commerce-commercecheckoutsummarylineitem, .mk-site .w-commerce-commercecheckoutordersummaryextraitemslistitem{
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 8px;
  display: flex;
}

.mk-site .w-commerce-commercecheckoutsummarytotal{
  font-weight: 700;
}

.mk-site .w-commerce-commercecheckoutplaceorderbutton{
  color: #fff;
  cursor: pointer;
  -webkit-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;
}

.mk-site .w-commerce-commercecheckouterrorstate{
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.mk-site .w-commerce-commercepaypalcheckoutformcontainer{
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.mk-site .w-commerce-commercecheckoutcustomerinfosummarywrapper{
  margin-bottom: 20px;
}

.mk-site .w-commerce-commercecheckoutsummaryitem, .mk-site .w-commerce-commercecheckoutsummarylabel{
  margin-bottom: 8px;
}

.mk-site .w-commerce-commercecheckoutsummaryflexboxdiv{
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.mk-site .w-commerce-commercecheckoutsummarytextspacingondiv{
  margin-right: .33em;
}

.mk-site .w-commerce-commercecheckoutpaymentsummarywrapper{
  margin-bottom: 20px;
}

.mk-site .w-commerce-commercepaypalcheckouterrorstate{
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.mk-site .w-commerce-commerceorderconfirmationcontainer{
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.mk-site .w-commerce-commercecheckoutshippingsummarywrapper{
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .mk-site .w-commerce-commercelayoutcontainer{
    flex-direction: column;
    align-items: stretch;
  }

  .mk-site .w-commerce-commercelayoutmain{
    flex-basis: auto;
    margin-right: 0;
  }

  .mk-site .w-commerce-commercelayoutsidebar{
    flex-basis: auto;
  }
}

@media screen and (max-width: 479px) {
  .mk-site .w-commerce-commercecartcontainerwrapper--cartType-modal{
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
  }

  .mk-site .w-commerce-commercecartcontainerwrapper--cartType-leftDropdown, .mk-site .w-commerce-commercecartcontainerwrapper--cartType-rightDropdown{
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    display: flex;
    position: fixed;
    inset: 0;
  }

  .mk-site .w-commerce-commercecartquantity, .mk-site .w-commerce-commerceaddtocartquantityinput, .mk-site .w-commerce-commercecheckoutemailinput, .mk-site .w-commerce-commercecheckoutshippingfullname, .mk-site .w-commerce-commercecheckoutshippingstreetaddress, .mk-site .w-commerce-commercecheckoutshippingstreetaddressoptional{
    font-size: 16px;
  }

  .mk-site .w-commerce-commercecheckoutrow{
    flex-direction: column;
  }

  .mk-site .w-commerce-commercecheckoutshippingcity, .mk-site .w-commerce-commercecheckoutshippingstateprovince, .mk-site .w-commerce-commercecheckoutshippingzippostalcode, .mk-site .w-commerce-commercecheckoutshippingcountryselector, .mk-site .w-commerce-commercecheckoutcardnumber, .mk-site .w-commerce-commercecheckoutcardexpirationdate, .mk-site .w-commerce-commercecheckoutcardsecuritycode, .mk-site .w-commerce-commercecheckoutbillingfullname, .mk-site .w-commerce-commercecheckoutbillingstreetaddress, .mk-site .w-commerce-commercecheckoutbillingstreetaddressoptional, .mk-site .w-commerce-commercecheckoutbillingcity, .mk-site .w-commerce-commercecheckoutbillingstateprovince, .mk-site .w-commerce-commercecheckoutbillingzippostalcode, .mk-site .w-commerce-commercecheckoutbillingcountryselector{
    font-size: 16px;
  }
}

.mk-site{
  color: var(--space-blue);
  font-family: Creatodisplay, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}

.mk-site h1{
  color: var(--space-blue);
  letter-spacing: -.03px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Creatodisplay, Arial, sans-serif;
  font-size: 86px;
  font-weight: 700;
  line-height: 110%;
}

.mk-site h2{
  color: var(--space-blue);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Creatodisplay, Arial, sans-serif;
  font-size: 60px;
  font-weight: 500;
  line-height: 110%;
}

.mk-site h3{
  color: var(--space-blue);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Creatodisplay, Arial, sans-serif;
  font-size: 36px;
  font-weight: 500;
  line-height: 120%;
}

.mk-site h4{
  color: var(--space-blue);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Creatodisplay, Arial, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 140%;
}

.mk-site h5{
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
}

.mk-site h6{
  margin-top: 12px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}

.mk-site p{
  letter-spacing: 0;
  margin-bottom: 0;
}

.mk-site a{
  color: var(--space-blue);
  font-family: Creatodisplay, Arial, sans-serif;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
}

.mk-site ul{
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

.mk-site blockquote{
  border-left: 5px solid #e2e2e2;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

.mk-site .navbar-right-content{
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.mk-site .inter-tight-wrap{
  max-width: 154px;
}

.mk-site .inter-tight-description-box{
  max-width: 400px;
  margin-bottom: 10px;
}

.mk-site .style-category-box{
  border-bottom: 1px solid var(--divider);
  justify-content: space-between;
  align-items: stretch;
  padding-top: 28px;
  padding-bottom: 28px;
}

.mk-site .navbar-logo-link{
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.mk-site .section{
  padding-top: 60px;
  padding-bottom: 60px;
}

.mk-site .section.footer{
  padding-top: 20px;
  padding-bottom: 12px;
}

.mk-site .section.hero{
  background-image: url('/mkt/6803a72d583a3fb53c26b675_hero-bg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 214px;
  padding-bottom: 278px;
}

.mk-site .section.dashbord{
  padding-top: 0;
}

.mk-site .section.inner-hero{
  background-image: url('/mkt/6804f62b81e83f801af42f50_inner-hero-bg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 214px;
  padding-bottom: 187px;
}

.mk-site .section.details{
  padding-top: 214px;
  padding-bottom: 80px;
}

.mk-site .section.blog{
  padding-top: 40px;
  padding-bottom: 80px;
}

.mk-site .section.conditions-page{
  padding-top: 214px;
  padding-bottom: 20px;
}

.mk-site .section.condition{
  padding-bottom: 80px;
}

.mk-site .section.author{
  padding-bottom: 100px;
}

.mk-site .section.feature-card{
  padding-top: 120px;
  padding-bottom: 120px;
}

.mk-site .section.feature-cta{
  padding-top: 140px;
}

.mk-site .section.about{
  padding-top: 120px;
  padding-bottom: 70px;
}

.mk-site .section.inner{
  padding-top: 70px;
  padding-bottom: 70px;
}

.mk-site .section.company-cta{
  padding-top: 70px;
}

.mk-site .section.pricing-hero{
  padding-top: 214px;
  padding-bottom: 20px;
}

.mk-site .section.pricing-single{
  padding-top: 214px;
}

.mk-site .section.contract{
  padding-top: 214px;
  padding-bottom: 80px;
}

.mk-site .section.style-uttlity-page{
  padding-top: 194px;
}

.mk-site .section.style-guide{
  padding-bottom: 140px;
}

.mk-site .section.changelog{
  padding-bottom: 722px;
}

.mk-site .section.license{
  padding-bottom: 530px;
}

.mk-site .section.hero-cta{
  padding-top: 140px;
  padding-bottom: 135px;
}

.mk-site .section.hero-blog{
  padding-top: 120px;
  padding-bottom: 50px;
}

.mk-site .section.app-feature{
  background-color: var(--lavender-mist);
  padding-top: 120px;
}

.mk-site .section.hero-two{
  background-image: url('/mkt/6815fd0a544b7b5d0e72aeb5_hero-two-bg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 147px;
  padding-bottom: 0;
}

.mk-site .section.integration-two{
  padding-top: 40px;
}

.mk-site .section.key-feature{
  padding-top: 180px;
  padding-bottom: 110px;
}

.mk-site .primary-button-icon-box{
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  display: flex;
}

.mk-site .menu-button{
  padding: 0;
}

.mk-site .primary-button-hover-icon{
  position: absolute;
}

.mk-site .style-category-grid-box{
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: minmax(40%, 1fr) minmax(40%, 1fr) minmax(20%, 1fr);
}

.mk-site .description{
  color: var(--space-blue);
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.mk-site .description.slate-gray{
  color: var(--slate-gray);
}

.mk-site .primary-button-content{
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.mk-site .primary-button-content.center{
  justify-content: center;
  align-items: center;
}

.mk-site .style-details{
  color: var(--slate-gray);
}

.mk-site .style-details.cadet-gray{
  color: var(--cadet-gray);
}

.mk-site .style-weight-box, .mk-site .primary-button-wrapper.desktop{
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.mk-site .short-description{
  color: var(--space-blue);
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
}

.mk-site .short-description.inter-tight{
  color: var(--slate-gray);
}

.mk-site .small-description{
  color: var(--space-blue);
  font-size: 16px;
  font-weight: 500;
}

.mk-site .small-description.cadet-gray, .mk-site .small-description.slate-gray{
  color: var(--slate-gray);
}

.mk-site .small-description.slate-gray.place{
  margin-bottom: 30px;
}

.mk-site .small-description.slate-gray.place-three{
  margin-bottom: 52px;
}

.mk-site .nav-close-ccon{
  opacity: 0;
  width: 24px;
  position: absolute;
}

.mk-site .single-button-box{
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.mk-site .nav-right-btn-wrap{
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.mk-site .base-container{
  max-width: 1278px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.mk-site .title-box.max-with{
  text-align: center;
  letter-spacing: -2px;
  max-width: 983px;
}

.mk-site .title-box.aline-center{
  text-align: center;
}

.mk-site .color-card{
  border-radius: 20px;
  min-height: 202px;
  margin-bottom: 10px;
}

.mk-site .color-card.mint-green{
  background-color: var(--mint-green);
}

.mk-site .color-card.pastel-green{
  background-color: var(--pastel-green);
}

.mk-site .color-card.space-blue{
  background-color: var(--space-blue);
}

.mk-site .color-card.slate-gray{
  background-color: var(--slate-gray);
}

.mk-site .color-card.cadet-gray{
  background-color: var(--cadet-gray);
}

.mk-site .color-card.lavender-gray{
  background-color: var(--lavender-gray);
}

.mk-site .color-card.lavender-mist{
  background-color: var(--lavender-mist);
}

.mk-site .color-card.white{
  border: 1px solid #d0d0d0;
}

.mk-site .navbar{
  background-color: #0000;
  padding-top: 20px;
  padding-bottom: 20px;
  transition: background-color .3s;
  position: fixed;
  inset: 0% 0% auto;
}

.mk-site .font-size{
  color: var(--secondary-color-black);
  font-size: 22px;
  font-weight: 400;
}

.mk-site .secondary-button-two{
  z-index: 1;
  background-color: var(--space-blue);
  border-radius: 10px;
  padding: 11px 16px;
  text-decoration: none;
  position: relative;
}

.mk-site .secondary-button-two.white{
  background-color: var(--white);
}

.mk-site .secondary-button-two.lavender-mist{
  background-color: var(--lavender-mist);
}

.mk-site .secondary-button-two.primary-color{
  background-color: var(--mint-green);
}

.mk-site .secondary-button-two.padding-none{
  background-color: var(--transparent);
  border-radius: 0;
  padding: 0;
}

.mk-site .inter-tight-title{
  font-size: 70px;
  font-weight: 600;
}

.mk-site .secondary-button-two-hover-text{
  color: var(--white);
  font-size: 16px;
  font-weight: 500;
  position: absolute;
}

.mk-site .secondary-button-two-hover-text.space-blue{
  color: var(--space-blue);
}

.mk-site .style-category-tob-box{
  border-radius: 12px;
  margin-bottom: 10px;
  padding: 32px 28px;
}

.mk-site .style-category-tob-box.black{
  background-color: var(--black);
  color: var(--white);
}

.mk-site .style-catagory-text{
  color: var(--secondary-color-black);
  font-size: 22px;
  font-weight: 400;
  line-height: 26px;
}

.mk-site .style-title-box-wrapper{
  grid-column-gap: 34px;
  grid-row-gap: 34px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.mk-site .typography-bottom-left-box{
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.mk-site .nav-hamburger-button{
  z-index: 201;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  transition: background-color .3s;
  display: flex;
}

.mk-site .secondary-button-two-text{
  z-index: 1;
  color: var(--white);
  font-size: 16px;
  font-weight: 500;
  position: relative;
}

.mk-site .secondary-button-two-text.space-blue{
  color: var(--space-blue);
}

.mk-site .primary-button{
  z-index: 1;
  background-color: var(--white);
  border-radius: 10px;
  padding: 11px 16px;
  text-decoration: none;
  position: relative;
  box-shadow: 0 14px 20px #0000000f;
}

.mk-site .primary-button.primary-color{
  background-color: var(--mint-green);
}

.mk-site .primary-button.plan-button{
  background-color: var(--space-blue);
  width: 100%;
  padding-top: 19px;
  padding-bottom: 19px;
}

.mk-site .primary-button.hero-button-one{
  background-image: linear-gradient(#fff6a9, #b5e930);
  border-radius: 555px;
  padding: 18px 26px;
}

.mk-site .primary-button.hero-button-two{
  border-radius: 555px;
  padding: 18px 26px;
  box-shadow: 0 16px 24px #0000000d;
}

.mk-site .primary-button-icon{
  z-index: 1;
  position: relative;
}

.mk-site .style-category-box-wrapper{
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  display: flex;
}

.mk-site .menu-button-wrap{
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.mk-site .uttlity-title-box{
  max-width: 834px;
}

.mk-site .auto-container{
  max-width: 1310px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

.mk-site .style-color-title{
  font-weight: 400;
}

.mk-site .primary-button-icon-wrap{
  z-index: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.mk-site .navbar-content{
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.mk-site .primary-button-text{
  z-index: 1;
  font-size: 16px;
  font-weight: 500;
  position: relative;
}

.mk-site .primary-button-text.white{
  color: var(--white);
}

.mk-site .primary-button-text.white.plan{
  font-size: 20px;
}

.mk-site .primary-button-hover-text{
  font-size: 16px;
  font-weight: 500;
  position: absolute;
}

.mk-site .primary-button-hover-text.plan{
  font-size: 20px;
}

.mk-site .style-scale-category-box{
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.mk-site .primary-button-text-wrap{
  z-index: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.mk-site .animation-content-wrap{
  overflow: visible;
}

.mk-site .animation-content-wrap.margin-bottom-twndty-four{
  margin-bottom: 24px;
  overflow: visible;
}

.mk-site .animation-content-wrap.margin-top-thirteen{
  margin-top: 30px;
}

.mk-site .animation-content-wrap.margin-top-thirteen.margin-bottom-fourteen{
  margin-bottom: 40px;
}

.mk-site .description-small{
  color: var(--space-blue);
  font-size: 14px;
  font-weight: 500;
}

.mk-site .description-small.cadet-gray{
  color: var(--cadet-gray);
}

.mk-site .style-size-box{
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.mk-site .nav-hamburger-icon{
  opacity: 1;
  width: 24px;
  display: block;
  position: absolute;
}

.mk-site .dropdown-main{
  background-color: var(--black);
  border-radius: 16px;
  padding: 25px 12px 22px 30px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 80px #0a071912;
}

.mk-site .bold-description{
  color: #f0f0f0;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
}

.mk-site .bold-description.utlity{
  margin-left: 16px;
}

.mk-site .bold-description.mobile{
  display: none;
}

.mk-site .nav-all-menu-wrap{
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.mk-site .nav-link{
  padding: 0;
  text-decoration: none;
  transition: all .5s;
}

.mk-site .nav-link.w--current{
  color: var(--space-blue);
}

.mk-site .nav-link-wrapper{
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.mk-site .drapdown-toggle{
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  font-weight: 500;
  transition: all .3s;
  display: flex;
}

.mk-site .nav-menu-content{
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.mk-site .nav-menu{
  color: #a5a5a5;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  transition: all .5s;
  overflow: hidden;
}

.mk-site .nav-menu:hover{
  color: #fff;
  transform: translate(8px);
}

.mk-site .nav-menu.w--current{
  color: #fff;
}

.mk-site .nav-menu-wrap{
  grid-column-gap: 19px;
  grid-row-gap: 19px;
  flex-flow: column;
  display: flex;
}

.mk-site .nav-menu-wrap.utility{
  background-color: #252525;
  border-radius: 10px;
  padding: 15px 23px 20px 15px;
}

.mk-site .nav-divider{
  background-color: var(--mint-green);
  height: 6px;
  position: absolute;
  inset: 0% 0% auto;
}

.mk-site .dropdown-colum-wrapper{
  background-color: #0000;
  width: 511px;
  margin-left: 250px;
  padding-top: 20px;
  overflow: hidden;
  transform: translate(-50%);
}

.mk-site .nav-inner-flex{
  grid-column-gap: 85px;
  grid-row-gap: 85px;
  border-bottom: 1px solid #252525;
  margin-bottom: 15px;
  padding-bottom: 11px;
  display: flex;
}

.mk-site .nav-dropdown-left-wrap{
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  display: flex;
}

.mk-site .primary-button-wrapper-two.mobile{
  display: none;
}

.mk-site .footer-wized-title{
  color: var(--slate-gray);
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
}

.mk-site .footer-flex-wrap{
  flex-flow: column;
  display: flex;
}

.mk-site .footer-logo-box{
  margin-bottom: 50px;
}

.mk-site .footer-bottom-content{
  font-size: 14px;
}

.mk-site .footer-left-box{
  width: 100%;
  max-width: 445px;
}

.mk-site .footer-bottom-box{
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-align: center;
  flex-flow: wrap;
  justify-content: space-between;
  padding-left: 15px;
  padding-right: 15px;
}

.mk-site .container{
  max-width: 1310px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.mk-site .footer-right-wrap{
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  align-items: flex-end;
  display: flex;
}

.mk-site .footer-single-widget-two{
  grid-column-gap: 20px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}

.mk-site .footer-single-widget{
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.mk-site .footer-menu{
  color: var(--space-blue);
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  transition: all .4s;
}

.mk-site .footer-menu:hover{
  color: var(--space-blue);
  transform: translate(10px);
}

.mk-site .footer-wedget-wrap{
  grid-column-gap: 100px;
  grid-row-gap: 40px;
  flex-flow: row;
  display: flex;
}

.mk-site .footer-top-righ-box{
  width: 100%;
  max-width: 337px;
}

.mk-site .footer-inner-flex{
  flex-flow: row;
  margin-bottom: 50px;
  display: flex;
}

.mk-site .plan-divider{
  background-color: var(--lavender-mist);
  height: 1px;
  margin-bottom: 12px;
}

.mk-site .footer-email-wrap{
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.mk-site .newsletter-wrap{
  width: 100%;
  max-width: 298px;
}

.mk-site .newsletter{
  margin-bottom: 12px;
  font-size: 22px;
}

.mk-site .email-flex-box{
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.mk-site .footer-field{
  border: 1px solid var(--transparent);
  background-color: var(--lavender-mist);
  border-radius: 10px;
  min-height: 44px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
}

.mk-site .footer-field:focus{
  border-color: var(--mint-green);
}

.mk-site .footer-field::placeholder{
  color: var(--cadet-gray);
  font-size: 16px;
}

.mk-site .submit-button{
  background-color: var(--space-blue);
  border-radius: 10px;
  padding: 11px 16px;
}

.mk-site .footer-right-box{
  justify-content: space-between;
  width: 100%;
  max-width: 835px;
  display: flex;
}

.mk-site .cta-wrap{
  background-image: url('/mkt/67feaf28b9e7a00dd4e4c1d5_cta-bg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 40px;
  padding: 130px 15px;
}

.mk-site .cta-content-wrap{
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 802px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.mk-site .cta-subtitle{
  margin-bottom: 16px;
}

.mk-site .title.center{
  text-align: center;
}

.mk-site .cta-description-box{
  text-align: center;
  max-width: 328px;
  margin-top: 20px;
  margin-bottom: 40px;
}

.mk-site .logo-content{
  grid-column-gap: 105px;
  grid-row-gap: 105px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: flex;
  overflow: visible;
}

.mk-site .brand-wrap{
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  max-width: 1056px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.mk-site .logo-block{
  justify-content: flex-start;
  align-items: center;
  min-width: 87px;
}

.mk-site .brand-title-bold{
  color: var(--space-blue);
  font-weight: 700;
}

.mk-site .section-title-wrappers-center{
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.mk-site .section-title-wrappers-center.app{
  max-width: 600px;
}

.mk-site .section-title-wrappers-center.benefits{
  max-width: 448px;
}

.mk-site .section-title-wrappers-center.feature-app{
  max-width: 697px;
}

.mk-site .section-title-wrappers-center.better{
  max-width: 583px;
}

.mk-site .section-title-wrappers-center.values{
  max-width: 571px;
}

.mk-site .section-title-wrappers-center.key-features{
  max-width: 610px;
}

.mk-site .section-sub-title{
  color: var(--slate-gray);
  margin-bottom: 16px;
}

.mk-site .section-title{
  margin-bottom: 20px;
}

.mk-site .section-title.margin-none{
  margin-bottom: 0;
}

.mk-site .section-description{
  color: var(--slate-gray);
  margin-bottom: 30px;
}

.mk-site .section-description.app{
  max-width: 314px;
}

.mk-site .section-description.place{
  max-width: 328px;
}

.mk-site .section-description.began{
  max-width: 374px;
}

.mk-site .section-description.key-features{
  margin-bottom: 0;
}

.mk-site .app-grid{
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: minmax(200px, 414px) minmax(200px, 630px);
  grid-auto-columns: 1fr;
  max-width: 1064px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.mk-site .app-single-left-box{
  grid-column-gap: 63px;
  grid-row-gap: 63px;
  background-color: var(--lavender-mist);
  border-radius: 20px;
  flex-flow: column;
  padding: 50px 30px 30px;
  display: flex;
  overflow: hidden;
}

.mk-site .app-left-single-image-box{
  border: 1px solid #e2e4e9;
  border-radius: 16px;
  max-width: 272px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.mk-site .app-inner-left-content{
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  max-width: 327px;
  display: flex;
}

.mk-site .app-single-right-box{
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}

.mk-site .app-right-single-image{
  border-radius: 20px;
}

.mk-site .app-right-content-wrap{
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
  position: absolute;
  inset: auto 30px 30px;
}

.mk-site .app-inner-right-content{
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  max-width: 359px;
  display: flex;
}

.mk-site .features-grid{
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  grid-template-rows: auto;
  grid-template-columns: minmax(200px, 1fr) 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.mk-site .features-image-box{
  background-color: var(--lavender-mist);
  border-radius: 20px;
  max-width: 604px;
  position: sticky;
  top: 120px;
  overflow: hidden;
}

.mk-site .features-image-box.one{
  max-width: 633px;
}

.mk-site .features-image-box.two{
  background-color: var(--lavender-mist);
  justify-content: center;
  align-items: center;
  max-width: 633px;
  padding-top: 135px;
  padding-bottom: 135px;
  display: flex;
}

.mk-site .features-image-box.three{
  background-color: var(--lavender-mist);
  justify-content: center;
  align-items: center;
  max-width: 633px;
  padding-top: 146px;
  padding-bottom: 145px;
  display: flex;
}

.mk-site .features-image-wrap{
  grid-column-gap: 0px;
  grid-row-gap: 120px;
  flex-flow: column;
  height: 300vh;
  display: flex;
  position: sticky;
}

.mk-site .work-wrappers{
  background-image: url('/mkt/67fff52820bbab4995efb85b_shape-2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 60px;
  padding-bottom: 60px;
}

.mk-site .work-wrap{
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.mk-site .work-icon-box{
  justify-content: center;
  align-items: center;
  width: 80px;
  min-width: 80px;
  height: 80px;
  min-height: 80px;
  margin-bottom: 27px;
  display: flex;
}

.mk-site .text-opacity-move-wrap{
  flex-flow: column;
  padding-bottom: 0;
  display: flex;
}

.mk-site .text-opacity-move-wrap.center{
  justify-content: center;
  align-items: center;
}

.mk-site .text-animation-wrap{
  display: flex;
  position: relative;
}

.mk-site .text-opacity{
  color: var(--cadet-gray);
  flex: none;
}

.mk-site .text-opacity.absolute{
  color: var(--space-blue);
}

.mk-site .text-hidden-wrap{
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.mk-site .text-hidden-wrap.first-row, .mk-site .text-hidden-wrap.second-row, .mk-site .text-hidden-wrap.third-row{
  overflow: hidden;
}

.mk-site .work-inner-title-box{
  display: none;
}

.mk-site .work-brand-wrap{
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.mk-site .work-divider{
  background-color: var(--white);
  min-width: 1px;
  min-height: 51px;
}

.mk-site .small-description-bold{
  color: var(--space-blue);
  font-size: 16px;
  font-weight: 700;
}

.mk-site .hero-wrap{
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.mk-site .hero-wrap.blog{
  max-width: 665px;
  margin-left: auto;
  margin-right: auto;
}

.mk-site .main-subtitle-box{
  border: 1px solid var(--lavender-mist);
  background-color: var(--white);
  border-radius: 10px;
  padding: 6px 12px;
  box-shadow: 0 14px 20px #1c20350f;
}

.mk-site .hero-title-wrap{
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.mk-site .hero-description-box{
  max-width: 328px;
}

.mk-site .hero-description-box.max-with-none{
  text-align: left;
  max-width: 100%;
}

.mk-site .hero-button-wrap{
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.mk-site .dashbord-wrap{
  border-radius: 20px;
  max-width: 1064px;
  margin-top: -202px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  box-shadow: 0 -46px 80px #1c20351a;
}

.mk-site .dashbord-image-overlay{
  background-color: var(--white);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 100% 0% 0%;
}

.mk-site .benefits-wrap{
  max-width: 1033px;
  margin-left: auto;
  margin-right: auto;
}

.mk-site .benefits-single-box{
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.mk-site .benefits-icon-box{
  justify-content: center;
  align-items: center;
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  display: flex;
}

.mk-site .benefits-inner-title{
  margin-top: 8px;
}

.mk-site .benefits-inner-description{
  max-width: 270px;
}

.mk-site .benefits-grid{
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 60px;
  display: grid;
}

.mk-site .faq-grid{
  grid-column-gap: 128px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: minmax(200px, 522px) minmax(200px, 630px);
  grid-auto-columns: 1fr;
  display: grid;
}

.mk-site .faq-icon-wrapper{
  justify-content: center;
  align-items: center;
  display: flex;
}

.mk-site .faq-accordion-wrapper{
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.mk-site .faq-minus-icon{
  width: 100%;
  max-width: 20px;
  position: absolute;
}

.mk-site .faq-answer._1{
  color: var(--slate-gray);
}

.mk-site .faq-icon-wrap{
  z-index: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.mk-site .faq-accordion-answer-wrap{
  overflow: hidden;
}

.mk-site .faq-icon{
  z-index: 1;
  max-width: 42px;
  position: relative;
}

.mk-site .faq-accordion-question-wrap{
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
  margin-left: 30px;
  margin-right: 20px;
  display: flex;
}

.mk-site .faq-accordion-question-wrap._1{
  margin-bottom: 12px;
  margin-left: 0;
  margin-right: 0;
}

.mk-site .display-none{
  display: none;
}

.mk-site .single-faq-accordion-wrap{
  background-color: var(--lavender-mist);
  border-radius: 20px;
  padding: 28px 4px 4px;
}

.mk-site .single-faq-accordion-wrap.w--current{
  background-color: var(--pastel-green);
}

.mk-site .single-faq-accordion-wrap._2.w--current{
  background-color: var(--lavender-mist);
}

.mk-site .single-faq-accordion-wrap._1{
  border-top: 1px solid var(--lavender-gray);
  background-color: var(--transparent);
  border-radius: 0;
  padding-top: 20px;
}

.mk-site .single-faq-accordion-wrap._1.lust{
  border-bottom: 1px solid var(--lavender-gray);
}

.mk-site .faq-question{
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}

.mk-site .faq-question.feature{
  margin-top: 10px;
  font-size: 18px;
  font-weight: 700;
}

.mk-site .faq-inner-description-box{
  background-color: var(--white);
  border-radius: 16px;
  padding: 26px 22px 26px 26px;
}

.mk-site .faq-left-title-wrap{
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.mk-site .features-faq-accordion-wrap{
  background-color: var(--white);
  padding: 12px 24px;
}

.mk-site .features-faq-accordion-question-wrap{
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
  display: flex;
}

.mk-site .feature-faq-wrap{
  max-width: 522px;
  margin-top: 40px;
}

.mk-site .feature-sticky{
  position: sticky;
  top: 14vh;
}

.mk-site .feature-app-grid{
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 60px;
  display: grid;
}

.mk-site .feature-app-single-box{
  padding: 30px;
  overflow: hidden;
}

.mk-site .feature-app-single-box._1{
  grid-column-gap: 67px;
  grid-row-gap: 67px;
  border: 1px solid var(--lavender-gray);
  background-color: var(--pastel-green);
  border-radius: 20px;
  flex-flow: column;
  padding-top: 70px;
  display: flex;
}

.mk-site .feature-app-single-box._2{
  grid-column-gap: 87px;
  grid-row-gap: 87px;
  border: 1px solid var(--lavender-gray);
  background-color: var(--lavender-mist);
  border-radius: 20px;
  flex-flow: column;
  padding-top: 108px;
  display: flex;
  position: relative;
}

.mk-site .feature-app-single-box._3{
  grid-column-gap: 52px;
  grid-row-gap: 52px;
  border: 1px solid var(--lavender-gray);
  background-color: var(--pastel-green);
  border-radius: 20px;
  flex-flow: column;
  padding-top: 53px;
  display: flex;
}

.mk-site .feature-app-image-box-one{
  max-width: 337px;
  margin-left: auto;
  margin-right: auto;
}

.mk-site .feature-app-image{
  border-radius: 12px;
}

.mk-site .feature-app-shape-box{
  z-index: 1;
  position: absolute;
  inset: 0% auto auto 0%;
}

.mk-site .feature-app-image-box-two{
  z-index: 2;
  max-width: 274px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.mk-site .feature-app-image-box-three{
  max-width: 248px;
  margin-left: auto;
  margin-right: auto;
}

.mk-site .place-title-flex{
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: flex-end;
  max-width: 1194px;
  display: flex;
}

.mk-site .place-title-left-box{
  max-width: 453px;
}

.mk-site .place-wrap{
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.mk-site .place-grid{
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.mk-site .place-single-box{
  border: 1px solid var(--lavender-gray);
  border-radius: 20px;
  flex-flow: column;
  padding: 30px;
  display: flex;
  overflow: hidden;
}

.mk-site .plas-box{
  justify-content: center;
  align-items: center;
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  margin-bottom: 20px;
  display: flex;
}

.mk-site .place-inner-title{
  margin-bottom: 12px;
}

.mk-site .better-wrap{
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.mk-site .better-grid{
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.mk-site .better-single-box{
  border: 1px solid var(--lavender-gray);
  background-color: var(--lavender-mist);
  border-radius: 20px;
  overflow: hidden;
}

.mk-site .better-single-box._1{
  padding: 70px;
}

.mk-site .better-single-box._2{
  padding: 57px;
}

.mk-site .better-image-one{
  max-width: 273px;
  margin-left: auto;
  margin-right: auto;
}

.mk-site .better-image-two{
  max-width: 378px;
  margin-left: auto;
  margin-right: auto;
}

.mk-site .better-single-inner-content-box{
  max-width: 522px;
  margin-top: 16px;
}

.mk-site .better-category-box{
  background-color: var(--pastel-green);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 10px 14px;
  display: inline-block;
}

.mk-site .better-inner-title{
  margin-top: 20px;
  margin-bottom: 12px;
}

.mk-site .solutions-grid{
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: minmax(200px, 847px) minmax(200px, 413px);
  grid-auto-columns: 1fr;
  display: grid;
}

.mk-site .solutions-left-box{
  border-radius: 20px;
  overflow: hidden;
}

.mk-site .solutions-right-box{
  background-image: url('/mkt/6805a46c07957812d13c740a_Solutions-image-2.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 40px 52px 40px 40px;
  display: flex;
  overflow: hidden;
}

.mk-site .solutions-inner-sub-title-box{
  background-color: var(--mint-green);
  border-radius: 10px;
  padding: 11px 16px;
  display: inline-block;
}

.mk-site .solition-inner-title{
  letter-spacing: -1px;
  margin-top: 16px;
  margin-bottom: 40px;
}

.mk-site .support-single-box{
  border: 1px solid var(--lavender-gray);
  border-radius: 20px;
  flex-flow: column;
  padding: 30px;
  display: flex;
  overflow: hidden;
}

.mk-site .counter-number-wrap{
  justify-content: flex-start;
  align-items: flex-start;
  height: 36px;
  margin-top: 65px;
  margin-bottom: 12px;
  padding-top: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.mk-site .counter-digit-wrap{
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.mk-site .counter-number{
  align-items: flex-start;
  font-size: 36px;
  font-weight: 500;
  line-height: 36px;
}

.mk-site .counter-plus-box{
  justify-content: center;
  align-items: center;
  display: flex;
}

.mk-site .counter-plus{
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  font-size: 36px;
  font-weight: 500;
  line-height: 36px;
}

.mk-site .support-grid{
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.mk-site .support-title-left-box{
  max-width: 491px;
}

.mk-site .values-wrap{
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.mk-site .values-grid{
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.mk-site .values-single-box{
  background-color: var(--lavender-mist);
  border-radius: 20px;
  padding: 30px;
  transition: all .4s;
  overflow: hidden;
}

.mk-site .values-single-box:hover{
  background-color: var(--pastel-green);
}

.mk-site .values-inner-icon-box{
  background-color: var(--white);
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 60px;
  min-width: 60px;
  height: 60px;
  min-height: 60px;
  margin-bottom: 40px;
  display: flex;
}

.mk-site .values-inner-title{
  margin-bottom: 12px;
}

.mk-site .values-inner-description-box{
  margin-bottom: 97px;
}

.mk-site .values-inner-description-box._1{
  max-width: 306px;
}

.mk-site .began-grid{
  grid-column-gap: 160px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: minmax(200px, 578px) minmax(200px, 542px);
  grid-auto-columns: 1fr;
  display: grid;
}

.mk-site .began-icon-box{
  background-color: var(--white);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 60px;
  min-width: 60px;
  height: 60px;
  min-height: 60px;
  margin-bottom: 20px;
  display: flex;
  box-shadow: 0 4px 40px #b9b9b926;
}

.mk-site .began-image-box{
  border-radius: 20px;
  overflow: hidden;
}

.mk-site .began-image-description{
  text-align: center;
  max-width: 355px;
  margin-top: 12px;
  margin-left: auto;
  margin-right: auto;
}

.mk-site .inner-wrap{
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.mk-site .team-grid{
  grid-column-gap: 19px;
  grid-row-gap: 19px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.mk-site .team-single-box{
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.mk-site .team-image-box{
  border-radius: 20px;
  overflow: hidden;
}

.mk-site .team-image{
  transition: all 1s;
}

.mk-site .team-image:hover{
  transform: scale(1.05);
}

.mk-site .team-inner-content-box{
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.mk-site .blog-single-box{
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.mk-site .blog-image-box{
  border-radius: 20px;
  overflow: hidden;
}

.mk-site .blog-image{
  transition: all 1s;
}

.mk-site .blog-image:hover{
  transform: scale(1.05);
}

.mk-site .blog-card-title{
  letter-spacing: -1px;
}

.mk-site .blog-card-date{
  margin-top: 50px;
}

.mk-site .blog-card-title-box{
  margin-bottom: 12px;
}

.mk-site .blog-details-title-wrap{
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.mk-site .blog-author-wrap{
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  margin-top: 40px;
  display: flex;
}

.mk-site .author-single-box{
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.mk-site .author-image-box{
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
}

.mk-site .blog-details-date-box{
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.mk-site .blog-details-image-box{
  border-radius: 20px;
  margin-top: 24px;
  overflow: hidden;
}

.mk-site .blog-details-flex-wrap{
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  margin-top: 30px;
  display: flex;
}

.mk-site .blog-details-flex-left-box{
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.mk-site .blog-details-flex-right-box{
  max-width: 845px;
}

.mk-site .destails-single-social-wrap{
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.mk-site .dot{
  background-color: var(--space-blue);
  border-radius: 50%;
  width: 6px;
  min-width: 6px;
  height: 6px;
  min-height: 6px;
}

.mk-site .blog-post p{
  color: var(--slate-gray);
  margin-bottom: 12px;
}

.mk-site .blog-post h4{
  margin-top: 40px;
  margin-bottom: 12px;
}

.mk-site .blog-post ul{
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--slate-gray);
  flex-flow: column;
  margin-top: 12px;
  padding-left: 30px;
  display: flex;
}

.mk-site .blog-post blockquote{
  background-image: url('/mkt/680a692bc0a0d66edb44b6da_block-quate.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-left-style: none;
  border-radius: 20px;
  margin-top: 40px;
  margin-bottom: 0;
  padding: 43px 114px 43px 30px;
  font-size: 16px;
  font-weight: 700;
}

.mk-site .blog-collection-item-wrapper{
  grid-column-gap: 20px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.mk-site .blog-catagory-wrap{
  margin-bottom: 48px;
}

.mk-site .catagory-collection-item{
  grid-column-gap: 46px;
  grid-row-gap: 46px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.mk-site .catagory-collection-list{
  grid-column-gap: 46px;
  grid-row-gap: 46px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.mk-site .category-button{
  background-color: var(--transparent);
  color: var(--space-blue);
  padding: 0;
}

.mk-site .category-button.w--current{
  background-color: var(--mint-green);
  border-radius: 6px;
  padding: 11px 32px;
}

.mk-site .pricing-wrap{
  max-width: 946px;
  margin-left: auto;
  margin-right: auto;
}

.mk-site .pricing-single-wrap{
  background-color: var(--lavender-mist);
  border-radius: 20px;
  padding: 10px;
  overflow: hidden;
}

.mk-site .pricing-content-box{
  margin-bottom: 10px;
  padding: 14px;
}

.mk-site .plan-nme{
  margin-bottom: 20px;
}

.mk-site .plan-price-box{
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.mk-site .plan-short-details-box{
  max-width: 304px;
  margin-top: 12px;
  margin-bottom: 26px;
}

.mk-site .pricing-feature-wrap{
  background-color: var(--white);
  border-radius: 16px;
  padding: 16px 14px 14px;
}

.mk-site .features-title{
  margin-bottom: 15px;
}

.mk-site .features-list{
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  margin-bottom: 0;
  display: flex;
}

.mk-site .features-list-item{
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.mk-site .features-icon{
  justify-content: center;
  align-items: center;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  display: flex;
}

.mk-site .plan-card-grid{
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.mk-site .plan-title-flex{
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.mk-site .most-popular{
  background-color: var(--pastel-green);
  border-radius: 40px;
  padding: 7px 20px;
}

.mk-site .tabs-menu{
  background-color: var(--lavender-mist);
  border-radius: 40px;
  justify-content: space-between;
  align-items: center;
  max-width: 240px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  padding: 3px;
  display: flex;
}

.mk-site .tab-link-tab-1{
  background-color: var(--transparent);
  border-style: none;
  padding: 14px 24px;
}

.mk-site .tab-link-tab-1.w--current{
  background-color: var(--white);
  border-radius: 40px;
  padding: 14px 24px;
}

.mk-site .pricing-single-wrapper{
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  flex-flow: column;
  max-width: 1023px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.mk-site .pricing-single-title-box{
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.mk-site .pricing-description-box{
  max-width: 399px;
}

.mk-site .pricing-single-flex-box{
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.mk-site .pricing-single-flex-left-box{
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  max-width: 496px;
  display: flex;
}

.mk-site .plan-post h4{
  margin-bottom: 10px;
}

.mk-site .plan-post p{
  color: var(--slate-gray);
}

.mk-site .plan-post h3{
  margin-bottom: 10px;
}

.mk-site .pricing-single-flex-right-box{
  margin-top: 80px;
  position: relative;
}

.mk-site .plan-single-wrap{
  background-color: var(--lavender-mist);
  border-radius: 10px;
  padding: 21px 24px 24px;
}

.mk-site .display-nome{
  display: none;
}

.mk-site .button-group{
  background-color: var(--lavender-mist);
  border-radius: 40px;
  justify-content: space-between;
  align-items: center;
  max-width: 231px;
  margin-bottom: 0;
  padding: 3px;
  position: absolute;
  top: -80px;
  left: 0%;
}

.mk-site .add-to-cart-button{
  background-color: var(--mint-green);
  color: var(--space-blue);
  text-align: center;
  border-radius: 10px;
  width: 100%;
  padding-top: 21px;
  padding-bottom: 21px;
}

.mk-site .tab-link-tab{
  background-color: var(--white);
  border-style: none;
  border-radius: 40px;
  padding: 14px 24px;
}

.mk-site .tab-link-tab.w--current{
  background-color: var(--white);
  border-radius: 40px;
  padding: 14px 24px;
}

.mk-site .default-state{
  margin-bottom: 0;
}

.mk-site .checkout-form{
  background-color: var(--transparent);
  margin-top: 180px;
}

.mk-site .block-header{
  border-color: var(--lavender-gray);
  background-color: var(--transparent);
}

.mk-site .order-right-wrap{
  top: 100px;
}

.mk-site .block-content{
  border-right-color: var(--lavender-gray);
  border-bottom-color: var(--lavender-gray);
  border-left-color: var(--lavender-gray);
  background-color: var(--transparent);
}

.mk-site .paypal-checkout-form, .mk-site .order-confirmation{
  background-color: var(--transparent);
  margin-top: 180px;
}

.mk-site .error-page-wrap{
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.mk-site .error-page-content{
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
}

.mk-site .error-title{
  margin-top: 50px;
  margin-bottom: 10px;
}

.mk-site .back-home{
  background-color: var(--space-blue);
  border-radius: 10px;
  margin-top: 20px;
  padding: 11px 16px;
}

.mk-site .terms-wrap{
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--lavender-mist);
  border-radius: 20px;
  flex-flow: column;
  max-width: 1104px;
  margin-left: auto;
  margin-right: auto;
  padding: 60px;
  display: flex;
}

.mk-site .terms-title{
  margin-bottom: 18px;
}

.mk-site .terms-list{
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--slate-gray);
  flex-flow: column;
  margin-top: 24px;
  margin-bottom: 0;
  padding-left: 30px;
  display: flex;
}

.mk-site .terms-single-box-wrap{
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.mk-site .policy-list{
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--slate-gray);
  flex-flow: column;
  margin-bottom: 0;
  padding-left: 30px;
  display: flex;
}

.mk-site .policy-single-box-wrap{
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.mk-site .policy-single-box{
  margin-bottom: 4px;
}

.mk-site .policy-title{
  margin-bottom: 14px;
}

.mk-site .checkout-button{
  background-color: var(--mint-green);
  color: var(--space-blue);
  border-radius: 10px;
}

.mk-site .cart-quantity-2{
  display: none;
}

.mk-site .cart-button{
  background-color: #0000;
  padding: 0;
  position: relative;
}

.mk-site .error-state{
  color: #fff;
  text-align: center;
  background-color: red;
  border-radius: 10px;
}

.mk-site .cart-container{
  background-color: var(--space-blue);
  color: var(--white);
  border-radius: 16px;
}

.mk-site .close-button{
  cursor: pointer;
}

.mk-site .cart-quantity{
  background-color: var(--mint-green);
  color: var(--space-blue);
  position: absolute;
  top: -10%;
  right: -50%;
}

.mk-site .nav-cart{
  margin-right: 10px;
}

.mk-site .nav-left-box{
  grid-column-gap: 125px;
  grid-row-gap: 125px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.mk-site .white{
  color: var(--white);
}

.mk-site .success-message{
  background-color: var(--lavender-mist);
  border-radius: 16px;
}

.mk-site .error-message{
  color: var(--white);
  text-align: center;
  background-color: red;
}

.mk-site .contract-flex-box{
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: space-between;
  display: flex;
}

.mk-site .contract-left-box{
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}

.mk-site .contract-social-box{
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.mk-site .contract-image-box{
  border-radius: 10px;
  max-width: 217px;
  overflow: hidden;
}

.mk-site .contract-right-box{
  border: 1px solid var(--lavender-gray);
  border-radius: 20px;
  width: 100%;
  max-width: 738px;
  padding: 24px;
  overflow: hidden;
}

.mk-site .contract-submit-button{
  background-color: var(--space-blue);
  border-radius: 10px;
  width: 100%;
  padding-top: 14px;
  padding-bottom: 14px;
}

.mk-site .checkbox-label{
  font-size: 14px;
  font-weight: 500;
}

.mk-site .checkbox-field{
  margin-bottom: 30px;
}

.mk-site .field-label{
  margin-bottom: 12px;
  font-weight: 500;
}

.mk-site .text-field{
  border: 1px solid var(--lavender-gray);
  color: var(--cadet-gray);
  border-radius: 12px;
  min-height: 56px;
  margin-bottom: 0;
  padding-left: 18px;
  font-size: 16px;
  font-weight: 500;
}

.mk-site .text-field:focus{
  border-color: var(--mint-green);
  color: var(--space-blue);
}

.mk-site .text-field::placeholder{
  color: var(--space-blue);
  font-size: 16px;
  font-weight: 500;
}

.mk-site .field-single-box{
  width: 100%;
}

.mk-site .field-wrap{
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  margin-top: 40px;
  margin-bottom: 16px;
  display: flex;
}

.mk-site .field-single-wrap{
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  justify-content: space-between;
  display: flex;
}

.mk-site .text-arrea{
  border: 1px solid var(--lavender-gray);
  color: var(--cadet-gray);
  border-radius: 12px;
  min-height: 162px;
  margin-bottom: 0;
  padding-left: 18px;
  font-size: 16px;
  font-weight: 500;
}

.mk-site .text-arrea:focus{
  border-color: var(--mint-green);
  color: var(--space-blue);
}

.mk-site .text-arrea::placeholder{
  color: var(--space-blue);
  font-size: 16px;
  font-weight: 500;
}

.mk-site .support-email{
  text-decoration: underline;
}

.mk-site .contract-form-block, .mk-site .footer-form-block{
  margin-bottom: 0;
}

.mk-site .contract-success-message{
  background-color: var(--lavender-mist);
  border-radius: 16px;
}

.mk-site .style-guide-inner-title{
  font-size: 100px;
  font-weight: 500;
  line-height: 120%;
}

.mk-site .style-guide-wrap{
  grid-column-gap: 130px;
  grid-row-gap: 130px;
  flex-flow: column;
  max-width: 1248px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.mk-site .style-guide-flex-wrap{
  grid-column-gap: 20px;
  grid-row-gap: 30px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.mk-site .style-guide-left-box{
  width: 100%;
  max-width: 396px;
}

.mk-site .style-guide-right-box{
  width: 100%;
  max-width: 822px;
}

.mk-site .style-inner-title{
  letter-spacing: -.02px;
  font-size: 44px;
  font-weight: 400;
}

.mk-site .color-grid{
  grid-column-gap: 30px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
}

.mk-site .try-hirely-for-free{
  background-color: var(--space-blue);
  color: var(--mint-green);
  border-radius: 60px;
  padding: 20px 26px;
}

.mk-site .change-log-flex-box{
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  max-width: 1034px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.mk-site .change-log-left-box{
  width: 100%;
  max-width: 396px;
}

.mk-site .change-log-title{
  letter-spacing: -.02px;
  font-size: 44px;
  font-weight: 400;
}

.mk-site .change-log-description{
  color: var(--slate-gray);
  font-weight: 400;
}

.mk-site .license-right-box{
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 822px;
  display: flex;
}

.mk-site .license-image-grid{
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.mk-site .license-single-image-box{
  border-radius: 20px;
  overflow: hidden;
}

.mk-site .license-icon-flex-box{
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  display: flex;
}

.mk-site .license-icon-box{
  justify-content: center;
  align-items: center;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  display: flex;
}

.mk-site .cta-two-wrap{
  background-image: url('/mkt/68159a5b0f0738b5f6e88135_cta-2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 40px;
  padding: 61px 15px 55px;
}

.mk-site .faq-two-inner-description-box{
  padding: 0 22px 26px 26px;
}

.mk-site .hero-blog-wrap{
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.mk-site .app-feature-wrap{
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  max-width: 1064px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.mk-site .app-feature-section-description{
  color: var(--slate-gray);
  max-width: 302px;
  margin-top: 20px;
}

.mk-site .app-feature-sub-title-box{
  background-color: var(--mint-green);
  border-radius: 40px;
  margin-bottom: 16px;
  padding: 8px 12px;
  display: inline-block;
}

.mk-site .app-feature-grid{
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.mk-site .app-feature-single-box{
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.mk-site .app-feature-inner-image-box{
  border-radius: 20px;
  overflow: hidden;
}

.mk-site .app-feature-inner-content-box{
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 326px;
  display: flex;
}

.mk-site .feature-title-flex{
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: flex-end;
  max-width: 1194px;
  display: flex;
}

.mk-site .hero-two-flex-box{
  justify-content: space-between;
  display: flex;
}

.mk-site .hero-two-right-box{
  position: relative;
}

.mk-site .hero-two-image-box{
  max-width: 567px;
  margin-bottom: -10px;
}

.mk-site .author-wrapper{
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-top: 30px;
  display: flex;
}

.mk-site .slide-main-image{
  border-radius: 20px;
}

.mk-site .slide-wrapper{
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.mk-site .author-image-wrapper{
  border-radius: 50px;
  width: 46px;
  min-width: 46px;
  height: 46px;
  min-height: 46px;
  overflow: hidden;
}

.mk-site .author-taitl-box{
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.mk-site .slider-box{
  background-color: #0000;
  height: 100%;
}

.mk-site .slider-right-arrow-image-box{
  background-color: #f3f3f7;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 60px;
  min-width: 60px;
  height: 60px;
  min-height: 60px;
  transition: all .5s;
  display: flex;
  right: 0;
}

.mk-site .slider-right-arrow-image-box:hover{
  background-color: #8ed968;
}

.mk-site .slider-left-arrow-image-box{
  background-color: #f3f3f7;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 60px;
  min-width: 60px;
  height: 60px;
  min-height: 60px;
  transition: all .5s;
  display: flex;
  bottom: 0%;
  left: auto;
  right: 570px;
}

.mk-site .slider-left-arrow-image-box:hover{
  background-color: #8ed968;
}

.mk-site .slide-left-box{
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.mk-site .slider-image-wrapper{
  border-radius: 20px;
  width: 100%;
  max-width: 630px;
}

.mk-site .description-wrapper{
  max-width: 521px;
  height: 100%;
}

.mk-site .small-regular-description{
  color: #6f7782;
  padding-right: 30px;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.mk-site .slider-image{
  width: 100%;
  max-width: 114px;
}

.mk-site .hero-two-left-box{
  padding-top: 97px;
}

.mk-site .hero-two-wrapper{
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.mk-site .hero-two-title-wrap{
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.mk-site .hero-image-two-box{
  max-width: 326px;
  position: absolute;
  inset: auto auto 44px -171px;
}

.mk-site .integration-two-wrap{
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-image: url('/mkt/68188097ef11c05efa9aa1f8_Integration-bg.jpg');
  background-position: 0 0;
  background-size: auto;
  border-radius: 40px;
  justify-content: flex-start;
  align-items: center;
  padding: 40px 40px 45px;
  display: flex;
  position: relative;
}

.mk-site .integration-two-image-box{
  max-width: 569px;
}

.mk-site .integration-content-wrap{
  flex-flow: column;
  max-width: 413px;
  display: flex;
}

.mk-site .integration-description-box{
  max-width: 328px;
  margin-top: 20px;
}

.mk-site .integration-subtitle{
  margin-bottom: 16px;
}

.mk-site .key-features-wrap{
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  max-width: 1064px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.mk-site .key-feature-sub-title-box{
  background-color: var(--lavender-mist);
  border-radius: 40px;
  margin-bottom: 16px;
  padding: 8px 12px;
  display: inline-block;
}

.mk-site .key-features-faq-wrap{
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.mk-site .feature-icon-wrap{
  z-index: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.mk-site .feature-inner-description-box{
  max-width: 365px;
  padding: 0 0 20px;
}

.mk-site .feature-accordion-wrapper{
  flex-flow: column;
  display: flex;
}

.mk-site .key-feature-button-wrap{
  margin-top: 46px;
}

.mk-site .key-feature-sticky{
  position: sticky;
  top: 14.1vh;
}

.mk-site .key-features-grid{
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: minmax(200px, 411px) 1fr;
  grid-auto-columns: 1fr;
  max-width: 1064px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.mk-site .on-scroll{
  background-color: var(--white);
  display: none;
  position: absolute;
  inset: 0%;
}

.mk-site .lock-utility-page-content{
  text-align: center;
}

.mk-site .lock-utility-page-wrap{
  justify-content: center;
  align-items: center;
  padding: 60px 15px 600px;
  display: flex;
}

.mk-site .lock-utility-page-form{
  flex-direction: column;
  align-items: stretch;
  max-width: 455px;
}

.mk-site .protected-title{
  margin-top: 40px;
  margin-bottom: 16px;
  font-size: 44px;
  font-weight: 400;
  line-height: 130%;
}

.mk-site .lock-inner-flex{
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.mk-site .lock-button{
  background-color: var(--space-blue);
  border-radius: 8px;
  min-height: 56px;
  padding: 14px 18px 14px 20px;
}

.mk-site .feature-inner-image-box{
  max-width: 289px;
}

.mk-site .feature-inner-image-box.two{
  max-width: 377px;
}

.mk-site .hero-feature-image-box.one{
  max-width: 429px;
}

.mk-site .hero-feature-image-box.two{
  max-width: 405px;
}

.mk-site .faq-answer-2{
  margin-top: 0;
}

.mk-site .secondary-button-two-text-2{
  z-index: 1;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  position: relative;
}

.mk-site .secondary-button-two-text-2.space-blue{
  color: #1c2035;
}

.mk-site .secondary-button-two-2{
  z-index: 1;
  background-color: #1c2035;
  border-radius: 10px;
  padding: 11px 16px;
  text-decoration: none;
  position: relative;
}

.mk-site .secondary-button-two-2.primary-color{
  background-color: #b5e930;
}

.mk-site .hero-features-inner-description-box-2{
  color: #5f616c;
  overflow: hidden;
}

.mk-site .secondary-button-two-hover-text-2{
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  position: absolute;
}

.mk-site .secondary-button-two-hover-text-2.space-blue{
  color: #1c2035;
}

.mk-site .section-description-2{
  color: #5f616c;
  margin-bottom: 30px;
}

.mk-site .section-description-2.app{
  max-width: 314px;
}

.mk-site .features-faq-accordion-wrap-2{
  background-color: #fff;
  border-radius: 12px;
  padding: 12px 24px;
}

.mk-site .section-sub-title-2{
  color: #5f616c;
  margin-bottom: 16px;
}

.mk-site .features-image-box-2{
  background-color: #f3f3f7;
  border-radius: 20px;
  max-width: 604px;
  position: sticky;
  top: 120px;
  overflow: hidden;
}

.mk-site .features-image-box-2.hero-one{
  justify-content: center;
  align-items: center;
  padding: 64px 100px;
  display: flex;
}

.mk-site .features-image-box-2.hero-three{
  padding: 60px 178px 60px 129px;
}

.mk-site .features-image-box-2.hero-two{
  padding: 122px 96px 122px 123px;
}

.mk-site .submit-button-2{
  background-color: var(--mint-green);
  color: var(--space-blue);
}

.mk-site .submit-button-2:hover{
  background-color: var(--pastel-green);
}

.mk-site .license-text{
  margin-top: 10px;
}

.mk-site .website-figma-image{
  margin-left: -9px;
}

.mk-site .website-button-json{
  z-index: -1;
  position: absolute;
  inset: 0%;
}

.mk-site .customize-text{
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}

.mk-site .paragraph-2{
  color: #d4d4d4;
  font-size: 16px;
}

.mk-site .website-icon-wrap{
  justify-content: center;
  align-items: center;
  padding-left: 9px;
  display: flex;
}

.mk-site .template-button{
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #ffffff38;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 36px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2.618px 6.544px #0028360d, inset 0 1.309px #ffffff8c, 0 1.175px 1.828px #9332ff1a, 0 3.947px 6.139px #9332ff26, 0 17.669px 27.484px #9332ff26;
}

.mk-site .loack-icon{
  max-width: 20px;
}

.mk-site .website-banner-wrapper{
  z-index: 1000;
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background-color: #191919;
  border: 1px solid #ffffff17;
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 238px;
  padding: 12px 8px 8px;
  display: flex;
  position: fixed;
  inset: auto 20px 20px auto;
}

.mk-site .customize-button{
  background-color: #ffffff38;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 36px;
  margin-top: 10px;
  text-decoration: none;
  transition: background-color .3s ease-in-out;
  display: flex;
}

.mk-site .customize-button:hover{
  background-color: #9153ff;
}

@media screen and (min-width: 1280px) {
  .mk-site .slider-right-arrow-image-box{
    right: -25px;
  }

  .mk-site .slider-left-arrow-image-box{
    right: 599px;
  }

  .mk-site .website-figma-image{
    margin-left: -9px;
  }

  .mk-site .website-icon-wrap{
    padding-left: 9px;
  }

  .mk-site .customize-button{
    transition: background-color .3s ease-in-out;
  }

  .mk-site .customize-button:hover{
    background-color: #9153ff;
  }
}

@media screen and (max-width: 991px) {
  .mk-site h1{
    font-size: 50px;
  }

  .mk-site h2{
    font-size: 46px;
  }

  .mk-site h3{
    font-size: 30px;
  }

  .mk-site .style-category-box{
    padding-top: 30px;
    padding-bottom: 25px;
  }

  .mk-site .navbar-logo-link{
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .mk-site .section{
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .mk-site .section.hero{
    padding-top: 200px;
  }

  .mk-site .section.inner-hero{
    padding-top: 200px;
    padding-bottom: 100px;
  }

  .mk-site .section.details{
    padding-top: 200px;
    padding-bottom: 60px;
  }

  .mk-site .section.blog{
    padding-bottom: 60px;
  }

  .mk-site .section.conditions-page{
    padding-top: 180px;
  }

  .mk-site .section.condition{
    padding-bottom: 50px;
  }

  .mk-site .section.author{
    padding-top: 0;
    padding-bottom: 40px;
  }

  .mk-site .section.feature-card{
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .mk-site .section.feature-cta{
    padding-top: 80px;
  }

  .mk-site .section.about{
    padding-top: 100px;
    padding-bottom: 60px;
  }

  .mk-site .section.inner{
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .mk-site .section.company-cta{
    padding-top: 60px;
  }

  .mk-site .section.pricing-hero, .mk-site .section.pricing-single{
    padding-top: 200px;
  }

  .mk-site .section.contract{
    padding-top: 200px;
    padding-bottom: 60px;
  }

  .mk-site .section.style-uttlity-page{
    padding-top: 180px;
  }

  .mk-site .section.style-guide{
    padding-bottom: 100px;
  }

  .mk-site .section.changelog{
    padding-bottom: 500px;
  }

  .mk-site .section.license{
    padding-bottom: 300px;
  }

  .mk-site .section.hero-cta{
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .mk-site .section.hero-blog, .mk-site .section.app-feature{
    padding-top: 100px;
  }

  .mk-site .section.key-feature{
    padding-top: 120px;
    padding-bottom: 80px;
  }

  .mk-site .menu-button{
    flex-flow: column;
    justify-content: center;
    padding: 0;
    display: flex;
  }

  .mk-site .menu-button.w--open{
    background-color: #0000;
  }

  .mk-site .primary-button-wrapper.desktop{
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .mk-site .small-description.slate-gray.place-three{
    margin-bottom: 30px;
  }

  .mk-site .nav-close-ccon{
    opacity: 0;
    width: 1rem;
    margin: .25rem;
    position: absolute;
  }

  .mk-site .title-box.max-with{
    letter-spacing: 0;
  }

  .mk-site .navbar{
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .mk-site .secondary-button-two.desktops{
    display: none;
  }

  .mk-site .style-title-box-wrapper{
    text-align: center;
  }

  .mk-site .nav-hamburger-button{
    justify-content: center;
    align-items: center;
    transition: background-color .3s;
    display: flex;
  }

  .mk-site .animation-content-wrap.margin-bottom-twndty-four{
    margin-bottom: 20px;
  }

  .mk-site .animation-content-wrap.margin-top-thirteen.margin-bottom-fourteen{
    margin-top: 24px;
    margin-bottom: 30px;
  }

  .mk-site .nav-hamburger-icon{
    opacity: 1;
    flex: none;
    width: 100%;
    display: block;
    position: absolute;
  }

  .mk-site .nav-link{
    width: 100%;
  }

  .mk-site .drapdown-toggle{
    justify-content: flex-start;
    align-items: center;
  }

  .mk-site .nav-menu-content{
    grid-row-gap: 15px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding: 30px 16px;
    overflow: auto;
  }

  .mk-site .dropdown-colum-wrapper{
    margin-left: 0;
  }

  .mk-site .dropdown-colum-wrapper.w--open{
    min-width: 0;
    transform: translate(0%);
  }

  .mk-site .menu-dropdown-wrapper{
    width: 100%;
    display: block;
  }

  .mk-site .primary-button-wrapper-two.mobile{
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    display: flex;
  }

  .mk-site .nave-menu{
    background-color: var(--lavender-gray);
    max-height: 90vh;
    overflow: auto;
  }

  .mk-site .footer-logo-box{
    margin-bottom: 20px;
  }

  .mk-site .container{
    max-width: none;
  }

  .mk-site .footer-right-wrap{
    max-width: 450px;
    margin-left: 0;
  }

  .mk-site .footer-single-widget-two{
    grid-column-gap: 40px;
    flex-flow: row;
  }

  .mk-site .footer-wedget-wrap{
    grid-column-gap: 40px;
    justify-content: space-between;
  }

  .mk-site .footer-top-righ-box{
    max-width: 410px;
  }

  .mk-site .footer-inner-flex{
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    margin-bottom: 50px;
  }

  .mk-site .cta-wrap{
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .mk-site .cta-description-box{
    margin-top: 16px;
    margin-bottom: 30px;
  }

  .mk-site .logo-content{
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .mk-site .logo-block{
    min-width: 150px;
  }

  .mk-site .section-title{
    margin-bottom: 16px;
  }

  .mk-site .section-description.app, .mk-site .section-description.place, .mk-site .section-description.began{
    margin-bottom: 24px;
  }

  .mk-site .app-grid{
    margin-top: 50px;
  }

  .mk-site .app-single-left-box{
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding-top: 30px;
  }

  .mk-site .app-left-single-image-box{
    max-width: 100%;
  }

  .mk-site .app-single-right-box{
    background-color: #defecd;
  }

  .mk-site .app-right-content-wrap{
    flex-flow: column;
  }

  .mk-site .features-grid{
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .mk-site .features-image-box{
    position: static;
  }

  .mk-site .features-image-box.one{
    max-width: 100%;
  }

  .mk-site .features-image-box.two{
    max-width: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .mk-site .features-image-box.three{
    max-width: 100%;
    padding: 100px 60px;
  }

  .mk-site .features-image-wrap{
    grid-row-gap: 20px;
    height: auto;
  }

  .mk-site .work-icon-box{
    margin-bottom: 20px;
  }

  .mk-site .work-brand-wrap{
    margin-top: 40px;
  }

  .mk-site .benefits-grid{
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 40px;
  }

  .mk-site .faq-grid{
    grid-template-columns: minmax(200px, 100%);
  }

  .mk-site .feature-sticky{
    top: 10vh;
  }

  .mk-site .feature-app-grid{
    grid-template-columns: 1fr 1fr;
    margin-top: 50px;
  }

  .mk-site .feature-app-single-box._1, .mk-site .feature-app-single-box._2, .mk-site .feature-app-single-box._3{
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-top: 30px;
  }

  .mk-site .feature-app-image-box-one{
    max-width: 100%;
  }

  .mk-site .feature-app-shape-box{
    display: none;
  }

  .mk-site .feature-app-image-box-two{
    max-width: 100%;
  }

  .mk-site .feature-app-image-box-three{
    border-radius: 11px;
    max-width: 100%;
    overflow: hidden;
  }

  .mk-site .place-grid{
    grid-template-columns: 1fr 1fr;
  }

  .mk-site .better-wrap{
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .mk-site .solutions-grid{
    grid-template-columns: minmax(200px, 847px);
  }

  .mk-site .support-grid, .mk-site .values-grid{
    grid-template-columns: 1fr 1fr;
  }

  .mk-site .values-inner-icon-box{
    margin-bottom: 24px;
  }

  .mk-site .values-inner-description-box{
    margin-bottom: 50px;
  }

  .mk-site .began-grid{
    grid-template-columns: minmax(200px, 100%);
  }

  .mk-site .inner-wrap{
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .mk-site .team-grid{
    grid-template-columns: 1fr 1fr;
  }

  .mk-site .blog-image-box{
    border-radius: 16px;
  }

  .mk-site .blog-card-title{
    letter-spacing: 0;
  }

  .mk-site .blog-card-date, .mk-site .blog-author-wrap{
    margin-top: 30px;
  }

  .mk-site .blog-post p{
    margin-bottom: 8px;
  }

  .mk-site .blog-post h4{
    margin-top: 30px;
  }

  .mk-site .blog-post blockquote{
    margin-top: 30px;
    padding-right: 30px;
  }

  .mk-site .blog-collection-item-wrapper{
    grid-template-columns: 1fr 1fr;
  }

  .mk-site .blog-catagory-wrap{
    margin-bottom: 36px;
  }

  .mk-site .catagory-collection-list{
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .mk-site .plan-card-grid{
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .mk-site .tabs-menu{
    margin-bottom: 40px;
  }

  .mk-site .pricing-single-wrapper{
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .mk-site .pricing-single-flex-left-box{
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    max-width: 368px;
  }

  .mk-site .error-title{
    margin-top: 36px;
  }

  .mk-site .terms-wrap{
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding: 40px;
  }

  .mk-site .contract-flex-box{
    flex-flow: column;
  }

  .mk-site .contract-left-box{
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .mk-site .style-guide-inner-title{
    font-size: 64px;
  }

  .mk-site .style-guide-wrap{
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }

  .mk-site .style-guide-flex-wrap{
    flex-flow: column;
  }

  .mk-site .license-right-box{
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .mk-site .hero-blog-wrap, .mk-site .app-feature-wrap{
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .mk-site .hero-two-flex-box{
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .mk-site .hero-two-right-box{
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .mk-site .hero-two-image-box{
    justify-content: flex-end;
    align-items: center;
  }

  .mk-site .author-wrapper{
    margin-top: 0;
  }

  .mk-site .slide-wrapper{
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .mk-site .slide-right-box{
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .mk-site .slider-right-arrow-image-box{
    inset: 32% 25px 0% auto;
  }

  .mk-site .slider-left-arrow-image-box{
    top: 32%;
    right: 650px;
  }

  .mk-site .slide-left-box{
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .mk-site .small-regular-description{
    line-height: 130%;
  }

  .mk-site .hero-two-left-box{
    padding-top: 0;
  }

  .mk-site .hero-image-two-box{
    left: 0;
  }

  .mk-site .integration-two-image-box{
    max-width: 294px;
  }

  .mk-site .integration-description-box{
    margin-top: 16px;
    margin-bottom: 30px;
  }

  .mk-site .feature-inner-description-box{
    max-width: 575px;
  }

  .mk-site .key-feature-sticky{
    top: 10vh;
  }

  .mk-site .key-features-grid{
    grid-template-columns: minmax(200px, 100%);
  }

  .mk-site .lock-utility-page-wrap{
    padding-top: 50px;
    padding-bottom: 120px;
  }

  .mk-site .feature-inner-image-box{
    max-width: 500px;
  }

  .mk-site .feature-inner-image-box.two{
    max-width: 600px;
  }

  .mk-site .section-description-2.app{
    margin-bottom: 24px;
  }

  .mk-site .features-image-box-2{
    position: static;
  }

  .mk-site .features-image-box-2.hero-one, .mk-site .features-image-box-2.hero-three, .mk-site .features-image-box-2.hero-two{
    padding: 40px;
  }
}

@media screen and (max-width: 767px) {
  .mk-site h1{
    font-size: 46px;
  }

  .mk-site h2{
    font-size: 40px;
  }

  .mk-site .section{
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .mk-site .section.hero{
    padding-top: 180px;
  }

  .mk-site .section.inner-hero{
    padding-top: 180px;
    padding-bottom: 80px;
  }

  .mk-site .section.details{
    padding-top: 160px;
    padding-bottom: 40px;
  }

  .mk-site .section.blog{
    padding-bottom: 50px;
  }

  .mk-site .section.conditions-page{
    padding-top: 160px;
  }

  .mk-site .section.condition{
    padding-bottom: 40px;
  }

  .mk-site .section.author{
    padding-bottom: 0;
  }

  .mk-site .section.feature-card{
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .mk-site .section.feature-cta{
    padding-top: 60px;
  }

  .mk-site .section.about{
    padding-top: 80px;
    padding-bottom: 50px;
  }

  .mk-site .section.inner{
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .mk-site .section.company-cta{
    padding-top: 50px;
  }

  .mk-site .section.pricing-hero{
    padding-top: 180px;
  }

  .mk-site .section.pricing-single{
    padding-top: 170px;
  }

  .mk-site .section.contract{
    padding-top: 180px;
  }

  .mk-site .section.style-uttlity-page{
    padding-top: 160px;
  }

  .mk-site .section.style-guide{
    padding-bottom: 80px;
  }

  .mk-site .section.changelog{
    padding-bottom: 160px;
  }

  .mk-site .section.license{
    padding-bottom: 200px;
  }

  .mk-site .section.hero-cta{
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .mk-site .section.hero-blog, .mk-site .section.app-feature{
    padding-top: 80px;
  }

  .mk-site .section.key-feature{
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .mk-site .style-category-grid-box{
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .mk-site .primary-button-wrapper.desktop{
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .mk-site .inner-title.blog-details{
    font-size: 32px;
  }

  .mk-site .navbar{
    padding-top: 22px;
    padding-bottom: 22px;
  }

  .mk-site .style-title-box-wrapper{
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .mk-site .typography-bottom-left-box{
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .mk-site .animation-content-wrap.margin-bottom-twndty-four{
    margin-bottom: 20px;
  }

  .mk-site .animation-content-wrap.margin-top-thirteen.margin-bottom-fourteen{
    margin-top: 20px;
    margin-bottom: 24px;
  }

  .mk-site .nav-all-menu-wrap{
    justify-content: space-between;
    max-width: 100%;
  }

  .mk-site .nav-menu-content{
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .mk-site .dropdown-colum-wrapper{
    width: 100%;
  }

  .mk-site .dropdown-colum-wrapper.w--open{
    min-width: 100%;
  }

  .mk-site .footer-bottom-box{
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .mk-site .footer-right-wrap{
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: row;
    width: 100%;
  }

  .mk-site .footer-single-widget-two{
    flex-flow: row;
    justify-content: space-between;
    width: 62%;
  }

  .mk-site .footer-wedget-wrap{
    flex-flow: wrap;
    width: 100%;
  }

  .mk-site .footer-top-righ-box{
    width: 100%;
    max-width: 100%;
  }

  .mk-site .footer-inner-flex{
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-bottom: 30px;
  }

  .mk-site .newsletter-wrap{
    max-width: 400px;
  }

  .mk-site .footer-right-box{
    grid-row-gap: 30px;
    flex-flow: column;
  }

  .mk-site .cta-wrap{
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .mk-site .cta-description-box{
    margin-bottom: 20px;
  }

  .mk-site .logo-content{
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .mk-site .logo-block{
    align-items: center;
  }

  .mk-site .section-description.app{
    margin-bottom: 20px;
  }

  .mk-site .section-description.place{
    max-width: 100%;
    margin-bottom: 20px;
  }

  .mk-site .section-description.began{
    margin-bottom: 20px;
  }

  .mk-site .app-grid{
    grid-template-columns: minmax(200px, 100%);
    margin-top: 40px;
  }

  .mk-site .app-single-right-box{
    padding-bottom: 60px;
  }

  .mk-site .app-right-content-wrap{
    flex-flow: row;
    padding-top: 20px;
  }

  .mk-site .app-inner-right-content{
    max-width: 310px;
  }

  .mk-site .features-grid{
    grid-template-columns: 1fr;
  }

  .mk-site .features-image-box{
    position: static;
  }

  .mk-site .features-image-box.two, .mk-site .features-image-box.three{
    padding: 60px;
  }

  .mk-site .features-image-wrap{
    grid-row-gap: 40px;
  }

  .mk-site .work-wrappers{
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .mk-site .work-icon-box{
    margin-bottom: 16px;
  }

  .mk-site .text-opacity{
    font-size: 26px;
  }

  .mk-site .work-brand-wrap{
    margin-top: 30px;
  }

  .mk-site .benefits-grid{
    grid-template-columns: 1fr 1fr;
    margin-top: 30px;
  }

  .mk-site .feature-sticky{
    position: static;
  }

  .mk-site .feature-app-grid{
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .mk-site .feature-app-image-box-three{
    border-radius: 20px;
  }

  .mk-site .place-title-flex{
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .mk-site .place-grid{
    grid-template-columns: 1fr;
  }

  .mk-site .better-wrap{
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .mk-site .better-grid{
    grid-template-columns: 1fr;
  }

  .mk-site .better-single-box._2{
    padding: 40px;
  }

  .mk-site .solutions-right-box{
    padding: 30px;
  }

  .mk-site .solition-inner-title{
    margin-bottom: 30px;
  }

  .mk-site .counter-number-wrap{
    margin-top: 30px;
  }

  .mk-site .support-grid{
    grid-template-columns: 1fr;
  }

  .mk-site .support-title-left-box{
    max-width: 100%;
  }

  .mk-site .values-grid{
    grid-template-columns: 1fr;
  }

  .mk-site .values-inner-icon-box{
    margin-bottom: 20px;
  }

  .mk-site .values-inner-description-box._1{
    margin-bottom: 24px;
  }

  .mk-site .began-icon-box{
    margin-bottom: 16px;
  }

  .mk-site .inner-wrap{
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .mk-site .team-image-box, .mk-site .blog-image-box{
    border-radius: 12px;
  }

  .mk-site .blog-card-title{
    font-size: 22px;
  }

  .mk-site .blog-author-wrap{
    margin-top: 30px;
  }

  .mk-site .blog-details-flex-wrap{
    flex-flow: column;
  }

  .mk-site .blog-post h4{
    margin-top: 24px;
  }

  .mk-site .blog-post blockquote{
    margin-top: 24px;
    padding: 30px 20px;
  }

  .mk-site .blog-collection-item-wrapper{
    grid-column-gap: 16px;
  }

  .mk-site .blog-catagory-wrap{
    margin-bottom: 30px;
  }

  .mk-site .catagory-collection-list{
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .mk-site .category-button.w--current{
    padding-left: 24px;
    padding-right: 24px;
  }

  .mk-site .plan-short-details-box{
    max-width: 100%;
  }

  .mk-site .features-list{
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .mk-site .plan-card-grid{
    grid-template-columns: 1fr;
  }

  .mk-site .pricing-single-wrapper{
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .mk-site .pricing-single-flex-box{
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
  }

  .mk-site .pricing-single-flex-left-box{
    max-width: 100%;
  }

  .mk-site .pricing-single-flex-right-box{
    order: -1;
    max-width: 100%;
  }

  .mk-site .plan-single-wrap{
    width: 100%;
  }

  .mk-site .error-title{
    margin-top: 24px;
  }

  .mk-site .terms-wrap{
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding: 30px;
  }

  .mk-site .terms-title{
    margin-bottom: 16px;
  }

  .mk-site .contract-flex-box{
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .mk-site .contract-left-box{
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .mk-site .contract-right-box{
    padding: 20px;
  }

  .mk-site .checkbox-field{
    margin-bottom: 24px;
  }

  .mk-site .field-wrap{
    margin-top: 30px;
  }

  .mk-site .field-single-wrap{
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .mk-site .style-guide-wrap{
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .mk-site .change-log-flex-box{
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .mk-site .license-right-box{
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .mk-site .license-image-grid{
    grid-template-columns: 1fr 1fr;
  }

  .mk-site .license-single-image-box{
    border-radius: 12px;
  }

  .mk-site .app-feature-grid{
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .mk-site .feature-title-flex{
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .mk-site .slide-wrapper{
    flex-flow: column;
  }

  .mk-site .slide-right-box{
    padding-left: 30px;
    padding-right: 30px;
  }

  .mk-site .slider-right-arrow-image-box{
    right: 0;
  }

  .mk-site .slider-left-arrow-image-box{
    right: auto;
  }

  .mk-site .slide-left-box{
    align-self: stretch;
  }

  .mk-site .description-wrapper{
    max-width: 100%;
  }

  .mk-site .author-taitle{
    color: #000;
  }

  .mk-site .hero-image-two-box{
    display: none;
  }

  .mk-site .integration-two-wrap{
    flex-flow: column;
  }

  .mk-site .integration-two-image-box{
    max-width: 100%;
  }

  .mk-site .integration-description-box{
    margin-bottom: 0;
  }

  .mk-site .key-feature-sticky{
    position: static;
  }

  .mk-site .key-features-grid{
    grid-template-columns: 1fr;
  }

  .mk-site .lock-utility-page-wrap{
    padding-bottom: 100px;
  }

  .mk-site .protected-title, .mk-site .lock-inner-flex{
    margin-top: 30px;
  }

  .mk-site .section-description-2.app{
    margin-bottom: 20px;
  }

  .mk-site .features-image-box-2{
    position: static;
  }

  .mk-site .website-figma-image{
    max-width: 24px;
  }

  .mk-site .website-button-json{
    min-width: 230px;
    left: -10px;
  }

  .mk-site .customize-text, .mk-site .paragraph-2{
    font-size: 12px;
  }

  .mk-site .loack-icon{
    display: none;
  }

  .mk-site .website-banner-wrapper{
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    border-radius: 12px;
    max-width: 170px;
    bottom: 10px;
    right: 10px;
  }

  .mk-site .customize-button{
    margin-top: 4px;
  }
}

@media screen and (max-width: 479px) {
  .mk-site h1{
    font-size: 40px;
  }

  .mk-site h2{
    font-size: 36px;
  }

  .mk-site h3{
    color: var(--space-blue);
  }

  .mk-site .style-category-box{
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .mk-site .section{
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .mk-site .section.hero{
    padding-top: 160px;
    padding-bottom: 120px;
  }

  .mk-site .section.inner-hero{
    padding-top: 150px;
    padding-bottom: 60px;
  }

  .mk-site .section.details{
    padding-top: 150px;
  }

  .mk-site .section.blog{
    padding-bottom: 40px;
  }

  .mk-site .section.conditions-page{
    padding-top: 150px;
  }

  .mk-site .section.feature-card{
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .mk-site .section.feature-cta{
    padding-top: 40px;
  }

  .mk-site .section.about{
    padding-top: 70px;
    padding-bottom: 40px;
  }

  .mk-site .section.pricing-hero, .mk-site .section.pricing-single{
    padding-top: 150px;
  }

  .mk-site .section.contract{
    padding-top: 160px;
  }

  .mk-site .section.style-uttlity-page{
    padding-top: 150px;
    padding-bottom: 50px;
  }

  .mk-site .section.style-guide{
    padding-bottom: 50px;
  }

  .mk-site .section.changelog, .mk-site .section.license{
    padding-bottom: 100px;
  }

  .mk-site .section.hero-cta{
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .mk-site .section.hero-blog{
    padding-top: 70px;
  }

  .mk-site .section.app-feature{
    padding-top: 60px;
  }

  .mk-site .section.key-feature{
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .mk-site .style-category-grid-box{
    grid-template-columns: minmax(auto, 1fr);
  }

  .mk-site .primary-button-wrapper.desktop{
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .mk-site .short-description{
    font-size: 16px;
  }

  .mk-site .short-description.inter-tight{
    font-size: 14px;
  }

  .mk-site .inner-title{
    font-size: 36px;
  }

  .mk-site .style-title-box-wrapper{
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .mk-site .animation-content-wrap.margin-bottom-twndty-four{
    margin-bottom: 16px;
  }

  .mk-site .animation-content-wrap.margin-top-thirteen{
    margin-top: 20px;
  }

  .mk-site .animation-content-wrap.margin-top-thirteen.margin-bottom-fourteen{
    margin-top: 16px;
    margin-bottom: 24px;
  }

  .mk-site .dropdown-main{
    padding-left: 20px;
  }

  .mk-site .bold-description.utlity{
    margin-left: 0;
  }

  .mk-site .nav-all-menu-wrap{
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 20px;
  }

  .mk-site .nav-menu-wrap.utility{
    width: 100%;
  }

  .mk-site .nav-dropdown-left-wrap{
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: space-between;
  }

  .mk-site .footer-bottom-content{
    color: var(--slate-gray);
  }

  .mk-site .footer-single-widget-two{
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: row;
    width: 100%;
  }

  .mk-site .footer-single-widget{
    width: 100%;
  }

  .mk-site .footer-wedget-wrap{
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .mk-site .cta-wrap{
    border-radius: 16px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .mk-site .logo-content{
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }

  .mk-site .brand-wrap{
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .mk-site .logo-block{
    justify-content: center;
    align-items: center;
    min-width: 130px;
    display: flex;
  }

  .mk-site .app-grid{
    margin-top: 36px;
  }

  .mk-site .app-single-left-box{
    padding: 20px;
  }

  .mk-site .app-single-right-box{
    padding-bottom: 0;
  }

  .mk-site .app-right-content-wrap{
    flex-flow: column;
    margin-top: -50px;
    padding: 0 16px 20px 20px;
    position: static;
  }

  .mk-site .app-inner-right-content{
    align-self: flex-start;
    max-width: 100%;
  }

  .mk-site .features-image-box.two, .mk-site .features-image-box.three{
    padding: 30px;
  }

  .mk-site .features-image-wrap{
    grid-row-gap: 30px;
  }

  .mk-site .work-wrappers{
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .mk-site .text-opacity-move-wrap.center.work{
    display: none;
  }

  .mk-site .work-inner-title-box{
    display: block;
  }

  .mk-site .work-inner-title{
    font-size: 26px;
  }

  .mk-site .work-brand-wrap{
    margin-top: 20px;
  }

  .mk-site .hero-button-wrap{
    flex-flow: column;
  }

  .mk-site .dashbord-wrap{
    margin-top: -80px;
  }

  .mk-site .benefits-grid{
    grid-template-columns: 1fr;
  }

  .mk-site .faq-accordion-question-wrap{
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .mk-site .single-faq-accordion-wrap.w--current{
    padding-top: 20px;
  }

  .mk-site .faq-inner-description-box{
    padding: 16px;
  }

  .mk-site .features-faq-accordion-wrap{
    padding-left: 20px;
    padding-right: 20px;
  }

  .mk-site .features-faq-accordion-question-wrap{
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
  }

  .mk-site .feature-app-grid{
    margin-top: 30px;
  }

  .mk-site .feature-app-single-box{
    padding: 20px;
  }

  .mk-site .feature-app-single-box._1, .mk-site .feature-app-single-box._2, .mk-site .feature-app-single-box._3{
    padding-top: 20px;
  }

  .mk-site .place-single-box{
    padding: 20px;
  }

  .mk-site .better-wrap{
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .mk-site .better-single-box._1, .mk-site .better-single-box._2{
    padding: 30px;
  }

  .mk-site .solutions-left-box{
    border-radius: 12px;
  }

  .mk-site .solutions-right-box{
    border-radius: 12px;
    padding: 20px;
  }

  .mk-site .solition-inner-title{
    letter-spacing: 0;
    margin-bottom: 24px;
    font-size: 26px;
  }

  .mk-site .support-single-box{
    padding: 20px;
  }

  .mk-site .counter-number-wrap{
    margin-top: 20px;
  }

  .mk-site .values-single-box{
    padding: 20px;
  }

  .mk-site .team-grid{
    grid-template-columns: 1fr;
  }

  .mk-site .blog-card-date{
    margin-top: 20px;
  }

  .mk-site .blog-author-wrap{
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    margin-top: 24px;
  }

  .mk-site .blog-details-image-box{
    border-radius: 12px;
  }

  .mk-site .blog-post h4{
    margin-top: 20px;
  }

  .mk-site .blog-collection-item-wrapper{
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

  .mk-site .blog-catagory-wrap{
    margin-bottom: 30px;
  }

  .mk-site .features-list{
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .mk-site .plan-title-flex{
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .mk-site .plan-single-wrap{
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .mk-site .error-title{
    margin-top: 20px;
  }

  .mk-site .terms-wrap{
    border-radius: 16px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .mk-site .contract-image-box{
    max-width: 100%;
  }

  .mk-site .contract-right-box{
    border-radius: 12px;
  }

  .mk-site .field-single-wrap{
    flex-flow: column;
  }

  .mk-site .footer-form-block{
    margin-bottom: 0;
  }

  .mk-site .style-guide-inner-title{
    font-size: 36px;
  }

  .mk-site .style-guide-wrap{
    grid-column-gap: 70px;
    grid-row-gap: 70px;
  }

  .mk-site .color-grid, .mk-site .license-image-grid{
    grid-template-columns: 1fr;
  }

  .mk-site .cta-two-wrap{
    border-radius: 16px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .mk-site .faq-two-inner-description-box{
    padding: 16px;
  }

  .mk-site .hero-two-image-box{
    margin-bottom: 0;
  }

  .mk-site .slide-right-box{
    padding-left: 20px;
    padding-right: 20px;
  }

  .mk-site .slider-right-arrow-image-box{
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    top: 63%;
    right: 0;
  }

  .mk-site .slider-left-arrow-image-box{
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    top: 63%;
    right: auto;
  }

  .mk-site .small-regular-description{
    padding-right: 0;
  }

  .mk-site .integration-two-wrap{
    border-radius: 16px;
    padding: 20px 20px 40px;
  }

  .mk-site .protected-title{
    margin-top: 24px;
    font-size: 28px;
  }

  .mk-site .lock-inner-flex{
    flex-flow: column;
    margin-top: 24px;
  }

  .mk-site .hero-features-inner-description-box-2{
    padding: 0 0 16px;
  }

  .mk-site .features-faq-accordion-wrap-2{
    padding-left: 20px;
    padding-right: 20px;
  }

  .mk-site .features-image-box-2.hero-one, .mk-site .features-image-box-2.hero-three{
    padding: 30px;
  }

  .mk-site .features-image-box-2.hero-two{
    padding-top: 30px;
  }

  .mk-site #w-node-ba9c63e2-8b56-a90e-15a1-2d6524afa7d7-24afa7a1{
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}


/* ---- native scroll-reveal (replaces Webflow IX2) ---- */
.mk-site .mk-reveal{opacity:0;transform:translateY(46px);transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1)}
.mk-site .mk-reveal.mk-in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){.mk-site .mk-reveal{opacity:1;transform:none;transition:none}}

/* ---- Writto brand logo sizing (square SVG needs explicit height) ---- */
.mk-site .navbar-logo-image{height:34px!important;width:auto!important}
.mk-site img[src="/Writto.svg"]{height:32px;width:auto}
.mk-site .footer-logo-link img,.mk-site [class*="footer"] img[src="/Writto.svg"]{height:30px!important;width:auto!important}

/* ---- hide the e-commerce cart (Writto isn't a store) ---- */
.mk-site .w-commerce-commercecartwrapper,.mk-site .cart-button,.mk-site [class*="cart-wrapper"],.mk-site [class*="cart-quantity"]{display:none!important}

/* ---- non-sticky header + pull hero content up (nav now sits in flow) ---- */
.mk-site .navbar.w-nav{position:static!important}
.mk-site .section[class*="hero"]{padding-top:40px!important}

/* ---- tighter, smaller headings (the template ran 86/60px) ---- */
.mk-site .title,.mk-site .title.center{font-size:clamp(34px,5.2vw,62px)!important;line-height:1.06!important;letter-spacing:-.025em}
.mk-site .inner-title{font-size:clamp(32px,4.8vw,54px)!important;line-height:1.07!important;letter-spacing:-.022em}
.mk-site .section-title{font-size:clamp(26px,3.4vw,44px)!important;line-height:1.1!important;letter-spacing:-.02em}

/* ---- button hover (Webflow IX2 replacement): lift + nudge the arrow ---- */
.mk-site a[class*="button"]{transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s ease,filter .2s ease}
.mk-site a[class*="button"]:hover{transform:translateY(-2px)}
.mk-site a[class*="primary-button"]:hover,.mk-site a[class*="secondary-button"]:hover{filter:brightness(.96)}
.mk-site a[class*="button"]:hover [class*="button-icon"],.mk-site a[class*="button"]:hover [class*="button-hover-icon"]{transform:translate(3px,-3px)}
.mk-site [class*="button-icon"],.mk-site [class*="button-hover-icon"]{transition:transform .22s cubic-bezier(.16,1,.3,1)}

/* ---- app section: give card 2 the same panel background as card 1 ---- */
.mk-site .app-single-right-box{background:#F3F3F7;border-radius:20px;padding:50px 30px 30px}

/* ---- testimonial on-scroll reveal: dim base text with a bright copy whose
   width JS fills 0→100% as it scrolls into view (Webflow IX2 replacement) ---- */
.mk-site .text-animation-wrap{position:relative}
.mk-site .text-animation-wrap .text-opacity{margin:0;color:rgba(28,32,53,.22)}
.mk-site .text-hidden-wrap{position:absolute;top:0;left:0;height:100%;overflow:hidden;white-space:nowrap}
.mk-site .text-hidden-wrap .text-opacity.absolute{position:absolute;top:0;left:0;margin:0;color:#1C2035;white-space:nowrap}

/* ---- drop the leftover template brand mark in the testimonial ---- */
.mk-site .work-brand-box,.mk-site .work-divider{display:none}

/* ---- bigger home hero title + wider, larger description (max 3 lines) ---- */
.mk-site .hero-title-wrap .inner-title{font-size:clamp(36px,5.4vw,66px)!important;line-height:1.05!important}
.mk-site .hero-description-box{max-width:660px;margin-left:auto;margin-right:auto}
.mk-site .hero-description-box .small-description{font-size:clamp(16.5px,1.4vw,20px)!important;line-height:1.4!important}

/* ---- Resources nav dropdown (compact white panel) ---- */
.mk-site .mk-dd{position:relative}
.mk-site .mk-dd-tog{display:flex;align-items:center;gap:6px;cursor:pointer}
.mk-site .mk-dd-list{position:absolute;top:calc(100% + 14px);left:0;min-width:210px;background:#fff;border:1px solid #E7E8EF;border-radius:14px;box-shadow:0 24px 48px -22px rgba(20,24,53,.28);padding:8px;z-index:60}
.mk-site .mk-dd-link{display:block;padding:10px 14px;border-radius:10px;font-size:15px;font-weight:500;color:#1C2035;text-decoration:none}
.mk-site .mk-dd-link:hover{background:#F3F3F7;color:#164437}
.mk-site .w-dropdown-toggle.w--open .down-icon{transform:rotate(180deg)}
.mk-site .down-icon{transition:transform .2s ease}

/* ===== Writto studio mockups — tokens mirror src/theme/tokens.ts ===== */
.mk-site .ws,.mk-site .ws-card{--pine:#164437;--lime:#b5e930;--lime-on:#15300a;--ink:#1a1e19;--sub:#6b6f68;
 --line:#dcdfd4;--panel:#f2f4ef;--panelhi:#eaede6;--canvas:#e7e8e4;font-family:var(--font-marketing),system-ui,sans-serif;color:var(--ink);box-sizing:border-box}
.mk-site .ws *,.mk-site .ws-card *{box-sizing:border-box}
.mk-site .ws-i{flex:none}
/* frame */
.mk-site .ws{display:grid;grid-template-columns:212px 1fr;gap:12px;background:var(--canvas);padding:12px;border-radius:20px;
 width:100%;box-shadow:0 1px 3px rgba(18,20,16,.05),0 30px 60px -28px rgba(18,20,16,.28)}
/* sidebar */
.mk-site .ws-side{display:flex;flex-direction:column;padding:6px 6px 10px}
.mk-site .ws-brand{display:flex;align-items:center;gap:9px;padding:8px 8px 14px;font-size:18px;font-weight:700}
.mk-site .ws-brand img{width:26px;height:26px;border-radius:8px}
.mk-site .ws-nav{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:12px;font-size:14px;font-weight:500;color:var(--sub)}
.mk-site .ws-nav .ws-i{color:var(--sub)}
.mk-site .ws-nav.create{background:var(--lime);color:var(--lime-on);font-weight:600;margin-bottom:4px}
.mk-site .ws-nav.create .ws-i{color:var(--lime-on)}
.mk-site .ws-nav.on{background:var(--panelhi);color:var(--ink);font-weight:600}
.mk-site .ws-nav.on .ws-i{color:var(--pine)}
.mk-site .ws-sec{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--sub);padding:14px 11px 6px}
.mk-site .ws-usage{margin-top:auto;background:var(--panel);border-radius:14px;padding:12px}
.mk-site .ws-usage-h{display:flex;justify-content:space-between;font-size:12px;font-weight:600}
.mk-site .ws-usage-s{font-size:11px;color:var(--sub);margin-top:4px}
.mk-site .ws-bar{height:7px;border-radius:6px;background:var(--panelhi);overflow:hidden;margin-top:7px}
.mk-site .ws-usage .ws-bar{margin-top:8px}
.mk-site .ws-bar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--pine),var(--lime))}
/* main panel */
.mk-site .ws-main{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.mk-site .ws-top{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--panel)}
.mk-site .ws-srch{display:flex;align-items:center;gap:8px;width:280px;max-width:50%;height:38px;padding:0 16px;border:1px solid var(--line);border-radius:999px;color:var(--sub);font-size:13.5px;font-weight:500}
.mk-site .ws-top-r{margin-left:auto;display:flex;align-items:center;gap:8px}
.mk-site .ws-tbtn{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:999px;color:var(--sub);position:relative}
.mk-site .ws-dot::after{content:"";position:absolute;top:9px;right:9px;width:7px;height:7px;border-radius:50%;background:var(--lime);border:1.5px solid #fff}
.mk-site .ws-prof{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px 0 5px;border:1px solid var(--line);border-radius:999px;font-size:13.5px;font-weight:600;color:var(--ink)}
.mk-site .ws-av{width:30px;height:30px;border-radius:50%;background:var(--pine);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700}
.mk-site .ws-prof .ws-i{color:var(--sub)}
/* create body */
.mk-site .ws-create{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:54px 28px 60px;
 background:radial-gradient(60% 80% at 50% 120%,rgba(127,190,78,.16),rgba(127,190,78,0) 60%),radial-gradient(50% 70% at 70% 125%,rgba(190,230,75,.20),rgba(190,230,75,0) 62%)}
.mk-site .ws-greet{font-size:26px;font-weight:600;letter-spacing:-.02em;background:linear-gradient(100deg,#164437,#238108 45%,#b5e930);-webkit-background-clip:text;background-clip:text;color:transparent}
.mk-site .ws-prompt{width:100%;max-width:560px;background:linear-gradient(120deg,#164437,#7bc52a,#b5e930,#7bc52a,#164437);padding:2px;border-radius:20px}
.mk-site .ws-prompt-in{background:var(--panel);border-radius:18px;padding:16px 16px 12px}
.mk-site .ws-ph{font-size:14.5px;color:var(--sub);line-height:1.45;margin-bottom:16px}
.mk-site .ws-prow{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.mk-site .ws-chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border:1px solid var(--line);border-radius:999px;font-size:12.5px;font-weight:500;color:var(--sub);background:#fff}
.mk-site .ws-chip.ws-round{width:30px;padding:0;justify-content:center}
.mk-site .ws-grow{flex:1}
.mk-site .ws-send{width:32px;height:32px;border-radius:50%;background:var(--lime);color:var(--lime-on);display:grid;place-items:center;box-shadow:0 4px 12px rgba(190,230,75,.45)}
.mk-site .ws-tpls{display:flex;gap:9px;flex-wrap:wrap;justify-content:center}
.mk-site .ws-tpl{height:34px;display:inline-flex;align-items:center;padding:0 15px;border-radius:999px;background:var(--panel);color:var(--sub);font-size:13.5px;font-weight:500}
/* shared cards */
.mk-site .ws-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;width:100%;
 box-shadow:0 1px 3px rgba(18,20,16,.05),0 24px 50px -34px rgba(18,20,16,.3)}
.mk-site .ws-card-h{display:flex;align-items:center;gap:8px;font-size:13.5px;margin-bottom:13px}
.mk-site .ws-card-h b,.mk-site .ws-seo-h b,.mk-site .ws-ed-name{font-weight:700}
.mk-site .ws-pill{margin-left:auto;font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px}
.mk-site .ws-pill.ok{background:#DBF2E4;color:#1E7A4E}
/* editor card */
.mk-site .ws-ed-top{display:flex;align-items:center;gap:6px;margin-bottom:14px}
.mk-site .ws-d{width:10px;height:10px;border-radius:50%}.mk-site .ws-d.r{background:#FF6058}.mk-site .ws-d.y{background:#FFBD2E}.mk-site .ws-d.g{background:#28C840}
.mk-site .ws-ed-name{margin-left:8px;font-size:11.5px;color:var(--sub)}
.mk-site .ws-h1{font-size:19px;font-weight:700;margin-bottom:10px}
.mk-site .ws-p{font-size:13.5px;line-height:1.6;color:#3a3f37;margin:0 0 12px}
.mk-site .ws-ai{display:flex;align-items:center;gap:9px;background:#F2F8E4;border:1px solid #DDEFB6;border-radius:12px;padding:10px 12px;font-size:12.5px;color:#2c5a16;margin-bottom:12px}
.mk-site .ws-ai .lime{color:#5a8f1f}
.mk-site .ws-ai-go{margin-left:auto;background:var(--lime);color:var(--lime-on);font-weight:700;padding:4px 11px;border-radius:8px;font-size:11.5px}
.mk-site .ws-ln{height:9px;border-radius:5px;background:var(--panelhi);margin-bottom:9px}
.mk-site .ws-ln.w95{width:95%}.mk-site .ws-ln.w80{width:80%}
/* seo card */
.mk-site .ws-seo-h{display:flex;align-items:center;gap:8px;font-size:13.5px;margin-bottom:14px}
.mk-site .ws-seo-grid{display:flex;align-items:center;gap:16px;margin-bottom:14px}
.mk-site .ws-ring{position:relative;width:84px;height:84px;flex:none;border-radius:50%;display:grid;place-items:center;text-align:center;
 background:conic-gradient(#b5e930 0 92%,#eaede6 92% 100%)}
.mk-site .ws-ring::before{content:"";position:absolute;width:62px;height:62px;border-radius:50%;background:#fff}
.mk-site .ws-ring b{position:relative;font-size:22px;font-weight:700;line-height:1}
.mk-site .ws-ring span{position:relative;font-size:9px;font-weight:600;letter-spacing:.08em;color:var(--sub)}
.mk-site .ws-kw{font-size:13.5px}.mk-site .ws-kw b{font-weight:700;color:var(--pine)}
.mk-site .ws-mini{font-size:12px;color:var(--sub);margin-top:5px}
.mk-site .ws-chk{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-top:1px solid var(--panel)}
.mk-site .ws-chk div{display:flex;flex-direction:column;line-height:1.35}
.mk-site .ws-chk b{font-size:12.5px;font-weight:600}.mk-site .ws-chk span{font-size:11.5px;color:var(--sub)}
.mk-site .ws-chk-d{width:9px;height:9px;border-radius:50%;margin-top:4px;flex:none}
.mk-site .ws-chk.ok .ws-chk-d{background:#1E7A4E}.mk-site .ws-chk.warn .ws-chk-d{background:#E0A92E}
.mk-site .ws-bignum{font-size:42px;font-weight:800;line-height:1;margin:2px 0 12px}
.mk-site .ws-seo.app .ws-bar{margin-bottom:9px}
/* voices */
.mk-site .ws-voice{display:flex;align-items:center;gap:12px;padding:11px;border:1px solid var(--line);border-radius:13px;margin-bottom:9px}
.mk-site .ws-vav{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:17px;flex:none}
.mk-site .ws-vmeta{display:flex;flex-direction:column;line-height:1.3;min-width:0}
.mk-site .ws-vmeta b{font-size:14px;font-weight:700}
.mk-site .ws-vexp{font-size:12px;font-weight:600}
.mk-site .ws-traits{display:flex;gap:5px;margin-top:5px}
.mk-site .ws-trait{font-size:10.5px;background:var(--panel);color:var(--sub);padding:2px 8px;border-radius:999px}
/* cms */
.mk-site .ws-chips{display:flex;flex-wrap:wrap;gap:9px}
.mk-site .ws-cms-chip{display:inline-flex;align-items:center;gap:7px;background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:9px 13px;font-size:12.5px;font-weight:600}
.mk-site .ws-cms-chip .lime{color:#5a8f1f}
/* browser-frame wrapper (makes a mock read as a real screenshot) */
.mk-site .ws-browser{background:#fff;border:1px solid #dcdfd4;border-radius:16px;overflow:hidden;
 box-shadow:0 1px 3px rgba(18,20,16,.05),0 40px 80px -34px rgba(18,20,16,.34)}
.mk-site .ws-bbar{display:flex;align-items:center;gap:8px;padding:11px 14px;background:#f2f4ef;border-bottom:1px solid #e6e8e1}
.mk-site .ws-bd{width:11px;height:11px;border-radius:50%}
.mk-site .ws-bd.r{background:#FF6058}.mk-site .ws-bd.y{background:#FFBD2E}.mk-site .ws-bd.g{background:#28C840}
.mk-site .ws-url{margin:0 auto;min-width:220px;max-width:340px;background:#fff;border:1px solid #e6e8e1;border-radius:999px;
 padding:5px 16px;font-size:12px;color:#8a8f86;text-align:center;font-family:var(--font-marketing),system-ui,sans-serif}
.mk-site .ws-browser .ws{border-radius:0;box-shadow:none;background:#e7e8e4}
/* key-features interactive tabs */
.mk-site .ft-list{display:flex;flex-direction:column;gap:10px}
.mk-site .ft-item{display:block;width:100%;text-align:left;border:1px solid #e6e8e1;border-radius:16px;background:#fff;
 padding:18px 22px;cursor:pointer;transition:background .2s ease,border-color .2s ease;font-family:inherit}
.mk-site .ft-item .ft-q{font-size:17px;font-weight:700;color:#1C2035;letter-spacing:-.01em}
.mk-site .ft-item .ft-a{max-height:0;opacity:0;overflow:hidden;font-size:14.5px;line-height:1.4;color:#5F616C;
 transition:max-height .35s ease,opacity .3s ease,margin-top .3s ease}
.mk-site .ft-item.on{background:#F3F3F7;border-color:transparent}
.mk-site .ft-item.on .ft-a{max-height:140px;opacity:1;margin-top:9px}
.mk-site .ft-panels{position:relative}
.mk-site .ft-panel{display:none}
.mk-site .ft-panel.on{display:block;animation:ftin .45s cubic-bezier(.16,1,.3,1)}
@keyframes ftin{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
/* faq accordion (Webflow IX2 replacement): answer lives inside the question link,
   so show/hide it via the .w--current class our tab handler toggles. */
.mk-site [class*="faq-accordion-answer-wrap"]{display:none}
.mk-site .w--current [class*="faq-accordion-answer-wrap"]{display:block!important;height:auto!important;overflow:visible!important}
.mk-site .faq-minus-icon{display:none}
.mk-site .w--current .faq-icon{display:none}
.mk-site .w--current .faq-minus-icon{display:block;transform:rotate(180deg)}
/* nav dropdown + mobile menu (Webflow JS replacement) */
.mk-site .w-dropdown-list{display:none}
.mk-site .w-dropdown-list.w--open{display:block!important;opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important}
.mk-site .nav-menu-wrap{transition:opacity .2s ease}
@media(max-width:991px){
 .mk-site .nav-menu-wrap{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;
  border-top:1px solid var(--line,#E7E8EF);padding:16px;box-shadow:0 24px 40px -24px rgba(20,24,53,.25)}
 .mk-site .navbar.w--open .nav-menu-wrap{display:block}
}
@media(max-width:991px){.mk-site .ws{grid-template-columns:1fr}.mk-site .ws-side{display:none}.mk-site .ws-greet{font-size:21px}}

/* writto-hero-tune */
.mk-site p.small-description{font-weight:450}
.mk-site a.primary-button{transition:transform .18s cubic-bezier(.2,.7,.3,1),box-shadow .2s ease,filter .18s ease;box-shadow:0 6px 14px rgba(16,20,12,.10);will-change:transform}
.mk-site a.primary-button:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(16,20,12,.16)}
.mk-site a.primary-button:active{transform:translateY(0);box-shadow:0 4px 10px rgba(16,20,12,.12);transition-duration:.08s}
.mk-site a.primary-button.primary-color{box-shadow:0 6px 16px rgba(140,200,30,.34)}
.mk-site a.primary-button.primary-color:hover{box-shadow:0 12px 26px rgba(140,200,30,.44)}

/* writto-after-hero-tune */
@media (min-width:768px){.mk-site .section-title-wrappers-center.benefits .section-title{white-space:nowrap}}
.mk-site .section-description.app{font-size:19px;max-width:520px}

.mk-site .section-title-wrappers-center.benefits{max-width:760px}

/* writto-hero-motion */
@media (prefers-reduced-motion: no-preference){
  @keyframes wkRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
  .mk-site .section.hero .hero-wrap > .animation-content-wrap{opacity:0;animation:wkRise .7s cubic-bezier(.2,.7,.3,1) both}
  .mk-site .section.hero .hero-wrap > .animation-content-wrap:nth-child(1){animation-delay:.06s}
  .mk-site .section.hero .hero-wrap > .animation-content-wrap:nth-child(2){animation-delay:.18s}
  .mk-site .section.hero .hero-wrap > .animation-content-wrap:nth-child(3){animation-delay:.30s}
  .mk-site .section.hero .hero-wrap > .animation-content-wrap:nth-child(4){animation-delay:.42s}
}

/* writto-benefits-4 */
.mk-site .benefits-grid{grid-template-columns:repeat(4,1fr)!important}
.mk-site .benefits-icon-box{width:44px;min-width:44px;height:44px;min-height:44px;border-radius:12px;background:rgba(35,129,8,.10);color:#238108}
.mk-site .benefits-ic{display:block}
@media (max-width:991px){.mk-site .benefits-grid{grid-template-columns:1fr 1fr!important}}
@media (max-width:560px){.mk-site .benefits-grid{grid-template-columns:1fr!important}}

/* writto-benefits-wide */
@media (min-width:1200px){.mk-site .benefits-grid{width:min(1320px,92vw);max-width:none;margin-left:50%;transform:translateX(-50%);grid-column-gap:40px}}
/* writto-features-scroll */
.mk-site .ft-item{border:1px solid transparent;background:transparent;padding-top:14px;padding-bottom:14px}
.mk-site .ft-item .ft-a{font-size:16px;line-height:1.4;color:#5F616C}
.mk-site .ft-item.on .ft-a{max-height:64px;opacity:1;margin-top:8px}
/* pinned sticky-scroll: the whole row pins, the right card crossfades */
.mk-site .features-grid{position:sticky;top:11vh;align-items:flex-start}
.mk-site .feature-sticky{position:static;top:auto}
.mk-site .ft-panels{position:relative;height:min(600px,76vh);width:100%;background:transparent;border:none;border-radius:22px;overflow:hidden}
.mk-site .ft-panel{position:absolute !important;inset:0;display:grid !important;place-items:center;padding:30px;background:#F3F3F7;border-radius:22px;transform:translateY(100%)}

.mk-site .ft-panel .ws-browser{width:100%;margin:0}
@media (max-width:991px){
  .mk-site .ft-panels{margin-top:28px}
}

/* writto-btn-anim */
/* AI Content OS pill — no shadow */
.mk-site .main-subtitle-box{box-shadow:none}
/* Modern hover: text swaps up, button lifts. Works for every marketing button. */
.mk-site .primary-button-text-wrap{overflow:hidden}
.mk-site .primary-button-text,
.mk-site .secondary-button-two-text,
.mk-site .secondary-button-two-text-2{display:inline-block;transition:transform .36s cubic-bezier(.2,.72,.28,1)}
.mk-site .primary-button-hover-text,
.mk-site .secondary-button-two-hover-text,
.mk-site .secondary-button-two-hover-text-2{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transform:translateY(118%);transition:transform .36s cubic-bezier(.2,.72,.28,1)}
/* Arrow icon slides diagonally on hover (Webflow IX2 replacement). The text now
   stays put — the old vertical text-roll misaligned the label with the static
   arrow mid-transition, and rolled identical text for no benefit. */
.mk-site .primary-button-icon,.mk-site .primary-button-hover-icon{transition:transform .34s cubic-bezier(.2,.72,.28,1)}
.mk-site .primary-button-hover-icon{transform:translate(-160%,160%)}
.mk-site a[class*="primary-button"]:hover .primary-button-icon,
.mk-site a[class*="secondary-button"]:hover .primary-button-icon{transform:translate(160%,-160%)}
.mk-site a[class*="primary-button"]:hover .primary-button-hover-icon,
.mk-site a[class*="secondary-button"]:hover .primary-button-hover-icon{transform:translate(0,0)}
/* Lift + spring for all buttons */
.mk-site a[class*="primary-button"],
.mk-site a[class*="secondary-button"]{transition:transform .2s cubic-bezier(.2,.7,.3,1),box-shadow .2s ease,filter .18s ease;will-change:transform}
.mk-site a[class*="primary-button"]:hover,
.mk-site a[class*="secondary-button"]:hover{transform:translateY(-2px)}
.mk-site a[class*="primary-button"]:active,
.mk-site a[class*="secondary-button"]:active{transform:translateY(0);transition-duration:.08s}
@media (prefers-reduced-motion: reduce){
  .mk-site .primary-button-text,.mk-site .secondary-button-two-text,.mk-site .secondary-button-two-text-2,
  .mk-site .primary-button-hover-text,.mk-site .secondary-button-two-hover-text,.mk-site .secondary-button-two-hover-text-2,
  .mk-site a[class*="primary-button"],.mk-site a[class*="secondary-button"]{transition:none}
  .mk-site a[class*="primary-button"]:hover,.mk-site a[class*="secondary-button"]:hover{transform:none}
}

/* writto-nav-logo */
.mk-site .navbar-logo-link{gap:9px}
.mk-site .navbar-logo-image{height:38px!important;width:auto!important}
.mk-site .navbar-logo-text{font-family:Creatodisplay,Arial,sans-serif;font-weight:700;font-size:23px;letter-spacing:-.01em;line-height:1;color:var(--space-blue)}

/* writto-lineheight-14 */
.mk-site .small-description,.mk-site p.small-description,.mk-site .section-description,.mk-site .section-description.app,.mk-site .section-description.place,.mk-site .section-description.began,.mk-site .section-description-2,.mk-site .ft-item .ft-a,.mk-site .hero-description-box .small-description{line-height:1.4!important}

/* writto-benefits-icon-bare */
.mk-site .benefits-icon-box{width:auto;min-width:0;height:auto;min-height:0;background:transparent;border-radius:0;color:#238108}
.mk-site .benefits-ic{width:30px;height:30px}

/* writto-ftlist-gap */
.mk-site .ft-list{margin-top:24px}

/* writto-ftimg */
.mk-site .ft-img{width:100%;height:100%;object-fit:contain;display:block}

/* writto-ft-mobile */
@media (max-width:991px){.mk-site .features-grid{position:static;top:auto}.mk-site .ft-panels{margin-top:28px;height:auto;aspect-ratio:7/5}.mk-site .ft-panel{transform:none !important;opacity:0;visibility:hidden;will-change:auto}.mk-site .ft-panel.on{opacity:1;visibility:visible}}

/* writto-ft-fix */
.mk-site .ft-panel.on{animation:none !important;transform:none !important}
/* description occupies its (single-line) space always; only opacity changes,
   so the tab list never reflows on active change — no jerk. */
.mk-site .ft-item .ft-a{max-height:none !important;height:auto;opacity:0;margin-top:8px !important;overflow:hidden;transition:opacity .22s ease !important}
.mk-site .ft-item.on .ft-a{opacity:1;max-height:none !important}
.mk-site .feature-sticky .section-button{margin-top:30px}

/* writto-ft-spacing */
.mk-site .ft-list{gap:0}
.mk-site .ft-item{padding-top:5px;padding-bottom:5px}
.mk-site .ft-item .ft-a{margin-top:5px !important}

/* writto-ft-compact */
.mk-site .ft-item .ft-a{max-height:none !important;height:auto;opacity:0;margin-top:5px !important;overflow:hidden;font-size:13.5px;line-height:1.4;transition:opacity .25s ease !important}
.mk-site .ft-item.on .ft-a{opacity:1 !important;max-height:none !important}

/* writto-ft-text */
.mk-site .section-sub-title-2{font-size:13px;letter-spacing:.01em;text-transform:none}
.mk-site .section-description-2.app{font-size:17px !important;line-height:1.5 !important;max-width:480px}
@media (min-width:992px){.mk-site .features-grid{grid-template-columns:1fr 1fr !important}}
.mk-site .ft-item .ft-a{white-space:normal;overflow:hidden;font-size:16.5px !important;max-width:none;transition:opacity .14s ease !important}
.mk-site .ft-item{transition:background-color .14s ease, border-color .14s ease !important}

/* writto-button-icon-fix
   The two-icon hover swap was broken: .primary-button-hover-icon (the second
   arrow) had no base style, so both arrows rendered in-flow inside the 18px box
   (clipped/overflowing/misaligned) and the hover swap didn't move. Pin the wrap
   to a fixed square, clip it, stack both icons centered, and park the hover arrow
   off-screen (bottom-left) so on hover the first arrow exits top-right while the
   hover arrow slides into place — a clean diagonal swap. */
.mk-site .primary-button-icon-box{overflow:hidden}
.mk-site .primary-button-icon-wrap{width:18px;height:18px;min-width:18px;flex:none}
.mk-site .primary-button-icon,
.mk-site .primary-button-hover-icon{width:16px;height:16px;display:block;transition:transform .36s cubic-bezier(.2,.72,.28,1)}
.mk-site .primary-button-icon{position:relative;transform:translate(0,0)}
.mk-site .primary-button-hover-icon{position:absolute;inset:0;margin:auto;transform:translate(-160%,160%)}
.mk-site a[class*="button"]:hover .primary-button-icon{transform:translate(160%,-160%)}
.mk-site a[class*="button"]:hover .primary-button-hover-icon{transform:translate(0,0)}

/* writto-home-pricing: spacing for the pricing section folded into home. FAQ
   stays on its original 2-column layout (the centered override was reverted). */
.mk-site .home-pricing-head{margin-bottom:44px}
.mk-site #pricing .section-description{max-width:520px;margin-left:auto;margin-right:auto}

/* writto-cta-modern: roomier, more modern CTA. Light-green bg → keep dark text
   (no overlay). Eyebrow chip, single-line title (wraps only on small mobile),
   larger description, more breathing room. */
.mk-site .cta-wrap{border-radius:32px;padding:104px 28px}
.mk-site .cta-content-wrap{max-width:1040px}
.mk-site .cta-subtitle{display:inline-block;text-transform:uppercase;letter-spacing:.16em;font-size:12.5px;font-weight:700;padding:7px 15px;border-radius:999px;background:rgba(28,32,53,.08);color:var(--space-blue);margin-bottom:20px}
.mk-site .cta-content-wrap .title.center{white-space:nowrap;font-size:clamp(26px,4.4vw,54px)!important;letter-spacing:-.03em;line-height:1.05!important}
.mk-site .cta-description-box{max-width:600px;margin-top:18px;margin-bottom:36px}
.mk-site .cta-description-box .small-description{font-size:clamp(17px,1.5vw,20px)!important;line-height:1.55}
@media(max-width:600px){.mk-site .cta-content-wrap .title.center{white-space:normal;font-size:clamp(28px,8vw,40px)!important}.mk-site .cta-wrap{padding:64px 20px;border-radius:24px}}

/* writto-buttons-modern: unified modern button system across all marketing
   buttons. Softer 12px radius, layered shadows, springy hover lift, keyboard
   focus ring. Preserves the existing text/icon hover-swap. Hero pills stay pills. */
.mk-site a[class*="primary-button"],
.mk-site a[class*="secondary-button"]{border-radius:12px;transition:transform .28s cubic-bezier(.2,.72,.28,1),box-shadow .28s ease,background-color .2s ease,filter .2s ease}
.mk-site .primary-button.hero-button-one,.mk-site .primary-button.hero-button-two{border-radius:555px}
/* primary (mint green) */
.mk-site .primary-button.primary-color{background-image:linear-gradient(180deg,#c6f24a,#a9df1f);box-shadow:0 6px 16px rgba(140,200,30,.32),inset 0 1px 0 rgba(255,255,255,.5)}
.mk-site a.primary-button.primary-color:hover{transform:translateY(-2px);filter:none;box-shadow:0 14px 30px rgba(140,200,30,.46),inset 0 1px 0 rgba(255,255,255,.6)}
/* white / light primary + secondary */
.mk-site .primary-button:not(.primary-color):not(.plan-button),.mk-site .secondary-button-two.white{box-shadow:0 6px 18px rgba(16,20,12,.10)}
.mk-site a.primary-button:not(.primary-color):not(.plan-button):hover,.mk-site a.secondary-button-two.white:hover{transform:translateY(-2px);filter:none;box-shadow:0 14px 28px rgba(16,20,12,.16)}
/* dark (space-blue) secondary */
.mk-site .secondary-button-two:not(.white):not(.lavender-mist){box-shadow:0 6px 16px rgba(28,32,53,.22)}
.mk-site a.secondary-button-two:not(.white):not(.lavender-mist):hover{transform:translateY(-2px);filter:none;box-shadow:0 14px 28px rgba(28,32,53,.30)}
/* lavender + plan buttons */
.mk-site .secondary-button-two.lavender-mist{box-shadow:0 6px 16px rgba(28,32,53,.08)}
.mk-site a.secondary-button-two.lavender-mist:hover{transform:translateY(-2px)}
.mk-site .primary-button.plan-button{box-shadow:0 8px 22px rgba(28,32,53,.24)}
.mk-site a.primary-button.plan-button:hover{transform:translateY(-2px);filter:none;box-shadow:0 16px 32px rgba(28,32,53,.32)}
/* a11y keyboard focus ring */
.mk-site a[class*="primary-button"]:focus-visible,.mk-site a[class*="secondary-button"]:focus-visible{outline:2px solid var(--space-blue);outline-offset:3px}

/* writto-cta-gradient: on-brand modern gradient (mint-green → pastel-green with
   a soft lavender wash), replacing the old flat lightning image. Dark text for
   contrast on the light brand background. */
.mk-site .cta-wrap{
  background-image:
    radial-gradient(110% 130% at 8% 6%, #ecf8c9 0%, transparent 46%),
    radial-gradient(120% 130% at 96% 96%, rgba(124,92,240,.14), transparent 52%),
    linear-gradient(125deg, #b5e930 0%, #c6f24a 46%, #e4f7a8 100%);
  background-color:#c6f24a;
}
.mk-site .cta-content-wrap .title.center{color:var(--space-blue)}
.mk-site .cta-description-box .small-description{color:var(--space-blue)!important;opacity:.78}
.mk-site .cta-subtitle{background:rgba(28,32,53,.12);color:var(--space-blue)}

/* writto-anchor-nav: smooth in-page scrolling + offset so anchored sections
   (Features / Pricing / FAQ from the menu) don't tuck under the navbar. */
html{scroll-behavior:smooth}
.mk-site #features,.mk-site #pricing,.mk-site #faq{scroll-margin-top:96px}