@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap');.wp-block-archives{box-sizing:border-box}.wp-block-archives-dropdown label{display:block}.wp-block-avatar{line-height:0}.wp-block-avatar,.wp-block-avatar img{box-sizing:border-box}.wp-block-avatar.aligncenter{text-align:center}.wp-block-audio{box-sizing:border-box}.wp-block-audio figcaption{margin-bottom:1em;margin-top:.5em}.wp-block-audio audio{min-width:300px;width:100%}.wp-block-button__link{box-sizing:border-box;cursor:pointer;display:inline-block;text-align:center;word-break:break-word}.wp-block-button__link.aligncenter{text-align:center}.wp-block-button__link.alignright{text-align:right}:where(.wp-block-button__link){border-radius:9999px;box-shadow:none;padding:calc(.667em + 2px) calc(1.333em + 2px);text-decoration:none}.wp-block-button[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons>.wp-block-button.has-custom-width{max-width:none}.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{width:100%}.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-buttons>.wp-block-button.wp-block-button__width-25{width:calc(25% - var(--wp--style--block-gap, .5em)*.75)}.wp-block-buttons>.wp-block-button.wp-block-button__width-50{width:calc(50% - var(--wp--style--block-gap, .5em)*.5)}.wp-block-buttons>.wp-block-button.wp-block-button__width-75{width:calc(75% - var(--wp--style--block-gap, .5em)*.25)}.wp-block-buttons>.wp-block-button.wp-block-button__width-100{flex-basis:100%;width:100%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25{width:25%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50{width:50%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75{width:75%}.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared{border-radius:0}.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius{border-radius:0!important}.wp-block-button .wp-block-button__link.is-style-outline,.wp-block-button.is-style-outline>.wp-block-button__link{border:2px solid;padding:.667em 1.333em}.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color),.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color){color:currentColor}.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background),.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background){background-color:transparent;background-image:none}.wp-block-button .wp-block-button__link:where(.has-border-color){border-width:initial}.wp-block-button .wp-block-button__link:where([style*=border-top-color]){border-top-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-right-color]){border-right-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-bottom-color]){border-bottom-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-left-color]){border-left-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-style]){border-width:initial}.wp-block-button .wp-block-button__link:where([style*=border-top-style]){border-top-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-right-style]){border-right-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-bottom-style]){border-bottom-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-left-style]){border-left-width:medium}.wp-block-buttons.is-vertical{flex-direction:column}.wp-block-buttons.is-vertical>.wp-block-button:last-child{margin-bottom:0}.wp-block-buttons>.wp-block-button{display:inline-block;margin:0}.wp-block-buttons.is-content-justification-left{justify-content:flex-start}.wp-block-buttons.is-content-justification-left.is-vertical{align-items:flex-start}.wp-block-buttons.is-content-justification-center{justify-content:center}.wp-block-buttons.is-content-justification-center.is-vertical{align-items:center}.wp-block-buttons.is-content-justification-right{justify-content:flex-end}.wp-block-buttons.is-content-justification-right.is-vertical{align-items:flex-end}.wp-block-buttons.is-content-justification-space-between{justify-content:space-between}.wp-block-buttons.aligncenter{text-align:center}.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-button.aligncenter{margin-left:auto;margin-right:auto;width:100%}.wp-block-buttons[style*=text-decoration] .wp-block-button,.wp-block-buttons[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-button.aligncenter,.wp-block-calendar{text-align:center}.wp-block-calendar td,.wp-block-calendar th{border:1px solid;padding:.25em}.wp-block-calendar th{font-weight:400}.wp-block-calendar caption{background-color:inherit}.wp-block-calendar table{border-collapse:collapse;width:100%}.wp-block-calendar table:where(:not(.has-text-color)){color:#40464d}.wp-block-calendar table:where(:not(.has-text-color)) td,.wp-block-calendar table:where(:not(.has-text-color)) th{border-color:#ddd}.wp-block-calendar table.has-background th{background-color:inherit}.wp-block-calendar table.has-text-color th{color:inherit}:where(.wp-block-calendar table:not(.has-background) th){background:#ddd}.wp-block-categories{box-sizing:border-box}.wp-block-categories.alignleft{margin-right:2em}.wp-block-categories.alignright{margin-left:2em}.wp-block-categories.wp-block-categories-dropdown.aligncenter{text-align:center}.wp-block-code{box-sizing:border-box}.wp-block-code code{display:block;font-family:inherit;overflow-wrap:break-word;white-space:pre-wrap}.wp-block-columns{align-items:normal!important;box-sizing:border-box;display:flex;flex-wrap:wrap!important}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap!important}}.wp-block-columns.are-vertically-aligned-top{align-items:flex-start}.wp-block-columns.are-vertically-aligned-center{align-items:center}.wp-block-columns.are-vertically-aligned-bottom{align-items:flex-end}@media (max-width:781px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:100%!important}}@media (min-width:782px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis]{flex-grow:0}}.wp-block-columns.is-not-stacked-on-mobile{flex-wrap:nowrap!important}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis]{flex-grow:0}:where(.wp-block-columns){margin-bottom:1.75em}:where(.wp-block-columns.has-background){padding:1.25em 2.375em}.wp-block-column{flex-grow:1;min-width:0;overflow-wrap:break-word;word-break:break-word}.wp-block-column.is-vertically-aligned-top{align-self:flex-start}.wp-block-column.is-vertically-aligned-center{align-self:center}.wp-block-column.is-vertically-aligned-bottom{align-self:flex-end}.wp-block-column.is-vertically-aligned-stretch{align-self:stretch}.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{width:100%}.wp-block-post-comments{box-sizing:border-box}.wp-block-post-comments .alignleft{float:left}.wp-block-post-comments .alignright{float:right}.wp-block-post-comments .navigation:after{clear:both;content:"";display:table}.wp-block-post-comments .commentlist{clear:both;list-style:none;margin:0;padding:0}.wp-block-post-comments .commentlist .comment{min-height:2.25em;padding-left:3.25em}.wp-block-post-comments .commentlist .comment p{font-size:1em;line-height:1.8;margin:1em 0}.wp-block-post-comments .commentlist .children{list-style:none;margin:0;padding:0}.wp-block-post-comments .comment-author{line-height:1.5}.wp-block-post-comments .comment-author .avatar{border-radius:1.5em;display:block;float:left;height:2.5em;margin-right:.75em;margin-top:.5em;width:2.5em}.wp-block-post-comments .comment-author cite{font-style:normal}.wp-block-post-comments .comment-meta{font-size:.875em;line-height:1.5}.wp-block-post-comments .comment-meta b{font-weight:400}.wp-block-post-comments .comment-meta .comment-awaiting-moderation{display:block;margin-bottom:1em;margin-top:1em}.wp-block-post-comments .comment-body .commentmetadata{font-size:.875em}.wp-block-post-comments .comment-form-author label,.wp-block-post-comments .comment-form-comment label,.wp-block-post-comments .comment-form-email label,.wp-block-post-comments .comment-form-url label{display:block;margin-bottom:.25em}.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments .comment-form textarea{box-sizing:border-box;display:block;width:100%}.wp-block-post-comments .comment-form-cookies-consent{display:flex;gap:.25em}.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent{margin-top:.35em}.wp-block-post-comments .comment-reply-title{margin-bottom:0}.wp-block-post-comments .comment-reply-title :where(small){font-size:var(--wp--preset--font-size--medium,smaller);margin-left:.5em}.wp-block-post-comments .reply{font-size:.875em;margin-bottom:1.4em}.wp-block-post-comments input:not([type=submit]),.wp-block-post-comments textarea{border:1px solid #949494;font-family:inherit;font-size:1em}.wp-block-post-comments input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments textarea{padding:calc(.667em + 2px)}:where(.wp-block-post-comments input[type=submit]){border:none}.wp-block-comments-pagination>.wp-block-comments-pagination-next,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers,.wp-block-comments-pagination>.wp-block-comments-pagination-previous{margin-bottom:.5em;margin-right:.5em}.wp-block-comments-pagination>.wp-block-comments-pagination-next:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-previous:last-child{margin-right:0}.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow{display:inline-block;margin-right:1ch}.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow{display:inline-block;margin-left:1ch}.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-comments-pagination.aligncenter{justify-content:center}.wp-block-comment-template{box-sizing:border-box;list-style:none;margin-bottom:0;max-width:100%;padding:0}.wp-block-comment-template li{clear:both}.wp-block-comment-template ol{list-style:none;margin-bottom:0;max-width:100%;padding-left:2rem}.wp-block-comment-template.alignleft{float:left}.wp-block-comment-template.aligncenter{margin-left:auto;margin-right:auto;width:-moz-fit-content;width:fit-content}.wp-block-comment-template.alignright{float:right}.wp-block-cover,.wp-block-cover-image{align-items:center;background-position:50%;box-sizing:border-box;display:flex;justify-content:center;min-height:430px;overflow:hidden;overflow:clip;padding:1em;position:relative}.wp-block-cover .has-background-dim:not([class*=-background-color]),.wp-block-cover-image .has-background-dim:not([class*=-background-color]),.wp-block-cover-image.has-background-dim:not([class*=-background-color]),.wp-block-cover.has-background-dim:not([class*=-background-color]){background-color:#000}.wp-block-cover .has-background-dim.has-background-gradient,.wp-block-cover-image .has-background-dim.has-background-gradient{background-color:transparent}.wp-block-cover-image.has-background-dim:before,.wp-block-cover.has-background-dim:before{background-color:inherit;content:""}.wp-block-cover .wp-block-cover__background,.wp-block-cover .wp-block-cover__gradient-background,.wp-block-cover-image .wp-block-cover__background,.wp-block-cover-image .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,.wp-block-cover.has-background-dim:not(.has-background-gradient):before{bottom:0;left:0;opacity:.5;position:absolute;right:0;top:0;z-index:1}.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before{opacity:.1}.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before{opacity:.2}.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before{opacity:.3}.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before{opacity:.4}.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before{opacity:.5}.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before{opacity:.6}.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before{opacity:.7}.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before{opacity:.8}.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before{opacity:.9}.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before{opacity:1}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-0,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0{opacity:0}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-10,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-10,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10{opacity:.1}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-20,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-20,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20{opacity:.2}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-30,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-30,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30{opacity:.3}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-40,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-40,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40{opacity:.4}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-50,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-50,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50{opacity:.5}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-60,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-60,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60{opacity:.6}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-70,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-70,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70{opacity:.7}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-80,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-80,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80{opacity:.8}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-90,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-90,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90{opacity:.9}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-100,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-100,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100{opacity:1}.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.alignleft,.wp-block-cover.alignright{max-width:420px;width:100%}.wp-block-cover-image:after,.wp-block-cover:after{content:"";display:block;font-size:0;min-height:inherit}@supports (position:sticky){.wp-block-cover-image:after,.wp-block-cover:after{content:none}}.wp-block-cover-image.aligncenter,.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.aligncenter,.wp-block-cover.alignleft,.wp-block-cover.alignright{display:flex}.wp-block-cover .wp-block-cover__inner-container,.wp-block-cover-image .wp-block-cover__inner-container{color:inherit;width:100%;z-index:1}.wp-block-cover h1:where(:not(.has-text-color)),.wp-block-cover h2:where(:not(.has-text-color)),.wp-block-cover h3:where(:not(.has-text-color)),.wp-block-cover h4:where(:not(.has-text-color)),.wp-block-cover h5:where(:not(.has-text-color)),.wp-block-cover h6:where(:not(.has-text-color)),.wp-block-cover p:where(:not(.has-text-color)),.wp-block-cover-image h1:where(:not(.has-text-color)),.wp-block-cover-image h2:where(:not(.has-text-color)),.wp-block-cover-image h3:where(:not(.has-text-color)),.wp-block-cover-image h4:where(:not(.has-text-color)),.wp-block-cover-image h5:where(:not(.has-text-color)),.wp-block-cover-image h6:where(:not(.has-text-color)),.wp-block-cover-image p:where(:not(.has-text-color)){color:inherit}.wp-block-cover-image.is-position-top-left,.wp-block-cover.is-position-top-left{align-items:flex-start;justify-content:flex-start}.wp-block-cover-image.is-position-top-center,.wp-block-cover.is-position-top-center{align-items:flex-start;justify-content:center}.wp-block-cover-image.is-position-top-right,.wp-block-cover.is-position-top-right{align-items:flex-start;justify-content:flex-end}.wp-block-cover-image.is-position-center-left,.wp-block-cover.is-position-center-left{align-items:center;justify-content:flex-start}.wp-block-cover-image.is-position-center-center,.wp-block-cover.is-position-center-center{align-items:center;justify-content:center}.wp-block-cover-image.is-position-center-right,.wp-block-cover.is-position-center-right{align-items:center;justify-content:flex-end}.wp-block-cover-image.is-position-bottom-left,.wp-block-cover.is-position-bottom-left{align-items:flex-end;justify-content:flex-start}.wp-block-cover-image.is-position-bottom-center,.wp-block-cover.is-position-bottom-center{align-items:flex-end;justify-content:center}.wp-block-cover-image.is-position-bottom-right,.wp-block-cover.is-position-bottom-right{align-items:flex-end;justify-content:flex-end}.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container{margin:0}.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-bottom-left .wp-block-cover__inner-container,.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-bottom-right .wp-block-cover__inner-container,.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-center-left .wp-block-cover__inner-container,.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-center-right .wp-block-cover__inner-container,.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-top-left .wp-block-cover__inner-container,.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-top-right .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-bottom-left .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-bottom-right .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-center-left .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-center-right .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-top-left .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-top-right .wp-block-cover__inner-container{margin:0;width:auto}.wp-block-cover .wp-block-cover__image-background,.wp-block-cover video.wp-block-cover__video-background,.wp-block-cover-image .wp-block-cover__image-background,.wp-block-cover-image video.wp-block-cover__video-background{border:none;bottom:0;box-shadow:none;height:100%;left:0;margin:0;max-height:none;max-width:none;object-fit:cover;outline:none;padding:0;position:absolute;right:0;top:0;width:100%}.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{background-attachment:fixed;background-repeat:no-repeat;background-size:cover}@supports (-webkit-touch-callout:inherit){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{background-attachment:scroll}}@media (prefers-reduced-motion:reduce){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{background-attachment:scroll}}.wp-block-cover-image.is-repeated,.wp-block-cover.is-repeated,.wp-block-cover__image-background.is-repeated,video.wp-block-cover__video-background.is-repeated{background-repeat:repeat;background-size:auto}.wp-block-cover__image-background,.wp-block-cover__video-background{z-index:0}.wp-block-cover-image-text,.wp-block-cover-image-text a,.wp-block-cover-image-text a:active,.wp-block-cover-image-text a:focus,.wp-block-cover-image-text a:hover,.wp-block-cover-text,.wp-block-cover-text a,.wp-block-cover-text a:active,.wp-block-cover-text a:focus,.wp-block-cover-text a:hover,section.wp-block-cover-image h2,section.wp-block-cover-image h2 a,section.wp-block-cover-image h2 a:active,section.wp-block-cover-image h2 a:focus,section.wp-block-cover-image h2 a:hover{color:#fff}.wp-block-cover-image .wp-block-cover.has-left-content{justify-content:flex-start}.wp-block-cover-image .wp-block-cover.has-right-content{justify-content:flex-end}.wp-block-cover-image.has-left-content .wp-block-cover-image-text,.wp-block-cover.has-left-content .wp-block-cover-text,section.wp-block-cover-image.has-left-content>h2{margin-left:0;text-align:left}.wp-block-cover-image.has-right-content .wp-block-cover-image-text,.wp-block-cover.has-right-content .wp-block-cover-text,section.wp-block-cover-image.has-right-content>h2{margin-right:0;text-align:right}.wp-block-cover .wp-block-cover-text,.wp-block-cover-image .wp-block-cover-image-text,section.wp-block-cover-image>h2{font-size:2em;line-height:1.25;margin-bottom:0;max-width:840px;padding:.44em;text-align:center;z-index:1}:where(.wp-block-cover-image:not(.has-text-color)),:where(.wp-block-cover:not(.has-text-color)){color:#fff}:where(.wp-block-cover-image.is-light:not(.has-text-color)),:where(.wp-block-cover.is-light:not(.has-text-color)){color:#000}.wp-block-details{box-sizing:border-box;overflow:hidden}.wp-block-details summary{cursor:pointer}.wp-block-embed.alignleft,.wp-block-embed.alignright,.wp-block[data-align=left]>[data-type="core/embed"],.wp-block[data-align=right]>[data-type="core/embed"]{max-width:360px;width:100%}.wp-block-embed.alignleft .wp-block-embed__wrapper,.wp-block-embed.alignright .wp-block-embed__wrapper,.wp-block[data-align=left]>[data-type="core/embed"] .wp-block-embed__wrapper,.wp-block[data-align=right]>[data-type="core/embed"] .wp-block-embed__wrapper{min-width:280px}.wp-block-cover .wp-block-embed{min-height:240px;min-width:320px}.wp-block-embed{overflow-wrap:break-word}.wp-block-embed figcaption{margin-bottom:1em;margin-top:.5em}.wp-block-embed iframe{max-width:100%}.wp-block-embed__wrapper{position:relative}.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before{content:"";display:block;padding-top:50%}.wp-embed-responsive .wp-has-aspect-ratio iframe{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{padding-top:42.85%}.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before{padding-top:50%}.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before{padding-top:56.25%}.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before{padding-top:75%}.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before{padding-top:100%}.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before{padding-top:177.77%}.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before{padding-top:200%}.wp-block-file{box-sizing:border-box}.wp-block-file:not(.wp-element-button){font-size:.8em}.wp-block-file.aligncenter{text-align:center}.wp-block-file.alignright{text-align:right}.wp-block-file *+.wp-block-file__button{margin-left:.75em}:where(.wp-block-file){margin-bottom:1.5em}.wp-block-file__embed{margin-bottom:1em}:where(.wp-block-file__button){border-radius:2em;display:inline-block;padding:.5em 1em}:where(.wp-block-file__button):is(a):active,:where(.wp-block-file__button):is(a):focus,:where(.wp-block-file__button):is(a):hover,:where(.wp-block-file__button):is(a):visited{box-shadow:none;color:#fff;opacity:.85;text-decoration:none}.blocks-gallery-grid:not(.has-nested-images),.wp-block-gallery:not(.has-nested-images){display:flex;flex-wrap:wrap;list-style-type:none;margin:0;padding:0}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item{display:flex;flex-direction:column;flex-grow:1;justify-content:center;margin:0 1em 1em 0;position:relative;width:calc(50% - 1em)}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n){margin-right:0}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figure,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figure,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figure,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figure{align-items:flex-end;display:flex;height:100%;justify-content:flex-start;margin:0}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image img,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item img{display:block;height:auto;max-width:100%;width:auto}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption{background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);bottom:0;box-sizing:border-box;color:#fff;font-size:.8em;margin:0;max-height:100%;overflow:auto;padding:3em .77em .7em;position:absolute;text-align:center;width:100%;z-index:2}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption img,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption img{display:inline}.blocks-gallery-grid:not(.has-nested-images) figcaption,.wp-block-gallery:not(.has-nested-images) figcaption{flex-grow:1}.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image a,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image img,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item a,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item img,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image a,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image img,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item a,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item img{flex:1;height:100%;object-fit:cover;width:100%}.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item{margin-right:0;width:100%}@media (min-width:600px){.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item{margin-right:1em;width:calc(33.33333% - .66667em)}.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item{margin-right:1em;width:calc(25% - .75em)}.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item{margin-right:1em;width:calc(20% - .8em)}.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item{margin-right:1em;width:calc(16.66667% - .83333em)}.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item{margin-right:1em;width:calc(14.28571% - .85714em)}.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item{margin-right:1em;width:calc(12.5% - .875em)}.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n),.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),.wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n){margin-right:0}}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:last-child,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:last-child,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:last-child,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:last-child{margin-right:0}.blocks-gallery-grid:not(.has-nested-images).alignleft,.blocks-gallery-grid:not(.has-nested-images).alignright,.wp-block-gallery:not(.has-nested-images).alignleft,.wp-block-gallery:not(.has-nested-images).alignright{max-width:420px;width:100%}.blocks-gallery-grid:not(.has-nested-images).aligncenter .blocks-gallery-item figure,.wp-block-gallery:not(.has-nested-images).aligncenter .blocks-gallery-item figure{justify-content:center}.wp-block-gallery:not(.is-cropped) .blocks-gallery-item{align-self:flex-start}figure.wp-block-gallery.has-nested-images{align-items:normal}.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image){margin:0;width:calc(50% - var(--wp--style--unstable-gallery-gap, 16px)/2)}.wp-block-gallery.has-nested-images figure.wp-block-image{box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;justify-content:center;max-width:100%;position:relative}.wp-block-gallery.has-nested-images figure.wp-block-image>a,.wp-block-gallery.has-nested-images figure.wp-block-image>div{flex-direction:column;flex-grow:1;margin:0}.wp-block-gallery.has-nested-images figure.wp-block-image img{display:block;height:auto;max-width:100%!important;width:auto}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);bottom:0;box-sizing:border-box;color:#fff;font-size:13px;left:0;margin-bottom:0;max-height:60%;overflow:auto;padding:0 8px 8px;position:absolute;text-align:center;width:100%}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption img{display:inline}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption a{color:inherit}.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>a,.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>div,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>a,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>div{flex:1 1 auto}.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border figcaption,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption{background:none;color:inherit;flex:initial;margin:0;padding:10px 10px 9px;position:relative}.wp-block-gallery.has-nested-images figcaption{flex-basis:100%;flex-grow:1;text-align:center}.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image){margin-bottom:auto;margin-top:0}.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image){align-self:inherit}.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>a,.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>div:not(.components-drop-zone){display:flex}.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a,.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img{flex:1 0 0%;height:100%;object-fit:cover;width:100%}.wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image){width:100%}@media (min-width:600px){.wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image){width:calc(33.33333% - var(--wp--style--unstable-gallery-gap, 16px)*.66667)}.wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image){width:calc(25% - var(--wp--style--unstable-gallery-gap, 16px)*.75)}.wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image){width:calc(20% - var(--wp--style--unstable-gallery-gap, 16px)*.8)}.wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image){width:calc(16.66667% - var(--wp--style--unstable-gallery-gap, 16px)*.83333)}.wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image){width:calc(14.28571% - var(--wp--style--unstable-gallery-gap, 16px)*.85714)}.wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image){width:calc(12.5% - var(--wp--style--unstable-gallery-gap, 16px)*.875)}.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image){width:calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px)*.66667)}.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2),.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2)~figure.wp-block-image:not(#individual-image){width:calc(50% - var(--wp--style--unstable-gallery-gap, 16px)*.5)}.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:last-child{width:100%}}.wp-block-gallery.has-nested-images.alignleft,.wp-block-gallery.has-nested-images.alignright{max-width:420px;width:100%}.wp-block-gallery.has-nested-images.aligncenter{justify-content:center}.wp-block-group{box-sizing:border-box}h1.has-background,h2.has-background,h3.has-background,h4.has-background,h5.has-background,h6.has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}.wp-block-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom}.wp-block-image[style*=border-radius] img,.wp-block-image[style*=border-radius]>a{border-radius:inherit}.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull img,.wp-block-image.alignwide img{height:auto;width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{display:table}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption{caption-side:bottom;display:table-caption}.wp-block-image .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image figcaption{margin-bottom:1em;margin-top:.5em}.wp-block-image .is-style-rounded img,.wp-block-image.is-style-circle-mask img,.wp-block-image.is-style-rounded img{border-radius:9999px}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){.wp-block-image.is-style-circle-mask img{border-radius:0;-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-mode:alpha;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}}.wp-block-image :where(.has-border-color){border-style:solid}.wp-block-image :where([style*=border-top-color]){border-top-style:solid}.wp-block-image :where([style*=border-right-color]){border-right-style:solid}.wp-block-image :where([style*=border-bottom-color]){border-bottom-style:solid}.wp-block-image :where([style*=border-left-color]){border-left-style:solid}.wp-block-image :where([style*=border-width]){border-style:solid}.wp-block-image :where([style*=border-top-width]){border-top-style:solid}.wp-block-image :where([style*=border-right-width]){border-right-style:solid}.wp-block-image :where([style*=border-bottom-width]){border-bottom-style:solid}.wp-block-image :where([style*=border-left-width]){border-left-style:solid}.wp-block-image figure{margin:0}.wp-lightbox-container{display:flex;flex-direction:column;position:relative}.wp-lightbox-container img{cursor:zoom-in}.wp-lightbox-container img:hover+button{opacity:1}.wp-lightbox-container button{align-items:center;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);background-color:rgba(90,90,90,.25);border:none;border-radius:4px;cursor:zoom-in;display:flex;height:20px;justify-content:center;opacity:0;padding:0;position:absolute;right:16px;text-align:center;top:16px;transition:opacity .2s ease;width:20px;z-index:100}.wp-lightbox-container button:focus-visible{outline:3px auto rgba(90,90,90,.25);outline:3px auto -webkit-focus-ring-color;outline-offset:3px}.wp-lightbox-container button:hover{cursor:pointer;opacity:1}.wp-lightbox-container button:focus{opacity:1}.wp-lightbox-container button:focus,.wp-lightbox-container button:hover,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){background-color:rgba(90,90,90,.25);border:none}.wp-lightbox-overlay{box-sizing:border-box;cursor:zoom-out;height:100vh;left:0;overflow:hidden;position:fixed;top:0;visibility:hidden;width:100vw;z-index:100000}.wp-lightbox-overlay .close-button{align-items:center;cursor:pointer;display:flex;justify-content:center;min-height:40px;min-width:40px;padding:0;position:absolute;right:calc(env(safe-area-inset-right) + 16px);top:calc(env(safe-area-inset-top) + 16px);z-index:5000000}.wp-lightbox-overlay .close-button:focus,.wp-lightbox-overlay .close-button:hover,.wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background){background:none;border:none}.wp-lightbox-overlay .lightbox-image-container{height:var(--wp--lightbox-container-height);left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:top left;width:var(--wp--lightbox-container-width);z-index:9999999999}.wp-lightbox-overlay .wp-block-image{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;margin:0;position:relative;transform-origin:0 0;width:100%;z-index:3000000}.wp-lightbox-overlay .wp-block-image img{height:var(--wp--lightbox-image-height);min-height:var(--wp--lightbox-image-height);min-width:var(--wp--lightbox-image-width);width:var(--wp--lightbox-image-width)}.wp-lightbox-overlay .wp-block-image figcaption{display:none}.wp-lightbox-overlay button{background:none;border:none}.wp-lightbox-overlay .scrim{background-color:#fff;height:100%;opacity:.9;position:absolute;width:100%;z-index:2000000}.wp-lightbox-overlay.active{animation:turn-on-visibility .25s both;visibility:visible}.wp-lightbox-overlay.active img{animation:turn-on-visibility .35s both}.wp-lightbox-overlay.hideanimationenabled:not(.active){animation:turn-off-visibility .35s both}.wp-lightbox-overlay.hideanimationenabled:not(.active) img{animation:turn-off-visibility .25s both}@media (prefers-reduced-motion:no-preference){.wp-lightbox-overlay.zoom.active{animation:none;opacity:1;visibility:visible}.wp-lightbox-overlay.zoom.active .lightbox-image-container{animation:lightbox-zoom-in .4s}.wp-lightbox-overlay.zoom.active .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.active .scrim{animation:turn-on-visibility .4s forwards}.wp-lightbox-overlay.zoom.hideanimationenabled:not(.active){animation:none}.wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .lightbox-image-container{animation:lightbox-zoom-out .4s}.wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .scrim{animation:turn-off-visibility .4s forwards}}@keyframes turn-on-visibility{0%{opacity:0}to{opacity:1}}@keyframes turn-off-visibility{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes lightbox-zoom-in{0%{transform:translate(calc(-50vw + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale))}to{transform:translate(-50%,-50%) scale(1)}}@keyframes lightbox-zoom-out{0%{transform:translate(-50%,-50%) scale(1);visibility:visible}99%{visibility:visible}to{transform:translate(calc(-50vw + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));visibility:hidden}}ol.wp-block-latest-comments{box-sizing:border-box;margin-left:0}:where(.wp-block-latest-comments:not([style*=line-height] .wp-block-latest-comments__comment)){line-height:1.1}:where(.wp-block-latest-comments:not([style*=line-height] .wp-block-latest-comments__comment-excerpt p)){line-height:1.8}.has-dates :where(.wp-block-latest-comments:not([style*=line-height])),.has-excerpts :where(.wp-block-latest-comments:not([style*=line-height])){line-height:1.5}.wp-block-latest-comments .wp-block-latest-comments{padding-left:0}.wp-block-latest-comments__comment{list-style:none;margin-bottom:1em}.has-avatars .wp-block-latest-comments__comment{list-style:none;min-height:2.25em}.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{margin-left:3.25em}.wp-block-latest-comments__comment-excerpt p{font-size:.875em;margin:.36em 0 1.4em}.wp-block-latest-comments__comment-date{display:block;font-size:.75em}.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar{border-radius:1.5em;display:block;float:left;height:2.5em;margin-right:.75em;width:2.5em}.wp-block-latest-comments[class*=-font-size] a,.wp-block-latest-comments[style*=font-size] a{font-size:inherit}.wp-block-latest-posts{box-sizing:border-box}.wp-block-latest-posts.alignleft{margin-right:2em}.wp-block-latest-posts.alignright{margin-left:2em}.wp-block-latest-posts.wp-block-latest-posts__list{list-style:none;padding-left:0}.wp-block-latest-posts.wp-block-latest-posts__list li{clear:both}.wp-block-latest-posts.is-grid{display:flex;flex-wrap:wrap;padding:0}.wp-block-latest-posts.is-grid li{margin:0 1.25em 1.25em 0;width:100%}@media (min-width:600px){.wp-block-latest-posts.columns-2 li{width:calc(50% - .625em)}.wp-block-latest-posts.columns-2 li:nth-child(2n){margin-right:0}.wp-block-latest-posts.columns-3 li{width:calc(33.33333% - .83333em)}.wp-block-latest-posts.columns-3 li:nth-child(3n){margin-right:0}.wp-block-latest-posts.columns-4 li{width:calc(25% - .9375em)}.wp-block-latest-posts.columns-4 li:nth-child(4n){margin-right:0}.wp-block-latest-posts.columns-5 li{width:calc(20% - 1em)}.wp-block-latest-posts.columns-5 li:nth-child(5n){margin-right:0}.wp-block-latest-posts.columns-6 li{width:calc(16.66667% - 1.04167em)}.wp-block-latest-posts.columns-6 li:nth-child(6n){margin-right:0}}.wp-block-latest-posts__post-author,.wp-block-latest-posts__post-date{display:block;font-size:.8125em}.wp-block-latest-posts__post-excerpt{margin-bottom:1em;margin-top:.5em}.wp-block-latest-posts__featured-image a{display:inline-block}.wp-block-latest-posts__featured-image img{height:auto;max-width:100%;width:auto}.wp-block-latest-posts__featured-image.alignleft{float:left;margin-right:1em}.wp-block-latest-posts__featured-image.alignright{float:right;margin-left:1em}.wp-block-latest-posts__featured-image.aligncenter{margin-bottom:1em;text-align:center}ol,ul{box-sizing:border-box}ol.has-background,ul.has-background{padding:1.25em 2.375em}.wp-block-media-text{box-sizing:border-box;
  /*!rtl:begin:ignore*/direction:ltr;
  /*!rtl:end:ignore*/display:grid;grid-template-columns:50% 1fr;grid-template-rows:auto}.wp-block-media-text.has-media-on-the-right{grid-template-columns:1fr 50%}.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media{align-self:start}.wp-block-media-text .wp-block-media-text__content,.wp-block-media-text .wp-block-media-text__media,.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media{align-self:center}.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media{align-self:end}.wp-block-media-text .wp-block-media-text__media{
  /*!rtl:begin:ignore*/grid-column:1;grid-row:1;
  /*!rtl:end:ignore*/margin:0}.wp-block-media-text .wp-block-media-text__content{direction:ltr;
  /*!rtl:begin:ignore*/grid-column:2;grid-row:1;
  /*!rtl:end:ignore*/padding:0 8%;word-break:break-word}.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media{
  /*!rtl:begin:ignore*/grid-column:2;grid-row:1
  /*!rtl:end:ignore*/}.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{
  /*!rtl:begin:ignore*/grid-column:1;grid-row:1
  /*!rtl:end:ignore*/}.wp-block-media-text__media img,.wp-block-media-text__media video{height:auto;max-width:unset;vertical-align:middle;width:100%}.wp-block-media-text.is-image-fill .wp-block-media-text__media{background-size:cover;height:100%;min-height:250px}.wp-block-media-text.is-image-fill .wp-block-media-text__media>a{display:block;height:100%}.wp-block-media-text.is-image-fill .wp-block-media-text__media img{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}@media (max-width:600px){.wp-block-media-text.is-stacked-on-mobile{grid-template-columns:100%!important}.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media{grid-column:1;grid-row:1}.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content{grid-column:1;grid-row:2}}.wp-block-navigation{--navigation-layout-justification-setting:flex-start;--navigation-layout-direction:row;--navigation-layout-wrap:wrap;--navigation-layout-justify:flex-start;--navigation-layout-align:center;position:relative}.wp-block-navigation ul{margin-bottom:0;margin-left:0;margin-top:0;padding-left:0}.wp-block-navigation ul,.wp-block-navigation ul li{list-style:none;padding:0}.wp-block-navigation .wp-block-navigation-item{align-items:center;display:flex;position:relative}.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty{display:none}.wp-block-navigation .wp-block-navigation-item__content{display:block}.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content{color:inherit}.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus{text-decoration:underline}.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus{text-decoration:line-through}.wp-block-navigation:where(:not([class*=has-text-decoration])) a{text-decoration:none}.wp-block-navigation:where(:not([class*=has-text-decoration])) a:active,.wp-block-navigation:where(:not([class*=has-text-decoration])) a:focus{text-decoration:none}.wp-block-navigation .wp-block-navigation__submenu-icon{align-self:center;background-color:inherit;border:none;color:currentColor;display:inline-block;font-size:inherit;height:.6em;line-height:0;margin-left:.25em;padding:0;width:.6em}.wp-block-navigation .wp-block-navigation__submenu-icon svg{stroke:currentColor;display:inline-block;height:inherit;margin-top:.075em;width:inherit}.wp-block-navigation.is-vertical{--navigation-layout-direction:column;--navigation-layout-justify:initial;--navigation-layout-align:flex-start}.wp-block-navigation.no-wrap{--navigation-layout-wrap:nowrap}.wp-block-navigation.items-justified-center{--navigation-layout-justification-setting:center;--navigation-layout-justify:center}.wp-block-navigation.items-justified-center.is-vertical{--navigation-layout-align:center}.wp-block-navigation.items-justified-right{--navigation-layout-justification-setting:flex-end;--navigation-layout-justify:flex-end}.wp-block-navigation.items-justified-right.is-vertical{--navigation-layout-align:flex-end}.wp-block-navigation.items-justified-space-between{--navigation-layout-justification-setting:space-between;--navigation-layout-justify:space-between}.wp-block-navigation .has-child .wp-block-navigation__submenu-container{align-items:normal;background-color:inherit;color:inherit;display:flex;flex-direction:column;height:0;left:-1px;opacity:0;overflow:hidden;position:absolute;top:100%;transition:opacity .1s linear;visibility:hidden;width:0;z-index:2}.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{display:flex;flex-grow:1}.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content .wp-block-navigation__submenu-icon{margin-left:auto;margin-right:0}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content{margin:0}@media (min-width:782px){.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:100%;top:-1px}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before{background:transparent;content:"";display:block;height:100%;position:absolute;right:100%;width:.5em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon{margin-right:.25em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg{transform:rotate(-90deg)}}.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container{left:0;top:100%}@media (min-width:782px){.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:100%;top:0}}.wp-block-navigation-submenu{display:flex;position:relative}.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg{stroke:currentColor}button.wp-block-navigation-item__content{background-color:transparent;border:none;color:currentColor;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;text-align:left;text-transform:inherit}.wp-block-navigation-submenu__toggle{cursor:pointer}.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle{padding-right:.85em}.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle+.wp-block-navigation__submenu-icon{margin-left:-.6em;pointer-events:none}.wp-block-navigation .wp-block-page-list,.wp-block-navigation__container,.wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container,.wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-dialog{gap:inherit}:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)){padding:.5em 1em}:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content){padding:.5em 1em}.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container{left:auto;right:0}.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:-1px;right:-1px}@media (min-width:782px){.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:auto;right:100%}}.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{background-color:#fff;border:1px solid rgba(0,0,0,.15)}.wp-block-navigation.has-background .wp-block-navigation__submenu-container{background-color:inherit}.wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container{color:#000}.wp-block-navigation__container{align-items:var(--navigation-layout-align,initial);display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial);list-style:none;margin:0;padding-left:0}.wp-block-navigation__container .is-responsive{display:none}.wp-block-navigation__container:only-child,.wp-block-page-list:only-child{flex-grow:1}@keyframes overlay-menu__fade-in-animation{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:translateY(0)}}.wp-block-navigation__responsive-container{bottom:0;display:none;left:0;position:fixed;right:0;top:0}.wp-block-navigation__responsive-container :where(.wp-block-navigation-item a){color:inherit}.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{align-items:var(--navigation-layout-align,initial);display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial)}.wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open){background-color:inherit!important;color:inherit!important}.wp-block-navigation__responsive-container.is-menu-open{animation:overlay-menu__fade-in-animation .1s ease-out;animation-fill-mode:forwards;background-color:inherit;display:flex;flex-direction:column;overflow:auto;padding:clamp(1rem,var(--wp--style--root--padding-top),20rem) clamp(1rem,var(--wp--style--root--padding-right),20rem) clamp(1rem,var(--wp--style--root--padding-bottom),20rem) clamp(1rem,var(--wp--style--root--padding-left),20em);z-index:100000}@media (prefers-reduced-motion:reduce){.wp-block-navigation__responsive-container.is-menu-open{animation-delay:0s;animation-duration:1ms}}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{align-items:var(--navigation-layout-justification-setting,inherit);display:flex;flex-direction:column;flex-wrap:nowrap;overflow:visible;padding-top:calc(2rem + 24px)}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list{justify-content:flex-start}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon{display:none}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{border:none;height:auto;min-width:200px;opacity:1;overflow:initial;padding-left:2rem;padding-right:2rem;position:static;visibility:visible;width:auto}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{gap:inherit}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{padding-top:var(--wp--style--block-gap,2em)}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content{padding:0}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list{align-items:var(--navigation-layout-justification-setting,initial);display:flex;flex-direction:column}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list{background:transparent!important;color:inherit!important}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{left:auto;right:auto}@media (min-width:600px){.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){background-color:inherit;display:block;position:relative;width:100%;z-index:auto}.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close{display:none}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{left:0}}.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{background-color:#fff}.wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open{color:#000}.wp-block-navigation__toggle_button_label{font-size:1rem;font-weight:700}.wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container-open{background:transparent;border:none;color:currentColor;cursor:pointer;margin:0;padding:0;text-transform:inherit;vertical-align:middle}.wp-block-navigation__responsive-container-close svg,.wp-block-navigation__responsive-container-open svg{fill:currentColor;display:block;height:24px;pointer-events:none;width:24px}.wp-block-navigation__responsive-container-open{display:flex}.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{font-family:inherit;font-size:inherit;font-weight:inherit}@media (min-width:600px){.wp-block-navigation__responsive-container-open:not(.always-shown){display:none}}.wp-block-navigation__responsive-container-close{position:absolute;right:0;top:0;z-index:2}.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close{font-family:inherit;font-size:inherit;font-weight:inherit}.wp-block-navigation__responsive-close{width:100%}.has-modal-open .wp-block-navigation__responsive-close{margin-left:auto;margin-right:auto;max-width:var(--wp--style--global--wide-size,100%)}.wp-block-navigation__responsive-close:focus{outline:none}.is-menu-open .wp-block-navigation__responsive-close,.is-menu-open .wp-block-navigation__responsive-container-content,.is-menu-open .wp-block-navigation__responsive-dialog{box-sizing:border-box}.wp-block-navigation__responsive-dialog{position:relative}.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{margin-top:46px}@media (min-width:782px){.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{margin-top:32px}}html.has-modal-open{overflow:hidden}.wp-block-navigation .wp-block-navigation-item__label{overflow-wrap:break-word}.wp-block-navigation .wp-block-navigation-item__description{display:none}.wp-block-navigation .wp-block-page-list{align-items:var(--navigation-layout-align,initial);background-color:inherit;display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial)}.wp-block-navigation .wp-block-navigation-item{background-color:inherit}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}p.has-background{padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}.wp-block-post-author{display:flex;flex-wrap:wrap}.wp-block-post-author__byline{font-size:.5em;margin-bottom:0;margin-top:0;width:100%}.wp-block-post-author__avatar{margin-right:1em}.wp-block-post-author__bio{font-size:.7em;margin-bottom:.7em}.wp-block-post-author__content{flex-basis:0;flex-grow:1}.wp-block-post-author__name{margin:0}.wp-block-post-comments-form{box-sizing:border-box}.wp-block-post-comments-form[style*=font-weight] :where(.comment-reply-title){font-weight:inherit}.wp-block-post-comments-form[style*=font-family] :where(.comment-reply-title){font-family:inherit}.wp-block-post-comments-form[class*=-font-size] :where(.comment-reply-title),.wp-block-post-comments-form[style*=font-size] :where(.comment-reply-title){font-size:inherit}.wp-block-post-comments-form[style*=line-height] :where(.comment-reply-title){line-height:inherit}.wp-block-post-comments-form[style*=font-style] :where(.comment-reply-title){font-style:inherit}.wp-block-post-comments-form[style*=letter-spacing] :where(.comment-reply-title){letter-spacing:inherit}.wp-block-post-comments-form input[type=submit]{box-shadow:none;cursor:pointer;display:inline-block;overflow-wrap:break-word;text-align:center}.wp-block-post-comments-form input:not([type=submit]),.wp-block-post-comments-form textarea{border:1px solid #949494;font-family:inherit;font-size:1em}.wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments-form textarea{padding:calc(.667em + 2px)}.wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]):not([type=hidden]),.wp-block-post-comments-form .comment-form textarea{box-sizing:border-box;display:block;width:100%}.wp-block-post-comments-form .comment-form-author label,.wp-block-post-comments-form .comment-form-email label,.wp-block-post-comments-form .comment-form-url label{display:block;margin-bottom:.25em}.wp-block-post-comments-form .comment-form-cookies-consent{display:flex;gap:.25em}.wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent{margin-top:.35em}.wp-block-post-comments-form .comment-reply-title{margin-bottom:0}.wp-block-post-comments-form .comment-reply-title :where(small){font-size:var(--wp--preset--font-size--medium,smaller);margin-left:.5em}.wp-block-post-date{box-sizing:border-box}:where(.wp-block-post-excerpt){margin-bottom:var(--wp--style--block-gap);margin-top:var(--wp--style--block-gap)}.wp-block-post-excerpt__excerpt{margin-bottom:0;margin-top:0}.wp-block-post-excerpt__more-text{margin-bottom:0;margin-top:var(--wp--style--block-gap)}.wp-block-post-excerpt__more-link{display:inline-block}.wp-block-post-featured-image{margin-left:0;margin-right:0}.wp-block-post-featured-image a{display:block;height:100%}.wp-block-post-featured-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom;width:100%}.wp-block-post-featured-image.alignfull img,.wp-block-post-featured-image.alignwide img{width:100%}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim{background-color:#000;inset:0;position:absolute}.wp-block-post-featured-image{position:relative}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-gradient{background-color:transparent}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-0{opacity:0}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-10{opacity:.1}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-20{opacity:.2}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-30{opacity:.3}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-40{opacity:.4}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50{opacity:.5}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-60{opacity:.6}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-70{opacity:.7}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-80{opacity:.8}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-90{opacity:.9}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-100{opacity:1}.wp-block-post-featured-image:where(.alignleft,.alignright){width:100%}.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous{display:inline-block;margin-right:1ch}.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next{display:inline-block;margin-left:1ch}.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-post-navigation-link.has-text-align-left[style*="writing-mode: vertical-lr"],.wp-block-post-navigation-link.has-text-align-right[style*="writing-mode: vertical-rl"]{rotate:180deg}.wp-block-post-terms{box-sizing:border-box}.wp-block-post-terms .wp-block-post-terms__separator{white-space:pre-wrap}.wp-block-post-time-to-read,.wp-block-post-title{box-sizing:border-box}.wp-block-post-title{word-break:break-word}.wp-block-post-title a{display:inline-block}.wp-block-preformatted{box-sizing:border-box;white-space:pre-wrap}:where(.wp-block-preformatted.has-background){padding:1.25em 2.375em}.wp-block-pullquote{box-sizing:border-box;overflow-wrap:break-word;padding:3em 0;text-align:center}.wp-block-pullquote blockquote,.wp-block-pullquote cite,.wp-block-pullquote p{color:inherit}.wp-block-pullquote.alignleft,.wp-block-pullquote.alignright{max-width:420px}.wp-block-pullquote cite,.wp-block-pullquote footer{position:relative}.wp-block-pullquote .has-text-color a{color:inherit}:where(.wp-block-pullquote){margin:0 0 1em}.wp-block-pullquote.has-text-align-left blockquote{text-align:left}.wp-block-pullquote.has-text-align-right blockquote{text-align:right}.wp-block-pullquote.is-style-solid-color{border:none}.wp-block-pullquote.is-style-solid-color blockquote{margin-left:auto;margin-right:auto;max-width:60%}.wp-block-pullquote.is-style-solid-color blockquote p{font-size:2em;margin-bottom:0;margin-top:0}.wp-block-pullquote.is-style-solid-color blockquote cite{font-style:normal;text-transform:none}.wp-block-pullquote cite{color:inherit}.wp-block-post-template{list-style:none;margin-bottom:0;margin-top:0;max-width:100%;padding:0}.wp-block-post-template.wp-block-post-template{background:none}.wp-block-post-template.is-flex-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.25em}.wp-block-post-template.is-flex-container>li{margin:0;width:100%}@media (min-width:600px){.wp-block-post-template.is-flex-container.is-flex-container.columns-2>li{width:calc(50% - .625em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-3>li{width:calc(33.33333% - .83333em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-4>li{width:calc(25% - .9375em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-5>li{width:calc(20% - 1em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-6>li{width:calc(16.66667% - 1.04167em)}}@media (max-width:600px){.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid{grid-template-columns:1fr}}.wp-block-post-template-is-layout-constrained>li>.alignright,.wp-block-post-template-is-layout-flow>li>.alignright{-webkit-margin-start:2em;-webkit-margin-end:0;float:right;margin-inline-end:0;margin-inline-start:2em}.wp-block-post-template-is-layout-constrained>li>.alignleft,.wp-block-post-template-is-layout-flow>li>.alignleft{-webkit-margin-start:0;-webkit-margin-end:2em;float:left;margin-inline-end:2em;margin-inline-start:0}.wp-block-post-template-is-layout-constrained>li>.aligncenter,.wp-block-post-template-is-layout-flow>li>.aligncenter{-webkit-margin-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-inline-start:auto}.wp-block-query-pagination>.wp-block-query-pagination-next,.wp-block-query-pagination>.wp-block-query-pagination-numbers,.wp-block-query-pagination>.wp-block-query-pagination-previous{margin-bottom:.5em;margin-right:.5em}.wp-block-query-pagination>.wp-block-query-pagination-next:last-child,.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child{margin-right:0}.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-next:last-of-type{-webkit-margin-start:auto;margin-inline-start:auto}.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-previous:first-child{-webkit-margin-end:auto;margin-inline-end:auto}.wp-block-query-pagination .wp-block-query-pagination-previous-arrow{display:inline-block;margin-right:1ch}.wp-block-query-pagination .wp-block-query-pagination-previous-arrow:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-query-pagination .wp-block-query-pagination-next-arrow{display:inline-block;margin-left:1ch}.wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-query-pagination.aligncenter{justify-content:center}.wp-block-query-title,.wp-block-quote{box-sizing:border-box}.wp-block-quote{overflow-wrap:break-word}.wp-block-quote.is-large:where(:not(.is-style-plain)),.wp-block-quote.is-style-large:where(:not(.is-style-plain)){margin-bottom:1em;padding:0 1em}.wp-block-quote.is-large:where(:not(.is-style-plain)) p,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) p{font-size:1.5em;font-style:italic;line-height:1.6}.wp-block-quote.is-large:where(:not(.is-style-plain)) cite,.wp-block-quote.is-large:where(:not(.is-style-plain)) footer,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) cite,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) footer{font-size:1.125em;text-align:right}.wp-block-read-more{display:block;width:-moz-fit-content;width:fit-content}.wp-block-read-more:not([style*=text-decoration]),.wp-block-read-more:not([style*=text-decoration]):active,.wp-block-read-more:not([style*=text-decoration]):focus{text-decoration:none}ul.wp-block-rss{list-style:none;padding:0}ul.wp-block-rss.wp-block-rss{box-sizing:border-box}ul.wp-block-rss.alignleft{margin-right:2em}ul.wp-block-rss.alignright{margin-left:2em}ul.wp-block-rss.is-grid{display:flex;flex-wrap:wrap;list-style:none;padding:0}ul.wp-block-rss.is-grid li{margin:0 1em 1em 0;width:100%}@media (min-width:600px){ul.wp-block-rss.columns-2 li{width:calc(50% - 1em)}ul.wp-block-rss.columns-3 li{width:calc(33.33333% - 1em)}ul.wp-block-rss.columns-4 li{width:calc(25% - 1em)}ul.wp-block-rss.columns-5 li{width:calc(20% - 1em)}ul.wp-block-rss.columns-6 li{width:calc(16.66667% - 1em)}}.wp-block-rss__item-author,.wp-block-rss__item-publish-date{display:block;font-size:.8125em}.wp-block-search__button{margin-left:10px;word-break:normal}.wp-block-search__button.has-icon{line-height:0}.wp-block-search__button svg{fill:currentColor;min-height:24px;min-width:24px;vertical-align:text-bottom}:where(.wp-block-search__button){border:1px solid #ccc;padding:6px 10px}.wp-block-search__inside-wrapper{display:flex;flex:auto;flex-wrap:nowrap;max-width:100%}.wp-block-search__label{width:100%}.wp-block-search__input{-webkit-appearance:initial;appearance:none;border:1px solid #949494;flex-grow:1;margin-left:0;margin-right:0;min-width:3rem;padding:8px;text-decoration:unset!important}.wp-block-search.wp-block-search__button-only .wp-block-search__button{flex-shrink:0;margin-left:0;max-width:calc(100% - 100px)}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){border:1px solid #949494;box-sizing:border-box;padding:4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input{border:none;border-radius:0;padding:0 4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus{outline:none}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button){padding:4px 8px}.wp-block-search.aligncenter .wp-block-search__inside-wrapper{margin:auto}.wp-block-search__button-behavior-expand .wp-block-search__inside-wrapper{min-width:0!important;transition-property:width}.wp-block-search__button-behavior-expand .wp-block-search__input{flex-basis:100%;transition-duration:.3s}.wp-block-search__button-behavior-expand.wp-block-search__searchfield-hidden,.wp-block-search__button-behavior-expand.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper{overflow:hidden}.wp-block-search__button-behavior-expand.wp-block-search__searchfield-hidden .wp-block-search__input{border-left-width:0!important;border-right-width:0!important;flex-basis:0;flex-grow:0;margin:0;min-width:0!important;padding-left:0!important;padding-right:0!important;width:0!important}.wp-block[data-align=right] .wp-block-search__button-behavior-expand .wp-block-search__inside-wrapper{float:right}.wp-block-separator{border:1px solid;border-left:none;border-right:none}.wp-block-separator.is-style-dots{background:none!important;border:none;height:auto;line-height:1;text-align:center}.wp-block-separator.is-style-dots:before{color:currentColor;content:"···";font-family:serif;font-size:1.5em;letter-spacing:2em;padding-left:2em}.wp-block-site-logo{box-sizing:border-box;line-height:0}.wp-block-site-logo a{display:inline-block;line-height:0}.wp-block-site-logo.is-default-size img{height:auto;width:120px}.wp-block-site-logo img{height:auto;max-width:100%}.wp-block-site-logo a,.wp-block-site-logo img{border-radius:inherit}.wp-block-site-logo.aligncenter{margin-left:auto;margin-right:auto;text-align:center}.wp-block-site-logo.is-style-rounded{border-radius:9999px}.wp-block-site-title a{color:inherit}.wp-block-social-links{background:none;box-sizing:border-box;margin-left:0;padding-left:0;padding-right:0;text-indent:0}.wp-block-social-links .wp-social-link a,.wp-block-social-links .wp-social-link a:hover{border-bottom:0;box-shadow:none;text-decoration:none}.wp-block-social-links .wp-social-link a{padding:.25em}.wp-block-social-links .wp-social-link svg{height:1em;width:1em}.wp-block-social-links .wp-social-link span:not(.screen-reader-text){font-size:.65em;margin-left:.5em;margin-right:.5em}.wp-block-social-links.has-small-icon-size{font-size:16px}.wp-block-social-links,.wp-block-social-links.has-normal-icon-size{font-size:24px}.wp-block-social-links.has-large-icon-size{font-size:36px}.wp-block-social-links.has-huge-icon-size{font-size:48px}.wp-block-social-links.aligncenter{display:flex;justify-content:center}.wp-block-social-links.alignright{justify-content:flex-end}.wp-block-social-link{border-radius:9999px;display:block;height:auto;transition:transform .1s ease}@media (prefers-reduced-motion:reduce){.wp-block-social-link{transition-delay:0s;transition-duration:0s}}.wp-block-social-link a{align-items:center;display:flex;line-height:0;transition:transform .1s ease}.wp-block-social-link:hover{transform:scale(1.1)}.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited{fill:currentColor;color:currentColor}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link{background-color:#f0f0f0;color:#444}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon{background-color:#f90;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp{background-color:#1ea0c3;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance{background-color:#0757fe;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen{background-color:#1e1f26;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart{background-color:#02e49b;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble{background-color:#e94c89;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox{background-color:#4280ff;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy{background-color:#f45800;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook{background-color:#1778f2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx{background-color:#000;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr{background-color:#0461dd;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare{background-color:#e65678;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github{background-color:#24292d;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads{background-color:#eceadd;color:#382110}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google{background-color:#ea4434;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram{background-color:#f00075;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm{background-color:#e21b24;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin{background-color:#0d66c2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon{background-color:#3288d4;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium{background-color:#02ab6c;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup{background-color:#f6405f;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon{background-color:#ff424d;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest{background-color:#e60122;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket{background-color:#ef4155;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit{background-color:#ff4500;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype{background-color:#0478d7;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat{stroke:#000;background-color:#fefc00;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud{background-color:#ff5600;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify{background-color:#1bd760;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram{background-color:#2aabee;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-threads,.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok{background-color:#000;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr{background-color:#011835;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch{background-color:#6440a4;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter{background-color:#1da1f2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo{background-color:#1eb7ea;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk{background-color:#4680c2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress{background-color:#3499cd;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-whatsapp{background-color:#25d366;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-x{background-color:#000;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp{background-color:#d32422;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube{background-color:red;color:#fff}.wp-block-social-links.is-style-logos-only .wp-social-link{background:none}.wp-block-social-links.is-style-logos-only .wp-social-link a{padding:0}.wp-block-social-links.is-style-logos-only .wp-social-link svg{height:1.25em;width:1.25em}.wp-block-social-links.is-style-logos-only .wp-social-link-amazon{color:#f90}.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp{color:#1ea0c3}.wp-block-social-links.is-style-logos-only .wp-social-link-behance{color:#0757fe}.wp-block-social-links.is-style-logos-only .wp-social-link-codepen{color:#1e1f26}.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart{color:#02e49b}.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble{color:#e94c89}.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox{color:#4280ff}.wp-block-social-links.is-style-logos-only .wp-social-link-etsy{color:#f45800}.wp-block-social-links.is-style-logos-only .wp-social-link-facebook{color:#1778f2}.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx{color:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-flickr{color:#0461dd}.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare{color:#e65678}.wp-block-social-links.is-style-logos-only .wp-social-link-github{color:#24292d}.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads{color:#382110}.wp-block-social-links.is-style-logos-only .wp-social-link-google{color:#ea4434}.wp-block-social-links.is-style-logos-only .wp-social-link-instagram{color:#f00075}.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm{color:#e21b24}.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin{color:#0d66c2}.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon{color:#3288d4}.wp-block-social-links.is-style-logos-only .wp-social-link-medium{color:#02ab6c}.wp-block-social-links.is-style-logos-only .wp-social-link-meetup{color:#f6405f}.wp-block-social-links.is-style-logos-only .wp-social-link-patreon{color:#ff424d}.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest{color:#e60122}.wp-block-social-links.is-style-logos-only .wp-social-link-pocket{color:#ef4155}.wp-block-social-links.is-style-logos-only .wp-social-link-reddit{color:#ff4500}.wp-block-social-links.is-style-logos-only .wp-social-link-skype{color:#0478d7}.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat{stroke:#000;color:#fff}.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud{color:#ff5600}.wp-block-social-links.is-style-logos-only .wp-social-link-spotify{color:#1bd760}.wp-block-social-links.is-style-logos-only .wp-social-link-telegram{color:#2aabee}.wp-block-social-links.is-style-logos-only .wp-social-link-threads,.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok{color:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr{color:#011835}.wp-block-social-links.is-style-logos-only .wp-social-link-twitch{color:#6440a4}.wp-block-social-links.is-style-logos-only .wp-social-link-twitter{color:#1da1f2}.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo{color:#1eb7ea}.wp-block-social-links.is-style-logos-only .wp-social-link-vk{color:#4680c2}.wp-block-social-links.is-style-logos-only .wp-social-link-whatsapp{color:#25d366}.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress{color:#3499cd}.wp-block-social-links.is-style-logos-only .wp-social-link-x{color:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-yelp{color:#d32422}.wp-block-social-links.is-style-logos-only .wp-social-link-youtube{color:red}.wp-block-social-links.is-style-pill-shape .wp-social-link{width:auto}.wp-block-social-links.is-style-pill-shape .wp-social-link a{padding-left:.66667em;padding-right:.66667em}.wp-block-social-links:not(.has-icon-color):not(.has-icon-background-color) .wp-social-link-snapchat .wp-block-social-link-label{color:#000}.wp-block-spacer{clear:both}.wp-block-tag-cloud{box-sizing:border-box}.wp-block-tag-cloud.aligncenter{justify-content:center;text-align:center}.wp-block-tag-cloud.alignfull{padding-left:1em;padding-right:1em}.wp-block-tag-cloud a{display:inline-block;margin-right:5px}.wp-block-tag-cloud span{display:inline-block;margin-left:5px;text-decoration:none}.wp-block-tag-cloud.is-style-outline{display:flex;flex-wrap:wrap;gap:1ch}.wp-block-tag-cloud.is-style-outline a{border:1px solid;font-size:unset!important;margin-right:0;padding:1ch 2ch;text-decoration:none!important}.wp-block-table{overflow-x:auto}.wp-block-table table{border-collapse:collapse;width:100%}.wp-block-table thead{border-bottom:3px solid}.wp-block-table tfoot{border-top:3px solid}.wp-block-table td,.wp-block-table th{border:1px solid;padding:.5em}.wp-block-table .has-fixed-layout{table-layout:fixed;width:100%}.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th{word-break:break-word}.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th{word-break:break-word}.wp-block-table .has-subtle-light-gray-background-color{background-color:#f3f4f5}.wp-block-table .has-subtle-pale-green-background-color{background-color:#e9fbe5}.wp-block-table .has-subtle-pale-blue-background-color{background-color:#e7f5fe}.wp-block-table .has-subtle-pale-pink-background-color{background-color:#fcf0ef}.wp-block-table.is-style-stripes{background-color:transparent;border-bottom:1px solid #f0f0f0;border-collapse:inherit;border-spacing:0}.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:#f0f0f0}.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd){background-color:#f3f4f5}.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd){background-color:#e9fbe5}.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd){background-color:#e7f5fe}.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd){background-color:#fcf0ef}.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{border-color:transparent}.wp-block-table .has-border-color td,.wp-block-table .has-border-color th,.wp-block-table .has-border-color tr,.wp-block-table .has-border-color>*{border-color:inherit}.wp-block-table table[style*=border-top-color] tr:first-child,.wp-block-table table[style*=border-top-color] tr:first-child td,.wp-block-table table[style*=border-top-color] tr:first-child th,.wp-block-table table[style*=border-top-color]>*,.wp-block-table table[style*=border-top-color]>* td,.wp-block-table table[style*=border-top-color]>* th{border-top-color:inherit}.wp-block-table table[style*=border-top-color] tr:not(:first-child){border-top-color:currentColor}.wp-block-table table[style*=border-right-color] td:last-child,.wp-block-table table[style*=border-right-color] th,.wp-block-table table[style*=border-right-color] tr,.wp-block-table table[style*=border-right-color]>*{border-right-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:last-child,.wp-block-table table[style*=border-bottom-color] tr:last-child td,.wp-block-table table[style*=border-bottom-color] tr:last-child th,.wp-block-table table[style*=border-bottom-color]>*,.wp-block-table table[style*=border-bottom-color]>* td,.wp-block-table table[style*=border-bottom-color]>* th{border-bottom-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:not(:last-child){border-bottom-color:currentColor}.wp-block-table table[style*=border-left-color] td:first-child,.wp-block-table table[style*=border-left-color] th,.wp-block-table table[style*=border-left-color] tr,.wp-block-table table[style*=border-left-color]>*{border-left-color:inherit}.wp-block-table table[style*=border-style] td,.wp-block-table table[style*=border-style] th,.wp-block-table table[style*=border-style] tr,.wp-block-table table[style*=border-style]>*{border-style:inherit}.wp-block-table table[style*=border-width] td,.wp-block-table table[style*=border-width] th,.wp-block-table table[style*=border-width] tr,.wp-block-table table[style*=border-width]>*{border-style:inherit;border-width:inherit}:where(.wp-block-term-description){margin-bottom:var(--wp--style--block-gap);margin-top:var(--wp--style--block-gap)}.wp-block-term-description p{margin-bottom:0;margin-top:0}.wp-block-text-columns,.wp-block-text-columns.aligncenter{display:flex}.wp-block-text-columns .wp-block-column{margin:0 1em;padding:0}.wp-block-text-columns .wp-block-column:first-child{margin-left:0}.wp-block-text-columns .wp-block-column:last-child{margin-right:0}.wp-block-text-columns.columns-2 .wp-block-column{width:50%}.wp-block-text-columns.columns-3 .wp-block-column{width:33.33333%}.wp-block-text-columns.columns-4 .wp-block-column{width:25%}pre.wp-block-verse{overflow:auto;white-space:pre-wrap}:where(pre.wp-block-verse){font-family:inherit}.wp-block-video{box-sizing:border-box}.wp-block-video video{vertical-align:middle;width:100%}@supports (position:sticky){.wp-block-video [poster]{object-fit:cover}}.wp-block-video.aligncenter{text-align:center}.wp-block-video figcaption{margin-bottom:1em;margin-top:.5em}.editor-styles-wrapper,.entry-content{counter-reset:footnotes}a[data-fn].fn{counter-increment:footnotes;display:inline-flex;font-size:smaller;text-decoration:none;text-indent:-9999999px;vertical-align:super}a[data-fn].fn:after{content:"[" counter(footnotes) "]";float:left;text-indent:0}.wp-element-button{cursor:pointer}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{clip:auto!important;background-color:#ddd;-webkit-clip-path:none;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}

body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
.wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
.wp-block-pullquote{font-size: 1.5em;line-height: 1.6;}
[data-accordion] [data-content] {overflow: hidden; max-height: 0;}
[data-accordion] {line-height: auto;}
[data-control],
[data-content] > * {padding: 5px;}
[data-content] [data-accordion] {border: 0; padding: 0;}
[data-accordion] [data-control] {position: relative;}
[data-accordion] > [data-control]:after {content: ""; position: absolute; right: 10px; top: 0; bottom: 0; color: #444; width: 24px; background: url('/wp-content/plugins/sp-faq/assets/images/down.png') center center no-repeat; background-size: 50%;}
[data-accordion].open > [data-control]:after {-webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg);}

.faq-title{cursor:pointer; padding:15px 30px 15px 15px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.faq-title h4{margin:0px !important; font-size:20px !important; line-height:22px !important; padding: 0 !important;}
.faq-accordion .faq-main{border:1px solid #d9d9d9; margin-bottom:15px; background:#f4f4f4; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.faq-accordion .faq-main.open{background:#fff;}
.faq-accordion .faq-main.open h4{color:#333}/* Slider */
.slick-slider
{
  position: relative;

  display: block;
  box-sizing: border-box;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list
{
  position: relative;

  display: block;
  overflow: hidden;

  margin: 0;
  padding: 0;
}
.slick-list:focus
{
  outline: none;
}
.slick-list.dragging
{
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track
{
  position: relative;
  top: 0;
  left: 0;

  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
  display: table;

  content: '';
}
.slick-track:after
{
  clear: both;
}
.slick-loading .slick-track
{
  visibility: hidden;
}

.slick-slide
{
  display: none;
  float: left;

  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide
{
  float: right;
}
.slick-slide img
{
  display: block;
}
.slick-slide.slick-loading img
{
  display: none;
}
.slick-slide.dragging img
{
  pointer-events: none;
}
.slick-initialized .slick-slide
{
  display: block;
}
.slick-loading .slick-slide
{
  visibility: hidden;
}
.slick-vertical .slick-slide
{
  display: block;

  height: auto;

  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
    rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
    rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
    rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
    rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
    rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
    rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
    rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
    rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
    rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
    rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
    rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
    rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
    rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
    rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
    rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
    rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@media (prefers-reduced-motion) {
  .animated {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}

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

[data-accordion] [data-control] {
    position: relative;
    padding-right: 40px
}

[data-accordion]>[data-control]:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 12px;
    font-size: 25px;
    font-weight: 200;
    color: #444;
    height: 15px;
    width: 24px;
    background: url(/wp-content/plugins/sp-faq/assets/images/down.png) right 0 no-repeat;
    background-size: 50%
}

[data-accordion].open>[data-control]:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    background: url(/wp-content/plugins/sp-faq/assets/images/down.png) right 0 no-repeat;
    background-size: 50%;
    position: absolute;
    right: 0!important;
    top: 5px!important;
    font-size: 25px;
    font-weight: 200;
    color: #444;
    height: 15px;
    width: 24px
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,p,pre,a,abbr,acronym,address,code,dfn,em,font,img,ins,q,s,small,strong,sub,tt,var,b,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time,video {
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0;
    margin: 0;
    padding: 0
}

article,aside,dialog,figure,footer,header,hgroup,nav,section {
    display: block
}

nav ul {
    list-style: none
}

ol {
    list-style: decimal
}

ul {
    list-style: disc
}

ul ul {
    list-style: circle
}

q {
    quotes: none
}

q:before,q:after {
    content: none
}

ins {
    text-decoration: underline
}

mark {
    background: 0 0
}

abbr[title],dfn[title] {
    border-bottom: 1px dotted #2f2a29;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

input,select,a img {
    vertical-align: middle
}

b,strong {
    font-weight: 700
}

i,em {
    font-style: italic
}

.clear {
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    zoom:1}

.alignnone {
    margin: 5px 20px 20px 0
}

a img.alignnone {
    margin: 5px 20px 20px 0
}

body div {
    opacity: 1
}

i {
    margin-right: 5px
}

a {
    text-decoration: none
}

p {
    margin-bottom: 20px
}

ul,ol {
    margin-bottom: 20px;
    margin-left: 30px
}

body {
    line-height: 1.7;
    font-family: Montserrat;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased
}

h1,h2,h3,h4,h5 {
    line-height: 1.5;
    margin-bottom: 18px;
    font-weight: 600
}

.container {
    padding: 0;
    margin: 0 auto
}

.column,.columns {
    float: left;
    position: relative;
    min-height: 1px
}

.one {
    width: 8.333%
}

.two {
    width: 16.666%
}

.three {
    width: 25%
}

.six {
    width: 50%
}

.gdlr-item {
    padding: 65px 0 100px
}

.section-container,.gdlr-item-start-content {
    padding-top: 20px
}

audio {
    width: 100%
}

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

input[type=text],input[type=email],input[type=password],textarea {
    border: 0;
    outline: none;
    padding: 6px;
    max-width: 100%
}

a {
    transition: color .3s,background-color .3s,opacity .3s;
    -moz-transition: color .3s,background-color .3s,opacity .3s;
    -o-transition: color .3s,background-color .3s,opacity .3s;
    -webkit-transition: color .3s,background-color .3s,opacity .3s;
    color: #252729
}

.content-wrapper {
    position: relative;
    overflow: hidden
}

.gdlr-button,input[type=button],input[type=submit] {
    cursor: pointer
}

.gdlr-button.small {
    font-size: 11px;
    padding: 11px 16px
}

.gdlr-button.large {
    font-size: 14px;
    padding: 13px 25px
}

.gdlr-tab-item.horizontal>.tab-content-wrapper .tab-content {
    display: none
}

.gdlr-tab-item.horizontal>.tab-content-wrapper .tab-content.active {
    display: block
}

.gdlr-tab-item.vertical>.tab-content-wrapper {
    overflow: hidden;
    padding: 20px 20px 0;
    border-width: 1px;
    border-style: solid
}

.gdlr-tab-item.vertical>.tab-content-wrapper .tab-content {
    display: none
}

.gdlr-tab-item.vertical>.tab-content-wrapper .tab-content.active {
    display: block
}

table {
    width: 100%;
    text-align: center
}

table tr td {
    padding: 15px 0;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

table tr th {
    padding: 13px 0;
    font-size: 16px;
    font-weight: 400
}

.mCSB_scrollTools,.mCSB_scrollTools {
    opacity: 1
}

.mCSB_scrollTools,.mCSB_scrollTools {
    width: 12px
}

.mCustomScrollBox {
    height: 100%;
    max-width: 100%;
    outline: medium;
    overflow: hidden;
    position: relative
}

html {
    scroll-behavior: smooth
}

@font-face {font-display:swap;
    font-display: swap;
    font-display: swap;
    font-family: League;
    src: url(/wp-content/themes/boosting/assets/fonts/League.otf) format("opentype")
}

.mCSB_buttonUp,.mCSB_buttonDown,.mCSB_buttonUp,.mCSB_buttonDown {
    color: #d72c15;
    font-size: 18px;
    opacity: 1;
    text-align: center
}

.mCSB_buttonUp:before,.mCSB_buttonUp:before {
    content: "\f106";
    font-family: fontawesome;
    display: block
}

.mCSB_buttonDown:before,.mCSB_buttonDown:before {
    content: "\f107";
    font-family: fontawesome;
    display: block
}

.mCSB_scrollTools .mCSB_draggerRail,.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 0;
    width: 4px
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #d72c15!important;
    border-radius: 0
}

.mCSB_scrollTools a+.mCSB_draggerContainer,.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 18px 0
}

.mCSB_inside>.mCSB_container,.mCSB_inside>.mCSB_container {
    margin-right: 24px
}

.mCSB_buttonUp,.mCSB_buttonDown,.mCSB_buttonUp,.mCSB_buttonDown {
    color: #d72c15!important;
    font-size: 18px;
    opacity: 1!important;
    text-align: center
}

.mCSB_buttonUp:before,.mCSB_buttonUp:before {
    content: "\f106";
    font-family: fontawesome;
    display: block
}

.mCSB_buttonDown:before,.mCSB_buttonDown:before {
    content: "\f107";
    font-family: fontawesome;
    display: block
}

.chat-text .fa {
    font-size: 22px;
    color: #fff
}

.page-id-4104 .content-wrapper {
    min-height: 1200px
}

.page-id-4104 .lft-section {
    width: 100%
}

[class^=icon-],[class*=" icon-"] {
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em
}

[class^=icon-]:before,[class*=" icon-"]:before {
    text-decoration: inherit;
    display: inline-block;
    speak: none
}

a [class^=icon-],a [class*=" icon-"] {
    display: inline
}

[class^=icon-].hide,[class*=" icon-"].hide {
    display: none
}

[class^=icon-],[class*=" icon-"] {
    display: inline;
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg)
    }

    100% {
        -moz-transform: rotate(359deg)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg)
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg)
    }

    100% {
        -o-transform: rotate(359deg)
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg)
    }

    100% {
        -ms-transform: rotate(359deg)
    }
}

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

    100% {
        transform: rotate(359deg)
    }
}

.icon-ok:before {
    content: "\f00c"
}

.icon-plus:before {
    content: "\f067"
}

.icon-circle:before {
    content: "\f111"
}

html body {
    min-width: 300px
}

@media only screen and (max-width: 1100px) {
    ul.account-for-sale li {
        width:47.87%!important
    }

    ul.account-for-sale {
        margin-left: 0
    }

    ul.account-for-sale li {
        margin: 10px 7px!important
    }
}

@media only screen and (max-width: 959px) {
    body .container {
        max-width:900px;
        padding: 30px
    }

    .gdlr-item {
        padding: 10px 0
    }

    .boosting-modal {
        width: 100%;
        left: 0
    }
}

@media only screen and (max-width: 767px) {
    body .container {
        max-width:100%
    }

    body .body-wrapper {
        overflow: hidden
    }

    .one,.two,.three,.six {
        width: 100%
    }

    ul.account-for-sale {
        margin-left: 0
    }

    ul.account-for-sale li {
        margin: 0 0 10px!important;
        width: 100%!important
    }
}

@media only screen and (max-width: 419px) {
    body .container {
        max-width:100%
    }

    header .container {
        padding: 10px 5px
    }
}

body {
    min-width: 1275px
}

.container {
    max-width: 1275px
}

h1,h2,h3,h4,h5 {
    font-family: raleway
}

body,input,textarea,select {
    font-family: montserrat
}

body {
    font-size: 14px
}

h1 {
    font-size: 30px
}

h2 {
    font-size: 25px
}

h3 {
    font-size: 20px
}

h4 {
    font-size: 18px
}

h5 {
    font-size: 16px
}

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

article,aside,footer,header,nav,section {
    display: block
}

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

figcaption,figure,main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: inherit
}

b,strong {
    font-weight: bolder
}

code {
    font-family: monospace,monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #2f2a29
}

small {
    font-size: 80%
}

sub {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

audio,video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,input,optgroup,select,textarea {
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=reset],[type=submit],button,html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

* {
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0
}

input:not([type=checkbox]):not([type=radio]),select,textarea {
    -webkit-appearance: none;
    -moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0
}

input::-ms-clear {
    display: none
}

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

@-webkit-keyframes f {
    0% {
        width: 0
    }

    to {
        width: 450px
    }
}

@keyframes f {
    0% {
        width: 0
    }

    to {
        width: 450px
    }
}

@media screen and (max-width: 1681px) {
    @-webkit-keyframes f {
        0% {
            width:0
        }

        to {
            width: 300px
        }
    }

    @keyframes f {
        0% {
            width: 0
        }

        to {
            width: 300px
        }
    }
}

@media screen and (max-width: 1365px) {
    @-webkit-keyframes f {
        0% {
            width:0
        }

        to {
            width: 150px
        }
    }

    @keyframes f {
        0% {
            width: 0
        }

        to {
            width: 150px
        }
    }
}

@media screen and (max-width: 1250px) {
    @-webkit-keyframes f {
        0% {
            width:0
        }

        to {
            width: 100px
        }
    }

    @keyframes f {
        0% {
            width: 0
        }

        to {
            width: 100px
        }
    }
}

@media screen and (max-width: 1023px) {
    @-webkit-keyframes f {
        0% {
            width:0
        }

        to {
            width: 0
        }
    }

    @keyframes f {
        0% {
            width: 0
        }

        to {
            width: 0
        }
    }
}

.menu-opener {
    position: fixed;
    top: 0;
    right: 0;
    height: 60px;
    width: 40px;
    z-index: 101;
    display: none
}

@media screen and (max-width: 1200px) {
    .menu-opener {
        display:block
    }
}

.jcf-select {
    display: inline-block;
    vertical-align: top;
    position: relative;
    border: 2px solid #d4d4d4;
    background: #fff;
    margin: 10px 0 0;
    min-width: 150px;
    height: 35px;
    border-radius: 3px
}

.jcf-select select {
    z-index: 1;
    left: 0;
    top: 0
}

.jcf-select .jcf-select-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: default;
    display: block;
    font-size: 16px;
    line-height: 30px;
    font-weight: 700;
    margin: 0 36px 0 8px
}

.jcf-select .jcf-select-opener {
    position: absolute;
    text-align: center;
    background: #aaa;
    width: 26px;
    bottom: 0;
    right: 0;
    top: 0
}

body>.jcf-select-drop {
    position: absolute;
    margin: -1px 0 0;
    z-index: 9999
}

body>.jcf-select-drop.jcf-drop-flipped {
    margin: 1px 0 0
}

.jcf-select .jcf-select-drop {
    position: absolute;
    margin-top: 0;
    z-index: 9999;
    top: 100%;
    left: -1px;
    right: -1px
}

.jcf-select .jcf-drop-flipped {
    bottom: 100%;
    top: auto
}

.jcf-select.jcf-compact-multiple {
    max-width: 220px
}

.jcf-select.jcf-compact-multiple .jcf-select-opener:before {
    display: inline-block;
    padding-top: 2px;
    content: '...'
}

.jcf-select-drop .jcf-select-drop-content {
    border: 1px solid red
}

.jcf-select-drop.jcf-compact-multiple .jcf-hover {
    background: 0 0
}

.jcf-select-drop.jcf-compact-multiple .jcf-selected {
    background: #e6e6e6;
    color: #2f2a29
}

.jcf-select-drop.jcf-compact-multiple .jcf-selected:before {
    display: inline-block;
    content: '';
    height: 4px;
    width: 8px;
    margin: -7px 5px 0 -3px;
    border: 3px solid #777;
    border-width: 0 0 3px 3px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')"
}

.jcf-list-box {
    overflow: hidden;
    display: inline-block;
    border: 1px solid #b8c3c9;
    min-width: 200px;
    margin: 0 15px
}

.jcf-list {
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: #fff;
    line-height: 14px;
    font-size: 12px;
    width: 100%
}

.jcf-list .jcf-list-content {
    vertical-align: top;
    display: inline-block;
    overflow: auto;
    width: 100%
}

.jcf-list ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.jcf-list ul li {
    overflow: hidden;
    display: block
}

.jcf-list .jcf-option {
    white-space: nowrap;
    overflow: hidden;
    cursor: default;
    display: block;
    padding: 10px;
    color: #656565;
    font-weight: 700;
    min-height: 14px;
    height: 1%;
    font-size: 16px
}

.jcf-list .jcf-disabled {
    background: #fff!important;
    color: #aaa!important
}

.jcf-select-drop .jcf-hover,.jcf-list-box .jcf-selected {
    background: #e6e6e6;
    color: #2f2a29
}

.jcf-list .jcf-optgroup-caption {
    white-space: nowrap;
    font-weight: 700;
    display: block;
    padding: 5px 9px;
    cursor: default;
    color: #2f2a29
}

.jcf-list .jcf-optgroup .jcf-option {
    padding-left: 30px
}

.jcf-disabled {
    background: #ddd!important
}

.jcf-focus,.jcf-focus * {
    border-color: red!important
}

.extra_options {
    padding-top: 20px;
    clear: both
}

.extra_options .preapeare-left {
    margin: 0 auto 15px;
    display: flex;
    flex-wrap: wrap
}

.eo-itemblock {
    cursor: pointer;
    margin-right: 6px;
    border: 2px solid #ccc;
    padding: 13.2px 15px;
    transition: all .3s ease-in-out;
    font: 18px"AvenirNextCyr-Bold";
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: inline-block;
    text-align: center
}

.eo-itemblock.selected,.eo-itemblock:hover {
    background: #eb5c29;
    border-color: #eb5c29;
    color: #fff
}

.eo-itemblock.selected .eopayment,.eo-itemblock:hover .eopayment {
    background-color: #252628;
    color: #2f2a29;
    display: none
}

.eo-itemblock.selected .eo-controlstatus,.eo-itemblock:hover .eo-controlstatus {
    color: #252628;
    display: none
}

.eo-itemblock.selected .eo-menu-title,.eo-itemblock:hover .eo-menu-title {
    color: #fff
}

.eo-title-block {
    margin-bottom: 30px
}

.season_end_cheker {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 9999;
    display: none
}

.gray_background_message {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #2f2a29;
    opacity: .75;
    filter: alpha(opacity=75)
}

.s_end_message {
    background: #dfdfdf;
    box-shadow: 10px 10px 20px rgba(0,0,0,.6);
    padding: 34px 27px 29px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -250px;
    width: 500px;
    min-height: 150px;
    margin-top: -100px
}

.s_end_ok {
    margin-top: 20px;
    padding: 1px 150px;
    position: relative
}

.s_end_text {
    min-height: 70px
}

.s_end_text span {
    color: #2f2a29;
    font-weight: 700
}

.eo-itemblock .eo-afterblock {
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    border-top: 32.5px solid transparent;
    border-left: 0 solid #3098f8;
    border-bottom: 32.5px solid transparent;
    display: none
}

.eo-itemblock.selected .eo-afterblock {
    border-left: 20px solid #3098f8
}

.eo-content-text {
    clear: both;
    display: block;
    float: left;
    position: relative;
    width: 100%;
    font-family: avenirnextcyr-regular;
    color: #0f1111
}

.eo-right-block {
    padding: 0 0 15px
}

.eo-right-block-content.extra_option_champions {
    width: 100%!important
}

.eo-itemicon {
    display: none;
    width: 28px;
    height: 28px
}

.eo_costoptionsdisplay {
    font-size: 22px;
    float: left;
    font-family: avenirnextcyr-bold
}

.eo_costout-fixed {
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 2px;
    color: #00d44a;
    font-family: avenirnextcyr-bold
}

.eo_costout-fixed>img {
    margin-top: -4px;
    vertical-align: middle;
    width: 20px;
    display: none
}

.eo-control-switcher {
    float: right;
    position: relative
}

.eo-swhitcher-titel {
    display: inline-block;
    margin-right: 13px;
    text-transform: uppercase
}

.eo-header-work {
    clear: both;
    color: #4c4c4c;
    display: block;
    float: left;
    position: relative;
    width: 100%
}

.eo-tooltip,.eo-conflict {
    display: none;
    position: absolute;
    text-align: center;
    right: -10px;
    margin-top: 55px;
    background-color: #fff;
    width: 500px;
    padding: 10px;
    border: 1px solid #cbcbcb;
    border-radius: 5px;
    box-shadow: 0 0 1px 1px #cbcbcb;
    z-index: 999;
    margin-right: 10px
}

.eo-tooltip:before,.eo-conflict:before {
    position: absolute;
    content: "";
    top: -14px;
    right: 70px;
    border-bottom: 14px solid #cbcbcb;
    border-top-color: inherit;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent
}

.eo-tooltip:after,.eo-conflict:after {
    position: absolute;
    content: "";
    color: #2f2a29;
    top: -13px;
    right: 71px;
    border-bottom: 13px solid #fff;
    border-top-color: inherit;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent
}

.eo-swhitcher-content {
    display: inline-block;
    padding: 8px 3px;
    cursor: pointer;
    position: relative;
    line-height: 18px;
    width: 113px;
    border-radius: 3px;
    border: 2px solid #ccc;
    font-size: 20px;
    font-family: avenirnextcyr-medium
}

.eo-swhitcher-content span {
    padding: 0 13px;
    font-size: 18px;
    line-height: 18px
}

.eo-swhitcher-box {
    position: absolute;
    top: 2px;
    padding: 6px 0;
    background-color: #eb5c29!important;
    overflow: hidden;
    width: 50px;
    box-shadow: inset 0 0 0 1px #f37474,inset 0 2px 20px #ff4646;
    transition: margin-left .5s;
    border-radius: 3px;
    font-family: avenirnextcyr-bold
}

.eo-swhitcher-content .eo-swhitcher-box span {
    padding: 0 16px 0 12px;
    color: #fff
}

.eo-swhitcher-box .switcher-box-content {
    position: relative
}

.eo-swhitcher-box.ON {
    background: #00d44a!important;
    box-shadow: inset 0 0 0 1px #4bce78,inset 0 5px 30px #00d44a;
    margin-left: 55px
}

.eo-swhitcher-box.ON .switcher-box-content {
    left: -55px
}

.eo-controlinfoblock {
    font-size: 9px;
    font-family: Raleway;
    font-weight: 700;
    display: none
}

.eopayment.free {
    background-color: #00d44a;
    color: #fff;
    padding: 2px 4px 2px 5px
}

.eopayment.paid {
    background-color: #3098f8;
    color: #fff;
    padding: 2px 4px 2px 5px
}

.eo-controlstatus {
    margin-left: 6px
}

.eo-controlstatus.off {
    color: #db0000
}

.eo-controlstatus.on {
    color: #00d44a
}

.eo-booster-displayblock-up,.eo-booster-displayblock-down {
    text-align: center;
    font-size: 36px;
    line-height: 40px;
    color: #2b99fa;
    cursor: pointer;
    border-radius: 20px;
    position: absolute;
    padding: 90px 8px;
    bottom: 50%;
    margin-bottom: -250px
}

.eo-booster-displayblock-up {
    left: -8px
}

.eo-booster-displayblock-down {
    right: -63px
}

.eo-work-content.extra_option_booster {
    position: relative;
    padding: 0 46px
}

.eo-seconditem {
    margin-top: 10px
}

.eo-chousen-booster .eo-booster-choose-booton {
    background-color: #db0000;
    box-shadow: 0 2px #ab0000
}

.eo-chousen-booster .eo-booster-choose-booton:hover {
    background-color: #cb0000;
    box-shadow: 0 1px #ab0000
}

.eo-booster-choose-booton {
    position: relative;
    float: right;
    background-color: #3098f8;
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    padding: 7px 13px;
    box-shadow: 0 2px #164f82;
    cursor: pointer
}

.eo-booster-choose-booton:hover {
    background-color: #1c65a5;
    box-shadow: 0 1px #0c3152;
    color: #fff
}

.eo-booster-choose-booton.disabled {
    background-color: #a9a9a9;
    box-shadow: 0 2px gray
}

.eo-chousen-booster {
    box-shadow: 0 0 10px 5px #3098f8;
    margin-top: 10px
}

.eo-cant-find {
    display: none;
    font-size: 28px;
    text-align: center;
    color: #2f2a29;
    width: 702px
}

.eo-booster-animateblock {
    position: relative;
    left: -10px;
    flex-flow: column wrap;
    flex-direction: column;
    flex-wrap: wrap;
    height: 554px;
    display: inline-flex;
    align-content: flex-start;
    width: 20000%;
    justify-content: center
}

.eo-booster-profile {
    width: 345px;
    height: 272px;
    background-color: #f2f2f2;
    margin-left: 10px
}

.eo-work-content.extra_option_booster input[type=text] {
    width: 650px;
    border: 1px solid #cbcbcb;
    background-color: #fbfbfb;
    color: #2f2a29;
    padding: 10px 25px;
    margin-top: 36px
}

.eo-work-content.extra_option_booster input[type=text]::-webkit-input-placeholder {
    color: #2f2a29
}

.eo-work-content.extra_option_booster input[type=text]:-moz-placeholder {
    color: #2f2a29
}

.eo-work-content.extra_option_booster input[type=text]::-moz-placeholder {
    color: #2f2a29
}

.eo-work-content.extra_option_booster input[type=text]:-ms-input-placeholder {
    color: #2f2a29
}

.choosen_text {
    margin: 20px auto;
    font-size: 20px
}

.eo-right-spell {
    display: inline-block
}

.eo-spleebot {
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 0
}

.choose_sum_spells {
    margin: 30px 0
}

.eo-work-content.choose_sum_spells {
    clear: both;
    display: block;
    float: left;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 100%
}

.eo-work-content.choose_sum_spells .eo-spellblock {
    bottom: 0;
    clear: both;
    left: 0;
    margin: auto;
    position: relative;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 999
}

.eo-spellblock .eo-left,.eo-spellblock .eo-right-spell {
    clear: both;
    display: inline-block;
    margin: 0 auto;
    vertical-align: top;
    width: auto
}

.eo-spell-select {
    text-align: center
}

.eo-right-spell .eo-spell-select {
    float: left;
    margin-left: 30px
}

.eo-booster-displayblock-up {
    left: -63px
}

.eo-booster-displayblock-up,.eo-booster-displayblock-down {
    border-radius: 20px;
    bottom: 33%;
    color: #2b99fa;
    cursor: pointer;
    font-size: 36px;
    line-height: 40px;
    padding: 90px 8px;
    position: absolute;
    text-align: center
}

.eo-booster-animateblock {
    font-family: montserrat;
    line-height: 1.7
}

.eo-booster-ofline,.eo-booster-on-order {
    color: #2f2a29;
    display: none;
    margin-left: 60px;
    margin-top: 50px;
    width: 600px
}

.eo-booster-ofline p,.eo-booster-on-order p {
    color: orange;
    font-size: 22px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 10px
}

.eo-booster-ofline,.eo-booster-on-order {
    color: #2f2a29;
    display: none;
    margin-left: 60px;
    margin-top: 50px;
    width: 600px
}

.eo-booster-ofline p,.eo-booster-on-order p {
    color: orange;
    font-size: 22px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 10px
}

.new-booton-inside {
    background-color: #2b99fa;
    box-shadow: 2px 3px 0 #144f83;
    color: #fff;
    cursor: pointer;
    font-family: Raleway;
    font-size: 17px;
    font-weight: 700;
    line-height: 17px;
    padding: 20px 0;
    text-align: center
}

.new-booton-inside:hover {
    background-color: #227ac7;
    box-shadow: 1px 2px 0 #164b7a;
    margin: 0 auto
}

.eo-fav-champs-working-block {
    display: flex;
    margin-bottom: 20px;
    flex-wrap: wrap
}

.eo-fav-line-block {
    width: 20%;
    padding: 0 10px;
    border-right: 1px solid #ccc;
    text-align: center;
    cursor: pointer;
    transition: all .3s ease-in-out;
    margin-bottom: 20px
}

.eo-fav-line-block:last-child,.eo-fav-line-block:nth-child(5) {
    border: none
}

.eo-fav-champs-line-block {
    width: 120px!important;
    margin: 0 auto
}

.eo-fav-champs-line-select {
    position: relative
}

.selected .eo-fav-champs-nuber {
    background-color: #00b4ff;
    display: block
}

.currentActive .eo-fav-champs-nuber {
    background-color: #fffd5e
}

.category_name {
    font: 16px"AvenirNextCyr-Regular";
    text-transform: uppercase;
    font-weight: 700
}

.eo-fav-champs-nuber {
    border-radius: 30%;
    color: #333;
    cursor: pointer;
    display: none;
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    position: absolute;
    right: 0;
    text-align: center;
    top: -10px;
    width: 25px;
    transition: .5s;
    box-shadow: 3px 2px 1px 0 rgba(113,113,113,.2)
}

.eo-fav-champs-right-block {
    vertical-align: top;
    clear: both;
    text-align: left;
    margin-bottom: 0;
    padding-top: 20px
}

.eo-fav-champs-hidebel {
    display: none;
    position: relative
}

.eo-fav-champs-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start
}

.eo-fav-champ-select1 {
    border-bottom: 1px solid #f4f4f4;
    display: inline-block;
    margin-bottom: 8px;
    margin-right: 2%;
    padding: 10px 0;
    position: relative;
    width: 48%
}

.eo-fav-champ-select1:nth-child(2n) {
    margin-right: 0
}

.eo-selected-fav-champ {
    background-color: #00d44a;
    color: #fff;
    display: none;
    height: 28px;
    position: absolute;
    text-align: center;
    width: 28px
}

.eo-fav-champ-select1 img {
    border-radius: 50%;
    box-shadow: 0 3px 6px #2f2a29;
    display: inline-block;
    vertical-align: top;
    height: 50px;
    width: 50px
}

.eo-fav-champ-select1 .eo-champ-name {
    color: #252628;
    display: inline-block;
    font-family: montserrat;
    font-size: 16px;
    line-height: 49px;
    margin-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase
}

.eo-selected-fav-champ {
    background-color: #00d44a;
    color: #fff;
    height: 28px;
    position: absolute;
    text-align: center;
    width: 28px
}

.eo-fav-champs-hidebel-note {
    font-style: italic;
    padding-left: 10px;
    padding-top: 6px;
    font-size: 18px;
    color: #a4a4a4
}

.icon-ok:before {
    content: "\f00c"
}

.eo-fav-champs-line-block.currentActive {
    color: #00b4ff
}

.eo-fav-champ-select1.selected .eo-champ-name {
    color: #20ca48
}

.calculatedblock span {
    margin-left: 5px;
    font-weight: 500;
    font-size: 20px;
	font-family: var(--co-font);
}

.calculatedblock .totaloutput .total-text {
    margin-left: 0;
    font-size: 22px;
    line-height: 30px;
    font-family: avenirnextcyr-bold
}

@media only screen and (max-width: 1050px) {
    .extra_options .preapeare-left {
        display:block;
        float: none;
        margin: 0 auto
    }

    .eo-right-block {
        margin: 10px 0 0;
        width: 100%;
        padding: 5% 0
    }
}

@media only screen and (max-width: 500px) {
    .eo-spellblock {
        text-align:center
    }

    .eo-right-spell {
        display: inline-block;
        position: relative
    }

    .eo-right-spell .eo-spell-select {
        margin-left: 0
    }
}

@media only screen and (max-width: 400px) {
    .extra_options .preapeare-left {
        width:100%
    }
}

.gl-star-rating-stars {
    position: relative;
    display: inline-block;
    height: 26px;
    vertical-align: middle;
    cursor: pointer
}

.gl-star-rating-stars>span {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-image: url(/wp-content/plugins/site-reviews/assets/images/stars/default/star-empty.svg);
    margin: 0 4px 0 0
}

.gl-star-rating-stars>span:last-of-type {
    margin-right: 0
}

.gl-star-rating-stars.s10>span:first-child,.gl-star-rating-stars.s20>span:nth-child(-1n+2),.gl-star-rating-stars.s30>span:nth-child(-1n+3),.gl-star-rating-stars.s40>span:nth-child(-1n+4),.gl-star-rating-stars.s50>span:nth-child(-1n+5),.gl-star-rating-stars.s60>span:nth-child(-1n+6),.gl-star-rating-stars.s70>span:nth-child(-1n+7),.gl-star-rating-stars.s80>span:nth-child(-1n+8),.gl-star-rating-stars.s90>span:nth-child(-1n+9),.gl-star-rating-stars.s100>span {
    background-image: url(/wp-content/plugins/site-reviews/assets/images/stars/default/star-full.svg)
}

[id^=geminilabs-site-reviews].widget p {
    margin-bottom: 1em
}

.glsr-star-empty,.glsr-star-full,.glsr-star-half {
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 16px;
    vertical-align: sub;
    background-repeat: no-repeat;
    background-size: 20px
}

.glsr-star-empty {
    background-image: url(/wp-content/plugins/site-reviews/assets/images/stars/default/star-empty.svg)
}

.glsr-star-full {
    background-image: url(/wp-content/plugins/site-reviews/assets/images/stars/default/star-full.svg)
}

.glsr-star-half {
    background-image: url(/wp-content/plugins/site-reviews/assets/images/stars/default/star-half.svg)
}

@keyframes a {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.glsr-has-error,.glsr-has-errors {
    color: #d32f2f
}

.glsr-field {
    margin-bottom: 5px
}

.glsr-field-error {
    display: block;
    font-size: .875em;
    color: #d32f2f
}

.glsr-field ul {
    list-style-type: none
}

.glsr-field label {
    display: block
}

.glsr-field label[for^=terms] {
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

.glsr-field label[for^=rating]:after {
    content: "*";
    color: #d32f2f
}

.glsr-field select[name=rating] {
    display: block;
    height: 26px
}

.glsr-field select[name=rating]:after,.glsr-field select[name=rating]:before {
    display: none!important
}

.glsr-field button[type=submit] span {
    display: none
}

.glsr-field button[type=submit][disabled] span {
    display: inline;
    position: relative
}

.glsr-field button[type=submit] span:after,.glsr-field button[type=submit] span:before {
    display: inline-block;
    position: absolute;
    top: 50%;
    height: 1em;
    width: 1em;
    content: "";
    border: .2em solid currentColor;
    border-radius: 100%;
    box-sizing: border-box;
    margin: -.5em auto 0;
    animation: b .6s infinite linear
}

.glsr-field button[type=submit] span:before {
    border-top-color: transparent;
    opacity: .5
}

.glsr-field button[type=submit] span:after {
    border-color: transparent;
    border-top-color: currentColor
}

@keyframes b {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

.glsr-summary {
    position: relative;
    width: 100%;
    max-width: 400px;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 1em
}

.glsr-summary [class*=glsr-star-] {
    width: 26px;
    height: 26px;
    background-size: 24px
}

.glsr-summary-rating {
    line-height: 1.25;
    font-size: 24px;
    font-weight: 700
}

.glsr-summary-text {
    display: block;
    font-size: 14px
}

.glsr-bar {
    display: table-row;
    white-space: nowrap
}

.glsr-bar>span {
    display: table-cell;
    vertical-align: middle
}

.glsr-bar-background {
    position: relative;
    width: 100%
}

.glsr-bar-background:before {
    display: block;
    position: absolute;
    width: 100%;
    height: 12px;
    content: "";
    background: rgba(0,0,0,.075)
}

.glsr-bar-percent {
    position: relative;
    display: block;
    height: 12px;
    background-color: #ffb900
}

body img {
    opacity: 1!important
}

.orders_top_right {
    display: inline-block;
    float: right;
    padding: 10px;
    text-align: center;
    width: 19%
}

.orders_top_right div.label {
    font-size: 12px;
    color: #939393
}

.orders_top_right div.date {
    font-size: 12px;
    color: #252729
}

.head-frm-bnr {
    float: left;
    width: 100%;
    position: relative
}

.form-login-signup {
    margin: 0;
    max-width: 350px;
    padding: 0;
    right: -147px;
    position: absolute;
    z-index: 99;
    display: none
}

.form-login-signup a {
    text-decoration: none;
    color: #333;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    display: block;
    padding-top: 24px
}

.form-login-signup .arrow {
    width: 0;
    height: 0;
    margin: 0 auto;
    left: 1px;
    top: -10px;
    z-index: 1001
}

.form-login-signup .login-signup-form {
    border-right: 4px;
    float: left;
    width: 100%;
    box-shadow: 0 0 18px 7px rgba(0,0,0,.2)
}

.form-login-signup .tab-group {
    background: #2f2a29;
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%
}

.form-login-signup .tab-group:after {
    content: "";
    display: table;
    clear: both
}

.form-login-signup .tab-group li a {
    display: block;
    text-decoration: none;
    padding: 20px 5%;
    background: #fff;
    color: #d8d8d8;
    font-size: 20px;
    float: left;
    width: 90%;
    text-align: center;
    cursor: pointer;
    -webkit-transition: .5s ease;
    transition: .5s ease
}

.form-login-signup .tab-content {
    float: left;
    width: 100%
}

#signupAnchor {
    display: none
}

.forgot.tab-link {
    line-height: 20px
}

.forgot.tab-link p {
    margin-bottom: 0
}

.forgot.tab-link {
    margin-bottom: 0
}

#loginform .frm-btm-section p {
    margin-bottom: 0
}

#loginform .frm-btm-section strong {
    display: block
}

.form-login-signup .tab-group .active a {
    border-bottom: 1px solid #d8d8d8;
    color: #2f2a29;
    font: 26px league
}

.form-login-signup .tab-content>div:last-child {
    display: none
}

.form-login-signup .frm-fld-section {
    background: #fff;
    float: left;
    width: 100%;
    border: 1px solid #fff
}

.form-login-signup .login-pass {
    float: left;
    text-align: left;
    width: 60%
}

.form-login-signup label {
    color: #333;
    font-size: 16px;
    padding-bottom: 10px;
    display: block;
    font-weight: 700;
    font-family: montserrat
}

.form-login-signup label.active {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    left: 2px;
    font-size: 14px
}

.form-login-signup input,.form-login-signup textarea {
    border-color: -moz-use-text-color -moz-use-text-color #efefef;
    color: #252628;
    height: 35px;
    display: block;
    font-size: 17px;
    padding: 0 0 0 10px;
    width: 100%;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 4px;
    background: #fcfcfb
}

.form-login-signup input:focus,.form-login-signup textarea:focus {
    outline: 0;
    border-color: #efefef;
    background: #fff
}

.form-login-signup .field-wrap {
    border-bottom: 1px solid #ececec;
    float: left;
    padding: 15px 10%;
    text-align: left;
    width: 90%
}

.form-login-signup .button {
    background: #fdfb62;
    border: 0;
    border-radius: 2px;
    color: #2f2a29;
    font-size: 13px;
    margin: 15px 0 0;
    padding: 15px 0;
    text-transform: uppercase
}

.form-login-signup .button-block {
    display: block;
    width: 100%;
    font-weight: 1000;
    font-size: 16px;
    cursor: pointer;
    font-family: avenirnextcyr-medium
}

.form-login-signup .login-forg-pass {
    float: left;
    text-align: right;
    width: 40%
}

.form-login-signup .frm-btm-section {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d8d8d8;
    border-radius: 0 0 4px 4px;
    float: left;
    margin-top: -1px;
    padding: 20px 7%;
    text-align: center;
    width: 90%
}

.logincheckbox label {
    padding-bottom: 0
}

.form-login-signup .logincheckbox input[type=checkbox] {
    display: none
}

.form-login-signup .logincheckbox input[type=checkbox]+label:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 8px;
    background-color: #333
}

.form-login-signup .logincheckbox input[type=checkbox]:checked+label:before {
    content: "\2714";
    color: #fff;
    background-color: #333;
    text-align: center;
    line-height: 12px
}

.accordion * {
    box-sizing: border-box;
    outline: 0
}

.accordion {
    float: left;
    width: 100%
}

.accordion-content {
    padding: 10px 0;
    display: none;
    font-size: 20px;
    color: #000
}

.lft-section {
    float: left;
    margin-right: 2.9%;
    width: 75%;
    position: relative
}

.rgt-sidebar-section {
    float: left;
    position: relative;
    width: 22%;
    z-index: 1
}

.rgt-sidebar-section.during-scroll {
    position: fixed;
    z-index: 2;
    float: left;
    top: 104px
}

.sidebar-top-part {
    color: #fbfbfb;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 15px
}

.place-record-sec {
    background: #d72c15;
    border-radius: 4px;
    padding: 2% 3%;
    text-align: center;
    width: 94%
}

.sidebar-top-middle {
    background: transparent radial-gradient(circle at 50% 54%,#d72c15,#711d12) repeat scroll 0 0;
    border-radius: 50%;
    height: 125px;
    margin: 0 auto;
    width: 125px
}

.middle-value {
    color: #fbfbfb;
    font-size: 50.1px;
    font-weight: 700;
    padding: 16% 0;
    text-shadow: 0 6px 10px rgba(0,0,0,.3)
}

.middle-value>span {
    font-size: 25px
}

.sidebar-top-btm {
    color: #fbfbfb;
    font-size: 14px;
    line-height: 1.7;
    margin: 15px 0 0
}

.booster_packege_tabs ul {
    display: flex;
    justify-content: space-between;
    margin-bottom: 55px;
    flex-wrap: wrap;
    background-color: #fff;
    border: 0 solid;
    box-shadow: none
}

.booster_packege_tabs ul li {
    padding: 20px 8px;
    height: 80px;
    width: 13.7%;
    transition: all .3s ease-in-out;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    border-radius: 3px;
    background: #0062a8fc;
    box-shadow: 0 1px 2px 0 rgb(52 49 75/65%);
    z-index: 2
}

.booster_packege_tabs>ul>li:before {
    content: '';
    position: absolute;
    width: 2px;
    top: 50%;
    left: 100%;
    transform: translateY(-50%)
}

.booster_packege_tabs ul li:last-child:before {
    display: none
}

.booster_packege_tabs ul li a {
    text-align: center;
    font-size: 24px;
    font-family: avenirnextcyr-bold;
    text-transform: uppercase;
    color: #fff;
    font-family: league;
    text-shadow: 0 4px 10px rgba(0,0,0,.3)
}

.calc-widget-title {
    font-family: league;
    font-weight: 400;
    margin-bottom: 5px;
    font-size: 40px;
    color: #000
}

.ed_server_values,.ed_platform_values {
    float: left;
    position: relative;
    width: 100%
}

.slct {
    color: #989797;
    display: block;
    margin: 0;
    outline: 0;
    overflow: hidden;
    padding: 0 10px 10px;
    text-transform: uppercase!important
}

.drop {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #404041 none repeat scroll 0 0;
    border-color: -moz-use-text-color #404041 #404041;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 0 0;
    display: none;
    font-size: 14px;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 126px;
    z-index: 3;
    height: auto
}

.slct:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 7.5px 0;
    border-color: #d72c15 transparent transparent;
    line-height: 0;
    _border-color: #d72c15 #2f2a29 #2f2a29;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#2f2a29')
}

.current-img-normal-draft {
    clear: both
}

.current-img-league-boost,.tier-img,.current-img,.current-img-server,.current-img-platform {
    float: left
}

.package_sub_title {
    padding: 25px 10px 25px 20px;
    font-size: 22px;
    text-transform: uppercase;
    background: linear-gradient(90deg,#0364a9 0%,#0364a9 100%);
    font-variant: JIS04;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    color: #fff;
    font-family: avenirnextcyr-bold;
    font-weight: 500;
    clear: both;
    text-shadow: 0 4px 10px rgba(0,0,0,.3);
    box-shadow: 2px 2px 4px 0 rgb(52 49 75/65%)
}

.package_sub_title span {
    width: 46px;
    height: 35px;
    border-right: 1px solid #e5bd1b;
    text-align: center;
    line-height: 35px;
    display: block;
    margin-right: 20px
}

.placement_match_box .selector_2 {
    border: none;
    display: block;
    position: relative;
    height: 30px
}

.placement_match_box .selector_3 {
    border: none;
    clear: both;
    display: block;
    position: relative;
    margin: auto
}

.tp-display {
    display: block;
    font: 24px avenirnextcyr-bold;
    padding-right: 6px;
    letter-spacing: 0;
    font-family: league
}

.tp-slider {
    display: inline-block;
    width: 75%;
    margin: 15px 0 10px
}

.tp-slider-container {
    margin: 10px 20px 0
}

.league_boosting.elo-boost-item .placement_match_box .selector_3 {
    height: 65px
}

#boost-packs .selector_3 .drop {
    width: 140px;
    margin: 0
}

.selector_3 .drop {
    width: 115px;
    margin-left: 45px
}

.drop {
    width: 120px
}

.packblocks .selector_3 .drop {
    width: 140px
}

.placement_match_box .selector_3 .options-slctr {
    border: none;
    position: relative
}

.options-slctr.lpperwin {
    display: none
}

.packblocks .selector_3 .options-slctr {
    border: none;
    clear: both;
    display: block;
    position: relative;
    width: 160px;
    margin: 0 auto
}

.packblocks .product-calc-item {
    display: inline-block;
    text-align: center;
    vertical-align: top
}

.placement_match_box {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-bottom: 10px
}

.product-calc-item {
    text-align: center;
    vertical-align: top;
    width: 33%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 9rem
}

.active_pakage_tab,.booster_packege_tabs .current-menu-item,.booster_packege_tabs .current-menu-ancestor {
    background: #eb5c29;
    box-shadow: 1px 3px 3px #000000db
}

.booster_packege_tabs li:hover {
    background: #eb5c29;
    transform: translateY(5px);
    box-shadow: 1px 2px 3px #000
}

.booster_packege_tabs ul li.one_line_tab {
    line-height: 33px
}

.placement_match_box {
    padding-top: 0
}

.tier-selector-current {
    float: left;
    height: auto!important;
    position: relative;
    text-align: center;
    width: 100%
}

.tier-selector-desired {
    float: left;
    height: auto!important;
    position: relative;
    text-align: center;
    width: 100%
}

.product-calc-item .amount_of_wins_dtl {
    position: relative;
    width: 100%;
    max-width: 20rem;
    flex: 1 0 auto;
    display: flex;
    align-items: flex-end;
    padding-bottom: 15px
}

.product-calc-item .amount_of_wins {
    display: flex;
    padding: 0 50px;
    align-items: center;
    width: 100%
}

.wins-number span {
    color: #0281c8;
    font: 700 350px avenirnextcyr-medium;
    letter-spacing: -15px;
    position: relative;
    left: 0;
    top: 90px;
    text-align: left
}

.tier-selector-current .options-slctr.server,.tier-selector-current .options-slctr.platform {
    clear: both;
    position: relative;
    width: 100%
}

.pakage_part_sep {
    height: 300px;
    border: solid 1px #ebebeb;
    display: inline-block;
    margin: 100px 0 0 -5px
}

.drop li {
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 14px;
    list-style: outside none none;
    padding: 5px 10px;
    text-align: left
}

.slct {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff!important;
    text-align: center
}

.league-slct {
    background: 0 0;
    font-size: 14px;
    cursor: default;
    text-align: center;
    margin-top: 35px;
    padding: 0
}

#server_rate,#platform_rate {
    background: 0 0!important;
    cursor: default;
    text-align: center!important;
    padding: 0;
    font: 34px league
}

.pakage_part_sep {
    display: none
}

.blog-head {
    display: flex;
    gap: 90px;
    margin: 40px 0 60px;
    flex-direction: column
}

.blog-card-wrap {
    border-radius: 20px;
    cursor: pointer;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px
}

.blog-card {
    background: #fff;
    border-radius: 5px
}

@media(min-width: 1024px) {
    .blog-card {
        max-width:49%;
        box-shadow: 2px 2px 7px 5px #38383869;
    }
}

@media(min-width: 1024px) {
    .col-3 .blog-card {
        max-width:100%
    }
}

.blog-top {
    position: relative;
    width: auto
}

.tablehead {
    font-size: 35px;
    font-weight: 900;
    margin: 20px;
    color: #000
}

.errythang ul {
    margin-left: 30px
}

.errythang h1 {
    font-size: 40px;
    font-weight: 900
}

.errythang .post-body.body-3.mt-2 li {
    counter-increment: step-counter;
    margin-bottom: 10px;
    font-family: roboto;
    font-weight: 600;
    font-size: 20px;
    color: #001c30
}

.errstart {
    margin: 20px 0
}

.errythang .post-body.body-3.mt-2 li::before {
    content: "o";
    margin-right: 5px;
    font-size: 100%;
    background-color: rgb(2 73 126);
    color: #ffffff00;
    padding: 0 8px;
    font-weight: 700;
    display: inline-table;
    background: url(https://www.upload.ee/image/15697530/bluearrow1.webp);
    background-size: 80%;
    background-repeat: no-repeat;
    background-position-y: center;
    filter: hue-rotate(329deg)
}

.errythang.blog-detail-wrap .heading-3 {
    font-weight: 500;
    font-size: 40px;
    margin: 40px 0 30px;
    font-family: avenirnextcyr-bold
}

.tag-wrap {
    position: absolute;
    inset: 20px auto auto 30px;
    display: flex;
    column-gap: 10px;
    align-items: center
}

.blog-image {
    border-radius: 5px 5px 0 0;
    height: 250px;
    width: 100%;
    object-fit: none
}

.blog-info {
    color: #fff;
    position: absolute;
    z-index: 2;
    inset: auto 0 0 0;
    padding: 0 0 20px 25px;
    display: flex;
    align-items: center;
    margin-top: auto;
    justify-content: space-between
}

.blog-info span,.blog-info p {
    color: #fff;
    font-family: avenirnextcyr-bold!important;
    font-size: 18px!important;
    text-shadow: 0 4px 10px rgba(0,0,0,.5)
}

.comment {
    display: flex;
    align-items: center;
    column-gap: 10px
}

div.blog {
    display: flex;
    column-gap: 90px;
    flex-direction: column
}

@media(min-width: 1024px) {
    div.blog {
        flex-direction:row
    }
}

@media(min-width: 1024px) {
    .blog-content {
        width:44%
    }
}

.blog-card-wrap {
    display: flex;
    flex-direction: column;
    column-gap: 90px;
    row-gap: 40px
}

@media(min-width: 1024px) {
    .blog-card-wrap {
        flex-direction:row
    }
}

.blog-bg {
    background-size: contain
}

.blog-hero {
    margin-top: 80px;
    padding: 80px 0;
    text-align: center
}

#blog-title {
    position: relative
}

#blog-title::before {
    content: url(/wp-content/themes/boosting/images/Burst-pucker-2.svg);
    position: absolute;
    left: 0;
    bottom: 0;
    margin-left: 0
}

@media(min-width: 768px) {
    #blog-title::before {
        margin-left:-5%
    }
}

#blog-title::after {
    content: url(/wp-content/themes/boosting/images/Burst-pucker-2.svg);
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 0
}

@media(min-width: 768px) {
    #blog-title::after {
        margin-left:-5%
    }
}

.select-news-wrap {
    position: relative
}

.select-news-wrap .search-news {
    display: none
}

@media(min-width: 1024px) {
    .select-news-wrap .search-news {
        display:flex
    }
}

.select-news {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    row-gap: 20px;
    padding-left: 20px
}

@media(min-width: 1024px) {
    .select-news {
        padding-inline:50px;
        align-items: center;
        flex-direction: row
    }
}

.news-wrap {
    display: flex;
    align-items: center;
    gap: 60px;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    white-space: nowrap
}

.news-wrap::-webkit-scrollbar {
    display: none
}

.news-wrap::after {
    content: "";
    position: absolute;
    inset: auto 0 0 0;
    height: 4px;
    background: #ebeff8;
    z-index: -1
}

@media(min-width: 1024px) {
    .news-wrap {
        padding-bottom:0
    }
}

.news {
    padding: 20px 5px;
    position: relative;
    font-size: 1.2em;
    cursor: pointer
}

.news.active {
    border-bottom: 4px solid #fdfb62
}

.news.active p {
    font-weight: 700
}

.search-news {
    min-width: 360px;
    background: #ebeff8;
    border-radius: 8px;
    padding: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px
}

.search-news input {
    margin-bottom: 0
}

@media(min-width: 1024px) {
    .search-news {
        margin-bottom:0
    }
}

@media(min-width: 1024px) {
    .search-mobo {
        display:none
    }
}

.blog-wrap {
    padding-bottom: 50px;
    background: linear-gradient(0deg, #d1ecfff2 0, #065892 100%);
}

.blog-wrap .col-3 {
    padding-inline:unset;display: flex;
    flex-direction: column
}

@media(min-width: 768px) {
    .blog-wrap .col-3 {
        row-gap:30px;
        display: grid
    }
}

.blog-wrap .blog-card {
    display: none
}

.blog-wrap .blog-card.show {
    display: flex;
    position: relative;
    box-shadow: 2px 2px 7px 5px #38383869;
    flex-direction: column
}

#blogDetail {
    background: #f8f8f8;
    background-size: contain;
    font-family: avenirnextcyr-regular;
    font-size: 18px;
    background: linear-gradient(229deg, #d1ecfff2 0, #065892 100%);
}

#blogDetail .bread {
    margin-top: 0;
    font-size: 16px;
    font-family: 'avenirnextcyr-medium';
    font-weight: 400;
}

@media(min-width: 1024px) {
    #blogDetail .bread {
        margin-top: 10px;
    }
}

.blog-detail-wrap {
    margin-inline:auto;max-width: 1000px
}

@media(max-width: 1929px) {
    .blog-detail-wrap {
        width:50%
    }

    .blog-btm .container {
        width: 50%
    }
}

@media(min-width: 1930px) {
    .blog-detail-wrap {
        width:50%
    }

    .blog-btm .container {
        width: 40.5%;
    }
}

.info {
    display: flex;
    align-items: center;
    margin-top: 20px;
    color: #6e7687;
    gap: 20px
}

.info .body-3 {
    display: flex;
    align-items: center;
    margin-top: 10px;
    color: #000000;
    gap: 10px;
    font-size: 14px;
    font-family: 'Montserrat';
}

.author {
    padding: 0 20px;
    border-left: 1px solid #d0d5df;
    border-right: 1px solid #d0d5df
}

.comment {
    display: none;
    gap: 10px;
    align-items: center
}

.bd-img {
    margin: 40px 0 20px;
    border-radius: 20px
}

.comments {
    margin: 60px 0 40px;
    display: none
}

.blog-detail-wrap .container {
    background: #fff;
    padding: 20px 50px 50px;
    border-radius: 0 0 10px 10px
}

#blogDetail .banner.banner__page {
    padding: 125px 0 80px;
    height: 250px;
    text-align: center;
    background: linear-gradient(229deg,#004b80f2 0,#001320 100%);
    background-size: cover
}

.fa-chevron-right:before {
    content: "\f054";
    font-size: 11px!important;
    line-height: 18px!important
}

.body-3 {
    font-family: Roboto;
    padding-bottom: 18px;
    color: #0d0d0d;
    font-size: 1.125rem;
    line-height: 1.5
}

.aligncenter {
    clear: both;
    border-radius: 10px;
    margin-bottom: 20px
}

.mainimage {
    clear: both;
    border-radius: 10px;
    margin-bottom: 20px;
    width: 100%
}

.post-body .body-3 {
    opacity: 1;
    font-family: avenirnextcyr-regular;
    font-size: 18px
}

.comment-box {
    margin-top: 20px;
    padding: 20px 0;
    border-bottom: 1px solid #d0d5df
}

.comment-action {
    margin-top: 20px;
    display: flex;
    justify-content: space-between
}

.blog-detail-wrap .fa,.blog-detail-wrap .fas {
    font-weight: 900;
    font-size: 16px
}

.comment-react {
    display: flex;
    gap: 20px;
    align-items: center
}

.like,.unlike {
    display: flex;
    gap: 10px;
    background: linear-gradient(89.67deg,#5479e6 0.26%,#6b7aff 99.71%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    align-items: center
}

#opinion {
    margin: 100px auto 0;
    text-align: center
}

@media(min-width: 768px) {
    #opinion {
        width:70%
    }
}

.form {
    margin: 40px 0;
    width: 100%
}

.top-input {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0
}

@media(min-width: 768px) {
    .top-input {
        flex-direction:row;
        gap: 20px
    }
}

.blog-btm {
    margin: 40px 0 0;
    padding-bottom: 60px
}

.blog-btm .container {
    padding: 0
}

.blog-related {
    margin-top: 20px;
    display: flex;
    gap: 2%;
    flex-direction: column
}

@media(min-width: 1024px) {
    .blog-related {
        flex-direction:row
    }
}

.tag-container {
    display: none
}

.tag-wrap {
    display: none;
    position: absolute;
    inset: 20px auto auto 30px;
    column-gap: 10px;
    align-items: center
}

.tag {
    padding: 15px;
    border-radius: 3px;
    display: inline-block;
    color: #fff;
    background-color: #00b4ff;
    font-weight: 700;
    font-size: 1.3em;
    line-height: 19px;
    margin-bottom: 20px;
    white-space: nowrap;
    font-family: avenirnextcyr-regular;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px
}

.blog-top {
    position: relative
}

.blog-pagination {
    margin-top: 2rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    color: #fff
}

.blog-pagination>a {
    margin: 0 10px;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase
}

.bread {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 20px 0 25px;
}

a.read-more-link>i {
    margin-left: 5px
}

a.read-more-link {
    text-decoration: underline;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    width: 100%;
    display: inline-block;
    margin: 2rem auto;
    display: none
}

.container {
    padding: 0 20px;
    margin: 0 auto;
    width: 100%
}

.container-full {
    padding: 0!important
}

@media(min-width: 768px) {
    .container-full {
        padding:unset
    }
}

.container-fluid {
    padding: 0 30px
}

@media(min-width: 768px) {
    .container-fluid {
        padding:0 40px!important
    }
}

@media(min-width: 1024px) {
    .container-fluid {
        padding:0 80px!important
    }
}

@media(min-width: 425px) {
    .container {
    }
}

@media(min-width: 768px) {
    .container {
    }
}

@media(min-width: 1024px) {
    .container {
    }
}

@media(min-width: 1280px) {
    .container {
    }
}

@media(min-width: 1536px) {
    .container {
    }
}

.col-3 {
    overflow: scroll;
    display: grid;
    column-gap: 20px;
    row-gap: 30px;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding-inline:20px;grid-template-columns: repeat(auto-fill,minmax(100%,1fr));
    grid-auto-flow: column;
    grid-auto-columns: minmax(100%,1fr)
}

.col-3::-webkit-scrollbar {
    display: none
}

@media(min-width: 425px) {
    .col-3 {
        grid-template-columns:repeat(auto-fill,minmax(90%,1fr));
        grid-auto-columns: minmax(90%,1fr)
    }
}

@media(min-width: 768px) {
    .col-3 {
        overflow:unset;
        column-gap: 30px;
        grid-auto-flow: unset;
        grid-auto-columns: unset;
        grid-template-columns: repeat(2,1fr)
    }
}

@media(min-width: 1024px) {
    .col-3 {
        grid-template-columns:repeat(3,1fr)
    }
}

.column-cards {
    padding-inline:30px;column-gap: 20px;
    row-gap: 30px;
    overflow: scroll;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(100%,1fr));
    grid-auto-flow: column;
    grid-auto-columns: minmax(100%,1fr);
    -ms-overflow-style: none;
    scrollbar-width: none
}

.column-cards::-webkit-scrollbar {
    display: none
}

@media(min-width: 768px) {
    .column-cards {
        padding-inline:unset;
        overflow: unset;
        grid-auto-flow: unset;
        grid-auto-columns: unset;
        column-gap: 30px;
        grid-template-columns: repeat(2,1fr)
    }
}

@media(min-width: 1024px) {
    .column-cards {
        grid-template-columns:1fr
    }
}

@media(min-width: 1280px) {
    .column-cards {
        grid-template-columns:repeat(2,1fr)
    }
}

@media(min-width: 1536px) {
    .column-cards {
        grid-template-columns:repeat(3,1fr)
    }
}

.blog-detail-wrap .wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    align-items: center
}

@media(min-width: 1024px) {
    .blog-detail-wrap .wrap {
        width:60%
    }
}

.blog-detail-wrap .text-wrap {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

@media(min-width: 768px) {
    .blog-detail-wrap .text-wrap {
        width:600px
    }
}

@media(min-width: 1024px) {
    .blog-detail-wrap .text-wrap {
        width:500px
    }
}

#main-right {
    width: 100%
}

@media(min-width: 1024px) {
    #main-right {
        width:calc(100% - 375px);
        margin-left: 375px
    }
}

@media(min-width: 1280px) {
    .blog-detail-wrap .small-container {
        width:75%
    }
}

@media(min-width: 1536px) {
    .blog-detail-wrap .small-container {
        width:65%
    }
}

@media(min-width: 1024px) {
    .blog-detail-wrap .medium-container {
        width:85%
    }
}

.btn-container {
    display: flex;
    justify-content: center;
    margin-top: 40px
}

.blog-detail-wrap .heading-3 {
    font-weight: 500;
    font-size: 2.2em;
    margin-bottom: 5px;
    font-family: avenirnextcyr-bold;
    line-height: 1.1;
}

.blog-btm {
    margin: 40px 0 0;
    padding-bottom: 40px
}

.tag-container {
    display: none
}

.wrap .heading-3 {
    font-size: 1.5em;
    color: white;
    font-family: 'avenirnextcyr-bold';
    text-shadow: 0 4px 10px rgba(0,0,0,.3);
}

.mt-2 .heading-3 {
    font-size: 1.7em;
    line-height: 1.2em;
    margin: 10px 0;
    font-family: avenirnextcyr-bold;
}

.post-body.body-3.mt-2 li strong {
    font-size: 110%
}

.blog-top::before {
    background: linear-gradient(180deg,transparent,#1919199e 90%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
    border-radius: 10px 0 0;
    pointer-events: none
}

.mt-2 .body-3 {
    font-size: 16px
}

.mt-2 {
    padding: 10px 25px;
    border-radius: 20px
}

.post-body.body-3.mt-2 {
    padding: 0;
    border-radius: 0
}

.heading-3.mb-2 {
    font-weight: 500;
    font-size: 4em;
    line-height: 33px;
    padding: 50px 0 40px;
    font-family: league;
    color: #fff;
    text-shadow: 0 4px 10px rgb(0 0 0 / 66%);
}

.blog-bg .banner.banner__page {
    padding: 125px 0 80px;
    height: 250px;
    text-align: center;
    background-size: cover
}

.news-wrap {
    font-size: 18px;
    font-family: avenirnextcyr-bold
}

.blog-detail-wrap .body-3 h2 {
    font-size: 1.7em;
    font-weight: 700;
    margin: 30px 0 15px
}

.blog-detail-wrap .body-3 h3 {
    font-size: 120%;
    font-weight: 600;
    margin: 10px
}

.blog-detail-wrap .body-3 b {
    font-weight: 700
}

.size-full {
    clear: both;
    border-radius: 10px;
    margin: 20px 0;
    width: 100%
}

.body-3 a {
    text-decoration: underline;
    color: #1263d3
}

@media(max-width: 1024px) {
    .blog-head {
        flex-direction:row
    }

    .blog-detail-wrap .container {
        padding: 30px
    }

    .blog-detail-wrap {
        width: 100%
    }

    .body-3 {
        font-size: 20px;
        line-height: 1.5
    }

    #blogDetail .bread {
        font-size: 16px
    }
}

#division-slct {
    background: 0 0!important;
    cursor: default;
    float: none;
    margin: auto;
    text-align: center;
    font-family: avenirnextcyr-medium
}

.division-drop,#server-drop,#platform-drop,#current_league_division,#desired_league_division {
    display: none!important;
    mouse: none
}

#boost-packs .packblocks .slct {
    text-align: left;
    margin-left: 0
}

.total_price .calculate_itog {
    display: block!important;
    text-align: center!important;
    font-size: 28px!important;
    line-height: 28px!important;
    font-weight: 700!important;
    float: none!important
}

.rgt-sidebar-section .calculate-right-part {
    box-shadow: 0 0 5px 0 rgb(113 113 113/20%);
    padding: 30px 30px 23px;
    background: #fff;
    border: 1px solid #ebebeb;
    text-align: center
}

.calculate_right {
    text-align: center
}

.calculate_right p {
    font-size: 15px;
    text-align: center;
    margin-top: 5px
}

.calculate-end-button .calculate-button {
    width: 160px;
    height: 55px;
    cursor: pointer;
    margin: 0 auto;
    border: 3px solid #0062a8fc;
    transition: all .3s ease-in-out;
    font-family: league,avenirnextcyr-bold;
    color: #fff;
    background: #0062a8fc;
    text-transform: uppercase;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 24px;
    border-radius: 2px;
    font-weight: 400;
    text-shadow: 0 4px 10px rgba(0,0,0,.3)
}

.calculate-end-button .calculate-button:hover,.calculate-end-button .calculate-button.cb-animate {
    animation-play-state: paused;
    background: #0062a8fc;
    color: #fff
}

.calculate_right_line {
    border-bottom: 1px solid #ededed
}

.aproximate_time {
    text-align: center;
    line-height: 24px;
    margin-bottom: 15px;
    font: 24px avenirnextcyr-bold;
    font-weight: 700
}

.aproximate_time span {
    color: #000
}

#completion_time_days_display,.aproximate_time #calculate_days,.aproximate_time .calculate_itog {
    color: #000;
    font-family: montserrat;
    font-size: 20px;
    line-height: 30px
}

.extra_options_output span:nth-child(1) {
    color: #000
}

.summary_discount,.extra_options_output,.total_price,.discount_label_div,.vip_price_outer {
    line-height: 26px;
    padding: 0 10px 15px;
    font: 24px avenirnextcyr-bold;
    color: #2f2a29;
    font-weight: 700;
    text-align: center
}

.final_price {
    display: block;
    text-align: center;
    font-size: 21px;
    line-height: 16px;
    margin: 0 0 7px;
    font-weight: 700;
    color: #4c4342
}

.calculate_itog .calculate_itog_final_league_boost {
    display: block;
    text-align: center;
    font-size: 30px;
    line-height: 36px;
    font-weight: 700;
    float: none
}

.calculate_itog {
    font-weight: 500;
    display: block;
    color: #000;
    font-family: montserrat;
    font-size: 20px;
    line-height: 30px;
	letter-spacing: -0.5px;
}

.summary_discount span:nth-child(1) {
    color: #000
}

.summary_discount .calculate_itog span:nth-child(1) {
    color: #000
}

.booster_packege_tabs ul li {
    min-width: 6rem
}

.booster_champion p {
    font-size: 18px;
    color: #696969;
    line-height: 1
}

.booster_champion {
    text-align: center;
    width: 80%;
    max-width: 720px
}

.booster_champion p.booster_sub_title {
    font-size: 18px;
    color: #2c2c2c;
    line-height: 18px;
    margin-bottom: 30px
}

.eo-fav-champ-select1:nth-child(2n) {
    margin-right: 0
}

.eo-fav-champ-select1:nth-last-child(-n+1),.eo-fav-champ-select1:nth-last-child(-n+2) {
    border-bottom: none
}

.choose-catg {
    float: right
}

.choose_btn {
    width: 110px;
    height: 42px;
    margin: 0 auto;
    border: 1px solid #fdfb62;
    transition: all .3s ease-in-out;
    font-family: league;
    color: #2f2a29;
    background: #fdfb62;
    text-transform: uppercase;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transform-style: preserve-3d
}

.choose_btn:after {
    content: '';
    position: absolute;
    top: -5px;
    left: 50%;
    height: calc(100% + 10px);
    width: 0;
    z-index: -1;
    -webkit-transform: skew(-25deg) translateZ(-1px);
    transform: skew(-25deg) translateZ(-1px);
    background: #00b4ff;
    transition: transform .4s,width .4s,left .4s,-webkit-transform .4s
}

.choose_btn:hover:after {
    width: calc(100% + 10px);
    -webkit-transform: skew(0) translateZ(-1px);
    transform: skew(0) translateZ(-1px);
    left: -5px;
    transition: transform .4s,width .4s,left .4s,-webkit-transform .4s
}

.choose_btn:hover {
    background: #00b4ff;
    color: #fff
}

.eo-fav-champ-select:nth-child(even) {
    margin-right: 0!important
}

.eo-right-block .eo-right-block-content {
    clear: both;
    display: block;
    float: left;
    height: auto;
    position: relative;
    top: 100%;
    width: 100%!important;
    z-index: 2
}

#cssmenu {
    float: left;
    margin: 0;
    position: relative;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex: 1;
    flex: 1;
    transform: matrix3d(1,0,0,0,0,1,0,-.0018,0,0,1,0,0,0,0,1);
    color: #fff
}

#cssmenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block
}

#cssmenu ul:after,#cssmenu:after {
    content: ' ';
    display: block;
    font-size: 0;
    height: 0;
    clear: both;
    visibility: hidden
}

#cssmenu ul li {
    margin: 0;
    padding: 0;
    display: block;
    position: relative
}

#cssmenu ul li a {
    text-decoration: none;
    display: block;
    margin: 0;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#cssmenu ul li ul {
    background: #d72c15;
    padding: 24px 0 0;
    position: absolute;
    top: auto;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    z-index: 99
}

#cssmenu ul li ul li {
    -webkit-transition: max-height .4s ease-out;
    -moz-transition: max-height .4s ease-out;
    -ms-transition: max-height .4s ease-out;
    -o-transition: max-height .4s ease-out;
    transition: max-height .4s ease-out
}

#cssmenu ul li ul li a {
    font-size: 12px;
    font-weight: 600;
    text-transform: none;
    text-align: left;
    color: #fff;
    letter-spacing: 0;
    display: block;
    width: 190px;
    padding: 10px 15px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #eee;
    zoom:1;opacity: .8
}

#cssmenu ul li ul li:first-child>a {
    border-top-width: 0
}

#cssmenu ul li ul li:hover:after,#cssmenu ul li ul li.active:after {
    background: #2f2a29
}

#cssmenu ul li ul li:hover>ul {
    left: 100%;
    top: 0
}

#cssmenu ul li ul li:hover>ul>li {
    max-height: 72px;
    position: relative
}

#cssmenu>ul>li {
    float: left
}

#cssmenu>ul>li>a {
    color: #fff;
    padding: 0 7.8px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: uppercase;
    font-size: 14px;
    z-index: 2;
    position: relative;
    opacity: .9;
    font-family: montserrat
}

#cssmenu>ul>li:hover:after,#cssmenu>ul>li.active:after {
    height: 100%
}

#cssmenu>ul>li>a {
    padding-bottom: 10px
}

#cssmenu>ul>li:hover>a {
    background: transparent;
    padding-bottom: 10px;
    opacity: 1
}

#cssmenu>ul>li:hover>a:after,#cssmenu>ul>li.active>a:after {
    background: #2f2a29
}

#cssmenu>ul>li:hover>a:before,#cssmenu>ul>li.active>a:before {
    border-top-color: #fff
}

#cssmenu>ul>li:hover>ul {
    left: 0;
    display: block!important
}

#cssmenu>ul>li:hover>ul>li {
    max-height: 72px;
    position: relative
}

#cssmenu #menu-button {
    display: none
}

#cssmenu>ul>li>a {
    display: block
}

#cssmenu>ul>li {
    width: auto
}

#cssmenu>ul>li>ul {
    width: 190px;
    display: none
}

#cssmenu>ul>li>ul>li {
    width: 190px;
    display: block
}

.client-progress-label {
    color: #d0d0d0;
    font-size: 16px;
    text-shadow: 1px 1px #2f2a29
}

.order_ftr_box li.amount-boost {
    border-radius: 2px;
    float: left;
    margin: 0 -12px;
    text-align: center;
    width: 95px
}

.match-history-err {
    clear: both;
    float: left;
    font-size: 0px;
    font-weight: 700;
    margin: 10px 0;
    position: relative;
    text-align: center;
    width: 100%
}

.gdlr-content {
    clear: both;
    float: left;
    position: relative;
    width: 100%
}

#ajaxloader_files {
    background: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    opacity: .8!important
}

.place_match_days {
    display: none
}

.eo-fav-champs-line-block img {
    width: 100px;
    height: 100px
}

#add-note-ta {
    width: 100%;
    height: 150px;
    border: 2px solid #d2d2d2!important;
    padding: 15px;
    font-size: 18px;
    resize: none;
    box-sizing: border-box;
    outline: none;
    border-radius: 3px
}

.add-note-block .package_sub_title {
    margin-bottom: 30px
}

@-webkit-keyframes neon1 {
    from {
        text-shadow: 0 0 2px #fff,0 0 4px #fff,0 0 6px #fff,0 0 10px #fff,0 0 3px #f3341b,0 0 4px #e42f18,0 0 6px #ce2a15,0 0 8px #ff1e00
    }

    to {
        text-shadow: 0 0 1px #fff,0 0 2px #fff,0 0 3px #fff,0 0 5px #fff,0 0 1.5px #f3341b,0 0 2px #e42f18,0 0 3px #ce2a15,0 0 4px #ff1e00
    }
}

.pay_server .drop,.placementMatchesServer .drop {
    width: 145px;
    margin-left: 45px
}

.service-info-text-container {
    color: #0f1111;
    font-size: 20px;
    margin-bottom: 80px
}

.service-info-text-container p {
    margin-bottom: 15px;
    font-size: 18px
}

.arrow-page-down {
    background: url(/wp-content/themes/boosting/assets/images/top-box-decor.png) no-repeat;
    content: "";
    background-size: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: calc(355px - 4.8vw);
    max-height: 7vw;
    z-index: 1
}

body.admin-bar .arrow-page-down {
    top: calc(350px - 3vw)
}

.service-info-block .package_sub_title {
    margin: 25px 0
}

.section-container.container {
    padding: 0
}

.order_ftr_box h4 {
    color: #2f2a29;
    font-weight: 700;
    margin-bottom: 10px
}

.payment-tooltip {
    position: relative;
    top: 10px;
    cursor: pointer;
    font-size: 26px;
    display: inline-block;
    margin-right: 6px;
    color: #00b4ff;
    z-index: 2;
    float: left
}

#payment_type .payment-tooltip {
    top: 30px
}

.payment-tooltip:before,.payment-tooltip:after {
    visibility: hidden;
    -ms-filter: "alpha(opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    pointer-events: none
}

.payment-tooltip:before {
    position: absolute;
    bottom: 120%;
    left: 300%;
    margin-bottom: 5px;
    margin-left: -80px;
    padding: 10px;
    width: 240px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 5px;
    background-color: #2f2a29;
    background-color: hsla(0,0%,10%,.9);
    color: #fff;
    content: attr(data-tooltip);
    text-align: center;
    font-size: 16px;
    line-height: 1.2
}

.payment-tooltip:after {
    position: absolute;
    bottom: 120%;
    left: 40%;
    margin-left: -5px;
    width: 0;
    border-top: 5px solid #2f2a29;
    border-top: 5px solid hsla(0,0%,20%,.9);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0
}

.fa,.fas {
    font-weight: 900;
    font-size: 30px
}

.payment-tooltip.pt-visible:before,.payment-tooltip.pt-visible:after {
    visibility: visible;
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1
}

@media(min-width: 1025px) and (max-width:1150px) {
    #cssmenu>ul>li>a {
        font-size:10px;
        padding: 2.25px 10px
    }
}

@media(min-width: 981px) and (max-width:1271px) {
    .product-calc-item {
        float:left;
        text-align: left;
        width: 100%
    }

    .pakage_part_sep {
        display: none
    }
}

@media(min-width: 1024px) and (max-width:1271px) {
    .arrow-page-down {
        display:none
    }
}

@media only screen and (max-width: 1202px) {
    .boosting-package-list,.boosting-package-list:nth-child(3n) {
        margin:25px 0 0!important;
        width: 48%!important
    }

    .boosting-package-list:nth-child(2n) {
        margin: 25px 2% 0!important
    }

    .arrow-page-down {
        display: none
    }
}

@media only screen and (max-width: 1140px) {
    .lft-section {
        width:65%
    }

    .rgt-sidebar-section {
        width: 25%
    }

    .eo_costoptionsdisplay,.eo-control-switcher {
        float: left;
        width: 100%
    }

    .package_first .package_second {
        float: left;
        margin-top: 30px;
        width: 48%
    }

    .eo-fav-champ-select1 img,.eo-fav-champ-select1 .eo-champ-name {
        float: left
    }

    .choose-catg {
        text-align: center;
        float: left;
        width: 100%
    }
}

@media only screen and (max-width: 980px) {
    .booster_packege_tabs ul li {
        width:45% !important;
        margin: 2%
    }
	
	.booster_packege_tabs ul li a {
    margin-left: 0;
}

.booster_packege_tabs ul li {
    padding-right: 10px;
}

    .wins-number span {
        top: 0
    }

    .booster_packege_tabs ul li:nth-child(2n):before {
        display: none
    }

    .product-calc-item {
        width: 100%
    }

    .pakage_part_sep {
        display: none
    }

    .visualbox_in_first,.visualbox_in_second {
        height: 85px!important;
        width: 83px!important
    }
}

@media(min-width: 768px) and (max-width:959px) {
    .gdlr-item.gdlr-main-content {
        width:100%
    }

    .arrow-page-down {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .lft-section {
        margin-right:0;
        width: 100%
    }

    .rgt-sidebar-section {
        margin-top: 15px;
        width: 100%
    }

    .start_boost_point .first-in-eloboost,.start_boost_point1 .first-in-eloboost {
        width: 100%
    }

    .boosting-package-list,.boosting-package-list:nth-child(2n),.boosting-package-list:nth-child(3n) {
        margin: 25px 0 0!important;
        width: 100%!important
    }

    .eo-fav-champ-select1 {
        margin-right: 0!important;
        width: 100%!important
    }

    .eo-fav-line-block {
        width: 50%
    }

    .eo-fav-line-block:nth-child(2n) {
        border: none
    }
}

@media only screen and (max-width: 419px) {
    .eo-booster-displayblock-up {
        left:-30px
    }

    .eo-booster-displayblock-down {
        right: -30px
    }

    .eo-booster-profile {
        height: 272px;
        width: 219px
    }

    .eo-booster-choose-booton {
        float: left;
        margin: 10px 28% 0
    }

    .infoblockcolumn {
        font-size: 12px;
        padding: 0
    }
}

@media all and (max-width: 1024px),only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px),only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px),only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1024px),only screen and (min-device-pixel-ratio:2) and (max-width:1024px),only screen and (min-resolution:192dpi) and (max-width:1024px),only screen and (min-resolution:2dppx) and (max-width:1024px) {
    .form-login-signup {
        position:inherit;
        clear: both;
        width: 300px;
        margin: 0 auto;
        right: 0
    }

    #cssmenu>ul {
        max-height: 0;
        overflow: hidden;
        -webkit-transition: max-height .35s ease-out;
        -moz-transition: max-height .35s ease-out;
        -ms-transition: max-height .35s ease-out;
        -o-transition: max-height .35s ease-out;
        transition: max-height .35s ease-out
    }

    #cssmenu>ul>li>ul {
        width: 100%;
        padding: 0;
        display: block
    }

    #cssmenu>ul>li>ul>li {
        width: 100%;
        display: block
    }

    #cssmenu>ul>li>ul>li>a {
        width: 100%;
        display: block
    }

    #cssmenu ul li ul li a {
        width: 100%
    }

    #cssmenu>ul.open {
        max-height: 1000px;
        border-top: 1px solid rgba(110,110,110,.25)
    }

    #cssmenu ul {
        width: 100%
    }

    #cssmenu ul>li {
        float: none;
        text-align: left;
        width: 100%
    }

    #cssmenu ul li a {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding: 12px 20px;
        border-bottom: 1px solid rgba(236,236,236,.2)
    }

    #cssmenu>ul>li:hover>a,#cssmenu>ul>li.active>a {
        background: 0 0;
        padding-bottom: 10px
    }

    #cssmenu ul>li:after {
        display: none
    }

    #cssmenu ul li ul,#cssmenu ul li ul li ul,#cssmenu ul li ul li:hover>ul {
        left: 0;
        position: relative;
        right: auto
    }

    #cssmenu ul li ul li,#cssmenu ul li:hover>ul>li {
        max-height: 999px;
        position: relative;
        background: 0 0
    }

    #cssmenu #menu-button {
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding: 10px;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 14px;
        letter-spacing: 1px;
        color: #fff;
        cursor: pointer;
        text-align: left
    }

    #cssmenu #menu-button:after {
        display: block;
        content: '';
        position: absolute;
        height: 3px;
        width: 22px;
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff;
        right: 20px;
        top: 16px
    }

    #cssmenu #menu-button:before {
        display: block;
        content: '';
        position: absolute;
        height: 3px;
        width: 22px;
        border-top: 2px solid #fff;
        right: 20px;
        top: 26px
    }

    .arrow-page-down {
        display: none
    }
}

.packageList .tab-content-wrapper {
    background-color: #fff
}

.current-img-normal-draft {
    clear: both;
    height: 170px;
    margin: 0 auto;
    position: relative;
    width: 170px
}

.current-img-league-boost,.tier-img,.current-img {
    height: 370px;
    margin: 0 auto;
    position: relative;
    width: 370px
}

.current-img-platform,.current-img-server {
    height: 300px;
    padding-top: 0;
    margin: 0 auto;
    position: relative;
    width: 300px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0!important;
    -webkit-transition: all 1s cubic-bezier(.69,-.37,0,1.13);
    -moz-transition: all 1s cubic-bezier(.69,-.37,0,1.13);
    -o-transition: all 1s cubic-bezier(.69,-.37,0,1.13);
    transition: all 1s cubic-bezier(.69,-.37,0,1.13);
    filter: drop-shadow(1px 1px 1px black)
}

.selector_1 .options-slctr {
    margin-top: 5px;
    margin-bottom: 20px
}

.placement .selector_1 {
    margin-top: 0
}

.packageList img {
    opacity: 1!important;
    margin-top: 6px
}

.packname {
    font: 24px"League";
    font-weight: 500;
    text-align: center;
    padding-bottom: 30px;
    margin-bottom: 20px;
    border-bottom: 1px solid #d9d9d9
}

.packdiskount {
    color: #252729;
    font-size: 18px;
    margin: 10px 0;
    /* height: 1em removed — on narrow mobile viewports "Save $X from
       your next purchase" wraps to two lines and the second line was
       overflowing the 1em-clipped box into the sibling .packdiskount
       row ("X% BONUS DISCOUNT"), producing the overlapping-text bug
       on the XXL deals cards. */
    line-height: 1.3;
    font-family: avenirnextcyr-medium,serif
}

.packdiskount:nth-child(4) {
    margin: 15px 0
}

.packprise {
    font: 30px avenirnextcyr-bold
}

.options-slctr a {
    text-decoration: none;
    font-size: 28px;
    color: #2f2a29;
    margin-bottom: 5px
}

.options-slctr a {
    text-decoration: none;
    text-transform: capitalize;
    font-family: league
}

z.selector_2 {
    margin-top: 10px
}

.boosting-package-list {
    float: left;
    margin: 25px 2% 0 0;
    width: 32%
}

.boosting-package-list:nth-child(3n) {
    margin: 25px 0 0
}

.package_first,.package_second {
    float: left;
    position: relative;
    text-align: center;
    width: 100%
}

.box1top {
    float: left;
    width: 100%;
    box-shadow: 0 5px 21px 0 rgba(204,204,204,.8);
    padding: 35px 5px
}

.best_offer {
    width: 72px;
    height: 71px;
    background: url(/wp-content/plugins/boosting-core/assets/admin/images/red_courner.png) no-repeat;
    position: absolute;
    right: 0
}

.pacakge_v_top {
    transition: all .3s ease-in-out;
    font-family: avenirnextcyr-bold;
    color: #2f2a290;
    background: #fdfb62;
    text-transform: uppercase;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    font-size: 18px;
    justify-content: center;
    cursor: pointer;
    width: 150px;
    height: 50px;
    margin: 0 auto;
    border: 1px solid #fdfb62;
    position: relative;
    overflow: hidden;
    transform-style: preserve-3d
}

.pacakge_v_top:after {
    content: '';
    position: absolute;
    top: -5px;
    left: 50%;
    height: calc(100% + 10px);
    width: 0;
    z-index: -1;
    -webkit-transform: skew(-25deg) translateZ(-1px);
    transform: skew(-25deg) translateZ(-1px);
    background: #00b4ff;
    transition: transform .4s,width .4s,left .4s,-webkit-transform .4s
}

.pacakge_v_top:hover:after,.pacakge_v_top.currentChoose:after {
    width: calc(100% + 10px);
    -webkit-transform: skew(0) translateZ(-1px);
    transform: skew(0) translateZ(-1px);
    left: -5px;
    transition: transform .4s,width .4s,left .4s,-webkit-transform .4s
}

.pacakge_v_top:hover,.pacakge_v_top.currentChoose {
    background: #fff;
    color: #fff;
    border-color: #00b4ff
}

.package_first .visualbox,.package_second .visualbox {
    margin: 0 3%;
    display: flex;
    justify-content: center;
    align-items: center
}

.visualbox_in_first,.visualbox_in_second {
    display: inline-block;
    width: 200px;
    height: 170px;
    margin: 0 5px;
    background-size: contain!important;
    background-repeat: no-repeat!important;
    background-position: 50% 50%!important
}

.visualbox_in_blue_arrow,.visualbox_in_white_arrow {
    display: inline-block;
    vertical-align: top;
    width: 25px;
    height: 40px
}

.pack_info {
    margin: 0 3%;
    text-align: center;
    clear: both
}

.package_first .packdiscountprice {
    font-weight: 700;
    font-family: avenirnextcyr-bold
}

.package_second .packdiscountprice {
    font-weight: 700;
    font-family: avenirnextcyr-bold
}

.packprise {
    color: #252729
}

.completion_time {
    color: #252729;
    font-weight: 700;
    font-family: avenirnextcyr-bold
}

.completion_time_days {
    color: #252729;
    font-weight: 900;
    font-family: avenirnextcyr-bold
}

.extra_options_output {
    padding: 0 10px 15px;
    margin-top: 5px
}

.total_price,.vip_price_outer {
    border: 1px solid #e6e6e6;
    border-width: 1px 0 0;
    padding: 20px 0 10px;
    margin: 20px 0 0!important;
    font-family: avenirnextcyr-bold
}

.summary_discount {
    background: #f7f7f7;
    color: #000!important;
    padding: 15px;
    border-radius: 10px
}

.eb_current_lead {
    color: #20ca48
}

.last_season_standing {
    background-size: contain!important;
    background-repeat: no-repeat!important;
    background-position: 50% 50%!important;
    -webkit-transition: all 1s cubic-bezier(.79,-.61,0,1.13);
    -o-transition: all 1s cubic-bezier(.79,-.61,0,1.13);
    transition: all 1s cubic-bezier(.69,-.37,0,1.13)
}

.slider_itog1_drop {
    width: 100%
}

.slider4_wins {
    width: 100%
}

.hidden {
    visibility: hidden;
    display: none
}

.buypaymentnotifity {
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(185, 28, 28, .1);
    color: #b91c1c;
    display: none;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .01em;
    padding: 10px 18px;
    position: absolute;
    right: -40px;
    text-align: center;
    top: 65px;
    width: 240px
}

@media(min-width: 200px) and (max-width:566px) {
    .tier-selector-current {
        height:70px
    }

    .gdlr-tab-item.horizontal>.tab-content-wrapper {
        padding: 20px 0 0
    }

    .calculate_right {
        width: 100%
    }

    .calculate_left {
        width: 100%
    }

    .calculate-end-boost-me {
        width: 100%;
        position: relative
    }

    .calculate-right-part {
        background: #fff;
        padding: 20px 0
    }
}

.current-img-normal-draft {
    margin-top: 20px
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: .6em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
    background: #ececec
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-widget {
    font-family: Georgia,Verdana,Arial,sans-serif;
    font-size: 1.2em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {
    font-family: Georgia,Verdana,Arial,sans-serif;
    font-size: 1em
}

.ui-widget-content {
    border: 0 solid #404041;
    background: #404041 50% 50% repeat-x;
    color: #efec9f
}

.ui-widget-content a {
    color: #efec9f
}

.ui-widget-header {
    border: 1px solid #3e0b32;
    background: #e5e5e5;
    color: #eacd86;
    font-weight: 700
}

.ui-widget-header a {
    color: #eacd86
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
    border: none;
    background: #00b4ff;
    width: 10px;
    height: 20px;
    margin-left: 0;
    top: -7px;
    cursor: pointer
}

.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited {
    color: #f8eec9;
    text-decoration: none
}

.ui-widget.ui-widget-content {
    height: 7px;
    border: none;
    background: #00b4ff;
    cursor: pointer
}

.button-show-basket-custom {
    font-size: 20px;
    line-height: 1;
    /* Fixed 60px bar — env(safe-area-inset-bottom) was making the
       bar grow as Firefox Android's URL bar collapsed on scroll. */
    min-height: 60px;
    padding: 0 24px;
    background: linear-gradient(135deg, #f97316 0%, #eb5c29 50%, #d14310 100%);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-align: center;
    color: #fff;
    font-family: avenirnextcyr-bold;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .02em;
    z-index: 100001;
    box-shadow: 0 -4px 12px rgba(0,0,0,.18), 0 -10px 28px rgba(235,92,41,.35);
    cursor: pointer;
    animation: showPricePulse 2.4s ease-in-out infinite;
}
.button-show-basket-custom::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 9px solid #fff;
    transition: transform .25s ease;
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.25));
}
.button-show-basket-custom.open::before {
    transform: rotate(180deg);
}
.button-show-basket-custom:active {
    animation: none;
    transform: translateY(1px);
    box-shadow: 0 -2px 8px rgba(0,0,0,.2);
}
@keyframes showPricePulse {
    0%, 100% { box-shadow: 0 -4px 12px rgba(0,0,0,.18), 0 -10px 28px rgba(235,92,41,.35); }
    50%      { box-shadow: 0 -4px 12px rgba(0,0,0,.22), 0 -14px 40px rgba(235,92,41,.6); }
}
@media (prefers-reduced-motion: reduce) {
    .button-show-basket-custom { animation: none; }
}

.eo-fav-champs-line-select .eo-fav-champs-line-block svg {
    margin: 0 auto 20px;
    width: 90px;
    height: 56px
}

.eo-fav-champs-line-select .eo-fav-champs-line-block.selected {
    color: #00b4ff
}

.eo-fav-champs-list .eo-fav-champ-select1 img {
    vertical-align: middle
}

.eo-fav-champs-list .eo-fav-champ-select1 .eo-champ-name {
    vertical-align: middle;
    font-size: 15px;
    line-height: 10px;
    color: #000;
    padding-top: 10px;
    font: 20px"AvenirNextCyr-Bold"
}

.eo-fav-champs-list .choose-catg {
    margin: 10px 0 0
}

.eo-fav-champs-list .eo-fav-champ-select1 {
    margin: 0 30px 0 0;
    width: 46%
}

.choosen_text.choosen_text_norm_score {
    text-align: center;
    margin-bottom: 30px
}

.choosen_text-custom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 2px solid #ccc;
    margin-bottom: 40px
}

.intro-box {
    width: 50%;
    text-align: center;
    padding: 40px 0;
    position: relative
}

.intro-box:first-child {
    border-right: 2px solid #ccc
}

.intro-box:first-child:after {
    content: '';
    position: absolute;
    background: #fff;
    padding: 31px;
    border: solid #ccc;
    border-width: 0 2px 2px 0;
    top: 50%;
    right: -34px;
    transform: translateY(-50%) rotate(-45deg)
}

.intro-box-title {
    font: 24px league;
    color: #00b4ff;
    margin-bottom: 15px
}

.intro-code {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    line-height: 14px;
    color: #676767;
    margin: 0 10px 0 0
}

.intro-number {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    line-height: 18px;
    color: #2f2a29;
    font-weight: 700
}

.choosen_text.style {
    margin: 10px auto;
    font-size: 18px;
    max-width: 1000px;
    text-align: center
}

.image-solo {
    display: none;
    max-width: 191px;
    margin: -36px auto 0
}

.image-solo img {
    margin: 0
}

.choose-catg .choose_btn.selected {
    background: #00b4ff;
    color: #fff;
    border: 1px solid #00b4ff
}

.eo-header-work .eo-work-content.choose_sum_spells {
    padding: 0 0 0
}

.eo-header-work .eo-work-content.choose_sum_spells .eo-spellblock {
    text-align: left
}

.eo-header-work .eo-spell-select {
    text-align: center
}

.eo-header-work .eo-spleebot {
    text-align: left;
    display: block
}

.eo-work-content .jcf-select {
    border: 2px solid #d2d2d2;
    height: 55px;
    width: 150px;
    text-align: left
}

.eo-work-content .jcf-select .jcf-select-text {
    line-height: 52px;
    margin: 0 63px 0 15px
}

.eo-header-work .eo-spellblock .eo-left,.eo-header-work .eo-spellblock .eo-right-spell {
    width: 150px
}

.eo-work-content .jcf-select-drop .jcf-select-drop-content {
    border-color: #d2d2d2
}

.jcf-focus,.jcf-focus * {
    border-color: #d2d2d2!important
}

.jcf-select .jcf-select-opener:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px 0 0 -8px;
    width: 15px;
    height: 9px;
    background: url(/wp-content/themes/boosting/assets/images/select-arrow.png) no-repeat;
    background-size: 15px 9px;
    opacity: .5
}

.jcf-select .jcf-select-opener {
    background: 0 0;
    width: 45px
}

@media all and (max-width: 1024px),only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px),only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px),only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1024px),only screen and (min-device-pixel-ratio:2) and (max-width:1024px),only screen and (min-resolution:192dpi) and (max-width:1024px),only screen and (min-resolution:2dppx) and (max-width:1024px) {
    .body-wrapper {
        width:100%;
        overflow: hidden
    }

    .choose-catg {
        width: auto;
        float: right
    }

    .package_sub_title {
        text-align: center;
        margin-top: 2rem
    }

    .co-btn {
        height: 50px
    }

    .content-wrapper.active {
        z-index: 100000
    }

    .eo-fav-champs-list .eo-fav-champ-select1 {
        width: 45%
    }

    .tab-content-wrapper .lft-section {
        width: 100%;
        margin-right: 0;
        box-sizing: border-box
    }

    .boosting-modal {
        width: 100%;
        left: 0
    }

    .eo-work-content.choose_sum_spells {
        max-width: 493px;
        float: none;
        margin: 0 auto
    }

    .eo-fav-champs-list .eo-fav-champ-select1 .eo-champ-name {
        margin-top: 26px
    }

    .placement_match_box {
        flex-direction: column
    }

    .tier-selector-current,.tier-selector-desired,.ed_server_values,.ed_platform_values {
        max-width: 360px;
        margin: 0 auto 30px;
        float: none
    }

    #add-note-ta {
        box-sizing: border-box
    }

    .rgt-sidebar-section {
        top: 0!important;
        left: 0!important;
        right: 0!important;
        bottom: 0!important;
        margin: 0;
        background: #fff!important;
        width: 100%!important;
        max-width: 100%!important;
        position: fixed!important;
        display: none;
        z-index: 1500;
        box-sizing: border-box;
        /* Without these the modal had no internal scroll mechanism, so
           when the .order-card was taller than the viewport the Rank Up
           CTA at its bottom was unreachable. Padding-bottom reserves
           space underneath for the fixed-position .button-show-basket-custom
           (CLOSE PRICE) toggle (~64px + safe area) so the CTA isn't
           overlaid when scrolled into view. overscroll-behavior:
           contain stops scroll chaining to the body — without it
           Firefox Android shows the fixed CLOSE PRICE bar drifting
           with rubber-band overscroll. */
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        padding-bottom: calc(80px + env(safe-area-inset-bottom, 0px)) !important;
    }

    .rgt-sidebar-section .calculate-right-part {
        max-width: 60vh;
        max-height: 100vh;
        margin: 10px auto 0!important;
        overflow: scroll;
        background-color: #fff;
        box-shadow: 0 0 3px 0 rgba(52,49,75,.2);
        margin: 0 0 25px
    }

    .button-show-basket-custom {
        display: flex
    }

    #cssmenu {
        transform: none
    }

    #cssmenu #menu-button {
        padding-bottom: 15px
    }

    #cssmenu ul {
        position: absolute;
        top: 100%;
        right: 0;
        width: 200px;
        background: #fff;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none
    }

    #cssmenu #menu-button:before {
        top: 25px
    }

    #cssmenu #menu-button:after {
        top: 15px
    }

    #cssmenu>ul>li>a {
        color: #252729
    }

    .pilot_boost {
        width: auto;
        height: auto;
        margin-bottom: 20px;
        padding-bottom: 20px;
        background: #fff;
        border-bottom: 2px solid #ececec;
        justify-content: center;
        max-width: 308px;
        margin: 10px auto 0!important;
        overflow: auto;
        background-color: #fff
    }
}

@media only screen and (max-width: 767px) {
    .intro-box {
        width:100%
    }

    .intro-box:first-child {
        border-right: none;
        border-bottom: 2px solid #ccc
    }

    .intro-box:first-child:after {
        display: none
    }

    .product-calc-item {
        width: 100%;
        margin-bottom: 15px;
        padding: 0
    }

    .eo-right-spell .eo-spell-select {
        float: none;
        width: 100%
    }

    .eo-header-work .eo-spellblock .eo-left,.eo-header-work .eo-spellblock .eo-right-spell {
        width: 100%
    }

    .eo-fav-champs-working-block {
        text-align: center
    }

    .eo-fav-champs-line-select .eo-fav-champs-line-block {
        margin-right: 0
    }

    .choosen_text {
        width: 100%
    }

    .intro-box {
        width: 100%;
        float: none
    }

    .choosen_text.choosen_text_norm_score {
        box-sizing: border-box
    }

    .choosen_text.style {
        box-sizing: border-box
    }
}

@media only screen and (max-width: 600px) {
}

.head-frm-bnr {
    max-width: 1167px;
    margin: 0 auto;
    float: none
}

body.home .form-login-signup {
    top: 65px
}

.form-login-signup {
    top: 65px
}

.form-login-signup .frm-btm-section,.form-login-signup .field-wrap {
    width: 100%
}

.form-login-signup .frm-fld-section {
    box-sizing: border-box
}

.form-login-signup .tab-group li a {
    width: 100%;
    box-sizing: border-box
}

.form-login-signup .field-wrap {
    box-sizing: border-box
}

.form-login-signup .frm-btm-section {
    box-sizing: border-box
}

.orders_top_right {
    padding: 7px 0 0;
    line-height: 19px
}

@keyframes button-animation {
    0% {
        border-color: #abe449;
        background: #abe449
    }

    33% {
        border-color: #17dd90;
        background: #17dd90
    }

    66% {
        border-color: #00b4ff;
        background: #00b4ff
    }

    100% {
        border-color: #4987ec;
        background: #4987ec
    }
}

@-webkit-keyframes button-animation {
    0% {
        border-color: #abe449;
        background: #abe449
    }

    33% {
        border-color: #17dd90;
        background: #17dd90
    }

    66% {
        border-color: #00b4ff;
        background: #00b4ff
    }

    100% {
        border-color: #4987ec;
        background: #4987ec
    }
}

@keyframes discount-animation {
    0% {
        -moz-transform: scale(1) translate(0,0);
        -ms-transform: scale(1) translate(0,0);
        -o-transform: scale(1) translate(0,0);
        transform: scale(1) translate(0,0)
    }

    60% {
        -moz-transform: scale(1.5) translate(0,0);
        -ms-transform: scale(1.5) translate(0,0);
        -o-transform: scale(1.5) translate(0,0);
        transform: scale(1.5) translate(0,0)
    }

    70% {
        -moz-transform: scale(1.5) translate(-10px,0);
        -ms-transform: scale(1.5) translate(-10px,0);
        -o-transform: scale(1.5) translate(-10px,0);
        transform: scale(1.5) translate(-10px,0)
    }

    80% {
        -moz-transform: scale(1.5) translate(10px,0);
        -ms-transform: scale(1.5) translate(10px,0);
        -o-transform: scale(1.5) translate(10px,0);
        transform: scale(1.5) translate(10px,0)
    }

    90% {
        -moz-transform: scale(1.5) translate(-10px,0);
        -ms-transform: scale(1.5) translate(-10px,0);
        -o-transform: scale(1.5) translate(-10px,0);
        transform: scale(1.5) translate(-10px,0)
    }

    100% {
        -moz-transform: scale(1.5) translate(10px,0);
        -ms-transform: scale(1.5) translate(10px,0);
        -o-transform: scale(1.5) translate(10px,0);
        transform: scale(1.5) translate(10px,0)
    }
}

@-webkit-keyframes discount-animation {
    0% {
        -webkit-transform: scale(1) translate(0,0)
    }

    60% {
        -webkit-transform: scale(1.5) translate(0,0)
    }

    70% {
        -webkit-transform: scale(1.5) translate(-10px,0)
    }

    80% {
        -webkit-transform: scale(1.5) translate(10px,0)
    }

    90% {
        -webkit-transform: scale(1.5) translate(-10px,0)
    }

    100% {
        -webkit-transform: scale(1.5) translate(10px,0)
    }
}

a.decorated {
    text-decoration: underline
}

button.calculate-button:before {
    content: attr(data-title);
    position: absolute
}

button.calculate-button:hover:before,button.calculate-button.cb-animate:before {
    animation: bth 1s 2 alternate
}

button.calculate-button:hover svg,button.calculate-button.cb-animate svg {
    animation: bas 2s 1
}

button.calculate-button svg {
    opacity: 0;
    transition: .5s;
    position: absolute
}

.arrows-svg {
    width: 100px;
    height: 27px;
    fill: #fff
}

button:hover .scroll-arrow-group .scroll-arrow-one,button.calculate-button.cb-animate .scroll-arrow-group .scroll-arrow-one {
    animation: scroll-arrow-one-animation 2s linear
}

button:hover .scroll-arrow-group .scroll-arrow-two,button.calculate-button.cb-animate .scroll-arrow-group .scroll-arrow-two {
    animation: scroll-arrow-two-animation 2s linear
}

button:hover .scroll-arrow-group .scroll-arrow-three,button.calculate-button.cb-animate .scroll-arrow-group .scroll-arrow-three {
    animation: scroll-arrow-three-animation 2s linear
}

@keyframes bth {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@keyframes bas {
    0% {
        opacity: 0
    }

    30% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes scroll-arrow-one-animation {
    0% {
        opacity: .25
    }

    10% {
        opacity: 1
    }

    33% {
        opacity: .25
    }

    66% {
        opacity: .25
    }

    100% {
        opacity: .25
    }
}

@keyframes scroll-arrow-two-animation {
    0% {
        opacity: .25
    }

    33% {
        opacity: 1
    }

    66% {
        opacity: .25
    }

    100% {
        opacity: .25
    }
}

@keyframes scroll-arrow-three-animation {
    0% {
        opacity: .25
    }

    33% {
        opacity: .25
    }

    66% {
        opacity: 1
    }

    100% {
        opacity: .25
    }
}

.calculateboostpage {
    text-align: center;
    border-bottom: 1px solid #ededed;
    padding-bottom: 25px;
    font-size: 40px;
    font-family: League;
    font-weight: 500;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 15px
}

.calculateboostpage2 {
    text-align: center;
    border-bottom: 2px solid #ededed;
    font-family: league;
    font-weight: 500;
    text-transform: uppercase;
    color: #2f2a29;
    padding: 25px;
    font-size: 38px;
    margin-bottom: 25px
}

#translations-main strong {
    font-family: avenirnextcyr-bold
}

.matchlist-header {
    display: none
}

.extraimage {
    align-items: center;
    margin: 1.5% 0% 1% 20%;
    fill: #00b4ff
}

.extraimage svg {
    max-height: 200px
}

#total_package_price_display {
    color: #2f2a29;
    font-size: 22px;
    font-family: avenirnextcyr-bold
}

strong {
    font-weight: 700!important
}

.product-promises {
    display: flex;
    justify-content: space-around;
    padding-top: 2rem;
    padding-bottom: 2rem;
    border-top: 1px solid #dedede;
    font-weight: 700;
    margin-top: 2rem;
    font-family: avenirnextcyr-medium
}

.packageh4 {
    text-align: center;
    font-weight: 700;
    font-size: 22px;
    margin-top: -10px;
    margin-bottom: 20px
}

.product-promises li {
    padding: 0 5px;
    width: 25%;
    list-style: none;
    text-align: center;
    font-size: 17px
}

.product-promises li img {
    opacity: 1!important;
    margin-bottom: 10px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 90px
}

.title-pageh4 {
    visibility: hidden;
    font-size: 24px;
    color: #fff;
    font-family: avenirnextcyr-regular;
    font-weight: 400;
    text-shadow: 0 4px 10px rgba(0,0,0,.3)
}

.page-id-5447 .c-indicators--colored .c-indicator.div-league-diamond .l-division:nth-child(even) {
    display: none
}

.page-id-5447 .c-indicators--colored .c-indicator.div-league-diamond .l-division:nth-child(3) {
    display: none
}

.page-id-5447 .div-league-diamond {
    width: 11px!important
}

.page-id-3988 .c-indicators--colored .c-indicator.div-league-master .l-division:nth-child(even) {
    display: none
}

.page-id-3988 .c-indicators--colored .c-indicator.div-league-master .l-division:nth-child(3) {
    display: none
}

.page-id-3988 .div-league-master {
    width: 11px!important
}

.page-id-3985 .c-indicators--colored .c-indicator.div-league-unranked .l-division:nth-child(even) {
    display: none
}

.page-id-3985 .c-indicators--colored .c-indicator.div-league-unranked .l-division:nth-child(3) {
    display: none
}

.page-id-3985 .div-league-unranked {
    width: 11px!important
}

.page-id-3984 .booster_packege_tabs ul {
    margin-bottom: 0
}

@font-face {font-display:swap;
    font-display: swap;
    font-display: swap;
    font-family: avenirnextcyr-regular;
    src: url(/wp-content/themes/boosting/assets/fonts/AvenirNextCyr-Regular.eot);
    src: url(/wp-content/themes/boosting/assets/fonts/AvenirNextCyr-Regular.eot?) format("embedded-opentype"),url(/wp-content/themes/boosting/assets/fonts/AvenirNextCyr-Regular.woff2) format("woff2"),url(/wp-content/themes/boosting/assets/fonts/AvenirNextCyr-Regular.woff) format("woff"),url(/wp-content/themes/boosting/assets/fonts/AvenirNextCyr-Regular.ttf) format("truetype"),url(/wp-content/themes/boosting/assets/fonts/AvenirNextCyr-Regular.svg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {font-display:swap;
    font-display: swap;
    font-display: swap;
    font-family: avenirnextcyr-medium;
    src: url(/wp-content/themes/boosting/assets/fonts/AvenirNextCyr-Medium.eot);
    src: url(/wp-content/themes/boosting/assets/fonts/AvenirNextCyr-Medium.eot?) format("embedded-opentype"),url(/wp-content/themes/boosting/assets/fonts/AvenirNextCyr-Medium.woff2) format("woff2"),url(/wp-content/themes/boosting/assets/fonts/AvenirNextCyr-Medium.woff) format("woff"),url(/wp-content/themes/boosting/assets/fonts/AvenirNextCyr-Medium.ttf) format("truetype"),url(/wp-content/themes/boosting/assets/fonts/AvenirNextCyr-Medium.svg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {font-display:swap;
    font-display: swap;
    font-display: swap;
    font-family: bebas neue;
    src: url(/wp-content/themes/boosting/assets/fonts/BebasNeueRegular.eot);
    src: url(/wp-content/themes/boosting/assets/fonts/BebasNeueRegular.eot?) format("embedded-opentype"),url(/wp-content/themes/boosting/assets/fonts/BebasNeueRegular.woff2) format("woff2"),url(/wp-content/themes/boosting/assets/fonts/BebasNeueRegular.woff) format("woff"),url(/wp-content/themes/boosting/assets/fonts/BebasNeueRegular.ttf) format("truetype"),url(/wp-content/themes/boosting/assets/fonts/BebasNeueRegular.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {font-display:swap;
    font-display: swap;
    font-display: swap;
    font-family: premier league with lion number;
    src: url(/wp-content/themes/boosting/assets/fonts/PremierLeaguewithLionNumber.eot);
    src: url(/wp-content/themes/boosting/assets/fonts/PremierLeaguewithLionNumber.eot?) format("embedded-opentype"),url(/wp-content/themes/boosting/assets/fonts/PremierLeaguewithLionNumber.woff2) format("woff2"),url(/wp-content/themes/boosting/assets/fonts/PremierLeaguewithLionNumber.woff) format("woff"),url(/wp-content/themes/boosting/assets/fonts/PremierLeaguewithLionNumber.ttf) format("truetype"),url(/wp-content/themes/boosting/assets/fonts/PremierLeaguewithLionNumber.svg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {font-display:swap;
    font-display: swap;
    font-display: swap;
    font-family: avenirnextcyr-bold;
    src: url(/wp-content/themes/boosting/assets/fonts/AvenirNextCyr-Bold.eot);
    src: url(/wp-content/themes/boosting/assets/fonts/AvenirNextCyr-Bold.eot?) format("embedded-opentype"),url(/wp-content/themes/boosting/assets/fonts/AvenirNextCyr-Bold.woff2) format("woff2"),url(/wp-content/themes/boosting/assets/fonts/AvenirNextCyr-Bold.woff) format("woff"),url(/wp-content/themes/boosting/assets/fonts/AvenirNextCyr-Bold.ttf) format("truetype"),url(/wp-content/themes/boosting/assets/fonts/AvenirNextCyr-Bold.svg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,p,pre,a,abbr,acronym,address,code,dfn,em,img,ins,q,s,small,strong,sub,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,section,summary,time,mark,audio,video,input,textarea,select {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    box-sizing: border-box
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

a {
    text-decoration: none
}

body {
    line-height: 1;
    min-width: 320px
}

ol,ul {
    list-style: none;
    padding: 10px 0;
}

.content-faq ul>li:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    margin-top: 9px;
    width: 8px;
    height: 8px;
    background: #000;
    border-radius: 10px;
    margin-right: 16px
}

.content-faq ul>li {
    margin-bottom: 10px
}

q {
    quotes: none
}

h4 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px
}

q:before,q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

img {
    max-width: 100%
}

a:hover,a:focus {
    text-decoration: none;
    color: inherit
}

.clearfix:before,.clearfix:after {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

body {
    font: 16px avenirnextcyr-regular;
    color: #2f2a29
}

.container {
    max-width: 1800px;
    margin: 0 auto;
    padding: 0 50px
}

.row {
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center
}

.btn {
    transition: all .3s ease-in-out;
    font-family: avenirnextcyr-bold;
    color: #00b4ff;
    background: #fff;
    border: 1px solid #fff;
    position: relative;
    text-transform: uppercase;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    transform-style: preserve-3d;
    box-shadow: 1.86px 1.67px 1.29px rgba(0,0,0,.11)
}

.btn:after {
    content: '';
    position: absolute;
    top: -5px;
    left: 50%;
    height: calc(100% + 10px);
    width: 0;
    z-index: -1;
    -webkit-transform: skew(-25deg) translateZ(-1px);
    transform: skew(-25deg) translateZ(-1px);
    background: #0062a6;
    transition: transform .4s,width .4s,left .4s,-webkit-transform .4s
}

.btn:not(:disabled):hover {
    background: 0 0;
    color: #fff;
    border: #fff
}

.btn:not(:disabled):hover:after {
    width: calc(100% + 10px);
    -webkit-transform: skew(0) translateZ(-1px);
    transform: skew(0) translateZ(-1px);
    left: -5px;
    transition: transform .4s,width .4s,left .4s,-webkit-transform .4s
}

.title-h2 {
    font: 55px league
}

.title-page {
    color: #fff;
    font: 60px league;
    visibility: hidden;
    font-family: league;
    margin-bottom: 10px;
    text-shadow: 0 4px 10px rgba(0,0,0,.3)
}

.title-page span {
    background: #fff;
    -webkit-background-clip: text;
}

@media only screen and (max-width: 991px) {
    .title-h2 {
        font-size:30px;
        padding: 20px!important
    }

    .title-page {
        font-size: 30px
    }

    .title-pageh4 {
        font-size: 18px
    }
}

header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 5
}

.header-wrap {
    display: -ms-flexbox;
    display: flex
}

.header-logos {
    display: -ms-flexbox;
    display: flex;
    flex: 2
}

body.admin-bar header {
    top: 32px
}

.logo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 75px;
    background: #022a46;
    margin-right: 5px;
    padding: 5px 4px;
    transition: .6s;
    overflow: hidden
}

.home .logo {
    background: #0062a7
}

.home .fillbutton {
    background: #0062a7
}

a.logo:hover {
    width: 200px
}

.logo img {
    width: auto;
    height: 55px;
    margin-right: 5px;
    margin-left: 8px
}

.logo:nth-child(3) img {
    margin-right: 5px;
    margin-left: 0
}

.logo span {
    color: #fff;
    font: 16px avenirnextcyr-bold;
    text-transform: uppercase;
    margin-left: 15px
}

.tp-display {
    margin-bottom: -10px
}

.wrap-menu {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    text-align: right;
    padding-right: 40px
}

.fillbutton {
    border: none;
    position: relative;
    background: #065892;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font: 21px League,Roboto;
    color: #fff;
    transition: all .3s ease-in-out;
    overflow: hidden;
    transform-style: preserve-3d;
    cursor: pointer;
    min-width: 60px
}

.fillbutton:after {
    content: '';
    position: absolute;
    top: -5px;
    left: 50%;
    height: calc(100% + 10px);
    width: 0;
    z-index: -1;
    -webkit-transform: skew(-25deg) translateZ(-1px);
    transform: skew(-25deg) translateZ(-1px);
    background: #00b4ff;
    transition: transform .4s,width .4s,left .4s,-webkit-transform .4s
}

.fillbutton:hover:after {
    width: calc(100% + 10px);
    -webkit-transform: skew(0) translateZ(-1px);
    transform: skew(0) translateZ(-1px);
    left: -5px;
    transition: transform .4s,width .4s,left .4s,-webkit-transform .4s
}

.fillbutton:hover {
    background: #00b4ff;
    color: #fff
}

.push-button {
    width: 4rem;
    justify-content: flex-end;
    margin-right: 4px
}

button.push-button.pb-open,button.push-button:hover,button.push-button:active {
    width: 25rem
}

span.ps-message {
    margin: 0 1rem;
    white-space: nowrap;
    width: 18rem
}

.push-button>i,#profile-settings-button>i {
    margin: 0 1rem;
    width: auto
}

.login {
    width: 134px
}

#profile-settings-button {
    width: 4rem;
    margin-right: 5px
}

@media only screen and (max-width: 1199px) {
    .header-logos {
        margin-right:0
    }

    .wrap-menu {
        margin-right: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .col-i1 {
        width: 48%!important
    }

    .header-wrap {
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media only screen and (max-width: 991px) {
    .wrap-menu {
        -ms-flex-order:2;
        order: 4
    }

    .burger {
        width: 40px;
        height: 30px;
        position: relative;
        -ms-flex-order: 2;
        order: 2
    }

    .burger:before,.burger:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 2px;
        background: #fff;
        transition: all .3s ease-in-out
    }

    .burger:before {
        top: 0
    }

    .burger:after {
        bottom: 0
    }

    .burger span {
        position: absolute;
        width: 100%;
        height: 2px;
        background: #fff;
        top: 50%;
        transform: translateY(-50%)
    }

    .burger.active {
        z-index: 1000
    }

    .burger.active span {
        display: none
    }

    .burger.active:before {
        top: 15px;
        transform: rotate(45deg)
    }

    .burger.active:after {
        bottom: 13px;
        transform: rotate(-45deg)
    }

    .menu-title {
        padding: 60px 0 40px;
        text-align: center;
        font: 28px league;
        color: #fff;
        position: relative
    }

    .menu-title span {
        background: -webkit-linear-gradient(top,#fdfb62 0%,#ffb81e 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .menu-title:before {
        content: '';
        position: absolute;
        width: 78%;
        height: 1px;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
        background: #4a5153
    }

    header .menu {
        padding-top: 75px;
        margin-bottom: 40px
    }

    header .menu li {
        margin-bottom: 40px
    }

    header .menu a {
        text-transform: uppercase;
        color: #fff;
        font: 26px league
    }

    .logo-mobmenu {
        max-width: 135px;
        display: block;
        margin: 0 auto
    }

    .header-menu {
        position: absolute;
        width: 100%;
        height: 100vh;
        background: rgba(0,0,0,.95);
        left: 0;
        top: 0;
        transition: all .3s ease-in-out;
        transform: translateY(-300%);
        text-align: center
    }

    .header-menu.active {
        transform: translateY(0)
    }
}

@media only screen and (max-width: 567px) {
    .header-wrap {
        -ms-flex-align:center;
        align-items: center
    }

    body:not(.home) .header-logos a:not(:nth-child(1)) {
        display: none
    }

    .header-logos {
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .banner-page-img.banner-page-img__boosting {
        display: none
    }

    .logo {
        width: 55px!important;
        padding: 5px;
        font-size: 14px
    }

    .logo span {
        display: none
    }

    .login {
        width: 80px;
        font-size: 15px;
        height: 30px
    }

    .push-button,#profile-settings-button {
        width: 2.2rem;
        font-size: 15px;
        height: 30px
    }

    .push-button>i,#profile-settings-button>i {
        margin: 0 5px
    }

    button.push-button.pb-open,button.push-button:hover,button.push-button:active {
        width: 9.5rem
    }

    span.ps-message {
        margin: 0 .5rem;
        white-space: initial;
        font-size: 12px
    }
}

@media only screen and (min-width: 992px) {
    header .menu {
        display:-ms-flexbox;
        display: inline-block
    }

    header .menu li {
        margin-right: 1.2vw;
        position: relative;
        display: inline-block;
        margin-bottom: 0
    }

    header .menu li:before {
        content: '';
        position: absolute;
        height: 3px;
        width: 0;
        transition: all .3s ease-in-out;
        background: #ee4f2e;
        left: 50%;
        bottom: -21px
    }

    header .menu li:hover:before {
        left: 0;
        right: 0;
        width: 100%
    }

    header .menu li:last-child {
        margin-right: 0;
        font-weight: 500;
        color: #fff;
        font-family: league;
        background: url(/wp-content/themes/boosting/assets/images/vipscroller2.webp) repeat-y;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: #0000002b;
        -webkit-animation: aitf 100s linear infinite;
        -webkit-transform: translate3d(0,0,0);
        -webkit-backface-visibility: hidden;
		filter: invert(1);
    }

    #menu-item-9400 a {
        color: #241d20;
        text-transform: uppercase;
        font-size: 19px
    }

    header .menu a {
        color: #000;
        font: 18px avenirnextcyr-bold;
        text-transform: uppercase
    }

    .burger,.menu-title,.logo-mobmenu {
        display: none
    }
}

.banner {
    position: relative;
    background: #4eb3fcfc;
    background: linear-gradient(297deg,rgb(220 244 253) 0%,rgb(220 244 253) 36%,#6dc3fffc 35%)
}

.banner__page {
    padding: 80px 0 80px;
    height: 290px;
    text-align: center;
    background: linear-gradient(229deg,#0066aff7 0,#001320 100%);
    background-size: cover
}

.page-template-order_demo_dynamic .banner__page {
    padding: 120px 0 70px
}

.banner-page-img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 34vw
}

.banner-page-img.banner-page-img__boosting {
    width: auto;
    animation-duration: 500ms
}

.banner-page-img img {
    display: block;
    float: right;
    height: 270px;
    filter: drop-shadow(1px 1px 1px black)
}

.banner-container {
    max-width: 1800px;
    padding: 0 60px;
    margin: 0 auto;
    height: 45vw;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.banner-img {
    width: auto;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40vw;
    max-height: 100%
}

.banner-img img {
    display: block;
    aspect-ratio: auto 710 / 608;
    width: 38vw;
    max-width: 1150px;
    filter: drop-shadow(2px 0px 6px black);
}

.banner-text {
    width: 62%;
    color: #fff;
    position: relative;
    z-index: 2
}

.banner-text h1 {
    font: 3vw league;
    margin-bottom: 74px;
    margin-top: 0vw;
    position: relative;
    text-shadow: 0 4px 10px rgba(0,0,0,.3);
}


    /* ── Animations ── */
    @keyframes fadeSlideUp {
      from { opacity: 0; transform: translateY(18px); }
      to   { opacity: 1; transform: translateY(0); }
    }
    @keyframes owlBlink {
      0%, 88%, 100% { transform: scaleY(1); }
      93%           { transform: scaleY(0.06); }
    }
    @keyframes shieldPulse {
      0%, 100% { transform: scale(1); }
      35%      { transform: scale(1.14); }
      65%      { transform: scale(1.05); }
    }
    @keyframes minuteHand {
      from { transform: rotate(0deg); }
      to   { transform: rotate(360deg); }
    }
    @keyframes hourHand {
      from { transform: rotate(0deg); }
      to   { transform: rotate(360deg); }
    }
    @keyframes slashSlide {
      0%, 60% { stroke-dashoffset: 34; opacity: 0; }
      80%     { opacity: 1; stroke-dashoffset: 0; }
      100%    { stroke-dashoffset: 0; opacity: 1; }
    }
    @keyframes dotBounce {
      0%, 80%, 100% { transform: translateY(0); opacity: 0.4; }
      40%           { transform: translateY(-3px); opacity: 1; }
    }
    @keyframes starTwinkle {
      0%, 100% { transform: scale(1); }
      50%      { transform: scale(1.28); }
    }
    @keyframes diamondPulse {
      0%, 100% { transform: scale(1); }
      50%      { transform: scale(1.07); }
    }
    @keyframes glintMove {
      0%, 70%, 100% { opacity: 0; transform: translate(-6px, 6px); }
      80%           { opacity: 1; transform: translate(0, 0); }
      90%           { opacity: 0; transform: translate(6px, -6px); }
    }

    /* ── Section wrapper ── */
    .perks-wrap {
      background: #004e85;
      padding: 2.2rem 1.8rem 2rem;
      border-radius: 14px;
      width: 100%;
      max-width: 860px;
    }

    /* ── Grid ── */
    .perks-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      margin: 2rem 0;
      font: 16px avenirnextcyr-regular;
      /*! font-family: inherit; */
      font-weight: 538;
    }
    @media (max-width: 540px) {
      .perks-grid { grid-template-columns: 1fr; }
    }

    /* ── Card ── */
    .perk-card {
      display: flex;
      align-items: center;
      gap: 14px;
      opacity: 0;
      animation: fadeSlideUp 0.5s ease forwards;
      /*! background: rgba(255,255,255,0.05); */
      border: 1px solid rgba(255,255,255,0.09);
      border-radius: 12px;
      padding: 10px 10px;
      position: relative;
      overflow: hidden;
      transition: background 0.25s, border-color 0.25s, transform 0.2s;
      cursor: default;
    }
    .perk-card::before {
      content: '';
      position: absolute;
      inset: 0;
      border-radius: 12px;
      background: linear-gradient(135deg, rgba(0, 0, 0, 0.06) 0%, transparent 60%);
      pointer-events: none;
    }
    .perk-card:hover {
      background: rgba(255,255,255,0.09);
      border-color: rgba(253,251,98,0.4);
      transform: translateY(-2px);
    }
    .perk-card:nth-child(1) { animation-delay: 0.04s; }
    .perk-card:nth-child(2) { animation-delay: 0.14s; }
    .perk-card:nth-child(3) { animation-delay: 0.24s; }
    .perk-card:nth-child(4) { animation-delay: 0.34s; }
    .perk-card:nth-child(5) { animation-delay: 0.44s; }
    .perk-card:nth-child(6) { animation-delay: 0.54s; }

    /* ── Icon tile ── */
    .perk-icon {
      width: 52px;
      height: 52px;
      border-radius: 12px;
      background: #9ed2ff00;
      border: 2px solid rgba(186, 186, 186, 0.21);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      transition: border-color 0.25s;
      overflow: hidden;
    }
    .perk-card:hover .perk-icon { border-color: rgba(253,251,98,0.6); }

    /* ── Text ── */
    .perk-text strong {
      display: block;
      font-size: 17px;
      font-weight: 300;
      color: #fff;
      /*! letter-spacing: 0.01em; */
      line-height: 1.3;
      font-family: Roboto;
      text-shadow: 1px 2px 1px #616161ad;
      font-size: 18px;
    }
    .perk-text span {
      font-size: 14px;
      color: rgba(255,255,255,0.38);
      line-height: 1.4;
    }

    /* ── Rating row ── */
    .rating-row {
      display: flex;
      align-items: center;
      gap: 10px;
      opacity: 0;
      animation: fadeSlideUp 0.5s ease 0.68s forwards;
    }
    .stars { display: flex; gap: 4px; }
    .star {
      width: 18px;
      height: 18px;
      animation: starTwinkle 2.2s ease-in-out infinite;
    }
    .star:nth-child(1) { animation-delay: 0s; }
    .star:nth-child(2) { animation-delay: 0.22s; }
    .star:nth-child(3) { animation-delay: 0.44s; }
    .star:nth-child(4) { animation-delay: 0.66s; }
    .star:nth-child(5) { animation-delay: 0.88s; opacity: 0.32; }
    .rating-num {
      font-size: 13px;
      font-weight: 700;
      color: #fdfb62;
    }
    .rating-badge {
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.06em;
      color: #fdfb62;
      background: rgba(253,251,98,0.1);
      border: 1px solid rgba(253,251,98,0.3);
      border-radius: 6px;
      padding: 2px 9px;
    }
    .rating-label { font-size: 12px; color: rgba(255,255,255,0.35); }

    /* ── Typing dots ── */
    .dot {
      width: 3px;
      height: 3px;
      border-radius: 50%;
      background: #fdfb62;
      animation: dotBounce 1.4s ease-in-out infinite;
      display: inline-block;
    }
    .dot:nth-child(1) { animation-delay: 0s; }
    .dot:nth-child(2) { animation-delay: 0.2s; }
    .dot:nth-child(3) { animation-delay: 0.4s; }
    .dots-row {
      display: flex;
      align-items: center;
      gap: 3px;
    }

    /* ── SVG animation helpers ── */
    .owl-eye-l { animation: owlBlink 3.8s ease-in-out infinite; transform-origin: 10.5px 13px; }
    .owl-eye-r { animation: owlBlink 3.8s ease-in-out 0.12s infinite; transform-origin: 17.5px 13px; }
    .shield-svg { animation: shieldPulse 2.2s ease-in-out infinite; }
    .minute-hand { transform-origin: 14px 14px; animation: minuteHand 4s linear infinite; }
    .hour-hand   { transform-origin: 14px 14px; animation: hourHand 48s linear infinite; }
    .slash-line  { animation: slashSlide 2.8s ease-in-out infinite; }
    .diamond-g   { animation: diamondPulse 2.4s ease-in-out infinite; transform-origin: 14px 14px; }
    .glint       { animation: glintMove 2.4s ease-in-out infinite; }
  

.banner-text h1:before {
    content: '';
    position: absolute;
    width: 100px;
    height: 6px;
    background: linear-gradient(to right,#fdfb62 0%,#e0dd17 100%);
    left: 0;
    bottom: -40px
}

.banner-text h1 span {
    display: block;
    background: -webkit-linear-gradient(bottom,#fdfb62 0%,#ffb81e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.banner-desc {
    font-size: 20px;
    text-shadow: 0 4px 10px #0000004d;
}

.block-options {
    background: url(/wp-content/themes/boosting/assets/images/bg-options.png) right top no-repeat;
    background-size: auto 100%
}

.block-category {
    transform: translateY(-50%)
}

.row-category {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0
}

.col-category {
    padding: 0 0;
    width: 25%
}

.category {
  display: block;
  position: relative;
  background-size: cover;
  height: 210px;
  box-shadow: 5.86px 5.67px 2.29px rgba(87, 87, 87, 0.67);
  background-color: #00b67a;
  max-width: 400px;
  margin: 5px;
  border-radius: 3px;
  background-position: center;
}

/* The four homepage category cards (.promo-link.category) carry their
   image / colour / size / position inline, but three of the four omit
   `background-repeat`. Browsers default that to `repeat`, so the
   character splash on those cards tiled vertically (the "duplicated
   Riven" bug). Force no-repeat across all four, and pin the image to
   the card's bottom edge so the character grounds against the
   ribbon-style "category-name" chip in the middle. !important so we
   beat the inline `background-position: -50px -20px` / `left` values
   that ship in the HTML.

   Mobile-only — on desktop the original inline `background-position`
   (center / left / negative offsets) reads fine because the cards
   are wider; pinning the splash to bottom on desktop made the cards
   look uneven and characters disconnected from their backgrounds. */
@media (max-width: 767px) {
  .promo-link.category {
    background-repeat: no-repeat !important;
    background-position: center bottom !important;
  }
}

.corner-ornament {
  position: absolute;
  width: 32px;
  height: 32px;
  pointer-events: none;
  z-index: 10;
  opacity: 0.9;
}
.corner-ornament.tl { top: 5px; left: 5px; }
.corner-ornament.tr { top: 5px; right: 5px; transform: scaleX(-1); }
.corner-ornament.bl { bottom: 5px; left: 5px; transform: scaleY(-1); }
.corner-ornament.br { bottom: 5px; right: 5px; transform: scale(-1,-1); }

.promo-link.category:hover .corner-ornament path,
.promo-link.category:hover .corner-ornament circle {
  fill: #ffffff;
  stroke: #ffffff;
  transition: fill 0.25s ease, stroke 0.25s ease;
}

.category:before {
    content: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 45px;
    height: 4px;
    background: #00b4ff;
    transition: all .3s ease-in-out
}

.category:hover:before {
    background: #fdfb62
}

.category:hover .category-name {
    color: #0364a9;
    background: #fff
}

.category-name {
    width: 210px;
    height: 65px;
    transition: all .3s ease-in-out;
    font: 22px avenirnextcyr-bold;
    text-transform: uppercase;
    color: #fff;
    display: block;
    text-align: center;
    line-height: 65px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #0364a9;
    overflow: hidden;
    box-shadow: 1px 2px 2px 1px #4c4c4c
}

.block-testimonials .glsr-review-title {
    margin-bottom: 20px!important
}

.block-testimonials .glsr-review-title:before {
    bottom: -20px!important
}

.glsr-default .glsr-review-date {
    font-style: normal!important;
    margin-left: 20px!important;
    margin-top: 2px!important;
    font-family: avenirnextcyr-medium
}

.glsr-default .glsr-review-rating {
    float: left
}

.category-name:after {
    content: '';
    position: absolute;
    top: -5px;
    left: 50%;
    height: calc(100% + 10px);
    width: 0;
    z-index: -1;
    -webkit-transform: skew(-25deg) translateZ(-1px);
    transform: skew(-25deg) translateZ(-1px);
    background: #fff;
    transition: transform .4s,width .4s,left .4s,-webkit-transform .4s
}

.category:hover .category-name:after {
    width: calc(100% + 10px);
    -webkit-transform: skew(0) translateZ(-1px);
    transform: skew(0) translateZ(-1px);
    left: -5px;
    transition: transform .4s,width .4s,left .4s,-webkit-transform .4s
}

@media only screen and (max-width: 1199px) {
    .block-category {
        transform:translateY(0);
        padding: 20px 0
    }

    .banner-page-img.banner-page-img__boosting {
        display: none
    }
}

@media only screen and (max-width: 1100px) {
    .block-category {
        transform:translateY(0);
        padding: 20px 0
    }

    .banner-page-img.banner-page-img__boosting {
        display: none
    }

    .banner-container {
        height: 1500px
    }

    .block-options .title-h2 {
        margin-top: 25px!important;
        margin-bottom: 35px
    }
}

@media only screen and (max-width: 1600px) {
    .banner-container {
        height:80vw
    }
}

@media only screen and (max-width: 991px) {
    .col-category {
        width:50%
    }

    .col-product {
        display: none
    }
}

@media only screen and (max-width: 567px) {
    .col-category {
        width:100%
    }

    .block-options {
        background: url(/wp-content/themes/boosting/assets/images/bg-options.png) right bottom no-repeat;
        background-size: 92.1875vw 600px
    }
}

.block-options {
    padding-bottom: 130px
}

.block-options .title-h2 {
    color: #0062a6;
    text-align: center;
    margin-bottom: 60px
}

.block-options .title-h2 span {
    background: -webkit-linear-gradient(left,#fdfb62 0%,#ffb81e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.block-product {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 2.6041666667vw;
    overflow: hidden
}

.col-product {
    position: relative
}

.col-product:nth-child(odd) .product-text {
    left: 8.8541666667vw;
    right: 1.1458333333vw
}

.col-product:nth-child(even) .product-text {
    left: 1.1458333333vw;
    right: 5.9375vw
}

@media only screen and (min-width: 1931px) {
    .col-product:nth-child(odd) {
        width:900px;
        margin-top: .4166666667vw
    }

    .col-product:nth-child(even) {
        width: 840px
    }

    .col-product:nth-child(even) .product-text {
        left: 1.1458333333vw;
        right: 5.9375vw
    }

    .product-desc {
        font-size: 22px;
        margin-bottom: 5px;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }
}

.col-product img {
    max-width: inherit;
    width: 100%;
    max-width: 95vw
}

.product-text {
    color: #fff;
    position: absolute;
    bottom: 5%;
    top: 50%;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 2.0833333333vw 1.3020833333vw
}

.product-name {
    font: 1.7vw league;
    margin-bottom: 10px;
    text-shadow: 0 4px 10px rgba(0,0,0,.5)
}

.product-desc {
    margin-bottom: 5px;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    text-shadow: 0 4px 10px rgba(0,0,0,.5)
}

.product-btn {
    width: 220px;
    height: 75px;
    font-size: 22px;
    text-transform: uppercase;
    font-family: avenirnextcyr-bold;
    color: #0062a6;
    background: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: all .3s ease-in-out;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    transform-style: preserve-3d;
    border: 2px solid #fff;
    border-radius: 2px;
    box-shadow: 1px 2px 2px 1px #7b7b7bbd
}

.product-btn:after {
    content: '';
    position: absolute;
    top: -5px;
    left: 50%;
    height: calc(100% + 10px);
    width: 0;
    z-index: -1;
    -webkit-transform: skew(-25deg) translateZ(-1px);
    transform: skew(-25deg) translateZ(-1px);
    background: #00b4ff;
    transition: transform .4s,width .4s,left .4s,-webkit-transform .4s
}

.product-btn:hover:after {
    width: calc(100% + 10px);
    -webkit-transform: skew(0) translateZ(-1px);
    transform: skew(0) translateZ(-1px);
    left: -5px;
    transition: transform .4s,width .4s,left .4s,-webkit-transform .4s
}

.product-btn:hover {
    background: #00b4ff;
    color: #fff
}

@media only screen and (max-width: 991px) {
    .block-product {
        -ms-flex-direction:column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        padding-right: 0
    }

    .product-promises li img {
        height: 50px
    }

    .eo-content-text p {
        padding: 20px 0
    }

    .extraimage {
        align-items: center;
        margin: auto;
        fill: #00b4ff;
        margin-top: 20px
    }

    .glsr-summary-wrap {
        padding-top: 20px
    }

    .block-options {
        padding-bottom: 40px
    }

    .eo_costout-fixed {
        margin: 10px 0
    }

    .boosting-modal.bm-visible {
        top: 0%!important
    }

    .payment-elem input[type=text],.payment-elem input[type=email] {
        width: 100%!important
    }

    .block-options .title-h2 {
        margin: 30px;
        font-size: 40px;
        display: none
    }

    .col-product:nth-child(odd) {
        width: 480px;
        max-width: 95vw
    }

    .col-product:nth-child(odd) .product-text {
        left: 90px;
        right: 10px
    }

    .col-product:nth-child(even) {
        width: 460px;
        max-width: 85vw
    }

    .col-product:nth-child(even) .product-text {
        left: 10px;
        right: 60px
    }

    .product-name {
        font-size: 25px
    }

    .product-text {
        top: 12%;
        padding: 0 3px 3px;
        bottom: 15px
    }

    .product-desc {
        font-size: 14px
    }

    .product-btn {
        width: 120px;
        height: 40px;
        min-height: 40px;
        font-size: 16px
    }
}

.block-boost {
    padding: 140px 0 120px;
    position: relative;
    background: #0062a6;
    background-size: cover
}

.block-boost:before {
    content: '';
    position: absolute;
    border: 70px solid transparent;
    border-top: 74px solid #fff;
    display: block;
    width: 0;
    height: 0;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    margin-top: -4px
}

.block-boost .title-h2 {
    text-align: center;
    color: #fff;
    margin-bottom: 10px;
    text-shadow: 0 4px 10px rgba(0,0,0,.3)
}

.title-h4 {
    text-align: center;
    color: #fff;
    margin-bottom: 5px;
    font: 24px league;
    text-shadow: 0 4px 10px rgba(0,0,0,.3)
}

.boost-desc {
    color: #fff;
    font-size: 24px;
    max-width: 1000px;
    margin: 30px auto 50px;
    text-align: center;
    text-shadow: 1px 2px 2px #6c6c6c9e;
    text-shadow: 0 4px 10px rgba(0,0,0,.3)
}

.glsr-default :not(.glsr-review-avatar)+.glsr-review-author:before {
    margin-right: 5px
}

.row-boost {
    margin: 0 -10px
}

.row-boost .slick-arrow {
    position: absolute;
    font-size: 0;
    border: none;
    outline: none;
    cursor: pointer;
    transition: all .3s ease-in-out;
    background: rgba(255,255,255,.1);
    width: 41px;
    height: 49px;
    top: 50%;
    transform: translateY(-50%)
}

.row-boost .slick-arrow:before {
    content: '';
    position: absolute;
    padding: 5px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    transition: all .3s ease-in-out;
    top: 50%;
    left: 50%
}

.row-boost .slick-arrow:hover {
    background: #fff
}

.row-boost .slick-arrow:hover:before {
    border-color: #2f2a29
}

.row-boost .slick-next {
    right: -3.6458333333vw
}

.row-boost .slick-next:before {
    transform: translate(-75%,-50%) rotate(-45deg)
}

.row-boost .slick-prev {
    left: -3.6458333333vw
}

.row-boost .slick-prev:before {
    transform: translate(-25%,-50%) rotate(135deg)
}

.col-boost {
    width: 25%;
    padding: 0 15px;
    margin-bottom: 10px
}

.boost {
    background: #fff;
    box-shadow: 3.86px 5.67px 6.29px rgba( 0,0,0,0.67 );
    min-width: 22rem;
    border-radius: 3px;
    padding: 5px
}

.boost-top {
    padding: 17px 0 20px 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 2px solid #e5e5e5;
    font-size: 15px
}

.boost-name {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    padding-top: 2px;
    font-family: avenirnextcyr-medium;
}

.boost-name span {
    color: #0062a6;
    display: block;
    font: 36px league
}

.boost-date {
    width: 80px;
    text-align: center;
    position: relative;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    font-family: avenirnextcyr-medium;
}

.boost-date:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 44px;
    background: #e5e5e5
}

.boost-center {
    padding: 20px 15px 5px;
    border-bottom: 2px solid #dcd4e6
}

.team {
    margin-bottom: 10px;
    text-align: center
}

.team:hover .team-name {
    color: #f78a43
}

.team__order {
    margin-bottom: 0
}

.team__order .team-logo {
    width: 100%
}

.team__battle {
    width: 160px
}

.row-block-history .team__battle .team-logo {
    height: 225px;
    width: 225px
}

.team__battle .team-logo {
    height: 190px;
    width: 190px
}

.team__current .team-logo {
    max-width: 190px;
    line-height: 190px;
    height: 190px
}

.team-logo {
    display: block;
    margin: 0 auto 5px
}

.team-logo__circle {
    border-radius: 50%
}

.team-logo__cg {
    margin-top: 60px;
    margin-bottom: 50px;
    border-style: inset
}

.team-logo__cg::before {
    content: "«";
    margin: auto;
    border: 10px solid #eaf0f6;
    border-radius: 50%;
    border-top: 10px solid #ff7a59;
    width: 220px;
    height: 220px;
    animation: spinner 6s cubic-bezier(0,-.01,1,.98) infinite;
    display: block;
    color: #ffffff00;
    position: absolute;
    margin: -45px -35px
}

@keyframes spinner {
    0% {
        transform: rotate(0deg)
    }

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

.team-logo img {
    vertical-align: middle;
    height: 190px;
    width: 200px;
    margin: auto;
    padding: 5px 0
}

.team__order .team-logo img {
    vertical-align: middle;
    max-height: 175px;
    height: 175px;
    width: 175px
}

.order-center .team__order .team-logo img {
    height: 200px
}

.team-desc {
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #2f2a29;
    font-family: avenirnextcyr-bold;
    font-size: 18px;
    font-weight: 500;
}

.team__current {
    margin-top: 5px
}

.team-name {
    font-family: avenirnextcyr-bold;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
    color: #002844;
    font-size: 18px;
    padding-top: 33px
}

.team-lp {
    margin-top: 0;
    text-transform: uppercase;
    font-size: 14px;
    font-family: avenirnextcyr-medium;
    color: rgba(0,0,0,.5)
}

.boost-date p:nth-child(2) {
    font-weight: 400;
    font-size: 12px;
    margin: 2px 0
}

.battle-icon {
    margin: 0;
    height: 2rem;
    width: 2rem
}

.row-battle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-around
}

.row-current {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.errythang img {
    border-radius: 15px
}

.row-block-history .row-current {
    margin: 30px 0 0
}

.boost-bottom {
    padding: 20px 30px 25px
}

.progress-title {
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 10px;
    font-family: avenirnextcyr-medium;
    font-size: 16px;
    font-weight: 500;
}

.progress-bar-wrap {
    width: 100%;
    height: 5px;
    background: #c7b1e0;
    position: relative
}

.progress-bar-line {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #fdfb62;
    transition: width 3s ease-in-out
}

.progress-bar-line:before {
    content: '';
    position: absolute;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #fdfb62;
    top: 50%;
    right: 0;
    transform: translate(50%,-50%)
}

@media only screen and (max-width: 1199px) {
    .block-boost:before {
        border:25px solid transparent;
        border-top: 25px solid #fff
    }

    .row-boost {
        margin-top: 90px
    }

    .row-boost .slick-arrow {
        top: -60px;
        transform: translateY(0)
    }

    .row-boost .slick-prev {
        left: 0
    }

    .row-boost .slick-next {
        right: 0
    }
}

.block-provide {
    padding: 120px 0;
    background: #0062a6;
    background-size: cover;
    position: relative
}

.block-provide .title-h2 {
    margin-bottom: 60px;
    text-align: center;
    color: #fff;
    text-shadow: 0 4px 10px rgba(0,0,0,.3)
}

.provide-section-img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 20%
}

.provide-section-img img {
    display: block
}

.provide-box {
    padding: 0 3%;
    position: relative
}

.col-provide {
    width: 50%;
    color: #fff;
    margin-bottom: 20px
}

.col-provide:nth-child(odd) {
    padding: 0 20px 0 10px
}

.col-provide:nth-child(even) {
    padding: 0 10px 0 40px
}

.provide-img {
    margin-bottom: 15px;
    margin: 0 auto
}

.provide-title {
    margin-bottom: 10px;
    font-size: 30px;
    font-family: avenirnextcyr-bold;
    text-shadow: 0 4px 10px rgba(0,0,0,.2)
}

.provide-desc {
    font-size: 20px;
    text-shadow: 0 4px 10px rgba(0,0,0,.3)
}

@media only screen and (max-width: 991px) {
    .provide-box {
        padding-left:0
    }

    .provide-section-img {
        display: none
    }

    .block-provide {
        padding: 40px 0
    }

    .block-provide .title-h2 {
        margin-bottom: 30px
    }

    .col-provide {
        width: 50%;
        color: #fff;
        margin-bottom: 30px
    }

    .col-provide:nth-child(odd) {
        padding: 0 15px
    }

    .col-provide:nth-child(even) {
        padding: 0 15px
    }
}

@media only screen and (max-width: 567px) {
    .col-provide {
        width:100%;
        text-align: center
    }
}

.block-faq {
    background: url(/wp-content/themes/boosting/assets/images/bg-faq.png) left top no-repeat;
    position: relative;
    padding: 120px 0
}

.block-faq .title-h2 {
    text-align: center;
    margin-bottom: 50px;
    color: #0062a6
}

.faq-img-1 {
    position: absolute;
    top: 10%;
    left: 0;
    width: 19vw
}

.faq-img-1 img {
    display: block;
    aspect-ratio: auto 365/581
}

.accordion a {
    color: #2246e1;
    font-weight: 700
}

.accordion-box {
    padding: 0 55px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.accordion-col {
    width: 50%;
    padding: 0 20px;
    margin-bottom: 20px
}

.content-faq .accordion-col {
    width: 100%
}

.accordion.active .accordion-question {
    background: #0062a6;
    color: #fff;
    text-shadow: 0 4px 10px rgba(0,0,0,.3)
}

.accordion.active .icon-plus:before {
    background: #2f2a29
}

.accordion.active .icon-plus:after {
    display: none
}

.accordion-question {
    padding: 20px 50px 20px 20px;
    background: #fff;
    color: #3a1149;
    font: 22px"AvenirNextCyr-Bold";
    box-shadow: .86px 2.67px 4.29px rgb(0 0 0/20%);
    cursor: pointer;
    position: relative;
    font-weight: 500
}

.icon-plus {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 25px;
    right: 25px
}

.icon-plus:before,.icon-plus:after {
    content: '';
    position: absolute;
    background: #01243d;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.icon-plus:before {
    width: 100%;
    height: 3px
}

.icon-plus:after {
    width: 3px;
    height: 100%
}

.accordion-content {
    display: none;
    padding: 10px 0;
    margin-top: 20px;
    position: relative;
    background: #fff
}

.accordion-content p {
    margin-bottom: 10px;
    font-size: 18px;
    padding: 10px
}

@media only screen and (max-width: 991px) {
    .block-faq {
        padding:40px 0
    }

    .block-faq .title-h2 {
        margin-bottom: 30px;
        font-size: 40px
    }

    .faq-img-1 {
        display: none
    }

    .accordion-box {
        padding: 0
    }

    .accordion-col {
        width: 100%;
        padding: 0
    }
}

.block-testimonials {
    background: #0062a6;
    background-size: cover;
    padding-bottom: 120px
}

.block-testimonials .title-h2 {
    text-align: center;
    color: #fff;
    padding: 120px 0 50px;
    text-shadow: 0 4px 10px rgba(0,0,0,.3)
}

.block-testimonials .glsr-reviews {
    margin: 0 -15px
}

.block-testimonials .slick-arrow {
    position: absolute;
    font-size: 0;
    border: none;
    outline: none;
    cursor: pointer;
    transition: all .3s ease-in-out;
    background: rgb(255 255 255);
    width: 41px;
    border: 4px #fff solid;
    height: 49px;
    top: 50%;
    transform: translateY(-50%)
}

.block-testimonials .slick-arrow:before {
    content: '';
    position: absolute;
    padding: 6px;
    border: solid #0364a9;
    border-width: 0 3px 3px 0;
    transition: all .3s ease-in-out;
    top: 50%;
    left: 50%
}

.block-testimonials .slick-arrow:hover {
    background: #fff
}

.block-testimonials .slick-arrow:hover:before {
    border-color: #2f2a29
}

.block-testimonials .slick-next {
    right: -3.6458333333vw
}

.block-testimonials .slick-next:before {
    transform: translate(-75%,-50%) rotate(-45deg)
}

.block-testimonials .slick-prev {
    left: -3.6458333333vw
}

.block-testimonials .slick-prev:before {
    transform: translate(-25%,-50%) rotate(135deg)
}

.block-testimonials .glsr-review {
    padding: 40px 50px 45px;
    margin: 0 10px;
    background: #fff
}

.slider-testimonials .glsr-review.slick-slide {
    margin-bottom: 0;
    box-shadow: 1.86px 1.67px 2.29px rgba( 0,0,0,0.67 )
}

.block-testimonials .glsr-review-title {
    margin-bottom: 40px;
    position: relative;
    color: #0062a6;
    font: 32px league
}

.glsr-default .glsr-review-verified {
    font-weight: 800;
    font-family: avenirnextcyr-bold
}

.block-testimonials .glsr-review-title:before {
    content: '';
    position: absolute;
    width: 72px;
    height: 5px;
    background: #34115a;
    bottom: -10px;
    left: 0
}

.block-testimonials .glsr-review-content {
    margin-bottom: 10px
}

.block-testimonials .glsr-review-author {
    font-family: avenirnextcyr-medium;
    color: #0062a6
}

@media only screen and (max-width: 1535px) {
    .block-testimonials .glsr-reviews {
        margin:0 40px
    }

    .block-testimonials .glsr-reviews .slick-prev {
        left: -40px
    }

    .block-testimonials .glsr-reviews .slick-next {
        right: -40px
    }
}

@media only screen and (max-width: 1199px) {
    .block-testimonials .glsr-review {
        padding:20px
    }

    .block-testimonials {
        padding: 30px 0
    }
}

@media only screen and (max-width: 567px) {
    .block-testimonials .glsr-review {
        -ms-flex-direction:column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }

    .block-testimonials .glsr-reviews {
        margin: 0
    }

    .block-testimonials .glsr-reviews .slick-arrow {
        top: -60px;
        transform: translateY(0)
    }

    .block-testimonials .glsr-reviews .slick-prev {
        left: 0
    }

    .block-testimonials .glsr-reviews .slick-next {
        right: 0
    }
}

.block-info {
    padding: 80px 0;
    background: #fff;
    background-size: cover;
    position: relative
}

.container-info {
    max-width: 800px;
    padding: 0 15px;
    margin: 0 auto;
    text-align: center;
    color: #000
}

.container-info .title-h2 {
    color: #0062a6
}

.container-info .title-h2 span {
    background: -webkit-linear-gradient(right,#fdfb62 0%,#ffb81e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.info-desc {
    margin: 40px 10px;
    font-size: 23px
}

.info-faq-desc {
    margin: 20px;
    font-size: 24px;
    text-align: center
}

.btn-info {
    font-size: 23px;
    height: 80px;
    width: 180px;
    margin: 0 auto;
    color: #0062a6;
    border: 4px solid #0062a6;
    display: inline-flex;
    margin: 1% 2%
}

.block-faq .btn-info {
    display: flex;
    margin: 0 auto;
}

.btn-info:hover {
    border: 2px solid #fff!important
}

.info-img-1 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 24.7916666667vw
}

.info-img-1 img {
    display: block;
    width: 19vw;
    float: left
}

.info-img-2 {
    position: absolute;
    bottom: 0;
    right: 0
}

.info-img-2 img {
    display: block;
    width: 19vw;
    float: right
}

@media only screen and (max-width: 991px) {
    .block-info {
        padding:40px 0
    }

    .info-img-1,.info-img-2 {
        display: none
    }
}

.content-faq {
    padding: 3% 18% 15%;
    font-size: 18px
}

.content-faq .title-faq {
    margin-bottom: 30px;
    text-align: center;
    font-family: avenirnextcyr-bold;
    font-size: 40px
}

.content-faq .title-faq span {
    background: -webkit-linear-gradient(bottom,#3519fd 0%,#00b4ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.accordion-page {
    max-width: 1000px;
    margin: 50px auto
}

@media only screen and (max-width: 991px) {
    .content-faq {
        padding:40px 0
    }

    .content-faq .title-faq {
        font-size: 26px
    }
}

footer {
    background: #000;
    color: #f1f1f1;
    font-size: 15px
}

.soc-icon {
    padding-top: 45px;
    margin-bottom: 35px;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap
}

.soc-icon a {
    color: #959595;
    transition: all .3s ease-in-out;
    padding: 0 25px;
    margin-bottom: 10px;
    border-right: 2px solid #333;
    font-size: 31px
}

.soc-icon a:first-child {
    padding-left: 0
}

.soc-icon a:last-child {
    padding-right: 0;
    border-right: none
}

.soc-icon a:nth-child(6) {
    border-right: none;
    padding-right: 15px
}

.soc-icon a:hover {
    color: #fdfb62
}

.ctcb-button {
    position: relative;
    z-index: 2;
    cursor: pointer
}

a.ctcb-button.ctcbb-bordered i {
    margin-right: 10px
}

a.ctcb-button.ctcbb-bordered {
    font-size: 18px;
    padding: 5px 10px;
    border: 2px solid;
    border-radius: 3px;
    margin-left: 15px
}

.ctcb-button:before,.ctcb-button:after {
    visibility: hidden;
    -ms-filter: "alpha(opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    pointer-events: none;
    position: absolute;
    bottom: 120%;
    left: 60%
}

.ctcb-button:before {
    margin-bottom: 5px;
    margin-left: -80px;
    padding: 7px;
    width: 120px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #000;
    background-color: hsla(0,0%,20%,.9);
    color: #fff;
    content: 'Click to copy';
    text-align: center;
    font-size: 14px;
    line-height: 1.2
}

.ctcb-button:after {
    margin-left: -15px;
    width: 0;
    border-top: 5px solid #000;
    border-top: 5px solid hsla(0,0%,20%,.9);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0
}

.ctcb-button:hover:before,.ctcb-button:hover:after,.ctcbb-copied:hover:before,.ctcbb-copied:hover:after {
    visibility: visible;
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1
}

.ctcbb-copied:before {
    content: "Copied!"
}

.footer-top {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px
}

.footer-col {
    border-right: 1px solid #333;
    padding-right: 10px
}

.footer-col:last-child {
    border-right: none;
    padding-left: 4vw
}

.footer-col__w255 {
    width: 33%
}

.footer-col__w315 {
    width: 30%;
    padding-left: 7%
}

#block-5 {
    color: #fff;
    font-size: 22px;
    font-family: league;
    margin: 30px 0 15px
}

#footer-widget-5 {
    display: none
}

#footer-widget-4 {
    border-right: none
}

#footer-widget-3 {
    padding-right: 0;
    border-right: 0;
    width: 25%
}

.footer-col__logo {
    padding-left: 3.9895833333vw
}

.widget-title {
    color: #fff;
    font-size: 22px;
    font-family: league;
    margin: 15px 0
}

.widget li {
    margin-bottom: 10px;
    font-size: 20px
}

.widget a {
    color: #f1f1f1;
    transition: all .3s ease-in-out
}

.widget a:hover {
    color: #fdfb62
}

.footer-logo {
    display: flex;
    justify-content: center
}

.footer-logo img {
    width: 190px;
    height: 219px
}

.footer-bottom {
    border-top: 1px solid #333;
    padding: 20px 0;
    font-size: 16px
}

@media only screen and (max-width: 991px) {
    .footer-top {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }

    .footer-col {
        width: 50%;
        margin-bottom: 15px;
        padding-left: 0
    }

    .footer-col__w315 {
        width: 30%;
        padding-left: 7%;
        display: block
    }

    .footer-col:nth-child(even) {
        border-right: none;
        padding-left: 20px
    }
}

.tablehead a {
    color: #032f4f;
    text-decoration: none;
    font-size: 28px
}

.errythang li a {
    color: #023b66;
    text-decoration: none
}

.tablehead a:hover,.errythang li a:hover {
    color: #1263d3;
    text-decoration: none
}

@media only screen and (max-width: 567px) {
    .footer-col {
        width:100%!important;
        border-right: none
    }

    .footer-col:nth-child(even) {
    }

    .soc-icon {
        -ms-flex-pack: center;
        justify-content: center
    }

    .soc-icon a {
        padding: 0 10px
    }

    .widget,.footer-logo {
        text-align: center
    }

    .footer-logo img {
        max-width: 120px
    }

    .footer-bottom {
        text-align: center
    }
}

.block-progress {
    padding: 40px 0 30px;
    background: #fffe8d
}

.demo-progress {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.name-client {
    font-size: 30px;
    font-weight: 400;
    margin-right: 3vw;
    text-transform: uppercase;
    max-width: 500px;
    font-family: avenirnextcyr-bold;
    line-height: 34px
}

.progress-info {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.progress-box {
    margin-bottom: 20px;
    height: 6px;
    background: #fff;
    position: relative
}

.progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #00b4ff;
    transition: width 3s ease-in-out
}

.progress:before {
    content: '';
    position: absolute;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #00b4ff;
    top: 50%;
    right: 0;
    transform: translate(50%,-50%)
}

.row-progress {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.col-progress {
    font-family: avenirnextcyr-bold;
    text-transform: uppercase
}

.page-id-4743 .banner__page,.page-id-4143 .banner__page {
    padding: 160px 0 80px;
    height: 310px;
    text-align: center;
    background: linear-gradient(229deg,#004b80f2 0,#001320 100%);
    background-size: cover;
    background-position: bottom right;
    box-shadow: 2px 2px 4px 1px #000
}

.row-block-history .team-name {
    font-size: 27px;
    margin-bottom: 10px
}

.row-block-history .team-desc {
    font-size: 27px
}

.col-progress span {
    display: block;
    color: #00aaff;
    font-size: 1em;
    font-weight: 400
}

.chat-container {
    font-family: montserrat!important;
    box-shadow: 1px 1px 10px 0 rgb(113 113 113/20%)!important
}

.chat-cnt-section .chat-content .chat-text {
    font-family: montserrat!important
}

.chat-snd-section button.chat-snd-btn {
    font-family: league!important
}

.chat-cnt-section .chat-content .chat-time {
    font-size: 12px!important;
    line-height: 1.5!important
}

.col-progress__w220 {
    text-align: center;
    font-size: 26px;
    font-family: league;
    font-weight: 400;
    line-height: 30px;
    padding: 0 7px;
    width: 33%;
    border-right: 2px solid #ff7a594f;
	color: #000000;
}

.col-progress__w220:nth-child(3) {
    border: none
}

.col-progress__w220:nth-of-type(4) {
    border-right: none
}

.col-progress__button {
    display: -ms-flexbox;
    display: flex
}

.progress-btn {
    width: 80px;
    height: 63px;
    background: #ffe68fc7;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 5px;
    font-size: 15px;
    color: #2f2a29;
    border-radius: 5px
}

.progress-btn i {
    font-size: 24px;
    color: #00b4ff;
    margin-bottom: 5px
}

.progress-btn:last-child {
    margin-right: 0
}

@media only screen and (max-width: 1199px) {
    .demo-progress {
        -ms-flex-direction:column;
        flex-direction: column
    }

    .name-client {
        margin: 0 0 10px
    }

    .progress-info {
        width: 100%
    }
}

@media only screen and (max-width: 991px) {
    .col-progress {
        width:50%;
        text-align: center;
        border-right: none;
        margin-bottom: 10px
    }

    .col-progress__button {
        width: 100%;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.row-block-history {
    padding: 40px 0;
    margin: 0 -15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.col-sidebar {
    width: 33%;
    padding: 0 20px;
    margin-right: 2%
}

.sidebar-order {
    box-shadow: 1px 1px 10px 0 rgb(113 113 113/20%);
    background: #fff
}

.order-top {
    margin-bottom: 20px;
    border-top: 2px solid #ececec;
    padding: 20px 0 0;
    font-family: avenirnextcyr-bold;
    font-size: 18px
}

.order-date,.order-title,.progress-res {
    text-align: center;
    text-transform: uppercase;
    font-weight: 700
}

.order-date {
    font-weight: 400;
    margin-bottom: 10px;
    font-family: league;
    font-size: 18px
}

.order-title {
    margin: 0 25px;
    font-weight: 400;
    font-family: league;
    font-size: 25px
}

.progress-order__top {
    width: 100%;
    height: 3px;
    position: relative;
    margin-bottom: 10px;
    background: #e9e9e9
}

.progress-res {
    font-size: 20px;
    color: #00b4ff
}

.order-center {
    padding: 50px 25px
}

.demo-footer-btn:hover {
    border: 2px solid #fff
}

.order-bottom {
    padding: 30px;
    text-align: center;
    color: #fff;
    background: #00b4ff;
    font-weight: 700;
    font-size: 16px;
    font-family: montserrat;
    font-weight: 500
}

.order-bottom h3 {
    font-size: 28px;
    margin-bottom: 5px;
    font-weight: 400;
    font-family: league
}

.tip-form {
    padding: 25px 20px
}

.form-group-order {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 35px;
    -ms-flex-align: center;
    align-items: center;
    float: left;
    text-align: center
}

.form-group-order select {
    border: 2px solid #e5e5e5;
    height: 53px;
    padding: 0 15px;
    font-size: 20px;
    outline: none;
    width: 71px;
    cursor: pointer;
    font-family: league
}

.elem-quantity {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    border: 2px solid #e5e5e5;
    height: 53px;
    padding: 0 10px;
    text-transform: uppercase;
    font-size: 16px;
    outline: none;
    width: 100px;
    text-align: center;
    margin-left: 10px
}

.elem-quantity::-webkit-inner-spin-button,.elem-quantity::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0
}

.quantity-arrows {
    margin: 10px
}

.quantity-arrow {
    padding: 3px;
    border: solid #a7a7a7;
    border-width: 0 3px 3px 0;
    transition: all .3s ease-in-out;
    cursor: pointer
}

.quantity-arrow:hover {
    border-color: #2f2a29
}

.quantity-arrow__incr {
    transform: rotate(-135deg);
    margin-bottom: 5px
}

.quantity-arrow__desc {
    transform: rotate(45deg)
}

.btn-order {
    width: 150px;
    margin: 0 auto;
    cursor: pointer;
    height: 53px;
    border: 2px solid #00b4ff61;
    font-size: 18px;
    margin-right: 7px;
    font-family: league;
    font-weight: 400;
    box-shadow: none
}

.btn-order:not(:disabled):hover {
    border-color: #00b4ff
}

@media only screen and (max-width: 1199px) {
    .col-sidebar {
        width:40%
    }
}

@media only screen and (max-width: 991px) {
    .col-sidebar {
        width:100%;
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 567px) {
    .team__order .team-logo {
        width:90px;
        height: 90px;
        line-height: 90px
    }

    .team__order .team-logo img {
        max-width: 70px
    }
}

.box-history {
    padding: 0 15px 0 25px;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.t-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font: 35px bebas neue;
    color: #00b4ff;
    margin-bottom: 10px;
    font-weight: 700;
    letter-spacing: 1px
}

.col-camp {
    width: 29%;
    padding-left: 3%
}

.col-res {
    width: 30%
}

.col-res .date {
    font-size: 16px;
    word-spacing: 5px
}

.col-inf {
    width: 30%
}

.col-gold {
    width: 20%
}

.t-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 14px 0;
    font-weight: 500;
    font-size: 24px;
    font-family: league;
    margin-bottom: 15px;
    border-radius: 5px;
    background: #3db73d;
    background: linear-gradient( 45deg,rgb(35 212 108) 0%,rgb(0 146 60) 100%);
    color: #fff;
    letter-spacing: 1.5px;
    text-shadow: 1px 2px #535353;
    box-shadow: 2px 2px 2px 1px #00000087
}

.t-row:last-child {
    border-bottom: none
}

.win {
    font-size: 23px;
    display: block;
    margin-bottom: 2px
}

.win__winner {
    color: #7cfc00;
    line-height: 25px
}

.t-row.loser {
    background: #3cc6ff;
    background: linear-gradient( 45deg,rgb(0 180 255) 0%,rgb(4 117 162) 100%)
}

.win__loser {
    color: #22419f
}

@media only screen and (max-width: 991px) {
    .box-history {
        width:100%
    }
}

@media only screen and (max-width: 567px) {
    .col-camp {
        padding-left:0
    }

    .t-row {
        font-size: 14px
    }

    .col-camp,.col-res,.col-inf,.col-gold {
        width: 25%;
        padding: 0 5px;
        text-align: center
    }

    .t-header {
        font-size: 18px
    }
}

.demo-footer {
    padding: 30px 0;
    background: #00b4ff
}

.demo-footer-container {
    margin: 0 auto;
    max-width: 1000px;
    padding: 30px 10px;
    text-align: center;
    color: #fff
}

.demo-footer-container h2 {
    background: -webkit-linear-gradient(left,#ffffff 0%,#ffffff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: avenirnextcyr-bold;
    font-size: 50px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px
}

.demo-footer-container p {
    font-size: 18px;
    margin-bottom: 20px
}

.demo-footer-btn {
    width: 150px;
    height: 48px;
    font-size: 21px;
    margin: 0 auto
}

@media only screen and (max-width: 991px) {
    .demo-footer {
        padding:40px 0
    }

    .demo-footer-container h2 {
        font-size: 30px
    }
}

.edit-elem {
    display: block;
    margin-bottom: 10px;
    width: 100%;
    height: 42px;
    padding: 0 20px;
    outline: none;
    border: 1px solid #d5d5d5
}

.popup-edit {
    min-width: 555px
}

.btn-edit {
    width: 150px;
    cursor: pointer;
    height: 50px;
    border: 1px solid #fdfb62;
    font-size: 19px;
    margin-top: 20px
}

.btn-edit:hover {
    border-color: #00b4ff
}

@media only screen and (max-width: 767px) {
    .popup-edit {
        min-width:inherit
    }
}

.payment-title {
    font: 3rem avenirnextcyr-bold;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 2rem;
    background: #12b2f9;
    background: -webkit-linear-gradient(bottom,#29c0ff 0%,#00a2e4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 1rem
}

.payment-desc {
    text-align: center;
    margin: 0 0 30px;
    font-family: AvenirNextCyr-Regular;
    width: 100%;
    color: #000;
    font-size: 16px
}

.payment-row {
    margin: 0 -5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.payment-form {
    padding: 0;
    width: 45%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-left: 2%
}

.payment-elem {
    width: 90%;
    margin-bottom: 1.5%
}

.payment-elem>div {
    display: inline-block
}

.payment-elem input[type=text],.payment-elem input[type=email] {
    width: 92%;
    height: 46px;
    border: 2px solid #dadada;
    padding: 0 15px;
    font-size: 18px;
    outline: none;
    background-color: #fff;
    float: right;
    border-radius: 5px
}

.payment-elem:last-child {
    margin-bottom: 0;
    margin-left: 7%
}

.paymeniputbox {
    text-align: center
}

.co-btn-g2a {
    background-image: url(/wp-content/themes/boosting/assets/images/g2apay_logo.png)
}

.co-btn-pp {
    background-image: url(/wp-content/themes/boosting/assets/images/paypal_logo.png)
}

.co-btn-stripe {
    background-image: url(/wp-content/themes/boosting/assets/images/stripe_logo.png)
}

.co-btn.co-btn-skrill {
    background-image: url(/wp-content/themes/boosting/assets/images/skrill_logo.png);
    background-size: 85%
}

.co-btn.co-btn-cc {
    background-image: url(/wp-content/themes/boosting/assets/images/payment-logos/cc.svg);
    background-size: 50px
}

.co-btn.co-btn-ap {
    background-image: url(/wp-content/themes/boosting/assets/images/payment-logos/applepay.svg);
    background-size: 85%
}

.co-btn.co-btn-visa {
    background-image: url(/wp-content/themes/boosting/assets/images/payment-logos/visa.svg)
}

.co-btn.co-btn-gp {
    background-image: url(/wp-content/themes/boosting/assets/images/payment-logos/googlepay.webp)
}

.co-btn.co-btn-alipay {
    background-image: url(/wp-content/themes/boosting/assets/images/payment-logos/alipay.svg);
    background-size: 70px
}

.co-btn.co-btn-bancontact {
    background-image: url(/wp-content/themes/boosting/assets/images/payment-logos/bancontact.svg)
}

.co-btn.co-btn-eps {
    background-image: url(/wp-content/themes/boosting/assets/images/payment-logos/eps.svg)
}

.co-btn.co-btn-giropay {
    background-image: url(/wp-content/themes/boosting/assets/images/payment-logos/giropay.svg)
}

.co-btn.co-btn-ideal {
    background-image: url(/wp-content/themes/boosting/assets/images/payment-logos/ideal.svg)
}

.co-btn.co-btn-p24 {
    background-image: url(/wp-content/themes/boosting/assets/images/payment-logos/p24.svg)
}

.co-btn.co-btn-sepa {
    background-image: url(/wp-content/themes/boosting/assets/images/payment-logos/sepa.svg)
}

.co-btn.co-btn-neteller {
    background-image: url(/wp-content/themes/boosting/assets/images/payment-logos/neteller.svg)
}

.co-btn.co-btn-klarna {
    background-image: url(/wp-content/themes/boosting/assets/images/payment-logos/klarna.svg)
}

.co-btn.co-btn-psc {
    background-image: url(/wp-content/themes/boosting/assets/images/payment-logos/paysafecard.svg)
}

.co-btn.co-btn-bt {
    background-image: url(/wp-content/themes/boosting/assets/images/payment-logos/banktransfer.svg);
    background-size: 75%
}

.co-btn.co-btn-rt {
    background-image: url(/wp-content/themes/boosting/assets/images/payment-logos/rapid-transfer.png);
    background-size: 130%
}

.co-btn.co-btn-wise {
    background-image: url(/wp-content/themes/boosting/assets/images/payment-logos/wise.svg)
}

.co-btn.co-btn-paypal-transfer {
    background-image: url(/wp-content/themes/boosting/assets/images/payment-logos/cryptopay.webp);
    width: 190px!important
}

.co-btn.co-btn-paysera {
    background-image: url(/wp-content/themes/boosting/assets/images/payment-logos/paysera.png)
}

.co-btn.co-btn-ppaypal {
    background-image: url(/wp-content/themes/boosting/assets/images/payment-logos/ppaypal.svg)
}

.payment-method-group {
    border: 2px solid #c4c4c4
}

.payment-method-group.pmg-active.pmg-stripe {
    border: 3px solid #0095d2
}

.payment-method-group.pmg-active.pmg-skrill {
    border: 3px solid #c02e91
}

.payment-method-group.pmg-active.pmg-paysera {
    border: 3px solid #2e41c0
}

.payment-method-group.pmg-active.pmg-bank {
    border: 3px solid #7295b7
}

.payment-method-group .co-btn {
    width: 60px;
    margin: 2px 5px
}

.powered-by-logo {
    align-self: flex-end;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: auto;
    position: relative;
    filter: brightness(1.9) grayscale(.8) opacity(.7)
}

.pmg-active .powered-by-logo {
    filter: initial
}

.powered-by-logo.pbl-stripe {
    width: 130px;
    height: 30px;
    background-image: url(/wp-content/themes/boosting/assets/images/payment-logos/pbstripe.svg);
    bottom: 0;
    right: 0
}

.powered-by-logo.pbl-skrill {
    width: 110px;
    height: 20px;
    margin: 0 -5px 5px auto;
    background-image: url(/wp-content/themes/boosting/assets/images/payment-logos/pbskrill.png);
    display: block
}

.powered-by-logo.pbl-paysera {
    width: 100px;
    height: 18px;
    margin: 0 -5px 5px auto;
    background-image: url(/wp-content/themes/boosting/assets/images/payment-logos/pbpaysera.png);
    display: block
}

.powered-by-logo.pbl-bank {
    width: 90px;
    height: 30px;
    margin: 0 0 5px auto;
    background-image: url(/wp-content/themes/boosting/assets/images/payment-logos/pbbank.png);
    display: block
}

.payment-elem .payment-method-group {
    width: 92%;
    margin: .5% 0;
    float: right;
    display: flex;
    flex-wrap: wrap;
    border-radius: 5px;
    justify-content: space-evenly;
    padding: 2px
}

.checkbox-field.payment-elem {
    margin-left: 7%
}

.payment-method-group.pmg-other {
    border: none;
    justify-content: flex-start
}

@media only screen and (max-width: 991px) {
    .payment-elem .payment-method-group {
        width:100%
    }
}

#payment_type input:active+.co-btn {
    opacity: .9
}

#payment_type input:checked+.co-btn {
    -webkit-filter: none;
    -moz-filter: none;
    filter: none;
    width: 70px;
    background-size: 100%
}

#payment_type input {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.co-btn {
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 127px;
    height: 60px;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    -webkit-filter: grayscale(.5) opacity(.5);
    -moz-filter: grayscale(.5) opacity(.5);
    filter: grayscale(.5) opacity(.5)
}

.co-btn:hover {
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
    -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
    filter: brightness(1.2) grayscale(.5) opacity(.9)
}

.order-det-col {
    width: 48%
}

.order-det {
    background: #fff;
    padding-left: 20px;
    margin-bottom: 10px;
    height: 100%
}

.det-title {
    font: 35px league;
    margin-bottom: 15px;
    text-align: center
}

.det-top,.infogramblock {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid #dadada;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-around
}

.infoblockcolumn span {
    display: block;
    font-size: 30px;
    font-weight: 500;
    line-height: 30px;
    font-family: league;
    text-transform: uppercase
}

.from-text,.to-text {
    margin: 10px 0 3px;
    font-size: 20px!important;
    font-family: avenirnextcyr-bold;
    font-weight: 500!important
}

.det-col,.infoblockcolumn {
    margin-bottom: 5px;
    text-align: center;
    width: 280px;
    display: flex;
    flex-direction: column
}

.det-team-img,.infoblockcolumn>div {
    max-width: 150px;
    margin: 0 auto;
    text-align: center;
    font-family: avenirnextcyr-bold
}

.det-team-info span {
    text-transform: uppercase
}

.det-server {
    width: 100%;
    text-align: center
}

.det-server span {
    text-transform: uppercase
}

.det-text span {
    color: #ed1a23
}

.det-price {
    font-size: 24px;
    margin-top: 7px
}

.det-price span {
    color: #ed1a23
}

.fancybox-is-open .fancybox-bg {
    background: #fff;
    opacity: 1
}

.payment-btn {
    width: 185px;
    height: 60px;
    border: 1px solid #0062a8fc;
    font-size: 25px;
    margin: 0 auto;
    border-radius: 2px;
    cursor: pointer;
    color: #fff;
    background: #0062a8fc
}

.calculatedblock {
    font-size: 22px;
    line-height: 36px;
    margin-bottom: 0;
    font-family: avenirnextcyr-bold
}

.payment-btn:hover:not(:disabled) {
    border-color: #2a8d31;
    background: #2a8d31;
    color: #fff
}

input.payment-btn:disabled,button.btn-order:disabled {
    background-color: #0199d8;
    border: none;
    cursor: initial;
    color: #fff
}

.cm-gift .order-det-col {
    width: 30%
}

.cm-gift .payment-form {
    width: 70%
}

.boosting-modal.cm-gift {
    width: 50%;
    left: 25%
}

img.tip-img {
    margin-left: 20%;
    max-width: 80%
}

@media only screen and (max-width: 991px) {
    .payment-title {
        font-size:35px;
        margin-bottom: 20px;
        margin-top: 25px
    }

    .banner-page-img.banner-page-img__boosting {
        display: none
    }

    .eo-work-content .jcf-select {
        float: left
    }
}

@media only screen and (max-width: 767px) {
    .payment-row {
        flex-direction:column
    }

    .cm-gift .order-det-col,.order-det-col {
        width: 100%;
        padding: 0
    }

    .order-det {
        padding: 10px
    }

    .cm-gift .payment-form,.payment-form {
        margin-bottom: 20px;
        width: 100%;
        padding: 0
    }

    .banner-page-img.banner-page-img__boosting {
        display: none
    }
}

.content-demo {
    overflow-x: hidden;
    font-family: avenirnextcyr-regular
}

.boosting-modal {
    width: 80%;
    background-color: #fff;
    border-radius: 5px;
    position: fixed;
    z-index: 100001;
    line-height: 22px;
    font-size: 16px;
    padding: 1%;
    top: -120%;
    left: 10%;
    transform-origin: center center;
    -webkit-box-shadow: 0 0 50px 0 rgba(89,171,227,.5);
    -moz-box-shadow: 0 0 50px 0 rgba(89,171,227,.5);
    box-shadow: 0 0 50px 0 rgba(89,171,227,.5);
    transition: .3s .1s ease all
}

.purshace.choose_btn.payment-btn {
    display: inline-block
}

.boosting-modal-content {
    overflow: hidden auto;
    max-height: 90vh;
    padding: 10px
}

@media only screen and (max-width: 991px) {
    .boosting-modal-content {
        max-height:initial
    }
}

.boosting-modal.bm-visible {
    top: 10%
}

.boosting-modal-bg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 300ms 150ms ease;
    background-color: rgba(89,171,227,.1);
    z-index: 3
}

.boosting-modal-bg.bmbg-visible {
    display: block
}

.boosting-modal-header {
    position: absolute;
    right: 25px;
    top: 30px;
    z-index: 9
}

.boosting-modal-header .boosting-modal-close {
    font-size: 2rem;
    text-decoration: none;
    font-weight: 700;
    color: #000;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    transition: all .3s ease
}

.boosting-modal-content.bmc-loading {
    height: 10rem;
    background-size: 5rem;
    background: url(/wp-content/themes/boosting/assets/images/tail-spin.svg) no-repeat center
}


footer .current-menu-item a {
    color: #fdfb62
}

.arrow-bottom {
    text-align: center;
    height: 60px;
    display: none
}

.arrow-bottom img {
    position: absolute;
    top: 30px;
    animation-name: move-down;
    animation-duration: 2s;
    animation-play-state: running;
    animation-iteration-count: infinite;
    animation-direction: alternate-reverse;
    animation-timing-function: ease-in;
    transform: translateX(-50%)
}

.arrow-bottom img:hover {
    animation-play-state: paused
}

.currentActive img,.eo-fav-champs-line-block.selected img,.eo-fav-champs-line-block img:hover {
    filter: invert(59%) sepia(39%) saturate(4744%) hue-rotate(164deg) brightness(100%) contrast(103%)
}

.c-indicators {
    background-color: #fff;
    padding: 6px;
    position: relative;
    display: inline-flex;
    align-content: stretch;
    clear: both;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    margin-top: 20px;
    max-width: 100%;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    font-family: avenirnextcyr-bold
}

#region-indicator,#platform-indicator {
    padding: 6px 12px
}

.sl-server-divisions#region-indicator,.sl-platform-divisions#platform-indicator {
    margin-top: 15px
}

.c-indicator {
    height: 22px;
    float: left;
    display: inline-flex;
    align-content: stretch;
    margin-left: 2px;
    min-width: 11px
}

.c-indicators--colored .l-division {
    max-width: 20px
}

#region-indicator .c-indicator,#platform-indicator .c-indicator {
    width: auto;
    height: auto;
    padding: 0 2px
}

.l-division:only-child {
    min-width: 14px
}

.l-division:first-child:nth-last-child(2),.l-division:first-child:nth-last-child(2)~.l-division {
    min-width: 6px
}

.l-division:first-child:nth-last-child(3),.l-division:first-child:nth-last-child(3)~.l-division {
    min-width: 6px
}

.l-division:first-child:nth-last-child(4),.l-division:first-child:nth-last-child(4)~.l-division {
    min-width: 6px
}

.l-division:first-child:nth-last-child(5),.l-division:first-child:nth-last-child(5)~.l-division {
    min-width: 4px
}

.c-indicators--colored .c-indicator.div-league-unranked .l-division {
    background-color: #2d2d2d
}

.c-indicators--colored .c-indicator.div-league-iron .l-division {
    background-color: #7d7d80
}

.c-indicators--colored .c-indicator.div-league-bronze .l-division {
    background-color: #a97346
}

.c-indicators--colored .c-indicator.div-league-silver .l-division {
    background-color: #b4c2c3
}

.c-indicators--colored .c-indicator.div-league-gold .l-division {
    background-color: #ecea4c
}

.c-indicators--colored .c-indicator.div-league-platinum .l-division {
    background-color: #378896
}

.c-indicators--colored .c-indicator.div-league-diamond .l-division {
    background-color: #00b4ff
}

.c-indicators--colored .c-indicator.div-league-master .l-division {
    background-color: #341fec
}

.c-indicators--colored .c-indicator.div-league-grandmaster .l-division {
    background-color: #ec4f0a
}

.c-slider {
    width: 20px;
    height: 17px;
    position: absolute;
    top: -24px;
    left: 0;
    transition: all .3s ease;
    cursor: pointer;
    background-color: var(--color,transparent)
}

.c-slider:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 10px 0;
    border-color: var(--color,transparent) transparent transparent transparent;
    position: absolute;
    top: 100%;
    left: 0;
    transition: all .3s ease
}

.c-slider:before {
    content: '';
    width: 10px;
    height: 10px;
    left: 5px;
    top: 5px;
    background-color: #fff;
    position: absolute
}

.league-unranked .c-slider,.league-unranked .tp-slider {
    background-color: #2d2d2d
}

.league-unranked .c-slider:after {
    border-top-color: #2d2d2d
}

.league-iron .c-slider,.league-iron .tp-slider,.league-iron .ui-slider-handle {
    background-color: #7d7d80
}

.league-iron .c-slider:after {
    border-top-color: #7d7d80
}

.league-bronze .c-slider,.league-bronze .tp-slider,.league-bronze .ui-slider-handle {
    background-color: #a97346
}

.league-bronze .c-slider:after {
    border-top-color: #a97346
}

.league-silver .c-slider,.league-silver .tp-slider,.league-silver .ui-slider-handle {
    background-color: #b4c2c3
}

.league-silver .c-slider:after {
    border-top-color: #b4c2c3
}

.league-gold .c-slider,.league-gold .tp-slider,.league-gold .ui-slider-handle {
    background-color: #ecea4c
}

.league-gold .c-slider:after {
    border-top-color: #ecea4c
}

.league-platinum .c-slider,.league-platinum .tp-slider,.league-platinum .ui-slider-handle {
    background-color: #378896
}

.league-platinum .c-slider:after {
    border-top-color: #378896
}

.league-diamond .c-slider,.league-diamond .tp-slider,.league-diamond .ui-slider-handle {
    background-color: #00b4ff
}

.league-diamond .c-slider:after {
    border-top-color: #00b4ff
}

.league-master .c-slider,.league-master .tp-slider,.league-master .ui-slider-handle {
    background-color: #341fec
}

.league-master .c-slider:after {
    border-top-color: #341fec
}

.league-grandmaster .c-slider {
    background-color: #ec4f0a
}

.league-grandmaster .c-slider:after {
    border-top-color: #ec4f0a
}

#region-indicator .c-slider,#platform-indicator .c-slider {
    background-color: #00b4ff
}

#region-indicator .c-slider:after,#platform-indicator .c-slider:after {
    border-top-color: #00b4ff
}

#region-indicator .c-indicator,#platform-indicator .c-indicator {
    font-size: 18px;
    text-align: center;
    font-weight: 700
}

#region-indicator .c-indicator.active,#platform-indicator .c-indicator.active {
    color: #00b4ff
}

#region-indicator .l-division,#platform-indicator .l-division {
    width: 100%
}

.l-division {
    float: left;
    height: 100%;
    cursor: pointer;
    margin-left: 1px;
    width: 100%;
    min-width: 1px
}

#total_package_price_display .cs-eur {
    margin-left: 2px
}

.cs-usd {
    margin-right: 4px;
    font-size: inherit
}

.tier-selector-current {
    text-align: center
}

.current-img-league-boost,.current-img-server,.current-img-platform,.current-img,.tier-img {
    float: none
}

.block-boost.my-orders:before {
    content: none;
    display: none
}

@media screen and (max-width: 991px) {
    .boosting-modal.cm-gift,.boosting-modal {
        width:100%;
        height: 100%;
        left: 0;
        padding: 0;
        overflow: scroll;
        padding-bottom: 10%
    }

    .payment-tooltip {
        display: inline-flex !important
    }

    .logo span {
        font: 10px avenirnextcyr-medium
    }

    .logo {
        padding: 2px 0;
        width: 49px
    }

    .logo img {
        height: auto;
        width: 30px
    }
}

@keyframes move-down {
    0% {
        top: 15px
    }

    100% {
        top: 45px
    }
}

.online-indicator {
    display: block;
    width: 160px;
    margin-top: 20px;
    text-align: center;
    margin-left: 30px
}

.oi-inner {
    box-sizing: border-box;
    color: #26bfff;
    display: block;
    font-family: montserrat,sans-serif;
    font-size: 16px;
    height: 16px;
    line-height: 16.1px;
    width: 145px;
    -webkit-font-smoothing: antialiased
}

.oi-blinker {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 0 14px 0 6px;
    width: 4px;
    height: 4px;
    background: currentColor;
    border-radius: 50%
}

.oi-blinker:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    background: currentColor;
    border-radius: inherit;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: pulsate 1s infinite linear;
    animation: pulsate 1s infinite linear
}

@keyframes pulsate {
    from {
        transform: translate(-50%,-50%) scale(.5);
        opacity: 1
    }

    to {
        transform: translate(-50%,-50%) scale(1);
        opacity: 0
    }
}

.eo-sb-label-df {
    background-image: url(/wp-content/themes/boosting/assets/images/eo-sb-df.png)
}

.eo-sb-label-fd {
    background-image: url(/wp-content/themes/boosting/assets/images/eo-sb-fd.png)
}

.eo-sb-option input:active+.eo-sb-label {
    opacity: .9
}

.eo-sb-option input:checked+.eo-sb-label {
    -webkit-filter: none;
    -moz-filter: none;
    filter: none
}

.eo-sb-selector-container {
    text-align: center
}

.eo-sb-option {
    display: inline-block;
    margin: 10px
}

.eo-sb-option input {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.eo-sb-label {
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    margin: 0 20px;
    width: 180px;
    height: 100px;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    -webkit-filter: brightness(.7) grayscale(.7) opacity(.5);
    -moz-filter: brightness(.7) grayscale(.7) opacity(.5);
    filter: brightness(.7) grayscale(.7) opacity(.5)
}

.eo-sb-label:hover {
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
    -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
    filter: brightness(1.2) grayscale(.5) opacity(.9)
}

.product-reviews-composite {
    max-width: 1800px;
    margin-top: 1.5rem
}

.glsr-default .glsr-review-author {
    font-weight: 700;
    font-size: 18px
}

.prc-container {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: max-content;
    column-gap: 6em;
    margin-top: 3rem;
    font-family: avenirnextcyr-medium;
    margin-bottom: 3rem
}

div#prc-form-container {
    grid-column-start: 1;
    grid-row-start: 3;
    grid-row-end: 4
}

div#prc-reviews-container {
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 4
}

.product-reviews-composite h2.packageh2 {
    margin-bottom: 2rem
}

@media only screen and (max-width: 767px) {
    /* Full width minus a small page gutter — the previous 90% rule
       wasted ~10% of the viewport on the left/right (about 40px on a
       400px screen) and made the section visibly inset against the
       order/note cards above. */
    .product-reviews-composite {
        width: 100%;
        margin: auto;
        padding: 0 12px;
        box-sizing: border-box;
    }

    .prc-container {
        display: flex;
        flex-direction: column
    }

    /* Reviews heading is 3rem (48px) globally — too dominant on a
       phone where it pushes the actual review content off-screen. */
    .reviewh2 {
        font-size: 1.5rem;
        padding-top: 10px;
    }
}

.glsr-field input,.glsr-field textarea {
    border: 1px solid #d5d5d5
}

.glsr-button {
    height: 50px;
    width: 180px;
    font-size: 16px
}

.glsr-star-rating.glsr-stars {
    width: auto
}

.glsr-review-form span.jcf-select-glsr-star-rating {
    display: none!important
}

.glsr-form-wrap {
    border-top: 2px solid #dedede;
    padding: 10px 0;
    font-weight: 400
}

.glsr-form-wrap:before {
    content: "Tell us about your experience";
    font-size: 1.2em;
    font-weight: 800
}

.glsr-bar-percent {
    background-color: inherit
}

form.glsr-review-form.glsr-form.bt-reviews-form {
    margin-top: .5rem
}

.glsr-review-date {
    flex-basis: inherit!important
}

.product-reviews-composite .glsr-default .glsr-reviews,.product-reviews-composite .glsr-default .glsr-reviews-wrap {
    gap: 2.3rem;
    margin-top: 10px
}

.glsr-reviews-wrap {
    margin-bottom: 10px
}

.glsr-review-title {
    font-size: 1.2em;
    font-weight: 700
}

.nav-links {
    font-size: 1.3em;
    font-weight: 700;
    font-family: montserrat
}

.glsr-default .glsr-review-avatar+.glsr-review-author span,.glsr-default .glsr-review-rating+.glsr-review-date span {
    margin-left: 0!important
}

.reviewh2 {
    font-size: 3rem;
    font-weight: 500;
    padding-top: 20px;
    text-align: center;
    font-family: league
}

.glsr-default .glsr-review p {
    line-height: 1.4em!important;
    font-size: 18px
}

.page-numbers.current {
    color: #beabab
}

.glsr-default form.glsr-form [type=submit] {
    width: 260px;
    height: 50px;
    cursor: pointer;
    border: 3px solid #0364a9;
    transition: all .3s ease-in-out;
    font-family: avenirnextcyr-bold;
    color: #0364a9;
    background: #fff;
    text-transform: uppercase;
    display: flex;
    font-size: 18px;
    border-radius: 2px;
    box-shadow: 0 0
}

.glsr-default form.glsr-form [type=submit]:hover {
    color: #11a6f7
}

.glsr-default form.glsr-form .glsr-toggle label {
    font-size: .9rem!important
}

.glsr-default form.glsr-form input.glsr-input,.glsr-default form.glsr-form select.glsr-select,.glsr-default form.glsr-form textarea.glsr-textarea {
    font-size: .9rem!important
}

.product-reviews-composite .glsr-review-title h3:after {
    content: "Verified Purchase";
    font-weight: 700;
    margin: 10px 0;
    font-size: 15px;
    color: #00d44a;
    display: block
}

.product-reviews-composite .glsr-field.glsr-field-choice.glsr-required:before {
    content: "For a verified review please log in.";
    font: 1rem Montserrat;
    margin-bottom: 10px;
    display: block
}

.block-testimonials .container {
    width: 90%
}

@media only screen and (min-width: 1200px) {
    .order-view-coaching .col-right-order {
        width:50%
    }

    .order-view-coaching .col-sidebar {
        width: 50%
    }
}

.row-coaching-reviews .product-reviews-composite {
    width: 100%
}

.order-view-coaching .chat-container {
    height: 100%;
    min-height: 20rem;
    padding: 1rem;
    margin: 0;
    display: flex;
    flex-direction: column
}

.order-center.coach-description {
    height: 400px
}

.order-view-coaching #chat_outer {
    height: 695px
}

.order-view-coaching .tip-form {
    border-top: 2px solid #ececec;
    margin-top: 2rem;
    display: flex;
    align-items: flex-end;
    justify-content: space-around;
    font-family: league
}

img.coach-image {
    width: 10%;
    margin: 0 5%
}

.coach-name {
    color: #00b4ff;
    font-family: league,serif;
    font-size: 2em
}

.coach-header {
    display: flex;
    border-bottom: 2px solid #ededed;
    margin-bottom: 25px;
    align-items: center;
    padding-bottom: 25px;
    justify-content: center
}

.selector-image {
    height: 250px;
    padding-top: 0;
    margin: 0 auto;
    position: relative;
    width: 250px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0!important;
    -webkit-transition: all 1s cubic-bezier(.25,.25,.75,.75);
    -moz-transition: all 1s cubic-bezier(.25,.25,.75,.75);
    -o-transition: all 1s cubic-bezier(.25,.25,.75,.75);
    transition: all 1s cubic-bezier(.25,.25,.75,.75)
}

.des-league-img,.curr-league-img {
    max-height: 280px;
    margin: auto
}

@media screen and (min-width: 992px) and (max-height: 800px) {
    /* Desktop short-viewport only — on mobile Firefox Android the
       browser chrome drops the CSS viewport below 800px, and these
       rules then conflict with the mobile full-screen modal rules
       producing the bottom-right corner positioning. */
    .boosting-modal {
        width:98%!important;
        left: 1%!important
    }

    .boosting-modal.bm-visible {
        top: 1%!important
    }
}

@media screen and (max-width: 1000px) {
    .booster_packege_tabs ul li a {
        text-align:center;
        font-size: 18px;
        font-family: avenirnextcyr-bold
    }

    .c-indicator {
        height: 30px;
        min-width: 20px;
        margin: 5px
    }

    .banner-text h1 {
        font-size: 40px
    }

    .c-indicators {
        display: block
    }

    .sl-server-divisions#region-indicator,.sl-platform-divisions#platform-indicator {
        margin-top: 0
    }

    .home .banner {
        padding: 50px 0;
        background: #005478
    }

    .banner-container {
        height: 45vw
    }
}

.pilot_boost {
    width: auto;
    margin-bottom: 20px;
    height: auto;
    padding-bottom: 20px;
    background: #fff;
    border-bottom: 2px solid #ececec
}

.boost_pic img {
    margin: 0
}

.packageh2 {
    font: 32px"AvenirNextCyr-Bold";
    font-weight: 500;
    margin-top: 60px;
    text-align: center;
    margin-bottom: 25px
}

.col-i1 {
    width: 48%;
    padding-bottom: 15px;
    margin-right: 2%;
    text-shadow: 0 4px 10px rgba(0,0,0,.2)
}

.rowicon {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-right: -20px;
    font-size: 20px;
    font-weight: 200;
    margin-top: 25px;
    margin-left: 0;
    font-family: avenirnextcyr-bold;
    text-shadow: 1px 2px 1px #616161ad
}

.homefloaters {
    height: 40px;
    fill: #fff;
    width: 40px;
    margin-right: 15px;
    filter: drop-shadow(0px 0px 1px #009)
}

.glsr-default .glsr-review>.glsr-review-title>* {
    margin-bottom: 0!important;
    margin-top: 0;
    font-family: avenirnextcyr-bold;
    font-size: 20px;
    font-weight: 500
}

.glsr-default form.glsr-form input.glsr-input,.glsr-default form.glsr-form select.glsr-select,.glsr-default form.glsr-form textarea.glsr-textarea {
    border: 2px solid #e0e0e0!important
}

.glsr-default .glsr-review-content {
    font-size: 20px
}

.bt_coaching_values {
    margin: 0 auto;
    max-width: 25rem
}

.cv-group {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.cv-group h1 {
    color: #fff
}

.cv-group input[type=radio] {
    display: none
}

.cv-group input[type=radio]:checked+.box {
    background-color: #00b4ff
}

.cv-group input[type=radio]:checked+.box span {
    color: #fff
}

.cv-group input[type=radio]:checked+.box span:before {
    transform: translateY(0px);
    opacity: 1
}

.cv-group label {
    width: 46%;
    margin: 2%
}

.cv-group .box {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 100%;
    height: 55px;
    transition: all 250ms ease;
    will-change: transition;
    cursor: pointer;
    font-weight: 900;
    box-shadow: 0 0 5px rgb(0 0 0/20%);
    text-align: right;
    font-family: avenirnextcyr-bold
}

.cv-group .box:active {
    transform: translateY(10px)
}

.cv-group .box>img:first-child {
    transition: all 300ms ease;
    user-select: none;
    width: 15%;
    height: auto
}

.cv-group .box>span:last-child {
    transition: all 300ms ease;
    font-size: 1em;
    user-select: none;
    width: 75%;
    padding-right: 5px
}

.cv-group-container:last-child {
    margin-top: 2rem
}

.cv-header {
    text-align: center
}

@media(min-width: 1272px) {
    .coaching-calc-container .product-calc-item {
        width:28%;
        margin: 0 0% 2%
    }

    .coaching-calc-container .product-calc-item:nth-child(3) {
        width: 20%
    }

    .coaching-calc-container .product-calc-item:nth-child(5) {
        width: 15%
    }

    .coaching-calc-container .product-calc-item:nth-child(7) {
        width: 20%
    }

    .coaching-calc-container .pakage_part_sep {
        border: none
    }
}

.coaching-calc-container .current-img-platform,.coaching-calc-container .current-img-server,.coaching-calc-container .current-img-league-boost,.coaching-calc-container .tier-img,.coaching-calc-container .current-img {
    height: 300px;
    width: 300px;
    margin: 20px auto
}

.homexps {
    width: 90px;
    height: 90px;
    margin: 20px auto;
    display: flex;
    filter: brightness(1.3)
}

.selector-image {
    height: 250px;
    padding-top: 0;
    margin: 0 auto;
    position: relative;
    width: 250px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0!important;
    -webkit-transition: all 1s cubic-bezier(.25,.25,.75,.75);
    -moz-transition: all 1s cubic-bezier(.25,.25,.75,.75);
    -o-transition: all 1s cubic-bezier(.25,.25,.75,.75);
    transition: all 1s cubic-bezier(.25,.25,.75,.75)
}

.selector-slider .c-indicator {
    font-size: 16px;
    text-align: center;
    font-weight: 700
}

.selector-slider .c-slider {
    background-color: #00b4ff
}

.selector-slider .c-indicator.active {
    color: #00b4ff
}

.selector-slider .c-slider:after {
    border-top-color: #00b4ff
}

.selector-slider .l-division {
    background-color: #00b4ff
}

.order-target-arrows {
    display: flex;
    width: 40px
}

.order-target-arrows span {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-bottom: 3px solid #06a8ff;
    border-right: 3px solid #06a8ff;
    transform: rotate(45deg);
    margin: -6px;
    animation: animate 2s infinite
}

.order-center .order-target-arrows span {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-bottom: 4px solid #06a8ff;
    border-right: 4px solid #06a8ff;
    transform: rotate(45deg);
    margin: -4px;
    animation: animate 3s infinite
}

.order-target-arrows span:nth-child(2) {
    animation-delay: -.2s
}

.order-target-arrows span:nth-child(3) {
    animation-delay: -.4s
}

@keyframes animate {
    0% {
        opacity: 0;
        transform: rotate(-45deg) translate(-.8vw,-.8vw)
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0;
        transform: rotate(-45deg) translate(1vw,1vw)
    }
}

@media only screen and (max-width: 1199px) {
    .order-target-arrows span {
        display:inline-block;
        width: 20px;
        height: 20px;
        border-bottom: 4px solid #06a8ff;
        border-right: 4px solid #06a8ff;
        transform: rotate(45deg);
        margin: -3px;
        animation: animate 2s infinite
    }

    .team__battle img {
        width: 180px
    }
}

@-webkit-keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0
    }
}

@keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0
    }
}

.calculate-end-button {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative
}

.calculate-end-button:before {
    content: '';
    position: absolute;
    border: #0062a8fc solid 3px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.calculate-end-button.ceb-active:before {
    -webkit-animation-name: hvr-ripple-out;
    animation-name: hvr-ripple-out
}

.coaching-calc-container .sl-server-divisions#region-indicator,.coaching-calc-container .sl-platform-divisions#platform-indicator {
    margin-top: 20px
}

.coaching-calc-container .product-calc-item .amount_of_wins_dtl {
    display: flex;
    align-items: center;
    padding-top: 15px
}

#co-loyalty-info {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    padding-top: 1.5rem;
    border-top: 2px solid #dadada
}

.cli-code-block {
    display: flex;
    flex-direction: column
}

input#loyalty-code {
    width: 40%;
    height: 44px;
    border: 2px solid #dadada;
    padding: 0 15px;
    font-size: 18px;
    border-radius: 5px
}

.cli-title {
    font-weight: 500;
    font-size: 29px;
    margin: 0 0 1.5rem;
    color: #000;
    font-family: league;
    background: url(/wp-content/themes/boosting/assets/images/vipscroller.webp) repeat-y;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: #6e00002b;
    -webkit-animation: aitf 40s linear infinite;
    -webkit-transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden
}

#loyalty_reward_value_display,#loyalty_reward_percent_display {
    font-weight: 700
}

@-webkit-keyframes aitf {
    0% {
        background-position: 0% 50%
    }

    100% {
        background-position: 100% 50%
    }
}

.cli-coin-info {
    font-size: 18px;
    font-weight: 600;
    margin-top: 1rem
}

#loyalty-signup {
    margin-top: .5rem
}

.cb-cm-success {
    color: green
}

.cb-cm-error {
    color: darkred
}

#cb-code-message {
    transition: opacity .5s;
    font-size: 20px;
    margin: 10px 0;
    font-family: league
}

.cli-coins-block label {
    font-size: 20px;
    margin: 10px 0;
    display: block
}

.cli-coins-block {
    margin: 5px 0;
    font-size: 20px;
    font-weight: 700;
    font-family: avenirnextcyr-bold
}

.cb-coin-info {
    font-size: 18px
}

.cli-signup-info-block {
    margin: 1rem 0;
    font-size: 18px
}

.cli-signup-info-block p {
    text-align: center
}

.loyalty_reward_info>span {
    display: block
}

span#loyalty_reward_amount_display {
    display: none
}

.menu-item-has-children ul {
    display: none;
    position: absolute
}

.menu-item-has-children ul li {
    display: block;
    width: 100%
}

.menu-item-has-children:hover ul {
    display: block;
    z-index: 2;
    top: 100%;
    left: 0;
    width: 100%
}

.bcc-single .product-calc-item,.boosting-calc-container .product-calc-item {
    width: auto
}

.rank-select-container,.ps-select-container {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    margin: 2rem 0
}

.rank-select-container,.ps-select-container {
    margin: 2.5rem 0 8rem
}

.tier-name {
    font: 35px league;
    font-weight: 300;
    text-transform: uppercase;
    margin: auto
}

.wise-info,.transfer-info {
    font-weight: 600;
    margin: 1em 0
}

.profile-container {
    margin: 4rem 1rem 1rem
}

fieldset.pc-fieldset>legend {
    font: 2rem avenirnextcyr-bold;
    color: #10adee;
    margin: 1rem
}

fieldset.pc-fieldset {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    margin: 2rem;
    font-size: 1.1rem
}

fieldset.pc-fieldset label {
    margin: .2rem 0
}

.block-recent-posts {
    background: #0062a6;
    position: relative;
    padding: 40px 0
}

.block-recent-posts .title-h2 {
    text-align: center;
    color: #00b4ff;
    padding: 10px 0 50px
}

.block-recent-posts .btn.btn-info {
    color: #00b4ff;
    background: #fff;
    cursor: pointer;
    border: none!important
}

.block-recent-posts .btn.btn-info:hover {
    color: #fff
}

.trustpilot-offer {
    max-width: 500px;
    margin-top: 2rem
}

.trustpilot-offer p {
    margin-top: 1rem
}

.trustpilot-offer ol {
    list-style: decimal;
    margin: 1rem 1.2rem
}

.trustpilot-offer .to-site-logo {
    max-width: 200px;
    margin: auto
}

.trustpilot-offer .to-trustpilot-logo {
    max-width: 300px;
    margin: auto
}

.PriceBoxWrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    text-transform: uppercase
}

.PriceBox.RegularPriceBox {
    border-color: #8083a1
}

.PriceBox.RegularPriceBox,.PriceBox:hover {
}

.PriceBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    position: relative;
    background: 0 0;
    color: #000
}

.PriceBox .PriceLabel {
    padding: 12px;
    white-space: nowrap;
    background: #fffd9a;
    font-family: avenirnextcyr-bold;
    font-weight: 400;
    color: #000
}

.Label {
    border-radius: 3rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    display: inline-flex;
    align-items: center;
    padding: .15rem .8rem;
    margin: .1rem .3rem;
    transition-timing-function: cubic-bezier(.785,.135,.15,.86);
    transition-duration: .2s;
    transition-property: background-color
}

.PriceBox .DiscountLabel {
    padding: 1px 5px;
    height: 21px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 0 5px
}

.Label.GreenLabel {
    background-color: #0062a8fc;
    color: #fff;
    font-family: avenirnextcyr-bold
}

.Label {
    border-radius: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    display: inline-flex;
    align-items: center;
    padding: .15rem .8rem;
    margin: .1rem .3rem;
    transition-timing-function: cubic-bezier(.785,.135,.15,.86);
    transition-duration: .2s;
    transition-property: background-color
}

.PriceBox .OldPrice {
    margin: 24px 0 0 15px;
    color: #8083a1;
    letter-spacing: 0;
    text-decoration: line-through;
    display: flex
}

.PriceBox .Price {
    font-weight: 700;
    font-size: 27px;
    color: #000;
    display: flex;
    align-items: center;
    height: 85px;
    padding-top: 10px;
    width: 119px;
    padding-left: 8px
}

#total_package_price_display,#vip_price_display {
    font-weight: 700;
    font-size: 30px;
    color: #000;
    align-items: center;
    width: 120px;
    padding: 10px;
    font-family: avenirnextcyr-bold
}

.trustpilot_front {
    display: flex;
    justify-content: center;
    padding-top: 10px
}

@media only screen and (max-width: 1930px) {
    .gdlr-item {
        padding:60px 0 80px
    }

    .banner-container {
        max-width: 1800px;
        padding: 0 60px;
        margin: 0 auto;
        height: 55vw
    }

    .boosting-modal.bm-visible {
        top: 5%
    }

    .category {
        height: 220px;
        max-width: 400px
    }

    .col-product:nth-child(odd) {
        width: 43.6vw;
        margin-top: .616667vw
    }

    .col-product:nth-child(even) {
        width: 40.6vw
    }

    .product-desc {
        font-size: 22px
    }

    .category-name {
        transition: all .3s ease-in-out;
        font: 20px avenirnextcyr-bold;
        line-height: 65px;
        text-shadow: 0 4px 10px rgba(0,0,0,.3)
    }

    .block-boost:before {
        margin-top: -4px
    }

    .boosting-modal-content {
        overflow: hidden auto;
        max-height: 90vh;
        padding: 10px
    }

    .boosting-modal {
        width: 96%;
        padding: 1%;
        top: -120%;
        left: 2%
    }
}

.product_help_bot {
    padding: 30px 200px;
    margin: 100px auto;
    background: -webkit-linear-gradient(0deg,#0364a9 0%,#0364a9 100%);
    background-size: cover;
    border-radius: 10px;
    background-position: bottom;
    text-shadow: 0 4px 10px rgba(0,0,0,.3);
    box-shadow: 1px 1px 4px 0 #a8a8a8
}

.h3help {
    display: flex;
    flex-direction: column;
    line-height: 36px;
    font-weight: 300;
    margin: 0;
    color: #fff;
    text-align: center;
    font-size: 28px;
    margin-top: 10px;
    font-family: avenirnextcyr-medium
}

.h3help strong {
    font-family: avenirnextcyr-bold
}

.product_help_bot_pic {
    margin: auto;
    left: 43%;
    position: relative;
    margin-bottom: 10px;
    width: 150px;
    filter: drop-shadow(1px 2px 1px black)
}

@media only screen and (max-width: 1600px) {
    .banner-container {
        height:70vw
    }

    .banner-img img {
        display: none
    }

    .banner {
        position: relative;
        background: linear-gradient(229deg,#004b80fc 0,#000304 100%)
    }

    .banner-text {
        width: 95%;
        color: #fff;
        position: relative;
        z-index: 2
    }

    .product-desc {
        font-size: 20px
    }

    .product-text {
        color: #fff;
        position: absolute;
        bottom: 3%;
        top: 30%
    }

    .PriceBoxWrapper {
        display: block
    }

    .booster_packege_tabs ul li a {
        font-size: 18px
    }

    .btn-order {
        width: 120px
    }

    .name-client {
        font-size: 30px;
        font-weight: 400;
        margin: 0 3vw;
        text-transform: uppercase;
        max-width: 400px;
        font-family: league;
        line-height: 40px
    }

    .rgt-sidebar-section.during-scroll {
        top: 20px
    }
}

@media only screen and (max-width: 1199px) {
    .banner-container {
        height:1600px
    }

    .banner-text h1 {
        font-size: 40px
    }

    a.ctcb-button.ctcbb-bordered {
        font-size: 17px;
        padding: 5px 0;
        border: 2px solid;
        border-radius: 3px;
        margin: 0
    }

    .accordion-content {
        padding: 10px
    }
}

@media only screen and (max-width: 991px) {
    .banner-img,.banner-page-img {
        display:none
    }

    /* Kill wow.js entrance animations on mobile — fadeInUp on the
       hero title/subtitle and slideInRight on the character image
       caused visible layout jumps and the slideInRight kept running
       even though the character itself is display: none. Force the
       elements to their resting state so they render statically. */
    .wow {
        animation: none !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
    }

    .bbg {
    animation: none;
    background: #004e85fc;
    bottom: 0px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    overflow: hidden;
    max-width: 109%;
}

    .banner-container {
        height: auto;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 40px 20px
    }

.block-faq .btn-info {
 margin-top:20px;
}

    .lottie {
        max-width: 90%;
        border-radius: 20px
    }

    .banner-text {
        max-width: 545px;
        text-align: center
    }

    .banner-text h1:before {
        left: 50%;
        transform: translateX(-50%)
    }

    .banner__page {
        /* Symmetric vertical padding (22px top + bottom) on a 180px
           card, with 1.75rem gap below so the visible whitespace
           between banner and product cards matches the banner's
           internal bottom whitespace. */
        height: 180px !important;
        padding: 22px 15px !important;
        margin-bottom: 1.75rem !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .product_help_bot {
        padding: 60px 10px 50px
    }

    .product_help_bot_pic {
        margin: auto;
        left: 20%;
        position: relative;
        margin-bottom: 10px;
    }

    .team-logo__cg::before {
        display: none
    }

    .extraimage svg {
        max-height: 200px;
        max-width: 200px
    }
}

.trustpilot_front img {
    aspect-ratio: auto 160/96;
    width: 160px;
    height: 96px
}

.service-info-text-container a {
    color: #4e20c9;
    font-weight: 700
}

.logo:nth-child(4) {
    width: 100px
}

.logo:nth-child(5) {
    width: 85px
}

.current-img-league-boost,.current-img-server,.current-img-platform,.current-img,.tier-img {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

.col-boost:nth-child(2) {
    animation-delay: .2s
}

.col-boost:nth-child(3) {
    animation-delay: .3s
}

.col-boost:nth-child(4) {
    animation-delay: .4s
}

.whypage1 .container {
    margin: auto
}

.whypage1 h2 {
    color: #433f34;
    text-align: center;
    font-family: league;
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 42px
}

.whypage1 p {
    font-family: avenirnextcyr-regular;
    font-size: 22px;
    font-style: normal;
    font-weight: 450;
    line-height: 30px;
    width: 100%;
    margin: 20px auto 30px
}

section.hero-section {
    background-image: url(/wp-content/themes/boosting/assets/css/assets/images/hero.png);
    height: 34vh;
    background-repeat: no-repeat;
    background-size: cover
}

.hero__main {
    padding-top: 140px
}

.hero__main h1 {
    font-family: league;
    font-size: 47px;
    font-weight: 400;
    line-height: 53px;
    letter-spacing: 1px;
    text-align: center;
    color: #fff
}

.hero__main p {
    font-family: Proxima Nova;
    font-size: 20px;
    font-family: avenir light;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0;
    text-align: center;
    color: #fff;
    margin-top: 10px
}

section.about__content-section {
    padding-top: 10px
}

.about__content-main p {
    font-family: avenirnextcyr-medium;
    font-size: 24px;
    font-weight: 450;
    text-align: center;
    width: 100%;
    max-width: 68rem;
    margin: 0 0 40px
}

.about__content-main {
    margin: 10px auto;
    text-align: center;
    background: #f7f7f7;
    width: 100%;
    max-width: 1200px;
    padding: 50px;
    border-radius: 35px;
    box-shadow: 1px 1px 3px #d7d7d7
}

.about__content-main a {
    border: 3px solid #491b7a;
    width: 350px
}

section.management-section {
    margin-top: 61px
}

.management__main {
    display: flex;
    justify-content: space-around
}

.management__card img {
    width: 200px;
    margin: 0 auto
}

.management__card {
    align-items: center;
    display: grid
}

.management__card h2 {
    font-family: league;
    font-size: 30px;
    font-weight: 400;
    margin-top: 20px;
    line-height: 25px;
    letter-spacing: 0;
    text-align: center
}

.business-main {
    margin: 100px auto;
    text-align: center;
    background: #f7f7f7;
    width: 100%;
    max-width: 1200px;
    padding: 50px;
    border-radius: 35px;
    box-shadow: 1px 1px 3px #d7d7d7
}

.values__card-img {
    margin-left: -34px;
    margin-top: 2px
}

.business-main h2 {
    font-family: league;
    font-size: 40px;
    font-weight: 400;
    line-height: 33px;
    letter-spacing: 0;
    text-align: center;
    width: 100%;
    color: #023154;
    max-width: 93rem;
    margin: 0 auto 10px
}

.business-main h3 {
    font-family: avenirnextcyr-bold;
    font-size: 24px;
    font-weight: 450;
    line-height: 29px;
    color: #023154;
    letter-spacing: 0;
    text-align: center;
    margin-bottom: 30px
}

.business-main p {
    font-family: avenirnextcyr-medium;
    font-size: 20px;
    font-weight: 450;
    color: #023154;
    line-height: 28px;
    letter-spacing: 0;
    text-align: center;
    width: 100%;
    max-width: 76rem;
    margin: 0 auto 18px
}

section.values-section {
    margin-top: 100px
}

.values-content h3 {
    font-family: league;
    font-size: 55px;
    font-weight: 400;
    line-height: 38px;
    color: #023154;
    letter-spacing: 0;
    text-align: center
}

.values-content p {
    width: 100%;
    max-width: 39rem;
    margin: 20px auto 0;
    font-family: avenirnextcyr-bold;
    font-size: 20px;
    font-weight: 450;
    color: #023154;
    line-height: 28px;
    text-align: center
}

.values__card-img img {
    width: 250px;
    z-index: 5;
    position: relative;
    border-radius: 50%
}

.values__card-cobtent p {
    width: 100%;
    font-family: avenirnextcyr-medium;
    font-size: 20px;
    line-height: 30px;
    color: #000;
    text-align: right
}

.viplinks {
    color: #491b7a;
    text-align: right;
    font-family: league;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 42px;
    text-transform: capitalize;
    text-decoration: underline;
    display: block
}

.values__card-cobtent {
    background: linear-gradient(307deg,#ffd8bc 0%,#FFF 71.00%);
    position: relative;
    width: 100%;
    max-width: 70%;
    padding: 50px 70px 30px 20px;
    border-radius: 100px
}

.values__card {
    display: flex;
    width: 100%;
    max-width: 50%;
    align-items: center
}

.values__main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 92px;
    gap: 54px 0
}

.values__card-cobtent h3 {
    color: #491b7a;
    text-align: right;
    font-family: league;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 42px;
    text-transform: capitalize;
    text-decoration: underline
}

.values__main .values__card:nth-of-type(even) .viplinks {
    text-align: left
}

.values__main .values__card:nth-of-type(even) .values__card-cobtent {
    background: linear-gradient(270deg,#FFF 52.00%,#D8E7DC 100%);
    padding-left: 70px
}

.values__main .values__card:nth-of-type(even) .values__card-cobtent {
    background: linear-gradient(307deg,#DBEAE5 0%,#FFF 71.00%)
}

.values__main .values__card:nth-of-type(6) .values__card-cobtent {
    background: linear-gradient(270deg,#FFF 52.00%,#ffeebf 100%)
}

.values__main .values__card:nth-of-type(5) .values__card-cobtent {
    background: linear-gradient(311deg,#acffc5 0%,#FFF 71.00%)
}

.values__main .values__card:nth-of-type(4) .values__card-cobtent {
    background: linear-gradient(270deg,#FFF 52.00%,#ffd0d0 100%)
}

.values__main .values__card:nth-of-type(2) .values__card-cobtent {
    background: linear-gradient(270deg,#FFF 0%,#ddd0ff 100%)
}

.values__main .values__card:nth-of-type(3) .values__card-cobtent {
    background: linear-gradient(270deg,#e5e6ff 0%,#ffffff 100%)
}

.values__main .values__card:nth-of-type(even) p {
    text-align: left
}

.viplinks:nth-of-type(even) h3 {
    text-align: left
}

.values__main .values__card:nth-of-type(even) {
    flex-direction: row-reverse
}

.values__main .values__card:nth-of-type(4) .values__card-cobtent:before {
    height: 163px;
    left: -77px
}

.values__main .values__card:nth-of-type(6) .values__card-cobtent:before {
    left: -73px;
    height: 145px;
    top: 18px
}

.client__main .client__card:nth-of-type(2) .text {
    background: var(--2,#00B4FF);
    font-size: 20px
}

.client__main .client__card:nth-of-type(3) .text {
    background: var(--3,#EB5C29)
}

.lead__img img {
    margin-left: auto!important;
    width: 413px
}

.lead-main {
    display: flex;
    justify-content: center;
    gap: 30px
}

section.lead__section {
    border-radius: 0 50px 50px 0;
    background: #023050;
    padding: 100px 50px;
    width: 90%;
    margin-top: 140px;
    max-width: 162rem
}

.lead__content p {
    color: #fff;
    font-family: avenirnextcyr-medium;
    font-size: 21px;
    font-style: normal;
    width: 100%;
    font-weight: 450;
    line-height: 28px;
    margin-bottom: 18px;
    max-width: 60rem
}

.values__main .values__card:nth-of-type(even) .values__card-img {
    margin-right: -35px
}

.lead__content h2 {
    color: #fff;
    font-family: league;
    font-size: 60px;
    margin-bottom: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 43.2px
}

.lead__sub-content p {
    color: #fff;
    font-family: avenirnextcyr-medium;
    font-size: 20px;
    font-style: normal;
    font-weight: 450;
    line-height: 28px;
    width: 100%;
    max-width: 95rem;
    margin: 0 auto 18px
}

.lead__sub-content {
    width: 94%;
    margin-left: auto;
    margin-top: 30px
}

.lead__box-img img {
    max-width: 70px
}

.lead__perc {
    display: flex;
    gap: 30px;
    border-radius: 17px;
    background: #f7f7f7;
    padding: 25px
}

.lead__boxs {
    display: flex;
    gap: 24px;
    margin-top: 50px;
    justify-content: center;
    max-width: 108rem
}

.lead__box-content h3 {
    color: var(--1,#023154);
    font-family: avenirnextcyr-bold;
    font-size: 30px;
    font-style: normal;
    font-weight: 450;
    line-height: 34px
}

.lead__box-content span {
    color: var(--1,#023154);
    font-family: avenirnextcyr-medium;
    font-size: 24px;
    font-style: normal;
    width: 100%;
    font-weight: 750;
    line-height: normal;
    max-width: 21rem;
    display: block
}

.experience__main h2 {
    color: var(--b,#333);
    text-align: center;
    font-size: 55px;
    font-style: normal;
    font-weight: 400;
    line-height: 42px;
    width: 100%;
    margin: 0 auto 20px;
    max-width: 71rem;
    font-family: league
}

.experience__main p {
    width: 100%;
    color: var(--b,#333);
    text-align: center
}

section.experience__section {
    margin-top: 100px
}

.experience__card img {
    max-width: 132px;
    margin: 0 auto;
    display: flex
}

.experience__card h3 {
    color: var(--b,#333);
    font-family: league;
    width: 100%;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    margin: 25px auto;
    line-height: 31.2px;
    max-width: 33rem;
    text-align: center
}

.experience__card p {
    margin-bottom: 0;
    color: var(--1,#023154);
    margin-top: 20px;
    text-align: center
}

.experience__card {
    width: 100%;
    max-width: calc(33.3% - 54px)
}

.experience__sub-main {
    display: flex;
    gap: 54px;
    flex-wrap: wrap;
    margin-top: 58px
}

section.service__section {
    padding: 80px;
    margin: 100px 0 20px
}

.service__img img {
    max-width: 516px
}

.service__main {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.service__img {
    width: 100%;
    max-width: 34%;
    margin: 0 3%
}

.service__content h2 {
    color: var(--w,#FFF);
    font-family: league;
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    text-align: inherit;
    line-height: 42px;
    margin-bottom: 20px
}

.service__content {
    width: 100%;
    max-width: 60%;
    border-radius: 35px;
    background: #0062a8fc;
    border-radius: 0 35px 35px 0;
    padding: 81px 33px 82px 61px
}

.service__content p {
    color: #fff
}

.client__content p {
    margin-bottom: 0;
    color: #49453b;
    margin-top: 20px;
    width: 100%;
    max-width: 93rem
}

.client__card img {
    max-width: 349.95px
}

.client__card h2 {
    color: #433f34;
    text-align: inherit;
    font-size: 50px;
    font-weight: 750;
    font-family: avenir next cyr medium;
    line-height: 50px;
    margin-block:7px 5px}

.client__main {
    display: flex;
    margin-top: 40px;
    justify-content: space-between
}

.text {
    display: flex;
    width: 120px;
    height: 120px;
    padding: 23px 9.25px 23px 9.27px;
    justify-content: center;
    border-radius: 100px;
    background: var(--5,#F77);
    position: absolute;
    bottom: 31px;
    right: -50px
}

.whypage1.text p {
    font-family: proxima nova alt light;
    color: var(--w,#FFF);
    text-decoration: underline;
    line-height: 18px;
    max-width: 85px;
    margin-top: 8px;
    text-align: center
}

.client__card span {
    color: #433f34;
    font-family: avenir next cyr medium;
    font-size: 17px;
    font-style: normal;
    font-weight: 750;
    line-height: 21.6px
}

.client__card {
    position: relative
}

.record__content h2 {
    font-family: league;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    color: var(--w,#FFF);
    margin-bottom: 30px;
    text-transform: uppercase;
    text-align: inherit
}

.record__content {
    width: 100%;
    border-radius: 48px;
    background: var(--3,#EB5C29);
    max-width: 48%;
    padding: 58px;
    margin-right: 4%
}

.record__quantity {
    width: 100%;
    border-radius: 48px;
    background: #f7f7f7;
    padding: 17px 50px;
    box-shadow: 1px 1px 4px 0 #a8a8a8
}

.prodpage.record__quantity {
    width: 100%;
    border-radius: 10px;
    background: #f7f7f7;
    padding: 25px 60px;
    margin-top: 50px
}

.record__main {
    display: flex;
    align-items: center;
    justify-content: SPACE-BETWEEN
}

.record__content p {
    color: var(--w,#FFF);
    font-family: avenirnextcyr-regular
}

.percentage__text h4 {
    color: var(--1,#023154);
    font-family: avenirnextcyr-bold;
    font-size: 60px;
    font-style: normal;
    font-weight: 450;
    line-height: 54px
}

.prodpage.percentage__text h4 {
    color: var(--1,#023154);
    font-family: avenirnextcyr-bold;
    font-size: 40px;
    font-style: normal;
    font-weight: 450;
    line-height: 50px
}

.percentage__text span {
    color: var(--b,#333);
    font-family: avenirnextcyr-bold;
    font-size: 22px;
    font-style: normal;
    font-weight: 750;
    line-height: 22px;
    display: block;
    width: 150px
}

.prodpage.percentage__text span {
    color: var(--b,#333);
    font-family: avenirnextcyr-bold;
    font-size: 24px;
    font-style: normal;
    font-weight: 750;
    line-height: 22px;
    display: block;
    width: 250px
}

.percentage__para p {
    margin: 0;
    width: 100%;
    max-width: 52rem
}

.prodpage.percentage__para p {
    margin: 0;
    width: 100%;
    max-width: 60rem;
    font-family: avenirnextcyr-regular;
    font-size: 20px;
    font-style: normal;
    font-weight: 450;
    line-height: 30px
}

.percentage {
    display: flex;
    align-items: center;
    gap: 34px;
    justify-content: space-between;
    border-bottom: 1px SOLID #d9d9d9;
    padding-bottom: 50px;
    padding-top: 30px
}

.percentage {
    display: flex;
    align-items: center;
    gap: 50px;
    justify-content: space-between;
    border-bottom: 1px SOLID #d9d9d9;
    padding-bottom: 30px;
    padding-top: 20px
}

.record__quantity .percentage:nth-of-type(3) {
    border: none
}

section.record__section {
    background: #fff;
    padding-block:0;margin-top: 100px
}

.whypage1.client-review img {
    width: 116px;
    margin: 0 auto 8px
}

section.client-review__section {
    margin-top: 137px
}

.client-review h3 {
    color: var(--1,#023154);
    text-align: center;
    font-family: avenir next cyr medium;
    font-size: 17px;
    font-style: normal;
    font-weight: 750;
    line-height: 21.6px
}

.client-review h4 {
    color: var(--1,#023154);
    text-align: center;
    font-family: avenir next cyr medium;
    font-size: 18px;
    font-style: normal;
    font-weight: 750;
    line-height: 21.6px;
    margin-top: 4px
}

.client__btn-1,.client__btn-2 {
    padding: 11px 46px 11px 38px!important;
    margin-top: 31px
}

.client__btn-2 {
    border: 3px solid var(--2,#00B4FF)!important
}

.client-review span {
    display: flex;
    padding: 3px 33.39px 3px 35px;
    justify-content: center;
    align-items: flex-start;
    font-family: avenir next cyr medium;
    margin-block:16px 12px;background: var(--4,#FFFE92)
}

.client-review {
    width: 100%;
    max-width: calc(33.3% - 37px)
}

.client-review p {
    color: var(--1,#023154);
    text-align: center;
    font-family: avenir next cyr medium;
    font-size: 15px;
    font-style: normal;
    font-weight: 450;
    line-height: 28px
}

.client-review__main {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 37px;
    margin-top: 37px
}

.owner__img img {
}

.owner__content h2 {
    font-family: league;
    font-size: 51px;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    line-height: 64.8px;
    text-align: center
}

.owner__content p {
    color: #fff;
    width: 100%;
    max-width: 34rem
}

.owner__content {
    max-width: 90%;
    width: 100%;
    border-radius: 0 48px 48px 0;
    background: var(--5,#F77);
    padding-block:111px 129px}

.owner__main {
    display: flex;
    align-items: center
}

.whypage1 a.btn-1 {
    border: 1px solid #d8d8d8;
    background: #fff;
    color: #333;
    font-family: avenir next cyr medium;
    font-size: 16px;
    font-style: normal;
    font-weight: 750;
    line-height: 16px;
    text-transform: uppercase;
    padding: 21px 25.63px 21px 26px
}

.whypage1 a.btn-2 {
    color: #fff;
    font-family: avenir next cyr medium;
    font-size: 16px;
    font-style: normal;
    font-weight: 750;
    line-height: 16px;
    text-transform: uppercase;
    padding: 21px 25.63px 21px 26px;
    border: 1px solid rgba(51,51,51,.15);
    background: #00a5ef
}

.play-card__main {
    background: #fff;
    box-shadow: 0 16px 24px 0 rgba(51,51,51,.08);
    width: 690px;
    margin: 0 auto;
    padding-block:40px}

section.owner-section {
    margin-top: 142px
}

section.play-card__section {
    margin-bottom: 100px
}

.play-card__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px
}

.play-card__main p {
    text-align: center;
    max-width: 41rem;
    color: #333
}

.play-card__main h2 {
    font-size: 32px
}

.play-card__main h3 {
    color: #333;
    text-align: center;
    font-family: avenir next cyr medium;
    font-size: 14px;
    font-style: normal;
    font-weight: 750;
    line-height: 24px;
    margin-bottom: 4px
}

.owner__img {
    width: 64%;
    margin-left: -229px
}

@media only screen and (max-width: 1024px) {
    .values__card {
        max-width:100%
    }

    section.business__section {
        padding-inline:15px}

    .owner__img {
        width: 100%;
        margin-left: 0
    }

    .hero__main h1 {
        font-size: 30px;
        line-height: 40px
    }

    .lead__content h2 {
        text-align: inherit
    }

    .lead__sub-content {
        width: 100%
    }

    .lead__boxs {
        justify-content: flex-start;
        margin-left: 0
    }

    .experience__card {
        width: 100%;
        max-width: calc(50% - 54px)
    }

    section.owner-section {
        padding-inline:20px}

    .service__main {
        flex-direction: column
    }

    .service__content {
        max-width: 100%;
        border-radius: 35px
    }

    section.service__section {
        padding-block:50px 70px}

    .client__main {
        flex-wrap: wrap;
        justify-content: center;
        gap: 60px
    }

    .text {
        bottom: 64px;
        right: -31px
    }

    .client__content p {
        max-width: 55rem;
        text-align: center
    }

    .record__main {
        gap: 29px
    }

    .owner__main {
        flex-direction: column-reverse
    }

    .owner__content {
        width: 100%;
        border-radius: 48px;
        margin-top: 30px
    }

    .owner__content p {
        color: #fff;
        width: 100%;
        max-width: 65rem
    }

    .owner__content h2 {
        text-align: start;
        width: 100%;
        margin-left: AUTO;
        max-width: 90%
    }

    section.play-card__section {
        padding-block:60px}

    .business-main h2 {
        font-size: 26px;
        max-width: 68rem
    }

    .client-review__main {
        justify-content: center
    }

    .owner__content {
        padding-inline:30px}

    .business-main {
        padding-inline:30px}

    .client-review span {
        font-size: 14px;
        padding: 12px
    }

    .values__main .values__card:nth-of-type(even) {
        justify-content: end
    }

    .owner__img img {
        margin: 0 auto
    }

    section.values-section {
        overflow: hidden
    }

    .lead__boxs {
        margin-left: auto;
        width: 100%;
        max-width: 90rem
    }
}

@media only screen and (max-width: 1200px) {
    .lead__sub-content {
        margin-left:auto;
        margin-top: 25px;
        width: 100%;
        max-width: 89rem
    }

    .lead__boxs {
        max-width: 89rem
    }
}

@media only screen and (max-width: 767px) {
    .management__main {
        flex-wrap:wrap;
        gap: 30px
    }

    section.hero-section {
        height: 14vh
    }

    .hero__main {
        padding-top: 25px
    }

    .owner__content {
        width: 584.39px;
        padding-inline:30px}

    .play-card__main {
        width: 100%;
        padding-inline:30px}

    .management__card {
        width: 100%
    }

    .business-main h2 {
        font-size: 26px;
        line-height: 31px;
        margin: 0 auto 14px
    }

    .lead-main {
        flex-direction: column-reverse
    }

    .lead__img img {
        width: 413px;
        margin: 0 auto
    }

    section.lead__section {
        max-width: 65rem;
        margin: 50px auto 0;
        border-radius: 48px
    }

    .lead__boxs {
        flex-direction: column
    }

    .lead__content p {
        max-width: 100%
    }

    .lead__sub-content {
        width: 100%
    }

    .lead__boxs {
        justify-content: flex-start;
        margin-left: 0
    }

    .experience__sub-main {
        justify-content: center
    }

    .experience__card {
        width: 100%;
        max-width: calc(100% - 54px)
    }

    .record__main {
        flex-direction: column-reverse
    }

    .client-review {
        max-width: calc(100.3% - 37px)
    }

    section.owner-section {
        margin-top: 50px
    }

    .owner__content h2 {
        max-width: 100%
    }
}

@media only screen and (max-width: 568px) {
    .lead__img img {
        width:270px;
        margin: 0 auto
    }

    .owner__content h2 {
        margin-left: 0
    }

    .owner__content {
        width: 433.39px;
        padding-inline:30px}

    .play-card__main h2 {
        max-width: 53rem;
        margin: 0 auto
    }

    a.btn-1 {
        font-size: 10px;
        padding: 13px 15.63px 12px 15px
    }

    a.btn-2 {
        font-size: 10px;
        padding: 13px 15.63px 12px 15px
    }

    .play-card__main {
        width: 400px
    }

    .service__content {
        padding: 50px 33px 50px 26px
    }

    .values__card-cobtent h3 {
        font-size: 20px;
        line-height: 25px
    }

    .percentage {
        flex-direction: column;
        align-items: baseline
    }

    .play-card__btn {
        flex-direction: column
    }

    section.record__section {
        margin-top: 60px
    }

    .values__main .values__card .values__card-cobtent {
        padding-top: 50px
    }

    .values__main .values__card .values__card-cobtent {
        position: relative
    }

    .client__btn-2 {
        margin-top: 0
    }

    .values__main .values__card .values__card-cobtent:before {
        position: inherit!important
    }

    .values__main .values__card:nth-of-type(even) {
        position: relative
    }

    .values__main .values__card:nth-of-type(6) .values__card-cobtent {
        background: linear-gradient(270deg,#FFF 0%,#E1E6D4 100%)
    }

    .values__main .values__card:nth-of-type(4) .values__card-cobtent {
        background: linear-gradient(270deg,#FFF 0%,#D8E7DC 100%)
    }

    .values__card-img img {
        max-width: 75px
    }

    .values__card-cobtent p {
        text-align: center!important
    }

    .values__card-cobtent {
        background: linear-gradient(307deg,#D9E0E9 0%,#FFF 100%)
    }

    .values__main .values__card h3 {
        text-align: center!important
    }

    .values__card {
        position: relative
    }

    .client-review span {
        text-align: center;
        padding: 10px
    }

    .experience__card {
        max-width: calc(100% - 0px)
    }

    .whypage1 h2 {
        font-size: 24px!important;
        line-height: 29px!important
    }

    .owner__content {
        width: 100%!important
    }

    .play-card__main {
        width: 100%
    }

    .owner__content {
        padding-block:40px 40px}

    .service__content h2 {
        font-size: 20px!important
    }

    .service__img {
        max-width: 100%
    }

    .hero__main p {
        font-size: 14px;
        line-height: 18px
    }

    .values__main .values__card:nth-of-type(5) .values__card-cobtent {
        background: linear-gradient(311deg,#DBE7D9 0%,#FFF 100%)
    }

    .values__card-cobtent {
        padding: 19px 30px 34px
    }

    .values__main .values__card:nth-of-type(even) .values__card-cobtent {
        padding-left: 30px
    }

    .about__content-main a {
        font-size: 10px;
        line-height: 20px;
        margin: 21px auto 0;
        padding-block:3px;max-width: 296px
    }

    .hero__main {
        padding-top: 35px
    }

    section.hero-section {
        margin-top: 0!important
    }

    .hero__main h1 {
        font-size: 19px;
        line-height: 25px
    }

    section.about__content-section {
        padding-top: 0
    }

    .values__main .values__card:nth-of-type(even) .values__card-img {
        margin-right: 0
    }

    .values__main .values__card:nth-of-type(even) {
        justify-content: flex-end;
        flex-direction: column-reverse
    }

    .values__card-img {
        margin-left: 0;
        margin-top: 0
    }

    .values__card-img {
        margin-bottom: -36px
    }

    .values__card {
        flex-direction: column-reverse
    }
}

form.glsr-form .glsr-star-rating--stars {
    align-items: center;
    cursor: pointer;
    display: none!important;
    position: relative
}

.hero {
    margin-bottom: 100px
}

.hero .container {
    padding: 0!important
}

.hero__inner {
    height: 790px;
    position: relative
}

.hero__inner-image {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.hero__inner-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    filter: drop-shadow(2px 2px 4px black)
}

.payment-title {
    font-family: league
}

.hero__content {
    position: absolute;
    bottom: 75px;
    left: 0;
    padding: 0 24px;
    width: calc(70% - 48px);
    background: #191919e8;
    padding: 50px;
    border-radius: 10px
}

.hero__title {
    font-size: 50px;
    font-smooth: always;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-weight: 500;
    line-height: 1.33;
    margin-bottom: 10px;
    color: #fff;
    font-family: league
}

.hero__para {
    font-size: 20px;
    color: #fff;
    line-height: 28px
}

.tier-selector-current,.tier-selector-desired {
    display: block;
    width: 600px;
    height: 600px!important
}

.current-img-platform,.current-img-server {
    height: 400px;
    margin: 10px auto;
    width: 400px
}

.product-calc-item {
    margin-bottom: 9rem
}

.founder {
    margin-bottom: 160px
}

.founder__row {
    display: flex
}

.founder__column {
    width: calc(33.3% - 24px);
    padding: 0 12px
}

.founder__column-image {
    width: 100%
}

.founder__column-image img {
    width: 100%;
    border-radius: 10px
}

.founder__column-title {
    font-size: 32px;
    line-height: 1.33;
    font-smooth: always;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-weight: 700;
    color: #333;
    margin-bottom: 8px
}

.founder__column-info {
    font-size: 24px;
    font-smooth: always;
    -moz-osx-font-smoothing: grayscale;
    color: #333;
    line-height: 1.33;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    margin: 24px 0 8px
}

.founder__column-para {
    font-size: 16px;
    line-height: 28px;
    color: #333;
    font-weight: 400px
}

.values {
    margin-bottom: 100px
}

.values__title {
    font-size: 36px;
    font-smooth: always;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    line-height: 1.33;
    margin-bottom: 16px;
    color: #333;
    font-family: league
}

.values__para {
    color: #333;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 32px;
    font-family: avenirnextcyr-bold
}

.values__row {
    display: flex
}

.values__video {
    width: 50%;
    filter: drop-shadow(2px 2px 4px black)
}

.values__video video {
    width: 100%
}

.values__content {
    width: calc(50% - 50px);
    padding-left: 50px
}

.values__content-header {
    display: flex;
    align-items: center;
    margin-bottom: 12px
}

.values__content-header-icon {
    width: 36px;
    height: 36px;
    margin-right: 10px
}

.values__content-header-title {
    line-height: 1.33;
    font-size: 26px;
    font-smooth: always;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #333;
    font-family: league
}

.values__content-body {
    margin-bottom: 32px
}

.values__content-body-para {
    color: #333;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 32px
}

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

#foxLeagueL {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.rank-select-container,.ps-select-container {
    margin: 2.5rem 0 8rem
}

.tier-selector-desired #png_bg {
    filter: hue-rotate(261deg)
}

.boost-center {
    padding: 20px 2px 10px;
    border-bottom: 2px solid #dcd4e6
}

.team-lp {
    font-size: 0
}

.team-desc {
    margin-bottom: 5px
}

.boost-name span {
    margin-top: 2px
}

.packprise {
    color: #2e2e2e;
    text-shadow: 1px 1px 1px #999
}

.package_first .packdiscountprice {
    font-size: 120%
}

.current-img-league-boost,.tier-img,.current-img {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    object-fit: cover;
    transform-box: fill-box;
    transform-origin: 50% 50%;
    animation: imgLMove 5.5s -1s cubic-bezier(.445,.05,.55,.95) infinite
}

@keyframes imgLMove {
    0% {
        transform: scale(1) translateY(0px)
    }

    50% {
        transform: scale(1.03) translateY(-30px)
    }

    100% {
        transform: scale(1) translateY(0px)
    }
}

.current-img-league-boost,.tier-img,.current-img {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    object-fit: cover;
    transform-box: fill-box;
    transform-origin: 50% 50%;
    animation: imgLMove 5.5s -1s cubic-bezier(.445,.05,.55,.95) infinite
}

.serverselect {
    width: 100%!important;
    margin: 1rem 0!important
}

.pakage_part_sep {
    display: none
}

.wins-number span {
    color: #0281c8;
    font: 700 350px avenirnextcyr-medium;
    letter-spacing: -15px;
    position: relative;
    left: 0;
    top: 90px;
    text-align: left
}

.ui-widget.ui-widget-content {
    height: 13px;
    border: none;
    background: #0283ca;
    cursor: pointer
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
    border: none;
    background: #00b4ff;
    width: 10px;
    height: 32px;
    margin-left: 0;
    top: -10px;
    cursor: pointer
}

.tp-slider {
    width: 75%
}

.selector_1 .options-slctr {
    margin-top: 5px;
    margin-bottom: 20px
}

.product {
    margin-bottom: 100px
}

.product__row {
    display: flex;
    margin-bottom: 40px
}

.product__row:first-child {
    align-items: center
}

.product__row-image {
    width: calc(65% - 24px);
    padding: 0 12px
}

.product__row-image img {
    width: 100%;
    filter: drop-shadow(1px 1px 2px black)
}

.product__row-content {
    width: calc(30% - 25px);
    padding: 11px 40px
}

.product__row-content-title {
    font-size: 32px;
    line-height: 1.33;
    font-smooth: always;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #333;
    margin-bottom: 24px;
    font-family: league
}

.product__row-content-para {
    color: #333;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 16px
}

.product__row-content-para:last-child {
    margin-bottom: 0
}

.product__row:last-child {
    margin-bottom: 0
}

.product__column {
    width: calc(33.3% - 24px);
    padding: 0 12px
}

.product__column-header {
    display: flex;
    align-items: center;
    margin-bottom: 16px
}

.product__column-header-icon {
    width: 36px;
    height: 36px;
    margin-right: 10px
}

.product__column-header-icon svg {
    width: 100%
}

.product__column-header-title {
    line-height: 1.33;
    font-size: 26px;
    font-smooth: always;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #333;
    font-family: league
}

.product__column-body-para {
    color: #333;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 32px
}

.built {
    margin-bottom: 100px
}

.built__row {
    display: flex;
    align-items: center
}

.built__column {
    padding: 0 12px;
    width: calc(50% - 24px)
}

.built__column-title {
    font-size: 36px;
    line-height: 1.33;
    font-smooth: always;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #333;
    margin-bottom: 24px;
    font-family: league
}

.built__column-para {
    color: #333;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 16px
}

.built__column-link {
    display: flex;
    align-items: center;
    background-color: #00a5ef;
    border-color: rgba(51,51,51,.15);
    color: #fff;
    align-items: center;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    font-size: 1.5rem;
    height: 70px;
    padding: 10px 15px;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,color .15s ease-in-out;
    width: 220px;
    font-family: avenirnextcyr-bold;
    font-family: league
}

.built__column-link:hover {
    background-color: #0097db;
    color: #fff
}

.built__column-link svg {
    fill: #fff;
    width: 16px;
    height: 16px;
    margin-left: 10px
}

.built__column-image {
    width: 100%
}

.built__column-image img {
    width: 100%;
    border-radius: 10px
}

.built__column-image img:first-child {
    display: block
}

.built__column-image img:last-child {
    display: none
}

.team_about {
    margin-bottom: 100px
}

.team__title {
    font-size: 36px;
    line-height: 1.33;
    font-smooth: always;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #333;
    margin-bottom: 32px;
    text-align: center;
    font-family: league
}

.team__header {
    display: flex;
    flex-wrap: wrap;
    max-width: 900px;
    margin: 0 auto 48px
}

.team__header-box {
    width: calc(25% - 24px);
    padding: 0 12px
}

.team__header-box-number {
    font-size: 36px;
    line-height: 1.33;
    font-smooth: always;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #333;
    text-align: center;
    margin-bottom: 8px;
    font-family: league
}

.team__header-box-text {
    font-size: 20px;
    line-height: 20px;
    color: #333;
    font-weight: 400;
    text-align: center;
    font-family: montserrat
}

.galler__row {
    display: flex
}

.gallery__column {
    width: calc(25% - 24px);
    padding: 0 12px
}

.gallery__column:nth-child(2) {
    width: calc(54% - 24px);
    padding: 0 12px
}

.gallery__column-image {
    width: 100%;
    margin-bottom: 20px
}

.gallery__column-image img {
    width: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    border-radius: 10px;
    filter: drop-shadow(1px 1px 2px black)
}

.gallery__column:nth-child(2) .gallery__column-image img:first-child {
    display: block
}

.gallery__column:nth-child(2) .gallery__column-image img:last-child {
    display: none
}

.join {
    margin-bottom: 160px
}

.join__image {
    width: 100%
}

.join__image img {
    width: 100%;
    filter: drop-shadow(2px 2px 4px black)
}

.join__box {
    background: #fff;
    margin: -140px auto 0;
    position: relative;
    z-index: 1;
    box-shadow: 0 16px 24px rgba(51,51,51,.08);
    max-width: 690px;
    padding: 40px 30px
}

.join__uptitle {
    font-size: 22px;
    font-weight: 600;
    color: #333;
    line-height: 24px;
    font-smooth: always;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 5px;
    text-align: center;
    font-family: avenirnextcyr-bold
}

.join__title {
    font-size: 32px;
    line-height: 1.33;
    font-smooth: always;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-weight: 500;
    color: #333;
    text-align: center;
    margin-bottom: 8px;
    text-align: center;
    font-family: league
}

.join__para {
    color: #333;
    font-size: 20px;
    line-height: 28px;
    width: 80%;
    margin: 0 auto 20px;
    text-align: center
}

.join__box-row {
    display: flex;
    align-items: center;
    justify-content: center
}

.join__box-link {
    display: block;
    align-items: center;
    border: 1px solid #d8d8d8;
    background-color: #fff;
    border-radius: 4px;
    color: #333;
    font-size: 20px;
    line-height: 16px;
    padding: 25px;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,color .15s ease-in-out;
    margin: 0 10px;
    font-family: league
}

.join__box-link:last-child {
    background-color: #00a5ef;
    border-color: rgba(51,51,51,.15);
    color: #fff
}

.join__box-link:hover {
    background-color: #f8f8f8;
    color: #333
}

.join__box-link:last-child:hover {
    background-color: #0097db;
    color: #fff
}

.my-orders .boost-name {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 32px;
    padding-top: 7%;
    text-decoration: underline;
    color: #0062a6;
    font-family: league;
}

.my-orders .boost-name span {
    color: #7d3fbe;
    display: block;
    font: 40px league;
    text-decoration: underline
}

@media(max-width: 1200px) {
    .values__row {
        align-items:stretch
    }
}

@media(max-width: 1024px) {
    .hero {
        margin-bottom:40px
    }

    .hero__title {
        font-size: 42px
    }

    .founder {
        margin-bottom: 40px
    }

    .founder__row {
        flex-wrap: wrap;
        margin: 0 -12px
    }

    .founder__column {
        width: calc(50% - 24px)
    }

    .founder__column:nth-child(1) {
        width: calc(100% - 24px);
        margin-bottom: 20px
    }

    .values {
        margin-bottom: 40px
    }

    .values__row {
        flex-wrap: wrap
    }

    .values__content {
        padding: 24px 0 0;
        width: 100%
    }

    .values__video {
        margin: 0 auto;
        width: 70%
    }

    .product {
        margin-bottom: 40px
    }

    .product__row-content {
        width: calc(50% - 24px)
    }

    .product__row-image {
        width: calc(50% - 24px)
    }

    .product__row:last-child {
        flex-wrap: wrap
    }

    .product__column {
        padding: 24px 0 0;
        width: 100%
    }

    .built {
        margin-bottom: 40px
    }

    .built__row {
        flex-wrap: wrap
    }

    .built__column:first-child {
        order: 2;
        width: 100%;
        padding: 24px 0 0
    }

    .built__column:last-child {
        order: 1;
        width: 70%;
        margin: 0 auto
    }

    .team {
        margin-bottom: 40px
    }

    .join__box {
        padding: 32px;
        margin-top: -70px
    }

    .join__uptitle {
        font-size: 14px
    }

    .join__title {
        font-size: 24px
    }
}

@media(max-width: 768px) {
    .hero__inner {
        height:500px
    }

    .hero__content {
        width: calc(100% - 32px);
        padding: 0 16px;
        bottom: 48px
    }

    .product__row {
        flex-wrap: wrap
    }

    .product__row-content {
        width: 100%;
        padding: 24px 0 0
    }

    .product__row-image {
        width: 100%;
        padding: 0
    }

    .team__inner {
        display: flex;
        flex-direction: column;
        -ms-flex-direction: column
    }

    .gallery {
        order: 1
    }

    .team__title {
        order: 2
    }

    .team__header {
        order: 3
    }

    .gallery__column {
        display: none
    }

    .gallery__column:nth-child(2) {
        display: block;
        width: calc(100% + 48px);
        margin: 0 -24px;
        padding: 0 0 24px
    }

    .gallery__column:nth-child(2) .gallery__column-image {
        width: 100%;
        height: 400px
    }

    .gallery__column:nth-child(2) .gallery__column-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        -o-object-fit: cover
    }

    .gallery__column:nth-child(2) .gallery__column-image:last-child {
        display: none
    }

    .gallery__column:nth-child(2) .gallery__column-image img:first-child {
        display: none
    }

    .gallery__column:nth-child(2) .gallery__column-image img:last-child {
        display: block
    }

    .team__header-box {
        padding: 12px;
        width: calc(50% - 24px)
    }

    .join {
        margin-bottom: 40px
    }

    .join__box {
        max-width: 80%;
        margin-top: -100px
    }

    .join__box-row {
        flex-direction: column;
        -ms-flex-direction: column
    }

    .join__box-link {
        margin: 12px 0;
        width: calc(100% - 30px);
        text-align: center
    }

    .join__para {
        margin: 0 0 24px;
        width: 100%
    }

    .join__image {
        height: 560px;
        width: calc(100% + 48px);
        margin: 0 -24px
    }

    .join__image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        -o-object-fit: cover
    }

    .built__column:last-child {
        width: 85%
    }

    .values__video {
        width: 85%
    }
}

@media(max-width: 550px) {
    .hero__title {
        font-size:32px;
        margin-bottom: 12px
    }

    .founder__column {
        width: 100%;
        padding: 0;
        margin-bottom: 24px
    }

    .founder__row {
        flex-wrap: wrap;
        margin: 0
    }

    .team__header-box {
        width: 100%;
        padding: 12px 0
    }

    .built__column:last-child {
        width: 100%;
        padding: 0
    }

    .values__video {
        width: 100%;
        margin: 0
    }
}

.lottie {
    background-color: #fff;
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    transform: translate3d(0,0,0);
    text-align: center;
    opacity: 1;
    height: 100%;
    width: 1000px;
    margin: 0 auto
}

@media only screen and (max-width: 959px) {
    .gdlr-item {
        padding:10px 0
    }

    .PriceBox {
        display: block;
        margin-bottom: 10px
    }

    .calculateboostpage {
        text-align: center;
        border-bottom: 1px solid #ededed;
        padding-bottom: 15px;
        font-size: 28px;
        font-family: League;
        font-weight: 500;
        text-transform: uppercase;
        color: #000;
        margin-bottom: 15px;
        padding: 10px 15px 15px
    }

    .rgt-sidebar-section .calculate-right-part {
        padding: 10px;
        margin: 0 auto!important
    }

    .title-page,.title-pageh4 {
        visibility: visible
    }

    .eo-sb-label {
        margin: 0 20px
    }

    .payment-method-group .co-btn {
        width: 50px;
        margin: 2px
    }

    .aproximate_time {
        text-align: center;
        line-height: 14px;
        margin-bottom: 5px;
        font: 18px avenirnextcyr-bold;
        font-weight: 700
    }

    .summary_discount,.extra_options_output,.total_price,.discount_label_div,.vip_price_outer {
        line-height: 26px;
        padding: 10px;
        font: 18px avenirnextcyr-bold;
        color: #2f2a29;
        font-weight: 700;
        text-align: center
    }

    .calculate_itog {
        font-weight: 600;
        display: block;
        color: #000;
        font-family: montserrat;
        font-size: 18px;
        line-height: 18px
    }

    #total_package_price_display,#vip_price_display {
        font-size: 26px
    }

    #completion_time_days_display,.aproximate_time #calculate_days,.aproximate_time .calculate_itog {
        color: #000;
        font-family: montserrat;
        font-size: 18px;
        line-height: 20px
    }

    .record__content {
        width: 100%;
        border-radius: 48px;
        background: var(--3,#EB5C29);
        max-width: 100%;
        padding: 58px;
        margin-right: 4%
    }

    .values__card-cobtent {
        width: 100%
    }

    section.service__section {
        padding: 0;
        margin: 50px 0 20px
    }

    section.service__section {
        padding-block:0}

    .about__content-main a {
        width: 100%
    }

    .prodpage.percentage__text span {
        width: 95%
    }

    .tier-selector-current,.tier-selector-desired {
        display: block;
        width: 300px;
        height: 300px!important
    }

    .current-img-platform,.current-img-server {
        height: 300px;
        margin: 20px auto;
        width: 300px
    }

    .product-calc-item {
        margin-bottom: 19rem
    }

    .block-boost {
        padding: 40px 0;
        display: none
    }

    .block-boost.my-orders {
        padding: 40px 0;
        display: block
    }

    .my-orders .col-boost {
        padding: 0 0
    }

    .my-orders .team__battle {
        width: 190px;
        margin: 0 auto
    }

    .my-orders .row-battle {
        display: block
    }

    .my-orders .order-target-arrows span {
        display: none
    }

    .my-orders .team-desc {
        font-size: 28px;
        margin-bottom: 5px;
        margin-top: 15px
    }

    .product-calc-item .amount_of_wins_dtl {
        padding-top: 70px
    }

    .logo:nth-child(3),.logo:nth-child(4),.logo:nth-child(5) {
        display: none
    }
}

@media only screen and (max-height: 850px) {
    .gdlr-item {
        padding:10px 0
    }

    .PriceBox {
        display: block;
        margin-bottom: 10px
    }

    .calculateboostpage {
        text-align: center;
        border-bottom: 1px solid #ededed;
        padding-bottom: 15px;
        font-size: 28px;
        font-family: League;
        font-weight: 500;
        text-transform: uppercase;
        color: #000;
        margin-bottom: 15px;
        padding: 10px 15px 15px
    }

    .PriceBox .PriceLabel {
        padding: 6px
    }

    .rgt-sidebar-section .calculate-right-part {
        padding: 10px;
        margin: 0 auto!important
    }

    .title-page,.title-pageh4 {
        visibility: visible
    }

    .eo-sb-label {
        margin: 0 20px
    }

    .payment-method-group .co-btn {
        width: 50px;
        margin: 2px
    }

    .aproximate_time {
        text-align: center;
        line-height: 14px;
        margin-bottom: 5px;
        font: 18px avenirnextcyr-bold;
        font-weight: 700
    }

    .summary_discount,.extra_options_output,.total_price,.discount_label_div,.vip_price_outer {
        line-height: 26px;
        padding: 10px;
        font: 18px avenirnextcyr-bold;
        color: #2f2a29;
        font-weight: 700;
        text-align: center
    }

    .calculate_itog {
        font-weight: 600;
        display: block;
        color: #000;
        font-family: montserrat;
        font-size: 18px;
        line-height: 18px
    }

    #total_package_price_display,#vip_price_display {
        font-size: 20px
    }

    #completion_time_days_display,.aproximate_time #calculate_days,.aproximate_time .calculate_itog {
        color: #000;
        font-family: montserrat;
        font-size: 18px;
        line-height: 20px
    }
}

.bt-ajax-shortcode {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    text-shadow: 2px 2px 2px #000
}

.block-faq-front {
    padding: 120px 0
}

.block-faq-front .title-h2 {
    text-align: center;
    margin-bottom: 80px;
    color: #0062a6
}

figure {
    max-width: 100%
}

.guide-banner-wrapper {
    text-decoration: none;
    color: #fff;
    display: block;
    margin: 20px 0
}

.guide-banner {
    position: relative;
    display: flex;
    border-radius: 5px;
    margin-bottom: 2rem;
    background-color: #564fff;
    color: #050622;
    overflow: hidden;
    z-index: 1;
    min-height: 200px;
    text-decoration: none
}

.guide-banner .guide-banner__content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
    width: 100%;
    justify-content: space-between
}

.guide-banner .guide-banner__bg {
    position: absolute;
    width: 108%;
    height: 100%;
    display: flex;
    flex-direction: row;
    left: -64px;
    top: 0;
    z-index: 1
}

.guide-banner .guide-banner__bg div {
    position: relative;
    left: 0;
    top: -62%;
    transform: rotate(30deg);
    width: 200px;
    height: 500px;
    background: linear-gradient(270deg,#00518b 0%,#004c83 100%)
}

.guide-banner .guide-banner-info {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2
}

.guide-banner:hover .guide-banner__img {
    background-size: 500px
}

.guide-banner:hover .guide-banner__img:before {
    left: 0;
    width: 60px;
    opacity: .9
}

.guide-banner:hover .guide-banner__img:after {
    right: -100px;
    opacity: 0
}

.guide-banner .guide-banner__img {
    position: relative;
    width: 400px;
    flex: 0 0 400px;
    margin-left: -60px;
    background-size: 400px;
    background-position: center;
    transition: all .3s ease-out;
    background-repeat: no-repeat;
    background-color: #5a4bff
}

.guide-banner .guide-banner-info .btn {
    height: 40px;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    background-color: #76ff88;
    color: #000;
    padding: 0 17px 0 35px;
    border-radius: 0 5px 5px 0;
    position: relative;
    left: -20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-right: -10px;
    font-weight: 700;
    border: none;
    cursor: pointer
}

.guide-banner .guide-banner-info .btn:hover {
    color: #fff
}

.guide-banner .guide-banner-trust {
    display: inline-flex;
    align-items: flex-end;
    gap: 5px;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    vertical-align: bottom;
    line-height: 14px
}

.guide-banner .guide-banner-info {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2
}

.guide-banner .guide-banner-heading {
    position: relative;
    font-family: montserrat;
    font-size: 30px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 10px;
    z-index: 2;
    color: #fff;
    text-decoration: none!important
}

.guide-banner .guide-banner-subheading {
    position: relative;
    font-family: montserrat;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: #fff;
    margin-bottom: 10px;
    z-index: 2
}

.guide-banner .guide-banner__img:before {
    content: '';
    position: absolute;
    left: -20px;
    top: -100%;
    transform: rotate(30deg);
    width: 150px;
    height: 500px;
    background: linear-gradient(90deg,#564fff 30%,rgba(0,0,0,.0) 100%);
    transition: all .3s ease-out
}

.guide-banner .guide-banner__img:after {
    content: '';
    position: absolute;
    right: 0;
    top: 54px;
    transform: rotate(30deg);
    width: 100px;
    height: 500px;
    background: linear-gradient(90deg,#564fff 30%,rgba(0,0,0,.0) 100%);
    box-shadow: 4px 5px 5px 30px #0264a9;
    opacity: .5;
    transition: all .3s ease-out
}

.smurfoo .guide-banner .guide-banner__bg div {
    background: linear-gradient(270deg,#2d291a 0%,#313131 100%)
}

.smurfoo .guide-banner {
    background-color: #2d291a;
    flex-direction: row-reverse
}

.smurfoo .guide-banner .guide-banner__img:before {
    background: linear-gradient(90deg,#76ff88 30%,rgba(0,0,0,.0) 100%);
    transition: all .3s ease-out
}

.smurfoo .guide-banner .guide-banner-info .btn {
    color: #000;
    padding: 0 17px 0 20px;
    border-radius: 5px;
    font-weight: 700
}

.smurfoo .guide-banner .guide-banner-info .btn:hover {
    color: #fff
}

.home .banner {
    background: 0 0
}

.bbg {
    animation: slide 3s ease-in-out infinite alternate;
    background-image: linear-gradient(290deg,#fff 25%,#004e85fc 25%);
    bottom: 0;
    left: -5%;
    position: absolute;
    right: 5%;
    top: 0;
    z-index: -1;
    overflow: hidden;
    max-width: 109%
}

.bbg2 {
    animation-direction: alternate-reverse;
    animation-duration: 6s;
    opacity: .5
}

.bbg3 {
    animation-duration: 6s;
    opacity: .5
}

@keyframes slide {
    0% {
        transform: translateX(-5%)
    }

    100% {
        transform: translateX(5%)
    }
}

/* Below desktop: hide the .bbg/.bbg2/.bbg3 wavy-gradient overlays
   entirely and paint the banner with a solid dark-blue background
   instead. Even with the animation disabled, the diagonal-split
   gradient on .bbg was creating odd visual breaks in the hero on
   smaller viewports. display: none is cleaner than fighting the
   gradient + position: absolute layout. .home .banner { background: 0 0 }
   from line 14282 leaves the banner transparent on the homepage,
   so we restore the dark-blue base colour here. */
@media (max-width: 1199px) {
    .bbg,
    .bbg2,
    .bbg3 {
        display: none !important;
    }
    .home .banner {
        background: #004e85fc !important;
    }
}

.bott-btn {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 80px;
    margin: -10px 12px;
    height: 60px;
    filter: grayscale(1) invert(1) brightness(5)
}

.bott-btn-stripe {
    background-image: url(/wp-content/themes/boosting/assets/images/payment-logos/stripe.svg);
    margin-left: 10%
}

.bott-btn-apay {
    background-image: url(/wp-content/themes/boosting/assets/images/payment-logos/applepay.svg);
    background-size: 90%
}

.bott-btn-paypal {
    background-image: url(/wp-content/themes/boosting/assets/images/payment-logos/pppaypal.svg)
}

.bott-btn-visa {
    background-image: url(/wp-content/themes/boosting/assets/images/payment-logos/visa.svg)
}

.bott-btn-skrill {
    background-image: url(/wp-content/themes/boosting/assets/images/skrill_logo.png)
}

.bott-btn-wise {
    background-image: url(/wp-content/themes/boosting/assets/images/payment-logos/wise.svg)
}

.bott-btn-btc {
    background-image: url(/wp-content/themes/boosting/assets/images/payment-logos/bitcoin.svg);
    background-size: 50%
}

.bott-btn:hover {
    filter: grayscale(1) invert(1) brightness(.7);
    transition: all .3s cubic-bezier(.4,0,.2,1)
}

@media only screen and (max-width: 991px) {
    .bbg {
        /* Animation disabled on smaller-than-desktop layouts — the
           translateX slide ran 3s ease-in-out infinite alternate
           and caused horizontal layout shift that visibly nudged
           the fixed Tawk chat icon. Keep the static background
           gradient + positioning, drop the animation. */
        animation: none !important;
        background-image: linear-gradient(290deg,#fff 5%,#004e85fc 5%);
        bottom: 0;
        left: -10%;
        position: absolute;
        right: -20%;
        top: 0;
        z-index: -1;
        overflow: hidden;
        max-width: 120%
    }

    .bott-btn {
        margin: 12px
    }
}

.co-time-range-widget {
    float: right;
    width: 92%;
    height: 46px;
    padding: 0 15px;
    border: 2px solid #dadada;
    border-radius: 5px;
    font-size: 18px
}

.co-time-range-widget input {
    display: inline-block;
    height: 100%;
    width: 25%;
    margin-left: .5rem;
    margin-right: 2rem
}

/* Extra submit info */
div.extra-submit-container {
    margin: 1em 0 1em;
    max-width: 500px;
}

div.extra-submit-container .esc-info {
    margin: 1em 0 2em;
}

div.extra-submit-container form {
    display: flex;
    flex-direction: column;
    max-width: 300px;
}

.extra-submit-container input[type=text],
.extra-submit-container input[type=password] {
    border: 1px solid #dadada;
    border-radius: 3px;
    margin-bottom: .5em;
}

.container {
    max-width: 1800px;
    margin: 0 auto;
    padding: 0 50px;
}

/* ── Payment complete page — checkout4 design system ── */
.payment-complete-container {
    margin: 30px auto;
    min-height: 40vh;
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
    max-width: 640px;
    font-family: var(--co-font, 'Inter',system-ui,sans-serif);
    font-size: 15px;
    color: var(--co-txt, #0a0f1a);
    min-height: 300px;
    padding: 0 16px;
}

.payment-complete-container a {
    color: var(--co-accent, #2563eb);
    font-weight: 600;
    text-decoration: none;
}
.payment-complete-container a:hover {
    color: var(--co-accent-dk, #1e40af);
    text-decoration: underline;
}

.payment-header {
    display: none;
}

.payment-message {
    font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
    font-size: 14px !important;
    font-style: normal !important;
    color: var(--co-txt3, #8b92a0) !important;
    line-height: 1.6 !important;
    margin-bottom: 6px !important;
    letter-spacing: 0 !important;
}

/* Success card */
.payment-complete-container .ebl-fade-1 > div[style*="font-family"] {
    font-family: var(--co-font, 'Inter',system-ui,sans-serif) !important;
}

/* Progress tracker & account form cards — unified card look */
.payment-complete-container .ebl-fade-1,
.payment-complete-container .ebl-fade-2,
.payment-complete-container .ebl-fade-3 {
    border-radius: var(--co-rad-lg, 10px) !important;
    border: 1px solid var(--co-border, #d4d7dd) !important;
    box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 4px 20px rgba(0,0,0,.06) !important;
    margin-bottom: 14px !important;
}

/* Success card top accent line */
.payment-complete-container .ebl-fade-1 {
    border-top: 4px solid var(--co-accent, #2563eb) !important;
}

/* Account form left accent bar */
.payment-complete-container .ebl-fade-3 > div[style*="background:#0364a9"] {
    background: var(--co-accent, #2563eb) !important;
}

/* Form inputs — match checkout4 style */
.payment-complete-container input[type="text"],
.payment-complete-container input[type="password"] {
    width: 100% !important;
    box-sizing: border-box !important;
    font-family: var(--co-font, 'Inter',system-ui,sans-serif) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: var(--co-txt, #0a0f1a) !important;
    background: var(--co-bg, #eef0f4) !important;
    border: 1.5px solid transparent !important;
    border-radius: var(--co-rad, 6px) !important;
    padding: 11px 14px !important;
    outline: none !important;
    transition: .15s !important;
    height: auto !important;
    margin: 0 !important;
    float: none !important;
}
.payment-complete-container input[type="text"]:hover,
.payment-complete-container input[type="password"]:hover {
    border-color: var(--co-border, #d4d7dd) !important;
    background: #ebedf1 !important;
}
.payment-complete-container input[type="text"]:focus,
.payment-complete-container input[type="password"]:focus {
    border-color: var(--co-accent, #2563eb) !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px var(--co-accent-glow, rgba(37,99,235,.10)) !important;
}

/* Send button — match checkout4 accent */
.payment-complete-container .ebl-shimmer-btn {
    background: var(--co-accent, #2563eb) !important;
    background-image: none !important;
    animation: none !important;
    border: none !important;
    border-bottom: 3px solid var(--co-accent-dk, #1e40af) !important;
    border-radius: var(--co-rad, 6px) !important;
    font-family: var(--co-font, 'Inter',system-ui,sans-serif) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: .1em !important;
    transition: .15s !important;
}
.payment-complete-container .ebl-shimmer-btn:hover {
    background: var(--co-accent-dk, #1e40af) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 14px rgba(37,99,235,.25) !important;
}

/* Action buttons — Support / Discord / Email */
.payment-complete-container .ebl-action-btn {
    border: 1.5px solid var(--co-border, #d4d7dd) !important;
    border-radius: var(--co-rad, 6px) !important;
    color: var(--co-txt2, #555d6e) !important;
    font-family: var(--co-font, 'Inter',system-ui,sans-serif) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    background: #fff !important;
    transition: .15s !important;
}
.payment-complete-container .ebl-action-btn:hover {
    border-color: var(--co-accent, #2563eb) !important;
    color: var(--co-accent, #2563eb) !important;
    background: var(--co-accent-lt, rgba(37,99,235,.05)) !important;
    transform: translateY(-1px) !important;
}

/* Toast */
.payment-complete-container #ebl-toast {
    border-radius: var(--co-rad, 6px) !important;
    font-family: var(--co-font, 'Inter',system-ui,sans-serif) !important;
}

/* Labels in account form */
.payment-complete-container label {
    font-family: var(--co-font, 'Inter',system-ui,sans-serif) !important;
    color: var(--co-accent, #2563eb) !important;
}

/* Legacy extra-submit overrides (keep for non-ebl forms) */
div.extra-submit-container label {
    font-family: var(--co-font, 'Inter',system-ui,sans-serif);
    text-transform: uppercase;
}

.extra-submit-container input[type=text], .extra-submit-container input[type=password] {
    border: 1.5px solid transparent;
    border-radius: var(--co-rad, 6px);
    margin: 0 0 1em;
    width: 100%;
    height: auto;
    padding: 11px 14px;
    font-size: 15px;
    outline: none;
    background-color: var(--co-bg, #eef0f4);
    float: none;
    font-family: var(--co-font, 'Inter',system-ui,sans-serif);
}

div.extra-submit-container .choose_btn {
    margin: 0;
    width: 100%;
    height: auto;
    padding: 14px;
    font-family: var(--co-font, 'Inter',system-ui,sans-serif);
    color: white;
    border: none;
    border-bottom: 3px solid var(--co-accent-dk, #1e40af);
    border-radius: var(--co-rad, 6px);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    background: var(--co-accent, #2563eb);
    cursor: pointer;
    transition: .15s;
}

div.extra-submit-container .choose_btn:hover {
    background: var(--co-accent-dk, #1e40af);
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(37,99,235,.25);
}

div.extra-submit-container form {
    padding-bottom: 40px;
}

/* Trustpilot offer */
.trustpilot-offer {
    max-width: 640px;
    margin-top: 1.5rem;
}

.trustpilot-offer .to-site-logo {
    max-width: 300px;
    padding-bottom: 30px;
    margin: auto;
    filter: drop-shadow(1px 2px 4px black);
}

.trustpilot-offer p {
    margin: 1rem 0;
}

/* Responsive */
@media (max-width: 680px) {
    .payment-complete-container {
        max-width: 100%;
        padding: 0 12px;
    }
}

.chat-cnt-section .chat-content .chat-text {
    font-size: 15px !important;
    line-height: 1 !important;
}

#chat_outer {
    height: 500px !important;
    padding: 20px;
}

.chat-cnt-section .chat-right, .chat-cnt-section .chat-left {
    margin: 0.5% 2% !important;
}

.info-box p {
    margin: 0;
    font-size: 1rem;
    color: #3a3a3a;
}

.close-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    background: none;
    border: none;
    font-size: 1.4rem;
    color: #565656;
    cursor: pointer;
    transition: color 0.2s ease;
}

.info-box {
    position: absolute;
    background: #ffffff;
    margin-bottom: 0px;
    z-index: 200;
    top: 1715px;
    font-family: 'Montserrat';
    left: 400px;
    border-left: 4px solid #007ec3;
    box-shadow: 2px 10px 20px rgb(0 0 0 / 20%);
    border-radius: 3px;
    padding: 16px 24px;
    max-width: 400px;
    width: 90%;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.close-btn:hover {
      color: #333;
    }

    .info-box.hide {
      opacity: 0;
      transform: translateY(-20px);
      pointer-events: none;
    }
	
	.info-box::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 2%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #0364a9;
}

.blog-info {
display:none
    }
	/* ==========================================================
   CHECKOUT REDESIGN — checkout4 design system
   Fonts: Roboto · AvenirNextCyr · League
   ========================================================== */

:root {
    --co-bg: #eef0f4;
    --co-card: #fff;
    --co-accent: #2563eb;
    --co-accent-dk: #1e40af;
    --co-accent-lt: rgba(37,99,235,.05);
    --co-accent-glow: rgba(37,99,235,.10);
    --co-border: #d4d7dd;
    --co-border-lt: #e8eaee;
    --co-txt: #0a0f1a;
    --co-txt2: #555d6e;
    --co-txt3: #8b92a0;
    --co-green: #16a34a;
    --co-rad: 6px;
    --co-rad-lg: 10px;
    --co-font: 'Roboto', AvenirNextCyr-Regular, system-ui, sans-serif;
    --co-font-mid: AvenirNextCyr-Medium, 'Roboto', sans-serif;
    --co-font-bold: AvenirNextCyr-Bold, 'Roboto', sans-serif;
    --co-font-display: league, sans-serif;
}

/* --- Layout ------------------------------------------------ */

.account_form {
    background: var(--co-bg);
    border-radius: var(--co-rad-lg);
    overflow: hidden;
}

/* Force border-box on the checkout layout columns. Without this, the
   `width: 100% !important; padding: 1.5rem !important` pair below
   yields a rendered width of `100% + 3rem` (~48px overflow) because
   default content-box adds the padding outside the declared width.
   .account_form { overflow: hidden } then clips the overflow at the
   right edge, which is what was cutting off "North America", the
   dollar values, etc. in the order summary on mobile. */
.payment-row,
.payment-form,
.order-det-col,
.order-det {
    box-sizing: border-box !important;
}

.payment-row {
    display: grid !important;
    grid-template-columns: 60% 40% !important;
    flex-wrap: unset !important;
    margin: 0 !important;
}

.payment-form {
    padding: 1.6rem 1.5rem 1.8rem !important;
    width: 100% !important;
    margin-left: 0 !important;
    background: var(--co-card);
}

.order-det-col {
    width: 100% !important;
    background: #f6f7f9;
    border-left: 1px solid var(--co-border);
}

.order-det {
    background: transparent !important;
    padding: 1.4rem 1.25rem !important;
    height: 100% !important;
    margin-bottom: 0 !important;
}

/* --- Section labels --------------------------------------- */

.payment-title {
    font-family: var(--co-font-bold);
    font-size: 13px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--co-txt3);
    margin-bottom: 1rem;
    padding-bottom: 7px;
    border-bottom: 2px solid var(--co-border-lt);
    display: flex;
    align-items: center;
    gap: 7px;
}

.payment-title::before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 12px;
    border-radius: 1px;
    background: var(--co-accent);
    flex-shrink: 0;
}

/* --- Input fields ----------------------------------------- */

.payment-elem {
    width: 100% !important;
    margin-bottom: .85rem !important;
}

.payment-elem > div { display: inline-block; }

.payment-elem input[type=text],
.payment-elem input[type=email] {
    width: 100% !important;
    height: auto !important;
    float: none !important;
    font-family: var(--co-font) !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    color: var(--co-txt) !important;
    background: var(--co-bg) !important;
    border: 1.5px solid transparent !important;
    border-radius: var(--co-rad) !important;
    padding: 12px 14px !important;
    outline: none;
    transition: border-color .15s, background .15s, box-shadow .15s;
}

.payment-elem input[type=text]:hover,
.payment-elem input[type=email]:hover {
    border-color: var(--co-border) !important;
    background: #ebedf1 !important;
}

.payment-elem input[type=text]:focus,
.payment-elem input[type=email]:focus {
    border-color: var(--co-accent) !important;
    background: var(--co-card) !important;
    box-shadow: 0 0 0 3px var(--co-accent-glow) !important;
}

.payment-elem input::placeholder { color: var(--co-txt3); font-weight: 400; }

/* --- Payment method groups -------------------------------- */

#payment_type { margin-top: 1.1rem; }

/* --- Tooltip — checkout4 redesign --- */
.payment-tooltip {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: static !important;
    float: none !important;
    top: auto !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 0 0 6px !important;
    vertical-align: middle !important;
    cursor: pointer !important;
    z-index: 2 !important;
    font-size: 0 !important;
}
.payment-tooltip .fa-question-circle { display: none !important; }
.payment-tooltip::after {
    content: '?' !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    background: var(--co-accent-lt, rgba(37,99,235,.08)) !important;
    color: var(--co-accent, #2563eb) !important;
    font-family: var(--co-font, 'Inter',system-ui,sans-serif) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    border: 1.5px solid var(--co-accent-glow, rgba(37,99,235,.15)) !important;
    transition: .15s !important;
    position: static !important;
    margin: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: none !important;
}
.payment-tooltip:hover::after {
    background: var(--co-accent, #2563eb) !important;
    color: #fff !important;
    border-color: var(--co-accent, #2563eb) !important;
    transform: scale(1.1) !important;
}
/* Tooltip bubble: anchors to .co-fg (position:relative) so it stays
   within the modal bounds and is never clipped by overflow-x:hidden */
.payment-tooltip::before {
    content: attr(data-tooltip) !important;
    position: absolute !important;
    bottom: 100% !important;
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
    transform: none !important;
    padding: 10px 14px !important;
    border-radius: var(--co-rad, 6px) !important;
    background: var(--co-card, #fff) !important;
    color: var(--co-txt, #0a0f1a) !important;
    font-family: var(--co-font, 'Inter',system-ui,sans-serif) !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    text-align: left !important;
    letter-spacing: 0 !important;
    border: 1px solid var(--co-border, #d4d7dd) !important;
    box-shadow: 0 4px 20px rgba(0,0,0,.10), 0 1px 3px rgba(0,0,0,.06) !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity .15s, visibility .15s !important;
    z-index: 100 !important;
    margin: 0 0 6px 0 !important;
    white-space: normal !important;
}
.payment-tooltip.pt-visible::before,
.payment-tooltip:hover::before {
    visibility: visible !important;
    opacity: 1 !important;
}
#payment_type .payment-tooltip { top: auto !important; }

.payment-elem .payment-method-group {
    width: 100% !important;
    float: none !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    border: 1.5px solid var(--co-border-lt) !important;
    border-radius: var(--co-rad) !important;
    padding: 0 !important;
    margin: 0 0 6px !important;
    overflow: hidden;
    transition: border-color .15s, box-shadow .15s;
}

.payment-elem .payment-method-group:hover {
    border-color: var(--co-border) !important;
}

/* Override all per-provider active colours with a single unified style */
.payment-method-group.pmg-active,
.payment-method-group.pmg-active.pmg-stripe,
.payment-method-group.pmg-active.pmg-skrill,
.payment-method-group.pmg-active.pmg-paysera,
.payment-method-group.pmg-active.pmg-bank {
    border: 1.5px solid var(--co-accent) !important;
    box-shadow: 0 0 0 3px var(--co-accent-glow) !important;
}

/* --- PMG header ------------------------------------------- */

.pmg-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 11px;
    background: var(--co-bg);
    border-bottom: 1px solid var(--co-border-lt);
    flex-shrink: 0;
}

.payment-method-group.pmg-active .pmg-header {
    background: var(--co-accent-lt);
    border-bottom-color: rgba(37,99,235,.1);
}

.pmg-provider-name {
    font-family: var(--co-font-bold);
    font-size: 12px;
    color: var(--co-txt3);
    letter-spacing: .06em;
    text-transform: uppercase;
    transition: color .15s;
}

.payment-method-group.pmg-active .pmg-provider-name { color: var(--co-accent-dk); }

.pmg-selected-label {
    font-family: var(--co-font);
    font-size: 12px;
    font-weight: 600;
    color: var(--co-txt3);
    display: none;
}

.payment-method-group.pmg-active .pmg-selected-label {
    display: block;
    color: var(--co-accent);
}

/* --- PMG options row -------------------------------------- */

.pmg-options {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    padding: 8px 11px;
}

/* Collapse the input+label wrapper divs so they don't break the flex row */
.pmg-options > div {
    display: contents;
}

/* --- Icon buttons (co-btn) -------------------------------- */

.payment-elem .payment-method-group .co-btn {
    display: inline-block !important;
    width: 52px !important;
    height: 34px !important;
    background-color: var(--co-card) !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border: 1.5px solid var(--co-border-lt) !important;
    border-radius: 4px !important;
    margin: 0 !important;
    cursor: pointer;
    transition: border-color .15s, box-shadow .15s, transform .15s !important;
    filter: grayscale(.25) opacity(.75) !important;
    -webkit-filter: grayscale(.25) opacity(.75) !important;
}

.payment-elem .payment-method-group .co-btn:hover {
    border-color: var(--co-border) !important;
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(0,0,0,.07) !important;
    filter: none !important;
    -webkit-filter: none !important;
}

#payment_type input:checked + .co-btn {
    border-color: var(--co-accent) !important;
    background-color: var(--co-accent-lt) !important;
    box-shadow: 0 0 0 2px var(--co-accent-glow) !important;
    filter: none !important;
    -webkit-filter: none !important;
    width: 52px !important;
    background-size: contain !important;
}

/* Crypto/PayPal-transfer label is wider */
.co-btn.co-btn-paypal-transfer {
    width: 120px !important;
    background-size: 80% !important;
}

/* --- Powered-by logos ------------------------------------- */

.powered-by-logo {
    filter: none !important;
    -webkit-filter: none !important;
    align-self: center;
    margin-left: auto !important;
    opacity: .6;
}

.pmg-active .powered-by-logo { opacity: 1; }

/* --- Checkbox & TOS --------------------------------------- */

.checkbox-field.payment-elem {
    margin-left: 0 !important;
    display: flex;
    align-items: center;
    gap: 8px;
}

.checkbox-field.payment-elem input[type=checkbox] {
    width: 16px !important;
    height: 16px !important;
    padding: 0 !important;
    float: none !important;
    accent-color: var(--co-accent);
    flex-shrink: 0;
}

.checkbox-field.payment-elem label,
.checkbox-field.payment-elem label a {
    font-family: var(--co-font);
    font-size: 15px;
    color: var(--co-txt2);
}

.checkbox-field.payment-elem label a.decorated {
    color: var(--co-accent-dk);
    font-weight: 600;
    text-decoration: none;
    transition: color .15s;
}

.checkbox-field.payment-elem label a.decorated:hover { color: var(--co-accent); text-decoration: underline; }

/* --- Purchase button -------------------------------------- */

.payment-elem:last-child { margin-left: 0 !important; }

input.payment-btn,
.payment-btn {
    width: 100% !important;
    height: auto !important;
    font-family: var(--co-font) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    letter-spacing: .03em;
    padding: 15px 0 !important;
    border: none !important;
    border-radius: var(--co-rad) !important;
    background: var(--co-accent) !important;
    color: #fff !important;
    cursor: pointer;
    transition: background .2s, box-shadow .2s, transform .15s !important;
    display: block;
    text-align: center;
}

input.payment-btn:hover:not(:disabled),
.payment-btn:hover:not(:disabled) {
    background: var(--co-accent-dk) !important;
    box-shadow: 0 4px 16px rgba(37,99,235,.22) !important;
    transform: translateY(-1px);
    border-color: transparent !important;
}

input.payment-btn:active,
.payment-btn:active { transform: scale(.98); box-shadow: none !important; }

input.payment-btn:disabled { background: #93aee8 !important; cursor: default; }

/* --- Sidebar / Order summary ------------------------------ */

.det-title {
    font-family: var(--co-font-bold) !important;
    font: unset !important;
    font-size: 13px !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    color: var(--co-txt3) !important;
    margin-bottom: 1rem !important;
    padding-bottom: 7px !important;
    border-bottom: 2px solid var(--co-border-lt) !important;
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    text-align: left !important;
}

.det-title::before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 12px;
    border-radius: 1px;
    background: var(--co-accent);
    flex-shrink: 0;
}

/* --- Rank cards ------------------------------------------- */

.infogramblock {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
    margin-bottom: 1rem !important;
    justify-content: unset !important;
}

/* Win-mode single column */
.infogramblock:has(.infoblockcolumn.win) {
    grid-template-columns: 1fr !important;
}

.infoblockcolumn {
    width: auto !important;
    text-align: center !important;
    padding: 16px 8px 12px !important;
    background: var(--co-card) !important;
    border: 1.5px solid var(--co-border-lt) !important;
    border-radius: var(--co-rad) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    transition: border-color .2s, box-shadow .2s, transform .2s;
    cursor: default;
    margin-bottom: 0 !important;
}

.infoblockcolumn:hover {
    border-color: var(--co-border) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,.06);
}

.promo-reward-wrap { display:none}

.curr-league-img,
.des-league-img {
    width: 190px !important;
    height: 190px !important;
    object-fit: contain;
    display: block;
    margin: 0 auto 8px !important;
    max-width: unset !important;
}

.from-text,
.to-text {
    font-family: var(--co-font) !important;
    font-size: 12px !important;
    color: var(--co-txt3) !important;
    letter-spacing: .1em;
    text-transform: uppercase !important;
    margin: 0 0 2px !important;
    line-height: 1.3 !important;
    display: block !important;
}

.curr-league-title,
.dest-league-title {
    font-family: var(--co-font-display) !important;
    font-size: 18px !important;
    color: var(--co-txt) !important;
    line-height: 1.2 !important;
    display: block !important;
    text-transform: uppercase;
}

.infoblockwin_count {
    font-family: var(--co-font-display) !important;
    font-size: 26px !important;
    color: var(--co-txt) !important;
    margin-top: 4px !important;
}

/* --- Detail rows ------------------------------------------ */

.calculatedblock {
    font-family: var(--co-font) !important;
    font-size: 16px !important;
    line-height: 1 !important;
    margin-bottom: 0 !important;
    border-top: 2px solid var(--co-border-lt);
    padding-top: .75rem;
    margin-top: .25rem;
}

.server-block,
.platform-block,
.approx-time-block,
.eo-block,
.loyalty-discount-block,
.loyalty-reward-block,
.special-discount-block,
.extra-field-block {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 2px 0;
    font-size: 16px;
    color: var(--co-txt3);
    font-weight: 500;
    font-family: var(--co-font) ;
    border: none;
    line-height: 1.5;
}

.server-block .server-name,
.platform-block .platform-name,
.approx-time-block .approx-days,
.eo-block .options-text,
.extra-field-block .extra-field-value {
    color: var(--co-txt);
    font-weight: 600;
    /* Let the right-hand value shrink/wrap inside the flex row.
       Without min-width: 0 a flex item refuses to shrink below
       its intrinsic width, so long values (e.g. "North America")
       overflow and get clipped on narrow viewports. */
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
    font-family: var(--co-font);
    text-align: right;
}

.loyalty-discount-block .discount-currency,
.loyalty-discount-block .loyalty-discount-wrap,
.special-discount-block .discount-currency {
    color: var(--co-txt);
    font-weight: 600;
}

.loyalty-reward-block .loyalty,
.loyalty-reward-block #loyalty-reward-display,
.loyalty-reward-block .discount-currency {
    color: var(--co-green);
    font-weight: 600;
}

.totaloutput {
    display: flex !important;
    justify-content: space-between !important;
    align-items: baseline !important;
    border-top: 2px solid var(--co-border) !important;
    margin-top: 8px !important;
    padding-top: 10px !important;
    font-size: unset !important;
    line-height: unset !important;
}

.total-text {
    font-family: var(--co-font-bold);
    font-size: 17px;
    color: var(--co-txt);
}

#totaloutcost {
    font-family: var(--co-font-display) !important;
    color: var(--co-txt) !important;
    line-height: 1 !important;
}

#totaloutcost .discount-currency { color: inherit !important; }

/* --- VIP / Loyalty block ---------------------------------- */

#co-loyalty-info { margin-top: .9rem; }

.cli-title { display: none; }

.cli-code-block {
    display: flex;
    gap: 4px;
}

#loyalty-code {
    flex: 1;
    font-family: var(--co-font-display) !important;
    font-size: 14px !important;
    padding: 11px 12px !important;
    border: 1.5px solid transparent !important;
    border-radius: var(--co-rad) !important;
    background: var(--co-card) !important;
    color: var(--co-txt) !important;
    outline: none;
    letter-spacing: .14em;
    transition: border-color .15s, box-shadow .15s;
    width: auto !important;
    height: auto !important;
    float: none !important;
	margin-bottom:15px;
}

#loyalty-code:hover { border-color: var(--co-border) !important; }

#loyalty-code:focus {
    border-color: var(--co-accent) !important;
    box-shadow: 0 0 0 3px var(--co-accent-glow) !important;
}

.cli-coins-block,
.cli-signup-info-block {
    font-family: var(--co-font);
    font-size: 15px;
    color: var(--co-txt2);
    margin-top: 6px;
}

/* --- Summary footer (terms + purchase on right side) ------- */

.co-summary-footer {
    margin-top: auto;
    padding-top: 1.1rem;
    border-top: 2px solid var(--co-border-lt);
}

.order-det {
    display: flex !important;
    flex-direction: column !important;
}

/* --- Stepper --------------------------------------------- */

.co-stepper {
    padding: 1.2rem 2rem 1.5rem;
    border-bottom: 1px solid var(--co-border);
    display: flex;
    align-items: flex-start;
}

.co-step {
    display: flex;
    align-items: flex-start;
    flex: 1;
}

.co-step-last { flex: 0; }

.co-step-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    cursor: default;
}

.co-step-circle {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--co-font-bold);
    font-size: 16px;
    flex-shrink: 0;
    border: 2px solid var(--co-border);
    color: var(--co-txt3);
    background: var(--co-card);
    transition: transform .2s;
}

.co-step-col:hover .co-step-circle { transform: scale(1.08); }

.co-step-done .co-step-circle {
    border-color: var(--co-accent);
    color: #fff;
    background: var(--co-accent);
}

.co-step-active .co-step-circle {
    border-color: var(--co-accent);
    color: var(--co-accent);
    background: var(--co-accent-lt);
    box-shadow: 0 0 0 3px var(--co-accent-glow);
}

.co-step-check { display: none; }
.co-step-done .co-step-check { display: block; }
.co-step-done .co-step-num { display: none; }

.co-step-label {
    font-family: var(--co-font-bold);
    font-size: 12px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--co-txt3);
    white-space: nowrap;
    transition: color .2s;
}

.co-step-done .co-step-label { color: var(--co-txt2); }
.co-step-active .co-step-label { color: var(--co-accent); }
.co-step-col:hover .co-step-label { color: var(--co-accent); }

.co-step-line {
    flex: 1;
    height: 2px;
    background: var(--co-border-lt);
    margin: 20px 12px 0;
    position: relative;
    overflow: hidden;
}

.co-step-line-fill {
    position: absolute;
    top: 0; left: 0;
    height: 100%;
    width: 0;
    background: var(--co-accent);
}

.co-step-line-filled .co-step-line-fill { width: 100%; }

.co-step-line-filling .co-step-line-fill {
    width: 40%;
    animation: co-breathe 2.5s ease-in-out infinite;
}

@keyframes co-breathe {
    0%,100% { width: 35%; opacity: .5; }
    50%      { width: 55%; opacity: 1; }
}

/* --- Section labels --------------------------------------- */

.co-sec-label {
    font-family: var(--co-font-bold);
    font-size: 13px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--co-txt3);
    margin-bottom: 1rem;
    padding-bottom: 7px;
    border-bottom: 2px solid var(--co-border-lt);
    display: flex;
    align-items: center;
    gap: 7px;
}

.co-sec-dot {
    display: inline-block;
    width: 5px;
    height: 12px;
    border-radius: 1px;
    background: var(--co-accent);
    flex-shrink: 0;
}

/* Remove old payment-title h4 */
h4.payment-title { display: none !important; }

/* Payment method sec-label has extra top margin */
.co-sec-label-pay { margin-top: 1.2rem; }

/* --- Input labels ----------------------------------------- */

.co-fg { position: relative; }

.co-input-label {
    display: block !important;
    font-family: var(--co-font) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: var(--co-txt2) !important;
    margin-bottom: 3px !important;
}

/* --- VIP Apply button ------------------------------------- */

.cli-code-block {
    display: flex;
    gap: 4px;
    align-items: stretch;
}

.co-apply-btn {
    font-family: var(--co-font);
    font-size: 15px;
    font-weight: 600;
    padding: 9px 14px;
    border: 1.5px solid var(--co-accent);
    border-radius: var(--co-rad);
    background: transparent;
    color: var(--co-accent-dk);
    cursor: pointer;
    transition: background .15s, color .15s;
    white-space: nowrap;
    flex-shrink: 0;
}

.co-apply-btn:hover {
    background: var(--co-accent);
    color: #fff;
}

/* --- Secure badge ----------------------------------------- */

.co-secure {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 10px;
    color: var(--co-txt3);
    margin-top: 4px;
    font-weight: 500;
    font-family: var(--co-font);
}

/* ==========================================================
   MODAL (payment dropdown) — checkout4 card design
   ========================================================== */

@keyframes co-cardUp {
    from { opacity: 0; transform: translate(-50%, -48%); }
    to   { opacity: 1; transform: translate(-50%, -50%); }
}

/* --- Overlay ------------------------------------------------ */

.boosting-modal-bg {
    background-color: rgba(0,0,0,.35) !important;
    z-index: 100000 !important;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

/* --- Modal card --------------------------------------------- */

.boosting-modal {
    max-width: 1152px !important;
    width: calc(100% - 2rem) !important;
    padding: 0 !important;
    border-radius: var(--co-rad-lg) !important;
    border: 1px solid var(--co-border) !important;
    box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 4px 20px rgba(0,0,0,.08) !important;
    background: var(--co-card) !important;
    overflow: hidden !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    transition: none !important;
}

.boosting-modal.bm-visible {
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    animation: co-cardUp .45s cubic-bezier(.16,1,.3,1) both !important;
}

/* --- Header / close button ---------------------------------- */

.boosting-modal-header {
    position: relative !important;
    right: auto !important;
    top: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: .75rem 1.5rem !important;
    border-bottom: 1px solid var(--co-border) !important;
    background: var(--co-card) !important;
    z-index: 9;
}

.boosting-modal-header .bmh-title {
    font-family: var(--co-font-bold) !important;
    font-size: 18px !important;
    letter-spacing: -.02em !important;
    color: var(--co-txt) !important;
}

.boosting-modal-header .boosting-modal-close {
    font-family: var(--co-font) !important;
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    color: var(--co-txt3) !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    width: 32px !important;
    height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    transition: background .15s, color .15s !important;
    margin-left: auto !important;
}

.boosting-modal-header .boosting-modal-close:hover {
    background: var(--co-bg) !important;
    color: var(--co-txt) !important;
}

/* --- Content area ------------------------------------------- */

.boosting-modal-content {
    padding: 0 !important;
    /* `scroll` (not `auto`) forces the track to always render, so the
       thumb is visible the moment the modal opens — desktop, Android
       Chrome, and other browsers that respect ::-webkit-scrollbar.
       iOS Safari still overlay-hides during idle by OS policy; the
       bounce-chevron + fade gradient handle that case. */
    overflow-y: scroll !important;
    overflow-x: hidden !important;
    max-height: 80vh !important;
    scrollbar-width: auto;
    scrollbar-color: var(--co-txt3) var(--co-border-lt);
}

.boosting-modal-content::-webkit-scrollbar {
    width: 12px;
    -webkit-appearance: none;
}
.boosting-modal-content::-webkit-scrollbar-track {
    background: var(--co-border-lt);
    border-radius: 6px;
}
.boosting-modal-content::-webkit-scrollbar-thumb {
    background: var(--co-txt3);
    border: 2px solid var(--co-border-lt);
    border-radius: 6px;
}
.boosting-modal-content::-webkit-scrollbar-thumb:hover {
    background: var(--co-txt2);
}

/* Mobile: thinner, lower-contrast scrollbar so it reads as the
   platform's native overlay rather than a chunky custom one. */
@media (max-width: 900px) {
    .boosting-modal-content {
        scrollbar-width: thin;
    }
    .boosting-modal-content::-webkit-scrollbar {
        width: 6px;
    }
    .boosting-modal-content::-webkit-scrollbar-track {
        background: transparent;
    }
    .boosting-modal-content::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, .28);
        border: none;
        border-radius: 3px;
    }
}

.boosting-modal-content.bmc-loading {
    min-height: 10rem !important;
    background-color: var(--co-card) !important;
}

/* --- Mobile sticky purchase bar ----------------------------- */

/* Hidden on desktop; promoted to a sticky footer on mobile so the
   Purchase CTA is always visible regardless of scroll position
   inside .boosting-modal-content. */
.co-mobo-cta { display: none; }

@media (max-width: 900px) {
    .co-mobo-cta {
        display: block;
        position: sticky;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 5;
        padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
        background: var(--co-card);
        border-top: 1px solid var(--co-border);
        box-shadow: 0 -6px 18px rgba(0,0,0,.08);
    }
    /* Fade-to-card gradient sitting directly above the sticky bar so
       there's a universal "more content below" cue on touch devices
       where the OS hides the native scrollbar. */
    .co-mobo-cta::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 100%;
        height: 36px;
        pointer-events: none;
        background: linear-gradient(to top, var(--co-card), rgba(255,255,255,0));
    }
    .co-mobo-cta .co-mobo-cta-btn {
        margin: 0 !important;
        padding: 14px 0 !important;
        font-size: 17px !important;
    }
    /* Scroll-down hint: three stacked chevrons in a wave, pinned to
       the middle-right of the viewport (where users expect the
       scrollbar indicator). Auto-disappears at 5s. Pure CSS — the
       animation starts on first render, which is when the modal
       opens, so each open re-triggers it. */
    .co-mobo-scroll-hint {
        position: fixed;
        right: 8px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 6;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0;
        color: var(--co-accent);
        pointer-events: none;
        filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .22));
        animation: co-chev-fade 5s linear forwards;
    }
    .co-mobo-scroll-hint svg {
        width: 22px;
        height: 22px;
        animation: co-chev-wave 1.4s ease-in-out infinite;
    }
    .co-mobo-scroll-hint svg:nth-child(1) { animation-delay: 0s; }
    .co-mobo-scroll-hint svg:nth-child(2) { animation-delay: .18s; }
    .co-mobo-scroll-hint svg:nth-child(3) { animation-delay: .36s; }
    /* Reserve space at the end of the form so the sticky bar never
       covers the in-flow TOS + Purchase row when scrolled to the end. */
    .co-summary-footer { padding-bottom: 4px; }
}

/* Hide chevron above the breakpoint — desktop has a visible scrollbar
   already. */
@media (min-width: 901px) {
    .co-mobo-scroll-hint { display: none; }
}

/* Wave: each chevron fades in and slips downward, in sequence with
   its neighbours, producing the "flowing-down" feel of scrolling. */
@keyframes co-chev-wave {
    0%, 100% { opacity: .25; transform: translateY(-4px); }
    50%      { opacity: 1;   transform: translateY(4px); }
}

@keyframes co-chev-fade {
    0%, 80% { opacity: 1; visibility: visible; }
    100%    { opacity: 0; visibility: hidden; }
}

/* Respect users who've asked the OS to minimize motion: hold the
   chevrons still and just run the 5s fade. */
@media (prefers-reduced-motion: reduce) {
    .co-mobo-scroll-hint svg {
        animation: none !important;
        opacity: .8;
    }
}

/* --- Responsive --------------------------------------------- */

@media (max-width: 900px) {
    .payment-row {
        grid-template-columns: 1fr !important;
    }
    .order-det-col {
        border-left: none !important;
        border-top: 1px solid var(--co-border) !important;
    }
    .payment-form {
        padding: 1.2rem 1rem 1.4rem !important;
    }
    .order-det {
        padding: 1.2rem 1rem !important;
    }
    .infogramblock {
        grid-template-columns: 1fr 1fr !important;
    }
    .curr-league-img,
    .des-league-img {
        width: 120px !important;
        height: 120px !important;
    }
    input.payment-btn:hover:not(:disabled),
    .payment-btn:hover:not(:disabled) { transform: none; }
}

@media (max-width: 991px) {
    .boosting-modal {
        width: 100% !important;
        max-width: none !important;
        border-radius: 0 !important;
        border: none !important;
        left: 0 !important;
        transform: none !important;
    }
    .boosting-modal.bm-visible {
        top: 0 !important;
        height: 100% !important;
        animation: none !important;
        transform: none !important;
    }
    .boosting-modal-content {
        max-height: calc(100vh - 52px) !important;
        max-height: calc(100dvh - 52px) !important;
        overflow-y: auto !important;
    }
    .boosting-modal-header {
        padding: .65rem 1rem !important;
    }
    .co-stepper {
        padding: 1rem 1rem 1.3rem !important;
    }
    .co-step-line { margin: 18px 6px 0 !important; }
    .co-step-label { font-size: 10px !important; letter-spacing: .06em !important; }
    .co-step-circle { width: 36px !important; height: 36px !important; font-size: 13px !important; }
    .payment-elem input[type=text],
    .payment-elem input[type=email] {
        font-size: 16px !important;
        padding: 11px 12px !important;
    }
    .co-input-label { font-size: 13px !important; }

    /* Defensive bounds for the entire checkout content tree on mobile.
       Stops content from exceeding the modal's visible width — this
       was the right-side cutoff in .order-det rows ("North America",
       dollar values, etc.). Combination of:
       - box-sizing: border-box so width:100% includes padding
       - min-width: 0 so flex/grid items can shrink (default min-width:
         auto refuses to shrink below intrinsic content width)
       - max-width: 100% as belt-and-braces against any explicit width
         that exceeds parent */
    .boosting-modal-content,
    .boosting-modal-content *,
    .boosting-modal-content *::before,
    .boosting-modal-content *::after {
        box-sizing: border-box !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
    /* Inside the order summary rows, the dollar-value spans need to
       wrap rather than overflow when the row's intrinsic content is
       too wide. Default is `overflow-wrap: normal` which doesn't
       break inside non-breaking content like "$13.97". */
    .calculatedblock span,
    .totaloutput span,
    .totaloutput .total-text {
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
    }
}

@media (max-width: 740px) {
    .payment-elem .payment-method-group .co-btn {
        width: 46px !important;
        height: 30px !important;
    }
    .pmg-options { gap: 4px !important; padding: 7px 9px !important; }
    .pmg-header { padding: 4px 9px !important; }
    .co-step-circle { width: 30px !important; height: 30px !important; font-size: 11px !important; }
    .co-step-line { margin: 14px 4px 0 !important; }
    .co-step-label { font-size: 8px !important; letter-spacing: .04em !important; }
    .curr-league-img,
    .des-league-img {
        width: 90px !important;
        height: 90px !important;
    }
    input.payment-btn, .payment-btn { font-size: 16px !important; padding: 13px 0 !important; }
}

/* Desktop-only short-viewport centring. On mobile the modal mobile
   rules set `transform: none`, so a bare `left: 50%; top: 50%` here
   (without a translate) shifts the modal to the bottom-right corner —
   exactly the bug reported on Samsung S20 FE Firefox. Scoped to
   min-width: 992px so mobile keeps full-screen. */
@media (min-width: 992px) and (max-height: 800px) {
    .boosting-modal.bm-visible {
        top: 50% !important;
        left: 50% !important;
    }
}

/* ═══════════════════════════════════════════════════════════════════
   RANK-BOOST BOTTOM ROW — LP slider + server picker side-by-side.
   Used by page_tier_rank_boosting.php and page_tier_rank_boosting_single.php
   via the .rt-rank-bottom marker class. Self-contained, no design tokens.
   ═══════════════════════════════════════════════════════════════════ */
/* Tighten the bottom margin of the parent rank container when followed by
   the new .rt-rank-bottom layout — the legacy "margin: 2.5rem 0 8rem" rule
   was leaving a 128px gap between the rank cards and the LP/server row. */
.rank-select-container:has(+ .ps-select-container.rt-rank-bottom),
.placement_match_box:has(+ .ps-select-container.rt-rank-bottom) {
  margin-bottom: 0.5rem !important;
}
/* Rank-card height fix. The parent and OW themes both lock
   .tier-selector-{current,desired} to "height: 600px !important" — but the
   rank tier-name label and the rainbow tier-swatch strip render BELOW the
   SVG (which fills 600px with position:absolute). With a fixed-height
   container, those elements overflow OUTSIDE the box and visually leak
   into the LP/Server/Platform row below.

   Switch to height:auto + min-height (preserved) so the container grows
   to fully contain its children. Each game has different rank-icon sizes
   (LoL, Val, OW, Apex), so a fixed height was always going to mis-fit at
   least one of them — auto-height adapts. Scoped to rank cards followed
   by the new rt-rank-bottom layout so legacy product pages stay untouched. */
.rank-select-container:has(+ .ps-select-container.rt-rank-bottom) .tier-selector-current,
.rank-select-container:has(+ .ps-select-container.rt-rank-bottom) .tier-selector-desired,
.placement_match_box:has(+ .ps-select-container.rt-rank-bottom) .tier-selector-current,
.placement_match_box:has(+ .ps-select-container.rt-rank-bottom) .tier-selector-desired {
  height: auto !important;
  min-height: 600px !important;
}
/* The .container_leftImg inside the tier-selector also has height:100%, which
   becomes circular when the parent is auto-height. Pin it to the same
   min-height so the SVG/rank icon has predictable space, and let it grow
   if a particular game's rank icon needs more room. */
.rank-select-container:has(+ .ps-select-container.rt-rank-bottom) .container_leftImg,
.placement_match_box:has(+ .ps-select-container.rt-rank-bottom) .container_leftImg {
  height: auto !important;
  min-height: 480px !important;
}
/* Mobile: shrink the tier-image container — the 480px min-height
   leaves too much empty space below the 300px rank icon on phones.
   Pulls the LP/Server cards up closer to the rank selectors. */
@media (max-width: 767px) {
  .rank-select-container:has(+ .ps-select-container.rt-rank-bottom) .container_leftImg,
  .placement_match_box:has(+ .ps-select-container.rt-rank-bottom) .container_leftImg {
    height: auto !important;
    min-height: 380px !important;
  }
  /* Tier rank icon itself — 380×380 default is too large for the
     390–430px viewports we target. 300×300 leaves a sensible margin
     around the icon and works with the resized #foxLeagueL ring. */
  .current-img-league-boost,
  .tier-img,
  .current-img {
    width: 300px !important;
    height: 300px !important;
  }
  /* Bottom-row card spacing on mobile — split the LP / Server / Platform
     stack vertically with 2rem between each, and tighten the card-header
     margin so the label sits closer to its picker. */
  .ps-select-container.rt-rank-bottom > .product-calc-item,
  .rt-platform-row > .product-calc-item {
    margin: 0 0 2rem !important;
  }
  .ps-select-container.rt-rank-bottom .rt-card-head {
    margin: 0 0 .9rem !important;
  }
}
/* Defensive resets — neutralize per-theme overrides (Valorant's 100px
   selector_1 top margin, OW similar) inside the new bottom-row cards. */
.ps-select-container.rt-rank-bottom .selector_1 {
  margin-top: 0 !important;
}
.ps-select-container.rt-rank-bottom .ed_server_values .selector_1 {
  margin-top: 0 !important;
}

/* Mirror the .placement_match_box layout above (flex + space-around with
   width:41% per card) so the LP and Server cards sit directly under the
   Current/Desired rank cards with matching left/right edges. The 2-class
   selector wins specificity against single-class child-theme rules — no
   !important needed for any of these. */
.ps-select-container.rt-rank-bottom {
  display:flex;
  justify-content:space-around;
  flex-wrap:wrap;
  align-items:flex-start;
  margin:0.5rem 0 1rem;
  max-width:none;
  width:100%;
  padding:0;
  gap:0;
}
.ps-select-container.rt-rank-bottom > .product-calc-item {
  width:41%;
  flex:0 0 41%;
}
/* Standalone Platform row — sits BELOW the LP/Server row in its own
   container so it doesn't fight for width with the LP+Server pair (which
   stays at 41% each). Mirror the parent flex (display:flex with
   space-around) and add an invisible pseudo-element at the LP slot so
   Platform aligns vertically under Server (right side of the row), not
   centered. */
.rt-platform-row {
  display:flex;
  justify-content:space-around;
  align-items:flex-start;
  margin:1rem 0 2rem;
  width:100%;
  padding:0;
}
.rt-platform-row::before {
  content:'';
  flex:0 0 41%;
}
.rt-platform-row > .product-calc-item.rt-platform-card {
  flex:0 0 41%;
}
/* Server-only mode (per-win / coaching / packs / single-item — pages with no LP card)
   Center the single card and let it span more of the row. */
.ps-select-container.rt-rank-bottom.rt-server-only > .product-calc-item {
  width:60% !important;
  flex:0 0 60% !important;
  max-width:720px !important;
}

/* Coaching page — the existing .coaching-calc-container nth-child rules
   assumed a 4-item layout (coaching-widget / tier / hours / server). After
   the server picker moved out of placement_match_box into .rt-rank-bottom,
   the nth-child math became misaligned. Give the 3 remaining items clean,
   equal widths and reset margins so they line up. */
.coaching-calc-container {
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:space-around !important;
  align-items:flex-start !important;
  gap:1.5rem 0 !important;
}
.coaching-calc-container > .product-calc-item,
.coaching-calc-container > .product-calc-item:nth-child(3),
.coaching-calc-container > .product-calc-item:nth-child(5),
.coaching-calc-container > .product-calc-item:nth-child(7) {
  width:32% !important;
  margin:0 !important;
}
.coaching-calc-container .pakage_part_sep {
  display:none !important;
}
/* Inside the hours card the giant 350px digit doesn't fit at the new narrower
   column — bring it down to a sensible 200px so it sits inside the card. */
.coaching-calc-container .wins-number span {
  font-size:200px !important;
  letter-spacing:-8px !important;
  top:20px !important;
  text-align:center !important;
  display:block !important;
}
@media (max-width:991px) {
  .coaching-calc-container > .product-calc-item,
  .coaching-calc-container > .product-calc-item:nth-child(3),
  .coaching-calc-container > .product-calc-item:nth-child(5),
  .coaching-calc-container > .product-calc-item:nth-child(7) {
    width:100% !important;
  }
  .coaching-calc-container .wins-number span {
    font-size:140px !important;
    top:0 !important;
  }
}

/* Server-full mode (used by the bulk-offers / packs page) — server card spans
   the full row width and gets larger chips/text to match the prominence of
   the pack cards above. */
.ps-select-container.rt-rank-bottom.rt-server-full > .product-calc-item {
  width:100% !important;
  flex:0 0 100% !important;
  max-width:none !important;
}
.ps-select-container.rt-rank-bottom.rt-server-full .rt-card-label {
  font-size:16px !important;
}
.ps-select-container.rt-rank-bottom.rt-server-full .rt-card-value--name {
  font-size:26px !important;
}
.ps-select-container.rt-rank-bottom.rt-server-full #region-indicator {
  grid-template-columns:repeat(5,1fr) !important;
  gap:12px !important;
}
.ps-select-container.rt-rank-bottom.rt-server-full #region-indicator .l-division {
  min-height:64px !important;
  font-size:14px !important;
  border-radius:6px !important;
  gap:6px !important;
  padding:10px 6px 9px !important;
}
.ps-select-container.rt-rank-bottom.rt-server-full #region-indicator .l-division-svg,
.ps-select-container.rt-rank-bottom.rt-server-full #region-indicator .l-division-svg svg {
  width:22px !important;
  height:22px !important;
}

.ps-select-container.rt-rank-bottom > .product-calc-item,
.rt-platform-row > .product-calc-item {
  background:transparent !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
  float:none !important;
  width:auto !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:visible !important;
  align-items:stretch !important;
  text-align:left !important;
}

/* Old .calc-widget-title (when present) is replaced by the new .rt-card-head. */
.ps-select-container.rt-rank-bottom .calc-widget-title,
.rt-platform-row .calc-widget-title {
  display:none !important;
}

/* Card head: subtle uppercase label on the left, prominent live value on the right.
   Fonts inherit from the page so they match the rest of the site (Avenir / Montserrat
   / whatever the theme is using) instead of pulling in their own families. */
.ps-select-container.rt-rank-bottom .rt-card-head,
.rt-platform-row .rt-card-head {
  display:flex !important;
  align-items:baseline !important;
  justify-content:space-between !important;
  gap:1rem !important;
  margin:0 0 .9rem !important;
  padding:0 !important;
  text-align:left !important;
}
.ps-select-container.rt-rank-bottom .rt-card-label,
.rt-platform-row .rt-card-label {
  font-family:League, Montserrat, sans-serif !important;
  font-size:14px !important;
  font-weight:500 !important;
  letter-spacing:.055em !important;
  text-transform:uppercase !important;
  color:#8a98a8 !important;
}
.ps-select-container.rt-rank-bottom .rt-card-value,
.rt-platform-row .rt-card-value {
  font-family:League, Montserrat, sans-serif !important;
  font-weight:500 !important;
  font-size:26px !important;
  letter-spacing:-.02em !important;
  color:#0c1a2b !important;
  line-height:1 !important;
  text-align:right !important;
}
.ps-select-container.rt-rank-bottom .rt-card-value strong,
.rt-platform-row .rt-card-value strong {
  font-weight:500 !important;
  font-family:League, Montserrat, sans-serif !important;
  color:#0c1a2b !important;
}
.ps-select-container.rt-rank-bottom .rt-card-unit,
.rt-platform-row .rt-card-unit {
  color:#8a98a8 !important;
  font-weight:500 !important;
  margin-left:2px !important;
  font-family:League, Montserrat, sans-serif !important;
}
.ps-select-container.rt-rank-bottom .rt-card-unit #current-tp-title {
  font-size:15px !important;
  color:#8a98a8 !important;
  font-weight:500 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
}
.ps-select-container.rt-rank-bottom .rt-card-value--name,
.rt-platform-row .rt-card-value--name {
  font-size:22px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  max-width:65% !important;
  text-align:right !important;
  font-family:League, Montserrat, sans-serif !important;
  text-transform:uppercase !important;
  letter-spacing:.02em !important;
}

/* Body — tight spacing now that there's no extra card chrome */
.rt-lp-card-body,
.rt-server-card-body {
  padding:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:.4rem !important;
  flex:0 0 auto !important;
  background:transparent !important;
  text-align:left !important;
  font-family:League, Montserrat, sans-serif !important;
}

/* ── LP CARD ── bigger click target so the slider is easier to grab ── */
.rt-lp-card .tp-slider-container {
  background:transparent !important;
  border:none !important;
  border-radius:0 !important;
  padding:0 !important;
  margin:0 !important;
  width:100% !important;
  box-shadow:none !important;
  overflow:visible !important;
  position:relative !important;
}
.rt-lp-card .tp-slider-container:hover {
  border-color:transparent !important;
  box-shadow:none !important;
}
/* Tick marks below the slider */
.rt-lp-card .rt-lp-ticks {
  display:flex !important;
  justify-content:space-between !important;
  margin:.3rem 2px 0 !important;
  font-family:League, Montserrat, sans-serif !important;
  font-size:16px !important;
  letter-spacing:.04em !important;
  color:#8a98a8 !important;
  pointer-events:none !important;
}
.rt-lp-card .rt-lp-ticks span {
  position:relative !important;
  text-align:center !important;
}
.rt-lp-card .rt-lp-ticks span::before {
  content:'' !important;
  position:absolute !important;
  top:-7px !important;
  left:50% !important;
  width:1px !important;
  height:4px !important;
  background:#d4d7dd !important;
  transform:translateX(-50%) !important;
}
/* The slider element itself is the clickable area. Make it 28px tall (large
   click target) but paint the visible track as a 6px bar in the middle via
   pseudo-element. With jQuery UI's range:"max", the .ui-slider-range covers
   from current value to max — paint that gray, and the underlying track blue,
   so the visible blue ends up on the LEFT of the thumb (standard fill). */
.rt-lp-card .tp-slider-container .ui-slider,
.rt-lp-card .tp-slider-container .tp-slider {
  width:100% !important;
  display:block !important;
  margin:0 !important;
  height:28px !important;
  background:transparent !important;
  border:none !important;
  border-radius:0 !important;
  position:relative !important;
  cursor:pointer !important;
}
.rt-lp-card .tp-slider-container .ui-slider::before {
  content:'' !important;
  position:absolute !important;
  top:50% !important;
  left:0 !important;
  right:0 !important;
  height:6px !important;
  margin-top:-3px !important;
  background:#0283ca !important;
  border-radius:3px !important;
  pointer-events:none !important;
  z-index:0 !important;
}
.rt-lp-card .tp-slider-container .ui-slider .ui-slider-range {
  top:50% !important;
  height:6px !important;
  margin-top:-3px !important;
  background:#e8eaee !important;
  border:none !important;
  border-radius:3px !important;
  z-index:1 !important;
  transition:width .15s ease, left .15s ease !important;
}
.rt-lp-card .tp-slider-container .ui-slider .ui-slider-handle {
  width:22px !important;
  height:22px !important;
  background:#fff !important;
  border:3px solid #0283ca !important;
  border-radius:50% !important;
  top:50% !important;
  margin-top:-11px !important;
  margin-left:-11px !important;
  box-shadow:0 2px 6px rgba(2,131,202,.35) !important;
  cursor:grab !important;
  transition:transform .15s ease, box-shadow .15s ease !important;
  z-index:2 !important;
}
.rt-lp-card .tp-slider-container .ui-slider .ui-slider-handle:hover {
  transform:scale(1.18) !important;
  box-shadow:0 3px 12px rgba(2,131,202,.5) !important;
}
.rt-lp-card .tp-slider-container .ui-slider .ui-slider-handle:active,
.rt-lp-card .tp-slider-container .ui-slider .ui-slider-handle.ui-state-active {
  cursor:grabbing !important;
  transform:scale(1.25) !important;
  box-shadow:0 0 0 6px rgba(2,131,202,.18),0 3px 12px rgba(2,131,202,.5) !important;
}
/* Old in-slider value display is now hoisted into .rt-card-head — hide the leftover. */
.rt-lp-card .tp-display {
  display:none !important;
}

/* ── SERVER + PLATFORM CARD ── hide redundant pill, fixed chip grid ── */
.rt-server-card .ed_server_values,
.rt-platform-card .ed_server_values,
.rt-platform-card .ed_platform_values {
  display:none !important;
}
.rt-server-card .package_sub_title,
.rt-platform-card .package_sub_title,
.rt-server-card .current-img-server,
.rt-platform-card .current-img-platform {
  display:none !important;
}
.rt-server-card #region-indicator,
.rt-platform-card #platform-indicator {
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  display:grid !important;
  /* auto-fit so server (3 chips) and platform (2 chips) both share their
     card width evenly without one looking stretched. minmax(80px, 1fr)
     ensures chips don't shrink below tap size. */
  grid-template-columns:repeat(auto-fit,minmax(80px,1fr)) !important;
  gap:8px !important;
  width:100% !important;
  position:static !important;
  height:auto !important;
}
.rt-server-card #region-indicator .c-indicator,
.rt-platform-card #platform-indicator .c-indicator {
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  height:auto !important;
  float:none !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  display:block !important;
  box-sizing:border-box !important;
}
/* Chip — vertical layout: icon above abbreviation, like the reference */
.rt-server-card #region-indicator .l-division,
.rt-platform-card #platform-indicator .l-division {
  height:auto !important;
  min-height:56px !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  background:#f6fafd !important;
  border:1.5px solid #e4ecf3 !important;
  border-radius:4px !important;
  font-family:inherit !important;
  font-size:14px !important;
  font-weight:500 !important;
  letter-spacing:.06em !important;
  color:#4a5a6e !important;
  cursor:pointer !important;
  transition:transform .18s cubic-bezier(.16,1,.3,1),background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease !important;
  text-indent:0 !important;
  float:none !important;
  margin:0 !important;
  padding:8px 4px 7px !important;
  box-sizing:border-box !important;
  position:relative !important;
  text-align:center !important;
}
.rt-server-card #region-indicator .l-division:hover,
.rt-platform-card #platform-indicator .l-division:hover {
  background:rgba(2,131,202,.08) !important;
  border-color:#0283ca !important;
  color:#0283ca !important;
  transform:translateY(-2px) scale(1.04) !important;
  box-shadow:0 6px 16px rgba(2,131,202,.18) !important;
}
.rt-server-card #region-indicator .l-division:active,
.rt-platform-card #platform-indicator .l-division:active {
  transform:translateY(0) scale(.97) !important;
  transition-duration:.08s !important;
}
.rt-server-card #region-indicator .c-indicator.active .l-division,
.rt-server-card #region-indicator .l-division.active,
.rt-platform-card #platform-indicator .c-indicator.active .l-division,
.rt-platform-card #platform-indicator .l-division.active {
  background:#0283ca !important;
  border-color:#0283ca !important;
  color:#fff !important;
  box-shadow:none !important;
  transform:translateY(-2px) !important;
}
.rt-server-card #region-indicator .c-slider,
.rt-platform-card #platform-indicator .c-slider {
  display:none !important;
}

/* SVG icon (preferred) — picks up the chip's text color via stroke=currentColor */
.l-division-svg {
  display:none;
}
.rt-server-card #region-indicator .l-division-svg,
.rt-platform-card #platform-indicator .l-division-svg {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:30px !important;
  height:30px !important;
  flex-shrink:0 !important;
  transition:transform .18s cubic-bezier(.16,1,.3,1) !important;
}
.rt-server-card #region-indicator .l-division-svg svg,
.rt-platform-card #platform-indicator .l-division-svg svg {
  width:30px !important;
  height:30px !important;
  display:block !important;
  color:inherit !important;
}
.rt-server-card #region-indicator .l-division:hover .l-division-svg,
.rt-platform-card #platform-indicator .l-division:hover .l-division-svg {
  transform:scale(1.12) !important;
}

/* Server / platform chip icon (admin-uploaded image rendered inside .l-division).
   Hidden by default in legacy slider layouts; shown at 30x30 in the new
   bottom-row layout. The orange filter retints the source image so all
   chips look visually consistent regardless of what the admin uploaded;
   when the chip is selected the icon is forced to pure white instead. */
.l-division-icon {
  display:none;
}
.rt-server-card #region-indicator .l-division-icon,
.rt-platform-card #platform-indicator .l-division-icon {
  display:inline-block !important;
  width:30px !important;
  height:30px !important;
  flex-shrink:0 !important;
  border-radius:3px !important;
  object-fit:cover !important;
  vertical-align:middle !important;
  filter:invert(50%) sepia(100%) saturate(2000%) hue-rotate(0deg) brightness(100%) contrast(100%) !important;
  transition:filter .18s ease !important;
}
.rt-server-card #region-indicator .l-division.active .l-division-icon,
.rt-server-card #region-indicator .c-indicator.active .l-division .l-division-icon,
.rt-platform-card #platform-indicator .l-division.active .l-division-icon,
.rt-platform-card #platform-indicator .c-indicator.active .l-division .l-division-icon {
  /* Selected chip: icon goes pure white. brightness(0) crushes any source
     color to black, then invert(1) flips to white. */
  filter:brightness(0) invert(1) !important;
}

.rt-server-card #region-indicator .l-division-text,
.rt-platform-card #platform-indicator .l-division-text {
  display:block !important;
  white-space:nowrap !important;
  line-height:1 !important;
}
.l-division-text {
  white-space:nowrap !important;
}

/* ── Tablet (≤991px): cards side-by-side but a touch wider so they don't crush ── */
@media (max-width:991px) {
  .ps-select-container.rt-rank-bottom > .product-calc-item {
    width:46% !important;
    flex:0 0 46% !important;
  }
  .rt-platform-row > .product-calc-item.rt-platform-card {
    width:60% !important;
    flex:0 0 60% !important;
  }
  /* Drop chip grid from 5 cols to 4 so chips stay tap-friendly */
  .rt-server-card #region-indicator,
  .rt-platform-card #platform-indicator {
    grid-template-columns:repeat(4,1fr) !important;
  }
}

/* ── Mobile (≤767px): stack LP and server vertically; full-width cards ──
   Also rein in the rank cards above which have a 600×600 fixed size and
   would otherwise overflow the viewport. */
@media (max-width:767px) {
  /* Don't let body min-width force horizontal scroll */
  html body {
    min-width:0 !important;
  }
  body {
    min-width:0 !important;
  }
  /* Rank cards above the bottom row: shrink the 600×600 tier selector and
     the heavy bottom margin; keep the layout from pushing things sideways. */
  .tier-selector-current,
  .tier-selector-desired {
    width:100% !important;
    max-width:320px !important;
    height:auto !important;
    min-height:280px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  .placement_match_box {
    flex-direction:column !important;
    align-items:stretch !important;
  }
  .placement_match_box > .product-calc-item,
  .rank-select-container > .product-calc-item {
    width:100% !important;
    max-width:none !important;
    margin-bottom:1rem !important;
    padding:0 !important;
  }
  /* Tier swatch strip — let it shrink to viewport */
  .placement_match_box .c-indicators,
  .rank-select-container .c-indicators {
    max-width:100% !important;
    width:100% !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  /* Bottom row: stack vertically, full width */
  .ps-select-container.rt-rank-bottom,
  .rt-platform-row {
    display:block !important;
    margin:.2rem 0 1.5rem !important;
    padding:0 !important;
  }
  .ps-select-container.rt-rank-bottom > .product-calc-item,
  .rt-platform-row > .product-calc-item {
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    max-width:none !important;
    flex:none !important;
    margin:0 0 1.2rem !important;
    padding:0 !important;
  }
  /* Smaller header on mobile */
  .ps-select-container.rt-rank-bottom .rt-card-head {
    margin:0 0 .5rem !important;
  }
  .ps-select-container.rt-rank-bottom .rt-card-label {
    font-size:12px !important;
  }
  .ps-select-container.rt-rank-bottom .rt-card-value {
    font-size:22px !important;
  }
  .ps-select-container.rt-rank-bottom .rt-card-value--name {
    font-size:18px !important;
    max-width:60% !important;
  }
  /* Tick labels: smaller on mobile so all 5 fit comfortably */
  .rt-lp-card .rt-lp-ticks {
    font-size:13px !important;
  }
  /* Server chip grid: 3 cols on mobile so each chip is tap-friendly (~46px tall × ~95px wide) */
  .rt-server-card #region-indicator,
  .rt-platform-card #platform-indicator {
    grid-template-columns:repeat(3,1fr) !important;
    gap:6px !important;
  }
  .rt-server-card #region-indicator .l-division,
  .rt-platform-card #platform-indicator .l-division {
    min-height:50px !important;
    font-size:13px !important;
    padding:7px 4px 6px !important;
  }
  .rt-server-card #region-indicator .l-division-svg,
  .rt-server-card #region-indicator .l-division-svg svg {
    width:16px !important;
    height:16px !important;
  }
}

/* GLSR (Site Reviews) typography overrides removed 2026-05 — the new
   .product-reviews-composite redesign in boosting-core/extra-options.css
   takes over font + weight + spacing for the reviews summary, list,
   pagination, and form. Leaving the previous Roboto !important block
   in here forced an extra layer of cascade for every text node inside
   the plugin output and made it harder to land the new design. */
@media(min-width:768px) and (min-width:1600px) {
	.booster_packege_tabs ul li {
    padding: 25px 4px;
    width: 15.9%;
	}
}

@media(max-width:765px) {
	.eo-fav-champs-line-block img {
    width: 50px;
    height: 50px;
}
	.record__content {
    width: 100%;
    border-radius: 48px;
    background: var(--3, #EB5C29);
    max-width: 100%;
    padding: 25px;
    margin-right: 4%;
	}

	section.service__section {
    padding: 0px;
    margin: 40px 0px;
	}
}

.banner-img img {
    width: auto;
}

.eo-fav-line-block {
    width: 24.9%;
	border-right: 1px solid #ebebeb;
}

.team-logo img {
    vertical-align: middle;
    height: 160px;
    width: 160px;
    margin: 20px auto;
    padding: 0 0 0 0px;
}

.team__battle .team-logo {
    height: 170px;
    width: 210px;
}

.team__battle {
    width: auto;
}

.order-target-arrows span {
    margin: -13px;
}

.banner-page-img img {
    display: none;
    float: right;
    padding-bottom: 40px;
    height: 295px;
}

@media only screen and (max-width: 1930px) {
    .col-product:nth-child(odd) {
    width: 45.6vw;
    margin-top: 0.2vw;
}

    .col-product:nth-child(even) {
    width: 42vw;
}
}

.booster_packege_tabs>ul>li:before {
    content: '';
    position: absolute;
    width: 0px;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
}

.tier-name {
    padding: 10px 0;
}

#server_rate, #platform_rate {
    padding: 10px 0;
}

.ui-widget.ui-widget-content {
    margin: 15px 0;
}

.product-desc {
    text-shadow: 1px 1px 1px #505050;
}

.product-name {
    font: 2vw "League";
    margin-bottom: 10px;
    text-shadow: 1px 2px 2px #4c4c4c;
}

@media only screen and (max-width: 1930px) {
.product-desc {
    font-size: 23px;
}
}

.product-text {
    top: 52%;
}

.current-img-league-boost, .tier-img, .current-img {
    animation: none;
}

#foxLeagueL {
    display: none;
}

.container_leftImg {
    width: auto;
    height: auto;
    margin: 20px 0 40px;
}

.product-calc-item {
    margin-bottom: 1rem;
}

/* Per-win / per-game: align the top row (rank tier + wins ring) columns
   with the bottom row (LP card + server card) which uses 41% width.
   .bcc-single's content-driven `width: auto` would let the wide rank
   tier SVG and the ring wind up at different widths — pushing their
   centers off the 25%/75% line that the LP/Server cards below sit on.
   Forcing 41% on the top row too keeps every card's center aligned. */
.product-type-val_per_win .placement_match_box > .product-calc-item,
.product-type-val_per_game .placement_match_box > .product-calc-item,
.product-type-val_coaching .placement_match_box > .product-calc-item {
    width: 41%;
    flex: 0 0 41%;
    max-width: 41%;
}

@media only screen and (max-width:959px) {

.product-calc-item {
    margin-bottom: 2rem;
}

/* Stack columns on mobile (override the desktop 41% top-row rule). */
.product-type-val_per_win .placement_match_box > .product-calc-item,
.product-type-val_per_game .placement_match_box > .product-calc-item,
.product-type-val_coaching .placement_match_box > .product-calc-item {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.serverselect {
    margin-bottom: 2rem;
}

}

/* === Valorant Coaching: Coaching Focus chip styling =======================
   Mirror of the LoL coaching chip styling in eloboostleague/ebl-main.css.
   The Coaching Focus card uses .cv-group radio buttons rendered inside a
   bottom-row card. boosting/main.css ships heavy legacy styles for that
   widget (avenirnextcyr-bold, font-weight 900, .box > span { width: 75%;
   padding-right: 5px }, .box { text-align: right; box-shadow: 0 0 5px ... })
   that don't fit the new card design — labels overflow the chip and the
   font weight is much heavier than the server region chips next to it.
   Scoped to val_coaching so other product types keep their existing look. */
.product-type-val_coaching .rt-coach-card .cv-group {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
}
.product-type-val_coaching .rt-coach-card .cv-group label {
    width: auto !important;
    margin: 0 !important;
    display: block !important;
}
.product-type-val_coaching .rt-coach-card .cv-group .box {
    height: auto !important;
    min-height: 60px !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    background: #f6fafd !important;
    border: 1.5px solid #e4ecf3 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    padding: 8px 6px !important;
    font-family: 'League', Montserrat, sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: .04em !important;
    color: #4a5a6e !important;
    text-align: center !important;
    text-transform: none !important;
    transition:
        transform .18s cubic-bezier(.16, 1, .3, 1),
        background .18s ease,
        border-color .18s ease,
        color .18s ease,
        box-shadow .18s ease !important;
}
.product-type-val_coaching .rt-coach-card .cv-group .box:hover {
    background: rgba(2, 131, 202, .08) !important;
    border-color: #0283ca !important;
    color: #0283ca !important;
    transform: translateY(-2px) scale(1.04) !important;
    box-shadow: 0 6px 16px rgba(2, 131, 202, .18) !important;
}
.product-type-val_coaching .rt-coach-card .cv-group input[type=radio]:checked + .box {
    background: #0283ca !important;
    border-color: #0283ca !important;
    color: #fff !important;
    box-shadow: none !important;
    transform: translateY(-2px) !important;
}
.product-type-val_coaching .rt-coach-card .cv-group .box > img:first-child {
    width: 30px !important;
    height: 30px !important;
    flex-shrink: 0 !important;
    filter: invert(50%) sepia(100%) saturate(2000%) hue-rotate(0deg) brightness(100%) contrast(100%) !important;
    transition: filter .18s ease !important;
}
.product-type-val_coaching .rt-coach-card .cv-group input[type=radio]:checked + .box > img:first-child {
    filter: brightness(0) invert(1) !important;
}
.product-type-val_coaching .rt-coach-card .cv-group .box > span:last-child {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-transform: none !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: none !important;
    white-space: normal !important;
}
.product-type-val_coaching .rt-coach-card .rt-coach-sub-label {
    font-family: 'League', Montserrat, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: .055em !important;
    text-transform: uppercase !important;
    color: #8a98a8 !important;
    margin: 0 0 .5rem !important;
    text-align: left !important;
}
.product-type-val_coaching .rt-coach-card .cv-group-container {
    margin: 0 !important;
}
.product-type-val_coaching .rt-coach-card .cv-group-container + .cv-group-container {
    margin-top: .9rem !important;
}
.product-type-val_coaching .rt-coach-card .cv-header {
    text-align: left !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
}
@media (max-width: 767px) {
    .product-type-val_coaching .rt-coach-card .cv-group {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

.eo-fav-champs-line-block img {
    width: 110px;
    height: 110px;
    filter: invert(59%) sepia(39%) saturate(4744%) hue-rotate(338deg) brightness(100%) contrast(103%);
}

.eo-fav-line-block:nth-child(4) {
    border-right: 0;
}

.category_name {
    font: 22px"League";
    text-transform: uppercase;
    font-weight: normal;
    margin-top: 20px;
}

.eo-fav-champs-line-block {
    width: 180px !important;
    margin: 0 auto;
}

.choosen_text {
    margin: 40px auto;
    font-size: 20px;
}

.booster_champion {
    text-align: center;
    width: 80%;
    max-width: 1000px;
}

.wins-number span {
    color: #0281c8;
    font: bold 332px "AvenirNextCyr-Medium";
    letter-spacing: -15px;
    position: relative;
    left: 0px;
    top: -75px;
    text-align: left;
}

.product-calc-item .amount_of_wins {
    display: flex;
    padding: 30px 40px 0;
    align-items: center;
    width: 100%;
}

.product-calc-item .amount_of_wins_dtl {
    flex: 0;
}

@media only screen and (min-width:1401px){

.page-id-3988 .product-calc-item, .page-id-3989 .product-calc-item, .page-id-3985 .product-calc-item {
    margin-bottom: 0rem;
}
  
}

@media only screen and (max-width: 767px) {
.eo-fav-line-block {
    width: 50%;
	border-right: 0px solid #ebebeb;
}

.product-calc-item .amount_of_wins {
    padding: 5px 10px 0;
}

.product-calc-item .amount_of_wins_dtl {
    padding-top: 0px;
}

.product-calc-item:nth-child(3) .wins-number span {
    color: #0281c8;
    font: bold 250px "AvenirNextCyr-Medium";
    letter-spacing: -15px;
    position: relative;
    left: 0px;
    top: 0px;
    text-align: left;
}

.product-calc-item:nth-child(3) {
margin-bottom:3rem;
}

}

.col-product img {
    filter: brightness(0.7);
}

.banner-img {
    width: 43vw;
}

.banner-text {
    width: 65%;
}

.eo-title-block {
    margin-bottom: 40px;
}

.current-img-league-boost, .tier-img, .current-img {
    height: 230px;
    width: 230px;
}

.arrow-page-down {
    filter: hue-rotate(338deg);
}

.ed_server_values .selector_1 {
    margin-top: 20px;
}

.tier-selector-current, .tier-selector-desired {
    height: auto !important;
    min-height: 380px;
}

.tier-selector-current svg {
    filter: hue-rotate(225deg);
}

.tier-selector-desired svg {
    filter: hue-rotate(45deg);
}

@media only screen and (max-width: 1100px) {
.product-calc-item {
    margin-bottom: 2rem;
}

.tier-selector-current svg {
    display:none;
}

.tier-selector-desired svg {
    display:none;
}

}

.team-logo__cg::before {
    margin: -10px -35px;
}

.home .banner {
    background: none
}


.bbg {
  animation:slide 3s ease-in-out infinite alternate;
  background-image: linear-gradient(290deg, #fff 25%, #004e85fc 25%);
  bottom: 0px;
  left: -5%;
  position: absolute;
  right: 5%;
  top:0;
  z-index: -1;
  overflow: hidden;
  max-width: 109%;
}

.bbg2 {
  animation-direction:alternate-reverse;
  animation-duration: 6s;
  opacity: 0.5;
}

.bbg3 {
  animation-duration: 6s;
  opacity: 0.5;
}

@keyframes slide {
  0% {
    transform: translateX(-5%);
  }
  100% {
    transform: translateX(5%);
  }
}

@media only screen and (min-width: 1530px){
.banner-container {
    max-width: 1800px;
    padding: 0 60px;
    margin: 0 auto;
    height: 53vw;
}
}

@media only screen and (min-width: 1930px){
.banner-container {
    max-width: 1800px;
    padding: 0 60px;
    margin: 0 auto;
    height: 43vw;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
}

.banner-text h1 {
    margin-top: 0vw;
}

.banner-img img {
    display: block;
    aspect-ratio: auto 710 / 608;
    width: 41vw;
    max-width: 800px;
    filter: drop-shadow(2px 2px 4px black);
}

.banner-img {
    width: 40vw;
}

/* ═══════════════════════════════════════════════════════════════════════════
   MAGNETIC-SNAP PRODUCT MENU (.booster_packege_tabs)
   ───────────────────────────────────────────────────────────────────────────
   Card menu redesign for the WP nav menu on every product page. Mirror of
   the block in eloboostleague/ebl-main.css — same selectors, same values —
   so the magnetic-snap layout renders consistently across all three game
   themes. Per-menu-item background-image rules (where they exist on the
   theme) supply the icon; this block handles positioning and animation.
   If Val menu items don't have per-item icons yet, the orange pane still
   renders cleanly (just no icon graphic inside).
   ═══════════════════════════════════════════════════════════════════════════ */

/* UL container — top padding 0 so the menu card row aligns with the
   top of the YOUR ORDER sidebar card on the right (matches the EBL
   change shipped in PR #190).

   max-width dropped on Val: the menu now stretches to fill the full
   width of .lft-section (the left product column), instead of being
   capped at 1320px and centred — so the cards always reach the right
   edge of the column regardless of viewport width. */
.booster_packege_tabs ul {
    display: flex !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 22px !important;
    padding: 0 0 22px !important;
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
}
.booster_packege_tabs ul::-webkit-scrollbar {
    height: 6px;
}
.booster_packege_tabs ul::-webkit-scrollbar-thumb {
    background: #ff8b00;
    border-radius: 3px;
}

.booster_packege_tabs ul li {
    /* max-width dropped: cards now grow to fill the .lft-section width
       evenly via flex: 1 1 0. min-width still keeps each card readable
       on smaller viewports before the mobile media query kicks in. */
    flex: 1 1 0 !important;
    max-width: none !important;
    min-width: 140px !important;
    width: auto !important;
    height: 90px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    position: relative !important;
    cursor: pointer !important;
    background: #0364a8 !important;
    list-style: none !important;
    display: block !important;
    box-shadow:
        0 5px 6px rgba(3, 55, 92, 0.28),
        0 6px 18px -4px rgba(3, 55, 92, 0.18) !important;
    opacity: 0;
    transform: translateY(10px);
    animation: bpt-drop 0.55s cubic-bezier(0.2, 0.9, 0.3, 1.05) forwards;
    transition: box-shadow 0.4s ease, transform 0.4s ease !important;
}
.booster_packege_tabs ul li:nth-child(1) { animation-delay: 0.05s; }
.booster_packege_tabs ul li:nth-child(2) { animation-delay: 0.10s; }
.booster_packege_tabs ul li:nth-child(3) { animation-delay: 0.15s; }
.booster_packege_tabs ul li:nth-child(4) { animation-delay: 0.20s; }
.booster_packege_tabs ul li:nth-child(5) { animation-delay: 0.25s; }
.booster_packege_tabs ul li:nth-child(6) { animation-delay: 0.30s; }
.booster_packege_tabs ul li:nth-child(7) { animation-delay: 0.35s; }
@keyframes bpt-drop {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.booster_packege_tabs ul li:hover {
    box-shadow:
        0 2px 4px rgba(3, 55, 92, 0.35),
        0 6px 14px -3px rgba(3, 55, 92, 0.55) !important;
}
.booster_packege_tabs .current-menu-item,
.booster_packege_tabs .current-menu-ancestor,
.booster_packege_tabs .active_pakage_tab {
    background: #0364a8 !important;
    box-shadow:
        0 2px 4px rgba(3, 55, 92, 0.4),
        0 6px 14px -3px rgba(3, 55, 92, 0.55) !important;
    transform: translateY(0) !important;
}

/* === Orange icon pane TEMPORARILY REMOVED on Val (2026-05) =====================
   The orange ::before chevron pane + ::after shadow band were carrying the
   per-menu-item icons on EBL / OWB. Val doesn't have those icon images
   shipped yet, so the orange pane was rendering as an empty colour block on
   every product page. Restoring the pre-icon "old design" until icon assets
   are ready:

     - ::before  hidden  (was the orange chevron pane)
     - ::after   hidden  (was the dark shadow band behind it)
     - <a> link  inset 0 0 0 0 (full card) and centered, instead of
                 reserving 70px on the right for the icon pane

   When the Val icon set ships, revert this block to the previous version
   in git (see file history before 2026-05-21).
============================================================================ */

.booster_packege_tabs ul li > a {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    /* Old design centers the label across the full card width since there
       is no icon pane on the right anymore. */
    justify-content: center !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 14px !important;
    z-index: 4 !important;
    color: #fff !important;
    font-family: League, Montserrat, sans-serif !important;
    font-weight: 500 !important;
    font-size: 20px !important;
    line-height: 1.1 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;
    text-align: center !important;
    text-shadow: 0 4px 10px rgba(0, 0, 0, 0.4) !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    white-space: normal !important;
    transform-origin: center center !important;
    transition:
        transform 0.45s cubic-bezier(0.45, 1.2, 0.55, 1),
        letter-spacing 0.4s ease !important;
}
.booster_packege_tabs ul li:hover > a {
    transform: scale(1.06) !important;
    letter-spacing: 0.03em !important;
}

/* Orange icon pane + its shadow band — hidden while icons are unavailable.
   Overriding the parent theme's :last-child rule too so the suppression is
   uniform across every menu item. */
.booster_packege_tabs ul li::before,
.booster_packege_tabs ul li:last-child::before,
.booster_packege_tabs ul li::after {
    display: none !important;
    content: none !important;
}

/* Mobile (≤980px): stack the menu as a 2-per-row wrap instead of a
   horizontal scroller (a horizontal scroll affordance is invisible
   on touch — users can't tell more items exist off-screen).
   Mirrors the EBL changes from PR #188 and #190. */
@media only screen and (max-width: 980px) {
    .booster_packege_tabs ul {
        flex-wrap: wrap !important;
        overflow-x: visible !important;
        justify-content: center !important;
        gap: 10px !important;
        padding: 14px 8px 18px !important;
    }
    .booster_packege_tabs ul li {
        flex: 0 0 calc(50% - 10px) !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 78px !important;
    }
    .booster_packege_tabs ul li > a {
        /* Orange icon pane removed (see desktop rules above) — link covers
           the full card and label centres across the whole width. */
        inset: 0 !important;
        /* clamp() so single-word labels fit on one line at 360–767px
           without overflow-wrap: anywhere breaking them per-character
           on devices with slightly wider font metrics. */
        font-size: clamp(13px, 4vw, 18px) !important;
        padding: 0 12px !important;
        line-height: 1.1 !important;
    }
}/* ── [ebl_articles] shortcode — Blog Posts Section ─────────────────────────── *
 * Sits inside .block-recent-posts (parent theme section) + .container wrapper  *
 * Uses same structural conventions as other homepage sections.                 */

/* ── Section header row ─────────────────────────────────────────────────────── */
.ebl-ps__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 2rem;
  gap: 1.5rem;
}

.ebl-ps__eyebrow {
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #fdfb62;
  font-family: avenirnextcyr-medium, 'AvenirNextCyr-Medium', sans-serif;
  margin-bottom: 0.55rem;
  margin-top: 0;
}

.ebl-ps__title {
  font-size: 36px;
  font-family: avenirnextcyr-bold, 'AvenirNextCyr-Bold', sans-serif;
  font-weight: 500;
  color: #fff;
  margin: 0;
  line-height: 1.15;
  letter-spacing: -0.02em;
  text-shadow: 0 4px 10px rgba(0,0,0,.3);
  display: inline-block;
}
/* Gold underline accent matching parent theme banner pattern */
.ebl-ps__title::after {
  content: '';
  display: block;
  width: 70px;
  height: 5px;
  background: linear-gradient(to right, #fdfb62, #ffb81e);
  border-radius: 3px;
  margin-top: 10px;
}

/* Override parent .btn-container default margin when used in header */
.ebl-ps__header .btn-container {
  margin-top: 0;
  flex-shrink: 0;
}

/* ── Card grid ──────────────────────────────────────────────────────────────── */
.ebl-ps__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

/* ── Individual card ────────────────────────────────────────────────────────── */
.ebl-ps__card {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  display: block;
  text-decoration: none !important;
  color: inherit;
  aspect-ratio: 3 / 2;
  border: 0.5px solid rgba(255,255,255,0.1);
  box-shadow: 0 2px 10px rgba(0,0,0,.35);
  transition: transform 0.3s cubic-bezier(0.2,0,0.2,1),
              box-shadow 0.3s cubic-bezier(0.2,0,0.2,1),
              border-color 0.3s;
  cursor: pointer;
}
.ebl-ps__card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 32px rgba(0,0,0,.5);
  border-color: rgba(255,255,255,0.22);
}

/* Background image / gradient */
.ebl-ps__card-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s cubic-bezier(0.2,0,0.2,1);
}
.ebl-ps__card:hover .ebl-ps__card-bg { transform: scale(1.04); }

/* Dark gradient overlay — text readable from bottom */
.ebl-ps__card-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top,
    rgba(0,8,20,.94) 0%,
    rgba(0,8,20,.5)  52%,
    rgba(0,8,20,.06) 100%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 1.25rem 1.4rem;
  z-index: 2;
  transition: background 0.3s;
}
.ebl-ps__card:hover .ebl-ps__card-overlay {
  background: linear-gradient(to top,
    rgba(0,8,20,.97) 0%,
    rgba(0,8,20,.58) 52%,
    rgba(0,8,20,.1)  100%);
}

.ebl-ps__card-tag {
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #fdfb62;
  font-family: avenirnextcyr-medium, 'AvenirNextCyr-Medium', sans-serif;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.ebl-ps__card-tag::before {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #fdfb62;
  flex-shrink: 0;
}

.ebl-ps__card-title {
  font-size: 17px;
  font-family: avenirnextcyr-bold, 'AvenirNextCyr-Bold', sans-serif;
  font-weight: 500;
  color: #fff;
  line-height: 1.3;
  margin-bottom: 6px;
  transition: color 0.2s;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ebl-ps__card:hover .ebl-ps__card-title { color: #fdfb62; }

.ebl-ps__card-meta {
  font-size: 11px;
  color: rgba(255,255,255,.4);
  font-family: Roboto, sans-serif;
}

/* ── 🔥 FIRE card ──────────────────────────────────────────────────────────── */
.ebl-ps__card.on-fire {
  border-color: rgba(255,100,20,.55) !important;
  box-shadow: 0 0 0 2px rgba(255,100,20,.55),
              0 8px 32px rgba(255,60,0,.4),
              0 2px 10px rgba(0,0,0,.35) !important;
  animation: ealCardFirePulse .75s ease-in-out infinite alternate;
}
.ebl-ps__card.on-fire .ebl-ps__card-tag         { color: #ff9040; }
.ebl-ps__card.on-fire .ebl-ps__card-tag::before { background: #ff9040; }
.ebl-ps__card.on-fire .ebl-ps__card-title       { color: #ffd0a0; }
@keyframes ealCardFirePulse {
  from { box-shadow: 0 0 0 2px rgba(255,100,20,.55), 0 8px 32px rgba(255,60,0,.4),   0 2px 10px rgba(0,0,0,.35); }
  to   { box-shadow: 0 0 0 3px rgba(255,130,30,.72), 0 10px 40px rgba(255,80,0,.55), 0 2px 10px rgba(0,0,0,.35); }
}

/* "Trending" badge */
.ebl-ps__fire-badge {
  position: absolute;
  top: 11px; right: 11px;
  z-index: 5;
  background: rgba(210,55,0,.88);
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .06em;
  padding: 4px 11px;
  border-radius: 20px;
  backdrop-filter: blur(6px);
  font-family: avenirnextcyr-medium, Roboto, sans-serif;
  display: flex;
  align-items: center;
  gap: 4px;
}

/* Fire particle canvas */
.ebl-ps__fire-canvas {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 3;
  border-radius: 12px;
  overflow: hidden;
}
.ebl-ps__fire-canvas canvas {
  position: absolute;
  bottom: 0; left: 0;
  width: 100%; height: 65%;
}

/* ── 💙 GLOW card ──────────────────────────────────────────────────────────── */
.ebl-ps__card.on-glow {
  border-color: rgba(0,180,255,.48) !important;
  box-shadow: 0 0 0 2px rgba(0,180,255,.42),
              0 8px 32px rgba(0,102,175,.42),
              0 2px 10px rgba(0,0,0,.35) !important;
  animation: ealCardGlowPulse 2s ease-in-out infinite;
}
.ebl-ps__card.on-glow .ebl-ps__card-tag         { color: #60d8ff; }
.ebl-ps__card.on-glow .ebl-ps__card-tag::before { background: #60d8ff; }
.ebl-ps__card.on-glow .ebl-ps__card-title       { color: #b8eaff; }
@keyframes ealCardGlowPulse {
  0%,100% { box-shadow: 0 0 0 2px rgba(0,180,255,.42), 0 8px 32px rgba(0,102,175,.42),  0 2px 10px rgba(0,0,0,.35); }
  50%     { box-shadow: 0 0 0 3px rgba(0,210,255,.58), 0 10px 40px rgba(0,130,210,.56), 0 2px 10px rgba(0,0,0,.35); }
}

/* "Featured" badge */
.ebl-ps__glow-badge {
  position: absolute;
  top: 11px; right: 11px;
  z-index: 5;
  background: rgba(0,80,145,.88);
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .06em;
  padding: 4px 11px;
  border-radius: 20px;
  backdrop-filter: blur(6px);
  font-family: avenirnextcyr-medium, Roboto, sans-serif;
  display: flex;
  align-items: center;
  gap: 4px;
}

/* Glow shimmer sweep */
.ebl-ps__shimmer {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 3;
  border-radius: 12px;
  background: linear-gradient(105deg,
    transparent 30%,
    rgba(0,180,255,.08) 50%,
    transparent 70%);
  background-size: 200% 100%;
  animation: ealCardShimmer 2.5s linear infinite;
  opacity: 0;
  transition: opacity .3s;
}
.on-glow .ebl-ps__shimmer { opacity: 1; }
@keyframes ealCardShimmer {
  from { background-position: 200% 0; }
  to   { background-position: -200% 0; }
}

/* ── Pagination ─────────────────────────────────────────────────────────────── */
.ebl-ps__pager {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-top: 2.25rem;
}
.ebl-ps__pbtn {
  padding: 12px 28px;
  border-radius: 8px;
  border: 0.5px solid rgba(255,255,255,.15);
  background: rgba(255,255,255,.06);
  font-size: 13px;
  font-weight: 500;
  color: rgba(255,255,255,.75);
  cursor: pointer;
  transition: all .18s;
  font-family: avenirnextcyr-medium, 'AvenirNextCyr-Medium', Roboto, sans-serif;
  letter-spacing: .04em;
}
.ebl-ps__pbtn:hover:not(:disabled) {
  background: rgba(253,251,98,.1);
  border-color: rgba(253,251,98,.32);
  color: #fdfb62;
}
.ebl-ps__pbtn:disabled { opacity: .28; cursor: default; }
.ebl-ps__pinfo {
  font-size: 12px;
  color: rgba(255,255,255,.32);
  min-width: 60px;
  text-align: center;
  font-family: Roboto, sans-serif;
}

/* ── Responsive ─────────────────────────────────────────────────────────────── */
@media (max-width: 900px) {
  .ebl-ps__grid         { grid-template-columns: repeat(2, 1fr); }
  .ebl-ps__title        { font-size: 28px; }
  .ebl-ps__header       { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 600px) {
  .ebl-ps__grid         { grid-template-columns: 1fr; }
  .ebl-ps__title        { font-size: 22px; }
}
/* ==========================================================================
   Become a LoL Booster — Contact Page
   The page top uses the parent theme's .banner__page + .arrow-page-down.
   These styles only cover the body sections below it.
   Scoped to .ebl-booster-page — zero impact on any other page.
   Max font-weight is 500 per design spec.
   ========================================================================== */

.ebl-booster-page *,
.ebl-booster-page *::before,
.ebl-booster-page *::after { box-sizing: border-box; }

.ebl-booster-page {
    background: #fff;
    color: #0c1e3e;
    font-family: 'Montserrat', 'AvenirNextCyr', sans-serif;
    font-weight: 500;
    padding-top: 30px;
}

/* ==========================================================================
   ANIMATIONS
   ========================================================================== */
@keyframes ebp-fadeUp {
    from { opacity: 0; transform: translateY(24px); }
    to   { opacity: 1; transform: translateY(0); }
}
@keyframes ebp-fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@keyframes ebp-pop {
    0%   { opacity: 0; transform: scale(.85); }
    60%  { opacity: 1; transform: scale(1.04); }
    100% { transform: scale(1); }
}
@keyframes ebp-float {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-4px); }
}
@keyframes ebp-pulseGlow {
    0%, 100% { box-shadow: 0 0 0 0 rgba(16,185,129,.45); }
    50%      { box-shadow: 0 0 0 8px rgba(16,185,129,0); }
}
@keyframes ebp-iconSpin {
    from { transform: rotate(-12deg) scale(.7); opacity: 0; }
    to   { transform: rotate(0) scale(1); opacity: 1; }
}
@keyframes ebp-shimmer {
    0%   { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

/* Reveal-on-scroll: any .ebp-reveal element fades up when .is-visible
   is added. JS at the bottom of the shortcode toggles it via IntersectionObserver.
   Also gracefully degrades: if JS is off, the element still shows. */
.ebp-reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .65s cubic-bezier(.16,1,.3,1), transform .65s cubic-bezier(.16,1,.3,1);
}
.ebp-reveal.is-visible {
    opacity: 1;
    transform: none;
}
@media (prefers-reduced-motion: reduce) {
    .ebp-reveal { opacity: 1; transform: none; transition: none; }
}

/* ==========================================================================
   REQUIREMENTS STRIP
   ========================================================================== */
.ebp-reqs {
    max-width: 1100px;
    margin: 40px auto 0;
    padding: 0 24px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.ebp-req-item {
    background: #fff;
    border: 1px solid #e6e9ef;
    border-radius: 14px;
    padding: 24px 22px;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    box-shadow: 0 8px 24px rgba(12,30,62,.08);
    transition: transform .25s, box-shadow .25s;
    opacity: 0;
    animation: ebp-fadeUp .7s cubic-bezier(.16,1,.3,1) forwards;
}
.ebp-req-item:nth-child(1) { animation-delay: .15s; }
.ebp-req-item:nth-child(2) { animation-delay: .30s; }
.ebp-req-item:nth-child(3) { animation-delay: .45s; }
.ebp-req-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 36px rgba(12,30,62,.12);
}
.ebp-req-icon {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: rgba(2,131,202,.12);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #0283ca;
    animation: ebp-iconSpin .6s cubic-bezier(.16,1,.3,1) both;
}
.ebp-req-item:nth-child(1) .ebp-req-icon { animation-delay: .35s; }
.ebp-req-item:nth-child(2) .ebp-req-icon { animation-delay: .50s; }
.ebp-req-item:nth-child(3) .ebp-req-icon { animation-delay: .65s; }
.ebp-req-item:hover .ebp-req-icon {
    transform: rotate(-6deg) scale(1.06);
    transition: transform .2s ease;
}
.ebp-req-icon.gold  { background: rgba(240,180,41,.15); color: #d99409; }
.ebp-req-icon.green { background: rgba(16,185,129,.13); color: #10b981; }
.ebp-req-text strong {
    display: block;
    font-size: .92rem;
    font-weight: 500;
    color: #0c1e3e;
    margin-bottom: 4px;
}
.ebp-req-text span {
    font-size: .82rem;
    font-weight: 500;
    color: #5b6a82;
    line-height: 1.5;
}

/* ==========================================================================
   PERKS SECTION — alternating orange + cream cards
   ========================================================================== */
.ebp-perks {
    padding: 80px 24px 60px;
    max-width: 1100px;
    margin: 0 auto;
    text-align: center;
}
.ebp-section-label {
    font-size: .72rem;
    font-weight: 500;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: #ee6731;
    margin-bottom: 10px;
}
.ebp-section-title {
    font-family: 'League', sans-serif;
    font-size: clamp(1.8rem, 4vw, 2.6rem);
    font-weight: 500;
    color: #0c1e3e;
    text-transform: uppercase;
    margin: 0 0 14px;
    letter-spacing: 1px;
}
.ebp-section-sub {
    font-size: .95rem;
    font-weight: 500;
    color: #5b6a82;
    max-width: 560px;
    margin: 0 auto 48px;
    line-height: 1.7;
}
.ebp-perks-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 22px;
}
.ebp-perk-card {
    background: #f5f3ee;
    border-radius: 18px;
    padding: 30px 26px;
    text-align: left;
    transition: transform .25s, box-shadow .25s;
}
.ebp-perk-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 32px rgba(12,30,62,.1);
}
.ebp-perk-card:nth-child(odd) {
    background: linear-gradient(155deg, #ee6731, #e85a25);
    color: #fff;
}
.ebp-perk-card:nth-child(odd) .ebp-perk-num { color: rgba(255,255,255,.35); }
.ebp-perk-card:nth-child(odd) h4 { color: #fff; }
.ebp-perk-card:nth-child(odd) p  { color: rgba(255,255,255,.92); }

.ebp-perk-num {
    font-family: 'League', sans-serif;
    font-size: 3rem;
    font-weight: 500;
    color: rgba(12,30,62,.18);
    line-height: 1;
    margin-bottom: 8px;
    display: inline-block;
}
.ebp-perk-card:hover .ebp-perk-num {
    animation: ebp-float 1.4s ease-in-out infinite;
}
.ebp-perk-card h4 {
    font-family: 'League', sans-serif;
    font-size: 1.05rem;
    font-weight: 500;
    color: #0c1e3e;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin: 0 0 8px;
}
.ebp-perk-card p {
    font-size: .85rem;
    font-weight: 500;
    color: #5b6a82;
    margin: 0;
    line-height: 1.6;
}

/* ==========================================================================
   FORM SECTION — light cream background panel
   ========================================================================== */
.ebp-form-section {
    background: #f8f6f1;
    padding: 80px 24px;
    border-top: 1px solid #ebe7df;
}
.ebp-form-wrap {
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1.55fr;
    gap: 56px;
    align-items: start;
}
.ebp-form-info h2 {
    font-family: 'League', sans-serif;
    font-size: clamp(1.7rem, 3vw, 2.3rem);
    font-weight: 500;
    color: #0c1e3e;
    text-transform: uppercase;
    margin: 0 0 16px;
    line-height: 1.2;
    letter-spacing: 1px;
}
.ebp-form-info p {
    font-size: .92rem;
    font-weight: 500;
    color: #5b6a82;
    line-height: 1.75;
    margin: 0 0 28px;
}
.ebp-response-note {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 22px;
    font-size: .8rem;
    font-weight: 500;
    color: #5b6a82;
}
.ebp-response-note::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #10b981;
    flex-shrink: 0;
    animation: ebp-pulseGlow 2s ease-in-out infinite;
}

.ebp-form {
    background: #fff;
    border: 1px solid #e6e2d8;
    border-radius: 18px;
    padding: 40px 36px;
    box-shadow: 0 12px 32px rgba(12,30,62,.06);
}
.ebp-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
.ebp-field { margin-bottom: 18px; }
.ebp-field label {
    display: block;
    font-size: .72rem;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #0c1e3e;
    margin-bottom: 7px;
}
.ebp-field label span { color: #ee6731; }
.ebp-field input,
.ebp-field select,
.ebp-field textarea {
    width: 100%;
    background: #fafaf7;
    border: 1px solid #e1ddd0;
    border-radius: 9px;
    padding: 12px 15px;
    color: #0c1e3e;
    font-size: .9rem;
    font-weight: 500;
    font-family: inherit;
    transition: border-color .2s, background .2s, box-shadow .2s;
    outline: none;
    appearance: none;
}
.ebp-field input::placeholder,
.ebp-field textarea::placeholder { color: #a8a89a; }
.ebp-field input:focus,
.ebp-field select:focus,
.ebp-field textarea:focus {
    border-color: #0283ca;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(2,131,202,.12);
}
.ebp-field select option { background: #fff; color: #0c1e3e; }
.ebp-field textarea { resize: vertical; min-height: 110px; }
.ebp-field-full { grid-column: 1 / -1; }

/* Helper text shown beneath an input (e.g. paste-link instructions) */
.ebp-field-hint {
    font-size: .75rem;
    font-weight: 500;
    color: #8a96a8;
    margin: 6px 2px 0;
    line-height: 1.45;
}

.ebp-submit-wrap { margin-top: 8px; }
.ebp-submit {
    width: 100%;
    padding: 15px 24px;
    background: linear-gradient(135deg, #ee6731, #e85a25, #ee6731);
    background-size: 200% 100%;
    background-position: 0% 50%;
    border: none;
    border-radius: 10px;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    font-family: 'League', sans-serif;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    cursor: pointer;
    transition: transform .15s, box-shadow .2s, opacity .2s, background-position .8s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    box-shadow: 0 6px 18px rgba(238,103,49,.3);
    position: relative;
    overflow: hidden;
}
.ebp-submit svg { transition: transform .25s ease; }
.ebp-submit:hover svg { transform: translateX(3px) rotate(-8deg); }
.ebp-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(238,103,49,.45);
    background-position: 100% 50%;
}
.ebp-submit:active { transform: translateY(0); }
.ebp-submit-note {
    text-align: center;
    font-size: .75rem;
    font-weight: 500;
    color: #8a96a8;
    margin-top: 12px;
}

.ebp-form-msg {
    display: none;
    border-radius: 10px;
    padding: 16px 44px 16px 20px;
    font-size: .92rem;
    font-weight: 500;
    margin-bottom: 22px;
    position: relative;
    box-shadow: 0 4px 14px rgba(12,30,62,.06);
    animation: ebp-fadeUp .45s cubic-bezier(.16,1,.3,1) both;
}
.ebp-form-msg.success {
    display: flex;
    align-items: center;
    background: rgba(16,185,129,.12);
    border: 1px solid rgba(16,185,129,.45);
    color: #0e8d63;
}
.ebp-form-msg.error {
    display: flex;
    align-items: center;
    background: rgba(239,68,68,.1);
    border: 1px solid rgba(239,68,68,.4);
    color: #c73838;
}
.ebp-form-msg-text {
    flex: 1;
    line-height: 1.5;
}
.ebp-form-msg-close {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    background: transparent;
    border: 0;
    padding: 4px 10px;
    font-size: 1.4rem;
    line-height: 1;
    cursor: pointer;
    color: inherit;
    opacity: .55;
    border-radius: 6px;
    transition: opacity .15s, background .15s;
    font-family: inherit;
}
.ebp-form-msg-close:hover { opacity: 1; background: rgba(0,0,0,.06); }
.ebp-form-msg-close:focus { outline: 2px solid currentColor; outline-offset: 2px; }

/* ==========================================================================
   OUR VALUES SECTION (SEO content)
   ========================================================================== */
.ebp-values {
    background: #fff;
    padding: 80px 24px 30px;
}
.ebp-values-wrap {
    max-width: 1100px;
    margin: 0 auto;
    text-align: center;
}
.ebp-values-lead {
    font-size: .95rem;
    font-weight: 500;
    color: #5b6a82;
    max-width: 640px;
    margin: 0 auto 48px;
    line-height: 1.7;
}
.ebp-values-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    text-align: left;
}
.ebp-value {
    background: #f8f6f1;
    border-radius: 16px;
    padding: 30px 28px;
    transition: transform .25s, box-shadow .25s;
}
.ebp-value:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 32px rgba(12,30,62,.08);
}
.ebp-value-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: rgba(2,131,202,.12);
    color: #0283ca;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}
.ebp-value h3 {
    font-family: 'League', sans-serif;
    font-size: 1.05rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #0c1e3e;
    margin: 0 0 10px;
}
.ebp-value p {
    font-size: .87rem;
    font-weight: 500;
    color: #5b6a82;
    line-height: 1.7;
    margin: 0;
}

/* ==========================================================================
   WHAT THE JOB LOOKS LIKE (SEO content)
   ========================================================================== */
.ebp-job {
    background: #f8f6f1;
    padding: 80px 24px;
    border-top: 1px solid #ebe7df;
    border-bottom: 1px solid #ebe7df;
}
.ebp-job-wrap {
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    gap: 60px;
    align-items: start;
}
.ebp-job-text .ebp-section-label,
.ebp-job-text .ebp-section-title {
    text-align: left;
    margin-left: 0;
}
.ebp-job-text .ebp-section-title { margin-bottom: 22px; }
.ebp-job-text p {
    font-size: .92rem;
    font-weight: 500;
    color: #5b6a82;
    line-height: 1.8;
    margin: 0 0 16px;
}
.ebp-job-list {
    background: #fff;
    border: 1px solid #e6e2d8;
    border-radius: 16px;
    padding: 32px 28px;
    box-shadow: 0 8px 24px rgba(12,30,62,.05);
}
.ebp-job-list h3 {
    font-family: 'League', sans-serif;
    font-size: 1.05rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #0c1e3e;
    margin: 0 0 18px;
}
.ebp-job-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.ebp-job-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 10px 0;
    font-size: .88rem;
    font-weight: 500;
    color: #2d3a52;
    line-height: 1.55;
    border-bottom: 1px solid #f0ece2;
}
.ebp-job-list li:last-child { border-bottom: none; }
.ebp-check {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgba(16,185,129,.15);
    color: #10b981;
    font-weight: 500;
    font-size: .78rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 1px;
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width: 900px) {
    .ebp-reqs { grid-template-columns: 1fr; }
    .ebp-values-grid { grid-template-columns: 1fr; }
    .ebp-job-wrap { grid-template-columns: 1fr; gap: 36px; }
    .ebp-form-wrap { grid-template-columns: 1fr; gap: 40px; }
    .ebp-form-row { grid-template-columns: 1fr; }
    .ebp-form { padding: 28px 22px; }
}
@media (max-width: 600px) {
    .ebp-perks-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 420px) {
    .ebp-perks-grid { grid-template-columns: 1fr; }
}
/* ==========================================================================
   FAQ Page — EloBoostLeague
   Page top uses the parent theme's .banner__page + .arrow-page-down.
   These styles cover the body sections below it.
   All selectors scoped to .ebl-faq-page (or unique #eblfaq* IDs for the
   fixed-position UI) so nothing leaks onto other pages.
   League display font capped at 500. Body in Roboto.
   ========================================================================== */

.ebl-faq-page *,
.ebl-faq-page *::before,
.ebl-faq-page *::after { box-sizing: border-box; margin: 0; padding: 0; }

.ebl-faq-page {
    --navy:        #1a3556;
    --navy-mid:    #234670;
    --navy-deep:   #122845;
    --blue:        #0364a9;
    --blue-deep:   #024b80;
    --blue-light:  #4a8bc7;
    --blue-pale:   #e6f0f9;
    --orange:      #f25c2a;
    --orange-deep: #d94a1c;
    --orange-light:#ff7a4a;
    --cream:       #f5efde;
    --cream-deep:  #ebe1c5;
    --red:         #dc2626;
    --green:       #16a34a;
    --border:      #e5e7eb;
    --text:        #1f2937;
    --muted:       #6b7280;
    --light-bg:    #f9fafb;
    --white:       #ffffff;
    --font-display:'League','Helvetica Neue',Arial,sans-serif;
    --gold:        var(--orange);
    --gold-light:  var(--cream);

    /* Page background is now pure white per the design pass — the old
       --light-bg #f9fafb tint read as a "form" / "panel" background and
       fought the white .article-body card. White-on-white removes that
       visual seam and lets the section cards inside the FAQ carry the
       only chrome on the page. */
    background: #ffffff;
    color: var(--text);
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
}

/* SCROLL REVEAL */
.ebl-faq-page .reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .6s cubic-bezier(.22,1,.36,1), transform .6s cubic-bezier(.22,1,.36,1);
}
.ebl-faq-page .reveal.visible { opacity: 1; transform: translateY(0); }

/* SHARED ANIMATION KEYFRAMES */
@keyframes ebl-drift {
    0%, 100% { transform: translate(0, 0); }
    33%      { transform: translate(22px, -14px); }
    66%      { transform: translate(-18px, 12px); }
}
@keyframes ebl-drift-rev {
    0%, 100% { transform: translate(0, 0); }
    33%      { transform: translate(-20px, 16px); }
    66%      { transform: translate(16px, -10px); }
}
@keyframes ebl-float {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-4px); }
}
@keyframes ebl-breath {
    0%, 100% { box-shadow: 0 6px 18px rgba(255,110,58,.32), inset 0 1px 0 rgba(255,255,255,.18); }
    50%      { box-shadow: 0 10px 26px rgba(255,110,58,.5),  inset 0 1px 0 rgba(255,255,255,.24); }
}
@keyframes ebl-shimmer {
    0%   { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}
@keyframes ebl-rise {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
}
@keyframes eblfaq-pulse {
    0%   { transform: scale(.8); opacity: .6; }
    100% { transform: scale(2.2); opacity: 0; }
}
@keyframes eblfaq-spin { to { transform: rotate(405deg); } }

.ebl-faq-page .article-body {
    /* Widened from 1000px -> 1180px to match the about section container
       width used on /lol-league-boosting/ and the other product pages.
       Gives the FAQ page the same horizontal breathing room as the
       .bt-section--about card so the 3-step grid + section cards
       below render at the same scale they do in the about section. */
    max-width: 1180px;
    margin: 0 auto;
    padding: 32px 20px 48px;
    background: var(--white);
}
.ebl-faq-page .article-body p { margin-bottom: 1.4em; color: var(--text); }
.ebl-faq-page .article-body p:last-child { margin-bottom: 0; }
.ebl-faq-page .article-body a {
    color: var(--blue-deep);
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: color .2s;
}
.ebl-faq-page .article-body a:hover { color: var(--blue); }
.ebl-faq-page .article-body .lead {
    font-size: 1.08rem;
    color: var(--muted);
    line-height: 1.6;
    margin-bottom: 32px;
    max-width: 720px;
}
.ebl-faq-page .article-body strong { color: var(--navy); font-weight: 700; }

/* UPDATE BADGE WITH PULSE */
.ebl-faq-page .update-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--navy);
    color: #fff;
    padding: 9px 16px;
    font-size: 11px;
    letter-spacing: .7px;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 24px;
    border-radius: 100px;
}
.ebl-faq-page .update-badge .pulse-dot {
    width: 7px; height: 7px;
    border-radius: 50%;
    background: var(--gold);
    position: relative;
}
.ebl-faq-page .update-badge .pulse-dot::after {
    content: '';
    position: absolute;
    inset: -4px;
    border-radius: 50%;
    background: var(--gold);
    opacity: .5;
    animation: eblfaq-pulse 2s ease-out infinite;
}

/* HERO STATS — drifting backdrop + floating numbers */
/* Hero stats banner — switched from the old dark navy gradient to a
   pure-white card per the design pass. Same white look ships on the
   /customer-reviews/ "Recent Orders" hero stats so both pages read as
   a single family. Subtle blue-tinted border + soft shadow give it
   just enough definition against the white page background. */
.ebl-faq-page .hero-stats {
    background: #ffffff;
    border: 1px solid #e4ecf3;
    padding: 32px 24px;
    margin: 0 0 32px;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 18px rgba(3,100,168,.06), 0 1px 3px rgba(3,100,168,.04);
}
.ebl-faq-page .hero-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    position: relative;
}
.ebl-faq-page .hero-stat {
    text-align: center;
    padding: 12px 8px;
    border-radius: 8px;
    transition: background .25s, transform .25s;
    cursor: default;
}
.ebl-faq-page .hero-stat:hover {
    background: #f6fafd;
    transform: translateY(-3px);
}
.ebl-faq-page .hero-stat-num {
    font-family: var(--font-display);
    font-weight: 500;
    font-size: 3rem;
    line-height: 1;
    display: block;
    margin-bottom: 10px;
    letter-spacing: .005em;
    /* Default ink is dark navy — coloured variants below override for
       the gold / blue / green / amber per-stat accents. */
    color: var(--navy);
    animation: ebl-float 5s ease-in-out infinite;
    will-change: transform;
}
.ebl-faq-page .hero-stat:nth-child(2) .hero-stat-num { animation-delay: .7s; }
.ebl-faq-page .hero-stat:nth-child(3) .hero-stat-num { animation-delay: 1.4s; }
.ebl-faq-page .hero-stat:nth-child(4) .hero-stat-num { animation-delay: 2.1s; }
.ebl-faq-page .hero-stat-num.gold  { color: var(--orange-deep); }
.ebl-faq-page .hero-stat-num.blue  { color: var(--blue); }
.ebl-faq-page .hero-stat-num.green { color: var(--green); }
.ebl-faq-page .hero-stat-num.amber { color: var(--orange); }
.ebl-faq-page .hero-stat-label {
    font-size: 13px;
    letter-spacing: .8px;
    text-transform: uppercase;
    color: var(--navy);
    display: block;
    line-height: 1.45;
    font-weight: 700;
}
.ebl-faq-page .hero-stat-sub {
    font-size: 11.5px;
    letter-spacing: .3px;
    color: var(--muted);
    margin-top: 8px;
    display: block;
    line-height: 1.4;
}

/* SEARCH BAR — focus glow + icon color shift */
.ebl-faq-page .search-wrap { margin: 0 0 28px; }
.ebl-faq-page .search-input-wrap { position: relative; }
.ebl-faq-page .search-input {
    width: 100%;
    padding: 16px 50px 16px 50px;
    font-size: 1rem;
    font-family: inherit;
    border: 2px solid var(--border);
    border-radius: 12px;
    background: var(--white);
    color: var(--text);
    transition: border-color .25s, box-shadow .32s cubic-bezier(.22,1,.36,1);
    -webkit-appearance: none;
}
.ebl-faq-page .search-input:focus {
    outline: none;
    border-color: var(--blue);
    box-shadow: 0 0 0 4px rgba(3,100,169,.12), 0 8px 24px rgba(3,100,169,.08);
}
.ebl-faq-page .search-input-wrap:focus-within .search-icon {
    color: var(--blue);
    transition: color .25s;
}
.ebl-faq-page .search-input::placeholder { color: var(--muted); }
.ebl-faq-page .search-icon {
    position: absolute;
    left: 16px; top: 50%;
    transform: translateY(-50%);
    color: var(--muted);
    pointer-events: none;
    width: 20px;
    height: 20px;
    display: block;
}
.ebl-faq-page .search-clear {
    position: absolute;
    right: 14px; top: 50%;
    transform: translateY(-50%);
    width: 28px; height: 28px;
    border: none;
    background: var(--light-bg);
    color: var(--muted);
    border-radius: 50%;
    cursor: pointer;
    font-size: .9rem;
    font-weight: 700;
    display: none;
    align-items: center;
    justify-content: center;
    font-family: inherit;
    transition: background .2s, color .2s;
}
.ebl-faq-page .search-clear:hover { background: var(--border); color: var(--navy); }
.ebl-faq-page .search-wrap.has-value .search-clear { display: flex; }
.ebl-faq-page .search-meta {
    margin-top: 10px;
    padding-left: 4px;
    font-size: .85rem;
    color: var(--muted);
    height: 1.4em;
    transition: color .2s;
}
.ebl-faq-page .search-meta strong { color: var(--blue-deep); font-weight: 700; }
.ebl-faq-page .search-meta.empty { color: var(--red); }

/* CATEGORY TABS — gradient slide-in for active state */
.ebl-faq-page .cat-tabs-wrap {
    margin: 0 -20px 24px;
    overflow: hidden;
    position: relative;
}
.ebl-faq-page .cat-tabs {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 4px 20px;
}
.ebl-faq-page .cat-tabs::-webkit-scrollbar { display: none; }
.ebl-faq-page .cat-tab {
    flex-shrink: 0;
    padding: 11px 16px;
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: 100px;
    font-size: .86rem;
    font-weight: 700;
    color: var(--text);
    cursor: pointer;
    transition: all .32s cubic-bezier(.22,1,.36,1);
    white-space: nowrap;
    font-family: inherit;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    position: relative;
    overflow: hidden;
}
.ebl-faq-page .cat-tab::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, var(--navy) 0%, var(--navy-mid) 100%);
    opacity: 0;
    transition: opacity .32s cubic-bezier(.22,1,.36,1);
    z-index: 0;
}
.ebl-faq-page .cat-tab > * { position: relative; z-index: 1; }
.ebl-faq-page .cat-tab:hover {
    border-color: var(--blue);
    color: var(--blue-deep);
    transform: translateY(-1px);
}
.ebl-faq-page .cat-tab.active {
    border-color: var(--navy);
    color: #fff;
    box-shadow: 0 6px 18px rgba(26,53,86,.28);
    transform: translateY(-1px);
}
.ebl-faq-page .cat-tab.active::before { opacity: 1; }
.ebl-faq-page .cat-tab-num {
    font-size: .7rem;
    background: var(--light-bg);
    color: var(--muted);
    padding: 1px 7px;
    border-radius: 100px;
    font-weight: 700;
    min-width: 22px;
    text-align: center;
    transition: background .22s, color .22s;
}
.ebl-faq-page .cat-tab.active .cat-tab-num {
    background: rgba(255,255,255,.15);
    color: #fff;
}
.ebl-faq-page .cat-tab:hover .cat-tab-num {
    background: var(--blue-pale);
    color: var(--blue-deep);
}

/* FAQ — gradient header, orange-glow corner, left-edge accent bar */
.ebl-faq-page .faq {
    margin: 0 0 32px;
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
    background: var(--white);
}
.ebl-faq-page .faq-cat-header {
    background: linear-gradient(135deg, var(--navy) 0%, var(--navy-mid) 100%);
    color: #fff;
    padding: 18px 24px;
    display: flex;
    align-items: center;
    gap: 14px;
    position: relative;
    overflow: hidden;
}
.ebl-faq-page .faq-cat-header::after {
    content: '';
    position: absolute;
    right: -30px; top: 50%;
    transform: translateY(-50%);
    width: 140px; height: 140px;
    background: radial-gradient(circle, rgba(242,92,42,.16), transparent 65%);
    pointer-events: none;
}
.ebl-faq-page .faq-cat-num {
    font-family: var(--font-display);
    font-size: .9rem;
    letter-spacing: .5px;
    color: var(--cream);
    font-weight: 500;
    background: rgba(245,239,222,.12);
    padding: 4px 10px;
    border-radius: 100px;
    position: relative;
    z-index: 1;
}
.ebl-faq-page .faq-cat-title {
    font-family: var(--font-display);
    font-size: 1.2rem;
    font-weight: 500;
    color: #fff;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: .02em;
    position: relative;
    z-index: 1;
}
.ebl-faq-page .faq-item {
    border-bottom: 1px solid var(--border);
    transition: background .25s;
    position: relative;
}
.ebl-faq-page .faq-item::before {
    content: '';
    position: absolute;
    left: 0; top: 8px; bottom: 8px;
    width: 3px;
    background: var(--orange-light);
    border-radius: 0 3px 3px 0;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform .4s cubic-bezier(.22,1,.36,1);
    pointer-events: none;
}
.ebl-faq-page .faq-item:hover::before { transform: scaleY(.6); }
.ebl-faq-page .faq-item.open::before { transform: scaleY(1); background: var(--blue); }
.ebl-faq-page .faq-item:last-child { border-bottom: none; }
.ebl-faq-page .faq-item.hidden { display: none; }
.ebl-faq-page .faq-item.match { background: rgba(242,92,42,.06); }
.ebl-faq-page .faq-q {
    width: 100%;
    text-align: left;
    background: transparent;
    border: none;
    padding: 18px 24px;
    font-size: .98rem;
    font-weight: 700;
    color: var(--navy);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    transition: background .2s;
    font-family: inherit;
    line-height: 1.4;
}
.ebl-faq-page .faq-q:hover { background: var(--light-bg); }
.ebl-faq-page .faq-q-icon {
    flex-shrink: 0;
    width: 28px; height: 28px;
    border-radius: 50%;
    background: var(--blue-pale);
    color: var(--blue-deep);
    position: relative;
    font-size: 0;
    transition: background .2s, color .2s;
}
.ebl-faq-page .faq-q-icon::before,
.ebl-faq-page .faq-q-icon::after {
    content: '';
    position: absolute;
    top: 50%; left: 50%;
    background: currentColor;
    border-radius: 1px;
    transition: transform .3s cubic-bezier(.22,1,.36,1);
}
.ebl-faq-page .faq-q-icon::before { width: 12px; height: 2px; transform: translate(-50%, -50%); }
.ebl-faq-page .faq-q-icon::after  { width: 2px; height: 12px; transform: translate(-50%, -50%); }
.ebl-faq-page .faq-item.open .faq-q-icon { background: var(--blue); color: #fff; }
.ebl-faq-page .faq-item.open .faq-q-icon::before { transform: translate(-50%, -50%) rotate(45deg); }
.ebl-faq-page .faq-item.open .faq-q-icon::after  { transform: translate(-50%, -50%) rotate(45deg); }
.ebl-faq-page .faq-a {
    max-height: 0;
    overflow: hidden;
    transition: max-height .4s cubic-bezier(.22,1,.36,1);
}
.ebl-faq-page .faq-item.open .faq-a { max-height: 1500px; }
.ebl-faq-page .faq-a-inner {
    padding: 10px 24px 22px;
    font-size: 1rem;
    color: var(--text);
    line-height: 1.65;
    opacity: 0;
    transform: translateY(-6px);
    transition: opacity .32s ease .05s, transform .32s cubic-bezier(.22,1,.36,1) .05s;
}
.ebl-faq-page .faq-item.open .faq-a-inner {
    opacity: 1;
    transform: translateY(0);
}
.ebl-faq-page .faq-a-inner p { margin-bottom: 1em; }
.ebl-faq-page .faq-a-inner p:last-child { margin-bottom: 0; }
.ebl-faq-page .faq-a-inner ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.ebl-faq-page .faq-a-inner ul li {
    font-size: 1rem;
    color: var(--text);
    padding-left: 18px;
    position: relative;
    line-height: 1.55;
}
.ebl-faq-page .faq-a-inner ul li::before {
    content: '\2192';
    position: absolute; left: 0;
    color: var(--blue);
    font-weight: 700;
}
.ebl-faq-page .faq-a-inner mark,
.ebl-faq-page .faq-q mark {
    background: var(--gold-light);
    color: var(--navy);
    padding: 0 3px;
    border-radius: 3px;
}

/* CTA — drifting glows + breathing primary button */
.ebl-faq-page .eblfaq-cta {
    margin: 48px 0 0;
    padding: 44px 32px;
    background: linear-gradient(135deg, var(--navy) 0%, var(--navy-mid) 100%);
    border-radius: 18px;
    color: #fff;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.ebl-faq-page .eblfaq-cta::before {
    content: '';
    position: absolute;
    top: -30%; left: -10%;
    width: 360px; height: 360px;
    background: radial-gradient(circle, rgba(255,122,74,.2), transparent 65%);
    pointer-events: none;
    animation: ebl-drift 16s ease-in-out infinite;
    will-change: transform;
}
.ebl-faq-page .eblfaq-cta::after {
    content: '';
    position: absolute;
    bottom: -40%; right: -15%;
    width: 320px; height: 320px;
    background: radial-gradient(circle, rgba(3,100,169,.22), transparent 65%);
    pointer-events: none;
    animation: ebl-drift-rev 18s ease-in-out infinite;
    will-change: transform;
}
.ebl-faq-page .cta-tag {
    display: inline-block;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.16);
    color: rgba(255,255,255,.92);
    padding: 6px 14px;
    border-radius: 100px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .8px;
    text-transform: uppercase;
    margin-bottom: 18px;
    position: relative;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}
.ebl-faq-page .eblfaq-cta h2 {
    font-family: var(--font-display);
    font-size: 1.9rem;
    font-weight: 500;
    color: #fff;
    margin: 0 0 12px;
    letter-spacing: .005em;
    text-transform: uppercase;
    line-height: 1.15;
    position: relative;
}
.ebl-faq-page .eblfaq-cta p {
    color: rgba(255,255,255,.78) !important;
    margin: 0 auto 28px !important;
    font-size: .98rem !important;
    max-width: 480px;
    line-height: 1.6 !important;
    position: relative;
}
.ebl-faq-page .cta-buttons {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
}
.ebl-faq-page .cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 28px;
    border-radius: 100px;
    font-size: .95rem;
    font-weight: 700;
    text-decoration: none !important;
    transition: transform .32s cubic-bezier(.22,1,.36,1), box-shadow .32s cubic-bezier(.22,1,.36,1), background .28s ease, border-color .28s ease;
    font-family: inherit;
    cursor: pointer;
    border: 2px solid transparent;
    letter-spacing: .005em;
}
.ebl-faq-page .cta-btn.primary {
    background: linear-gradient(135deg, #ff8a5c 0%, #ff6e3a 100%);
    color: #fff !important;
    border-color: transparent;
    box-shadow: 0 6px 18px rgba(255,110,58,.35), inset 0 1px 0 rgba(255,255,255,.18);
    animation: ebl-breath 2.8s ease-in-out infinite;
}
.ebl-faq-page .cta-btn.primary:hover {
    background: linear-gradient(135deg, #ff9a6e 0%, #ff7a4a 100%);
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(255,110,58,.45), inset 0 1px 0 rgba(255,255,255,.22);
    animation: none;
}
.ebl-faq-page .cta-btn.secondary {
    background: rgba(255,255,255,.05);
    color: #fff !important;
    border-color: rgba(255,255,255,.22);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}
.ebl-faq-page .cta-btn.secondary:hover {
    border-color: rgba(255,255,255,.5);
    background: rgba(255,255,255,.1);
    transform: translateY(-2px);
}

/* NO RESULTS — with category suggestion pills */
.ebl-faq-page .no-results {
    display: none;
    text-align: center;
    padding: 48px 24px;
    background: var(--white);
    border: 1px dashed var(--border);
    border-radius: 12px;
    margin: 0 0 32px;
}
.ebl-faq-page .no-results.show { display: block; }
.ebl-faq-page .no-results-icon {
    width: 44px;
    height: 44px;
    margin: 0 auto 14px;
    display: block;
    color: var(--muted);
    opacity: .5;
}
.ebl-faq-page .no-results h3 {
    font-family: var(--font-display);
    font-size: 1.25rem;
    font-weight: 500;
    color: var(--navy);
    margin-bottom: 6px;
    text-transform: uppercase;
    letter-spacing: .01em;
}
.ebl-faq-page .no-results p {
    color: var(--muted) !important;
    font-size: .92rem !important;
    margin: 0 !important;
}
.ebl-faq-page .no-results-suggestions {
    margin-top: 18px;
    display: flex;
    gap: 8px;
    justify-content: center;
    flex-wrap: wrap;
}
.ebl-faq-page .no-results-pill {
    padding: 8px 14px;
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: 100px;
    font-size: .82rem;
    font-weight: 600;
    color: var(--blue-deep);
    cursor: pointer;
    transition: all .25s cubic-bezier(.22,1,.36,1);
    font-family: inherit;
}
.ebl-faq-page .no-results-pill:hover {
    background: var(--blue-pale);
    border-color: var(--blue);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(3,100,169,.15);
}

/* RULE */
.ebl-faq-page .rule {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 56px 0 0;
}
.ebl-faq-page .rule-line { flex: 1; height: 1px; background: var(--border); }
.ebl-faq-page .rule-diamond {
    width: 8px; height: 8px;
    background: var(--gold);
    transform: rotate(45deg);
    animation: eblfaq-spin 6s linear infinite;
}

/* PROGRESS BAR + BACK TO TOP — fixed-position UI, unique IDs */
#eblfaqProgressWrap {
    position: fixed;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: rgba(26,53,86,.06);
    z-index: 1000;
    pointer-events: none;
}
#eblfaqProgress {
    height: 100%;
    width: 0%;
    background: linear-gradient(90deg, #0364a9, #f25c2a);
    transition: width .08s linear;
}
#eblfaqBackTop {
    position: fixed;
    bottom: 22px; right: 22px;
    width: 46px; height: 46px;
    background: #1a3556;
    color: #fff;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    font-weight: 500;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s, transform .3s, background .2s;
    z-index: 999;
    box-shadow: 0 6px 20px rgba(0,0,0,.18);
    font-family: inherit;
}
#eblfaqBackTop.show { opacity: 1; pointer-events: auto; }
#eblfaqBackTop:hover { background: #024b80; transform: translateY(-3px); }

/* RESPONSIVE */
@media (max-width: 760px) {
    .ebl-faq-page .article-body { padding: 24px 16px 40px; }
    .ebl-faq-page .article-body .lead { font-size: .98rem; }
    .ebl-faq-page .hero-stats { padding: 24px 16px; margin: 0 0 24px; }
    .ebl-faq-page .hero-stats-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
    .ebl-faq-page .hero-stat-num { font-size: 2rem; }
    .ebl-faq-page .search-input { padding: 14px 44px 14px 44px; font-size: .95rem; }
    .ebl-faq-page .search-icon { left: 16px; }
    .ebl-faq-page .cat-tabs-wrap { margin: 0 -16px 20px; }
    .ebl-faq-page .cat-tabs { padding: 4px 16px; }
    .ebl-faq-page .cat-tab { font-size: .8rem; padding: 10px 13px; }
    .ebl-faq-page .faq-cat-header { padding: 14px 18px; }
    .ebl-faq-page .faq-cat-title { font-size: .95rem; }
    .ebl-faq-page .faq-q { padding: 16px 18px; font-size: .92rem; }
    .ebl-faq-page .faq-a-inner { padding: 10px 18px 18px; font-size: .88rem; }
    .ebl-faq-page .eblfaq-cta { padding: 32px 20px; border-radius: 14px; }
    .ebl-faq-page .eblfaq-cta h2 { font-size: 1.4rem; }
    .ebl-faq-page .cta-btn { padding: 12px 22px; font-size: .88rem; }
    #eblfaqBackTop { bottom: 16px; right: 16px; width: 42px; height: 42px; }
}

@media (prefers-reduced-motion: reduce) {
    .ebl-faq-page .reveal { transition: none !important; opacity: 1 !important; transform: none !important; }
    #eblfaqProgress { transition: none !important; }
    .ebl-faq-page .rule-diamond,
    .ebl-faq-page .pulse-dot::after,
    .ebl-faq-page .hero-stats::before,
    .ebl-faq-page .eblfaq-cta::before,
    .ebl-faq-page .eblfaq-cta::after,
    .ebl-faq-page .hero-stat-num,
    .ebl-faq-page .cta-btn.primary,
    .ebl-faq-page .faq-item { animation: none !important; }
    .ebl-faq-page .faq-item::before { transition: none !important; }
}

/* ============================================================================
   ABOUT-FAQ DESIGN OVERLAY
   ============================================================================
   Brings the FAQ page into visual alignment with the .bt-about-faq design
   used in the "About <product>" bottom block on every boosting page (see
   plugins/boosting-core/assets/public/css/about-faq.css). The existing
   markup + search/filter JS above keep working — these overrides reskin
   the card, swap the dark gradient header for the light .bt-faq-section-
   head look, retint the category chip + title, and align FAQ accordion
   rows with the product-page accordion.
============================================================================ */

/* === FAQ CARD CHROME — matches .bt-faq-section ============================ */
.ebl-faq-page .faq {
    border: 1px solid #e4ecf3;                       /* --bt-faq-line */
    border-radius: 3px;                              /* halved like the rest */
    background: #ffffff;
    box-shadow:
        0 1px 2px rgba(15, 60, 100, 0.04),
        0 8px 24px rgba(15, 60, 100, 0.06);
    margin-bottom: 40px;
    overflow: hidden;
}

/* === SECTION HEAD — dark gradient -> light strip ========================== */
.ebl-faq-page .faq-cat-header {
    background: #f6fafd;                             /* --bt-faq-bg-soft */
    border-top: 1px solid #e4ecf3;
    border-bottom: 1px solid #e4ecf3;
    padding: 20px 26px 18px;
    color: #0c1a2b;
}
/* Drop the orange radial-glow that pointed against the dark gradient. */
.ebl-faq-page .faq-cat-header::after { display: none !important; }

/* === SECTION TAG (numbered chip) — orange tint matching .bt-faq-tag ======= */
.ebl-faq-page .faq-cat-num {
    font-family: 'avenirnextcyr-bold', 'AvenirNextCyr-Bold',
                 'Montserrat', system-ui, sans-serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.06em;
    color: #d65a10;
    background: #fff0e6;
    border: 1px solid #ffc9a8;
    border-radius: 2px;
    padding: 3px 7px;
    line-height: 1;
}

/* === SECTION TITLE — League 500 uppercase on dark ink ===================== */
.ebl-faq-page .faq-cat-title {
    font-family: 'League', 'avenirnextcyr-bold', 'AvenirNextCyr-Bold',
                 'Montserrat', system-ui, sans-serif;
    font-weight: 500;
    font-size: 26px;
    letter-spacing: 0.005em;
    line-height: 1.2;
    color: #0c1a2b;
    text-transform: uppercase;
}

/* === FAQ ITEM ROWS — match .bt-faq-item accordion ========================= */
.ebl-faq-page .faq-item {
    border-bottom: 1px solid #e4ecf3;
    transition: background 220ms ease;
}
.ebl-faq-page .faq-item.open {
    background: #f6fafd;
}
/* Drop the left-edge orange accent bar — replaced by the lighter band on open. */
.ebl-faq-page .faq-item::before { display: none !important; }

/* Question button — switch to AvenirNextCyr-Bold sentence-case, matching
   the .bt-faq-item summary on product pages. */
.ebl-faq-page .faq-q {
    font-family: 'avenirnextcyr-bold', 'AvenirNextCyr-Bold',
                 'Montserrat', system-ui, sans-serif;
    font-weight: 500;
    font-size: 17px;
    letter-spacing: 0.005em;
    color: #0c1a2b;
    padding: 18px 22px;
    text-transform: none;                            /* override any uppercase */
}
.ebl-faq-page .faq-q:hover { background: #eaf6fd; }  /* --bt-faq-blue-tint */

/* Plus / minus toggle chip — match .bt-faq-chev look (square, 2px border). */
.ebl-faq-page .faq-q-icon {
    width: 30px;
    height: 30px;
    border-radius: 2px;
    background: #f6fafd;
    border: 2px solid #e4ecf3;
    color: #76818d;
    transition: transform 280ms cubic-bezier(0.16, 1, 0.3, 1),
                color 220ms ease,
                background 220ms ease,
                border-color 220ms ease;
}
.ebl-faq-page .faq-item.open .faq-q-icon {
    color: #0364a8;
    background: #eaf6fd;
    border-color: #b8e0f4;
}

/* Answer body — slightly more padding, brand-blue link colour. */
.ebl-faq-page .faq-a-inner {
    color: #364150;
    font-size: 14.5px;
    line-height: 1.65;
    padding: 10px 22px 18px 22px;
}
.ebl-faq-page .faq-a-inner a {
    color: #024c80;
    font-weight: 500;
    text-decoration: none;
    border-bottom: 1px dotted #b8e0f4;
}
.ebl-faq-page .faq-a-inner a:hover {
    color: #d65a10;
    border-bottom-color: #ff7a2a;
    background: #fff0e6;
    border-radius: 2px;
}

/* === CTA "Still need help?" — keep block but pull headline into the
       same League uppercase voice as .bt-faq-callout-text. ================= */
.ebl-faq-page .eblfaq-cta h2 {
    font-family: 'League', 'avenirnextcyr-bold', 'AvenirNextCyr-Bold',
                 'Montserrat', system-ui, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.005em;
}

/* ==========================================================================
   .bt-about-faq blocks (3-step grid + bottom dark callout) — the FAQ page
   wraps both inside .bt-about-faq scoping so the about-faq.css rules
   apply. We only own the outer spacing here.
   ========================================================================== */
.ebl-faq-page .eblfaq-steps-wrap {
    margin: 0 0 36px;
}
.ebl-faq-page .eblfaq-cta-callout-wrap {
    margin: 48px 0 0;
}
.ebl-faq-page .eblfaq-cta-callout-wrap .bt-faq-callout {
    margin-top: 0;
}
/* ==========================================================================
   Reviews Page — EloBoostLeague
   Page top uses the parent theme's .banner__page + .arrow-page-down.
   These styles cover the body sections below it.
   All selectors scoped to .ebl-reviews-page (or unique #eblrev* IDs for the
   fixed-position UI) so nothing leaks onto other pages.
   League display font capped at 500. Body in Roboto.
   ========================================================================== */

.ebl-reviews-page *,
.ebl-reviews-page *::before,
.ebl-reviews-page *::after { box-sizing: border-box; margin: 0; padding: 0; }

.ebl-reviews-page {
    --navy:        #1a3556;
    --navy-mid:    #234670;
    --navy-deep:   #122845;
    --blue:        #0364a8;
    --blue-deep:   #024b80;
    --blue-light:  #4a8bc7;
    --blue-pale:   #e6f0f9;
    /* Session-wide brand-blue banner gradient — mirrors the dark .bt-section-banner
       used on product pages so the hero / CTA bands here read as one family. */
    --bt-banner-gradient: linear-gradient(135deg, #0a72b8 0%, #0364a8 50%, #024c80 100%);
    --orange:      #f25c2a;
    --orange-deep: #d94a1c;
    --orange-light:#ff7a4a;
    --cream:       #f5efde;
    --cream-deep:  #ebe1c5;
    --green:       #16a34a;
    --green-light: #4ade80;
    --gold:        #f0b429;
    --border:      #e5e7eb;
    --text:        #1f2937;
    --muted:       #6b7280;
    /* --light-bg keeps the off-white inner card strips (.ebr-rank-row etc) readable
       against the now-pure-white page bg. */
    --light-bg:    #f4f6fa;
    --white:       #ffffff;
    --font-display:'League','Helvetica Neue',Arial,sans-serif;
    /* Soft drop shadow shared by cards on the now-pure-white page bg. */
    --card-shadow: 0 4px 14px rgba(12,30,62,.06), 0 1px 3px rgba(12,30,62,.04);
    --card-shadow-hover: 0 14px 32px rgba(12,30,62,.10), 0 4px 10px rgba(12,30,62,.06);

    background: #ffffff;
    color: var(--text);
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
    /* Bumped further (19 → 22 px). Most subordinate sizes use rem so the
       whole page scales with this single value — keep it as the page-wide
       knob if cards still feel cramped. */
    font-size: 22px;
    line-height: 1.65;
    -webkit-font-smoothing: antialiased;
}

.ebl-reviews-page .ebr-wrap {
    max-width: 1320px;
    margin: 0 auto;
    padding: 38px 24px 56px;
}

/* SCROLL REVEAL */
.ebl-reviews-page .reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .6s cubic-bezier(.22,1,.36,1), transform .6s cubic-bezier(.22,1,.36,1);
}
.ebl-reviews-page .reveal.visible { opacity: 1; transform: translateY(0); }

/* ==========================================================================
   ANIMATION KEYFRAMES
   ========================================================================== */
@keyframes ebr-drift {
    0%, 100% { transform: translate(0, 0); }
    33%      { transform: translate(22px, -14px); }
    66%      { transform: translate(-18px, 12px); }
}
@keyframes ebr-drift-rev {
    0%, 100% { transform: translate(0, 0); }
    33%      { transform: translate(-20px, 16px); }
    66%      { transform: translate(16px, -10px); }
}
@keyframes ebr-float {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-4px); }
}
@keyframes ebr-pulseGlow {
    0%, 100% { box-shadow: 0 0 0 0 rgba(22,163,74,.45); }
    50%      { box-shadow: 0 0 0 8px rgba(22,163,74,0); }
}
@keyframes ebr-rise {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
}
@keyframes ebr-shine {
    0%   { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}
@keyframes ebr-popStar {
    0%   { opacity: 0; transform: scale(.4) rotate(-30deg); }
    60%  { opacity: 1; transform: scale(1.15) rotate(0); }
    100% { transform: scale(1); }
}

/* ==========================================================================
   INTRO + HERO STATS
   ========================================================================== */
.ebl-reviews-page .ebr-intro {
    text-align: center;
    margin: 30px 0 36px;
}
.ebl-reviews-page .ebr-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(22,163,74,.1);
    border: 1px solid rgba(22,163,74,.3);
    color: var(--green);
    padding: 8px 18px;
    border-radius: 100px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    margin-bottom: 18px;
}
.ebl-reviews-page .ebr-eyebrow .ebr-live-dot {
    width: 8px; height: 8px;
    border-radius: 50%;
    background: var(--green);
    animation: ebr-pulseGlow 2s ease-in-out infinite;
}
.ebl-reviews-page .ebr-intro p {
    max-width: 720px;
    margin: 0 auto;
    color: var(--muted);
    font-size: 1.02rem;
    line-height: 1.7;
}
.ebl-reviews-page .ebr-intro a {
    color: var(--blue-deep);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.ebl-reviews-page .ebr-hero-stats {
    /* Switched from the brand-blue gradient banner to a pure-white card
       per the design pass — pairs with the /faq/ hero stats card so
       both pages read as a single white family. Subtle blue-tinted
       border + soft shadow give it just enough definition against
       the white page background. */
    background: #ffffff;
    border: 1px solid #e4ecf3;
    padding: 32px 28px;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
    margin-bottom: 44px;
    box-shadow: 0 4px 18px rgba(3,100,168,.06), 0 1px 3px rgba(3,100,168,.04);
}
.ebl-reviews-page .ebr-hero-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
    position: relative;
}
.ebl-reviews-page .ebr-stat {
    text-align: center;
    padding: 14px 8px;
    /* Halved (10 → 5). */
    border-radius: 5px;
    transition: background .25s, transform .25s;
}
.ebl-reviews-page .ebr-stat:hover {
    background: #f6fafd;
    transform: translateY(-3px);
}
.ebl-reviews-page .ebr-stat-num {
    font-family: var(--font-display);
    font-weight: 500;
    /* +20% scale-up (3rem → 3.6rem). */
    font-size: 3.6rem;
    line-height: 1;
    display: block;
    margin-bottom: 10px;
    /* Default ink — dark navy on the new white card. Coloured variants
       below override for the per-stat accent (gold rating, green win
       rate, blue years, amber recent orders). */
    color: var(--navy);
    letter-spacing: .005em;
    animation: ebr-float 5s ease-in-out infinite;
}
.ebl-reviews-page .ebr-stat:nth-child(2) .ebr-stat-num { animation-delay: .7s; }
.ebl-reviews-page .ebr-stat:nth-child(3) .ebr-stat-num { animation-delay: 1.4s; }
.ebl-reviews-page .ebr-stat:nth-child(4) .ebr-stat-num { animation-delay: 2.1s; }
/* Per-stat accent colours — restored now that the banner is white and
   they actually read against the background. Matches the FAQ hero
   stats palette one-for-one (gold → orange-deep, blue → brand blue,
   green → brand green, amber → brand orange). */
.ebl-reviews-page .ebr-stat-num.gold  { color: var(--orange-deep); }
.ebl-reviews-page .ebr-stat-num.green { color: var(--green); }
.ebl-reviews-page .ebr-stat-num.blue  { color: var(--blue); }
.ebl-reviews-page .ebr-stat-num.amber { color: var(--orange); }
.ebl-reviews-page .ebr-stat-label {
    /* +20% (13 → 16px). */
    font-size: 16px;
    letter-spacing: .8px;
    text-transform: uppercase;
    color: var(--navy);
    display: block;
    line-height: 1.45;
    font-weight: 700;
}
.ebl-reviews-page .ebr-stat-sub {
    /* +20% (11.5 → 14px). */
    font-size: 14px;
    color: var(--muted);
    margin-top: 8px;
    display: block;
    line-height: 1.4;
}

/* ==========================================================================
   TOP TRUSTPILOT WIDGET CONTAINER
   The Trustpilot script renders its own iframe — we only give it breathing
   room and centering. Never style or wrap it in a way that mimics native
   site components, per Trustpilot's content policy.
   ========================================================================== */
.ebl-reviews-page .ebr-tp-top {
    /* Bare wrapper around the Trustpilot Review Collector — no frame,
       no background. The "Review us on Trustpilot" button has its own
       Trustpilot-styled border, so wrapping it in a card would mimic
       Trustpilot styling (against their content policy) and look
       redundant. We only reserve the 52px-tall slot so the layout
       doesn't shift when the bootstrap script enhances the
       .trustpilot-widget div. */
    margin-bottom: 32px;
    min-height: 52px;
}
/* The Trustpilot block is the first thing on the page and benefits
   from being visible immediately, independent of IntersectionObserver
   firing. Guests on optimizer-cached HTML (LiteSpeed JS combine /
   inline-script deferral) have been observed with .ebr-tp-top stuck
   at opacity:0 because .visible never gets added — the label and
   fallback link both stay hidden. Admins bypass the optimizer and
   the IO fires normally, which is why logged-in users always saw
   the widget. Override the .reveal animation specifically for this
   block; the rest of the page still scroll-reveals as before. */
.ebl-reviews-page .ebr-tp-top.reveal {
    opacity: 1;
    transform: none;
}
.ebl-reviews-page .ebr-tp-top .trustpilot-widget { width: 100%; }

/* Subheader sitting above the TrustBox. Visible whether the widget
   renders (a small section label above the iframe) or doesn't render
   (gives meaning to the bare Trustpilot fallback link). */
.ebl-reviews-page .ebr-tp-label {
    margin: 0 0 10px;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: var(--muted);
}

/* ==========================================================================
   ON-SITE ACTIVITY SUMMARY (single full-width card, distinct from Trustpilot)
   ========================================================================== */
.ebl-reviews-page .ebr-onsite {
    background: var(--white);
    border: 1px solid var(--border);
    /* Halved (16 → 8). */
    border-radius: 8px;
    padding: 28px 30px;
    margin-bottom: 44px;
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 36px;
    align-items: center;
    position: relative;
    /* Resting shadow so the card lifts off the now-pure-white page bg. */
    box-shadow: var(--card-shadow);
    transition: transform .25s, box-shadow .25s;
}
.ebl-reviews-page .ebr-onsite:hover {
    transform: translateY(-3px);
    box-shadow: var(--card-shadow-hover);
}
.ebl-reviews-page .ebr-widget-tag {
    display: inline-block;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: var(--muted);
    margin-bottom: 12px;
}
.ebl-reviews-page .ebr-onsite-rating {
    font-family: var(--font-display);
    font-weight: 500;
    font-size: 2rem;
    color: var(--navy);
    line-height: 1;
    margin: 6px 0 10px;
}
.ebl-reviews-page .ebr-onsite-meta {
    font-size: .92rem;
    color: var(--muted);
    line-height: 1.6;
    margin-bottom: 18px;
    max-width: 460px;
}
.ebl-reviews-page .ebr-onsite-meta strong { color: var(--text); font-weight: 700; }
/* Third-party-attribution + collection-since-YYYY note. Sits below the
   primary "Aggregated from N reviews" line at a smaller, quieter weight
   so it reads as a credit footnote rather than a competing call-out. */
.ebl-reviews-page .ebr-onsite-source {
    font-size: .78rem;
    color: var(--muted);
    line-height: 1.5;
    margin-top: -10px;
    margin-bottom: 18px;
    max-width: 460px;
    opacity: .85;
}
.ebl-reviews-page .ebr-onsite-source a {
    color: var(--blue);
    text-decoration: underline;
    text-underline-offset: 2px;
}
.ebl-reviews-page .ebr-onsite-source a:hover {
    color: var(--blue-deep);
}
.ebl-reviews-page .ebr-widget-cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    /* Brand blue (was navy) to align with the rest of the session's CTA buttons. */
    background: var(--blue);
    color: #fff;
    padding: 11px 20px;
    /* Halved (100 → 50) — still pill on this 38px-tall button. */
    border-radius: 50px;
    font-size: .87rem;
    font-weight: 700;
    text-decoration: none !important;
    transition: background .2s, transform .2s;
    letter-spacing: .3px;
}
.ebl-reviews-page .ebr-widget-cta:hover {
    background: var(--blue-deep);
    transform: translateY(-1px);
    color: #fff;
}
.ebl-reviews-page .ebr-widget-cta svg { width: 14px; height: 14px; }

.ebl-reviews-page .ebr-inpage-stars {
    display: flex;
    gap: 4px;
    margin-bottom: 6px;
}
.ebl-reviews-page .ebr-inpage-star {
    width: 26px; height: 26px;
    color: var(--gold);
    font-size: 26px;
    line-height: 1;
    animation: ebr-popStar .5s cubic-bezier(.22,1,.36,1) both;
}
.ebl-reviews-page .ebr-inpage-star:nth-child(1) { animation-delay: .1s; }
.ebl-reviews-page .ebr-inpage-star:nth-child(2) { animation-delay: .2s; }
.ebl-reviews-page .ebr-inpage-star:nth-child(3) { animation-delay: .3s; }
.ebl-reviews-page .ebr-inpage-star:nth-child(4) { animation-delay: .4s; }
.ebl-reviews-page .ebr-inpage-star:nth-child(5) { animation-delay: .5s; }
.ebl-reviews-page .ebr-bars {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.ebl-reviews-page .ebr-bar-row {
    display: grid;
    grid-template-columns: 36px 1fr 38px;
    align-items: center;
    gap: 12px;
    font-size: .85rem;
    color: var(--muted);
    font-weight: 600;
}
.ebl-reviews-page .ebr-bar-row span:last-child { text-align: right; }
.ebl-reviews-page .ebr-bar-track {
    background: var(--border);
    height: 8px;
    /* Halved (4 → 2). */
    border-radius: 2px;
    overflow: hidden;
    position: relative;
}
.ebl-reviews-page .ebr-bar-fill {
    height: 100%;
    background: linear-gradient(90deg, var(--gold), #ffc94a);
    border-radius: 2px;
    width: 0;
    transition: width 1.2s cubic-bezier(.22,1,.36,1);
}
.ebl-reviews-page .ebr-onsite.is-visible .ebr-bar-fill { width: var(--w, 0%); }

/* ==========================================================================
   PRIVACY NOTICE — vivid green card calling out the data-deletion policy
   ========================================================================== */
.ebl-reviews-page .ebr-privacy {
    display: flex;
    /* Center-align the icon with the text block instead of pinning to top */
    align-items: center;
    gap: 20px;
    padding: 26px 30px;
    background: linear-gradient(135deg, #d1fae5 0%, #ecfdf5 60%, #ffffff 100%);
    border: 2px solid var(--green);
    /* Halved (16 → 8). */
    border-radius: 8px;
    margin-bottom: 32px;
    position: relative;
    overflow: hidden;
    transition: transform .25s, box-shadow .25s;
    box-shadow: 0 6px 20px rgba(22,163,74,.18), 0 2px 6px rgba(22,163,74,.10);
}
.ebl-reviews-page .ebr-privacy:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 32px rgba(22,163,74,.26), 0 4px 10px rgba(22,163,74,.14);
}
/* ::before drifting glow removed — was distracting against the new
   denser layout. The card keeps its solid border + soft shadow. */
.ebl-reviews-page .ebr-privacy-icon {
    flex-shrink: 0;
    width: 56px; height: 56px;
    /* Halved (12 → 6). */
    border-radius: 6px;
    background: linear-gradient(135deg, var(--green), #14b863);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    box-shadow: 0 6px 14px rgba(22,163,74,.35);
}
.ebl-reviews-page .ebr-privacy-text {
    position: relative;
    z-index: 1;
    flex: 1;
}
.ebl-reviews-page .ebr-privacy-text h3 {
    font-family: var(--font-display);
    font-size: 1.25rem;
    font-weight: 500;
    color: #064e3b;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: 8px;
    line-height: 1.2;
}
.ebl-reviews-page .ebr-privacy-text p {
    color: #065f46;
    font-size: .94rem;
    line-height: 1.6;
    margin: 0;
}
.ebl-reviews-page .ebr-privacy-text strong {
    color: #064e3b;
    font-weight: 700;
}
.ebl-reviews-page .ebr-privacy-text a {
    color: #047857;
    text-decoration: underline;
    text-underline-offset: 2px;
    font-weight: 700;
    white-space: nowrap;
}
.ebl-reviews-page .ebr-privacy-text a:hover { color: var(--green); }

/* ==========================================================================
   INTRO LIVE TICKER  (replaces the old green "RANK COMPLETION FEED" pill)
   ==========================================================================
   The .ebr-eyebrow pill that used to sit above the page intro was
   swapped for the [bt_faq_ticker] block so the live rotating activity
   (booster count, ranks climbed, today's date, days to season end) sits
   front-and-centre between the Trustpilot widget and the on-site
   rating widget. CSS for the ticker itself ships in
   plugins/boosting-core/assets/public/css/about-faq.css and is
   enqueued on the reviews page by ebl_enqueue_scripts().

   We constrain the wrapper to the same max-width the rest of the page
   intro uses, centre it, and zero out the ticker's own bottom margin
   so the spacing rhythm matches the surrounding .reveal blocks.
   ========================================================================== */
.ebl-reviews-page .ebr-intro-ticker-wrap {
    /* Full-width — no max-width constraint. Sits between the hero stats
       card and the .ebr-onsite customer-rating widget, so it gets the
       full width of the .ebr-wrap container.

       Bottom margin separates it from the customer-rating widget that
       follows; the prior block (.ebr-hero-stats) already owns its own
       margin-bottom so we don't need a top margin here. */
    margin: 0 0 22px;
    width: 100%;
}
.ebl-reviews-page .ebr-intro-ticker-wrap .bt-faq-ticker {
    margin-bottom: 0;
}

/* Bottom CTA wrapper — the .bt-faq-callout block (dark blue gradient
   banner shared with the product about / FAQ sections). The callout
   ships its own padding + gradient via about-faq.css; we only own the
   outer spacing here so it sits below the orders grid with the same
   rhythm the old .ebr-cta block used to have. */
.ebl-reviews-page .ebr-cta-callout-wrap {
    margin: 32px 0 0;
}
.ebl-reviews-page .ebr-cta-callout-wrap .bt-faq-callout {
    margin-top: 0;
}

/* ==========================================================================
   FILTER + ORDERS SECTION
   ========================================================================== */
.ebl-reviews-page .ebr-section-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 22px;
}
.ebl-reviews-page .ebr-section-title {
    font-family: var(--font-display);
    font-weight: 500;
    font-size: 1.7rem;
    color: var(--navy);
    text-transform: uppercase;
    letter-spacing: .5px;
}
.ebl-reviews-page .ebr-section-sub {
    color: var(--muted);
    font-size: .9rem;
    margin-top: 4px;
}
.ebl-reviews-page .ebr-section-sub strong { color: var(--green); font-weight: 700; }

.ebl-reviews-page .ebr-filters {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}
.ebl-reviews-page .ebr-filter {
    background: var(--white);
    border: 1px solid var(--border);
    color: var(--text);
    padding: 8px 14px;
    border-radius: 100px;
    font-size: .8rem;
    font-weight: 700;
    cursor: pointer;
    font-family: inherit;
    transition: all .25s cubic-bezier(.22,1,.36,1);
    position: relative;
    overflow: hidden;
}
.ebl-reviews-page .ebr-filter::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, var(--navy), var(--navy-mid));
    opacity: 0;
    transition: opacity .25s;
    z-index: 0;
}
.ebl-reviews-page .ebr-filter > * { position: relative; z-index: 1; }
.ebl-reviews-page .ebr-filter:hover {
    border-color: var(--blue);
    color: var(--blue-deep);
    transform: translateY(-1px);
}
.ebl-reviews-page .ebr-filter.active {
    border-color: var(--navy);
    color: #fff;
    box-shadow: 0 6px 16px rgba(26,53,86,.25);
}
.ebl-reviews-page .ebr-filter.active::before { opacity: 1; }

/* ==========================================================================
   ORDER CARDS
   ========================================================================== */
.ebl-reviews-page .ebr-orders {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* Bumped gap (18 → 22) and card padding (22 → 26) for the ~20% scale-up */
    gap: 22px;
    margin-bottom: 44px;
}
.ebl-reviews-page .ebr-order {
    background: var(--white);
    border: 1px solid var(--border);
    /* Halved (16 → 8). */
    border-radius: 8px;
    padding: 26px 26px 24px;
    position: relative;
    /* Resting drop shadow — gives each review box presence on the now-pure-white
       page bg so the grid reads as a deck of cards, not flat tiles. */
    box-shadow: var(--card-shadow);
    transition: transform .25s, box-shadow .25s, border-color .25s;
    animation: ebr-rise .5s cubic-bezier(.22,1,.36,1) both;
}
.ebl-reviews-page .ebr-orders > .ebr-order:nth-child(1)  { animation-delay: .04s; }
.ebl-reviews-page .ebr-orders > .ebr-order:nth-child(2)  { animation-delay: .08s; }
.ebl-reviews-page .ebr-orders > .ebr-order:nth-child(3)  { animation-delay: .12s; }
.ebl-reviews-page .ebr-orders > .ebr-order:nth-child(4)  { animation-delay: .16s; }
.ebl-reviews-page .ebr-orders > .ebr-order:nth-child(5)  { animation-delay: .20s; }
.ebl-reviews-page .ebr-orders > .ebr-order:nth-child(6)  { animation-delay: .24s; }
.ebl-reviews-page .ebr-orders > .ebr-order:nth-child(7)  { animation-delay: .28s; }
.ebl-reviews-page .ebr-orders > .ebr-order:nth-child(8)  { animation-delay: .32s; }
.ebl-reviews-page .ebr-orders > .ebr-order:nth-child(9)  { animation-delay: .36s; }
.ebl-reviews-page .ebr-orders > .ebr-order:nth-child(10) { animation-delay: .40s; }
.ebl-reviews-page .ebr-order::before {
    content: '';
    position: absolute;
    left: 0; top: 8px; bottom: 8px;
    width: 3px;
    background: var(--green);
    border-radius: 0 3px 3px 0;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform .4s cubic-bezier(.22,1,.36,1);
}
.ebl-reviews-page .ebr-order:hover {
    transform: translateY(-3px);
    box-shadow: var(--card-shadow-hover);
    border-color: rgba(22,163,74,.4);
}
.ebl-reviews-page .ebr-order:hover::before { transform: scaleY(1); }

.ebl-reviews-page .ebr-order-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}
.ebl-reviews-page .ebr-order-customer {
    display: flex;
    align-items: center;
    gap: 10px;
}
/* Country flag — emoji-based for real flags. The emoji renders as a real
   flag on Apple/Google/Twemoji-equipped systems, and on modern Windows
   (10/11) when Segoe UI Emoji is available. Fallback for very old systems
   shows the country code letters. */
.ebl-reviews-page .ebr-flag {
    font-size: 24px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 32px; height: 24px;
    font-family: "Twemoji Mozilla", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", emoji, sans-serif;
    letter-spacing: 0;
    /* Subtle drop shadow so the flag pops slightly off white card backgrounds */
    filter: drop-shadow(0 1px 2px rgba(0,0,0,.08));
}

.ebl-reviews-page .ebr-customer-name {
    font-weight: 700;
    color: var(--navy);
    font-size: .96rem;
    line-height: 1.2;
}
.ebl-reviews-page .ebr-customer-name.ebr-customer-anon {
    color: var(--muted);
    font-weight: 600;
    font-style: italic;
}
.ebl-reviews-page .ebr-customer-loc {
    font-size: .77rem;
    color: var(--muted);
    margin-top: 2px;
}
.ebl-reviews-page .ebr-stars-block {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    flex-shrink: 0;
}
.ebl-reviews-page .ebr-stars {
    display: inline-flex;
    gap: 2px;
    color: var(--gold);
    line-height: 1;
}
.ebl-reviews-page .ebr-stars .ebr-star {
    /* Bumped 22 → 26 alongside the page-wide 20% scale-up */
    font-size: 26px;
    text-shadow: 0 1px 2px rgba(240,180,41,.18);
}
.ebl-reviews-page .ebr-stars-num {
    font-family: var(--font-display);
    font-weight: 500;
    font-size: 1.05rem;
    color: var(--navy);
    line-height: 1;
    letter-spacing: .3px;
}

.ebl-reviews-page .ebr-rank-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 14px;
    background: var(--light-bg);
    /* Halved (10 → 5). */
    border-radius: 5px;
    margin: 12px 0;
}
.ebl-reviews-page .ebr-rank {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}
.ebl-reviews-page .ebr-rank-text { text-align: left; }
/* Rank emblem — current Riot ranked icons via CommunityDragon CDN.
   Bumped +30% from the prior 96px to 125px per the latest design pass so the
   GOLD → PLATINUM transition reads at a much bigger glance from the grid. */
.ebl-reviews-page .ebr-rank-icon {
    width: 125px; height: 125px;
    object-fit: contain;
    flex-shrink: 0;
    filter: drop-shadow(0 4px 10px rgba(0,0,0,.22));
}
.ebl-reviews-page .ebr-rank-tier {
    font-family: var(--font-display);
    font-weight: 500;
    font-size: 1.05rem;
    color: var(--navy);
    text-transform: uppercase;
    letter-spacing: .3px;
    line-height: 1;
}
.ebl-reviews-page .ebr-rank-tier.iron      { color: #5a4a3a; }
.ebl-reviews-page .ebr-rank-tier.bronze    { color: #8b5a2b; }
.ebl-reviews-page .ebr-rank-tier.silver    { color: #828a93; }
.ebl-reviews-page .ebr-rank-tier.gold      { color: #c79734; }
.ebl-reviews-page .ebr-rank-tier.platinum  { color: #4ab2a8; }
.ebl-reviews-page .ebr-rank-tier.emerald   { color: #2f9e6a; }
.ebl-reviews-page .ebr-rank-tier.diamond   { color: #4a8bc7; }
.ebl-reviews-page .ebr-rank-tier.master    { color: #a259d4; }
.ebl-reviews-page .ebr-rank-tier.grandmaster { color: #c4302c; }
.ebl-reviews-page .ebr-rank-tier.challenger { color: #e0a44d; }
.ebl-reviews-page .ebr-rank-div {
    font-size: .76rem;
    color: var(--muted);
    margin-top: 3px;
}
.ebl-reviews-page .ebr-rank-arrow {
    color: var(--green);
    font-size: 1.1rem;
    flex-shrink: 0;
}

.ebl-reviews-page .ebr-meta-row {
    /* Tag pills (server / boost / completed) sit in a tight group on the
       left; the time-ago label is pushed to the far right via margin-left:
       auto on .ebr-time. */
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    margin-top: 10px;
    flex-wrap: wrap;
}
.ebl-reviews-page .ebr-meta-row .ebr-time {
    margin-left: auto;
    padding-left: 8px;
}
.ebl-reviews-page .ebr-tag {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: var(--blue-pale);
    color: var(--blue-deep);
    padding: 4px 10px;
    border-radius: 100px;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .3px;
}
.ebl-reviews-page .ebr-tag.server { background: rgba(2,131,202,.1); color: var(--blue-deep); }
.ebl-reviews-page .ebr-tag.service { background: rgba(242,92,42,.1); color: var(--orange-deep); }
.ebl-reviews-page .ebr-tag.completed {
    background: rgba(22,163,74,.1);
    color: var(--green);
}
.ebl-reviews-page .ebr-tag.completed::before {
    content: '';
    width: 6px; height: 6px;
    border-radius: 50%;
    background: var(--green);
    margin-right: 4px;
    animation: ebr-pulseGlow 2s ease-in-out infinite;
}
.ebl-reviews-page .ebr-time {
    font-size: .77rem;
    color: var(--muted);
}

/* Champions played row — small navy/blue badges next to a label */
.ebl-reviews-page .ebr-champs {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
    flex-wrap: wrap;
}
.ebl-reviews-page .ebr-champ-label {
    font-size: .68rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--muted);
    font-weight: 700;
    margin-right: 2px;
}
.ebl-reviews-page .ebr-champ {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px;
    background: rgba(26,53,86,.06);
    color: var(--navy);
    font-size: .77rem;
    font-weight: 700;
    border-radius: 100px;
    letter-spacing: .2px;
    border: 1px solid rgba(26,53,86,.1);
    transition: background .2s, border-color .2s, transform .2s;
}
.ebl-reviews-page .ebr-champ::before {
    content: '';
    width: 6px; height: 6px;
    border-radius: 50%;
    background: var(--blue-light);
    display: inline-block;
}
.ebl-reviews-page .ebr-order:hover .ebr-champ {
    background: rgba(26,53,86,.1);
    border-color: rgba(26,53,86,.2);
}

.ebl-reviews-page .ebr-comment {
    font-size: .9rem;
    color: var(--text);
    line-height: 1.6;
    margin-top: 12px;
    padding: 12px 14px;
    background: var(--cream);
    border-left: 3px solid var(--gold);
    /* Halved (8 → 4). */
    border-radius: 0 4px 4px 0;
    font-style: italic;
}
/* "No review left" placeholder — quiet, dashed, low-key so it doesn't
   distract from cards that do have a review. */
.ebl-reviews-page .ebr-no-review {
    margin-top: 12px;
    padding: 10px 14px;
    border: 1px dashed var(--border);
    /* Halved (8 → 4). */
    border-radius: 4px;
    color: var(--muted);
    font-size: .82rem;
    font-style: italic;
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--white);
}
.ebl-reviews-page .ebr-no-review svg {
    flex-shrink: 0;
    color: var(--muted);
    opacity: .65;
}

.ebl-reviews-page .ebr-booster {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--border);
    font-size: .77rem;
    color: var(--muted);
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.ebl-reviews-page .ebr-booster-id {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}
.ebl-reviews-page .ebr-booster-text {
    /* The name+prefix live inside .ebr-booster-line on row 1; the rank pill
       and climbs sit in .ebr-booster-meta on row 2. */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    flex: 1;
    min-width: 0;
}
.ebl-reviews-page .ebr-booster-line {
    display: inline-flex;
    align-items: baseline;
    gap: 8px;
    flex-wrap: wrap;
}
.ebl-reviews-page .ebr-booster-prefix {
    color: var(--muted);
    font-size: .82rem;
    font-weight: 500;
}
.ebl-reviews-page .ebr-booster-name {
    color: var(--text);
    font-weight: 700;
    /* Slightly trimmed (1.18 → 1.05rem) so the name reads as primary text
       without dominating the footer. */
    font-size: 1.05rem;
    line-height: 1.2;
    letter-spacing: -.1px;
}
.ebl-reviews-page .ebr-booster-meta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--muted);
    font-size: .78rem;
}
.ebl-reviews-page .ebr-booster-rank {
    /* Gradient pill — focal point of the meta row. */
    display: inline-block;
    background: linear-gradient(135deg, #4a8bc7, #0364a9);
    color: #fff;
    font-weight: 800;
    font-size: .72rem;
    letter-spacing: .6px;
    text-transform: uppercase;
    padding: 3px 10px;
    /* Halved (6 → 3). */
    border-radius: 3px;
    box-shadow: 0 2px 6px rgba(3, 100, 169, .28);
    line-height: 1.4;
}
.ebl-reviews-page .ebr-booster-climbs {
    color: var(--muted);
    font-size: .78rem;
    line-height: 1.4;
}
.ebl-reviews-page .ebr-booster .ebr-verified-badge {
    background: var(--green);
    color: #fff;
    font-size: .65rem;
    padding: 2px 6px;
    border-radius: 100px;
    margin-left: auto;
    font-weight: 700;
    letter-spacing: .3px;
    text-transform: uppercase;
}
/* Booster ratings chips: Helpful / Speedy / Skilled */
.ebl-reviews-page .ebr-booster-rates {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.ebl-reviews-page .ebr-rate {
    /* Trimmed ~30% from the previous size so the chips read as supporting
       info rather than headlining the footer. Labels capitalized. */
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 13px;
    border-radius: 100px;
    background: #fff;
    border: 1px solid var(--border);
    color: var(--muted);
    font-size: .7rem;
    line-height: 1;
    text-transform: capitalize;
    letter-spacing: .2px;
}
.ebl-reviews-page .ebr-rate strong {
    color: var(--text);
    font-weight: 800;
    font-size: .74rem;
}
.ebl-reviews-page .ebr-rate-icon {
    font-size: 1.05rem;
    line-height: 1;
    text-transform: none;
}
.ebl-reviews-page .ebr-booster-rates {
    gap: 7px;
}

/* ==========================================================================
   PAGINATION
   ========================================================================== */
.ebl-reviews-page .ebr-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-bottom: 48px;
    flex-wrap: wrap;
}
.ebl-reviews-page .ebr-page-btn {
    min-width: 38px; height: 38px;
    padding: 0 12px;
    background: var(--white);
    border: 1px solid var(--border);
    color: var(--text);
    /* Halved (8 → 4). */
    border-radius: 4px;
    font-size: .88rem;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all .22s;
    font-family: inherit;
}
.ebl-reviews-page .ebr-page-btn:hover {
    border-color: var(--blue);
    color: var(--blue-deep);
    transform: translateY(-1px);
}
.ebl-reviews-page .ebr-page-btn.active {
    background: var(--navy);
    border-color: var(--navy);
    color: #fff;
    box-shadow: 0 4px 14px rgba(26,53,86,.25);
}
.ebl-reviews-page .ebr-page-btn[aria-disabled="true"] {
    opacity: .35;
    pointer-events: none;
}
.ebl-reviews-page .ebr-page-ellipsis {
    color: var(--muted);
    padding: 0 6px;
}

/* ==========================================================================
   CTA
   ========================================================================== */
.ebl-reviews-page .ebr-cta {
    margin: 0 0 0;
    padding: 44px 32px;
    /* Matches the .bt-section-banner brand-blue gradient used across product pages. */
    background: var(--bt-banner-gradient);
    /* Halved (18 → 9). */
    border-radius: 9px;
    color: #fff;
    text-align: center;
    position: relative;
    overflow: hidden;
    box-shadow: 0 12px 32px rgba(3,100,168,.18), 0 4px 10px rgba(3,100,168,.10);
}
.ebl-reviews-page .ebr-cta::before {
    content: '';
    position: absolute;
    top: -30%; left: -10%;
    width: 360px; height: 360px;
    background: radial-gradient(circle, rgba(255,122,74,.2), transparent 65%);
    pointer-events: none;
    animation: ebr-drift 16s ease-in-out infinite;
}
.ebl-reviews-page .ebr-cta::after {
    content: '';
    position: absolute;
    bottom: -40%; right: -15%;
    width: 320px; height: 320px;
    background: radial-gradient(circle, rgba(3,100,169,.22), transparent 65%);
    pointer-events: none;
    animation: ebr-drift-rev 18s ease-in-out infinite;
}
.ebl-reviews-page .ebr-cta h2 {
    font-family: var(--font-display);
    font-weight: 500;
    font-size: 1.9rem;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .005em;
    line-height: 1.15;
    margin-bottom: 12px;
    position: relative;
}
.ebl-reviews-page .ebr-cta p {
    color: rgba(255,255,255,.78);
    margin: 0 auto 26px;
    font-size: .98rem;
    max-width: 520px;
    position: relative;
}
/* Order Your Boost CTA — matches the sidebar Purchase Now button:
   solid blue rectangle, uppercase, soft blue glow, lift on hover. */
.ebl-reviews-page .ebr-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-width: 280px;
    height: 56px;
    padding: 0 36px;
    background: var(--blue);
    color: #fff;
    /* Halved (6 → 3). */
    border-radius: 3px;
    font-size: 1.05rem;
    font-weight: 500;
    letter-spacing: .06em;
    text-transform: uppercase;
    text-decoration: none !important;
    box-shadow: 0 4px 14px rgba(37,99,235,.3), inset 0 1px 0 rgba(255,255,255,.2), inset 0 -2px 0 rgba(0,0,0,.1);
    transition: transform .35s ease, box-shadow .35s ease, background .25s ease;
    position: relative;
}
.ebl-reviews-page .ebr-cta-btn:hover {
    transform: translateY(-2px);
    background: var(--blue-deep);
    box-shadow: 0 6px 20px rgba(37,99,235,.4), inset 0 1px 0 rgba(255,255,255,.2), inset 0 -2px 0 rgba(0,0,0,.1);
    color: #fff;
}
.ebl-reviews-page .ebr-cta-btn:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(37,99,235,.25), inset 0 2px 4px rgba(0,0,0,.15);
}
.ebl-reviews-page .ebr-cta-btn svg {
    transition: transform .35s ease;
    filter: drop-shadow(0 1px 2px rgba(0,0,0,.2));
}
.ebl-reviews-page .ebr-cta-btn:hover svg {
    transform: translateX(3px);
}

/* ==========================================================================
   BACK TO TOP (fixed-position)
   ========================================================================== */
#eblrevBackTop {
    position: fixed;
    bottom: 22px; right: 22px;
    width: 46px; height: 46px;
    /* Brand blue to match the rest of the session's CTA palette. */
    background: #0364a8;
    color: #fff;
    border: none;
    /* Circular button — border-radius: 50% kept (a "radius cut" on a circle
       would just turn it into a square; user intent was box corners only). */
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    font-weight: 500;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s, transform .3s, background .2s;
    z-index: 999;
    box-shadow: 0 6px 20px rgba(0,0,0,.18);
    font-family: inherit;
}
#eblrevBackTop.show { opacity: 1; pointer-events: auto; }
#eblrevBackTop:hover { background: #024b80; transform: translateY(-3px); }

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width: 900px) {
    .ebl-reviews-page .ebr-hero-stats-grid { grid-template-columns: repeat(2, 1fr); }
    .ebl-reviews-page .ebr-onsite { grid-template-columns: 1fr; gap: 24px; padding: 24px 22px; }
    .ebl-reviews-page .ebr-orders { grid-template-columns: 1fr; }
    /* +20% scale-up on mobile too (2.2 → 2.64rem). */
    .ebl-reviews-page .ebr-stat-num { font-size: 2.64rem; }
    .ebl-reviews-page .ebr-section-head { flex-direction: column; align-items: flex-start; }
    /* Halved (14 → 7). */
    .ebl-reviews-page .ebr-cta { padding: 32px 22px; border-radius: 7px; }
    .ebl-reviews-page .ebr-cta h2 { font-size: 1.4rem; }
}
@media (max-width: 600px) {
    .ebl-reviews-page .ebr-privacy { flex-direction: column; gap: 14px; padding: 20px 22px; }
    .ebl-reviews-page .ebr-privacy-icon { width: 44px; height: 44px; }
    /* +30% bump from prior 64px → 83px to keep parity with the desktop scale-up. */
    .ebl-reviews-page .ebr-rank-icon { width: 83px; height: 83px; }
}
@media (max-width: 480px) {
    .ebl-reviews-page .ebr-wrap { padding: 22px 14px 36px; }
    .ebl-reviews-page .ebr-hero-stats { padding: 24px 16px; }
    .ebl-reviews-page .ebr-rank-row { padding: 10px 10px; }
    .ebl-reviews-page .ebr-rank-tier { font-size: .92rem; }
}
@media (prefers-reduced-motion: reduce) {
    .ebl-reviews-page .reveal { transition: none !important; opacity: 1 !important; transform: none !important; }
    .ebl-reviews-page .ebr-stat-num,
    .ebl-reviews-page .ebr-hero-stats::before,
    .ebl-reviews-page .ebr-hero-stats::after,
    .ebl-reviews-page .ebr-cta::before,
    .ebl-reviews-page .ebr-cta::after,
    .ebl-reviews-page .ebr-tag.completed::before,
    .ebl-reviews-page .ebr-eyebrow .ebr-live-dot,
    .ebl-reviews-page .ebr-order { animation: none !important; }
    .ebl-reviews-page .ebr-bar-fill { transition: none !important; }
}
/*!
 * Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-airbnb:before{content:"\f834"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-artstation:before{content:"\f77a"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atlassian:before{content:"\f77b"}.fa-atom:before{content:"\f5d2"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-baby:before{content:"\f77c"}.fa-baby-carriage:before{content:"\f77d"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-bacon:before{content:"\f7e5"}.fa-bacteria:before{content:"\e059"}.fa-bacterium:before{content:"\e05a"}.fa-bahai:before{content:"\f666"}.fa-balance-scale:before{content:"\f24e"}.fa-balance-scale-left:before{content:"\f515"}.fa-balance-scale-right:before{content:"\f516"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-battle-net:before{content:"\f835"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-biking:before{content:"\f84a"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blog:before{content:"\f781"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-dead:before{content:"\f6b7"}.fa-book-medical:before{content:"\f7e6"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-bookmark:before{content:"\f02e"}.fa-bootstrap:before{content:"\f836"}.fa-border-all:before{content:"\f84c"}.fa-border-none:before{content:"\f850"}.fa-border-style:before{content:"\f853"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-box-tissue:before{content:"\e05b"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-bread-slice:before{content:"\f7ec"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-buffer:before{content:"\f837"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-business-time:before{content:"\f64a"}.fa-buy-n-large:before{content:"\f8a6"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-day:before{content:"\f783"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-calendar-week:before{content:"\f784"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-campground:before{content:"\f6bb"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-candy-cane:before{content:"\f786"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-crash:before{content:"\f5e1"}.fa-car-side:before{content:"\f5e4"}.fa-caravan:before{content:"\f8ff"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-carrot:before{content:"\f787"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cash-register:before{content:"\f788"}.fa-cat:before{content:"\f6be"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-centos:before{content:"\f789"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-cheese:before{content:"\f7ef"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-chromecast:before{content:"\f838"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clinic-medical:before{content:"\f7f2"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudflare:before{content:"\e07d"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-medical:before{content:"\f7f5"}.fa-comment-slash:before{content:"\f4b3"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-compress-alt:before{content:"\f422"}.fa-compress-arrows-alt:before{content:"\f78c"}.fa-concierge-bell:before{content:"\f562"}.fa-confluence:before{content:"\f78d"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-cotton-bureau:before{content:"\f89e"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-critical-role:before{content:"\f6c9"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-crutch:before{content:"\f7f7"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dailymotion:before{content:"\e052"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-deezer:before{content:"\e077"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dharmachakra:before{content:"\f655"}.fa-dhl:before{content:"\f790"}.fa-diagnoses:before{content:"\f470"}.fa-diaspora:before{content:"\f791"}.fa-dice:before{content:"\f522"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-disease:before{content:"\f7fa"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-flatbed:before{content:"\f474"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-polygon:before{content:"\f5ee"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edge-legacy:before{content:"\e078"}.fa-edit:before{content:"\f044"}.fa-egg:before{content:"\f7fb"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-ethernet:before{content:"\f796"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-evernote:before{content:"\f839"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-alt:before{content:"\f424"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fan:before{content:"\f863"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-faucet:before{content:"\e005"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-figma:before{content:"\f799"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-excel:before{content:"\f1c3"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-upload:before{content:"\f574"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-alt:before{content:"\f7e4"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-firefox-browser:before{content:"\e007"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gifts:before{content:"\f79c"}.fa-git:before{content:"\f1d3"}.fa-git-alt:before{content:"\f841"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-cheers:before{content:"\f79f"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glass-whiskey:before{content:"\f7a0"}.fa-glasses:before{content:"\f530"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-globe-europe:before{content:"\f7a2"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-pay:before{content:"\e079"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guilded:before{content:"\e07e"}.fa-guitar:before{content:"\f7a6"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hamburger:before{content:"\f805"}.fa-hammer:before{content:"\f6e3"}.fa-hamsa:before{content:"\f665"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-medical:before{content:"\e05c"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-holding-water:before{content:"\f4c1"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-middle-finger:before{content:"\f806"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-sparkles:before{content:"\e05d"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-hands-wash:before{content:"\e05e"}.fa-handshake:before{content:"\f2b5"}.fa-handshake-alt-slash:before{content:"\e05f"}.fa-handshake-slash:before{content:"\e060"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-hat:before{content:"\f807"}.fa-hashtag:before{content:"\f292"}.fa-hat-cowboy:before{content:"\f8c0"}.fa-hat-cowboy-side:before{content:"\f8c1"}.fa-hat-wizard:before{content:"\f6e8"}.fa-hdd:before{content:"\f0a0"}.fa-head-side-cough:before{content:"\e061"}.fa-head-side-cough-slash:before{content:"\e062"}.fa-head-side-mask:before{content:"\e063"}.fa-head-side-virus:before{content:"\e064"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-broken:before{content:"\f7a9"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hive:before{content:"\e07f"}.fa-hockey-puck:before{content:"\f453"}.fa-holly-berry:before{content:"\f7aa"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hospital-user:before{content:"\f80d"}.fa-hot-tub:before{content:"\f593"}.fa-hotdog:before{content:"\f80f"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-house-user:before{content:"\e065"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-ice-cream:before{content:"\f810"}.fa-icicles:before{content:"\f7ad"}.fa-icons:before{content:"\f86d"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-ideal:before{content:"\e013"}.fa-igloo:before{content:"\f7ae"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-innosoft:before{content:"\e080"}.fa-instagram:before{content:"\f16d"}.fa-instagram-square:before{content:"\e055"}.fa-instalod:before{content:"\e081"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itch-io:before{content:"\f83a"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kiwi-bird:before{content:"\f535"}.fa-korvue:before{content:"\f42f"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laptop-house:before{content:"\e066"}.fa-laptop-medical:before{content:"\f812"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-luggage-cart:before{content:"\f59d"}.fa-lungs:before{content:"\f604"}.fa-lungs-virus:before{content:"\e067"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-mdb:before{content:"\f8ca"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-mendeley:before{content:"\f7b3"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microblog:before{content:"\e01a"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mitten:before{content:"\f7b5"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mixer:before{content:"\e056"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mouse:before{content:"\f8cc"}.fa-mouse-pointer:before{content:"\f245"}.fa-mug-hot:before{content:"\f7b6"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-octopus-deploy:before{content:"\e082"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-orcid:before{content:"\f8d2"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-pager:before{content:"\f815"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-penny-arcade:before{content:"\f704"}.fa-people-arrows:before{content:"\e068"}.fa-people-carry:before{content:"\f4ce"}.fa-pepper-hot:before{content:"\f816"}.fa-perbyte:before{content:"\e083"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-alt:before{content:"\f879"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-square-alt:before{content:"\f87b"}.fa-phone-volume:before{content:"\f2a0"}.fa-photo-video:before{content:"\f87c"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-square:before{content:"\e01e"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-pizza-slice:before{content:"\f818"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-plane-slash:before{content:"\e069"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pump-medical:before{content:"\e06a"}.fa-pump-soap:before{content:"\e06b"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-radiation:before{content:"\f7b9"}.fa-radiation-alt:before{content:"\f7ba"}.fa-rainbow:before{content:"\f75b"}.fa-random:before{content:"\f074"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-record-vinyl:before{content:"\f8d9"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redhat:before{content:"\f7bc"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-remove-format:before{content:"\f87d"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-restroom:before{content:"\f7bd"}.fa-retweet:before{content:"\f079"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-rust:before{content:"\e07a"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-salesforce:before{content:"\f83b"}.fa-sass:before{content:"\f41e"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-sd-card:before{content:"\f7c2"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-shield-virus:before{content:"\e06c"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopify:before{content:"\e057"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shower:before{content:"\f2cc"}.fa-shuttle-van:before{content:"\f5b6"}.fa-sign:before{content:"\f4d9"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-sim-card:before{content:"\f7c4"}.fa-simplybuilt:before{content:"\f215"}.fa-sink:before{content:"\e06d"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skating:before{content:"\f7c5"}.fa-sketch:before{content:"\f7c6"}.fa-skiing:before{content:"\f7c9"}.fa-skiing-nordic:before{content:"\f7ca"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sleigh:before{content:"\f7cc"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-sms:before{content:"\f7cd"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowboarding:before{content:"\f7ce"}.fa-snowflake:before{content:"\f2dc"}.fa-snowman:before{content:"\f7d0"}.fa-snowplow:before{content:"\f7d2"}.fa-soap:before{content:"\e06e"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-down-alt:before{content:"\f881"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-alpha-up-alt:before{content:"\f882"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-down-alt:before{content:"\f884"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-amount-up-alt:before{content:"\f885"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-down-alt:before{content:"\f886"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-numeric-up-alt:before{content:"\f887"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-sourcetree:before{content:"\f7d3"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-speaker-deck:before{content:"\f83c"}.fa-spell-check:before{content:"\f891"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stackpath:before{content:"\f842"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-stopwatch-20:before{content:"\e06f"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-store-alt-slash:before{content:"\e070"}.fa-store-slash:before{content:"\e071"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-suse:before{content:"\f7d6"}.fa-swatchbook:before{content:"\f5c3"}.fa-swift:before{content:"\f8e1"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-symfony:before{content:"\f83d"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-low:before{content:"\f76b"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-tenge:before{content:"\f7d7"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-tiktok:before{content:"\e07b"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toilet-paper-slash:before{content:"\e072"}.fa-toolbox:before{content:"\f552"}.fa-tools:before{content:"\f7d9"}.fa-tooth:before{content:"\f5c9"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-trailer:before{content:"\e041"}.fa-train:before{content:"\f238"}.fa-tram:before{content:"\f7da"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-trash-restore:before{content:"\f829"}.fa-trash-restore-alt:before{content:"\f82a"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-ubuntu:before{content:"\f7df"}.fa-uikit:before{content:"\f403"}.fa-umbraco:before{content:"\f8e8"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-uncharted:before{content:"\e084"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-unity:before{content:"\e049"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-unsplash:before{content:"\e07c"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-ups:before{content:"\f7e0"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-nurse:before{content:"\f82f"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before{content:"\f509"}.fa-users-slash:before{content:"\e073"}.fa-usps:before{content:"\f7e1"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-vest:before{content:"\e085"}.fa-vest-patches:before{content:"\e086"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-virus:before{content:"\e074"}.fa-virus-slash:before{content:"\e075"}.fa-viruses:before{content:"\e076"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-voicemail:before{content:"\f897"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-warehouse:before{content:"\f494"}.fa-watchman-monitoring:before{content:"\e087"}.fa-water:before{content:"\f773"}.fa-wave-square:before{content:"\f83e"}.fa-waze:before{content:"\f83f"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wodu:before{content:"\e088"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yammer:before{content:"\f840"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-display:swap;font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(/wp-content/themes/boosting/assets/webfonts/fa-brands-400.eot);src:url(/wp-content/themes/boosting/assets/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(/wp-content/themes/boosting/assets/webfonts/fa-brands-400.woff2) format("woff2"),url(/wp-content/themes/boosting/assets/webfonts/fa-brands-400.woff) format("woff"),url(/wp-content/themes/boosting/assets/webfonts/fa-brands-400.ttf) format("truetype"),url(/wp-content/themes/boosting/assets/webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-display:swap;font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(/wp-content/themes/boosting/assets/webfonts/fa-regular-400.eot);src:url(/wp-content/themes/boosting/assets/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(/wp-content/themes/boosting/assets/webfonts/fa-regular-400.woff2) format("woff2"),url(/wp-content/themes/boosting/assets/webfonts/fa-regular-400.woff) format("woff"),url(/wp-content/themes/boosting/assets/webfonts/fa-regular-400.ttf) format("truetype"),url(/wp-content/themes/boosting/assets/webfonts/fa-regular-400.svg#fontawesome) format("svg")}.fab,.far{font-weight:400}@font-face{font-display:swap;font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(/wp-content/themes/boosting/assets/webfonts/fa-solid-900.eot);src:url(/wp-content/themes/boosting/assets/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(/wp-content/themes/boosting/assets/webfonts/fa-solid-900.woff2) format("woff2"),url(/wp-content/themes/boosting/assets/webfonts/fa-solid-900.woff) format("woff"),url(/wp-content/themes/boosting/assets/webfonts/fa-solid-900.ttf) format("truetype"),url(/wp-content/themes/boosting/assets/webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900}/**
 * Navigation — Single-bar layout (rank-tracker style)
 * Full-width white bar: logos | centered links | right icons
 * Animated gradient top edge, bottom-line hover effects
 * Full-width background, content contained to max-width 1800px
 * Mobile: hamburger → absolute dropdown drawer at 620px
 */

/* ── Variables (scoped to nav) ── */
.eb-nav {
  --accent: #0f1624;
  --accent-dk: #1e40af;
  --accent-lt: rgba(37, 99, 235, .05);
  --accent-glow: rgba(37, 99, 235, .12);
  --neon: #2563eb;
  --neon2: #7c3aed;
  --neon3: #f43f5e;
  --border: #d4d7dd;
  --border-lt: #e8eaee;
  --bg: #eef0f4;
  --card: #fff;
  --nav-dark: #0a0e1a;
  --txt: #060c19;
  --txt2: #555d6e;
  --txt3: #0c1424;
  --green: #16a34a;
  --red: #ef4444;
}

/* ── Nav bar ── */
.eb-nav {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  background: var(--card) !important;
  height: 65px !important;
  padding: 0 max(1.2rem, calc((100% - 1700px) / 2)) !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.06), 0 4px 24px rgba(0,0,0,.07) !important;
  position: relative !important;
  z-index: 100 !important;
  border-bottom: 1px solid var(--border-lt) !important;
  box-sizing: border-box !important;
  border-radius: 0 !important;
  margin: 0 !important;
  max-width: none !important;
}

/* Animated gradient top edge */
.eb-nav::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 2px !important;
  z-index: 10 !important;
  background: linear-gradient(90deg, var(--neon), var(--neon2), var(--neon3), var(--neon)) !important;
  background-size: 300% 100% !important;
  animation: edgeGlow 6s linear infinite !important;
}

@keyframes edgeGlow {
  0%   { background-position: 0% 0; }
  100% { background-position: 300% 0; }
}

.eb-nav::after { display: none !important; }

/* Kill any legacy wrapper styling */
.eb-nav .container,
.eb-nav .header-wrap {
  all: unset !important;
  display: contents !important;
}

/* ═══════════════════════════════════
   LEFT: Game logos
   ═══════════════════════════════════ */
.nav-left {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-right: 18px;
  margin-right: 10px;
  height: 100%;
  flex-shrink: 0;
  border-right: 1px solid var(--border);
  position: relative;
  z-index: 2;
}

.nav-left .logo-item {
  width: 48px;
  height: 48px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  transition: all .25s cubic-bezier(.16,1,.3,1);
  border: 1.5px solid var(--border-lt);
  background: var(--card);
  box-shadow: 0 1px 3px rgba(0,0,0,.05);
  clip-path: polygon(8% 0, 100% 0, 100% 92%, 92% 100%, 0 100%, 0 8%);
  text-decoration: none;
  overflow: visible;
}

.nav-left .logo-item:hover {
  transform: translateY(-3px) scale(1.1);
  border-color: var(--accent);
  box-shadow: 0 6px 16px rgba(37,99,235,.12), 0 2px 6px rgba(0,0,0,.06);
  z-index: 10;
  background: var(--accent-lt);
}

.nav-left .logo-item:active {
  transform: translateY(0) scale(1);
}

.nav-left .logo-item img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  position: relative;
  z-index: 1;
}

/* Tooltip */
.nav-left .logo-item .logo-label {
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%) translateY(4px);
  font-family: 'avenirnextcyr-medium', 'Roboto', system-ui, sans-serif;
  font-size: 10px;
  font-weight: 700;
  color: #fff;
  background: var(--nav-dark);
  border: 1px solid rgba(0,0,0,.15);
  padding: 5px 10px;
  border-radius: 4px;
  white-space: nowrap;
  opacity: 0;
  transition: all .2s;
  pointer-events: none;
  z-index: 200;
  box-shadow: 0 4px 16px rgba(0,0,0,.15);
  letter-spacing: .06em;
  text-transform: uppercase;
}

.nav-left .logo-item .logo-label::before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-bottom-color: var(--nav-dark);
}

.nav-left .logo-item:hover .logo-label {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* ═══════════════════════════════════
   CENTER: WordPress menu links
   ═══════════════════════════════════ */
.nav-center {
  display: flex;
  align-items: center;
  gap: 0;
  flex: 1 1 0;
  min-width: 0;
  height: 100%;
  justify-content: center;
  overflow: visible;
  position: relative;
  z-index: 2;
}

/* WordPress menu reset */
.nav-center .header-menu {
  all: unset !important;
  display: contents !important;
}

.nav-center .menu {
  all: unset !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  height: 100% !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.nav-center .menu > li {
  all: unset !important;
  display: inline-flex !important;
  height: 100% !important;
  list-style: none !important;
  position: relative !important;
}

/* Kill WP's ::before bullets */
.nav-center .menu > li::before {
  content: none !important;
  display: none !important;
}

/* ── Menu link styling ── */
.nav-center .menu > li > a {
  all: unset !important;
  font-family: avenirnextcyr-bold !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
  color: #191a1d !important;
  padding: 0 1rem !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  transition: all .2s !important;
  position: relative !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

/* FA icon inside menu link */
.nav-center .menu > li > a i.fas,
.nav-center .menu > li > a i.far {
  font-size: 14px !important;
  opacity: .5 !important;
  transition: .2s !important;
  flex-shrink: 0 !important;
  color: #0364a9 !important;
}

/* Accent bottom line on hover */
.nav-center .menu > li > a::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 20% !important;
  right: 20% !important;
  height: 2.5px !important;
  background: var(--accent) !important;
  border-radius: 1px !important;
  transform: scaleX(0) !important;
  transition: transform .25s cubic-bezier(.16,1,.3,1) !important;
  box-shadow: 0 0 6px var(--accent-glow) !important;
}

.nav-center .menu > li > a:hover {
  color: var(--txt) !important;
  background: var(--bg) !important;
}

.nav-center .menu > li > a:hover::after {
  transform: scaleX(1) !important;
}

.nav-center .menu > li > a:hover i.fas,
.nav-center .menu > li > a:hover i.far {
  opacity: .7 !important;
  color: var(--accent) !important;
}

/* Active link */
.nav-center .menu > li.current-menu-item > a,
.nav-center .menu > li.current_page_item > a {
  color: var(--accent) !important;
}

.nav-center .menu > li.current-menu-item > a::after,
.nav-center .menu > li.current_page_item > a::after {
  transform: scaleX(1) !important;
}

.nav-center .menu > li.current-menu-item > a i.fas,
.nav-center .menu > li.current_page_item > a i.fas {
  opacity: .8 !important;
  color: var(--accent) !important;
}

/* ── HOT badge (added via JS to .hot-item) ── */
.nav-center .menu > li.hot-item > a {
  overflow: visible !important;
  padding-right: 1.2rem !important;
}

.nav-center .menu > li.hot-item > a .hot-badge {
  position: absolute;
  top: 3px;
  right: -4px;
  font-family: 'Roboto', monospace;
  font-size: 8.5px;
  font-weight: 700;
  letter-spacing: .06em;
  color: #fff;
  line-height: 1;
  padding: 3.5px 7px;
  border-radius: 4px;
  background: linear-gradient(135deg, #ff2d00, #ff6b00, #ffaa00, #ff6b00, #ff2d00);
  background-size: 400% 100%;
  animation: hotShift 2s ease infinite;
  box-shadow:
    0 0 12px rgba(255,69,0,.5),
    0 0 24px rgba(255,106,0,.2),
    0 3px 6px rgba(0,0,0,.2);
  z-index: 5;
  text-shadow: 0 1px 2px rgba(0,0,0,.3);
  pointer-events: none;
}

/* Fire glow */
.nav-center .menu > li.hot-item > a .hot-badge::before {
  content: '';
  position: absolute;
  inset: -3px;
  border-radius: 7px;
  background: linear-gradient(135deg, #ff2d00, #ff8c00, #ffaa00);
  background-size: 200% 100%;
  filter: blur(8px);
  opacity: 0;
  z-index: -1;
  animation: fireGlow 1s ease-in-out infinite alternate;
}

/* Ember particles */
.nav-center .menu > li.hot-item > a .hot-badge::after {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #fbbf24;
  bottom: 100%;
  left: 50%;
  box-shadow:
    -6px 2px 0 1px #ff6b00,
    8px -2px 0 1px #fbbf24,
    -2px -6px 0 0 #ff8c00,
    5px 4px 0 1px #ff4500,
    10px -4px 0 0 #fbbf24,
    -8px -3px 0 1px #ff6b00,
    3px -8px 0 0 #ffaa00;
  animation: embers 1.6s ease-in-out infinite;
  pointer-events: none;
}

@keyframes hotShift {
  0%, 100% { background-position: 0% 0; }
  50% { background-position: 100% 0; }
}

@keyframes fireGlow {
  0%   { opacity: .2; filter: blur(6px); }
  100% { opacity: .6; filter: blur(10px); }
}

@keyframes embers {
  0%   { transform: translateY(0) scale(1); opacity: .9; }
  40%  { transform: translateY(-12px) scale(.7); opacity: .5; }
  100% { transform: translateY(-22px) scale(0); opacity: 0; }
}


/* ── Submenu dropdown ── */
.nav-center .menu > li > ul {
  all: unset !important;
  display: none !important;
  position: absolute !important;
  top: 100% !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: var(--card) !important;
  border: 1px solid var(--border-lt) !important;
  border-radius: 8px !important;
  padding: 6px !important;
  min-width: 210px !important;
  box-shadow: 0 8px 30px rgba(0,0,0,.1), 0 0 0 1px var(--accent-glow) !important;
  z-index: 200 !important;
  list-style: none !important;
  flex-direction: column !important;
}

.nav-center .menu > li:hover > ul {
  display: flex !important;
}

.nav-center .menu > li > ul > li {
  all: unset !important;
  display: flex !important;
  list-style: none !important;
}

.nav-center .menu > li > ul > li::before {
  content: none !important;
  display: none !important;
}

.nav-center .menu > li > ul > li > a {
  all: unset !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 10px 12px !important;
  border-radius: 6px !important;
  font-family: avenirnextcyr-bold !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
  color: var(--txt2) !important;
  text-decoration: none !important;
  transition: .15s !important;
  cursor: pointer !important;
  width: 100% !important;
  box-sizing: border-box !important;
  text-align: center !important;
}

/* FA icons in submenu */
.nav-center .menu > li > ul > li > a i.fas,
.nav-center .menu > li > ul > li > a i.far {
  font-size: 13px !important;
  opacity: .5 !important;
  color: #0364a9 !important;
  flex-shrink: 0 !important;
}

.nav-center .menu > li > ul > li > a:hover {
  background: var(--bg) !important;
  color: var(--txt) !important;
}

.nav-center .menu > li > ul > li > a:hover i.fas,
.nav-center .menu > li > ul > li > a:hover i.far {
  opacity: .7 !important;
  color: var(--accent) !important;
}

/* ═══════════════════════════════════
   RIGHT: Icons + Login/Logout
   ═══════════════════════════════════ */
.nav-right {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-left: 14px;
  margin-left: 10px;
  height: 100%;
  flex-shrink: 0;
  border-left: 1px solid var(--border);
  position: relative;
  z-index: 2;
}

.nav-icon-btn {
  width: 44px;
  height: 44px;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--txt3);
  background: var(--card);
  border: 1.5px solid var(--border-lt);
  box-shadow: 0 1px 3px rgba(0,0,0,.06), 0 3px 8px rgba(0,0,0,.04);
  transition: all .25s cubic-bezier(.16,1,.3,1);
  position: relative;
  text-decoration: none;
}

.nav-icon-btn svg {
  width: 20px;
  height: 20px;
}

.nav-icon-btn:hover {
  background: var(--accent-lt);
  color: var(--accent);
  border-color: var(--accent);
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(37,99,235,.12), 0 0 0 3px var(--accent-glow);
}

.nav-icon-btn:active {
  transform: translateY(0);
  box-shadow: 0 1px 3px rgba(0,0,0,.06);
}

/* Login button */
.nav-login-btn {
  font-family: 'avenirnextcyr-bold', 'Roboto', system-ui, sans-serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  background: #054978;
  border: none;
  border-radius: 9px;
  height: 44px;
  padding: 0 24px;
  cursor: pointer;
  transition: all .25s cubic-bezier(.16,1,.3,1);
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(5,73,120,.3);
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nav-login-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(5,73,120,.45), 0 0 0 2px rgba(5,73,120,.2);
  background: #043a5e;
  color: #fff;
}

.nav-login-btn:active {
  transform: translateY(0);
  box-shadow: 0 1px 4px rgba(37,99,235,.3);
}

/* Shimmer */
.nav-login-btn::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 60%;
  height: 100%;
  background: linear-gradient(110deg, transparent 20%, rgba(255,255,255,.25) 50%, transparent 80%);
  transform: skewX(-20deg);
  transition: left .5s;
  pointer-events: none;
}

.nav-login-btn:hover::after {
  left: 150%;
}

/* Logout link */
.nav-logout {
  font-family: 'avenirnextcyr-bold', 'Roboto', system-ui, sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--txt2);
  text-decoration: none;
  padding: 0 1.1rem;
  height: 44px;
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  border-radius: 9px;
  transition: all .25s cubic-bezier(.16,1,.3,1);
  white-space: nowrap;
  background: var(--card);
  border: 1.5px solid var(--border-lt);
  box-shadow: 0 1px 3px rgba(0,0,0,.06), 0 3px 8px rgba(0,0,0,.04);
}

.nav-logout svg {
  width: 17px;
  height: 17px;
  opacity: .4;
  flex-shrink: 0;
  transition: .2s;
}

.nav-logout:hover {
  color: var(--red);
  border-color: var(--red);
  background: rgba(239,68,68,.03);
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(239,68,68,.1), 0 0 0 3px rgba(239,68,68,.08);
}

.nav-logout:hover svg {
  opacity: .8;
  color: var(--red);
}

/* ═══════════════════════════════════
   HAMBURGER (mobile only)
   ═══════════════════════════════════ */
.eb-nav .hamburger {
  display: none;
  height: 46px;
  border-radius: 6px;
  background: var(--bg);
  border: 1.5px solid var(--border-lt);
  cursor: pointer;
  align-items: center;
  justify-content: center;
  color: var(--txt3);
  transition: .15s;
  flex: 1 1 0;
  min-width: 48px;
  padding: 0;
  margin-left: 6px;
  clip-path: polygon(4% 0, 100% 0, 100% 96%, 96% 100%, 0 100%, 0 4%);
}

.eb-nav .hamburger:hover {
  background: var(--accent-lt);
  color: var(--accent);
  border-color: var(--accent-glow);
}

.eb-nav .hamburger:active {
  background: rgba(37,99,235,.08);
}

.eb-nav .hamburger svg {
  width: 24px;
  height: 24px;
}

/* ═══════════════════════════════════
   MOBILE DRAWER
   ═══════════════════════════════════ */
.mobile-drawer {
  display: none;
  flex-direction: column;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: var(--card);
  border: 1px solid var(--border-lt);
  border-top: none;
  box-shadow: 0 12px 30px rgba(0,0,0,.1);
  max-height: 0;
  overflow-y: auto;
  transition: max-height .35s cubic-bezier(.16,1,.3,1);
  z-index: 200;
}

.mobile-drawer.open {
  max-height: 80vh;
}

/* WP menu in drawer */
.mobile-drawer .header-menu {
  all: unset !important;
  display: block !important;
}

.mobile-drawer .menu {
  all: unset !important;
  display: flex !important;
  flex-direction: column !important;
  padding: .5rem !important;
  gap: 1px !important;
  list-style: none !important;
  margin: 0 !important;
}

.mobile-drawer .menu li {
  all: unset !important;
  display: flex !important;
  flex-wrap: wrap !important;
  list-style: none !important;
}

.mobile-drawer .menu li::before {
  content: none !important;
  display: none !important;
}

.mobile-drawer .menu li a {
  all: unset !important;
  font-family: 'avenirnextcyr-medium', 'Roboto', system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  color: var(--txt2) !important;
  text-decoration: none !important;
  padding: 12px 14px !important;
  border-radius: 6px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  transition: .15s !important;
  cursor: pointer !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.mobile-drawer .menu li a i.fas {
  font-size: 14px !important;
  opacity: .35 !important;
  flex-shrink: 0 !important;
}

.mobile-drawer .menu li a:active,
.mobile-drawer .menu li a:hover {
  background: var(--bg) !important;
  color: var(--txt) !important;
}

.mobile-drawer .menu li.current-menu-item > a,
.mobile-drawer .menu li.current_page_item > a {
  color: var(--accent) !important;
  background: var(--accent-lt) !important;
}

.mobile-drawer .menu li.current-menu-item > a i.fas {
  opacity: .8 !important;
  color: var(--accent) !important;
}

/* HOT badge in drawer */
.mobile-drawer .menu li.hot-item > a .hot-badge {
  font-family: 'Roboto', monospace;
  font-size: 8px;
  font-weight: 700;
  background: linear-gradient(135deg, #f43f5e, #ff6b00);
  color: #fff;
  padding: 2px 6px;
  border-radius: 3px;
  margin-left: auto;
}


/* Drawer bottom row */
.drawer-bottom {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 14px;
  border-top: 1px solid var(--border-lt);
}

.drawer-bottom .nav-icon-btn {
  width: 44px;
  height: 44px;
}

.drawer-bottom .nav-logout {
  margin-left: auto;
}

/* ═══════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════ */
@media (max-width: 1200px) {
  .nav-center .menu > li > a { font-size: 13px !important; padding: 0 .65rem !important; }
  .nav-logout { font-size: 12px; padding: 0 .7rem; }
}

@media (max-width: 1050px) {
  .eb-nav { height: 56px !important; }
  .nav-center .menu > li > a { font-size: 12px !important; padding: 0 .5rem !important; letter-spacing: .04em !important; gap: 5px !important; }
  .nav-center .menu > li > a i.fas { font-size: 12px !important; }
  .nav-left .logo-item { width: 40px; height: 40px; }
  .nav-left .logo-item img { width: 28px; height: 28px; }
  .nav-icon-btn { width: 38px; height: 38px; }
  .nav-icon-btn svg { width: 17px; height: 17px; }
  .nav-logout { font-size: 11px; padding: 0 .5rem; height: 38px; gap: 4px; }
  .nav-logout svg { width: 14px; height: 14px; }
  .nav-login-btn { height: 38px; font-size: 11px; padding: 0 16px; }
  .hot-badge { font-size: 7px !important; padding: 2.5px 5px !important; }
}

@media (max-width: 900px) {
  .nav-center .menu > li > a i.fas { display: none !important; }
  .nav-center .menu > li > a { padding: 0 .4rem !important; font-size: 11px !important; gap: 3px !important; }
}

@media (max-width: 780px) {
  .nav-center .menu > li > a { font-size: 10.5px !important; padding: 0 .3rem !important; letter-spacing: .02em !important; }
  .nav-logout { display: none; }
  .nav-right { gap: 4px; padding-left: 8px; margin-left: 4px; }
}

@media (max-width: 620px) {
  .eb-nav { height: 54px !important; padding: 0 .6rem !important; }
  .nav-center, .nav-right { display: none !important; }
  .eb-nav .hamburger { display: flex; }
  .mobile-drawer { display: flex; }
  .nav-left { border-right: none; padding-right: 6px; margin-right: 0; }
  .nav-left .logo-item { width: 38px; height: 38px; }
  .nav-left .logo-item img { width: 26px; height: 26px; }
}

@media (max-width: 400px) {
  .nav-left .logo-item:nth-child(3) { display: none; }
}

/* ── Hide old header elements ── */
.eb-nav .header-logos,
.eb-nav .wrap-menu > .burger,
.eb-nav .log-link,
.eb-nav .push-button,
.eb-nav #profile-settings-button {
  display: none !important;
}

/* ═══════════════════════════════════
   LOGIN FORM — Order-preview card style
   ═══════════════════════════════════ */
.head-frm-bnr {
  float: none !important;
  position: relative !important;
  max-width: none !important;
  width: 100% !important;
  padding: 0 max(1.2rem, calc((100% - 1700px) / 2)) !important;
  box-sizing: border-box !important;
  display: flex !important;
  justify-content: flex-end !important;
  z-index: 99 !important;
  pointer-events: none !important;
}

.form-login-signup {
  position: absolute !important;
  top: 5px !important;
  right: max(1.2rem, calc((100% - 1700px) / 2)) !important;
  max-width: 380px !important;
  width: 100% !important;
  z-index: 99 !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: auto !important;
  animation: lf-slideIn .3s ease both !important;
}

@keyframes lf-slideIn {
  from { opacity: 0; transform: translateY(-10px); }
  to   { opacity: 1; transform: none; }
}

.form-login-signup .arrow {
  display: none !important;
}

/* Card shell */
.form-login-signup .login-signup-form {
  float: none !important;
  width: 100% !important;
  background: #fff !important;
  border: 1px solid var(--border-lt, #e8eaee) !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 4px rgba(0,0,0,.06), 0 8px 24px rgba(0,0,0,.1), 0 20px 48px rgba(5,73,120,.12) !important;
  overflow: hidden !important;
}

/* Tab header */
.form-login-signup .tab-group {
  background: none !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  list-style: none !important;
  border-bottom: 1px solid var(--border-lt, #e8eaee) !important;
  background: linear-gradient(135deg, rgba(37,99,235,.04), rgba(255,255,255,.9), rgba(37,99,235,.03)) !important;
}

.form-login-signup .tab-group li {
  list-style: none !important;
}

.form-login-signup .tab-group li a,
.form-login-signup .tab-group .active a {
  display: block !important;
  width: 100% !important;
  padding: 1.1rem 1.6rem !important;
  background: transparent !important;
  border: none !important;
  border-bottom: none !important;
  font-family: 'avenirnextcyr-bold', 'Roboto', system-ui, sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
  color: #0a0f1a !important;
  text-decoration: none !important;
  text-align: left !important;
  float: none !important;
  box-sizing: border-box !important;
  cursor: default !important;
}

/* Form fields section */
.form-login-signup .frm-fld-section {
  background: #fff !important;
  float: none !important;
  width: 100% !important;
  border: none !important;
  padding: 0 !important;
}

.form-login-signup .field-wrap {
  float: none !important;
  width: 100% !important;
  padding: 1rem 1.6rem !important;
  border-bottom: 1px solid var(--border-lt, #e8eaee) !important;
  text-align: left !important;
  box-sizing: border-box !important;
}

.form-login-signup .field-wrap:last-child {
  border-bottom: none !important;
}

.form-login-signup label {
  font-family: 'avenirnextcyr-bold', 'Roboto', system-ui, sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
  color: #555d6e !important;
  padding-bottom: 8px !important;
  display: block !important;
}

.form-login-signup input[type="text"],
.form-login-signup input[type="password"],
.form-login-signup input[type="email"] {
  width: 100% !important;
  height: 44px !important;
  padding: 0 14px !important;
  font-family: 'avenirnextcyr-medium', system-ui, sans-serif !important;
  font-size: 14px !important;
  color: #0a0f1a !important;
  background: #f8f9fb !important;
  border: 1.5px solid #e8eaee !important;
  border-radius: 8px !important;
  outline: none !important;
  transition: border-color .2s, box-shadow .2s !important;
  box-sizing: border-box !important;
  display: block !important;
}

.form-login-signup input:focus {
  border-color: #0364a9 !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(3,100,169,.1) !important;
}

/* reCAPTCHA injects a hidden <textarea name="g-recaptcha-response"> — keep it hidden */
.form-login-signup textarea[name="g-recaptcha-response"],
.form-login-signup .g-recaptcha textarea {
  display: none !important;
  position: absolute !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Password + forgot row */
.form-login-signup .login-pass {
  float: none !important;
  width: 100% !important;
  text-align: left !important;
  margin-bottom: 8px !important;
}

.form-login-signup .login-forg-pass {
  float: none !important;
  width: 100% !important;
  text-align: right !important;
}

.form-login-signup .login-forg-pass a,
.form-login-signup .forgot.tab-link a {
  font-family: 'avenirnextcyr-medium', system-ui, sans-serif !important;
  font-size: 12px !important;
  color: #0364a9 !important;
  text-decoration: none !important;
  padding: 0 !important;
  display: inline !important;
}

.form-login-signup .login-forg-pass a:hover,
.form-login-signup .forgot.tab-link a:hover {
  text-decoration: underline !important;
}

/* Checkbox */
.form-login-signup .logincheckbox {
  margin-bottom: 12px !important;
}

.form-login-signup .logincheckbox label {
  font-family: 'avenirnextcyr-bold', 'Roboto', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: .02em !important;
  color: #555d6e !important;
  padding-bottom: 0 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.form-login-signup .logincheckbox input[type=checkbox] {
  display: none !important;
}

.form-login-signup .logincheckbox input[type=checkbox]+label:before {
  content: '' !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  background: #f8f9fb !important;
  border: 1.5px solid #d4d7dd !important;
  border-radius: 4px !important;
  margin-right: 0 !important;
  transition: .15s !important;
}

.form-login-signup .logincheckbox input[type=checkbox]:checked+label:before {
  content: '\2714' !important;
  background: #0364a9 !important;
  border-color: #0364a9 !important;
  color: #fff !important;
  font-size: 10px !important;
  line-height: 16px !important;
  text-align: center !important;
}

/* Submit button — matches order-preview CTA */
.form-login-signup .button {
  width: 100% !important;
  height: 48px !important;
  background: #0364a9 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  font-family: 'avenirnextcyr-bold', 'Roboto', system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: all .25s cubic-bezier(.16,1,.3,1) !important;
  box-shadow: 0 4px 14px rgba(3,100,169,.3) !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.form-login-signup .button:hover {
  background: #024e85 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(3,100,169,.4) !important;
}

.form-login-signup .button:active {
  transform: translateY(0) !important;
  box-shadow: 0 2px 8px rgba(3,100,169,.3) !important;
}

/* Bottom info section */
.form-login-signup .frm-btm-section {
  float: none !important;
  width: 100% !important;
  padding: 1rem 1.6rem !important;
  margin: 0 !important;
  background: linear-gradient(135deg, rgba(37,99,235,.03), #fff) !important;
  border: none !important;
  border-top: 1px solid var(--border-lt, #e8eaee) !important;
  border-radius: 0 0 10px 10px !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

.form-login-signup .frm-btm-section p {
  font-family: 'avenirnextcyr-medium', system-ui, sans-serif !important;
  font-size: 12px !important;
  color: #555d6e !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

.form-login-signup .frm-btm-section strong {
  font-family: 'avenirnextcyr-bold', 'Roboto', system-ui, sans-serif !important;
  color: #0a0f1a !important;
  font-size: 13px !important;
  display: block !important;
  margin-bottom: 4px !important;
}

/* Status messages — shown while submitting or on error */
.form-login-signup .status {
  font-family: 'avenirnextcyr-medium', system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  text-align: center !important;
  color: #0364a9 !important;
  padding: .7rem 1rem !important;
  margin: .25rem 1.6rem .75rem !important;
  background: #eff6ff !important;
  border: 1px solid #dbeafe !important;
  border-radius: 8px !important;
  letter-spacing: .01em !important;
}
.form-login-signup .status.error,
.form-login-signup .status[data-type="error"] {
  color: #b91c1c !important;
  background: #fef2f2 !important;
  border-color: #fecaca !important;
}

/* ── Login form responsive ── */
@media (max-width: 620px) {
  .head-frm-bnr {
    padding: 0 .6rem !important;
  }

  .form-login-signup {
    right: .6rem !important;
    max-width: calc(100% - 1.2rem) !important;
    left: .6rem !important;
  }

  .form-login-signup .tab-group li a,
  .form-login-signup .tab-group .active a {
    font-size: 16px !important;
    padding: .9rem 1.2rem !important;
  }

  .form-login-signup .field-wrap {
    padding: .8rem 1.2rem !important;
  }

  .form-login-signup .frm-btm-section {
    padding: .8rem 1.2rem !important;
  }
}
body{--glsr-white:#fff;--glsr-gray-100:#f5f5f5;--glsr-gray-200:#e5e5e5;--glsr-gray-300:#d4d4d4;--glsr-gray-400:#a3a3a3;--glsr-gray-500:#737373;--glsr-gray-600:#525252;--glsr-gray-700:#404040;--glsr-gray-800:#262626;--glsr-gray-900:#171717;--glsr-black:#000;--glsr-blue:#1c64f2;--glsr-green:#057a55;--glsr-red:#e02424;--glsr-yellow:#faca15;--glsr-duration-slow:0.3s;--glsr-duration-fast:0.15s;--glsr-gap-xs:0.25em;--glsr-gap-sm:0.5em;--glsr-gap-md:0.75em;--glsr-gap-lg:1em;--glsr-gap-xl:2em;--glsr-leading:1.5;--glsr-px:1.25em;--glsr-py:1.25em;--glsr-radius:3px;--glsr-text-base:1em;--glsr-text-sm:0.875em;--glsr-text-md:1em;--glsr-text-lg:1.25em;--glsr-review-star:1.25em;--glsr-review-verified:var(--glsr-green);--glsr-tag-label-weight:600;--glsr-bar-bg:var(--glsr-yellow);--glsr-bar-leading:1.5;--glsr-bar-opacity:0.1;--glsr-max-w:48ch;--glsr-summary-star:1.5em;--glsr-summary-text:var(--glsr-text-sm);--glsr-choice-h:1.125em;--glsr-choice-w:1.125em;--glsr-description-text:var(--glsr-text-sm);--glsr-form-error:var(--glsr-red);--glsr-form-star:2em;--glsr-form-success:var(--glsr-green);--glsr-input-b:1px solid var(--glsr-gray-400);--glsr-input-bg:var(--glsr-white);--glsr-input-color:var(--glsr-gray-900);--glsr-input-px:0.75em;--glsr-input-py:0.5em;--glsr-input-radius:3px;--glsr-input-transition:border-color var(--glsr-duration-fast) ease-in-out;--glsr-label-text:var(--glsr-text-sm);--glsr-label-weight:600;--glsr-range-size:1.75em;--glsr-toggle-bg-0:currentColor;--glsr-toggle-bg-1:currentColor;--glsr-toggle-color:var(--glsr-white);--glsr-toggle-h:1.25em;--glsr-toggle-opacity-0:0.2;--glsr-toggle-opacity-1:1;--glsr-toggle-p:.15em;--glsr-toggle-radius:999px;--glsr-toggle-shadow-color:rgba(0,0,0,.1);--glsr-toggle-size:calc(var(--glsr-toggle-h) - var(--glsr-toggle-p)*2);--glsr-toggle-text:1em;--glsr-toggle-w:calc(var(--glsr-toggle-h)*2 - var(--glsr-toggle-p)*2);--glsr-modal-bg:var(--wp--preset--color--base,var(--glsr-white));--glsr-modal-radius:3px;--glsr-modal-padding:1.5em;--glsr-tooltip-border-radius:4px;--glsr-tooltip-font-size:0.875rem;--glsr-tooltip-font-weight:400;--glsr-tooltip-line-height:1;--glsr-tooltip-margin:12px;--glsr-tooltip-padding:.5em 1em;--glsr-tooltip-size:6px}@keyframes gl-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes gl-fadeOut{0%{opacity:1}to{opacity:0}}@keyframes gl-spin{0%{transform:rotate(0deg) translateZ(0)}to{transform:rotate(1turn) translateZ(0)}}@keyframes gl-zoomIn{0%{transform:scale(.95)}to{transform:scale(1)}}@keyframes gl-zoomOut{0%{transform:scale(1)}to{transform:scale(.95)}}.glsr *+*{box-sizing:border-box}.glsr,.glsr-modal{border-width:0;font-size:var(--glsr-text-base)}.glsr .screen-reader-text,.glsr-modal .screen-reader-text{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.glsr-captcha-holder iframe{margin:0!important}.glsr-captcha-holder[data-size=invisible]:not([data-badge=inline]){bottom:0;position:absolute}.glsr-captcha-holder>div:not([data-type=procaptcha]){display:flex}.glsr-fade-out{opacity:0!important;transition:visibility 0s cubic-bezier(0,0,.2,1) var(--glsr-duration-slow),opacity var(--glsr-duration-slow)!important;visibility:hidden!important}.glsr-reviews,.glsr-reviews-wrap{grid-gap:var(--glsr-gap-xl);display:grid;gap:var(--glsr-gap-xl)}.glsr-default .glsr-loading,.glsr-default form.glsr-form .glsr-loading{display:inline-flex;flex-grow:0;flex-shrink:0;height:1em;position:relative;width:1em}.glsr-default .glsr-loading:not(.does-not-exist):not(does-not-exist):after,.glsr-default .glsr-loading:not(.does-not-exist):not(does-not-exist):before,.glsr-default form.glsr-form .glsr-loading:after,.glsr-default form.glsr-form .glsr-loading:before{animation:gl-spin .5s linear infinite;border:.2em solid;border-radius:100%;box-sizing:border-box;content:"";display:block;height:100%;left:0;margin:0;position:absolute;top:0;width:100%}.glsr-default .glsr-loading:not(.does-not-exist):not(does-not-exist):before,.glsr-default form.glsr-form .glsr-loading:before{border-top-color:transparent;opacity:.5}.glsr-default .glsr-loading:not(.does-not-exist):not(does-not-exist):after,.glsr-default form.glsr-form .glsr-loading:after{border-color:currentColor transparent transparent}.glsr-default .glsr-spinner{animation:gl-spin .5s linear infinite;border-radius:50%;height:24px;position:relative;width:24px}.glsr-default .glsr-spinner:after,.glsr-default .glsr-spinner:before{background:currentColor;border-radius:50%;content:"";height:8px;position:absolute;width:8px}.glsr-default .glsr-spinner:before{left:0;top:0}.glsr-default .glsr-spinner:after{bottom:0;right:0}.glsr-default .glsr-pagination{position:relative}.glsr-default .glsr-pagination:not(.glsr-ajax-loadmore){align-items:center;display:flex;justify-content:center}.glsr-default .glsr-pagination .glsr-spinner{position:absolute}.glsr-default .glsr-pagination .pagination{flex-basis:100%;margin-bottom:0;margin-top:0;opacity:1;transition:opacity var(--glsr-duration-slow)}.glsr-default.glsr-hide .glsr-pagination .pagination{opacity:0!important}.glsr-star-rating{align-items:center;display:flex;position:relative}.glsr-stars{justify-content:center}.glsr-star{background-size:var(--glsr-review-star);flex-shrink:0;font-size:inherit;height:var(--glsr-review-star);width:var(--glsr-review-star)}.glsr-summary .glsr-star{background-size:var(--glsr-summary-star);height:var(--glsr-summary-star);width:var(--glsr-summary-star)}.glsr-star-empty{background-image:var(--glsr-star-empty)}.glsr-star-full{background-image:var(--glsr-star-full)}.glsr-star-half{background-image:var(--glsr-star-half)}.glsr-review{quotes:"“" "”";word-break:break-word}.glsr-review,.glsr-reviews>p{opacity:1;transition:opacity .5s}.glsr-hide .glsr-review,.glsr-hide .glsr-reviews>p{opacity:0!important}.glsr-review p:first-of-type{margin-top:0!important}.glsr-review [data-expanded=false] p.glsr-hidden-text,.glsr-review p:last-of-type{margin-bottom:0!important}.glsr-review-date{white-space:nowrap}.glsr-review-rating{align-items:center;display:inline-flex;gap:.5em;justify-content:center}.glsr-review-response{padding:var(--glsr-py) var(--glsr-px);position:relative;width:100%}.glsr-review-response:before{border-bottom:calc(var(--glsr-text-md)*1.5) solid;border-left:0 solid transparent;border-right:calc(var(--glsr-text-md)*2) solid transparent;border-top:0 solid;content:"";height:0;opacity:.1;position:absolute;right:calc(var(--glsr-text-md)*1.5);top:calc((var(--glsr-text-md)*1.5)*-1);top:calc(var(--glsr-text-md)*1.5*-1);width:0}.glsr-review-response:after{background-color:currentColor;border-radius:var(--glsr-radius);content:"";height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%}.glsr-rtl .glsr-review-response:before{border-left-width:calc(var(--glsr-text-md)*2);border-right-width:0;left:calc(var(--glsr-text-md)*1.5);right:auto}.glsr-review-response-inner{position:relative;z-index:1}.glsr-default .glsr-review{display:flex;flex-wrap:wrap;gap:var(--glsr-gap-md)}.glsr-default .glsr-review p{margin-bottom:var(--glsr-text-md);margin-top:0;padding:0}.glsr-default .glsr-tag-label{font-weight:var(--glsr-tag-label-weight)}.glsr-default .glsr-review-assigned_links,.glsr-default .glsr-review-assigned_posts,.glsr-default .glsr-review-assigned_terms,.glsr-default .glsr-review-assigned_users{width:100%}.glsr-default .glsr-review-author{align-items:center;display:inline-flex;gap:.5em}.glsr-default .glsr-review-avatar{flex:0 0}.glsr-default .glsr-review-avatar img{border-width:0;display:flex;margin:0;max-height:none;max-width:none;-o-object-fit:cover;object-fit:cover}.glsr-default .glsr-review-content{width:100%}.glsr-default .glsr-review-date{align-items:center;display:inline-flex;flex:1 0;font-style:italic;white-space:nowrap}.glsr-default .glsr-review-rating{align-items:center;display:inline-flex;flex-shrink:0;gap:.5em}.glsr-default .glsr-review-response,.glsr-default .glsr-review-title{width:100%}.glsr-default .glsr-review-title h3,.glsr-default .glsr-review-title h4,.glsr-default .glsr-review-title h5{margin-bottom:0;margin-top:0}.glsr-default .glsr-review-verified{align-items:center;color:var(--glsr-review-verified);display:flex;font-size:var(--glsr-text-sm);gap:.25em}.glsr-default .glsr-read-more{white-space:nowrap}.glsr-default .glsr-read-more:before{content:"";margin-left:0;margin-right:.5em}.glsr-default.glsr-rtl .glsr-read-more:before{margin-left:.5em;margin-right:0}.glsr-default [data-expanded=false] .glsr-read-more:before{content:"\2026"}.glsr-default [data-expanded=false] .glsr-hidden{display:none}.glsr-summary{align-items:center;display:flex;flex-wrap:wrap;gap:var(--glsr-gap-sm);max-width:var(--glsr-max-w);position:relative;width:100%}.glsr-summary-rating{font-size:var(--glsr-text-lg);font-weight:700;line-height:1}.glsr-summary-stars,.glsr-summary-text{font-size:var(--glsr-summary-text)}.glsr-summary-text{flex:1 1 100%}.glsr-summary-percentages{position:relative;width:100%}.glsr-summary .glsr-bar{display:table-row;white-space:nowrap}.glsr-summary .glsr-bar>span{display:table-cell;line-height:var(--glsr-bar-leading);vertical-align:middle}.glsr-summary .glsr-bar-label{font-size:var(--glsr-summary-text);padding-left:0;padding-right:var(--glsr-gap-sm)}.glsr-rtl .glsr-summary .glsr-bar-label{padding-left:var(--glsr-gap-sm);padding-right:0}.glsr-summary .glsr-bar-background{position:relative;width:100%}.glsr-summary .glsr-bar-background:before{background-color:currentColor;content:"";display:block;height:var(--glsr-text-md);margin-top:calc(var(--glsr-text-md)/2*-1);opacity:var(--glsr-bar-opacity);position:absolute;top:50%;width:100%}.glsr-summary .glsr-bar-background-percent{background-color:currentColor;color:var(--glsr-bar-bg);display:block;height:var(--glsr-text-md);position:relative}.glsr-summary .glsr-bar-percent{font-size:var(--glsr-summary-text);padding-left:var(--glsr-gap-sm);padding-right:0;text-align:right}.glsr-rtl .glsr-summary .glsr-bar-percent{padding-left:0;padding-right:var(--glsr-gap-sm);text-align:left}.glsr-default form.glsr-hide-form{max-height:0!important;opacity:0;overflow:hidden}.glsr-default form.glsr-form{grid-row-gap:var(--glsr-gap-md);display:grid;grid-template-columns:repeat(1,minmax(0,1fr));position:relative;row-gap:var(--glsr-gap-md)}.glsr-default .glsr-field{position:relative}.glsr-default .glsr-field.glsr-hidden,.glsr-default .glsr-field:not(.glsr-field-is-invalid) .glsr-field-error,.glsr-default .glsr-form-message:not(.glsr-form-failed):not(.glsr-form-success){display:none}.glsr-default .glsr-field-error{color:var(--glsr-form-error);font-size:var(--glsr-text-sm)}.glsr-default .glsr-form-failed{color:var(--glsr-form-error)}.glsr-default .glsr-form-success{color:var(--glsr-form-success)}.glsr-default .glsr-is-invalid{border-color:var(--glsr-form-error)!important}.glsr-default form.glsr-form label.glsr-label{display:block;float:none;-webkit-hyphens:none;hyphens:none;margin:0}.glsr-default form.glsr-form .glsr-description{display:block;font-weight:normal;text-transform:none}.glsr-default form.glsr-form input.glsr-input:not(.wp-block-search__input),.glsr-default form.glsr-form select.glsr-select,.glsr-default form.glsr-form textarea.glsr-textarea{box-sizing:border-box;display:block;float:none;margin:0;max-height:none;max-width:none;min-height:auto;min-width:auto;width:100%}.glsr-default form.glsr-form textarea.glsr-textarea{resize:vertical}.glsr-default form.glsr-form .glsr-field-checkbox,.glsr-default form.glsr-form .glsr-field-radio{display:flex}.glsr-default form.glsr-form .glsr-field-checkbox label,.glsr-default form.glsr-form .glsr-field-radio label{align-items:flex-start;-moz-column-gap:var(--glsr-gap-sm);column-gap:var(--glsr-gap-sm);display:inline-flex;margin:0}.glsr-default form.glsr-form .glsr-field-checkbox span:first-of-type,.glsr-default form.glsr-form .glsr-field-radio span:first-of-type{align-items:center;display:flex}.glsr-default form.glsr-form input.glsr-input-radio[type=radio],.glsr-default form.glsr-form input.glsr-input-range[type=radio],.glsr-default form.glsr-form input[type=checkbox].glsr-input-checkbox{box-sizing:border-box;display:inline-block;flex-shrink:0;left:0;margin:0;outline:none;padding:0;top:0;vertical-align:middle}.glsr-default form.glsr-form .glsr-field-toggle{display:flex}.glsr-default form.glsr-form .glsr-toggle{align-items:flex-start;-moz-column-gap:var(--glsr-gap-sm);column-gap:var(--glsr-gap-sm);display:inline-flex;flex-direction:row-reverse}.glsr-default form.glsr-form .glsr-toggle label{display:block;margin:0}.glsr-default form.glsr-form .glsr-toggle .glsr-toggle-switch{align-items:center;display:flex;flex-shrink:0;font-size:var(--glsr-toggle-text);position:relative;width:var(--glsr-toggle-w)}.glsr-default form.glsr-form .glsr-toggle input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border-color:transparent!important;border-radius:var(--glsr-toggle-radius);border-width:1px;box-shadow:none;box-sizing:border-box;cursor:pointer;display:block;font-size:inherit;height:var(--glsr-toggle-h);left:auto;margin:0!important;overflow:hidden;padding:0!important;position:absolute;top:auto!important;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--glsr-toggle-w);z-index:0}.glsr-default form.glsr-form .glsr-toggle input[type=checkbox]:after,.glsr-default form.glsr-form .glsr-toggle input[type=checkbox]:before{box-sizing:border-box;display:none}.glsr-default form.glsr-form .glsr-toggle input[type=checkbox]+.glsr-toggle-track{border-radius:var(--glsr-toggle-radius);box-sizing:border-box;height:var(--glsr-toggle-h);padding:var(--glsr-toggle-p);pointer-events:none;position:absolute;width:var(--glsr-toggle-w)}.glsr-default form.glsr-form .glsr-toggle input[type=checkbox]+.glsr-toggle-track:before{background-color:var(--glsr-toggle-bg-0);border-radius:var(--glsr-toggle-radius);box-sizing:border-box;content:"";display:block;height:100%;left:0;opacity:var(--glsr-toggle-opacity-0);position:absolute;top:0;transition:background-color var(--glsr-duration-fast) ease-in-out,opacity var(--glsr-duration-fast) ease-in-out;width:100%}.glsr-default form.glsr-form .glsr-toggle input[type=checkbox]+.glsr-toggle-track:after{background-color:var(--glsr-toggle-color);border-radius:calc(var(--glsr-toggle-radius) - var(--glsr-toggle-p));box-shadow:0 calc(var(--glsr-toggle-h)*.05) calc(var(--glsr-toggle-h)*.1) var(--glsr-toggle-shadow-color),0 calc(var(--glsr-toggle-h)*.05) calc(var(--glsr-toggle-h)*.15) var(--glsr-toggle-shadow-color);box-sizing:border-box;content:"";display:block;height:var(--glsr-toggle-size);pointer-events:none;position:relative;transition:transform var(--glsr-duration-fast) ease-in-out;width:var(--glsr-toggle-size);z-index:1}.glsr-default form.glsr-form .glsr-field-toggle input[type=checkbox]:checked+.glsr-toggle-track:before{background-color:var(--glsr-toggle-bg-1);opacity:var(--glsr-toggle-opacity-1);transition:background-color var(--glsr-duration-fast) ease-in-out,opacity var(--glsr-duration-fast) ease-in-out}.glsr-default form.glsr-form .glsr-field-toggle input[type=checkbox]:checked+.glsr-toggle-track:after{transform:translateX(var(--glsr-toggle-size))}.glsr-default.glsr-rtl form.glsr-form .glsr-field-toggle input[type=checkbox]:checked+.glsr-toggle-track:after{transform:translateX(calc(var(--glsr-toggle-size)*-1))}.glsr-default form.glsr-form .glsr-range-labels{display:grid;font-size:var(--glsr-text-sm);grid-template-columns:repeat(auto-fit,minmax(50px,1fr));line-height:1.5;text-align:center}.glsr-default form.glsr-form .glsr-range-labels :first-child{text-align:left}.glsr-default form.glsr-form .glsr-range-labels :last-child{text-align:right}.glsr-default form.glsr-form .glsr-range-options{align-items:center;display:flex;font-size:var(--glsr-text-base);gap:var(--glsr-gap-lg);justify-content:space-between;margin-bottom:calc(var(--glsr-text-sm)*1.5);padding-bottom:var(--glsr-gap-xs);padding-top:var(--glsr-gap-xs);position:relative}.glsr-default form.glsr-form .glsr-range-options:before{background-color:var(--glsr-gray-400);content:"";display:block;height:1px;position:absolute;width:100%}.glsr-default form.glsr-form .glsr-range-options:has(.glsr-is-invalid):before{background-color:var(--glsr-form-error)}.glsr-default form.glsr-form .glsr-field-range{display:flex;z-index:1}.glsr-default form.glsr-form .glsr-range-options input[type=radio].glsr-input-range{flex-shrink:0;height:var(--glsr-range-size);width:var(--glsr-range-size)}.glsr-default form.glsr-form .glsr-range-options label{display:none}.glsr-default form.glsr-form .glsr-range-options input[type=radio]:checked+label{display:flex;font-size:var(--glsr-text-sm);left:0;line-height:1.5;position:absolute;top:100%}.glsr-default form.glsr-form .glsr-range-options:not(:has(input[type=radio]:checked)):after{content:attr(data-placeholder);display:flex;font-size:var(--glsr-text-sm);left:0;line-height:1.5;position:absolute;top:100%}form.glsr-form .glsr-star-rating:not([data-star-rating]) .glsr-star-rating--stars{display:none!important}form.glsr-form .glsr-star-rating>select{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px!important;margin:0!important;opacity:0!important;overflow:hidden!important;padding:0!important;position:absolute!important;top:0!important;visibility:visible!important;white-space:nowrap!important;width:1px!important}form.glsr-form .glsr-star-rating>select:after,form.glsr-form .glsr-star-rating>select:before{display:none!important}form.glsr-form .glsr-star-rating>select:focus+.glsr-star-rating--stars:before{box-shadow:0 0 0 3px -moz-mac-focusring;box-shadow:0 0 0 3px -webkit-focus-ring-color;box-shadow:0 0 0 3px Highlight;content:"";display:block;height:100%;outline:1px solid transparent;pointer-events:none;position:absolute;width:100%}form.glsr-form .glsr-star-rating--ltr>select{left:0!important}form.glsr-form .glsr-star-rating--rtl>select{right:0!important}form.glsr-form .glsr-star-rating--stars{align-items:center;cursor:pointer;display:flex;position:relative}form.glsr-form select[disabled]+.glsr-star-rating--stars{cursor:default}form.glsr-form .glsr-star-rating--stars>span{display:flex;height:var(--glsr-form-star);margin:0;width:var(--glsr-form-star)}form.glsr-form .glsr-star-rating--stars[class*=" s"]>span{background-image:var(--glsr-star-empty);background-position:50%;background-repeat:no-repeat;background-size:contain}form.glsr-form .glsr-field-is-invalid .glsr-star-rating--stars[class*=" s"]>span{background-image:var(--glsr-star-error)}form.glsr-form .glsr-star-rating--stars[class*=" s"]>span.gl-active,form.glsr-form .glsr-star-rating--stars[class*=" s"]>span.gl-active.gl-selected{background-image:var(--glsr-star-full)}form.glsr-form .glsr-has-rating-labels .glsr-star-rating--stars[aria-label]{margin-bottom:calc(var(--glsr-text-sm)*1.5);padding-bottom:var(--glsr-gap-xs)}form.glsr-form .glsr-has-rating-labels .glsr-star-rating--stars[aria-label]:after{content:attr(aria-label);display:flex;font-size:var(--glsr-text-sm);left:0;line-height:1.5;position:absolute;top:100%}.glsr-default button.glsr-button{align-items:center!important;cursor:pointer;display:inline-flex!important;white-space:nowrap}.glsr-default button.glsr-button:not(.wp-block-search__button){margin:0}.glsr-default button.glsr-button[aria-busy=true]{gap:var(--glsr-gap-sm)}.glsr-default .wp-block-button{margin:0}.glsr-modal{display:none;font-size:var(--glsr-text-base);line-height:var(--glsr-leading);pointer-events:none;position:fixed;z-index:-1}.glsr-modal.is-open{display:block;pointer-events:auto;z-index:99999}.glsr-modal__overlay{align-items:center;background:rgba(0,0,0,.6);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw}.glsr-modal__dialog{background-color:var(--glsr-modal-bg);border-radius:var(--glsr-modal-radius);box-shadow:0 1px 2px rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.07),0 4px 8px rgba(0,0,0,.07),0 8px 16px rgba(0,0,0,.07),0 16px 32px rgba(0,0,0,.07),0 32px 64px rgba(0,0,0,.07);box-sizing:border-box;display:flex;flex-direction:column;max-height:calc(100vh - 2em);max-width:700px;min-height:150px;min-width:320px;overflow:hidden;position:relative;width:calc(100vw - 2em);will-change:transform}.glsr-modal-small .glsr-modal__dialog{min-height:auto;width:480px}[aria-hidden=false] .glsr-modal__dialog{animation:gl-zoomIn var(--glsr-duration-slow) cubic-bezier(0,0,.2,1)}[aria-hidden=true] .glsr-modal__dialog{animation:gl-zoomOut var(--glsr-duration-fast) cubic-bezier(0,0,.2,1)}.glsr-modal__header{font-weight:600}.glsr-modal__footer,.glsr-modal__header{align-items:center;box-shadow:0 0 1px 0 color-mix(in srgb,currentColor 10%,transparent),0 0 1em 0 rgba(0,0,0,.1);display:flex;flex-shrink:0;gap:var(--glsr-gap-md);padding:0 var(--glsr-modal-padding);position:relative;z-index:1}.glsr-modal__footer>div,.glsr-modal__header>div{align-items:center;display:flex;flex:1;gap:var(--glsr-gap-md);padding:.75em 0}.glsr-modal__content{-webkit-overflow-scrolling:touch;overflow-y:auto;padding:var(--glsr-modal-padding);position:relative}.glsr-modal button.glsr-modal__close,.glsr-modal button.glsr-modal__close:focus,.glsr-modal button.glsr-modal__close:hover{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent!important;border:0;box-shadow:none;color:currentColor!important;cursor:pointer;display:flex;font-size:1em;height:1.5em;justify-content:center;line-height:1;margin:.75em 1em;outline-offset:0;padding:0;position:absolute;right:0;top:0;transform:scale(1);transition:transform var(--glsr-duration-fast) ease-in;width:1.5em;z-index:10}.glsr-modal button.glsr-modal__close:hover{transform:scale(1.1)}.glsr-modal button.glsr-modal__close:before{all:revert;content:"\2715";font-family:arial;font-size:1.5em;font-weight:700;line-height:1}.glsr-modal button.glsr-modal__close:after,.glsr-modal[aria-hidden=true] .glsr-modal__close{display:none!important}.glsr-modal .glsr-modal__overlay{animation-timing-function:cubic-bezier(0,0,.2,1)}.glsr-modal[aria-hidden=false] .glsr-modal__overlay{animation-duration:var(--glsr-duration-slow);animation-name:gl-fadeIn}.glsr-modal[aria-hidden=true] .glsr-modal__overlay{animation-duration:var(--glsr-duration-fast);animation-name:gl-fadeOut}.glsr-modal-error .glsr-modal__content,.glsr-modal-success .glsr-modal__content{display:flex;gap:var(--glsr-gap-md)}.glsr-modal-error .glsr-modal__content:before,.glsr-modal-success .glsr-modal__content:before{content:"";display:block;flex-shrink:0;height:2em;margin-top:-.25em;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;opacity:.75;width:2em}.glsr-modal-error .glsr-modal__content:before{background-color:var(--glsr-red);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2a8 8 0 1 1 0 16 8 8 0 1 1 0-16zm1.13 9.38.35-6.46H8.52l.35 6.46h2.26zm-.09 3.36c.24-.23.37-.55.37-.96 0-.42-.12-.74-.36-.97s-.59-.35-1.06-.35-.82.12-1.07.35-.37.55-.37.97c0 .41.13.73.38.96.26.23.61.34 1.06.34s.8-.11 1.05-.34z'/%3E%3C/svg%3E");mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2a8 8 0 1 1 0 16 8 8 0 1 1 0-16zm1.13 9.38.35-6.46H8.52l.35 6.46h2.26zm-.09 3.36c.24-.23.37-.55.37-.96 0-.42-.12-.74-.36-.97s-.59-.35-1.06-.35-.82.12-1.07.35-.37.55-.37.97c0 .41.13.73.38.96.26.23.61.34 1.06.34s.8-.11 1.05-.34z'/%3E%3C/svg%3E")}.glsr-modal-success .glsr-modal__content:before{background-color:var(--glsr-green);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2a8 8 0 1 0 0 16 8 8 0 1 0 0-16zm-.615 12.66h-1.34l-3.24-4.54 1.341-1.25 2.569 2.4 5.141-5.931 1.34.94-5.811 8.381z'/%3E%3C/svg%3E");mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2a8 8 0 1 0 0 16 8 8 0 1 0 0-16zm-.615 12.66h-1.34l-3.24-4.54 1.341-1.25 2.569 2.4 5.141-5.931 1.34.94-5.811 8.381z'/%3E%3C/svg%3E")}#glsr-modal-review .glsr-read-more{display:none!important}#glsr-modal-verified .glsr-modal__footer{box-shadow:inset 0 .5px 0 var(--glsr-review-verified);color:var(--glsr-review-verified)}#glsr-modal-verified .glsr-modal__footer:after{background:currentColor;content:"";height:100%;left:0;opacity:.125;position:absolute;top:0;width:100%;z-index:-1}.glsr-debug{position:relative}.glsr-debug:before{background-color:currentColor;content:"";height:100%;left:0;opacity:.15;overflow:hidden;position:absolute;top:0;width:100%}.glsr-debug pre{font-family:"Fira Code",Consolas,Monaco,monospace;font-size:12px;line-height:1.25;padding:10px;position:relative;z-index:1}.glsr-default{--glsr-toggle-bg-1:var(--glsr-blue)}.glsr-default form.glsr-form{font-size:var(--glsr-text-md);line-height:var(--glsr-leading)}.glsr-default form.glsr-form label.glsr-label{font-size:var(--glsr-label-text);font-weight:var(--glsr-label-weight);line-height:var(--glsr-leading);margin-bottom:var(--glsr-gap-xs);padding:0}.glsr-default form.glsr-form .glsr-label+.glsr-description{margin-bottom:var(--glsr-gap-xs)}.glsr-default form.glsr-form .glsr-description{font-size:var(--glsr-description-text);opacity:.75}.glsr-default form.glsr-form input.glsr-input,.glsr-default form.glsr-form select.glsr-select,.glsr-default form.glsr-form textarea.glsr-textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-clip:padding-box;background-color:var(--glsr-input-bg);border:var(--glsr-input-b);border-radius:var(--glsr-input-radius);color:var(--glsr-input-color);font-family:inherit;font-size:var(--glsr-text-md);line-height:var(--glsr-leading);min-height:auto!important;padding:var(--glsr-input-py) var(--glsr-input-px)!important;transition:var(--glsr-input-transition)}.glsr-default form.glsr-form input.glsr-input:focus,.glsr-default form.glsr-form select.glsr-select:focus,.glsr-default form.glsr-form textarea.glsr-textarea:focus{background-color:var(--glsr-input-bg);box-shadow:0 0 0 3px -moz-mac-focusring;box-shadow:0 0 0 3px -webkit-focus-ring-color;box-shadow:0 0 0 3px Highlight;outline:1px solid transparent}.glsr-default form.glsr-form select.glsr-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='m7 7 3-3 3 3m0 6-3 3-3-3' stroke='%239fa6b2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .5em center;background-repeat:no-repeat;background-size:1.5em 1.5em;height:auto;padding-right:3em;-webkit-print-color-adjust:exact;print-color-adjust:exact}.glsr-default form.glsr-form input.glsr-input-radio[type=radio],.glsr-default form.glsr-form input.glsr-input-range[type=radio],.glsr-default form.glsr-form input[type=checkbox].glsr-input-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--glsr-white);background-origin:border-box;border:1px solid var(--glsr-gray-400);color:var(--glsr-blue);font-size:var(--glsr-text-md);height:var(--glsr-choice-h);min-height:auto;min-width:auto;-webkit-print-color-adjust:exact;print-color-adjust:exact;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--glsr-choice-w)}.glsr-default form.glsr-form input.glsr-input-checkbox[type=checkbox]:after,.glsr-default form.glsr-form input.glsr-input-checkbox[type=checkbox]:before,.glsr-default form.glsr-form input.glsr-input-radio[type=radio]:after,.glsr-default form.glsr-form input.glsr-input-radio[type=radio]:before,.glsr-default form.glsr-form input.glsr-input-range[type=radio]:after,.glsr-default form.glsr-form input.glsr-input-range[type=radio]:before{display:none!important}.glsr-default form.glsr-form input.glsr-input-checkbox[type=checkbox]:checked,.glsr-default form.glsr-form input.glsr-input-radio[type=radio]:checked,.glsr-default form.glsr-form input.glsr-input-range[type=radio]:checked{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}.glsr-default form.glsr-form input.glsr-input-checkbox[type=checkbox]:focus,.glsr-default form.glsr-form input.glsr-input-radio[type=radio]:focus,.glsr-default form.glsr-form input.glsr-input-range[type=radio]:focus{box-shadow:0 0 0 3px -moz-mac-focusring;box-shadow:0 0 0 3px -webkit-focus-ring-color;box-shadow:0 0 0 3px Highlight;outline:1px solid transparent}.glsr-default form.glsr-form input.glsr-input-checkbox[type=checkbox]:checked:focus,.glsr-default form.glsr-form input.glsr-input-radio[type=radio]:checked:focus,.glsr-default form.glsr-form input.glsr-input-range[type=radio]:checked:focus{border-color:transparent}.glsr-default form.glsr-form input[type=checkbox].glsr-input-checkbox{border-radius:var(--glsr-input-radius)}.glsr-default form.glsr-form input.glsr-input-checkbox[type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E")}.glsr-default form.glsr-form input.glsr-input-radio[type=radio],.glsr-default form.glsr-form input.glsr-input-range[type=radio]{border-radius:100%}.glsr-default form.glsr-form input.glsr-input-radio[type=radio]:checked,.glsr-default form.glsr-form input.glsr-input-range[type=radio]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}.glsr-default form.glsr-form .glsr-toggle label{font-size:var(--glsr-text-md);line-height:var(--glsr-leading);padding:0}.glsr-default form.glsr-form .glsr-toggle input[type=checkbox]:focus{outline:none}.glsr-default form.glsr-form .glsr-toggle input[type=checkbox]:focus+.glsr-toggle-track{box-shadow:0 0 0 3px Highlight;box-shadow:0 0 0 3px -moz-mac-focusring;box-shadow:0 0 0 3px -webkit-focus-ring-color;outline:1px solid transparent}.glsr-default form.glsr-form .glsr-field-error{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;line-height:var(--glsr-leading)}.theme-twentytwentytwo .glsr-default .glsr-button{border:none}.theme-twentytwentytwo .glsr-default .glsr-button:hover{color:var(--glsr-white)}

:root{--glsr-star-empty:url(https://valboosting.com/wp-content/plugins/site-reviews/assets/images/stars/default/star-empty.svg);--glsr-star-error:url(https://valboosting.com/wp-content/plugins/site-reviews/assets/images/stars/default/star-error.svg);--glsr-star-full:url(https://valboosting.com/wp-content/plugins/site-reviews/assets/images/stars/default/star-full.svg);--glsr-star-half:url(https://valboosting.com/wp-content/plugins/site-reviews/assets/images/stars/default/star-half.svg)}

.wpa-box{
	padding: 6px 9px;
	margin: 0 auto 25px;
	display: block;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.wpa-error{
	background: #ffebe8;
	border: 1px solid #C00;
}
.wpa-success{
	background: #e7f7d3;
	border: 1px solid #6c3;
}
.wpa-alert{
	background: #fffbbc;
	border: 1px solid #E6DB55;
}
/* Last paragraph, no bottom margin */
.wpa-box p:last-child {
	margin-bottom: 0 !important;
}

/* We need all these styles to counteract various theme dependent styles that can mess with the alignment, colors, etc. */
#user_email_username{
	box-sizing: border-box;
	height: 32px;

	width: 60%;
	margin-bottom: 10px;
	vertical-align: top;
	font-size: 14px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 2px;
	color: #2b2b2b;
	padding: 9px 10px 8px;
	line-height: 0.9em;
	display: inline-block;
}
#wpa-submit{
	box-sizing: border-box;
	height: 32px;

	width:25%;
	max-width: 100px;
	font-size: 14px;
	background-color: #333;
	background-image: none;
	border: 0 none;
	border-radius: 2px !important;
	color: #fff !important;
	font-weight: normal;
	padding: 9px 2px 9px 2px;
	text-transform: uppercase;
	vertical-align: top;
	box-shadow: none;
	text-shadow: none;
	line-height: 1em;
	display: inline-block;
}

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

						50% {
							transform: rotate(180deg);
						}

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

					#wingsL {
						animation: rotateWings 6s cubic-bezier(0.66, 0.01, 0.36, 1.02) infinite;
						transform-origin: 51% 50%;
					}

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

						50% {
							transform: rotate(-180deg);
						}

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

					#arrowsL {
						animation: rotateArrowsL 8s ease-in-out infinite;
						transform-origin: 50% 50%;
					}

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

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

					#grXA1 {
						animation: rotateGrXA1 10s linear infinite;
						transform-origin: 50% 50%;
					}

					@keyframes moveGreenVPath {

						0%,
						100% {
							transform: translateY(0);
						}

						50% {
							transform: translateY(-30px);
						}
					}

					#greenV path {
						animation: moveGreenVPath 8s linear infinite alternate;
					}
				
    /* Stretch the wrap to the full column height and push the +/- row to
       the bottom, so it lines up with the rank tier's color-picker strip
       on the left column. The ring stays anchored just below the title. */
    .lws-item {
        align-self: stretch;
    }
    .lws-item .lws-wrap {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: stretch;
        flex: 1 1 auto;
        margin: 0 auto;
        width: 100%;
        min-height: 0;
    }
    /* Ring tracks the column width (like the rank tier image does) so the
       two widgets stay visually proportional regardless of viewport size. */
    .lws-ring-wrap {
        position: relative;
        width: 100%;
        max-width: 460px;
        aspect-ratio: 1 / 1;
        margin: 0 auto;
        container-type: inline-size;
    }
    /* aspect-ratio fallback for older Safari/Edge that miss support. */
    @supports not (aspect-ratio: 1 / 1) {
        .lws-ring-wrap::before { content: ""; display: block; padding-top: 100%; }
        .lws-ring-wrap > * { position: absolute; inset: 0; }
    }
    .lws-ring-svg {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        cursor: grab;
        touch-action: none;
        overflow: visible;
        display: block;
    }
    .lws-ring-svg:active { cursor: grabbing; }
    .lws-center {
        position: absolute;
        inset: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        pointer-events: none;
    }
    /* Read-only digit. Span (not input) so the click affordance / typing
       cursor / blue text-selection box are all gone — value is driven
       only by the slider, +/- buttons, and ring drag. */
    .lws-wins-input {
        font-size: clamp(54px, 28cqw, 240px);
        font-weight: 500;
        color: #0a2647;
        line-height: 1;
        font-variant-numeric: tabular-nums;
        text-align: center;
        font-family: League;
        display: block;
        transition: transform 0.4s cubic-bezier(.34, 1.56, .64, 1);
        letter-spacing: -.04em;
        pointer-events: none;
        user-select: none;
        -webkit-user-select: none;
    }
    /* Fallback for browsers without container queries (use viewport-based sizing). */
    @supports not (font-size: 1cqw) {
        .lws-wins-input { font-size: clamp(54px, 18vw, 240px); }
    }
    .lws-wins-input.bump { transform: scale(1.08); }

    .lws-sub-label {
        font-size: clamp(18px, 4.6cqw, 12px);
        color: #8a98ad;
        letter-spacing: .02em;
        margin-top: 6px;
        font-weight: 500;
        text-transform: uppercase;
        font-family: League;
    }

    .lws-controls {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        margin-top: 20px;
        width: 100%;
        max-width: 460px;
        margin-left: auto;
        margin-right: auto;
    }
    .lws-ctrl {
        width: 44px;
        height: 44px;
        border-radius: 6px;
        border: 1px solid #e0e7ef;
        background: #f7f9fc;
        color: #0a2647;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        transition: background 0.15s, border-color 0.15s, transform 0.1s;
        flex-shrink: 0;
        -webkit-tap-highlight-color: transparent;
    }
    .lws-ctrl:hover { background: #eef2f7; border-color: #c8d3e0; }
    .lws-ctrl:active { transform: scale(0.92); }
    .lws-ctrl svg { display: block; }

    .lws-range-input {
        flex: 1;
        min-width: 0;
        height: 4px;
        -webkit-appearance: none;
        appearance: none;
        background: #eef2f7;
        border-radius: 999px;
        outline: none;
        cursor: pointer;
        padding: 0;
        margin: 0;
    }
    .lws-range-input::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background: #f57a0a;
        border: 3px solid #ffffff;
        box-shadow: 0 0 0 1px #f57a0a, 0 2px 6px rgba(245,122,10,0.4);
        cursor: pointer;
        transition: transform 0.15s;
    }
    .lws-range-input::-webkit-slider-thumb:hover { transform: scale(1.15); }
    .lws-range-input::-moz-range-thumb {
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background: #f57a0a;
        border: 3px solid #ffffff;
        box-shadow: 0 0 0 1px #f57a0a, 0 2px 6px rgba(245,122,10,0.4);
        cursor: pointer;
    }

    #lws-thumb { transition: r 0.2s ease; }
    .lws-ring-svg.dragging #lws-thumb { r: 12; }

    /* Tighten the ring + controls on phones — keeps the widget readable
       and the +/- buttons tap-friendly without overflowing narrow columns. */
    @media (max-width: 600px) {
        .lws-ring-wrap { max-width: 320px; }
        .lws-controls { max-width: 320px; margin-top: 16px; }
    }
    @media (max-width: 380px) {
        .lws-ctrl { width: 38px; height: 38px; border-radius: 6px; }
        .lws-controls { gap: 8px; margin-top: 14px; }
    }

#bt-cb {
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%) translateY(calc(100% + 40px));
  z-index: 99999;
  width: calc(100% - 32px);
  max-width: 720px;
  background: #071535;
  border: 1px solid #0d4494;
  border-top: 3px solid #fdfb62;
  border-radius: 8px;
  box-shadow: 0 8px 40px rgba(0,0,0,0.45);
  font-family: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', Arial, sans-serif;
  transition: transform 0.4s cubic-bezier(0.34, 1.3, 0.64, 1), opacity 0.3s ease;
  opacity: 0;
  pointer-events: none;
}
#bt-cb.bt-cb-show {
  transform: translateX(-50%) translateY(0);
  opacity: 1;
  pointer-events: auto;
}
.bt-cb-inner {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 18px 22px;
  flex-wrap: wrap;
}
.bt-cb-left {
  flex: 1;
  min-width: 200px;
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.bt-cb-icon {
  flex-shrink: 0;
  margin-top: 1px;
  width: 34px;
  height: 34px;
  background: rgba(253,251,98,0.1);
  border: 1px solid rgba(253,251,98,0.25);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bt-cb-text {}
.bt-cb-title {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  letter-spacing: 0.03em;
  margin-bottom: 4px;
}
.bt-cb-desc {
  display: block;
  font-size: 12px;
  color: rgba(255,255,255,0.58);
  line-height: 1.55;
}
.bt-cb-desc a {
  color: #fdfb62;
  text-decoration: none;
}
.bt-cb-desc a:hover { text-decoration: underline; }
.bt-cb-actions {
  display: flex;
  gap: 10px;
  flex-shrink: 0;
  align-items: center;
}
#bt-cb-accept {
  background: #fdfb62;
  color: #071535;
  border: none;
  border-bottom: 2px solid #c8c600;
  border-radius: 4px;
  padding: 10px 22px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  cursor: pointer;
  transition: transform 0.15s ease, background 0.15s ease;
  white-space: nowrap;
  font-family: inherit;
}
#bt-cb-accept:hover  { background: #f5f300; transform: translateY(-1px); }
#bt-cb-accept:active { transform: translateY(0); }
#bt-cb-decline {
  background: transparent;
  color: rgba(255,255,255,0.5);
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 4px;
  padding: 10px 16px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  cursor: pointer;
  transition: color 0.15s ease, border-color 0.15s ease;
  white-space: nowrap;
  font-family: inherit;
}
#bt-cb-decline:hover  { color: rgba(255,255,255,0.85); border-color: rgba(255,255,255,0.35); }
@media (max-width: 600px) {
  .bt-cb-inner   { padding: 14px 16px; gap: 14px; }
  .bt-cb-icon    { display: none; }
  .bt-cb-actions { width: 100%; }
  #bt-cb-accept, #bt-cb-decline { flex: 1; text-align: center; }
}
/**
 * Order Preview Sidebar — card styles
 *
 * All rules use !important to override the develop-branch wildcard
 * declarations in main.css (.rgt-sidebar-section * { … !important }).
 */

/* ── Reset ── */
.order-card,
.order-card *,
.order-card *::before,
.order-card *::after {
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  line-height: normal !important;
}

/* ── Variables ── */
.order-card {
  --oc-card: #fff;
  --oc-accent: #0364a9;
  --oc-accent-dk: #1e40af;
  --oc-accent-lt: rgba(37, 99, 235, .05);
  --oc-accent-glow: rgba(37, 99, 235, .10);
  --oc-border: #d4d7dd;
  --oc-border-lt: #e8eaee;
  --oc-txt: #0a0f1a;
  --oc-txt2: #555d6e;
  --oc-txt3: #8b92a0;
  --oc-green: #16a34a;
  --oc-green-lt: rgba(22, 163, 74, .08);
  --oc-heading: 'League', 'avenirnextcyr-bold', sans-serif;
  --oc-body: 'avenirnextcyr-medium', system-ui, sans-serif;
  --oc-body-med: 'avenirnextcyr-medium', system-ui, sans-serif;
  --oc-body-bold: 'avenirnextcyr-bold', system-ui, sans-serif;
  --oc-mono: 'Roboto', system-ui, monospace;
  --oc-rad: 6px;
  --oc-rad-lg: 10px;
}

/* ── Animations ── */
@keyframes oc-cardIn {
  from { opacity: 0; transform: translateY(20px) scale(.97); }
  to   { opacity: 1; transform: none; }
}

@keyframes oc-stIn {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: none; }
}

@keyframes oc-hLine {
  from { opacity: 0; transform: scaleX(0); }
  to   { opacity: .7; transform: scaleX(1); }
}

@keyframes oc-prGlow {
  from { opacity: .3; }
  to   { opacity: .7; }
}

@keyframes oc-badgePop {
  from { opacity: 0; transform: scale(.7); }
  to   { opacity: 1; transform: scale(1); }
}

@keyframes oc-sPop {
  0%   { transform: scale(.9); }
  50%  { transform: scale(1.05); }
  100% { transform: scale(1); }
}

/* VIP rotating border */
@property --oc-border-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

@keyframes oc-borderSpin {
  to { --oc-border-angle: 360deg; }
}

/* Trustpilot star bounce */
@keyframes oc-tpIn {
  0%   { opacity: 0; transform: translateY(6px) scale(.7); }
  70%  { opacity: 1; transform: translateY(-2px) scale(1.05); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}

/* ── Card shell ── */
.order-card {
  width: 100% !important;
  background: var(--oc-card) !important;
  border: 1px solid var(--oc-border) !important;
  border-radius: var(--oc-rad-lg) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 8px 32px rgba(0, 0, 0, .08) !important;
  overflow: hidden !important;
  opacity: 1 !important;
  animation: oc-cardIn .7s cubic-bezier(.16, 1, .3, 1) both .05s !important;
}

.order-card .oc-stagger {
  opacity: 1 !important;
  animation: oc-stIn .5s cubic-bezier(.16, 1, .3, 1) both !important;
}

/* ── Header ── */
.order-card .order-header {
  position: relative !important;
  padding: 1.4rem 1.6rem 1.2rem !important;
  background: linear-gradient(135deg, rgba(37, 99, 235, .04) 0%, rgba(255, 255, 255, .9) 40%, rgba(37, 99, 235, .03) 100%) !important;
  border-bottom: 1px solid var(--oc-border) !important;
  overflow: hidden !important;
}

.order-card .order-header::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background-image:
    linear-gradient(rgba(37, 99, 235, .03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37, 99, 235, .03) 1px, transparent 1px) !important;
  background-size: 16px 16px !important;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .05)) !important;
  -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .05)) !important;
}

.order-card .order-header::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 2.5px !important;
  background: linear-gradient(90deg, transparent 5%, var(--oc-accent) 50%, transparent 95%) !important;
  opacity: 0 !important;
  animation: oc-hLine .8s ease forwards .3s !important;
}

.order-card .order-title {
  font-family: var(--oc-heading) !important;
  font-weight: 500 !important;
  font-size: 2.6rem !important;
  letter-spacing: -.02em !important;
  line-height: 1.15 !important;
  color: var(--oc-txt) !important;
}

.order-card .order-title em {
  font-style: normal !important;
  color: #0362a5 !important;
  font-family: var(--oc-heading) !important;
  font-weight: 500 !important;
}

/* ── Route banner ── */
.order-card .oc-route-banner {
  padding: .85rem 1.6rem !important;
  background: #f6f7f9 !important;
  border-bottom: 1px solid var(--oc-border-lt) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .7rem !important;
  flex-wrap: wrap !important;
}

.order-card .oc-route-text {
  font-family: var(--oc-body-bold) !important;
  font-weight: 500 !important;
  font-size: 1.18rem !important;
  letter-spacing: -.01em !important;
  display: flex !important;
  align-items: center !important;
  gap: .4rem !important;
  color: var(--oc-txt) !important;
  min-width: 0 !important;
}

.order-card .oc-route-text span {
  white-space: nowrap !important;
}

.order-card .oc-route-text .oc-arrow {
  color: var(--oc-accent) !important;
  display: inline-flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
}

.order-card .oc-route-text .oc-arrow svg {
  width: 18px !important;
  height: 18px !important;
  display: inline-block !important;
}

.order-card .oc-route-tag {
  font-family: var(--oc-body-bold) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  padding: 4px 10px !important;
  border-radius: 3px !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  color: #0a0f1a !important;
  background: var(--oc-accent-lt) !important;
  border: 1px solid var(--oc-accent-glow) !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

/* ── Progress track ── */
.order-card .oc-progress-section {
  padding: 1rem 1.6rem !important;
  border-bottom: 1px solid var(--oc-border-lt) !important;
}

.order-card .oc-progress-label-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: .5rem !important;
}

.order-card .oc-progress-label {
  font-family: var(--oc-body-med) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  color: var(--oc-txt3) !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.order-card .oc-progress-label svg {
  width: 14px !important;
  height: 14px !important;
  display: inline-block !important;
}

.order-card .oc-progress-pct {
  display: none !important;
}

.order-card .oc-progress-track {
  position: relative !important;
  height: 6px !important;
  background: rgba(37, 99, 235, .08) !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  box-shadow: inset 0 1px 2px rgba(37, 99, 235, .1) !important;
}

.order-card .oc-progress-fill {
  height: 100% !important;
  width: 0 !important;
  border-radius: 4px !important;
  background: linear-gradient(90deg, #ff9000, #ff9000, #ff9000) !important;
  box-shadow: 0 0 10px rgb(255, 144, 0) !important;
  transition: width 1.4s cubic-bezier(.25, .46, .45, .94) !important;
  position: relative !important;
}

.order-card .oc-progress-fill::after {
  content: '' !important;
  position: absolute !important;
  right: -5px !important;
  top: -3px !important;
  width: 12px !important;
  height: 12px !important;
  border-radius: 50% !important;
  background: #ff9000 !important;
  border: 2px solid var(--oc-card) !important;
  box-shadow: 0 0 0 2px var(--oc-accent-glow), 0 2px 6px rgba(37, 99, 235, .4) !important;
  opacity: 1 !important;
}

.order-card .oc-progress-ranks {
  display: flex !important;
  justify-content: space-between !important;
  margin-top: .45rem !important;
  position: relative !important;
  overflow: hidden !important;
}

.order-card .oc-progress-ranks::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 1px !important;
  background: repeating-linear-gradient(90deg, var(--oc-border) 0, var(--oc-border) 3px, transparent 3px, transparent 6px) !important;
}

.order-card .oc-rank-tick {
  padding-top: 4px !important;
  position: relative !important;
  text-align: center !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.order-card .oc-rank-tick::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 1px !important;
  height: 4px !important;
  background: var(--oc-border) !important;
}

.order-card .oc-rank-tick img {
  width: 24px !important;
  height: 24px !important;
  display: block !important;
  object-fit: contain !important;
  opacity: .5 !important;
  filter: grayscale(100%) !important;
  transition: all .2s !important;
}

.order-card .oc-rank-tick.active img {
  opacity: 1 !important;
  filter: none !important;
}

.order-card .oc-rank-tick.active::before {
  background: var(--oc-accent) !important;
  box-shadow: 0 0 3px var(--oc-accent-glow) !important;
}

/* ── Detail grid ── */
.order-card .oc-detail-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  border-bottom: 1px solid var(--oc-border-lt) !important;
}

.order-card .oc-detail-cell {
  padding: .8rem .7rem !important;
  text-align: center !important;
  border-right: 1px solid var(--oc-border-lt) !important;
  transition: background .2s !important;
}

.order-card .oc-detail-cell:last-child {
  border-right: none !important;
}

.order-card .oc-detail-cell:hover {
  background: rgba(37, 99, 235, .015) !important;
}

.order-card .oc-detail-val {
  font-family: var(--oc-body-bold) !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  color: var(--oc-txt) !important;
  letter-spacing: -.01em !important;
  margin-bottom: 2px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.order-card .oc-detail-val.mono {
  font-family: var(--oc-body-bold) !important;
}

.order-card .oc-detail-lbl {
  font-family: var(--oc-body-med) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
  color: var(--oc-txt3) !important;
}

.order-card .oc-detail-lbl.league {
  /*! font-family: var(--oc-heading) !important; */
}

/* ── Breakdown ── */
.order-card .oc-breakdown {
  padding: .95rem 1.6rem !important;
  border-bottom: 1px solid var(--oc-border-lt) !important;
}

.order-card .oc-breakdown-title {
  font-family: var(--oc-body-med) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
  color: var(--oc-txt3) !important;
  margin-bottom: .55rem !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.order-card .oc-breakdown-title svg {
  width: 12px !important;
  height: 12px !important;
  display: inline-block !important;
}

.order-card .oc-breakdown-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: .35rem 0 !important;
}

.order-card .oc-breakdown-row + .oc-breakdown-row {
  border-top: 1px dashed var(--oc-border-lt) !important;
}

.order-card .oc-breakdown-item {
  font-family: var(--oc-body) !important;
  font-size: 14px !important;
  color: var(--oc-txt2) !important;
  font-weight: 400 !important;
}

.order-card .oc-breakdown-item .oc-dot {
  display: inline-block !important;
  width: 4px !important;
  height: 4px !important;
  border-radius: 50% !important;
  margin-right: 5px !important;
  vertical-align: middle !important;
}

.order-card .oc-dot.blue {
  background: var(--oc-accent) !important;
}

.order-card .oc-dot.green {
  background: var(--oc-green) !important;
}

.order-card .oc-breakdown-val {
  font-family: var(--oc-body-bold) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--oc-txt) !important;
  white-space: nowrap !important;
}

.order-card .oc-breakdown-val.accent {
  color: #0a0f1a !important;
}

.order-card .oc-breakdown-val.muted {
  color: #0a0f1a !important;
  font-weight: 400 !important;
}

/* ── VIP banner (rotating border) ── */
.order-card .oc-vip-banner {
  margin: 1rem 1.2rem .85rem !important;
  padding: .85rem 1rem !important;
  border-radius: var(--oc-rad) !important;
  background: transparent !important;
  border: none !important;
  position: relative !important;
  z-index: 0 !important;
  transition: box-shadow .25s !important;
}

.order-card .oc-vip-banner:hover {
  box-shadow: 0 0 0 2px var(--oc-accent-glow), 0 4px 16px rgba(37, 99, 235, .1) !important;
}

.order-card .oc-vip-banner::before {
  content: '' !important;
  position: absolute !important;
  inset: 1px !important;
  z-index: -2 !important;
  border-radius: calc(var(--oc-rad) + 1px) !important;
  background: conic-gradient(
    from var(--oc-border-angle, 0deg),
    transparent 0%, transparent 20%,
    #ff9000 30%, rgba(96, 165, 250, .7) 38%,
    transparent 48%, transparent 70%,
    rgb(255, 144, 0) 80%, transparent 90%
  ) !important;
  animation: oc-borderSpin 3.5s linear infinite !important;
}

.order-card .oc-vip-banner::after {
  content: '' !important;
  position: absolute !important;
  inset: 1.5px !important;
  z-index: -1 !important;
  background: linear-gradient(135deg, #f5f7ff, #fbfcff) !important;
  border-radius: calc(var(--oc-rad) - .5px) !important;
}

.order-card .oc-vip-title {
  font-family: var(--oc-body-bold) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #0364a9 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
  margin-bottom: .35rem !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
}

.order-card .oc-vip-title svg {
  width: 13px !important;
  height: 13px !important;
  display: inline-block !important;
}

.order-card .oc-vip-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
}

.order-card .oc-vip-detail {
  font-family: var(--oc-body-med) !important;
  font-size: 15px !important;
  color: var(--oc-txt2) !important;
  font-weight: 500 !important;
}

.order-card .oc-vip-detail strong {
  color: var(--oc-accent) !important;
  font-weight: 500 !important;
}

.order-card .oc-vip-badge {
  font-family: var(--oc-body-bold) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  padding: 3px 7px !important;
  border-radius: 3px !important;
  background: var(--oc-green-lt) !important;
  color: var(--oc-green) !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  border: 1px solid rgba(22, 163, 74, .15) !important;
  opacity: 1 !important;
  animation: oc-badgePop .4s cubic-bezier(.16, 1, .3, 1) both 1.6s !important;
}

.order-card .calculate_discount_sum {
  display: none !important;
}

/* ── Price section ── */
.order-card .oc-price-section {
  padding: 1rem 1.6rem !important;
  /*! border-bottom: 1px solid var(--oc-border-lt) !important; */
}

.order-card .oc-price-block {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
}

.order-card .oc-price-col {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  align-items: center !important;
}

.order-card .oc-price-label {
  font-family: var(--oc-body-med) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
}

.order-card .oc-price-label.reg {
  color: var(--oc-txt3) !important;
}

.order-card .oc-price-label.vip {
  color: #0364a9 !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
}

.order-card .oc-price-label .oc-tag {
  font-family: var(--oc-mono) !important;
  font-size: 9px !important;
  font-weight: 500 !important;
  padding: 2px 6px !important;
  border-radius: 3px !important;
  background: var(--oc-accent) !important;
  color: #fff !important;
  letter-spacing: .04em !important;
}

.order-card .oc-price-amount {
  font-family: var(--oc-body-bold) !important;
  font-weight: 500 !important;
  letter-spacing: -.02em !important;
  line-height: 1 !important;
}

.order-card .oc-price-amount.regular {
  font-size: 1.76rem !important;
  color: var(--oc-txt) !important;
  text-align: center !important;
}

.order-card .oc-price-amount.vip {
  font-size: 1.76rem !important;
  color: var(--oc-accent) !important;
  position: relative !important;
  text-align: center !important;
}

.order-card .oc-price-amount.vip::after {
  content: '' !important;
  position: absolute !important;
  inset: -3px -4px !important;
  border-radius: 5px !important;
  background: rgba(37, 99, 235, .04) !important;
  filter: blur(4px) !important;
  z-index: -1 !important;
  animation: oc-prGlow 3s ease-in-out infinite alternate !important;
}

.order-card .currency-symbol {
  font-size: .5em !important;
  vertical-align: super !important;
  margin-right: 1px !important;
  font-weight: 500 !important;
  opacity: .7 !important;
  font-family: roboto;
}

.order-card .oc-price-divider-v {
  width: 1px !important;
  height: 42px !important;
  margin: 0 .8rem !important;
  background: linear-gradient(180deg, transparent, var(--oc-border), transparent) !important;
}

.order-card .oc-savings-row {
  margin-top: .7rem !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  justify-content: center !important;
}

.order-card .oc-savings-chip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-family: var(--oc-mono) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--oc-green) !important;
  padding: 3px 9px !important;
  border-radius: var(--oc-rad) !important;
  background: var(--oc-green-lt) !important;
  border: 1px solid rgba(22, 163, 74, .12) !important;
}

.order-card .oc-savings-chip svg {
  width: 12px !important;
  height: 12px !important;
  flex-shrink: 0 !important;
  display: inline-block !important;
}

/* ── CTA (clean hover lift) ── */
.order-card .oc-cta-wrap {
  /* Bigger horizontal + bottom padding so the Purchase Now button has
     more breathing room from the card edges. */
  padding: .2rem 1.4rem 1.4rem !important;
}

.order-card .calculate-end-button {
  display: contents !important;
}

.order-card .calculate-button {
  position: relative !important;
  width: 100% !important;
  height: 56px !important;
  background: #0364a9;
  border: none !important;
  border-radius: var(--oc-rad) !important;
  font-family: var(--oc-body-bold) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  color: #fff !important;
  cursor: pointer !important;
  overflow: hidden !important;
  transition: transform .35s ease, box-shadow .35s ease !important;
  box-shadow: 0 4px 14px rgba(37, 99, 235, .3), inset 0 1px 0 rgba(255, 255, 255, .2), inset 0 -2px 0 rgba(0, 0, 0, .1) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.order-card .calculate-button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(37, 99, 235, .4), inset 0 1px 0 rgba(255, 255, 255, .2), inset 0 -2px 0 rgba(0, 0, 0, .1) !important;
}

.order-card .calculate-button:active {
  transform: translateY(0) !important;
  box-shadow: 0 2px 8px rgba(37, 99, 235, .25), inset 0 2px 4px rgba(0, 0, 0, .15) !important;
}

.order-card .calculate-button .oc-cta-inner {
  position: relative !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: .65rem !important;
  font-size: 22px;
  font-weight: 500;
}

.order-card .calculate-button .oc-cta-icon {
  display: inline-flex !important;
  width: 18px !important;
  height: 18px !important;
  transition: transform .35s ease !important;
}

.order-card .calculate-button .oc-cta-icon svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .2)) !important;
}

.order-card .calculate-button:hover .oc-cta-icon {
  transform: translateX(3px) !important;
}

/* Override main.css button::before that causes double text */
.order-card .calculate-button::before {
  content: none !important;
}

.order-card .calculate-button .arrows-svg {
  display: none !important;
}

.order-card .calculate-button.cb-success {
  background: linear-gradient(135deg, #16a34a, #22c55e, #15803d) !important;
}

.order-card .calculate-button.cb-success .oc-cta-inner {
  animation: oc-sPop .4s cubic-bezier(.16, 1, .3, 1) !important;
}

.order-card .buypaymentnotifity {
  display: none;
  position: static !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  width: auto !important;
  box-shadow: none !important;
  text-align: center !important;
  margin: .75rem 0 0 !important;
  font-family: var(--oc-body-med) !important;
  font-size: 15px !important;
  color: #b91c1c !important;
  font-weight: 600 !important;
  padding: .7rem 1rem !important;
  background: #fef2f2 !important;
  border: 1px solid #fecaca !important;
  border-radius: var(--oc-rad) !important;
  letter-spacing: .01em !important;
  z-index: 5 !important;
}
.order-card .calculate-end-button {
  position: relative !important;
}

/* ── Review footer (Trustpilot green boxes) ── */
.order-card .oc-review-footer {
  padding: .9rem 1.4rem 1rem !important;
  background: #f6f7f9 !important;
  border-top: 1px solid var(--oc-border-lt) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: .5rem !important;
}

.order-card .oc-tp-stars {
  display: flex !important;
  gap: 3px !important;
}

.order-card .oc-tp-star {
  width: 28px !important;
  height: 28px !important;
  background: #00b67a !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 1 !important;
  animation: oc-tpIn .45s cubic-bezier(.16, 1, .3, 1) both !important;
}

.order-card .oc-tp-star:nth-child(1) { animation-delay: .4s !important; }
.order-card .oc-tp-star:nth-child(2) { animation-delay: 1s !important; }
.order-card .oc-tp-star:nth-child(3) { animation-delay: 1.6s !important; }
.order-card .oc-tp-star:nth-child(4) { animation-delay: 2.2s !important; }
.order-card .oc-tp-star:nth-child(5) { animation-delay: 2.8s !important; }

.order-card .oc-tp-star svg {
  width: 16px !important;
  height: 16px !important;
  display: block !important;
}

.order-card .oc-review-text {
  font-family: Roboto !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--oc-txt2) !important;
  display: flex !important;
  align-items: center !important;
  gap: .4rem !important;
  opacity: 1 !important;
  animation: oc-stIn .4s ease both 3.2s !important;
}

.order-card .oc-review-text strong {
  color: var(--oc-txt) !important;
  font-weight: 900 !important;
}

/* ── Responsive ── */
@media (max-width: 480px) {
  /* Compress every section so the Rank Up CTA falls inside the first
     viewport on mainstream phones (390–430px wide, 700–850px usable
     height). Customers were reporting they couldn't see / reach the
     purchase button on smaller devices because the long card scrolled
     past the fold. Each section gets roughly 30–45% less vertical
     padding than the prior rule. */

  /* Swap CTA and VIP banner via flex `order` so the Rank Up button
     appears right after Order Details (above the price section)
     instead of at the very bottom. Conversion priority: the most
     important button should be reachable without scrolling past the
     Next Purchase Reward block. PHP template stays untouched so
     desktop layout is unchanged. */
  .order-card {
    display: flex !important;
    flex-direction: column !important;
  }
  .order-card .order-header        { order: 1; }
  .order-card .oc-route-banner     { order: 2; }
  .order-card .oc-progress-section { order: 3; }
  .order-card .oc-detail-grid      { order: 4; }
  .order-card .oc-breakdown        { order: 5; }
  .order-card .oc-cta-wrap         { order: 6; }
  .order-card .oc-price-section    { order: 7; }
  .order-card .oc-vip-banner       { order: 8; }
  .order-card .oc-review-footer    { order: 9; }

  .order-card .order-header { padding: .7rem 1rem .55rem !important; }
  .order-card .order-title { font-size: 1.55rem !important; line-height: 1.1 !important; }
  .order-card .oc-route-banner { padding: .5rem 1rem !important; }
  .order-card .oc-route-text { font-size: .95rem !important; }
  .order-card .oc-route-tag { padding: 3px 8px !important; font-size: 10px !important; }
  .order-card .oc-progress-section { padding: .55rem 1rem .65rem !important; }
  .order-card .oc-progress-label-row { margin-bottom: .35rem !important; }
  .order-card .oc-progress-ranks { margin-top: .3rem !important; }
  /* NA / Duo / LP grid — ~20% smaller fonts + tighter cell padding
     per request. The block was visibly heavier than its siblings. */
  .order-card .oc-detail-cell { padding: .35rem .25rem !important; }
  .order-card .oc-detail-val { font-size: 10px !important; }
  .order-card .oc-detail-lbl { font-size: 8px !important; letter-spacing: .03em !important; }
  .order-card .oc-breakdown { padding: .55rem 1rem .6rem !important; }
  .order-card .oc-breakdown-title { margin-bottom: .35rem !important; font-size: 10px !important; }
  .order-card .oc-breakdown-row { padding: .2rem 0 !important; font-size: 12.5px !important; }
  .order-card .oc-vip-banner { margin: .45rem .85rem !important; padding: .5rem .7rem !important; }
  .order-card .oc-vip-title { font-size: 10px !important; }
  .order-card .oc-vip-detail { font-size: 11px !important; }
  .order-card .oc-price-section { padding: .55rem 1rem !important; }
  .order-card .oc-price-amount.regular { font-size: 1.25rem !important; }
  .order-card .oc-price-amount.vip { font-size: 1.25rem !important; }
  .order-card .oc-price-divider-v { margin: 0 .5rem !important; height: 28px !important; }
  .order-card .oc-savings-row { margin-top: .35rem !important; }
  /* CTA in normal flow on mobile. An earlier iteration made this
     position: sticky so it was always visible above the CLOSE PRICE
     bar, but the sticky element then overlaid the price section /
     savings chip when the user scrolled to the end of the card.
     With .rgt-sidebar-section overflow-y: auto + padding-bottom (see
     main.css ≤991px rule) the user can simply scroll the Rank Up
     button into view above the CLOSE PRICE bar without an overlay. */
  .order-card .oc-cta-wrap { padding: .35rem .85rem .65rem !important; }
  .order-card .calculate-button { height: 46px !important; font-size: 13px !important; }
  /* Hide the Trustpilot footer on mobile — it's promotional and the
     same trust marks appear elsewhere on the product page. Removing
     it claws back ~80px below the CTA and prevents over-scroll
     once the user scrolls to the bottom of the card. */
  .order-card .oc-review-footer { display: none !important; }
}
/* ===========================================================================
   PACK CARDS — Discount-package grid for /lol-boosting-packs/ and siblings
   ============================================================================
   Light-theme card grid rendered by templates/public/product/page_rating_pack.php.
   Each card shows a rank-journey ("Gold → Diamond"), package price, savings,
   completion time, and a CTA. Scoped under .pc-grid to avoid colliding with
   the legacy .boosting-package-list styles still used by single-item products.

   Fonts use the site's identity stack:
     - Heading / title  : AvenirNextCyr-Bold (modern EBL/OWB/Val themes ship
                          this locally), Montserrat fallback for all themes,
                          system-ui last.
     - Numeric display  : same heading stack.
     - Body / micro     : Roboto (loaded by parent boosting theme), system-ui.
     - Mono-ish labels  : SF Mono / Menlo (built-in), no remote mono font —
                          tiny labels with tracked uppercase letterspacing.
============================================================================ */

.pc-grid {
    --pc-bg:          #ffffff;
    --pc-bg-soft:     #f6fafd;
    --pc-ink:         #0c1a2b;
    --pc-ink-soft:    #4a5a6e;
    --pc-ink-muted:   #8a98a8;
    --pc-line:        #e4ecf3;
    --pc-line-soft:   #eef3f8;

    /* Brand blue — matches .calculate-button "RANK UP" in order-preview.css
       (#0364a9) so the pack CTA and the calculator CTA read as one system. */
    --pc-blue:        #0364a9;
    --pc-blue-deep:   #024c80;
    --pc-blue-mid:    #3a9de8;
    --pc-blue-soft:   #b8e0f4;
    --pc-blue-tint:   #eaf6fd;

    --pc-gold:        #b8870a;
    --pc-gold-mid:    #d4a045;
    --pc-gold-soft:   #f0d99b;
    --pc-gold-tint:   #fef5dc;
    --pc-gold-deep:   #8a6608;

    --pc-shadow-soft: 0 1px 2px rgba(15, 60, 100, 0.04), 0 8px 24px rgba(15, 60, 100, 0.06);
    --pc-shadow-pop:  0 2px 4px rgba(15, 60, 100, 0.05), 0 24px 60px rgba(15, 60, 100, 0.08);
    --pc-shadow-cta:  0 4px 14px rgba(37, 99, 235, 0.30),
                      inset 0 1px 0 rgba(255, 255, 255, 0.20),
                      inset 0 -2px 0 rgba(0, 0, 0, 0.10);
    --pc-shadow-cta-hover: 0 6px 20px rgba(37, 99, 235, 0.40),
                            inset 0 1px 0 rgba(255, 255, 255, 0.20),
                            inset 0 -2px 0 rgba(0, 0, 0, 0.10);

    --pc-ease:        cubic-bezier(0.16, 1, 0.3, 1);

    /* Font stack mirrors the "YOUR ORDER" calc-card sidebar
       (order-preview.css:34-37) so the two cards on /lol-boosting-packs/
       read as one system. League for big display, AvenirNextCyr family
       for everything else — bold for emphasis, medium for body / labels. */
    --pc-font-display:'League', 'avenirnextcyr-bold', 'AvenirNextCyr-Bold',
                      'Montserrat', system-ui, sans-serif;
    --pc-font-head:   'avenirnextcyr-bold', 'AvenirNextCyr-Bold',
                      'Montserrat', system-ui, sans-serif;
    --pc-font-body:   'avenirnextcyr-medium', 'AvenirNextCyr-Medium',
                      system-ui, -apple-system, BlinkMacSystemFont,
                      'Segoe UI', Helvetica, Arial, sans-serif;
    /* Reused for small uppercased labels — same family as body so the
       card avoids the slightly-off feel of a separate monospace face. */
    --pc-font-label:  'avenirnextcyr-medium', 'AvenirNextCyr-Medium',
                      system-ui, sans-serif;

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    color: var(--pc-ink);
    font-family: var(--pc-font-body);
    margin-bottom: 28px;
}

/* === Card ============================================================== */
.pc-grid .pc-card {
    background: var(--pc-bg);
    border: 2px solid var(--pc-line);
    border-radius: 10px;
    padding: 28px;
    box-shadow: var(--pc-shadow-soft);
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform 300ms var(--pc-ease),
                box-shadow 300ms var(--pc-ease),
                border-color 300ms ease;
    opacity: 0;
    transform: translateY(20px);
    animation: pc-reveal 0.7s var(--pc-ease) forwards;
}
.pc-grid .pc-card:nth-child(1) { animation-delay: 0.05s; }
.pc-grid .pc-card:nth-child(2) { animation-delay: 0.12s; }
.pc-grid .pc-card:nth-child(3) { animation-delay: 0.19s; }
.pc-grid .pc-card:nth-child(4) { animation-delay: 0.26s; }
.pc-grid .pc-card:nth-child(5) { animation-delay: 0.33s; }
.pc-grid .pc-card:nth-child(6) { animation-delay: 0.40s; }
@keyframes pc-reveal { to { opacity: 1; transform: translateY(0); } }

.pc-grid .pc-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2px;
    background: #e6f2fb;
}
.pc-grid .pc-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--pc-shadow-pop);
    border-color: var(--pc-blue-soft);
}
/* Selected (clicked) — wires up via existing .pacakge_v_top.currentChoose */
.pc-grid .pc-card.is-chosen,
.pc-grid .pc-card:has(.pacakge_v_top.currentChoose) {
    border-color: var(--pc-blue);
    box-shadow: 0 0 0 1px var(--pc-blue), var(--pc-shadow-pop);
}

/* === Card header ======================================================= */
.pc-grid .pc-card-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 24px;
    gap: 12px;
}
.pc-grid .pc-title-block {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}
/* Card-title — League 500, the site's display face. The accent suffix
   keeps the italic + gold treatment from the original mock so the "to"
   rank still draws the eye, while base text reads as the heading. */
.pc-grid .pc-title {
    font-family: var(--pc-font-display);
    font-weight: 500;
    font-size: 24px;
    letter-spacing: -0.01em;
    line-height: 1.15;
    color: var(--pc-ink);
}
/* Target-rank suffix in the title — solid brand blue, no italic.
   Reads as "Any Gold to Diamond 4" with the destination tier
   picked out in the site's CTA colour. */
.pc-grid .pc-title em {
    font-style: normal;
    font-weight: 500;
    color: var(--pc-blue);
}
/* Discount pill — solid brand blue with white text, matches the
   site's CTA palette and gives the "-30%" callout the same visual
   weight whether the card is hovered or not. */
.pc-grid .pc-discount-pill {
    font-family: var(--pc-font-display);
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
    color: #fff;
    background: var(--pc-blue);
    border: 1px solid var(--pc-blue);
    padding: 10px 14px;
    border-radius: 4px;
    flex-shrink: 0;
    white-space: nowrap;
    line-height: 1;
}

/* === Rank journey ===================================================== */
.pc-grid .pc-journey {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 12px;
    align-items: center;
    background: var(--pc-bg-soft);
    border: 1px solid var(--pc-line);
    border-radius: 9px;
    padding: 20px 16px;
    margin-bottom: 22px;
    position: relative;
}
/* Column gap removed in favour of explicit margins below — the badge's
   transparent PNG padding plus a 10px flex gap visually pushed FROM/TO
   too far above the icon. Now FROM/TO sits tight to the badge, name
   gets a small breathing margin below it. */
.pc-grid .pc-rank-side {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    position: relative;
    min-width: 0;
}
/* FROM / TO eyebrow — League at 14px to match the rest of the
   display typography on the card. Leading dot dropped per review. */
.pc-grid .pc-rank-label {
    font-family: var(--pc-font-display);
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--pc-ink-muted);
    margin-bottom: 0;
}

/* Rank badge — bumped 50% from the original 90px to give the
   actual game tier art room to read (matches user feedback that
   icons were too small relative to the surrounding card chrome). */
.pc-grid .pc-badge-wrap {
    width: 135px;
    height: 135px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 400ms var(--pc-ease);
}
.pc-grid .pc-card:hover .pc-badge-wrap { transform: translateY(-2px); }
.pc-grid .pc-badge-wrap .pc-glow {
    position: absolute;
    inset: 12px;
    border-radius: 50%;
    filter: blur(28px);
    opacity: 0.45;
    transition: opacity 400ms ease;
    background: radial-gradient(circle, rgba(186, 135, 10, 0.55) 0%, transparent 70%);
}
.pc-grid .pc-card:hover .pc-badge-wrap .pc-glow { opacity: 0.75; }
.pc-grid .pc-badge-wrap img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: contain;
    /* Anchor the artwork to the lower half of the box so tier icons
       with different vertical centers (e.g. LoL Diamond's crystal
       sits higher inside its 500px canvas than the wing-heavy
       lower-tier emblems) read at a consistent baseline across
       from / to columns. */
    object-position: 50% 70%;
    display: block;
}
.pc-grid .pc-rank-name {
    font-family: var(--pc-font-display);
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 0;
    color: var(--pc-ink);
    text-align: center;
    line-height: 1.15;
    word-break: break-word;
    margin-top: 4px;
}

/* === Arrow indicator =================================================== */
/* Three right-facing chevrons that pulse sequentially — mirrors the
   site's "scroll down" indicator pattern in checkout, rotated to point
   toward the target rank. Each chevron fades in on a stagger so the
   eye reads left-to-right toward the destination tier. */
/* padding-bottom: 0 — the arrow now sits centered between the two
   icons rather than baseline-aligned with the rank-name row below. */
.pc-grid .pc-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 0;
    color: var(--pc-blue);
    position: relative;
}
/* 3-chevron scroll-down-style indicator pointed right. Sized down from
   the previous 56×22 and animation slowed 3× (1.6s → 4.8s) per review;
   stagger between chevrons also scales so the sequential read still
   feels left-to-right rather than three independent loops. */
.pc-grid .pc-arrow svg {
    width: 38px;
    height: 14px;
    overflow: visible;
}
.pc-grid .pc-arrow svg polyline {
    fill: none;
    stroke: currentColor;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: 0.35;
    animation: pc-arrow-pulse 4.8s ease-in-out infinite;
}
.pc-grid .pc-arrow svg polyline:nth-child(1) { animation-delay: 0.0s; }
.pc-grid .pc-arrow svg polyline:nth-child(2) { animation-delay: 0.6s; }
.pc-grid .pc-arrow svg polyline:nth-child(3) { animation-delay: 1.2s; }
@keyframes pc-arrow-pulse {
    0%, 100% { opacity: 0.35; transform: translateX(0); }
    50%      { opacity: 1;    transform: translateX(2px); }
}
.pc-grid .pc-card:hover .pc-arrow { color: var(--pc-gold); }

/* === Stats row ========================================================= */
.pc-grid .pc-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 22px;
}
.pc-grid .pc-stat {
    background: var(--pc-bg-soft);
    border: 1px solid var(--pc-line);
    border-radius: 7px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    transition: border-color 200ms ease;
}
.pc-grid .pc-stat:hover { border-color: var(--pc-blue-soft); }
.pc-grid .pc-stat-label {
    font-family: var(--pc-font-label);
    font-size: 10px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--pc-ink-muted);
}
.pc-grid .pc-stat-value {
    font-family: var(--pc-font-display);
    font-weight: 500;
    font-size: 28px;
    letter-spacing: 0;
    color: var(--pc-ink);
    line-height: 1;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px;
}
.pc-grid .pc-stat-value.accent {
    color: var(--pc-gold-deep);
    font-size: 24px;
}

/* VIP-stacking marker shown next to the "You Save" amount. Communicates
   that returning customers add a flat 10% on top of the package discount —
   the number is calculated live from the displayed pack price so it
   updates with currency / server-rate changes. */
.pc-grid .pc-vip-bonus {
    font-family: var(--pc-font-label);
    font-weight: 600;
    font-size: 11px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--pc-blue);
    background: var(--pc-blue-tint);
    border: 1px solid var(--pc-blue-soft);
    border-radius: 4px;
    padding: 4px 7px;
    line-height: 1;
    white-space: nowrap;
    align-self: center;
    transition: background 200ms ease, border-color 200ms ease;
}
.pc-grid .pc-vip-bonus::before {
    content: '+';
    margin-right: 2px;
    color: var(--pc-blue);
}
.pc-grid .pc-card:hover .pc-vip-bonus {
    background: #fff;
    border-color: var(--pc-blue);
}

/* === Completion row ==================================================== */
.pc-grid .pc-completion {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    background: var(--pc-bg-soft);
    border: 1px solid var(--pc-line);
    border-radius: 6px;
    margin-bottom: 22px;
}
.pc-grid .pc-completion svg {
    width: 16px;
    height: 16px;
    color: var(--pc-gold);
    flex-shrink: 0;
}
.pc-grid .pc-completion-label {
    font-family: var(--pc-font-label);
    font-size: 10px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--pc-ink-muted);
}
.pc-grid .pc-completion-value {
    margin-left: auto;
    font-family: 'avenirnextcyr-bold', 'AvenirNextCyr-Bold', 'Montserrat', system-ui, sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: var(--pc-ink);
    letter-spacing: 0;
}

/* === CTA Button ======================================================== */
/* Matches the .calculate-button "RANK UP" CTA inside the order-card
   calculator (order-preview.css:705-735) so the pack-cards primary action
   and the calculator primary action read as one system: same blue, same
   layered shadow / inset-light treatment, same uppercase weight-500
   typography, same hover lift. The legacy .pacakge_v_top class is kept
   so boosting-calc.js's click handler still finds and toggles the pack. */
.pc-grid .pacakge_v_top {
    position: relative;
    width: 100%;
    height: 56px;
    padding: 0 20px;
    background: var(--pc-blue);
    color: #fff;
    border: none;
    border-radius: 7px;
    font-family: var(--pc-font-display);
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: auto;
    overflow: hidden;
    box-shadow: var(--pc-shadow-cta);
    transition: transform 0.35s ease, box-shadow 0.35s ease, background 0.2s ease;
}
.pc-grid .pacakge_v_top::before {
    content: '';
    position: absolute;
    top: 0; left: -100%;
    width: 80%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.18), transparent);
    transition: left 0.6s var(--pc-ease);
}
.pc-grid .pacakge_v_top:hover {
    transform: translateY(-2px);
    box-shadow: var(--pc-shadow-cta-hover);
}
.pc-grid .pacakge_v_top:hover::before { left: 130%; }
.pc-grid .pacakge_v_top:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.25), inset 0 2px 4px rgba(0, 0, 0, 0.15);
}
.pc-grid .pacakge_v_top.currentChoose {
    background: var(--pc-blue-deep);
}
.pc-grid .pacakge_v_top svg {
    width: 18px;
    height: 18px;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
    transition: transform 0.35s ease;
}
.pc-grid .pacakge_v_top:hover svg { transform: translateX(3px); }

/* === Responsive ======================================================== */
@media (max-width: 1100px) {
    .pc-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 680px) {
    .pc-grid { grid-template-columns: 1fr; gap: 16px; }
    .pc-grid .pc-card { padding: 22px; }
    .pc-grid .pc-badge-wrap { width: 110px; height: 110px; }
    .pc-grid .pc-title { font-size: 22px; }
    .pc-grid .pc-stat-value { font-size: 24px; }
    .pc-grid .pc-stat-value.accent { font-size: 20px; }
    .pc-grid .pc-rank-name { font-size: 16px; }
    .pc-grid .pc-discount-pill { font-size: 18px; padding: 8px 12px; }
    .pc-grid .pc-arrow svg { width: 42px; height: 18px; }
    .pc-grid .pacakge_v_top { height: 52px; }
}

@media (prefers-reduced-motion: reduce) {
    .pc-grid .pc-card {
        animation: none;
        opacity: 1;
        transform: none;
    }
    .pc-grid .pc-card,
    .pc-grid .pc-card *,
    .pc-grid .pc-card *::before,
    .pc-grid .pc-card *::after {
        animation-duration: 0.01s !important;
        transition-duration: 0.01s !important;
    }
}
/* ===========================================================================
   EXTRA OPTIONS + ADD A NOTE + REVIEWS SUMMARY — checkout-flow sections
   ============================================================================
   Three consecutive sections that share a "dark banner header → light body"
   pattern (extra-options3 mock, v3). Each section card has:
     - white body with the same border / radius / shadow as pack-cards
     - dark gradient banner header up top with a giant decorative step number
       on the left, an eyebrow + League title + subtitle in the middle, and
       a meta chip on the right
     - solid #0364a9 strip along the bottom edge of the banner that pairs
       the dark header with the light body below

   Scoping:
     .bt-section          — shared chrome (card frame + dark banner)
     .eo-section          — Extra Options-only (tabs row + option panels)
     .note-section        — Add a Note-only (textarea + char counter)
     .rs-section          — Reviews Summary-only (stats + grid + footer)

   All three layer on top of the legacy class names that boosting-calc.js
   already targets (.extra-optionsblock, .eo-itemblock + data-eotype,
   .eo-swhitcher-content + .ON, #add-note-ta, name="note") — the JS keeps
   working unchanged.
============================================================================ */

.bt-section,
.eo-section,
.note-section,
.rs-section,
.product-reviews-composite {
    --bt-bg:          #ffffff;
    --bt-bg-soft:     #f6fafd;
    --bt-ink:         #0c1a2b;
    --bt-ink-2:       #16273d;
    --bt-ink-soft:    #4a5a6e;
    --bt-ink-muted:   #8a98a8;
    --bt-line:        #e4ecf3;
    --bt-line-soft:   #eef3f8;

    --bt-blue:        #0364a8;
    --bt-blue-deep:   #024c80;
    --bt-blue-mid:    #3a9de8;
    --bt-blue-soft:   #b8e0f4;
    --bt-blue-tint:   #eaf6fd;

    --bt-green:       #22b358;
    --bt-green-deep:  #1a8a45;
    --bt-green-soft:  #b8e8c8;
    --bt-green-tint:  #e8f7ee;

    --bt-yellow:      #fbbe24;

    /* DevTools pass: --bt-shadow-soft also commented out alongside the
       earlier --bt-shadow-pop drop. The .bt-section card now sits flush
       on the page with no drop shadow at all — the hairline border alone
       handles separation. Variable kept commented as a reference. */
    /* --bt-shadow-soft: 0 1px 2px rgba(15, 60, 100, 0.04), 0 8px 24px rgba(15, 60, 100, 0.06); */
    /* --bt-shadow-pop:  0 2px 4px rgba(15, 60, 100, 0.05), 0 24px 60px rgba(15, 60, 100, 0.08); */

    --bt-ease:        cubic-bezier(0.16, 1, 0.3, 1);

    --bt-font-display:'League', 'avenirnextcyr-bold', 'AvenirNextCyr-Bold',
                      'Montserrat', system-ui, sans-serif;
    --bt-font-body:   'avenirnextcyr-medium', 'AvenirNextCyr-Medium',
                      system-ui, sans-serif;
    --bt-font-label:  'avenirnextcyr-medium', 'AvenirNextCyr-Medium',
                      system-ui, sans-serif;

    background: var(--bt-bg);
    color: var(--bt-ink);
    font-family: var(--bt-font-body);
    border: 1px solid var(--bt-line);
    border-radius: 10px;
    /* DevTools pass: drop-shadow removed on the .bt-section family.
       The card now relies on its hairline border alone for separation
       from the page. About section explicitly overrides both below. */
    /* box-shadow: var(--bt-shadow-soft); */
    overflow: hidden;
    /* Margin bumped from 20 → 40 so the gap between adjacent
       Extra Options / Note / Reviews cards reads as breathing
       room rather than crowding. The same value also separates
       the first card from the boosting calculator block above.
       10px below to soften the gap before the next section. */
    margin-top: 40px;
    margin-bottom: 10px;
    position: relative;
    opacity: 0;
    transform: translateY(20px);
    animation: bt-reveal 0.7s var(--bt-ease) forwards;
    box-sizing: border-box;
}
.eo-section  { animation-delay: 0.05s; }
.note-section { animation-delay: 0.15s; }
.rs-section  { animation-delay: 0.25s; }
@keyframes bt-reveal { to { opacity: 1; transform: translateY(0); } }

/* Reset only INNER legacy wrappers (.extra_options) so they don't push
   the dark banner away from the top edge of the card. The OUTER wrapper
   classes (.note-section / .rs-section / .bt-section / .extra-optionsblock)
   keep their section-card chrome (1px border, 10px radius, soft shadow)
   from the rule above — earlier rounds reset those by mistake which
   stripped the visible card outline off Add a Note and About. */
.eo-section .extra_options {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
.eo-section,
.note-section,
.rs-section,
.bt-section {
    padding: 0 !important;
}

/* Generic content area below the banner — used by the About section
   ([bt_about] shortcode) and any future .bt-section-based block.
   Inherits paragraph spacing / link colours from the Extra Options
   description so the typography is consistent. */
/* Generic body wrapper used by the About section (and any future
   .bt-section-based block). Padding-all-around symmetric so the
   content reads as a balanced block — top, sides, and bottom each
   get 40px. */
.bt-section .bt-section-body {
    /* DevTools pass: dropped the 40px ring — the dark banner is now hidden
       (display:none below) and WP-editor body content carries its own
       paragraph rhythm via .bt-section-body p margins. Leaving the rule
       in place so the font / colour / line-height inheritance still
       applies. */
    padding: 0;
    font-family: var(--bt-font-body);
    font-size: 16px;
    color: var(--bt-ink-soft);
    line-height: 1.65;
}
.bt-section .bt-section-body p {
    margin: 0 0 16px;
    text-align: left;
    text-indent: 0;
    padding-left: 0;
    padding-right: 0;
    font-family: Roboto, system-ui, -apple-system, sans-serif;
    font-size: 16px;
    color: #252525;
    /* DevTools pass: tightened 1.65 -> 1.3 so dense About copy reads as
       packed prose rather than airy spacing. */
    line-height: 1.3;
}
.bt-section .bt-section-body p:last-child { margin-bottom: 0; }
.bt-section .bt-section-body a { color: var(--bt-blue); text-decoration: none; }
.bt-section .bt-section-body a:hover { text-decoration: underline; }
.bt-section .bt-section-body strong { color: var(--bt-ink); font-weight: 500; }
/* Headings inside the body — League 500, left-aligned, generous top
   margin so each subsection has visual separation. Parent themes'
   main.css centres these via .service-info-text-container h2/h3 rules;
   override with !important so all About content reads as a single
   left-aligned column. */
.bt-section .bt-section-body h1,
.bt-section .bt-section-body h2,
.bt-section .bt-section-body h3,
.bt-section .bt-section-body h4 {
    font-family: var(--bt-font-display);
    font-weight: 500;
    color: var(--bt-ink);
    /* DevTools pass: tightened heading margins (28/12 -> 10/4) to keep
       the About content reading as a single dense column rather than
       widely-spaced sections. */
    margin: 10px 0 4px !important;
    padding: 0 !important;
    letter-spacing: 0;
    text-align: left !important;
    text-transform: uppercase;
    line-height: 1.2;
}
.bt-section .bt-section-body h1 { font-size: 30px; }
/* DevTools pass: h2 dropped 28 -> 26px so it matches the .bt-faq-section-title
   in about-faq.css for visual consistency across nested section levels. */
.bt-section .bt-section-body h2 { font-size: 26px; }
.bt-section .bt-section-body h3 { font-size: 22px; }
.bt-section .bt-section-body h4 { font-size: 18px; }
.bt-section .bt-section-body h1:first-child,
.bt-section .bt-section-body h2:first-child,
.bt-section .bt-section-body h3:first-child,
.bt-section .bt-section-body h4:first-child {
    margin-top: 0 !important;
}
/* Legacy .service-info-text-container has margin-bottom:80px and
   font-size:20px from main.css. Reset inside the new card body so
   the card's own padding controls spacing instead. */
.bt-section .bt-section-body.service-info-text-container,
.bt-section .service-info-text-container {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    font-size: 16px;
}
/* About-section specific overrides — the legacy theme can drop the
   1px border off .service-info-block in some main.css branches.
   Force it back so the card always has a visible bottom edge. */
.bt-section--about,
.bt-section.service-info-block {
    /* DevTools pass: About card goes borderless + shadowless, relying on
       the surrounding sections + the inner .bt-about-faq blocks for
       structure. !important still needed because the legacy
       service-info-block selector inherits a 1px border from main.css. */
    border: 0px solid var(--bt-line) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

/* === Banner header — brand blue ====================================== */
/* Solid #0364a9 with a subtle radial highlight + a 135° gradient down
   to a deeper shade so the surface still has depth without leaving the
   brand palette. Vertical padding 30px so the title has ~30px of clear
   space above and below (per review feedback). */
.bt-section-banner,
.eo-section .bt-section-banner,
.note-section .bt-section-banner,
.rs-section .bt-section-banner,
.bt-section .bt-section-banner {
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 255, 255, 0.10), transparent 55%),
        radial-gradient(circle at 0% 100%, rgba(0, 0, 0, 0.18), transparent 55%),
        linear-gradient(135deg, #0a72b8 0%, #0364a9 50%, #024c80 100%);
    color: #fff;
    padding: 30px 32px;
    display: flex;
    align-items: center;
    gap: 28px;
    position: relative;
    overflow: hidden;
    /* Banner restored. Earlier round set display:none on every banner;
       the WP-editor pass found the banner was needed for the toggle/meta
       chip on the right to sit on the same row as the title. Leaving
       display:flex (declared above) wins — the toggle "TOGGLE OPTION"
       label aligns to the right via .bt-banner-right's flex-shrink:0. */
}
/* Solid brand-blue strip pinned to the bottom edge of the banner — the
   same accent the pack-cards top-bar uses, just relocated to where the
   dark banner meets the light body. */
.bt-section-banner::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 2px;
    background: var(--bt-blue);
}

/* Step-number decoration removed per review — leave the rule as a
   no-op so any legacy markup that still emits .bt-step-number simply
   collapses out of layout instead of leaking through. */
.bt-step-number { display: none !important; }

.bt-banner-title-block {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    flex: 1 1 auto;
}
/* Eyebrow row — kept for the Reviews Summary section's "Social proof"
   label. Removed from Extra Options + Note in their templates so the
   title can read more directly. Recoloured to a light tint that sits
   well against the brand-blue banner. */
.bt-banner-eyebrow {
    font-family: var(--bt-font-label);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.75);
    display: flex;
    align-items: center;
    gap: 8px;
}
.bt-banner-eyebrow svg {
    width: 13px;
    height: 13px;
    color: #ff8500;
    flex-shrink: 0;
}
.bt-banner-title {
    font-family: var(--bt-font-display);
    font-weight: 500;
    font-size: 30px;
    letter-spacing: 0;
    line-height: 1.05;
    color: #fff;
    margin: 0;
}
/* Destination word ("options" / "note" / "reviews") — inherits the
   banner title's white colour so the title reads as a single unit
   against the brand-blue background. */
.bt-banner-title em {
    font-style: normal;
    font-weight: 500;
    color: inherit;
}
.bt-banner-subtitle {
    font-family: var(--bt-font-body);
    font-size: 14px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.5;
    max-width: 720px;
    margin: 0;
}

/* Defensive text-colour overrides inside the banner so any custom HTML
   pasted into a .bt-section-banner (e.g. the bottom customer-support
   block on the boosting-packs page) reads as white on blue instead of
   inheriting a dark default from the parent theme's main.css. */
.bt-section-banner,
.bt-section-banner h1,
.bt-section-banner h2,
.bt-section-banner h3,
.bt-section-banner h4,
.bt-section-banner h5,
.bt-section-banner p,
.bt-section-banner strong,
.bt-section-banner b,
.bt-section-banner em,
.bt-section-banner span:not([class*="bt-blue-mid"]):not([class*="orange"]) {
    color: #fff !important;
}
.bt-section-banner a {
    color: #fff !important;
    text-decoration: underline;
}
.bt-section-banner a:hover { opacity: 0.85; }
.bt-section-banner img { max-width: 100%; height: auto; }

.bt-banner-right {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-end;
    flex-shrink: 0;
}
.bt-banner-meta {
    font-family: var(--bt-font-label);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.75);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 16px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 4px;
}
.bt-banner-meta svg {
    width: 15px;
    height: 15px;
    color: var(--bt-blue-mid);
    flex-shrink: 0;
}
.bt-banner-meta em {
    font-style: normal;
    color: #fff;
    font-weight: 500;
}

/* === Extra Options — tabs row ========================================== */
.eo-section .eo-tabs {
    padding: 18px 28px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    border-bottom: 1px solid var(--bt-line);
    background: var(--bt-bg-soft);
}
.eo-section .eo-itemblock {
    padding: 11px 16px;
    background: var(--bt-bg);
    border: 2px solid var(--bt-line);
    border-radius: 4px;
    font-family: var(--bt-font-label);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #001c3f;
    cursor: pointer;
    transition: all 180ms var(--bt-ease);
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    width: auto;
    height: auto;
    box-shadow: none;
    float: none;
    text-align: left;
}
/* Override the legacy `display: none` on .eo-itemicon (multiboosting
   theme hides them site-wide) and let the inline <svg> emitted by the
   template render. Sized + recoloured here via currentColor so hover
   / active states pick up the same blue accents as the tab label. */
.eo-section .eo-itemblock .eo-itemicon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    color: #001c3f;
    flex-shrink: 0;
    transition: color 180ms ease;
}
.eo-section .eo-itemblock .eo-itemicon svg {
    width: 14px;
    height: 14px;
    display: block;
    color: inherit;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.eo-section .eo-itemblock .eo-menu-title {
    font: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
    line-height: 1;
}
.eo-section .eo-itemblock .eo-menu-title span {
    color: inherit;
    font-family: 'avenirnextcyr-bold', 'AvenirNextCyr-Bold', 'Montserrat', system-ui, sans-serif !important;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
}
.eo-section .eo-itemblock .eo-infoblock,
.eo-section .eo-itemblock .eo-afterblock,
.eo-section .eo-itemblock .eo-controlinfoblock {
    display: none;
}
.eo-section .eo-itemblock:hover {
    border-color: var(--bt-blue-soft);
    color: var(--bt-blue-deep);
    background: var(--bt-blue-tint);
}
.eo-section .eo-itemblock:hover .eo-itemicon { color: var(--bt-blue); }
.eo-section .eo-itemblock.selected,
.eo-section .eo-itemblock.active {
    background: var(--bt-blue-tint);
    border-color: var(--bt-blue);
    color: var(--bt-blue-deep);
}
.eo-section .eo-itemblock.selected .eo-itemicon,
.eo-section .eo-itemblock.active  .eo-itemicon { color: var(--bt-blue); }

/* === Extra Options — content panel ===================================== */
.eo-section .eo-content,
.eo-section .eo-right-block {
    padding: 28px;
}
.eo-section .eo-right-block-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    float: none;
}
.eo-section .eo-right-block-content .eo-header-work {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}
/* Stack "This option is" / price-pill / Off-On toggle vertically — each
   reads as its own line per review feedback. The label, pill, and
   toggle sit flush-left rather than crammed into a single horizontal
   row that wrapped awkwardly on narrow panels. */
.eo-section .eo-status-row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    flex-wrap: nowrap;
}
.eo-section .eo-status-label {
    font-family: var(--bt-font-display);
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
    color: var(--bt-ink);
}
.eo-section .eo-price-pill {
    font-family: var(--bt-font-display);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    padding: 6px 12px;
    border-radius: 3px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-transform: uppercase;
}
.eo-section .eo-price-pill.free {
    color: var(--bt-green-deep);
    background: var(--bt-green-tint);
    border: 1px solid var(--bt-green-soft);
}
.eo-section .eo-price-pill.paid {
    color: var(--bt-blue-deep);
    background: var(--bt-blue-tint);
    border: 1px solid var(--bt-blue-soft);
}
.eo-section .eo-price-pill-icon {
    width: 15px;
    height: 15px;
    color: var(--bt-green);
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    display: inline-block;
    flex-shrink: 0;
}
.eo-section .eo-price-pill.paid .eo-price-pill-icon { color: var(--bt-blue); }
/* Price text inside the pill uses AvenirNextCyr (the same family as the
   "YOUR ORDER" sidebar) rather than League — League's display weight
   was rendering the dollar-amount numerals too heavy at this size. */
.eo-section .eo-price-pill .eo_costoptionsdisplay,
.eo-section .eo-price-pill .eo_costout-fixed {
    font-family: 'avenirnextcyr-bold', 'AvenirNextCyr-Bold', 'Montserrat', system-ui, sans-serif !important;
    font-weight: 500;
    font-size: inherit;
    color: inherit;
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0;
    line-height: 1;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.eo-section .eo_costoptionsdisplay {
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0;
    color: inherit;
    font: inherit;
}

/* Off/On switch — keeps legacy .eo-swhitcher-* structure but overrides
   the multiboosting / parent-theme rules (width:50px, margin-left:55px,
   background:#eb5c29!important) so the toggle renders as a proper
   sliding pill: both labels stay visible at all times, indicator moves
   between OFF and ON halves. !important is required because the
   inherited rules in product.css use it themselves. */
.eo-section .eo-control-switcher {
    display: inline-flex !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    float: none !important;
    width: auto !important;
}
.eo-section .eo-control-switcher .eo-swhitcher-titel,
.eo-section .eo-control-switcher .eo-conflict,
.eo-section .eo-control-switcher .eo-tooltip {
    display: none !important;
}
.eo-section .eo-swhitcher-content {
    position: relative !important;
    display: inline-flex !important;
    align-items: stretch !important;
    background: var(--bt-bg-soft) !important;
    border: 1px solid var(--bt-line) !important;
    border-radius: 4px !important;
    padding: 3px !important;
    cursor: pointer;
    min-height: auto !important;
    width: auto !important;
    min-width: 168px !important;
    box-shadow: none !important;
    overflow: hidden !important;
    line-height: 1 !important;
    transition: border-color 200ms ease;
}
.eo-section .eo-swhitcher-content:hover { border-color: var(--bt-blue-soft) !important; }
.eo-section .eo-swhitcher-content > span {
    flex: 1 1 50% !important;
    text-align: center !important;
    padding: 9px 16px !important;
    /* AvenirNextCyr-Bold for the OFF / ON labels — the bold weight reads
       cleanly on top of both the muted (off) and green (on) indicators. */
    font-family: 'avenirnextcyr-bold', 'AvenirNextCyr-Bold',
                 'Montserrat', system-ui, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: var(--bt-ink-muted);
    line-height: 1 !important;
    position: relative !important;
    z-index: 2 !important;
    transition: color 200ms ease;
    background: transparent !important;
    border: 0 !important;
    margin: 0 !important;
    width: auto !important;
    min-width: 0 !important;
    box-shadow: none !important;
}
/* Indicator pill: half-width, slides between left (OFF) and right (ON).
   Overrides the legacy width:50px + margin-left:55px implementation. */
.eo-section .eo-swhitcher-content .eo-swhitcher-box {
    position: absolute !important;
    top: 3px !important;
    bottom: 3px !important;
    left: 3px !important;
    right: auto !important;
    width: calc(50% - 3px) !important;
    height: auto !important;
    margin: 0 !important;
    border-radius: 3px !important;
    background: var(--bt-ink-muted) !important;
    box-shadow: 0 2px 6px rgba(15, 60, 100, 0.18) !important;
    transition: left 250ms var(--bt-ease), background 250ms ease !important;
    z-index: 1 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    cursor: pointer;
}
.eo-section .eo-swhitcher-content .eo-swhitcher-box .switcher-box-content {
    display: none !important;
}
.eo-section .eo-swhitcher-content .eo-swhitcher-box.ON {
    left: 50% !important;
    margin-left: 0 !important;
    background: var(--bt-green) !important;
    box-shadow: 0 2px 6px rgba(34, 179, 88, 0.40) !important;
}
/* Active label sits on top of the coloured indicator and stays white
   regardless of state — relies on the indicator's contrast for the
   active/inactive distinction. */
.eo-section .eo-swhitcher-content > span:nth-of-type(1) { color: #fff; }
.eo-section .eo-swhitcher-content:has(.eo-swhitcher-box.ON) > span:nth-of-type(1) {
    color: var(--bt-ink-muted);
}
.eo-section .eo-swhitcher-content:has(.eo-swhitcher-box.ON) > span:nth-of-type(2) {
    color: #fff;
}

/* Description text inside the panel. No max-width — the description
   reads naturally across the full content width instead of cutting
   to a narrow column. */
.eo-section .eo-content-text {
    font-family: var(--bt-font-body);
    font-size: 14px;
    color: var(--bt-ink-soft);
    line-height: 1.55;
    max-width: none;
}
.eo-section .eo-content-text p { margin: 0 0 12px; }
.eo-section .eo-content-text p:last-child { margin-bottom: 0; }
.eo-section .eo-content-text a { color: var(--bt-blue); text-decoration: none; }
.eo-section .eo-content-text a:hover { text-decoration: underline; }
.eo-section .eo-content-text strong { color: var(--bt-ink); font-weight: 500; }

/* Hide legacy in-section title — banner provides the title now. */
.eo-section .eo-title-block,
.eo-section .package_sub_title {
    display: none;
}

/* === Note section ====================================================== */
/* DevTools pass: extra top padding (24 -> 34) so the textarea sits a
   touch lower under the section banner. */
.note-section .note-content { padding: 34px 28px 28px; }
.note-section .add-note-ta-container {
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    width: 100%;
}
.note-section #add-note-ta,
.note-section .note-textarea {
    width: 100%;
    min-height: 130px;
    padding: 16px 18px;
    background: var(--bt-bg-soft);
    border: 1px solid var(--bt-line);
    border-radius: 5px;
    font-family: var(--bt-font-body);
    font-size: 14px;
    line-height: 1.55;
    color: var(--bt-ink);
    resize: vertical;
    transition: border-color 200ms ease, background 200ms ease, box-shadow 200ms ease;
    box-shadow: none;
    display: block;
}
.note-section #add-note-ta:focus,
.note-section .note-textarea:focus {
    outline: none;
    border-color: var(--bt-blue);
    background: var(--bt-bg);
    box-shadow: 0 0 0 3px var(--bt-blue-tint);
}
.note-section #add-note-ta::placeholder,
.note-section .note-textarea::placeholder { color: var(--bt-ink-muted); }
.note-section .note-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 12px;
    flex-wrap: wrap;
    gap: 12px;
}
.note-section .note-hint {
    font-family: var(--bt-font-label);
    font-size: 11px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--bt-ink-muted);
    display: flex;
    align-items: center;
    gap: 6px;
}
.note-section .note-hint svg {
    width: 13px;
    height: 13px;
    color: var(--bt-ink-muted);
}
.note-section .char-counter {
    font-family: var(--bt-font-label);
    font-size: 11px;
    letter-spacing: 0.06em;
    color: var(--bt-ink-muted);
}
.note-section .char-counter strong {
    color: var(--bt-blue);
    font-weight: 500;
}

/* === Reviews Summary section =========================================== */
.rs-section .rs-content {
    padding: 28px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.rs-section .rs-stats {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 24px;
    align-items: center;
    padding: 20px 24px;
    background: var(--bt-bg-soft);
    border: 1px solid var(--bt-line);
    border-radius: 5px;
}
.rs-section .rs-rating-big {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.rs-section .rs-rating-value {
    font-family: var(--bt-font-display);
    font-size: 44px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1;
    color: var(--bt-ink);
}
.rs-section .rs-rating-value .rs-rating-out {
    font-size: 18px;
    color: var(--bt-ink-muted);
    font-weight: 500;
}
.rs-section .rs-rating-stars {
    display: flex;
    gap: 2px;
    color: var(--bt-yellow);
}
.rs-section .rs-rating-stars svg { width: 14px; height: 14px; }

.rs-section .rs-breakdown {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}
.rs-section .rs-breakdown-row {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: var(--bt-font-label);
    font-size: 11px;
    color: var(--bt-ink-muted);
    letter-spacing: 0.06em;
}
.rs-section .rs-breakdown-row .rs-star-label {
    width: 24px;
    display: flex;
    align-items: center;
    gap: 2px;
    color: var(--bt-ink-soft);
    font-weight: 500;
}
.rs-section .rs-breakdown-row .rs-star-label svg {
    width: 10px;
    height: 10px;
    color: var(--bt-yellow);
}
.rs-section .rs-breakdown-bar {
    flex: 1;
    height: 4px;
    background: var(--bt-line);
    border-radius: 2px;
    overflow: hidden;
}
.rs-section .rs-breakdown-fill {
    height: 100%;
    background: var(--bt-yellow);
    border-radius: 2px;
    transform-origin: left;
    animation: rs-fill-grow 1s var(--bt-ease) backwards;
    animation-delay: 0.5s;
}
@keyframes rs-fill-grow {
    from { transform: scaleX(0); }
}
.rs-section .rs-breakdown-row .rs-pct {
    min-width: 32px;
    text-align: right;
    color: var(--bt-ink-soft);
    font-weight: 500;
}
.rs-section .rs-totals {
    text-align: right;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.rs-section .rs-totals-number {
    font-family: var(--bt-font-display);
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0;
    color: var(--bt-ink);
    line-height: 1;
}
.rs-section .rs-totals-label {
    font-family: var(--bt-font-label);
    font-size: 11px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--bt-ink-muted);
}

.rs-section .rs-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}
.rs-section .rs-card {
    background: var(--bt-bg);
    border: 1px solid var(--bt-line);
    border-radius: 5px;
    padding: 18px 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    transition: border-color 200ms ease, transform 250ms var(--bt-ease);
    position: relative;
}
.rs-section .rs-card:hover {
    border-color: var(--bt-blue-soft);
    transform: translateY(-2px);
}
.rs-section .rs-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.rs-section .rs-card-stars {
    display: flex;
    gap: 1px;
    color: var(--bt-yellow);
}
.rs-section .rs-card-stars svg { width: 13px; height: 13px; }
.rs-section .rs-verified {
    font-family: var(--bt-font-label);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--bt-green);
    display: flex;
    align-items: center;
    gap: 4px;
}
.rs-section .rs-verified svg { width: 11px; height: 11px; }
.rs-section .rs-quote {
    font-family: var(--bt-font-body);
    font-size: 13px;
    line-height: 1.55;
    color: var(--bt-ink-soft);
    flex: 1;
    margin: 0;
}
.rs-section .rs-quote::before { content: '\201C'; color: var(--bt-blue); font-weight: 500; margin-right: 1px; }
.rs-section .rs-quote::after  { content: '\201D'; color: var(--bt-blue); font-weight: 500; margin-left: 1px; }
.rs-section .rs-reviewer {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-top: 12px;
    border-top: 1px solid var(--bt-line);
}
.rs-section .rs-avatar {
    width: 32px;
    height: 32px;
    border-radius: 4px;
    background: linear-gradient(135deg, var(--bt-blue), var(--bt-blue-deep));
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--bt-font-display);
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0;
    flex-shrink: 0;
}
.rs-section .rs-avatar.alt-1 { background: linear-gradient(135deg, #d4a045, #b8870a); }
.rs-section .rs-avatar.alt-2 { background: linear-gradient(135deg, var(--bt-green), var(--bt-green-deep)); }
.rs-section .rs-reviewer-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}
.rs-section .rs-reviewer-name {
    font-family: var(--bt-font-display);
    font-weight: 500;
    font-size: 14px;
    color: var(--bt-ink);
    letter-spacing: 0;
}
.rs-section .rs-reviewer-meta {
    font-family: var(--bt-font-label);
    font-size: 10px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--bt-ink-muted);
}

.rs-section .rs-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 4px;
    gap: 12px;
    flex-wrap: wrap;
}
.rs-section .rs-platforms {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.rs-section .rs-platform-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    background: var(--bt-bg-soft);
    border: 1px solid var(--bt-line);
    border-radius: 3px;
    font-family: var(--bt-font-label);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--bt-ink-muted);
}
.rs-section .rs-platform-badge svg {
    width: 11px;
    height: 11px;
    color: var(--bt-green);
}
.rs-section .rs-link {
    font-family: var(--bt-font-label);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--bt-blue-deep);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    background: var(--bt-blue-tint);
    border: 1px solid var(--bt-blue-soft);
    border-radius: 4px;
    transition: all 200ms var(--bt-ease);
}
.rs-section .rs-link:hover {
    background: var(--bt-blue);
    color: #fff;
    border-color: var(--bt-blue);
}
.rs-section .rs-link svg {
    width: 13px;
    height: 13px;
    transition: transform 200ms var(--bt-ease);
}
.rs-section .rs-link:hover svg { transform: translateX(3px); }

/* === Responsive ======================================================== */
@media (max-width: 1100px) {
    .rs-section .rs-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 820px) {
    .bt-section-banner {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        padding: 22px 22px;
    }
    .bt-banner-right { align-items: flex-start; }
    .bt-banner-title { font-size: 24px; }
    .eo-section,
    .note-section,
    .rs-section {
        margin-top: 28px;
    }
    .eo-section .eo-tabs,
    .eo-section .eo-content,
    .eo-section .eo-right-block,
    .note-section .note-content,
    .rs-section .rs-content {
        padding-left: 20px;
        padding-right: 20px;
    }
    .rs-section .rs-stats { grid-template-columns: 1fr; }
    .rs-section .rs-grid  { grid-template-columns: 1fr; }
    .rs-section .rs-totals { text-align: left; }
}

@media (prefers-reduced-motion: reduce) {
    .eo-section, .note-section, .rs-section {
        animation: none;
        opacity: 1;
        transform: none;
    }
    .eo-section *, .eo-section *::before, .eo-section *::after,
    .note-section *, .note-section *::before, .note-section *::after,
    .rs-section *, .rs-section *::before, .rs-section *::after {
        animation-duration: 0.01s !important;
        transition-duration: 0.01s !important;
    }
}

/* ===========================================================================
   SITE REVIEWS PLUGIN (.product-reviews-composite + .glsr-*)
   ============================================================================
   Pure-CSS retrofit of the Site Reviews (GeminiLabs) plugin output on
   /customer-reviews/ and any product page that emits
   [boosting_reviews_composite]. No template edits — the existing
   shortcode markup stays exactly as the plugin renders it; styling
   lifts the layout into the same brand-blue, AvenirNextCyr language
   as the Extra Options / Note / Reviews Summary cards.

   Structure (multiboosting shortcodes.php):
     .product-reviews-composite
       .reviewh2                     (heading → dark banner)
       .prc-container                (3-col grid → 1-col stack)
         .pilot_boost                (Trustpilot button — optional)
         #prc-summary-container      (.bt-reviews-summary)
         #prc-reviews-container      (.bt-reviews)
         #prc-form-container         (.bt-reviews-form)

   The plugin form (.glsr-form) is left functional — every <input>,
   <textarea>, <select> and the [type=submit] keep their original DOM,
   just restyled.
============================================================================ */

.product-reviews-composite {
    background: var(--bt-bg);
    color: var(--bt-ink);
    font-family: var(--bt-font-body);
    /* DevTools pass: borderless reviews card. --bt-shadow-soft is now
       commented out at the variable level so the box-shadow declaration
       falls back to "none" — the card sits flat on the page like the
       FAQ blocks above. */
    border: 0 solid var(--bt-line);
    border-radius: 10px;
    box-shadow: var(--bt-shadow-soft);
    overflow: hidden;
    margin-top: 40px !important;
    margin-bottom: 0;
    max-width: 100% !important;
    width: auto !important;
    padding: 0 !important;
    position: relative;
}

/* Footer link to /customer-reviews/ — rendered by
   boosting_reviews_composite() as a real <a class="prc-footer-link">.
   Darker neutral colour per review feedback (#4f5254) so the link
   reads as a clear text CTA rather than washed-out support text. */
.product-reviews-composite .prc-footer-link {
    display: block;
    padding: 18px 32px 22px;
    /* Full border (was border-top only) so the link reads as a discrete
       block at the bottom of the composite — pairs with the now-
       borderless outer card. */
    border: 1px solid var(--bt-line);
    background: var(--bt-bg-soft);
    font-family: var(--bt-font-label);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #4f5254;
    text-align: center;
    text-decoration: none;
    transition: color 200ms ease, background 200ms ease;
}
.product-reviews-composite .prc-footer-link:hover {
    color: var(--bt-blue);
    background: var(--bt-blue-tint);
    text-decoration: none;
}

/* "Read the reviews" heading is the plugin caption — promote it into
   the dark banner used everywhere else in the section system. */
.product-reviews-composite .reviewh2,
.product-reviews-composite h2.reviewh2,
.product-reviews-composite h3.reviewh2,
.product-reviews-composite h2.packageh2 {
    margin: 0 !important;
    padding: 30px 32px;
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 255, 255, 0.10), transparent 55%),
        radial-gradient(circle at 0% 100%, rgba(0, 0, 0, 0.18), transparent 55%),
        linear-gradient(135deg, #0a72b8 0%, var(--bt-blue) 50%, var(--bt-blue-deep) 100%);
    color: #fff !important;
    font-family: var(--bt-font-display);
    font-weight: 500;
    font-size: 30px;
    line-height: 1.05;
    letter-spacing: 0;
    text-transform: uppercase;
    border: 0;
    border-radius: 0;
    text-align: left;
}
.product-reviews-composite .reviewh2::before { content: none; }
/* The boosting parent theme's main.css renders the caption h3 as
   .package_sub_title (a solid #0364a9 banner). That selector wasn't in
   our earlier banner targets, so the subtitle ::after never landed.
   Override display from flex to block so ::after stacks below the
   title instead of sitting beside it as a flex sibling, then inject
   the subtitle text to match Extra Options / Note / About banners. */
.product-reviews-composite .package_sub_title {
    display: block !important;
    align-items: unset !important;
    text-shadow: none !important;
    /* Match the .bt-banner-title 30px size AND the 30px 32px padding
       on Extra Options / Note / About banners — the legacy main.css
       set this to 22px / 25px 10px 25px 20px which read smaller and
       offset to the left. */
    font-size: 30px !important;
    line-height: 1.05 !important;
    padding: 30px 32px !important;
    margin: 0 !important;
}
.product-reviews-composite .reviewh2::after,
.product-reviews-composite .package_sub_title::after {
    content: 'What players using our service have to say';
    display: block;
    margin-top: 8px;
    font-family: var(--bt-font-body);
    font-size: 14px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.85);
    letter-spacing: 0;
    text-transform: none;
    line-height: 1.5;
    max-width: 720px;
    text-shadow: none;
}

/* Body padding sits inside the composite below the banner */
.product-reviews-composite .prc-container {
    display: grid;
    grid-template-columns: minmax(280px, 360px) 1fr;
    grid-template-rows: auto auto;
    gap: 24px 32px;
    /* DevTools pass: top padding bumped to 40, horizontal trimmed to 0,
       bottom 20 — sidebar + reviews column hang flush with the card
       edges so the grid feels less boxed in. */
    padding: 40px 0 20px;
    margin: 0;
    max-width: 100%;
}
.product-reviews-composite #prc-summary-container {
    grid-column: 1;
    grid-row: 1;
}
.product-reviews-composite #prc-reviews-container {
    grid-column: 2;
    grid-row: 1 / span 2;
}
.product-reviews-composite #prc-form-container {
    grid-column: 1;
    grid-row: 2;
}
.product-reviews-composite .pilot_boost {
    grid-column: 1 / -1;
    width: auto;
    margin: 0 0 8px;
    padding: 0;
    background: transparent;
    border: 0;
    text-align: left;
}
.product-reviews-composite .pilot_boost img {
    height: 36px;
    width: auto;
    max-width: 100%;
}

/* --- Summary card (rating + breakdown bars) ---
   No outer card chrome — the plugin's own .glsr-summary block
   draws its own card-style background. Wrapping it would create a
   double-border look. We just provide spacing here. */
.product-reviews-composite #prc-summary-container,
.product-reviews-composite .bt-reviews-summary {
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 0;
}
.product-reviews-composite .glsr-summary {
    background: var(--bt-bg-soft) !important;
    border: 1px solid var(--bt-line) !important;
    border-radius: 8px !important;
    padding: 20px 22px !important;
    margin: 0 !important;
}
/* Summary card content — rating value (big "4.9"), 5-star row, and the
   per-star breakdown bars. The plugin's actual DOM (verified via live
   inspect) puts the breakdown inside .glsr-summary-percentages
   (plural — earlier rules targeted -percentage by mistake and never
   matched). Each row is .glsr-bar with .glsr-bar-label / -background /
   -background-percent / -percent children. */
.product-reviews-composite .glsr-summary {
    background: var(--bt-bg-soft) !important;
    border: 1px solid var(--bt-line) !important;
    border-radius: 8px !important;
    padding: 20px 22px !important;
    margin: 0 !important;
    font-family: var(--bt-font-body) !important;
    color: var(--bt-ink-soft) !important;
}
.product-reviews-composite .glsr-summary-rating {
    display: flex;
    align-items: baseline;
    gap: 14px;
    margin: 0 0 4px;
}
.product-reviews-composite .glsr-summary-rating,
.product-reviews-composite .glsr-summary-rating .glsr-tag-value {
    font-family: var(--bt-font-display) !important;
    font-weight: 500 !important;
    font-size: 36px !important;
    color: var(--bt-ink) !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
}
.product-reviews-composite .glsr-summary-stars {
    margin: 0 0 6px;
}
.product-reviews-composite .glsr-summary-stars .glsr-star-rating {
    color: var(--bt-yellow);
}
.product-reviews-composite .glsr-summary-text,
.product-reviews-composite .glsr-summary-text .glsr-tag-value {
    font-family: var(--bt-font-body) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: var(--bt-ink-muted) !important;
    /* Bottom margin trimmed 16 -> 8 so the summary text sits closer to
       the breakdown bars below it. */
    margin: 0 0 8px !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    line-height: 1.4 !important;
}
/* Breakdown rows — each .glsr-bar is a 3-col grid: label | track | %. */
.product-reviews-composite .glsr-summary-percentages {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    padding: 0;
}
.product-reviews-composite .glsr-bar {
    display: grid !important;
    grid-template-columns: 76px 1fr 38px !important;
    gap: 12px !important;
    align-items: center !important;
    background: transparent !important;
    height: auto !important;
    border-radius: 0 !important;
    overflow: visible !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
.product-reviews-composite .glsr-bar-label {
    font-family: var(--bt-font-body) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: var(--bt-ink-soft) !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    text-align: left !important;
    line-height: 1.2 !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    width: auto !important;
}
.product-reviews-composite .glsr-bar-background {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: 6px !important;
    background: var(--bt-line) !important;
    border-radius: 3px !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}
.product-reviews-composite .glsr-bar-background-percent {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    height: 100% !important;
    background: var(--bt-yellow) !important;
    border-radius: 3px !important;
    color: transparent !important;
    font-size: 0 !important;
    text-indent: -9999px !important;
}
.product-reviews-composite .glsr-bar-percent {
    font-family: var(--bt-font-body) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: var(--bt-ink-muted) !important;
    text-align: right !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    line-height: 1.2 !important;
    width: auto !important;
    height: auto !important;
    border-radius: 0 !important;
}
.product-reviews-composite .glsr-minimal .glsr-bar-background-percent {
    background: var(--bt-yellow) !important;
}

/* --- Review list (right column) --- */
.product-reviews-composite #prc-reviews-container,
.product-reviews-composite .bt-reviews {
    background: transparent;
}
.product-reviews-composite .glsr-default .glsr-reviews,
.product-reviews-composite .glsr-default .glsr-reviews-wrap {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0;
    padding: 0;
}
.product-reviews-composite .glsr-default .glsr-review {
    background: var(--bt-bg);
    border: 1px solid var(--bt-line);
    border-radius: 8px;
    /* Heavy right padding (25%) reserves a clear gutter on the right
       edge of each review card — gives the verified badge + meta
       chips room to breathe instead of crowding the next column. */
    padding: 18px 25% 20px 20px;
    transition: border-color 200ms ease, transform 250ms var(--bt-ease);
    list-style: none;
    margin: 0;
}
.product-reviews-composite .glsr-default .glsr-review:hover {
    border-color: var(--bt-blue-soft);
    transform: translateY(-2px);
}
.product-reviews-composite .glsr-review-title,
.product-reviews-composite .glsr-review-title h3 {
    font-family: var(--bt-font-display);
    font-weight: 500;
    font-size: 16px;
    color: var(--bt-ink);
    letter-spacing: 0;
    line-height: 1.2;
    margin: 0 0 8px;
    text-transform: none;
}
.product-reviews-composite .glsr-default .glsr-review-rating,
.product-reviews-composite .glsr-default .glsr-review-rating + .glsr-review-date {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}
.product-reviews-composite .glsr-review-date {
    font-family: var(--bt-font-label);
    font-size: 11px;
    letter-spacing: 0.04em;
    color: var(--bt-ink-muted);
    text-transform: none;
}
.product-reviews-composite .glsr-default .glsr-review p {
    font-family: var(--bt-font-body) !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
    color: #171e27 !important;
    margin: 4px 0 10px !important;
}
.product-reviews-composite .glsr-default .glsr-review-author {
    font-family: var(--bt-font-display);
    font-weight: 500;
    font-size: 14px;
    color: var(--bt-ink);
}
.product-reviews-composite .glsr-default .glsr-review-author + .glsr-review-meta,
.product-reviews-composite .glsr-default .glsr-review-author span {
    margin-left: 0 !important;
    font-family: 'avenirnextcyr-bold', 'AvenirNextCyr-Bold', 'Montserrat', system-ui, sans-serif !important;
}
/* Custom-verified-purchase badge ([_reviews.scss] already injects this
   via ::after on the title — restyle to match the new design.) */
.product-reviews-composite .glsr-review-title h3:after {
    content: "✓ Verified" !important;
    font-family: var(--bt-font-label);
    font-weight: 500;
    font-size: 10px;
    color: var(--bt-green-deep);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    background: var(--bt-green-tint);
    border: 1px solid var(--bt-green-soft);
    padding: 3px 7px;
    border-radius: 3px;
    display: inline-block;
    margin: 0 0 0 8px;
    vertical-align: middle;
    line-height: 1;
}

/* Pagination (1, 2, 3 … Next) */
.product-reviews-composite .nav-links,
.product-reviews-composite .glsr-pagination {
    display: flex;
    gap: 6px;
    margin-top: 12px;
    font-family: var(--bt-font-label);
    /* Pagination text bumped 13 -> 14 to match the rest of the .06em
       sized links on the reviews composite. */
    font-size: 14px;
    font-weight: 500;
}
.product-reviews-composite .nav-links .page-numbers,
.product-reviews-composite .glsr-pagination .page-numbers {
    color: var(--bt-blue-deep);
    padding: 6px 10px;
    border-radius: 3px;
    /* DevTools pass: force Roboto on the page-number digits so the
       1 / 2 / 3 reads consistently across browsers — the parent
       --bt-font-label stack resolves to AvenirNextCyr which doesn't
       have great numeral kerning. */
    font-family: 'Roboto', system-ui, sans-serif;
    text-decoration: none;
    background: var(--bt-bg);
    border: 1px solid var(--bt-line);
    transition: background 180ms ease, color 180ms ease, border-color 180ms ease;
}
.product-reviews-composite .nav-links .page-numbers:hover {
    background: var(--bt-blue-tint);
    border-color: var(--bt-blue-soft);
}
.product-reviews-composite .nav-links .page-numbers.current {
    background: var(--bt-blue);
    color: #fff;
    border-color: var(--bt-blue);
}

/* --- Form (.glsr-form) ---
   DOM nests as: #prc-form-container > .glsr-form-wrap > form.glsr-form
   We need ONE bordered card, not three. The outer container carries
   the chrome; the inner wrappers stay transparent so content sits
   directly inside the card padding without a nested second box. */
.product-reviews-composite #prc-form-container {
    background: var(--bt-bg-soft);
    border: 1px solid var(--bt-line);
    border-radius: 8px;
    padding: 22px 24px 24px;
    margin: 0;
    font-family: var(--bt-font-body);
}
.product-reviews-composite #prc-form-container .glsr-form-wrap,
.product-reviews-composite .glsr-form-wrap,
.product-reviews-composite .bt-reviews-form,
.product-reviews-composite form.glsr-form,
.product-reviews-composite form.glsr-review-form {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}
/* The "Tell us about your experience" intro is rendered by
   _reviews.scss via ::before on .glsr-form-wrap. Restyle to match
   the section's typography. */
.product-reviews-composite .glsr-form-wrap::before {
    content: "Tell us about your experience";
    display: block;
    /* DevTools pass: form heading switched from League (display) to
       AvenirNextCyr-Bold so the prompt reads as a sentence-case body
       headline, not an uppercase display title. */
    font-family: 'avenirnextcyr-bold', 'AvenirNextCyr-Bold',
                 'Montserrat', system-ui, sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: var(--bt-ink);
    letter-spacing: 0;
    line-height: 1.2;
    margin: 0 0 14px;
    border: 0;
    padding: 0;
}
.product-reviews-composite .glsr-form,
.product-reviews-composite form.glsr-form {
    margin-top: 0;
    background: transparent;
    border: 0;
    padding: 0;
}
.product-reviews-composite .glsr-form .glsr-field {
    margin: 0 0 14px;
}
.product-reviews-composite .glsr-form .glsr-field > label,
.product-reviews-composite .glsr-form .glsr-field > .glsr-label {
    display: block;
    font-family: var(--bt-font-label);
    font-size: 11px;
    font-weight: 500;
    color: var(--bt-ink-muted);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin: 0 0 6px;
}
.product-reviews-composite .glsr-form input.glsr-input,
.product-reviews-composite .glsr-form textarea.glsr-textarea,
.product-reviews-composite .glsr-form select.glsr-select,
.product-reviews-composite .glsr-form .jcf-select {
    width: 100% !important;
    padding: 8px 5px !important;
    background: var(--bt-bg) !important;
    border: 1px solid var(--bt-line) !important;
    border-radius: 5px !important;
    font-family: var(--bt-font-body) !important;
    font-size: 16px !important;
    color: var(--bt-ink) !important;
    line-height: 1.4 !important;
    transition: border-color 200ms ease, box-shadow 200ms ease !important;
    box-shadow: none !important;
}
/* JCF replaces native <select> with a styled <span class="jcf-select">
   wrapper that contains an inner <span class="jcf-select-text"> holding
   the visible label. Tighten the label so it matches the input height
   and reads consistently with the other fields. */
.jcf-select .jcf-select-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: default;
    display: block;
    font-size: 16px;
    line-height: 16px;
    /* Capped at 500 — the rest of the .bt-section CSS holds weights at
       500 or below since the brand fonts (AvenirNextCyr-Bold) are bold
       by themselves. Synthesising weight 700 on top reads as fuzzy. */
    font-weight: 500;
    margin: 0 36px 0 8px;
}
/* Cap the heaviest plugin weights at 500. The legacy main.css block
   that pinned these to 700 was removed in this PR (themes/boosting/
   assets/css/main.css), so this rule now provides the cleaner weight. */
.glsr-default .glsr-review-verified,
.glsr-form-wrap::before {
    font-weight: 500 !important;
}
/* Review card author / date alignment. The default plugin styles
   shove the author and date with a left margin meant to clear an
   avatar that we don't render — flatten the offset and pin the
   font-size so the meta row reads cleanly. */
.glsr-default .glsr-review-avatar + .glsr-review-author span,
.glsr-default .glsr-review-rating + .glsr-review-date span {
    margin-left: 0 !important;
    font-size: 14px;
}
.product-reviews-composite .glsr-form input.glsr-input:focus,
.product-reviews-composite .glsr-form textarea.glsr-textarea:focus,
.product-reviews-composite .glsr-form select.glsr-select:focus {
    outline: none !important;
    border-color: var(--bt-blue) !important;
    box-shadow: 0 0 0 3px var(--bt-blue-tint) !important;
}
.product-reviews-composite .glsr-form textarea.glsr-textarea {
    min-height: 110px;
    resize: vertical !important;
}
.product-reviews-composite .glsr-form input.glsr-input::placeholder,
.product-reviews-composite .glsr-form textarea.glsr-textarea::placeholder {
    color: var(--bt-ink-muted) !important;
}
/* Toggle consent ("For a verified review please log in.") */
.product-reviews-composite .glsr-field-choice.glsr-required::before,
.product-reviews-composite .glsr-form .glsr-field.glsr-field-choice.glsr-required:before {
    content: "For a verified review please log in." !important;
    display: block;
    font-family: var(--bt-font-label);
    font-size: 11px;
    font-weight: 500;
    color: var(--bt-ink-muted);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin: 0 0 6px;
}
.product-reviews-composite .glsr-form .glsr-toggle label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-family: var(--bt-font-body) !important;
    font-size: 13px !important;
    color: var(--bt-ink-soft) !important;
    cursor: pointer;
}
/* Submit button — match the RANK UP CTA from pack-cards */
.product-reviews-composite .glsr-default form.glsr-form [type=submit],
.product-reviews-composite form.glsr-form [type=submit] {
    width: 100% !important;
    height: 52px !important;
    padding: 0 20px !important;
    background: var(--bt-blue) !important;
    color: #fff !important;
    border: 0 !important;
    /* Submit button radius 7 -> 6 so it matches the rest of the form
       inputs which sit on a tighter 6px corner. */
    border-radius: 6px !important;
    font-family: var(--bt-font-display) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 14px !important;
    box-shadow:
        0 4px 14px rgba(37, 99, 235, 0.30),
        inset 0 1px 0 rgba(255, 255, 255, 0.20),
        inset 0 -2px 0 rgba(0, 0, 0, 0.10) !important;
    transition: transform 0.35s ease, box-shadow 0.35s ease !important;
}
.product-reviews-composite .glsr-default form.glsr-form [type=submit]:hover,
.product-reviews-composite form.glsr-form [type=submit]:hover {
    transform: translateY(-2px) !important;
    color: #fff !important;
    background: var(--bt-blue) !important;
    box-shadow:
        0 6px 20px rgba(37, 99, 235, 0.40),
        inset 0 1px 0 rgba(255, 255, 255, 0.20),
        inset 0 -2px 0 rgba(0, 0, 0, 0.10) !important;
}

/* Stars — keep the existing star-fill / star-outline image swap from
   _reviews.scss, just colour the rating tier yellow. */
.product-reviews-composite .glsr-star-rating,
.product-reviews-composite .glsr-stars,
.product-reviews-composite .gl-star-rating--stars {
    color: var(--bt-yellow);
}

/* Responsive: stack the 2-col grid on tablet down */
@media (max-width: 900px) {
    .product-reviews-composite .prc-container {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 22px 22px 24px;
    }
    .product-reviews-composite #prc-summary-container,
    .product-reviews-composite #prc-reviews-container,
    .product-reviews-composite #prc-form-container {
        grid-column: 1;
        grid-row: auto;
    }
    .product-reviews-composite .reviewh2 { font-size: 24px; padding: 22px 22px; }
}

/* ===========================================================================
   BOTTOM SUPPORT BLOCK — .product_help_bot
   ============================================================================
   This is the "Got any questions? / live chat / We're online 24/7" card that
   the About-section template appends to its body content. DOM structure
   (live inspect of /lol-boosting-packs/):

     <div class="bt-section-body service-info-text-container">
       …about copy…
       <div class="product_help_bot">
         <span class="product_help_bot_pic">
           <img src=".../supportcrown.webp">
         </span>
         <div class="h2helptext">
           <h3 class="h3help">
             Got any questions? Looking for the best price?
             <strong>Contact us via live chat in the corner</strong>
             We're online 24/7
           </h3>
         </div>
       </div>
     </div>

   Because the block sits inside .bt-section-body, it was inheriting the
   body's --bt-ink-soft text colour and the .bt-section-body strong rule's
   --bt-ink — which on the new blue card background read as dark grey on
   blue. This block now gets its own banner-style chrome and forces the
   inner text to white. Scoped tightly so the rule only fires on this
   exact class.
============================================================================ */

.bt-section .product_help_bot,
.product_help_bot {
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 255, 255, 0.10), transparent 55%),
        radial-gradient(circle at 0% 100%, rgba(0, 0, 0, 0.18), transparent 55%),
        linear-gradient(135deg, #0a72b8 0%, var(--bt-blue, #0364a8) 50%, var(--bt-blue-deep, #024c80) 100%);
    color: #fff !important;
    border-radius: 10px;
    padding: 32px 28px;
    margin: 32px 0 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    text-align: center;
    border: 0;
    box-shadow: 0 4px 14px rgba(3, 100, 168, 0.18);
    overflow: hidden;
    position: relative;
}
.bt-section .product_help_bot .product_help_bot_pic,
.product_help_bot .product_help_bot_pic {
    display: inline-block;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    width: auto;
    height: auto;
    /* Legacy main.css sets `position: relative; left: 43%; width: 150px`
       which shoved the fox image off-center. Reset so the flex column
       above can centre it cleanly. */
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
}
.bt-section .product_help_bot .product_help_bot_pic img,
.product_help_bot .product_help_bot_pic img {
    width: 130px;
    height: auto;
    display: block;
    margin: 0 auto;
    filter: drop-shadow(0 6px 14px rgba(0, 0, 0, 0.30));
}
.bt-section .product_help_bot .h2helptext,
.product_help_bot .h2helptext {
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 0;
}
/* Heading: three lines (line 1 text, line 2 <strong>, line 3 text). The
   legacy main.css makes the strong display block — keep that, but force
   our colour + typography. !important required because the legacy rules
   set their own colour / font / display: block via main.css. */
.bt-section .product_help_bot .h3help,
.product_help_bot .h3help {
    font-family: var(--bt-font-display, 'League'), 'avenirnextcyr-bold', 'Montserrat', system-ui, sans-serif !important;
    font-weight: 500 !important;
    font-size: 22px !important;
    line-height: 1.45 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    text-align: center !important;
}
.bt-section .product_help_bot .h3help strong,
.product_help_bot .h3help strong {
    display: block !important;
    font-family: var(--bt-font-body, 'avenirnextcyr-medium'), system-ui, sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    color: rgba(255, 255, 255, 0.92) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-style: italic !important;
    margin: 8px 0 !important;
    line-height: 1.4 !important;
}

/* Responsive: tighter padding on mobile */
@media (max-width: 680px) {
    .bt-section .product_help_bot,
    .product_help_bot {
        padding: 26px 20px;
    }
    .bt-section .product_help_bot .product_help_bot_pic img,
    .product_help_bot .product_help_bot_pic img {
        width: 110px;
    }
    .bt-section .product_help_bot .h3help,
    .product_help_bot .h3help {
        font-size: 18px !important;
    }
    .bt-section .product_help_bot .h3help strong,
    .product_help_bot .h3help strong {
        font-size: 14px !important;
    }
}

/* Product-type tab row (Placement / Wins / Rank / Duo Rank / Duo Wins /
   Coaching / XL Deals) — give the ul a 30px bottom margin so it spaces
   away from the pack grid cleanly. Theme main.css doesn't set this. */
.booster_packege_tabs ul {
    margin: 0 auto 30px !important;
}

/* ===========================================================================
   CALC + DESCRIPTION TYPOGRAPHY — site-wide bumps
   ============================================================================
   These selectors live outside the section system (.choosen_text appears
   inside the Extra Options description content, .calc-widget-title /
   .tier-name / .rt-card-value drive the boosting calculator above the
   pack grid). Bumped here in extra-options.css since this file is
   already loaded on every product page.
============================================================================ */

.choosen_text {
    margin: 20px auto;
    font-size: 18px;
    font-family: Roboto, system-ui, -apple-system, sans-serif;
    color: #252525;
}

.calc-widget-title {
    font-size: 36px;
}

.tier-name {
    font: 30px league;
}

.ps-select-container.rt-rank-bottom .rt-card-value,
.rt-platform-row .rt-card-value {
    font-size: 22px !important;
}
/* ============================================================================
   ABOUT / FAQ — long-form section that sits inside [bt_about] body content
   ============================================================================
   Translation of the lol-boosting-faq-vr5 mock into the session's design
   language:
     - Bricolage Grotesque -> League (display, weight 500), session standard
     - Geist Mono          -> AvenirNextCyr-Medium with monospace-style
                              letter-spacing (no system mono in site stack)
     - Geist               -> AvenirNextCyr-Medium / Roboto (body)
     - Mock --blue #38a6e8 -> session brand --bt-blue #0364a8
     - Mock dark callout   -> session .bt-section-banner gradient
                              (#0a72b8 -> #0364a8 -> #024c80)
     - Border radii halved (matches the reviews-page polish + product cards)

   Scope:
     .bt-about-faq           — wrapper the user pastes into the WP editor
     .bt-faq-section         — each numbered card
     .bt-faq-item            — single accordion row (details element)
     .bt-faq-callout         — dark "still have a question" banner

   Self-contained — does NOT inherit from .bt-section variables. Re-declares
   the design tokens so it works whether or not extra-options.css has loaded
   above it. The accordion JS lives in about-faq.js next to this file.
============================================================================ */

.bt-about-faq {
    --bt-faq-bg:          #ffffff;
    --bt-faq-bg-soft:     #f6fafd;
    --bt-faq-ink:         #0c1a2b;
    --bt-faq-ink-2:       #16273d;
    /* DevTools pass: darker ink-soft (#4a5a6e -> #364150) so body prose
       contrasts harder against the white card bg. */
    --bt-faq-ink-soft:    #364150;
    /* DevTools pass: ink-muted darkened (#8a98a8 -> #76818d) so eyebrow
       labels + step-num lines have a touch more contrast against the
       white card bg. */
    --bt-faq-ink-muted:   #76818d;
    --bt-faq-line:        #e4ecf3;
    --bt-faq-line-soft:   #eef3f8;

    /* Session brand blue — same #0364a8 used on .bt-section-banner and the
       reviews-page polish. */
    --bt-faq-blue:        #0364a8;
    --bt-faq-blue-deep:   #024c80;
    --bt-faq-blue-mid:    #3a9de8;
    --bt-faq-blue-soft:   #b8e0f4;
    --bt-faq-blue-tint:   #eaf6fd;

    --bt-faq-orange:      #ff7a2a;
    --bt-faq-orange-soft: #ffc9a8;
    --bt-faq-orange-deep: #d65a10;
    --bt-faq-orange-tint: #fff0e6;

    --bt-faq-green:       #22b358;
    --bt-faq-green-soft:  #b8e8c8;
    --bt-faq-green-tint:  #e8f7ee;

    --bt-faq-shadow-soft: 0 1px 2px rgba(15, 60, 100, 0.04), 0 8px 24px rgba(15, 60, 100, 0.06);
    --bt-faq-shadow-pop:  0 2px 4px rgba(15, 60, 100, 0.05), 0 24px 60px rgba(15, 60, 100, 0.08);

    --bt-faq-ease:        cubic-bezier(0.16, 1, 0.3, 1);

    /* Session font tokens. Display = League 500. Body = AvenirNextCyr-Medium.
       Mono-style label = AvenirNextCyr-Medium with wide letter-spacing as a
       stand-in for Geist Mono (site doesn't ship a real monospace). */
    --bt-faq-font-display: 'League', 'avenirnextcyr-bold', 'AvenirNextCyr-Bold',
                            'Montserrat', system-ui, sans-serif;
    --bt-faq-font-body:    'avenirnextcyr-medium', 'AvenirNextCyr-Medium',
                            'Roboto', system-ui, sans-serif;
    --bt-faq-font-label:   'avenirnextcyr-bold', 'AvenirNextCyr-Bold',
                            'Roboto Mono', ui-monospace, monospace;

    display: block;
    color: var(--bt-faq-ink);
    font-family: var(--bt-faq-font-body);
    /* DevTools pass: dropped the 24px top spacer — the surrounding
       .bt-section--about card already provides its own margin-top. */
    /* margin-top: 24px; */
}
.bt-about-faq *,
.bt-about-faq *::before,
.bt-about-faq *::after { box-sizing: border-box; }

/* ============================================================================
   LIVE ACTIVITY TICKER — sits above the FAQ section cards.
============================================================================
   Translated from the lol-boosting-faq-v66 mock. Pulsing green dot +
   "LIVE" label on the left, single-line rotating activity items on the
   right (one visible at a time, faded in/out by about-faq.js).

   Markup contract (paste into .bt-about-faq as the first child):
     <div class="bt-faq-ticker" aria-live="polite">
       <span class="bt-faq-ticker-dot" aria-hidden="true"></span>
       <span class="bt-faq-ticker-label">Live</span>
       <span class="bt-faq-ticker-divider" aria-hidden="true"></span>
       <div class="bt-faq-ticker-content">
         <div class="bt-faq-ticker-item is-active">...</div>
         <div class="bt-faq-ticker-item">...</div>
         ...
       </div>
     </div>
============================================================================ */
.bt-about-faq .bt-faq-ticker {
    display: flex;
    align-items: center;
    /* Wider gap between the LIVE label, divider, and the rotating item
       column so the ticker reads as breathing-room marquee rather than
       a cramped row. Vertical padding bumped 14 -> 20 and margin-bottom
       18 -> 44 so the ticker reads as its own band, not crammed into
       the FAQ stack below it. */
    gap: 22px;
    padding: 20px 22px;
    background: var(--bt-faq-bg);
    border: 1px solid var(--bt-faq-line);
    border-radius: 3px;
    margin-bottom: 44px;
    box-shadow: var(--bt-faq-shadow-soft);
    overflow: hidden;
}
.bt-about-faq .bt-faq-ticker-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--bt-faq-green);
    flex-shrink: 0;
    box-shadow: 0 0 0 0 rgba(34, 179, 88, 0.5);
    animation: bt-faq-ticker-pulse 2.2s infinite cubic-bezier(0.66, 0, 0, 1);
}
@keyframes bt-faq-ticker-pulse {
    0%   { box-shadow: 0 0 0 0 rgba(34, 179, 88, 0.5); }
    70%  { box-shadow: 0 0 0 10px rgba(34, 179, 88, 0); }
    100% { box-shadow: 0 0 0 0 rgba(34, 179, 88, 0); }
}
.bt-about-faq .bt-faq-ticker-label {
    /* DevTools pass: explicit Roboto + 700 + 14px for the LIVE chip.
       Reads heavier than the rotating items so the chip pops as a
       label, not just another ticker row. */
    font-family: 'Roboto', system-ui, sans-serif;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--bt-faq-green);
    flex-shrink: 0;
}
.bt-about-faq .bt-faq-ticker-divider {
    /* Doubled (1 -> 2px) so the divider reads as deliberate rather
       than a render artefact. */
    width: 2px;
    height: 14px;
    background: var(--bt-faq-line);
    flex-shrink: 0;
}
.bt-about-faq .bt-faq-ticker-content {
    flex: 1;
    position: relative;
    height: 18px;
    overflow: hidden;
    min-width: 0;
}
.bt-about-faq .bt-faq-ticker-item {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    /* DevTools pass: ticker rows now Roboto bold @ 16px to match the
       weight of the LIVE chip on the left. Reads as a sustained heading
       across the band rather than dropping in weight after the divider. */
    font-family: 'Roboto', system-ui, sans-serif;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0.02em;
    /* Bigger word-spacing teases the chunks (dates / numbers / divider
       dots) apart so the item reads as a labelled feed, not a run-on. */
    word-spacing: 2px;
    color: var(--bt-faq-ink-soft);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 0;
    transform: translateY(8px);
    transition: opacity 400ms var(--bt-faq-ease),
                transform 400ms var(--bt-faq-ease);
}
.bt-about-faq .bt-faq-ticker-item.is-active {
    opacity: 1;
    transform: translateY(0);
}
.bt-about-faq .bt-faq-ticker-item em {
    font-style: normal;
    /* Brand blue + 700 weight + wider side padding (2 -> 6) so the
       emphasised chunks (rank names, codes, day counters) read as
       clickable-looking tokens against the body of the row. */
    color: #0364a8;
    font-weight: 700;
    padding: 0 6px;
}
.bt-about-faq .bt-faq-ticker-item .bt-faq-ticker-arrow {
    color: var(--bt-faq-orange);
    /* Wider margin around the arrow so "Gold IV → Plat IV" reads as
       three discrete tokens. */
    margin: 0 10px;
    font-weight: 500;
}
@media (prefers-reduced-motion: reduce) {
    .bt-about-faq .bt-faq-ticker-dot { animation: none; }
    .bt-about-faq .bt-faq-ticker-item { transition: none; }
}

/* ============================================================================
   SECTION CARD — same chrome as the product-page .bt-section cards
============================================================================ */
.bt-about-faq .bt-faq-section {
    background: var(--bt-faq-bg);
    /* DevTools pass: hairline border restored. Earlier round set border:0,
       which left the card relying on box-shadow alone — looked too
       floaty next to the bordered cards on the rest of the page. */
    border: 1px solid var(--bt-faq-line);
    /* Halved (mock 6 -> 3). */
    border-radius: 3px;
    box-shadow: var(--bt-faq-shadow-soft);
    overflow: hidden;
    /* Cards now stack with a 40px gap between them — the earlier flush
       stacking read as a single giant block. */
    margin-bottom: 40px;
    position: relative;
    opacity: 0;
    transform: translateY(20px);
    animation: bt-faq-reveal 0.7s var(--bt-faq-ease) forwards;
}
.bt-about-faq .bt-faq-section:nth-of-type(1) { animation-delay: 0.05s; }
.bt-about-faq .bt-faq-section:nth-of-type(2) { animation-delay: 0.12s; }
.bt-about-faq .bt-faq-section:nth-of-type(3) { animation-delay: 0.19s; }
.bt-about-faq .bt-faq-section:nth-of-type(4) { animation-delay: 0.26s; }
.bt-about-faq .bt-faq-section:nth-of-type(5) { animation-delay: 0.33s; }
.bt-about-faq .bt-faq-section:nth-of-type(6) { animation-delay: 0.40s; }
.bt-about-faq .bt-faq-section:nth-of-type(7) { animation-delay: 0.47s; }
.bt-about-faq .bt-faq-section:nth-of-type(8) { animation-delay: 0.54s; }
@keyframes bt-faq-reveal {
    to { opacity: 1; transform: translateY(0); }
}

/* ============================================================================
   SECTION HEAD — eyebrow row + League title + right-side badge
============================================================================ */
.bt-about-faq .bt-faq-section-head {
    padding: 20px 26px 18px;
    background: var(--bt-faq-bg-soft);
    border-bottom: 1px solid var(--bt-faq-line);
    /* DevTools pass: hairline border-top added so the eyebrow band has a
       deliberate top edge against the page background — gives the
       section-head its own contained "header strip" look rather than
       blending into the card top. */
    border-top: 1px solid var(--bt-faq-line);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}
.bt-about-faq .bt-faq-section-head-left { min-width: 0; flex: 1 1 auto; }
.bt-about-faq .bt-faq-eyebrow {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 6px;
}
.bt-about-faq .bt-faq-tag {
    font-family: var(--bt-faq-font-label);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.06em;
    color: var(--bt-faq-orange-deep);
    background: var(--bt-faq-orange-tint);
    border: 1px solid var(--bt-faq-orange-soft);
    padding: 3px 7px;
    border-radius: 2px;
    line-height: 1;
}
.bt-about-faq .bt-faq-eyebrow-text {
    font-family: var(--bt-faq-font-label);
    font-size: 11px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--bt-faq-ink-muted);
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.bt-about-faq .bt-faq-eyebrow-text svg {
    /* DevTools pass: bumped icon glyphs 13 -> 14 so they read at parity
       with the eyebrow text x-height. */
    width: 14px;
    height: 14px;
    color: var(--bt-faq-blue-mid);
    flex-shrink: 0;
}
.bt-about-faq .bt-faq-section-title {
    font-family: var(--bt-faq-font-display);
    /* League looks best at weight 500 across the site. */
    font-weight: 500;
    font-size: 26px;
    letter-spacing: 0.005em;
    color: var(--bt-faq-ink);
    line-height: 1.2;
    text-transform: uppercase;
    margin: 0;
}
.bt-about-faq .bt-faq-section-title em {
    /* DevTools pass: dropped the italic on section-title em — League
       at weight 500 doesn't have a true italic cut, and the synthesized
       slant was reading as off-kilter. Orange colour stays. */
    /* font-style: italic; */
    font-weight: 500;
    color: var(--bt-faq-orange);
}
.bt-about-faq .bt-faq-head-badge {
    font-family: var(--bt-faq-font-label);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--bt-faq-blue-deep);
    background: var(--bt-faq-blue-tint);
    border: 1px solid var(--bt-faq-blue-soft);
    padding: 6px 10px;
    border-radius: 2px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    white-space: nowrap;
}
.bt-about-faq .bt-faq-head-badge svg { width: 12px; height: 12px; color: var(--bt-faq-blue); }
.bt-about-faq .bt-faq-head-badge em { font-style: normal; color: var(--bt-faq-ink); font-weight: 500; }

/* ============================================================================
   SECTION BODY — lead paragraph + supporting body paragraphs
============================================================================ */
/* DevTools pass: body padding bumped vertical 24 -> 30 for more breathing
   room between the section-head border and the first paragraph. */
.bt-about-faq .bt-faq-section-body { padding: 30px 26px; }
@media (max-width: 760px) { .bt-about-faq .bt-faq-section-body { padding: 22px; } }

.bt-about-faq .bt-faq-lead {
    font-family: var(--bt-faq-font-body);
    font-size: 17px;
    font-weight: 500;
    letter-spacing: -0.005em;
    line-height: 1.45;
    color: var(--bt-faq-ink);
    margin: 0 0 12px;
}
.bt-about-faq .bt-faq-lead em {
    font-style: italic;
    font-weight: 500;
    color: var(--bt-faq-orange-deep);
}

.bt-about-faq .bt-faq-p {
    font-size: 15px;
    color: var(--bt-faq-ink-soft);
    line-height: 1.65;
    /* DevTools pass: widened the readable column from 760 -> 900 so the
       prose fills more of the card on wide screens. */
    max-width: 900px;
    margin: 0;
}
.bt-about-faq .bt-faq-p + .bt-faq-p { margin-top: 12px; }
.bt-about-faq .bt-faq-p strong { color: var(--bt-faq-ink); font-weight: 500; }

/* Inline product links — same hover-flip as the body links on product pages */
.bt-about-faq .bt-faq-p a,
.bt-about-faq .bt-faq-lead a,
.bt-about-faq .bt-faq-step-card p a,
.bt-about-faq .bt-faq-item .bt-faq-answer a {
    color: var(--bt-faq-blue-deep);
    font-weight: 500;
    text-decoration: none;
    border-bottom: 1px dotted var(--bt-faq-blue-soft);
    padding: 0 1px;
    transition: color 180ms ease, border-color 180ms ease, background 180ms ease;
}
.bt-about-faq .bt-faq-p a:hover,
.bt-about-faq .bt-faq-lead a:hover,
.bt-about-faq .bt-faq-step-card p a:hover,
.bt-about-faq .bt-faq-item .bt-faq-answer a:hover {
    color: var(--bt-faq-orange-deep);
    border-bottom-color: var(--bt-faq-orange);
    background: var(--bt-faq-orange-tint);
    border-radius: 2px;
}

/* ============================================================================
   STATUS PILLS — small uppercase chips, one of three colour variants
============================================================================ */
.bt-about-faq .bt-faq-status-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}
.bt-about-faq .bt-faq-pill {
    font-family: var(--bt-faq-font-label);
    font-size: 12px;
    /* DevTools pass: lighter pill weight (700 -> 500) so the chips read
       as labels rather than competing with the heading. */
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 6px 10px;
    border-radius: 2px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.bt-about-faq .bt-faq-pill svg { width: 12px; height: 12px; }
.bt-about-faq .bt-faq-pill--green {
    color: var(--bt-faq-green);
    background: var(--bt-faq-green-tint);
    border: 1px solid var(--bt-faq-green-soft);
}
.bt-about-faq .bt-faq-pill--blue {
    color: var(--bt-faq-blue-deep);
    background: var(--bt-faq-blue-tint);
    border: 1px solid var(--bt-faq-blue-soft);
}
.bt-about-faq .bt-faq-pill--orange {
    color: var(--bt-faq-orange-deep);
    background: var(--bt-faq-orange-tint);
    border: 1px solid var(--bt-faq-orange-soft);
}

/* ============================================================================
   3-STEP CARDS — used inside "How does boosting work?" section
============================================================================ */
.bt-about-faq .bt-faq-steps-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}
@media (max-width: 760px) { .bt-about-faq .bt-faq-steps-grid { grid-template-columns: 1fr; } }

.bt-about-faq .bt-faq-step-card {
    padding: 22px;
    background: var(--bt-faq-bg-soft);
    border: 1px solid var(--bt-faq-line);
    /* Halved (mock 8 -> 4). */
    border-radius: 4px;
    overflow: hidden;
    transition: transform 300ms var(--bt-faq-ease), box-shadow 300ms var(--bt-faq-ease), border-color 300ms ease;
}
.bt-about-faq .bt-faq-step-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--bt-faq-shadow-pop);
    border-color: var(--bt-faq-blue-soft);
    background: var(--bt-faq-bg);
}
.bt-about-faq .bt-faq-step-num {
    font-family: var(--bt-faq-font-label);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--bt-faq-ink-muted);
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}
.bt-about-faq .bt-faq-step-num::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--bt-faq-orange);
}
.bt-about-faq .bt-faq-step-num .num {
    color: var(--bt-faq-ink);
    font-weight: 500;
    font-size: 12px;
}
.bt-about-faq .bt-faq-step-card h3 {
    font-family: var(--bt-faq-font-display);
    font-weight: 500;
    font-size: 22px;
    letter-spacing: 0.005em;
    color: var(--bt-faq-ink);
    margin: 0 0 8px;
    line-height: 1.2;
    text-transform: uppercase;
}
.bt-about-faq .bt-faq-step-card h3 em {
    font-style: italic;
    font-weight: 500;
    color: var(--bt-faq-orange);
}
.bt-about-faq .bt-faq-step-card p {
    font-size: 14px;
    line-height: 1.55;
    color: var(--bt-faq-ink-soft);
    margin: 0;
}

/* ============================================================================
   TRUST STATS ROW — 4 vertical-rule-separated stats
============================================================================ */
.bt-about-faq .bt-faq-trust-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    /* DevTools pass: bumped 18 -> 26 so the trust-stat strip has a clearer
       break from the supporting paragraphs above it. */
    margin-top: 26px;
    padding: 18px 22px;
    background: var(--bt-faq-bg-soft);
    border: 1px solid var(--bt-faq-line);
    border-radius: 3px;
}
@media (max-width: 760px) { .bt-about-faq .bt-faq-trust-row { grid-template-columns: repeat(2, 1fr); } }
.bt-about-faq .bt-faq-trust-stat {
    display: flex;
    flex-direction: column;
    gap: 2px;
    position: relative;
}
.bt-about-faq .bt-faq-trust-stat:not(:last-child)::after {
    content: '';
    position: absolute;
    right: -7px;
    top: 4px;
    bottom: 4px;
    width: 1px;
    background: var(--bt-faq-line);
}
@media (max-width: 760px) { .bt-about-faq .bt-faq-trust-stat::after { display: none !important; } }
.bt-about-faq .bt-faq-trust-value {
    font-family: var(--bt-faq-font-display);
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 0.005em;
    line-height: 1;
    color: var(--bt-faq-ink);
}
.bt-about-faq .bt-faq-trust-value em {
    font-style: italic;
    font-weight: 500;
    color: var(--bt-faq-orange);
}
.bt-about-faq .bt-faq-trust-label {
    font-family: var(--bt-faq-font-label);
    font-size: 11px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--bt-faq-ink-muted);
    margin-top: 6px;
}

/* ============================================================================
   ACCORDION — <details>-based, JS handles smooth height (about-faq.js)
============================================================================ */
.bt-about-faq .bt-faq-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.bt-about-faq details.bt-faq-item {
    border: 1px solid var(--bt-faq-line);
    border-radius: 3px;
    background: var(--bt-faq-bg);
    overflow: hidden;
    transition: border-color 220ms var(--bt-faq-ease),
                box-shadow 220ms var(--bt-faq-ease),
                background 220ms var(--bt-faq-ease);
}
.bt-about-faq details.bt-faq-item[open] {
    border-color: var(--bt-faq-blue-soft);
    box-shadow: var(--bt-faq-shadow-soft);
    background: var(--bt-faq-bg-soft);
}
.bt-about-faq details.bt-faq-item summary {
    list-style: none;
    cursor: pointer;
    padding: 14px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    /* DevTools pass: question summaries switched from League (display)
       to AvenirNextCyr-Bold so the question text reads as sentence-case
       body copy with weight rather than uppercase display text. !important
       so it wins over the var(--bt-faq-font-display) declaration below. */
    font-family: 'avenirnextcyr-bold', 'AvenirNextCyr-Bold',
                 'Montserrat', system-ui, sans-serif !important;
    font-weight: 500;
    /* Reverted 18 -> 17px — the bigger size was leading awkwardly into
       the 11px Q.NN tag on the left. 17 lines up cleaner. */
    font-size: 17px;
    letter-spacing: 0.005em;
    color: var(--bt-faq-ink);
    /* text-transform: uppercase; */
    user-select: none;
}
.bt-about-faq details.bt-faq-item summary::-webkit-details-marker { display: none; }
.bt-about-faq details.bt-faq-item summary .bt-faq-q-left {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}
.bt-about-faq details.bt-faq-item summary .bt-faq-q-tag {
    font-family: var(--bt-faq-font-label);
    font-size: 11px;
    font-weight: 500;
    /* DevTools pass: tighter tracking on the Q.NN tag (.06 -> .01) so
       it reads as a numeric label, not a uppercase code label. */
    letter-spacing: 0.01em;
    color: var(--bt-faq-ink-muted);
    flex-shrink: 0;
    transition: color 220ms ease;
    /* Override the bold label font with medium so the Q.NN tag reads
       as a quieter sibling of the question prose. */
    font-family: 'avenirnextcyr-medium', 'AvenirNextCyr-Medium',
                 system-ui, sans-serif;
}
.bt-about-faq details.bt-faq-item[open] summary .bt-faq-q-tag { color: var(--bt-faq-blue-deep); }
.bt-about-faq details.bt-faq-item summary .bt-faq-chev {
    flex-shrink: 0;
    /* DevTools pass: bigger toggle target (26 -> 30) with a 2px border
       so the chevron reads as a deliberate button rather than a hairline
       hint. */
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--bt-faq-ink-muted);
    background: var(--bt-faq-bg-soft);
    border: 2px solid var(--bt-faq-line);
    border-radius: 2px;
    transition: transform 280ms var(--bt-faq-ease),
                color 220ms ease,
                background 220ms ease,
                border-color 220ms ease;
}
.bt-about-faq details.bt-faq-item[open] summary .bt-faq-chev {
    transform: rotate(180deg);
    color: var(--bt-faq-blue);
    background: var(--bt-faq-blue-tint);
    border-color: var(--bt-faq-blue-soft);
}
/* DevTools pass: chevron glyph bumped 11 -> 16 to fill the bigger 30px button. */
.bt-about-faq details.bt-faq-item summary .bt-faq-chev svg { width: 16px; height: 16px; }

/* Wrapper handles the smooth height animation — JS sets explicit heights */
.bt-about-faq details.bt-faq-item .bt-faq-answer-wrap {
    height: 0;
    overflow: hidden;
    transition: height 320ms var(--bt-faq-ease);
}
.bt-about-faq details.bt-faq-item .bt-faq-answer {
    /* DevTools pass: 10px top padding (was 1px) so the answer has a
       clear separation from the chevron line above when the accordion
       opens — 1px was just enough to stop clipping but read as crammed. */
    padding: 10px 18px 16px 48px;
    color: var(--bt-faq-ink-soft);
    font-size: 14.5px;
    line-height: 1.65;
    opacity: 0;
    transform: translateY(-4px);
    transition: opacity 260ms var(--bt-faq-ease) 60ms,
                transform 260ms var(--bt-faq-ease) 60ms;
}
.bt-about-faq details.bt-faq-item.is-open .bt-faq-answer {
    opacity: 1;
    transform: translateY(0);
}
@media (max-width: 760px) {
    .bt-about-faq details.bt-faq-item .bt-faq-answer { padding-left: 18px; }
}
/* DevTools pass: tightened the inter-paragraph gap in answers (10 -> 5). */
.bt-about-faq details.bt-faq-item .bt-faq-answer p { margin: 0 0 5px; }
.bt-about-faq details.bt-faq-item .bt-faq-answer p:last-child { margin-bottom: 0; }
.bt-about-faq details.bt-faq-item .bt-faq-answer strong { color: var(--bt-faq-ink); font-weight: 500; }

/* ============================================================================
   CALLOUT — dark "still have a question?" banner using session gradient
============================================================================ */
.bt-about-faq .bt-faq-callout {
    /* DevTools pass: trimmed top margin (36 -> 20) — the 36px gap was
       reading as a hard break; 20 still separates the callout from the
       FAQ stack without leaving a vertical chasm. */
    margin-top: 20px;
    padding: 40px 40px;
    /* DevTools pass: darker callout gradient — dark-blue -> mid -> brand
       brighter blue, reads more dramatic against the now-pure-white page
       and the white card grid above it. */
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 255, 255, 0.10), transparent 55%),
        radial-gradient(circle at 0% 100%, rgba(0, 0, 0, 0.18), transparent 55%),
        linear-gradient(135deg, #014d83 0%, #005694 80%, #0364a9 100%);
    color: #fff;
    /* Halved (mock 8 -> 4). */
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
    box-shadow: 0 12px 32px rgba(3,100,168,.18), 0 4px 10px rgba(3,100,168,.10);
}
/* DevTools pass: orange accent strip dropped from the callout bottom —
   was competing with the orange CTA pill. ::after kept for vertical
   layout consistency but with no fill colour. */
.bt-about-faq .bt-faq-callout::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    /* background: var(--bt-faq-orange); */
}
.bt-about-faq .bt-faq-callout-eyebrow {
    font-family: var(--bt-faq-font-label);
    /* DevTools pass: bigger eyebrow (11 -> 12px) with tighter tracking
       (0.18 -> 0.08em) so the support-pitch line reads more like prose
       and less like a code label. */
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.65);
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}
/* DevTools pass: eyebrow icon bumped 13 -> 18px so it sits at parity
   with the bigger 12px eyebrow text. */
.bt-about-faq .bt-faq-callout-eyebrow svg { width: 18px; height: 18px; color: var(--bt-faq-orange); }
.bt-about-faq .bt-faq-callout-text {
    /* DevTools pass: switched the callout headline from League to
       AvenirNextCyr-Bold. Reason: League at this size + 'em' inside the
       headline didn't have a true italic cut, so the synthesized italic
       was unreadable. AvenirNextCyr-Bold has both a true bold + the
       weight to carry the 26px line. */
    font-family: 'avenirnextcyr-bold', 'AvenirNextCyr-Bold',
                 'Montserrat', system-ui, sans-serif;
    font-size: 26px;
    font-weight: 500;
    letter-spacing: 0.005em;
    line-height: 1.2;
    text-transform: uppercase;
}
.bt-about-faq .bt-faq-callout-text em {
    /* DevTools pass: italic dropped (synthesized italic on this stack
       looked off-kilter). Orange kept as a literal #ff7a2a so the value
       survives any future --bt-faq-orange variable retune. */
    /* font-style: italic; */
    font-weight: 500;
    color: #ff7a2a;
}
.bt-about-faq .bt-faq-callout a {
    background: var(--bt-faq-orange);
    color: #fff !important;
    font-family: var(--bt-faq-font-label);
    font-weight: 500;
    /* DevTools pass: CTA dropped back 16 -> 14px so the button reads
       as a button rather than competing with the .bt-faq-callout-text
       headline on the left. */
    font-size: 14px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 14px 22px;
    border-radius: 2px;
    text-decoration: none !important;
    border-bottom: none !important;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: transform 0.2s, box-shadow 0.2s, background 0.2s, color 0.2s;
    box-shadow: 0 6px 20px -6px rgba(255, 122, 42, 0.55);
}
.bt-about-faq .bt-faq-callout a:hover {
    transform: translateY(-1px);
    background: #ffffff;
    color: var(--bt-faq-blue-deep) !important;
    box-shadow: 0 10px 26px -8px rgba(255, 255, 255, 0.35);
}
/* DevTools pass: callout CTA arrow scaled with the bigger label text. */
.bt-about-faq .bt-faq-callout a svg { width: 16px; height: 16px; }

/* ============================================================================
   TRUST STRIP — third-party verification badges
============================================================================ */
.bt-about-faq .bt-faq-trust-strip {
    /* DevTools pass: tighter to the callout above (16 -> 10) but more
       internal padding (14 -> 20 vertical) so the badges have room. */
    margin-top: 10px;
    padding: 20px 18px;
    background: var(--bt-faq-bg-soft);
    border: 1px solid var(--bt-faq-line);
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}
.bt-about-faq .bt-faq-trust-strip-label {
    font-family: var(--bt-faq-font-label);
    /* DevTools pass: bumped to 14px so the "Verified on" label reads
       at the same weight as the neighbouring badges. */
    font-size: 14px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--bt-faq-ink-muted);
    font-weight: 500;
}
.bt-about-faq .bt-faq-trust-badges {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.bt-about-faq .bt-faq-trust-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    background: var(--bt-faq-bg);
    border: 1px solid var(--bt-faq-line);
    border-radius: 2px;
    font-family: var(--bt-faq-font-label);
    /* DevTools pass: 12 -> 14px so the platform names sit at parity
       with the "Verified on" label on the left of the strip. */
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--bt-faq-ink-soft);
}
.bt-about-faq .bt-faq-trust-badge svg { width: 12px; height: 12px; color: var(--bt-faq-green); }

/* ============================================================================
   BACK TO TOP — bottom-of-page button, links to #top anchor
============================================================================ */
.bt-about-faq .bt-faq-back-to-top {
    /* DevTools pass: top margin 36 -> 20 so the back-to-top button
       sits closer to the trust strip / callout above. 80px below
       still leaves clear space before the footer. */
    margin: 20px 0 80px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 16px 22px;
    background: #ffffff;
    color: var(--bt-faq-blue-deep);
    /* DevTools pass: thicker (1 -> 2px) + darker (-blue-soft -> #126dad)
       border so the back-to-top button reads as a deliberate CTA rather
       than a hairline pill. #126dad is a darker brand-blue shade picked
       to sit between --bt-faq-blue (#0364a8) and --bt-faq-blue-soft
       (#b8e0f4). */
    border: 2px solid #126dad;
    border-radius: 4px;
    font-family: var(--bt-faq-font-label);
    font-weight: 500;
    /* Bumped 13 -> 16px so the "Back to top" label reads as a button
       label, not a footer line. */
    font-size: 16px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-decoration: none !important;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease,
                transform 0.2s ease, box-shadow 0.2s ease;
}
.bt-about-faq .bt-faq-back-to-top:hover {
    background: var(--bt-faq-blue-tint);
    border-color: var(--bt-faq-blue);
    color: var(--bt-faq-blue-deep);
    transform: translateY(-1px);
    box-shadow: 0 8px 20px -8px rgba(3, 100, 168, 0.35);
}
/* Back-to-top arrow scaled with the bigger label text. */
.bt-about-faq .bt-faq-back-to-top svg { width: 16px; height: 16px; }

/* ============================================================================
   RESPONSIVE + MOTION
============================================================================ */
@media (max-width: 600px) {
    .bt-about-faq .bt-faq-section-head { padding: 16px 18px 14px; }
    .bt-about-faq .bt-faq-section-title { font-size: 22px; }
    .bt-about-faq .bt-faq-callout-text { font-size: 20px; }
    .bt-about-faq .bt-faq-callout { padding: 18px 20px; }
    .bt-about-faq .bt-faq-trust-value { font-size: 24px; }
    .bt-about-faq .bt-faq-step-card h3 { font-size: 20px; }
}

@media (prefers-reduced-motion: reduce) {
    .bt-about-faq .bt-faq-section {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
    .bt-about-faq details.bt-faq-item .bt-faq-answer-wrap { transition: none !important; }
    .bt-about-faq details.bt-faq-item .bt-faq-answer { transition: none !important; }
}