/*!
 * chota.css v0.9.2 | MIT License | https://github.com/jenil/chota
 */:root{--bg-color:#fff;--bg-secondary-color:#f3f3f6;--color-primary:#14854f;--color-lightGrey:#d2d6dd;--color-grey:#747681;--color-darkGrey:#3f4144;--color-error:#d43939;--color-success:#28bd14;--grid-maxWidth:120rem;--grid-gutter:2rem;--font-size:1.6rem;--font-color:#333;--font-family-sans:-apple-system,"BlinkMacSystemFont","Avenir","Avenir Next","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-family-mono:monaco,"Consolas","Lucida Console",monospace}html{text-size-adjust:100%;text-size-adjust:100%;text-size-adjust:100%;text-size-adjust:100%;box-sizing:border-box;box-sizing:border-box;font-size:62.5%;line-height:1.15}*,::after,::before{box-sizing:inherit;box-sizing:inherit}body{background-color:var(--bg-color);color:var(--font-color);font-family:"Segoe UI","Helvetica Neue",sans-serif;font-family:var(--font-family-sans);font-size:var(--font-size);line-height:1.6;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:500;margin:.35em 0 .7em}h1{font-size:2em}h2{font-size:1.75em}h3{font-size:1.5em}h4{font-size:1.25em}h5{font-size:1em}h6{font-size:.85em}a{color:var(--color-primary);text-decoration:none}a:hover:not(.button){opacity:.75}button{font-family:inherit}p{margin-top:0}blockquote{background-color:var(--bg-secondary-color);border-left:3px solid var(--color-lightGrey);padding:1.5rem 2rem}dl dt{font-weight:700}hr{background-color:var(--color-lightGrey);height:1px;margin:1rem 0}hr,table{border:none}table{border-collapse:collapse;border-spacing:0;text-align:left;width:100%}table.striped tr:nth-of-type(2n){background-color:var(--bg-secondary-color)}td,th{padding:1.2rem .4rem;vertical-align:middle}thead{border-bottom:2px solid var(--color-lightGrey)}tfoot{border-top:2px solid var(--color-lightGrey)}code,kbd,pre,samp,tt{font-family:var(--font-family-mono)}code,kbd{border-radius:4px;color:var(--color-error);font-size:90%;padding:.2em .4em;white-space:pre-wrap}code,kbd,pre{background-color:var(--bg-secondary-color)}pre{font-size:1em;overflow-x:auto;padding:1rem}pre code{background:none;padding:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;text-decoration:underline dotted}img{max-width:100%}fieldset{border:1px solid var(--color-lightGrey)}iframe{border:0}.container{margin:0 auto;max-width:var(--grid-maxWidth);padding:0 calc(var(--grid-gutter)/2);width:96%}.row{-webkit-box-direction:normal;-webkit-box-pack:start;-ms-flex-pack:start;display:box;display:flexbox;display:flex;flex-flow:row wrap;flex-flow:row wrap;justify-content:flex-start;margin-left:calc(var(--grid-gutter)/- 2);margin-right:calc(var(--grid-gutter)/- 2)}.row,.row.reverse{-webkit-box-orient:horizontal}.row.reverse{-webkit-box-direction:reverse;flex-direction:row-reverse;flex-direction:row-reverse}.col{-webkit-box-flex:1;flex:1;flex:1}.col,[class*=" col-"],[class^=col-]{margin:0 calc(var(--grid-gutter)/2) calc(var(--grid-gutter)/2)}.col-1{flex:0 0 calc(8.33333% - var(--grid-gutter));flex:0 0 calc(8.33333% - var(--grid-gutter));max-width:calc(8.33333% - var(--grid-gutter))}.col-1,.col-2{-webkit-box-flex:0}.col-2{flex:0 0 calc(16.66667% - var(--grid-gutter));flex:0 0 calc(16.66667% - var(--grid-gutter));max-width:calc(16.66667% - var(--grid-gutter))}.col-3{flex:0 0 calc(25% - var(--grid-gutter));flex:0 0 calc(25% - var(--grid-gutter));max-width:calc(25% - var(--grid-gutter))}.col-3,.col-4{-webkit-box-flex:0}.col-4{flex:0 0 calc(33.33333% - var(--grid-gutter));flex:0 0 calc(33.33333% - var(--grid-gutter));max-width:calc(33.33333% - var(--grid-gutter))}.col-5{flex:0 0 calc(41.66667% - var(--grid-gutter));flex:0 0 calc(41.66667% - var(--grid-gutter));max-width:calc(41.66667% - var(--grid-gutter))}.col-5,.col-6{-webkit-box-flex:0}.col-6{flex:0 0 calc(50% - var(--grid-gutter));flex:0 0 calc(50% - var(--grid-gutter));max-width:calc(50% - var(--grid-gutter))}.col-7{flex:0 0 calc(58.33333% - var(--grid-gutter));flex:0 0 calc(58.33333% - var(--grid-gutter));max-width:calc(58.33333% - var(--grid-gutter))}.col-7,.col-8{-webkit-box-flex:0}.col-8{flex:0 0 calc(66.66667% - var(--grid-gutter));flex:0 0 calc(66.66667% - var(--grid-gutter));max-width:calc(66.66667% - var(--grid-gutter))}.col-9{flex:0 0 calc(75% - var(--grid-gutter));flex:0 0 calc(75% - var(--grid-gutter));max-width:calc(75% - var(--grid-gutter))}.col-10,.col-9{-webkit-box-flex:0}.col-10{flex:0 0 calc(83.33333% - var(--grid-gutter));flex:0 0 calc(83.33333% - var(--grid-gutter));max-width:calc(83.33333% - var(--grid-gutter))}.col-11{flex:0 0 calc(91.66667% - var(--grid-gutter));flex:0 0 calc(91.66667% - var(--grid-gutter));max-width:calc(91.66667% - var(--grid-gutter))}.col-11,.col-12{-webkit-box-flex:0}.col-12{flex:0 0 calc(100% - var(--grid-gutter));flex:0 0 calc(100% - var(--grid-gutter));max-width:calc(100% - var(--grid-gutter))}@media screen and (max-width:599px){.container{width:100%}.col,[class*=col-],[class^=col-]{-webkit-box-flex:0;flex:0 1 100%;flex:0 1 100%;max-width:100%}}@media screen and (min-width:900px){.col-1-md{-webkit-box-flex:0;flex:0 0 calc(8.33333% - var(--grid-gutter));flex:0 0 calc(8.33333% - var(--grid-gutter));max-width:calc(8.33333% - var(--grid-gutter))}.col-2-md{-webkit-box-flex:0;flex:0 0 calc(16.66667% - var(--grid-gutter));flex:0 0 calc(16.66667% - var(--grid-gutter));max-width:calc(16.66667% - var(--grid-gutter))}.col-3-md{-webkit-box-flex:0;flex:0 0 calc(25% - var(--grid-gutter));flex:0 0 calc(25% - var(--grid-gutter));max-width:calc(25% - var(--grid-gutter))}.col-4-md{-webkit-box-flex:0;flex:0 0 calc(33.33333% - var(--grid-gutter));flex:0 0 calc(33.33333% - var(--grid-gutter));max-width:calc(33.33333% - var(--grid-gutter))}.col-5-md{-webkit-box-flex:0;flex:0 0 calc(41.66667% - var(--grid-gutter));flex:0 0 calc(41.66667% - var(--grid-gutter));max-width:calc(41.66667% - var(--grid-gutter))}.col-6-md{-webkit-box-flex:0;flex:0 0 calc(50% - var(--grid-gutter));flex:0 0 calc(50% - var(--grid-gutter));max-width:calc(50% - var(--grid-gutter))}.col-7-md{-webkit-box-flex:0;flex:0 0 calc(58.33333% - var(--grid-gutter));flex:0 0 calc(58.33333% - var(--grid-gutter));max-width:calc(58.33333% - var(--grid-gutter))}.col-8-md{-webkit-box-flex:0;flex:0 0 calc(66.66667% - var(--grid-gutter));flex:0 0 calc(66.66667% - var(--grid-gutter));max-width:calc(66.66667% - var(--grid-gutter))}.col-9-md{-webkit-box-flex:0;flex:0 0 calc(75% - var(--grid-gutter));flex:0 0 calc(75% - var(--grid-gutter));max-width:calc(75% - var(--grid-gutter))}.col-10-md{-webkit-box-flex:0;flex:0 0 calc(83.33333% - var(--grid-gutter));flex:0 0 calc(83.33333% - var(--grid-gutter));max-width:calc(83.33333% - var(--grid-gutter))}.col-11-md{-webkit-box-flex:0;flex:0 0 calc(91.66667% - var(--grid-gutter));flex:0 0 calc(91.66667% - var(--grid-gutter));max-width:calc(91.66667% - var(--grid-gutter))}.col-12-md{-webkit-box-flex:0;flex:0 0 calc(100% - var(--grid-gutter));flex:0 0 calc(100% - var(--grid-gutter));max-width:calc(100% - var(--grid-gutter))}}@media screen and (min-width:1200px){.col-1-lg{-webkit-box-flex:0;flex:0 0 calc(8.33333% - var(--grid-gutter));flex:0 0 calc(8.33333% - var(--grid-gutter));max-width:calc(8.33333% - var(--grid-gutter))}.col-2-lg{-webkit-box-flex:0;flex:0 0 calc(16.66667% - var(--grid-gutter));flex:0 0 calc(16.66667% - var(--grid-gutter));max-width:calc(16.66667% - var(--grid-gutter))}.col-3-lg{-webkit-box-flex:0;flex:0 0 calc(25% - var(--grid-gutter));flex:0 0 calc(25% - var(--grid-gutter));max-width:calc(25% - var(--grid-gutter))}.col-4-lg{-webkit-box-flex:0;flex:0 0 calc(33.33333% - var(--grid-gutter));flex:0 0 calc(33.33333% - var(--grid-gutter));max-width:calc(33.33333% - var(--grid-gutter))}.col-5-lg{-webkit-box-flex:0;flex:0 0 calc(41.66667% - var(--grid-gutter));flex:0 0 calc(41.66667% - var(--grid-gutter));max-width:calc(41.66667% - var(--grid-gutter))}.col-6-lg{-webkit-box-flex:0;flex:0 0 calc(50% - var(--grid-gutter));flex:0 0 calc(50% - var(--grid-gutter));max-width:calc(50% - var(--grid-gutter))}.col-7-lg{-webkit-box-flex:0;flex:0 0 calc(58.33333% - var(--grid-gutter));flex:0 0 calc(58.33333% - var(--grid-gutter));max-width:calc(58.33333% - var(--grid-gutter))}.col-8-lg{-webkit-box-flex:0;flex:0 0 calc(66.66667% - var(--grid-gutter));flex:0 0 calc(66.66667% - var(--grid-gutter));max-width:calc(66.66667% - var(--grid-gutter))}.col-9-lg{-webkit-box-flex:0;flex:0 0 calc(75% - var(--grid-gutter));flex:0 0 calc(75% - var(--grid-gutter));max-width:calc(75% - var(--grid-gutter))}.col-10-lg{-webkit-box-flex:0;flex:0 0 calc(83.33333% - var(--grid-gutter));flex:0 0 calc(83.33333% - var(--grid-gutter));max-width:calc(83.33333% - var(--grid-gutter))}.col-11-lg{-webkit-box-flex:0;flex:0 0 calc(91.66667% - var(--grid-gutter));flex:0 0 calc(91.66667% - var(--grid-gutter));max-width:calc(91.66667% - var(--grid-gutter))}.col-12-lg{-webkit-box-flex:0;flex:0 0 calc(100% - var(--grid-gutter));flex:0 0 calc(100% - var(--grid-gutter));max-width:calc(100% - var(--grid-gutter))}}fieldset{padding:.5rem 2rem}legend{font-size:.8em;letter-spacing:.1rem;text-transform:uppercase}input:not([type=checkbox],[type=radio],[type=submit],[type=color],[type=button],[type=reset]),select,textarea,textarea[type=text]{border:1px solid var(--color-lightGrey);border-radius:4px;display:block;font-family:inherit;font-size:1em;padding:.8rem 1rem;transition:all .2s ease;transition:all .2s ease;width:100%}input[type=checkbox],input[type=radio],input[type=range],progress{accent-color:var(--color-primary)}select{appearance:none;appearance:none;appearance:none;background:#f3f3f6 no-repeat 100%;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='40' fill='%23555'><polygon points='0,0 60,0 30,40'/></svg>");background-origin:content-box;background-size:1ex}.button,[type=button],[type=reset],[type=submit],button{background:var(--color-lightGrey);border:1px solid transparent;border-radius:4px;color:var(--color-darkGrey);cursor:pointer;display:inline-block;font-size:var(--font-size);line-height:1;padding:1rem 2.5rem;text-align:center;text-decoration:none;transform:scale(1);transform:scale(1);transition:opacity .2s ease;transition:opacity .2s ease}.button.dark,.button.error,.button.primary,.button.secondary,.button.success,[type=submit]{background-color:#000;background-color:var(--color-primary);color:#fff;z-index:1}.button:hover,[type=button]:hover,[type=reset]:hover,[type=submit]:hover,button:hover{opacity:.8}button:disabled,button:disabled:hover,input:disabled,input:disabled:hover{cursor:not-allowed;opacity:.4}.grouped{display:box;display:flexbox;display:flex}.grouped>:not(:last-child){margin-right:16px}.grouped.gapless>*{border-radius:0!important;margin:0 0 0 -1px!important}.grouped.gapless>:first-child{border-radius:4px 0 0 4px!important;margin:0!important}.grouped.gapless>:last-child{border-radius:0 4px 4px 0!important}input:not([type=checkbox],[type=radio],[type=submit],[type=color],[type=button],[type=reset],:disabled):hover,select:hover,textarea:hover,textarea[type=text]:hover{border-color:var(--color-grey)}input:not([type=checkbox],[type=radio],[type=submit],[type=color],[type=button],[type=reset]):focus,select:focus,textarea:focus,textarea[type=text]:focus{border-color:var(--color-primary);box-shadow:0 0 1px var(--color-primary);box-shadow:0 0 1px var(--color-primary);outline:none}input.error:not([type=checkbox],[type=radio],[type=submit],[type=color],[type=button],[type=reset]),textarea.error{border-color:var(--color-error)}input.success:not([type=checkbox],[type=radio],[type=submit],[type=color],[type=button],[type=reset]),textarea.success{border-color:var(--color-success)}[type=checkbox],[type=radio]{height:1.6rem;width:2rem}.button+.button{margin-left:1rem}.button.secondary{background-color:var(--color-grey)}.button.dark{background-color:var(--color-darkGrey)}.button.error{background-color:var(--color-error)}.button.success{background-color:var(--color-success)}.button.outline{background-color:transparent;border-color:var(--color-lightGrey)}.button.outline.primary{border-color:var(--color-primary);color:var(--color-primary)}.button.outline.secondary{border-color:var(--color-grey);color:var(--color-grey)}.button.outline.dark{border-color:var(--color-darkGrey);color:var(--color-darkGrey)}.button.clear{background-color:transparent;border-color:transparent;color:var(--color-primary)}.button.icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:inline-box;display:inline-flexbox;display:inline-flex}.button.icon>img{margin-left:2px}.button.icon-only{padding:1rem}.button:active:not(:disabled),[type=button]:active:not(:disabled),[type=reset]:active:not(:disabled),[type=submit]:active:not(:disabled),button:active:not(:disabled){transform:scale(.98);transform:scale(.98)}::input-placeholder{color:#bdbfc4}::placeholder{color:#bdbfc4}:input-placeholder{color:#bdbfc4}::input-placeholder{color:#bdbfc4}::placeholder{color:#bdbfc4}.nav{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:box;display:flexbox;display:flex;min-height:5rem}.nav img{max-height:3rem}.nav-center,.nav-left,.nav-right,.nav>.container{display:box;display:flexbox;display:flex}.nav-center,.nav-left,.nav-right{-webkit-box-flex:1;flex:1;flex:1}.nav-left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.nav-right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.nav-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width:480px){.nav,.nav>.container{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;flex-direction:column}.nav-center,.nav-left,.nav-right{-webkit-box-pack:center;-ms-flex-pack:center;flex-wrap:wrap;flex-wrap:wrap;justify-content:center}}.nav .brand,.nav a{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--color-darkGrey);display:box;display:flexbox;display:flex;padding:1rem 2rem;text-decoration:none}.nav .active:not(.button),.nav [aria-current=page]:not(.button){color:#000;color:var(--color-primary)}.nav .brand{font-size:1.75em;padding-bottom:0;padding-top:0}.nav .brand img{padding-right:1rem}.nav .button{margin:auto 1rem}.card{background:var(--bg-color);border-radius:4px;box-shadow:0 1px 3px var(--color-grey);box-shadow:0 1px 3px var(--color-grey);padding:1rem 2rem}.card p:last-child{margin:0}.card header>*{margin-bottom:1rem;margin-top:0}.tabs{display:box;display:flexbox;display:flex}.tabs a{text-decoration:none}.tabs>.dropdown>summary,.tabs>a{-webkit-box-flex:0;border-bottom:2px solid var(--color-lightGrey);color:var(--color-darkGrey);flex:0 1 auto;flex:0 1 auto;padding:1rem 2rem;text-align:center}.tabs>a.active,.tabs>a:hover,.tabs>a[aria-current=page]{border-bottom:2px solid var(--color-darkGrey);opacity:1}.tabs>a.active,.tabs>a[aria-current=page]{border-color:var(--color-primary)}.tabs.is-full a{-webkit-box-flex:1;flex:1 1 auto;flex:1 1 auto}.tag{border:1px solid var(--color-lightGrey);color:var(--color-grey);display:inline-block;letter-spacing:.5px;line-height:1;padding:.5rem;text-transform:uppercase}.tag.is-small{font-size:.75em;padding:.4rem}.tag.is-large{font-size:1.125em;padding:.7rem}.tag+.tag{margin-left:1rem}details.dropdown{display:inline-block;position:relative}details.dropdown>:last-child{left:0;position:absolute;white-space:nowrap}.bg-primary{background-color:var(--color-primary)!important}.bg-light{background-color:var(--color-lightGrey)!important}.bg-dark{background-color:var(--color-darkGrey)!important}.bg-grey{background-color:var(--color-grey)!important}.bg-error{background-color:var(--color-error)!important}.bg-success{background-color:var(--color-success)!important}.bd-primary{border:1px solid var(--color-primary)!important}.bd-light{border:1px solid var(--color-lightGrey)!important}.bd-dark{border:1px solid var(--color-darkGrey)!important}.bd-grey{border:1px solid var(--color-grey)!important}.bd-error{border:1px solid var(--color-error)!important}.bd-success{border:1px solid var(--color-success)!important}.text-primary{color:var(--color-primary)!important}.text-light{color:var(--color-lightGrey)!important}.text-dark{color:var(--color-darkGrey)!important}.text-grey{color:var(--color-grey)!important}.text-error{color:var(--color-error)!important}.text-success{color:var(--color-success)!important}.text-white{color:#fff!important}.pull-right{float:right!important}.pull-left{float:left!important}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-justify{text-align:justify}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.is-full-screen{min-height:100vh;width:100%}.is-full-width{width:100%!important}.is-full-height{height:100%!important}.is-vertical-align{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:box;display:flexbox;display:flex}.is-center,.is-horizontal-align{-webkit-box-pack:center;-ms-flex-pack:center;display:box;display:flexbox;display:flex;justify-content:center}.is-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.is-right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.is-left,.is-right{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:box;display:flexbox;display:flex}.is-left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.is-fixed{position:fixed;width:100%}.is-paddingless{padding:0!important}.is-marginless{margin:0!important}.is-pointer{cursor:pointer!important}.is-rounded{border-radius:100%}.clearfix{clear:both;content:"";display:table}.is-hidden{display:none!important}@media screen and (max-width:599px){.hide-xs{display:none!important}}@media screen and (min-width:600px) and (max-width:899px){.hide-sm{display:none!important}}@media screen and (min-width:900px) and (max-width:1199px){.hide-md{display:none!important}}@media screen and (min-width:1200px){.hide-lg{display:none!important}}@media print{.hide-pr{display:none!important}}
.article-container {
  max-width: 640px;
  margin: 0 auto;
  font-size: 18px;
}

.article-container .svg-flag {
  display: inline-block;
  border-radius: 6px;
}

.article-container h1 {
  margin-bottom: 3.2rem;
}

.article-container h2 {
  margin-top: 4.8rem;

}
.article-container h3 {
  margin-top: 4.8rem;
} 

.article-container p {
  margin-top: 0.8rem;
  margin-bottom: 1.6rem;
}

.article-container figure {
  margin: 0;
  margin-top: 2rem;
  margin-bottom: 3.2rem;
}

.article-container figcaption {
  font-size: 1.4rem;
  color: #8B8B8B;
  margin-top: 0.8rem;
}

.article-container img {
  border-radius: 12px;
}

.article-container .separator {
  margin: 4rem 0;
}
    

.tabs {
  margin: 0 auto;
  display: flex;
  background-color: #4433331a;
  border-radius: 40px;
  overflow: hidden;
  padding: 4px;
  max-width: 480px;
  margin-bottom: 2.4rem;
}

.tabs > a {
  flex: 1;
  border: none;
  background: none;
  padding: 8px 16px;
  font-size: 15px;
  cursor: pointer;
  text-align: center;
  color: #222;
  border-radius: 36px;
  transition: all 0.3s ease;
  border: none;

}

.tabs > a:hover {
  border: none;
}

.tabs > a.active {
  background-color: #fff;
  color: #000;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  font-weight: bold;
  border: none;
}

.account .hl-box {
  font-size: 18px;
  max-width: 600px;
  margin: 2.4rem auto;
  padding: 2.4rem 3.2rem;
}

.account-subscriptions .hl-box {
  max-width: 960px;
  margin: 2.4rem auto;
  padding: 1.6rem 3.2rem;
  overflow-x: auto;
}

.account-subscriptions table tbody tr {
  border-bottom: 1px solid #4433331a;
}

.account-subscriptions .manage-subs {
  margin-top: 2.4rem;
}

.account-subscriptions .manage-subs .manage-description {
  font-size: 15px;
}
.account-subscriptions .manage-subs .button {
  padding: 1.2rem 2.2rem;
  font-size: 15px;
}
    


.account .status-row {
  margin-top: 2.4rem;
}


.account-number {
  display: inline-block;
  font-family: monospace, monospace;
}
.account-number span:nth-child(4n+5) {
  margin-left: 0.7rem;
}

.account-number-big {
  font-size: 3.6rem;
  border-radius: 16px;
  background: rgb(250, 238, 223);
  padding: 4px 20px;
}

.account-number-m {
  font-size: 2rem;
  padding: .4rem 2.4rem;
}

.account-number-big span:nth-child(4n+5) {
  margin-left: 1.2rem;
}


.account .account-number {
  font-size: 20px;
  font-weight: bold;
}


.account .info-account {

}
.account .box {
  padding: 2rem 2.8rem;
}

.account .status-value {
  font-weight: 600;
}


.hl-box.security-info {
  background: transparent;
  border: 1px solid #e2d4ca;
}

.hl-box.security-info .title {
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
}

.hl-box.security-info div[data-accordion-target="panel"] {
  font-size: 15px;
  padding: 0;
}


.hl-box.security-info div[data-accordion-target="panel"].is-open {
    padding: 0.8rem 0;
}
html {
  box-sizing: border-box;
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

*, *:before, *:after {
  box-sizing: inherit;
}

body, h1, h2, h3, h4, h5, h6, ol, ul {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

ol, ul {
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
}

details summary::-webkit-details-marker {
  display:none;
}


/* Customs */

:root {
/*  --bg-color: #FFFCF5;*/
  --bg-color: #FFFFFF;
  --bg-secondary-color: #fdf2e6;
  --bg-secondary-color: #f7f8f9;
  --bg-secondary-color: #222;
  --bg-tertiary-color: #fafbfc;
  --accent-color: #ff0100;
  --accent-color: #eb0000;
  --color-primary: #ff0100;
  --color-primary: #eb0000;
  --color-primary: #007aff;
  --color-lightGrey: #d2d6dd;
  --color-grey: #747681;
  --color-darkGrey: #3f4144;
  --color-error: #d43939;
  --color-success: #28bd14;
  --color-green: #36c85a;

/*  --color-download: #c22d2d;*/
  --color-download: #dc4040;
  --grid-maxWidth: 120rem;
  --grid-gutter: 1rem;
  --font-size: 1.6rem;
/*  --font-color: #242424;*/
  --font-color: #000;
  --font-family-sans: "Helvetica Neue", "Helvetica", sans-serif;
  --font-family-mono: monaco, "Consolas", "Lucida Console", monospace;

  --radius: 56px;
}


/* Override */

a {
  color: var(--accent-color);
}

a:hover:not(.button) {
  opacity: .88 !important;
}

h1 {
  font-weight: bold;
  margin: 1.6rem 0;
  line-height: 1.3;
}

h2 {
  font-size: 2.6rem;
}

h3 {
  font-size: 2.2rem;
}

h1, h2, h3, h4, h5 {
  font-family: "Montserrat", "Helvetica Neue", sans-serif;
  font-weight: 800;
  font-optical-sizing: auto;
  font-style: normal;
  line-height: 1.3;
}

input:not([type=checkbox],[type=radio],[type=submit],[type=color],[type=button],[type=reset]), select, textarea, textarea[type=text] {
  padding: 1.5rem 1.4rem;
  border-radius: 10px;
  border: 1px solid #f2e4da;
}

thead {
  border-bottom: 1px solid #4433332a;
}

.col {margin: 0}

.hidden {
  display: none;
}


.container {
  width: 100%;
  padding: 0 var(--grid-gutter);
}

main.container {padding: 0 2rem;}  


.button, [type=button], [type=reset], [type=submit], button {
  border-radius: var(--radius);
  padding: 1.6rem 2.4rem;
  font-weight: 500;
}

.button.dark {
  background: #222;
}

.button.white {
  background: #fff;
  color: #000;
}


.button.secondary {
  font-weight: bold;
  background-color: #4314070d;
  color: #000;
}

.button.clear {
  font-weight: normal;
}

/* UI */
.ip-bar {
  padding: 4px 1rem;
  background: #ba9365;
  background: #000;
  color: #fff;
  text-align: center;
}

.ip-bar .danger {
/*  padding: 2px 4px;*/
}


.kolobok {
  max-width: 8.5rem;
  visibility: hidden;
}

.logo-link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.1rem 2rem;
  text-decoration: none;
}


.logo-link .logo {
  display: block;
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 9px;
  border: 1px solid #aaa;
}


.logo-link .logo .logo-img {
  max-height: 4rem;
}

.logo-link .logotype {
  font-family: "Montserrat", "Helvetica Neue", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 2.2rem;
  font-weight: 800;
  margin-left: 0.8rem;
}


/*Alert */
.alert,.notice {
  margin: 0 auto;
  padding: 1.6rem 2.7rem;
  background: rgba(255, 70, 70, .1);
  border-radius: 8px;
  margin-bottom: 2rem;
}
.notice {
  background: #45cb4b1a;
}

.warning {
  margin: 1rem auto;
  padding: 1.6rem 2.7rem;
  border-left: 4px solid #dcad76;
  background: rgba(220, 173, 118, 0.16);
  border-radius: 2px 8px 8px 2px;
  color: #6f4f3f;
}

.notice, .alert, .warning {
    opacity: 1;
    transition: height 0.5s ease, opacity 0.5s ease;
}


#page {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

#page main {
  flex-grow: 1;
}


.home {
  padding: 4rem 0;
}


.iphone {
  max-width: 300px;
}

.features {
  font-size: 2rem;
  font-weight: 400;
  margin-bottom: 4rem;
  margin-left: 2rem;
}
.features ul { 
  list-style-type: "➺"; 
  list-style-position: outside;
}
.features ul li {
  padding-left: 1rem;
  margin-bottom: 1.5rem;
}




.kolobok-thumb {
  max-width: 17px;
}

/* Documents page */
.document {
  padding-top: 2rem;
}
.document p {
  margin: 2rem 0;

}


.hl-box {
  background: var(--bg-secondary-color);
  padding: 1.6rem 2.4rem;
  border-radius: 24px;
  margin-bottom: 2.4rem;
}

.bordered {
  border: 1px solid #f2e4da;
}


.separator {
  text-align: center;
}
.separator .ion-star-icon {
  max-width: 16px;
}

/* MOBILE */
@media screen and (max-width: 599px) {
  .home {
    margin: 0 4rem;
  }


  .features {
    font-size: 2rem;
  }


}




.download-hero {
  margin-bottom: 5rem;
}

.download-hero h1 {
  margin:0;
}


.downloads-buttons  .ionicon {
  display: inline-block;
  fill: #fff;
  width: 24px;
}


/* Footer  */

footer {
  font-size: 1.4rem;
  flex-shrink: 0;
  margin-top: 5.6rem;
}

footer .container {
  padding: 2.4rem 2rem 1.6rem;
}

footer .container .row {
  padding-top: 3rem;
/*  border-top: 1px solid #e8dfd1;*/
  border-top: 1px solid #333;
}

footer a {
  opacity: 0.6;
}


footer .foot-title {
  font-family: "Montserrat", "Helvetica Neue", sans-serif;
  opacity: 0.8;
  margin-bottom: 6px;
}

/*footer .email {
  color: #777;
}*/

footer .copyright {
  padding-top: 2.4rem;
}

/* MOBILE */
@media screen and (max-width: 599px) {


  footer .container {
    padding: 2.4rem 2rem;
  }

  footer .col {
    margin-bottom: 2.4rem;
  }

  footer a {
    display: inline-block;
    padding: .4rem 0;
    
  }
}


.b-no-credit-card {
  align-items: center;
  color: var(--color-grey);
  display: flex;
  gap: 8px;
  justify-content: center;
  color: #a59889;
}

.featrues,
.comparing,
.how-to,
.faq {
  padding: 5.6rem 0;
}

.featrues h2,
.comparing > h2,
.how-to > h2,
.faq > h2 {
  margin-bottom: 2.4rem;
  text-align: center;
}

.how-to {

  margin: 0 auto;
  max-width: 600px;
}

.how-to .step-label {
  position: relative;
  top: 3px;
  font-size: 15px;
  border-radius: 24px;
  background: #f2e8da;
  padding: 3px 9px 4px 11px;
}

.comparing {
  max-width: 800px;
  margin: 0 auto;
}


.compare-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin: 20px 0;
}

.compare-card {
  flex: 1 1 calc(50% - 16px); /* 50% width for larger screens minus gap */
  box-sizing: border-box;
  border: 1px solid #e8dfd1;
  border-radius: 20px;
  padding: 2.4rem 3.2rem;
}

.compare-card ul {
  font-size: 15px;
}

.compare-card ul>li {
  margin-bottom: 4px;
}

.compare-card .price {
  font-family: "Montserrat", "Helvetica Neue", sans-serif;
  font-size: 3.2rem;
}

.compare-card .per-month {
  color: #cdbcab;
}

.compare-card .button {
  margin: 1.6rem 0;
}


.faq {
  margin: 0 auto;
  max-width: 680px;
/*  border: 1px solid #e8dfd1;*/
}

.acc-list {
  border-radius: 24px;
  padding: 2.4rem 3.2rem;
  background: var(--bg-secondary-color);
  background: #1a1a1b;
}

.faq .acc-it {
  padding: 1rem 0;
}

.faq .acc-it h4 {
  cursor: pointer;
}

div[data-accordion-target="panel"] {
  overflow: hidden;
  max-height: 0; /* Collapsed by default */
  transition: max-height 0.3s ease, padding 0.3s ease; /* Smooth transition */
  padding: 0 2rem; /* Reduced padding when collapsed */
  font-size: 18px;
}


div[data-accordion-target="panel"].is-open {
  max-height: 860px; /* Adjust to fit content, or use a high value for dynamic content */
  padding: 0.8rem 2rem;
}

/* MOBILE */
@media screen and (max-width: 599px) {
  .compare-cards {flex-direction: column-reverse;}
  .compare-card { flex: 1 1 100%; /* Full width for mobile */ }
}
.black-home {
  background: #000;
}

.black-home * {
  color: #fff;
}

/*header * {
  color: #fff;
}*/

.hero {
  text-align: center;
  border-radius: 32px;
  padding: 6.4rem 2rem;
}

.hero h1 {
  font-size: 3.4rem;
  margin: 0;
  margin-bottom: 4px;
}

.hero h4 {
  font-weight: 500;
  color: #fff;
  opacity: 0.4;
  font-size: 1.8rem;
  font-family: "Helvetica Neue", "Helvetica", sans-serif;
  font-weight: bold;
}

.hero .btns {margin: 2rem 0 1.6rem;}


.hero .button { 
  
  font-weight: bold;
}

.hero .button.primary {
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(6, 20, 70, 0.2) 0px 20px 25px -5px, rgba(6, 20, 70, 0.2) 0px 8px 10px -6px;
}


.hero.transparent {
  background: transparent;
}

#page h2 {
  margin-bottom: 2.4rem;
}

.stars {
  margin-top: 2.4rem;
}
.star-icon {
  width: 1.6rem;
}

.b-list-websites {
  padding: 2rem 0;
  margin-top: 2.4rem;
  margin-bottom: 0rem;
}

.b-list-websites .subtitle {
  font-size: 1.28rem;
  font-weight: 600;
  letter-spacing: 0.04rem;
  text-transform: uppercase;
  text-align: center;
  color: #666;
  margin-bottom: 3.2rem;
}

.works-with {
  display: flex;
  gap: 1.6rem;
  flex-wrap: wrap;
  align-items: center;
}


.works-with .brands-icon {
/*  flex: 1 1 calc(10% - 1.6rem);*/
/*  fill: #d6c7b9;*/
  fill: #999;

  opacity: 0.5;
  height: 29px;
}

.works-with .brands-icon:nth-child(odd) {  /* For first, third, fifth, etc. */
  flex: 2;
}

.works-with .brands-icon:nth-child(even) { /* For second, fourth, sixth, etc. */
  flex: 1;
}

.works-with .icon-yt,
.works-with .icon-nf,
.works-with .icon-med {
  height: 22px;
}


.intro {
  padding: 4.8rem 1.2rem;
}

.intro h4 {
  font-family: "Helvetica Neue", sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
}



/*benefits*/
.bfs {
/*  text-align: left;*/
  margin-bottom: 3rem;

}
.bfs .item {
  position: relative;
  border-radius: 16px;
  padding: 1.4rem 2rem 3rem 2.8rem;
  background: #1a1a1b;
}
.bfs .emoji-icon {
  font-size: 5.2rem;
}
.bfs h3 {
  font-weight: bold;
  font-size: 2.2rem;
  margin-bottom: 1rem;
}

.bfs .no-icon {
  position: absolute;
  top: 93px;
  left: 0;
  width: 50px;
  margin-left: 18%;
  opacity: 1;
}



.card-box {
  font-size: 1.65rem;
  margin: 5rem auto;
  padding: 2rem 3rem;
  max-width: 582px;

}

.card-box .small-label {
  font-size: 1.8rem;
  margin: 1rem 0;
  margin-top: 0;
}


.nav-downloads {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  justify-content: center;
}

.nav-downloads .button+.button {
  margin-left: 0; 
}
.downloads {
  padding: 5.6rem 0;
  margin-bottom: 4rem;
  text-align: center;
/*  background: #d9e4c4;*/
/*  border-radius: 32px;*/
}
.downloads h2 {
  text-align: center;
}
.downloads .button { 
  border: 1px solid #eee;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 1rem 2.4rem;
  padding-left: 2rem;
}

.downloads .button .ionicon {
  fill: #fff;
  width: 24px;
}

.downloads .label-icon {
  font-weight: 500;
  color: #fff;
}


.b-made-in {
  display: flex;
  gap: 16px;
  justify-content: center;
  align-items: center;
  margin: 5.6rem 0 ;
}

.b-made-in .b-made-item {
  flex: 1;
}

.b-made-in .handwritten-russia {
  max-width: 150px;
}

.b-made-in .flags {
  max-width: 128px; 
  max-width: 112px;
}

.b-made-in .flags img {
  border: 1px solid #ebe6dd;
  border-radius: 4px;
}

.b-made-in .handwritten-ussr {
  max-width: 170px;
}


/* MOBILE */
@media screen and (max-width: 599px) {
  .hero .button.secondary {
    margin-top: 1.3rem;
  }

  .bfs {
    gap: 12px;
  }

  .works-with .brands-icon {
    fill: #d6c7b9;
    height: 32px;
  }

  .works-with .brands-icon:nth-child(odd) {  /* For first, third, fifth, etc. */
    flex: calc(100% / 3);
  }

  .works-with .brands-icon:nth-child(even) { /* For second, fourth, sixth, etc. */
    flex: calc(100% / 6);
  }

  .card-box.what-is {
    padding: 2rem 1.2rem;
  }

  .b-made-in {
    flex-direction: column;
    gap: 4px;
  }

}
.navbar {
/*  padding: 1rem 0;*/
  padding: 1rem 0 1.4rem;

}


.navbar .logo-link.no-border{
  padding-left: 0.4rem;
}

.navbar .logo-link.no-border .logo {border: none;}
.navbar .logo-link.no-border .logotype {
  font-size: 2rem;
  margin-left: 1rem
}


.navbar a {
  text-decoration: none;
  padding: 0.1rem 1.8rem;
  color: var(--font-color);
}

.black-home .navbar a {
  color: #fff;
}

.navbar a.secondary {
  border: 1px solid #f2e4da;
  border-radius: 50px;
}

.navbar .locale-switch {

  text-transform: uppercase;
}

.nav .locale-switch {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  text-decoration: none;
}

.nav .locale-switch .button {
  margin: 0;
  border: 0;
  padding: 1rem 2rem;
  white-space: nowrap;
  font-weight: normal;
}


.nav .locale-switch .button span {
  display: inline-block;
  vertical-align: top;
  margin-top: 3px;
  color: #fff;

}
.nav .locale-switch .button .globe-icon {
  display: inline-block;
  height: 16px;
  width: 16px;
  margin-top: 3px;
  fill: #fff;
}


.hamburger {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0 0.8rem;
}

.hamburger .line {
  width: 100%;
  height: 3px;
  background: #fff;
  margin: 2px 0;
}

details.locale-switch .card {
  z-index: 999;
  right: 0;
  left: auto;
  padding: .4rem 0;
  text-transform: none;
  border-radius: 16px;
  margin-top: 1.6rem;
  margin-right: 1.6rem;
  box-shadow: none;
  border: 1px solid;
  background: #000;

}


details.locale-switch .card > p > a {
  padding: .8rem 1.8rem;
}

.navbar .nav-right.active > a {
  text-decoration: none;
  color: #fff;
  padding: 1rem 1.8rem;
}

@media (max-width: 768px) {
  .nav .hamburger {
    display: flex;
    background: transparent;
  }

  .nav-right {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 60px;
    right: 10px;
    padding: 1rem;
    border-radius: 8px;
    background: #000;
    border-bottom: 2px solid #fdeee2;
    border-radius: 20px;
    font-size: 15px;
    border: 1px solid #222;


  }

  .nav-right.active {
    display: flex;
    z-index: 999;
  }

  .navbar .logo-link.no-border {
    padding-left: 0;
  }

}


@media screen and (max-width: 599px) {
  .nav, .nav > .container {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      flex-direction: row;
      flex-direction: row;
  }

  .nav-left{
    -webkit-box-pack: left; 
    -ms-flex-pack: left; 
    flex-wrap: wrap;
    justify-content: left;
  }
  .nav-center {
    -webkit-box-pack: center; 
    -ms-flex-pack: center; 
    flex-wrap: wrap;
    justify-content: center;
  }
  .nav-right {
    -webkit-box-pack: right; 
    -ms-flex-pack: right; 
    flex-wrap: wrap;
    justify-content: right; 
  }
}
.text h3 {
  margin: 2.4rem 0;
}


.text ul, 
.text ol {
  margin-left: 2rem;
}

.text ul {list-style: disc;}
.text ol {list-style: decimal;}

.text p {
  margin: 1.6rem 0;
}

/* simple template for just text */
.simple-page {
  margin: 0 auto;
  max-width: 600px;
}


.simple-page p {
  margin-bottom: 8px;
  font-size: 18px;
}

.payment-navbar {
  justify-content: space-between;
}


.payment-page {
  padding: 0 2rem;  
}

.payment-page h3.step-title {
  margin-bottom: 1.6rem;
}


.payment-page .row {
  gap: 1.6rem;
}
    

.payment-page .col, 
.payment-page [class*=" col-"], 
.payment-page [class^=col-] {
  margin: 0;
}


.payment-page .payment-button {
  display: flex;
  gap: 1.6rem;
  padding: 1.6rem 1.6rem;
  border-radius: 12px;
  background: #fff8ee;
  background: #fff;
  background-color: #4314070d;
  margin-bottom: 0.8rem;
  cursor: pointer;
  flex-direction: row;  
  align-items: center;
  justify-content: space-between;
  border: 2px solid #f2e4da;
}

.payment-page .payment-button.active {
  border: 2px solid #333;
}

.payment-page .payment-button .p-title {
  font-weight: bold;
}

.payment-page .payment-button .icons {
  display: flex;
  gap: 4px;
  font-size: 13px;
}
.payment-page .payment-button .pay-icon {
  display: inline-block;
  vertical-align: bottom;
  height: 27px;
  border: 1px solid #333;
  overflow: hidden;
  border-radius: 6px;

}

.payment-page .tab-section {
  padding: .8rem;
}
.payment-page .agr-text {
  font-size: 12px;
}
.payment-page .agr-text p {
  margin: 1.6rem 0;
}
.payment-page .agr-text a {text-decoration: underline;}



.payment-page .order-row {
  display: flex;
  -webkit-box-align: start;
  align-items: start;
  -webkit-box-pack: justify;
  justify-content: space-between;
  align-items: center;
}

.payment-page .total-row {
  margin-top: 1.6rem;
  padding-top: 1.6rem;
  border-top: 1px solid #f2e4da;
}
.payment-page .total-price {
  font-size: 18px;
  font-weight: bold;
}

/* payment acoount info */
.payment-account-info .warning {
  font-size: 1.4rem;
  padding: 1.6rem ;
}
.payment-account-info .account-number { 
  padding:0 .4rem;
}
    
.payment-success {
  max-width: 640px;
  margin: 0 auto;
}

.payment-success h1 {
  margin: 3.2rem 0;
}

.payment-success .hl-box {
  padding: 1.6rem 3.2rem;
}

.check-mark {
  font-size: 27px;
  width: 44px;
  height: 44px;
  background: #bfe8b0;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  padding-right: 5px;
}

.payment-success h1 .check-mark {
  margin-right: 0.8rem;
}


/* MOBILE */
@media screen and (max-width: 599px) {
  .payment-navbar {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .payment-page {padding:0}

  .payment-page h3 {font-size: 2rem;}

}
.prices-page h1,.prices-page .sub-title {text-align: center;}

.short-list {
  border-radius: 12px;
  padding: 1.2rem 2.4rem;
  font-size: 1.5rem;
  opacity: 0.5;
}

.prices-page .prices {
  gap: 2.4rem;
  padding: 2rem 0;
}

.prices-page .prices .plan {
  position: relative;
  padding: 2.4rem 3.2rem;
  border-radius: 22px;
  color: #282828;
  background: var(--bg-secondary-color);
}


.prices-page .prices .plan .is-space {
  visibility: hidden;
}


.prices-page .prices .plan .month {
  margin-bottom: -0.8rem;
}

.prices-page .prices .plan h3 {
  font-size: 2rem;
}

.plan .b-price {
  display: inline-flex;
  align-items: baseline;
  gap: 0.8rem;
}
.prices-page .prices .plan .price {
  font-family: "Montserrat", "Helvetica Neue", sans-serif;
  font-size: 5rem;
}
.prices-page .prices .plan .price-what {
  color: #a09080;
  color: #909090;
  font-size: 1.8rem;
  position: relative;
  bottom: 1px;
}
.prices-page .prices .plan .price-tags {
  font-size: 1.3rem;
  font-weight: 500;
  margin-bottom: 1.6rem;
  margin-top: 0.4rem;
}
.prices-page .prices .plan .popular-tag {
  display: inline-block;
  color: #504030;
  background: #ecdecc;
  border-radius: 6px;
  padding: .3rem 1rem;
  margin-left: 6px;
  
}
.prices-page .prices .plan .sale {
  display: inline-block;
  border-radius: 6px;
  padding: .3rem 1rem .3rem 1.2rem;
  background: #ffdd5778;
  color: #605040;
}

.prices-page .prices .plan .sale span {
/*  font-weight: 600;*/
}

.prices-page .prices .plan .button {
  width: 100%;
  font-weight: bold;
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(6, 20, 70, 0.2) 0px 20px 25px -5px, rgba(6, 20, 70, 0.2) 0px 8px 10px -6px;
}

/* Deal block */
.prices-page .b-deal {
  margin: 8rem 0;
  text-align: center;
}

.prices-page .b-deal h3 {
  margin-bottom: 1.6rem;
}


/* Free trial block */
.b-free-trial {
  padding: 6rem 5rem;
  background: #fff8ee;
  background: var(--bg-tertiary-color);
  align-items: center;
  margin: 6rem 0;
  border-radius: 32px;
/*  border: 1px solid #eedfdf;*/
}


.b-free-trial .price {
  font-family: "Montserrat", "Helvetica Neue", sans-serif;
  font-size: 3rem;
  text-align: center;
}

.b-free-trial .button-section {
  text-align: center;
}

.fast-features {
  margin: 8rem 0;
}

@media screen and (max-width: 599px) {
  .prices-page .prices {
    gap: 3.2rem;
  }
  .b-free-trial {
    padding: 3.8rem;
  }
}

/* MOBILE */
@media screen and (max-width: 599px) {

  .home {
    margin: 0 4rem;
  }
  
  main.container {padding: 0 1.6rem;}  

  .works-with .icon-yt, 
  .works-with .icon-nf, 
  .works-with .icon-med {
    height: 22px;  
  }

  .works-with .icon-tt {
    height: 30px;
  }
  
  .bfs .emoji-icon {
    font-size: 4rem;
  }

  .bfs .no-icon {
    position: absolute;
    top: 52px;
    left: 0;
    width: 50px;
    margin-left: 8%;
    opacity: 1;
  }

}
.session-form {
  
  max-width: 440px;
  margin: 0 auto;
  padding: 2.4rem 3.2rem;
}

.session-form h2 {
  text-align: center;
  margin-bottom: 1.6rem;
}

.session-form .field {
  margin: 1.6rem 0;
}

.session-form [type=submit] {
  width: 100%;
  background: #000;
}


.session-form .b-signup{
  padding: 3.2rem 0;
  margin-top: 3.2rem;
  border-top: 1px solid #f2e4da;
  padding-bottom: 1.6rem;
}

.session-form .b-signup .button {
  width: 100%;
}

.session-form .tip {
  color: #968879;
  margin: .8rem 0;
  text-align: center;
}

.sign-up-form .username {display: none;}

.sign-up-form .tip {
  color: #968879;
  margin: 2.4rem 0;
  margin-top: 1.6rem;
  text-align: center;
}

.subscriptions {
  margin: 0 auto;
  max-width: 784px;
}

.subscriptions .hl-box {
  padding: 2.4rem 3.2rem;
}

.subscriptions h4 {
  font-family: Helvetica Neue, sans-serif;
}

.subscriptions .info {
  margin: 2.4rem 0 3.2rem;
}



.support .wrap-img img {
  border-radius: 24px;
  opacity: .85;
}

.support .message {
  padding: 3.2rem 4.8rem;
}

.support .message p {
  margin-bottom: 2.5rem;
}




.box {
  background: #fff8ee;
  padding: 3rem 4rem;
  border-radius: 24px;

}

.box .sub-title {
  color: #666;
  font-size: 1.8rem;
  margin-bottom: 1rem;

}

.narrow {
  margin: 0 auto;
  max-width: 720px;
}



.odometer-copy-wrapper {
  display: flex;
  align-items: center;
  gap: .5rem 1.5rem;
  flex-wrap: wrap;
}

.step {
  margin-bottom: 3rem;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *

 *=



 */