@import url(https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700&display=swap); :root {
    --furore: "Furore",sans-serif;
    --jost: "Jost",sans-serif;
    --background-primary: #101010;
    --background-secondary: #2b2b2b;
    --background-buttons: #fff;
    --background-card: #1a1a1a;
    --text-primary: #eeedec;
    --text-secondary: #ababab;
    --text-default: #c8c4c0;
    --additional: #5e5e5e;
    --rebrain-magenta: #ff48be;
    --rebrain-aqua: #5bffda;
    --rebrain-accent-old: #07b690;
    --rebrain-accent-new: #2cf7b1;
    --white-hacking-yellow: #ffff57;
    --nginx-green: #6aec6a;
    --grafana-red: #ff5757;
    --postgre-sql-purple: #8257ff;
    --postgre-sql-yellow: #ffda57;
    --redis-red: #ff575c;
    --redis-blue: #5790ff;
    --bash-accent: #e548ff;
    --prometheus-accent: #ffa757;
    --haproxy-accent: #4283ff;
    --rabbitmq-accent: #ff7c48;
    --ceph-accent: #ff6b57;
    --vault-accent: #f72c70;
    --python-gradient-from: #5790ff;
    --python-gradient-to: #fff857;
    --grafana-gradient-from: #ff5757;
    --grafana-gradient-to: #fff857
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    -webkit-text-size-adjust: 100%;
    line-height: 1.15
}

body {
    margin: 0
}

main {
    display: block
}

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

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

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

a {
    background-color: transparent
}

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

b,strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],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
}

fieldset {
    padding: .35em .75em .625em
}

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

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    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-decoration {
    -webkit-appearance: none
}

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

details {
    display: block
}

summary {
    display: list-item
}

[hidden],template {
    display: none
}

*,:after,:before {
    box-sizing: border-box
}

a {
    color: #fff;
    outline: none
}

a,button,input,select,textarea {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

body {
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0;
    margin-top: 0
}

.heading_h1 {
    font-size: 100px;
    line-height: 1
}

.heading_h1,.heading_h2 {
    font-family: var(--furore);
    margin: 0
}

.heading_h2 {
    font-size: 80px;
    line-height: 1.1
}

.heading_h3 {
    font-size: 45px;
    line-height: 1
}

.heading_h3,.heading_h4 {
    font-family: var(--furore);
    margin: 0
}

.heading_h4 {
    font-size: 26px;
    line-height: 1.154
}

.list {
    color: var(--text-secondary);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3125;
    list-style: none;
    margin: 0;
    padding: 0
}

.list li {
    margin-bottom: 8px;
    padding-left: 24px;
    position: relative
}

.list li:before {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMjEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTS41IDE3LjVoMTVWNi4yMDdMMTEuNzkzIDIuNUguNXYxNVoiIGZpbGw9IiMyQjJCMkIiIHN0cm9rZT0iIzVFNUU1RSIvPjxwYXRoIGQ9Ik0zIDE1aDEwVjcuNUwxMC41IDVIM3YxMFoiIGZpbGw9IiM1RTVFNUUiLz48L3N2Zz4=") no-repeat 50%/contain;
    content: "";
    display: inline-block;
    height: 21px;
    left: 0;
    position: absolute;
    top: 0;
    width: 16px
}

.list li:last-child {
    margin-bottom: 0
}

.list.green li:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMjEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTS41IDE3LjVoMTVWNi4yMDdMMTEuNzkzIDIuNUguNXYxNVoiIGZpbGw9IiMyQjJCMkIiIHN0cm9rZT0iIzA3QjY5MCIvPjxwYXRoIGQ9Ik0zIDE1aDEwVjcuNUwxMC41IDVIM3YxMFoiIGZpbGw9IiMwN0I2OTAiLz48L3N2Zz4=")
}

.list.magenta li:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTS41IDExLjVoMTFWMy4yMDdMOC43OTMuNUguNXYxMVoiIGZpbGw9IiMyQjJCMkIiIHN0cm9rZT0iI0ZGMzk5OCIvPjxwYXRoIGQ9Ik0yLjI1IDkuNzVoNy41VjQuMTI1TDcuODc1IDIuMjVIMi4yNXY3LjVaIiBmaWxsPSIjRkYzOTk4Ii8+PC9zdmc+");
    top: -1px
}

.list.white li:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTS41IDkuNWg5VjIuNzA3TDcuMjkzLjVILjV2OVoiIGZpbGw9IiMyQjJCMkIiIHN0cm9rZT0iI2ZmZiIvPjxwYXRoIGQ9Ik0xLjg3NSA4LjEyNWg2LjI1VjMuNDM3TDYuNTYyIDEuODc1SDEuODc1djYuMjVaIiBmaWxsPSIjZmZmIi8+PC9zdmc+");
    top: -1px
}

.list.lightgreen li:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTS41IDE1LjVoMTVWNC4yMDdMMTEuNzkzLjVILjV2MTVaIiBmaWxsPSIjMTAxMDEwIiBzdHJva2U9IiM2QUVDNkEiLz48cGF0aCBkPSJNMyAxM2gxMFY1LjVMMTAuNSAzSDN2MTBaIiBmaWxsPSIjNkFFQzZBIi8+PC9zdmc+");
    top: -1px
}

.list.blue li:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTS41IDE3LjVoMTdWNC43MDdMMTMuMjkzLjVILjV2MTdaIiBmaWxsPSIjMTAxMDEwIiBzdHJva2U9IiM1NzkwRkYiLz48cGF0aCBkPSJNMy4zNzUgMTQuNjI1aDExLjI1VjYuMTg3bC0yLjgxMy0yLjgxMkgzLjM3NnYxMS4yNVoiIGZpbGw9IiM1NzkwRkYiLz48L3N2Zz4=");
    top: -1px
}

.list.accent li:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTS41IDE3LjVoMTdWNC43MDhMMTMuMjkzLjVILjV2MTdaIiBmaWxsPSIjMTAxMDEwIiBzdHJva2U9IiM1QkZGREEiLz48cGF0aCBkPSJNMy4zNzUgMTQuNjI2aDExLjI1VjYuMTg4bC0yLjgxMy0yLjgxM0gzLjM3NnYxMS4yNVoiIGZpbGw9IiM1QkZGREEiLz48L3N2Zz4=");
    top: -1px
}

.list .list {
    margin: 11px 0
}

.list .list li:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMjEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTS41IDE3LjVoMTVWNi4yMDdMMTEuNzkzIDIuNUguNXYxNVoiIGZpbGw9IiMyQjJCMkIiIHN0cm9rZT0iIzVFNUU1RSIvPjwvc3ZnPg==")
}

@media screen and (max-width: 768px) {
    .heading_h1 {
        font-size:60px
    }

    .heading_h2 {
        font-size: 40px
    }

    .heading_h3 {
        font-size: 30px
    }

    .heading_h4 {
        font-size: 18px
    }
}

.button {
    background: transparent;
    border: 0;
    cursor: pointer;
    display: block;
    padding: 0;
    position: relative;
    text-decoration: none;
    width: 100%
}

.button.primary .button-bg {
    left: 0;
    padding: 2px;
    position: absolute;
    top: 0;
    transition: background-color .4s ease-in-out,top .4s ease-in-out,left .4s ease-in-out
}

.button.primary .button-bg,.button.primary .button-bg:before {
    background-color: var(--background-primary);
    clip-path: polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%,0 75%,4px calc(75% - 4px),4px calc(25% + 4px),0 25%);
    height: 100%;
    width: 100%
}

.button.primary .button-bg:before {
    content: "";
    display: block
}

.button.primary .button-text {
    background-color: var(--background-buttons);
    border: 0;
    clip-path: polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%,0 75%,4px calc(75% - 4px),4px calc(25% + 4px),0 25%);
    color: var(--background-primary);
    display: flex;
    display: inline-block;
    font-family: var(--furore);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.1px;
    line-height: 18px;
    margin: 0;
    padding: 23px 23px 23px 24px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.button.primary .button-text span {
    color: var(--background-primary);
    position: relative;
    z-index: 1
}

.button.primary .button-text:after {
    background: var(--rebrain-aqua);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: width .4s ease-in-out;
    width: 0
}

.button.primary.small .button-bg,.button.primary.small .button-bg:before {
    clip-path: polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%,0 80%,4px calc(80% - 4px),4px calc(20% + 4px),0 20%)
}

.button.primary.small .button-text {
    font-size: 12px;
    line-height: 14px;
    padding: 15px 23px
}

.button.primary.medium .button-bg,.button.primary.medium .button-bg:before,.button.primary.medium .button-text,.button.primary.small .button-text {
    clip-path: polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%,0 80%,4px calc(80% - 4px),4px calc(20% + 4px),0 20%)
}

.button.primary.medium .button-text {
    font-size: 14px;
    line-height: 16px;
    padding: 15px 23px
}

.button.primary.button-red .button-text:after {
    background: var(--redis-red)
}

.button.primary.button-ceph .button-text:after {
    background: var(--ceph-accent)
}

.button.primary.button-magenta .button-text:after {
    background: var(--rebrain-magenta)
}

.button.primary.button-blue .button-text:after {
    background: #5790ff
}

.button.primary.button-yellow .button-text:after {
    background: var(--white-hacking-yellow)
}

.button.primary.button-orange .button-text:after {
    background: var(--prometheus-accent)
}

.button.primary.button-purple .button-text:after {
    background: var(--postgre-sql-purple)
}

.button.primary.button-green .button-text:after {
    background: var(--nginx-green)
}

.button.primary.button-gray .button-bg,.button.primary.button-gray .button-text {
    background-color: var(--background-secondary)
}

.button.primary.button-gray .button-text span {
    color: #eeedec
}

.button.primary.button-gray .button-text:after {
    background: var(--additional)
}

.button.primary.full-bg .button-text:after {
    width: 100%
}

.button.primary.outer-left-right .button-bg,.button.primary.outer-left-right .button-bg:before,.button.primary.outer-left-right .button-text {
    clip-path: polygon(4px 0,calc(100% - 4px) 0,calc(100% - 4px) 16px,100% 20px,100% calc(100% - 20px),calc(100% - 4px) calc(100% - 16px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 16px),0 calc(100% - 20px),0 20px,4px 16px)
}

.button.secondary .button-bg {
    background-color: var(--landing-color);
    content: "";
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    top: 0;
    transition: top .3s ease-in-out,left .3s ease-in-out;
    width: 100%
}

.button.secondary .button-bg,.button.secondary .button-text {
    clip-path: polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%,0 75%,4px calc(75% - 4px),4px calc(25% + 4px),0 25%);
    display: block
}

.button.secondary .button-text {
    background-color: var(--background-buttons);
    padding: 2px;
    text-decoration: none
}

.button.secondary .button-text span {
    background-color: var(--background-primary);
    border: 0;
    clip-path: polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%,0 75%,4px calc(75% - 4px),4px calc(25% + 4px),0 25%);
    color: var(--background-buttons);
    display: block;
    font-family: var(--furore);
    font-size: 1rem;
    letter-spacing: -.01em;
    line-height: 18px;
    padding: 21px 34px 21px 36px;
    text-align: center;
    text-transform: uppercase
}

.button.secondary.small .button-bg,.button.secondary.small .button-text,.button.secondary.small .button-text span {
    clip-path: polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%,0 80%,4px calc(80% - 4px),4px calc(20% + 4px),0 20%)
}

.button.secondary.small .button-text span {
    font-size: 12px;
    line-height: 14px;
    padding: 15px 23px
}

.button.secondary.blue-hover .button-bg {
    background: var(--redis-blue)
}

.button.secondary.green-hover .button-bg {
    background: var(--nginx-green)
}

.button.secondary.green-outline .button-text {
    background-color: var(--nginx-green)
}

.button.secondary.green-outline .button-text span {
    color: var(--nginx-green)
}

.button:hover.primary .button-bg {
    background-color: var(--rebrain-aqua);
    left: 8px;
    top: 8px
}

.button:hover.primary .button-text:after {
    width: 100%
}

.button:hover.primary.button-red .button-bg {
    background-color: var(--redis-red)
}

.button:hover.primary.button-ceph .button-bg {
    background-color: var(--ceph-accent)
}

.button:hover.primary.button-magenta .button-bg {
    background-color: var(--rebrain-magenta)
}

.button:hover.primary.button-blue .button-bg {
    background-color: #5790ff
}

.button:hover.primary.button-yellow .button-bg {
    background-color: var(--rebrain-yellow)
}

.button:hover.primary.button-orange .button-bg {
    background-color: var(--prometheus-accent)
}

.button:hover.primary.button-purple .button-bg {
    background-color: var(--postgre-sql-purple)
}

.button:hover.primary.button-green .button-bg {
    background-color: var(--nginx-green)
}

.button:hover.primary.button-gray .button-bg {
    background-color: var(--background-secondary)
}

.button:hover.secondary .button-bg {
    left: 8px;
    top: 8px
}

.button.secondary.left-right .button-bg {
    clip-path: polygon(0 0,100% 0,100% 25%,calc(100% - 4px) calc(25% + 4px),calc(100% - 4px) calc(75% - 4px),100% 75%,100% 100%,0 100%,0 75%,4px calc(75% - 4px),4px calc(25% + 4px),0 25%)
}

.button.secondary.left-right .button-text {
    clip-path: polygon(0 0,100% 0,100% calc(25% + 4px),calc(100% - 4px) calc(25% + 6px),calc(100% - 4px) calc(75% - 6px),100% calc(75% - 4px),100% 100%,0 100%,0 calc(75% - 4px),4px calc(75% - 6px),4px calc(25% + 6px),0 calc(25% + 4px))
}

.button.secondary.left-right .button-text span {
    clip-path: polygon(0 0,100% 0,100% 25%,calc(100% - 4px) calc(25% + 4px),calc(100% - 4px) calc(75% - 4px),100% 75%,100% 100%,0 100%,0 75%,4px calc(75% - 4px),4px calc(25% + 4px),0 25%)
}

.button.secondary.outer-left-right .button-bg,.button.secondary.outer-left-right .button-text,.button.secondary.outer-left-right .button-text span {
    clip-path: polygon(4px 0,calc(100% - 4px) 0,calc(100% - 4px) 16px,100% 20px,100% calc(100% - 20px),calc(100% - 4px) calc(100% - 16px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 16px),0 calc(100% - 20px),0 20px,4px 16px)
}

.button.secondary.outer-right .button-bg,.button.secondary.outer-right .button-text {
    clip-path: polygon(0 0,calc(100% - 4px) 0,calc(100% - 4px) 16px,100% calc(25% + 4px),100% calc(75% - 4px),calc(100% - 4px) calc(100% - 16px),calc(100% - 4px) 100%,0 100%,0 calc(75% + 1px),4px calc(75% - 3px),4px calc(25% + 3px),0 calc(25% - 1px))
}

.button.secondary.outer-right .button-text span {
    clip-path: polygon(0 0,calc(100% - 4px) 0,calc(100% - 4px) 16px,100% calc(25% + 4px),100% calc(75% - 4px),calc(100% - 4px) calc(100% - 16px),calc(100% - 4px) 100%,0 100%,0 calc(75% + 2px),4px calc(75% - 2px),4px calc(25% + 2px),0 calc(25% - 2px))
}

.button.secondary.down-right .button-bg,.button.secondary.down-right .button-text,.button.secondary.down-right .button-text span {
    clip-path: polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 75%,4px calc(75% - 4px),4px calc(25% + 4px),0 25%)
}

@media(min-width: 0px)and (max-width:767px) {
    .button.primary .button-text {
        font-size:13px;
        line-height: 15px;
        padding: 24.5px 23px 24.5px 24px
    }

    .button.secondary .button-text span {
        font-size: 13px;
        line-height: 15px;
        padding: 24.5px 13px 24.5px 14px
    }
}

.input-block {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1
}

.input-block.accept .input-block-label {
    color: var(--rebrain-aqua)
}

.input-block.error .input-block-field,.input-block.error .input-block-label {
    color: var(--rebrain-magenta)
}

.input-block.error-red .input-block-field,.input-block.error-red .input-block-label {
    color: var(--redis-red)
}

.input-block-label {
    background-color: var(--background-secondary);
    clip-path: polygon(0 0,calc(100% - 7.5px) 0,100% 7.5px,100% 100%,0 100%);
    color: var(--text-secondary);
    font-family: var(--furore);
    font-size: 1rem;
    letter-spacing: -.01em;
    line-height: 18px;
    padding: 6px 10px;
    width: 100%
}

.input-block-field {
    background-color: var(--background-primary);
    border: 0;
    border: 2px solid var(--background-secondary);
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
    line-height: 21px;
    padding: 6px 8px 5px;
    width: 100%
}

.input-block-field:focus {
    outline: none
}

.input-block-field:focus+.input-block-focus {
    left: 2px;
    opacity: 1;
    top: 2px
}

.input-block-focus {
    background-color: var(--text-primary);
    clip-path: polygon(0 0,calc(100% - 7.5px) 0,100% 7.5px,100% 100%,0 100%);
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .2s ease-in-out,left .2s ease-in-out,top .2s ease-in-out;
    width: 100%;
    z-index: -1
}

.practice-title {
    font-family: var(--furore)
}

.practice-title.second-bg {
    color: var(--rebrain-aqua);
    font-size: 100px;
    letter-spacing: -.03em;
    line-height: 1;
    position: relative;
    text-shadow: -3px 4px 9px rgba(91,255,218,.5)
}

.practice-title.second-bg span {
    -webkit-text-fill-color: var(--background-primary);
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: var(--rebrain-aqua);
    left: 2px;
    position: absolute;
    text-shadow: none;
    top: -2px;
    z-index: 5
}

.practice-title.outline {
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: var(--background-buttons);
    -webkit-text-fill-color: var(--background-primary);
    font-size: 80px;
    letter-spacing: -2.5px;
    line-height: 1.1;
    margin: 0 0 6px -2px
}

.practice-title.classic {
    color: var(--background-buttons);
    font-size: 150px;
    letter-spacing: -.03em;
    line-height: 1;
    text-shadow: #ff48be -3px 0 0,#5bffda 3px 0 0
}

.practice-title.workshop {
    background: var(--rebrain-aqua);
    clip-path: polygon(0 26px,26px 0,100% 0,100% calc(100% - 26px),calc(100% - 26px) 100%,0 100%);
    color: var(--background-primary);
    display: inline-block;
    font-size: 80px;
    letter-spacing: -.03em;
    line-height: 1.1;
    padding: .5px 23px 11.5px 26px
}

@media(min-width: 0px)and (max-width:767px) {
    .practice-title.workshop {
        clip-path:polygon(0 13px,16px 0,100% 0,100% calc(100% - 13px),calc(100% - 16px) 100%,0 100%);
        font-size: 40px;
        padding: .5px 30px 5.5px 16px
    }
}

.discount-link {
    cursor: pointer;
    display: inline-block;
    font-family: var(--furore);
    position: relative;
    text-decoration: none;
    z-index: 40
}

.discount-link:hover:not(.disabled) .discount-link-text {
    background-color: var(--rebrain-magenta)
}

.discount-link:hover:not(.disabled) .discount-link-text span {
    color: var(--background-primary)
}

.discount-link:hover:not(.disabled) .discount-link-text:after {
    width: 100%
}

.discount-link.disabled {
    cursor: auto
}

.discount-link.fixed {
    bottom: 0;
    position: fixed;
    right: 150px
}

.discount-link.aqua .discount-link-bg {
    background-color: var(--rebrain-accent-old)
}

.discount-link.aqua .discount-link-text span {
    color: var(--rebrain-accent-old)
}

.discount-link.aqua .discount-link-text:after {
    background: var(--rebrain-accent-old)
}

.discount-link.aqua:hover:not(.disabled) .discount-link-text {
    background-color: var(--rebrain-accent-old)
}

.discount-link-bg {
    background-color: var(--rebrain-magenta);
    clip-path: polygon(0 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%,0 75%,4px calc(75% - 3px),4px calc(25% + 3px),0 25%);
    padding: 2px
}

.discount-link-text {
    background-color: var(--background-primary);
    clip-path: polygon(0 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%,0 calc(75% + 1px),4px calc(75% - 2px),4px calc(25% + 2px),0 calc(25% - 1px));
    display: block;
    font-size: 12px;
    letter-spacing: -.01em;
    line-height: .86;
    padding: 14px 28px 12px;
    transition: background-color .4s ease-in-out
}

.discount-link-text span {
    color: var(--rebrain-magenta);
    position: relative;
    transition: color .4s ease-in-out;
    z-index: 2
}

.discount-link-text:after {
    background: var(--rebrain-magenta);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: width .4s ease-in-out;
    width: 0
}

.video {
    height: 324px;
    margin: 19px 0 0 -16px;
    overflow: hidden;
    padding: 12px;
    position: relative;
    width: 560px
}

.video:before {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYwIiBoZWlnaHQ9IjMyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuODk0IDYuNjc0IDAgMTMuMzQ4djE4Ljc2NGwuMDAxIDE4Ljc2MyAyIDIuODE1TDQgNTYuNTA2djk5LjY3bC0yIDIuNzkzLTIgMi43OTR2MTQ4Ljg4OWw3Ljg5NCA2LjY3NEwxNS43ODcgMzI0aDU2LjIybDMuMjQzLTEuNjI1IDMuMjQzLTEuNjI1aDQwMi45ODFsMy4yOTUgMS42MjUgMy4yOTUgMS42MjVoNTYuMTQ5bDcuODkzLTYuNjc0IDcuODk0LTYuNjc0VjEzLjM0OGwtNy45MDgtNi42NzRMNTQ0LjE4NCAwaC02Ni40MTdsLTMuNDIxIDEuNjI1LTMuNDE5IDEuNjI1aC0xMTcuOTFsLTMuNDIxLTEuNjI1TDM0Ni4xNzcgMEgxNS43ODdMNy44OTQgNi42NzRabTMzNy41NSA4Ljk1MSAzLjUyIDEuNjI1aDExMS43MjVsMy41NjEtMS42MjVMNDY3LjgxMSAxNGg2Mi4xMzRsNy45NjUgNi4wODMgNy45NjUgNi4wODQuMDYzIDEzNS43OC4wNjIgMTM1Ljc4LTguMDM1IDYuMTM2LTguMDM2IDYuMTM3aC01Mi4yNDhsLTMuNTQ3LTEuNjI1LTMuNTQ3LTEuNjI1SDg4LjM1NWwtMy41MyAxLjYyNUw4MS4yOTcgMzEwSDI5LjA2NWwtNy41MzItNi4xMzVMMTQgMjk3LjcyOVYxNjIuMTlsMS44NzUtMi41NzMgMS44NzUtMi41NzNWNjUuMDI5bC0xLjg3NS0yLjU5N0wxNCA1OS44MzJWMjYuMjc2bDcuNTM0LTYuMTM4TDI5LjA3IDE0aDMxMi44NTRsMy41MjEgMS42MjVaIiBmaWxsPSIjNUU1RTVFIi8+PC9zdmc+") no-repeat center 100%;
    bottom: 0
}

.video:after,.video:before {
    content: "";
    display: block;
    height: 23px;
    left: 35px;
    position: absolute;
    width: 490px
}

.video:after {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYwIiBoZWlnaHQ9IjMyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuODk0IDYuNjc0IDAgMTMuMzQ4djE4Ljc2NGwuMDAxIDE4Ljc2MyAyIDIuODE1TDQgNTYuNTA2djk5LjY3bC0yIDIuNzkzLTIgMi43OTR2MTQ4Ljg4OWw3Ljg5NCA2LjY3NEwxNS43ODcgMzI0aDU2LjIybDMuMjQzLTEuNjI1IDMuMjQzLTEuNjI1aDQwMi45ODFsMy4yOTUgMS42MjUgMy4yOTUgMS42MjVoNTYuMTQ5bDcuODkzLTYuNjc0IDcuODk0LTYuNjc0VjEzLjM0OGwtNy45MDgtNi42NzRMNTQ0LjE4NCAwaC02Ni40MTdsLTMuNDIxIDEuNjI1LTMuNDE5IDEuNjI1aC0xMTcuOTFsLTMuNDIxLTEuNjI1TDM0Ni4xNzcgMEgxNS43ODdMNy44OTQgNi42NzRabTMzNy41NSA4Ljk1MSAzLjUyIDEuNjI1aDExMS43MjVsMy41NjEtMS42MjVMNDY3LjgxMSAxNGg2Mi4xMzRsNy45NjUgNi4wODMgNy45NjUgNi4wODQuMDYzIDEzNS43OC4wNjIgMTM1Ljc4LTguMDM1IDYuMTM2LTguMDM2IDYuMTM3aC01Mi4yNDhsLTMuNTQ3LTEuNjI1LTMuNTQ3LTEuNjI1SDg4LjM1NWwtMy41MyAxLjYyNUw4MS4yOTcgMzEwSDI5LjA2NWwtNy41MzItNi4xMzVMMTQgMjk3LjcyOVYxNjIuMTlsMS44NzUtMi41NzMgMS44NzUtMi41NzNWNjUuMDI5bC0xLjg3NS0yLjU5N0wxNCA1OS44MzJWMjYuMjc2bDcuNTM0LTYuMTM4TDI5LjA3IDE0aDMxMi44NTRsMy41MjEgMS42MjVaIiBmaWxsPSIjNUU1RTVFIi8+PC9zdmc+") no-repeat center 0;
    top: 0
}

.video.disabled .video-button {
    display: none
}

.video-frame {
    height: 100%;
    width: 100%
}

.video-frame:before {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYwIiBoZWlnaHQ9IjMyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuODk0IDYuNjc0IDAgMTMuMzQ4djE4Ljc2NGwuMDAxIDE4Ljc2MyAyIDIuODE1TDQgNTYuNTA2djk5LjY3bC0yIDIuNzkzLTIgMi43OTR2MTQ4Ljg4OWw3Ljg5NCA2LjY3NEwxNS43ODcgMzI0aDU2LjIybDMuMjQzLTEuNjI1IDMuMjQzLTEuNjI1aDQwMi45ODFsMy4yOTUgMS42MjUgMy4yOTUgMS42MjVoNTYuMTQ5bDcuODkzLTYuNjc0IDcuODk0LTYuNjc0VjEzLjM0OGwtNy45MDgtNi42NzRMNTQ0LjE4NCAwaC02Ni40MTdsLTMuNDIxIDEuNjI1LTMuNDE5IDEuNjI1aC0xMTcuOTFsLTMuNDIxLTEuNjI1TDM0Ni4xNzcgMEgxNS43ODdMNy44OTQgNi42NzRabTMzNy41NSA4Ljk1MSAzLjUyIDEuNjI1aDExMS43MjVsMy41NjEtMS42MjVMNDY3LjgxMSAxNGg2Mi4xMzRsNy45NjUgNi4wODMgNy45NjUgNi4wODQuMDYzIDEzNS43OC4wNjIgMTM1Ljc4LTguMDM1IDYuMTM2LTguMDM2IDYuMTM3aC01Mi4yNDhsLTMuNTQ3LTEuNjI1LTMuNTQ3LTEuNjI1SDg4LjM1NWwtMy41MyAxLjYyNUw4MS4yOTcgMzEwSDI5LjA2NWwtNy41MzItNi4xMzVMMTQgMjk3LjcyOVYxNjIuMTlsMS44NzUtMi41NzMgMS44NzUtMi41NzNWNjUuMDI5bC0xLjg3NS0yLjU5N0wxNCA1OS44MzJWMjYuMjc2bDcuNTM0LTYuMTM4TDI5LjA3IDE0aDMxMi44NTRsMy41MjEgMS42MjVaIiBmaWxsPSIjNUU1RTVFIi8+PC9zdmc+") no-repeat 100%;
    right: 0
}

.video-frame:after,.video-frame:before {
    content: "";
    display: block;
    height: 324px;
    position: absolute;
    top: 0;
    width: 35px
}

.video-frame:after {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYwIiBoZWlnaHQ9IjMyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuODk0IDYuNjc0IDAgMTMuMzQ4djE4Ljc2NGwuMDAxIDE4Ljc2MyAyIDIuODE1TDQgNTYuNTA2djk5LjY3bC0yIDIuNzkzLTIgMi43OTR2MTQ4Ljg4OWw3Ljg5NCA2LjY3NEwxNS43ODcgMzI0aDU2LjIybDMuMjQzLTEuNjI1IDMuMjQzLTEuNjI1aDQwMi45ODFsMy4yOTUgMS42MjUgMy4yOTUgMS42MjVoNTYuMTQ5bDcuODkzLTYuNjc0IDcuODk0LTYuNjc0VjEzLjM0OGwtNy45MDgtNi42NzRMNTQ0LjE4NCAwaC02Ni40MTdsLTMuNDIxIDEuNjI1LTMuNDE5IDEuNjI1aC0xMTcuOTFsLTMuNDIxLTEuNjI1TDM0Ni4xNzcgMEgxNS43ODdMNy44OTQgNi42NzRabTMzNy41NSA4Ljk1MSAzLjUyIDEuNjI1aDExMS43MjVsMy41NjEtMS42MjVMNDY3LjgxMSAxNGg2Mi4xMzRsNy45NjUgNi4wODMgNy45NjUgNi4wODQuMDYzIDEzNS43OC4wNjIgMTM1Ljc4LTguMDM1IDYuMTM2LTguMDM2IDYuMTM3aC01Mi4yNDhsLTMuNTQ3LTEuNjI1LTMuNTQ3LTEuNjI1SDg4LjM1NWwtMy41MyAxLjYyNUw4MS4yOTcgMzEwSDI5LjA2NWwtNy41MzItNi4xMzVMMTQgMjk3LjcyOVYxNjIuMTlsMS44NzUtMi41NzMgMS44NzUtMi41NzNWNjUuMDI5bC0xLjg3NS0yLjU5N0wxNCA1OS44MzJWMjYuMjc2bDcuNTM0LTYuMTM4TDI5LjA3IDE0aDMxMi44NTRsMy41MjEgMS42MjVaIiBmaWxsPSIjNUU1RTVFIi8+PC9zdmc+") no-repeat 0;
    left: 0
}

.video-overlay {
    align-items: center;
    background-color: var(--background-secondary);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    top: 0;
    width: 100%
}

.video-overlay.loading .video-button {
    display: none
}

.video-overlay.loading:after {
    animation: a 1s ease infinite;
    border: 3px solid #faf9f8;
    border-radius: 50%;
    border-top: 3px solid var(--rebrain-aqua);
    content: "";
    display: inline-block;
    height: 60px;
    width: 60px
}

.video-button {
    width: 340px
}

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

    to {
        transform: rotate(1turn)
    }
}

@media(min-width: 0px)and (max-width:767px) {
    .video-button {
        width:260px
    }

    .video-button.secondary .button-text span {
        padding: 18px 25px
    }

    .video {
        height: 214px;
        margin: 15px auto 0;
        max-width: 100%;
        padding: 8px;
        width: 370px
    }

    .video:after,.video:before {
        background-size: 370px;
        height: 18px;
        left: 25px;
        width: 320px
    }

    .video-frame:after,.video-frame:before {
        background-size: 370px;
        height: 215px;
        width: 25px
    }
}

@media(min-width: 0px)and (max-width:400px) {
    .video-button.secondary .button-text span {
        font-size:.8125rem;
        line-height: 15px
    }

    .video {
        height: 215px;
        padding: 6px;
        width: 100%
    }

    .video:after,.video:before {
        background-size: cover;
        height: 14px;
        left: 0;
        width: 100%
    }

    .video-frame:after,.video-frame:before {
        background-size: cover;
        height: 100%;
        width: 20px
    }
}

@media(min-width: 992px)and (max-width:1199px) {
    .video-button {
        width:280px
    }

    .video-button.secondary .button-text span {
        padding: 18px 25px
    }

    .video {
        height: 214px;
        margin: 10px auto 0;
        max-width: 100%;
        padding: 8px;
        width: 370px
    }

    .video:after,.video:before {
        background-size: 370px;
        height: 18px;
        left: 25px;
        width: 320px
    }

    .video-frame:after,.video-frame:before {
        background-size: 370px;
        height: 215px;
        width: 25px
    }
}

.big-title {
    align-items: center;
    background: var(--additional);
    clip-path: polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px));
    color: var(--background-primary);
    display: flex;
    font-family: var(--furore);
    font-size: 80px;
    justify-content: center;
    letter-spacing: -2.5px;
    line-height: 1.1;
    padding: 4px 20px 8px;
    width: 100%
}

.big-title:before {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTQiIGhlaWdodD0iNTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE5LjM5OCA1My40di04LjYyaDE0Ljg0Nmw2LjU4NSAxLjc5Ni41OTktMS40MzctNS4wMjktMi42MzRMLjYgNi43MDYgNi43MDcuNiA0Mi41MDUgMzYuNGwyLjYzNCA1LjAyOCAxLjQzNy0uNTk4LTEuNzk2LTYuNTg1VjE5LjM5N2g4LjYyVjQ1LjI2TDQ1LjI2IDUzLjRIMTkuMzk4WiIgZmlsbD0iIzEwMTAxMCIvPjwvc3ZnPg==") no-repeat 50%/contain;
    content: "";
    display: inline-block;
    height: 53px;
    margin-right: 38px;
    width: 53px
}

.big-title br {
    display: none
}

.big-title.green {
    background: var(--nginx-green)
}

@media(min-width: 0px)and (max-width:767px) {
    .big-title {
        clip-path:polygon(0 0,calc(100% - 20px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));
        font-size: 30px;
        letter-spacing: 0;
        line-height: 1;
        padding: 2px 20px 4px
    }

    .big-title:before {
        background-size: cover;
        height: 27px;
        margin-right: 9px;
        min-width: 27px;
        width: 27px
    }

    .big-title br {
        display: block
    }
}

@media(min-width: 768px)and (max-width:991px) {
    .big-title {
        clip-path:polygon(0 0,calc(100% - 20px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));
        font-size: 30px;
        letter-spacing: -.5px;
        line-height: 1;
        padding: 10px 20px 12px
    }

    .big-title:before {
        background-size: cover;
        height: 27px;
        margin-right: 9px;
        min-width: 27px;
        width: 27px
    }
}

@media(min-width: 992px)and (max-width:1350px) {
    .big-title {
        font-size:48px;
        letter-spacing: -.5px;
        line-height: 1.42
    }
}

.small-title {
    color: var(--additional);
    font-family: var(--furore);
    font-size: 26px;
    letter-spacing: -.01em;
    line-height: 30px;
    margin-bottom: 20px
}

.small-title.green {
    color: var(--nginx-green)
}

.r-card {
    background-color: var(--background-secondary);
    padding: 6px 4px
}

.r-card.hover {
    transition: background-color .3s ease-in-out,filter .3s ease-in-out
}

.r-card.hover:hover {
    background-color: var(--rebrain-aqua);
    filter: drop-shadow(4px 4px 30px rgba(91,255,218,.5))
}

.r-card.green {
    background-color: var(--nginx-green)
}

.r-card-bg {
    background-color: var(--background-primary);
    clip-path: polygon(0 6px,80px 6px,86px 0,100% 0,100% calc(100% - 6px),calc(100% - 80px) calc(100% - 6px),calc(100% - 86px) 100%,0 100%);
    display: inline-flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding: 24px 14px;
    width: 100%
}

.r-label {
    color: var(--background-buttons);
    display: inline-block;
    font-family: var(--furore);
    font-size: 26px;
    line-height: 30px;
    padding: 20px 34px;
    position: relative;
    text-align: center
}

.r-label span {
    position: relative;
    z-index: 3
}

.r-label:before {
    background-color: var(--background-primary);
    left: 0;
    top: 0;
    z-index: 2
}

.r-label:after,.r-label:before {
    border: 3px solid;
    border-color: var(--background-buttons);
    border-radius: 12px;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%
}

.r-label:after {
    filter: blur(2px);
    left: 10px;
    top: 10px
}

.r-label.magenta {
    color: var(--rebrain-magenta)
}

.r-label.magenta,.r-label.magenta:after,.r-label.magenta:before {
    border-color: var(--rebrain-magenta)
}

.r-label.aqua {
    color: var(--rebrain-aqua)
}

.r-label.aqua,.r-label.aqua:after,.r-label.aqua:before {
    border-color: var(--rebrain-aqua)
}

.r-label.yellow {
    color: var(--white-hacking-yellow)
}

.r-label.yellow,.r-label.yellow:after,.r-label.yellow:before {
    border-color: var(--white-hacking-yellow)
}

.r-label.accent {
    color: var(--bash-accent)
}

.r-label.accent,.r-label.accent:after,.r-label.accent:before {
    border-color: var(--bash-accent)
}

.profession.classic .profession-name {
    color: var(--background-buttons);
    font-family: var(--furore);
    font-size: 54px;
    letter-spacing: -.03em;
    line-height: 1.1;
    text-shadow: #ff48be -1px 0 0,#5bffda 1px 0 0
}

.profession.multi .profession-name {
    margin-left: 4px;
    position: relative
}

.profession.multi .profession-name span {
    -webkit-text-stroke-width: 1px;
    -webkit-text-fill-color: var(--background-primary);
    -webkit-text-stroke-color: var(--rebrain-accent-new);
    font-family: var(--furore);
    font-size: 54px;
    letter-spacing: -.03em;
    line-height: 1.1;
    position: relative;
    z-index: 3
}

.profession.multi .profession-name span:nth-child(2) {
    bottom: -2px;
    left: -2px;
    opacity: .6;
    position: absolute;
    z-index: 2
}

.profession.multi .profession-name span:nth-child(3) {
    bottom: -4px;
    left: -4px;
    opacity: .4;
    position: absolute;
    text-shadow: 4px 4px 16px rgba(44,247,177,.7);
    z-index: 1
}

.profession.neon .profession-name {
    -webkit-text-stroke-width: 1px;
    -webkit-text-fill-color: var(--background-primary);
    -webkit-text-stroke-color: var(--rebrain-aqua);
    font-family: var(--furore);
    font-size: 43px;
    letter-spacing: -.03em;
    line-height: 1.1;
    margin-bottom: 7px;
    text-shadow: var(--rebrain-aqua) -2px 2px 0,-2px 2px 16px rgba(91,255,218,.6)
}

.profession.neon.red .profession-name {
    -webkit-text-stroke-color: var(--redis-red);
    text-shadow: var(--redis-red) -2px 2px 0,-2px 2px 16px rgba(255,87,92,.6)
}

.profession.neon.yellow .profession-name {
    -webkit-text-stroke-color: var(--white-hacking-yellow);
    text-shadow: var(--white-hacking-yellow) -2px 2px 0,-2px 2px 16px rgba(255,255,87,.5)
}

.profession.workshop .profession-name {
    clip-path: polygon(0 12px,16px 0,100% 0,100% calc(100% - 12px),calc(100% - 16px) 100%,0 100%);
    color: var(--background-primary);
    display: inline-block;
    font-family: var(--furore);
    font-size: 37px;
    height: 50px;
    letter-spacing: -.03em;
    line-height: 1.1;
    padding: .5px 18px 8.5px 16px
}

.profession.workshop.grafana .profession-name {
    background: linear-gradient(90deg,var(--grafana-gradient-from),var(--grafana-gradient-to))
}

.profession.workshop.click-house .profession-name {
    background: var(--postgre-sql-yellow)
}

.profession.workshop.bash .profession-name {
    background: var(--bash-accent)
}

.profession.workshop.logs .profession-name {
    background: var(--redis-blue)
}

.profession.workshop.nginx .profession-name {
    background: var(--nginx-green)
}

.profession.workshop.postgresql .profession-name {
    background: var(--postgre-sql-purple)
}

.profession.workshop.prometheus .profession-name {
    background: var(--prometheus-accent)
}

.profession.workshop.python .profession-name {
    background: linear-gradient(90deg,var(--python-gradient-from),var(--python-gradient-to))
}

.profession.workshop.redis .profession-name {
    background: var(--redis-red)
}

.profession.workshop.mysql .profession-name {
    background: var(--rebrain-accent-new)
}

.profession.workshop.haproxy .profession-name {
    background: var(--haproxy-accent)
}

.profession.workshop.rabbitmq .profession-name {
    background: var(--rabbitmq-accent)
}

.profession.workshop.ceph .profession-name {
    background: var(--ceph-accent)
}

.profession.workshop.vault .profession-name {
    background: var(--vault-accent)
}

.profession.workshop.kafka .profession-name {
    background: var(--rebrain-magenta)
}

.profession-subtitle {
    color: var(--background-buttons);
    font-family: var(--furore);
    font-size: 16px;
    letter-spacing: -.01em;
    line-height: 1.125
}

.plate {
    margin: 39px 0 0 -21px;
    max-width: 1000px;
    position: relative
}

.plate-block {
    background: var(--rebrain-aqua);
    padding: 32px 70px 28px 50px;
    position: relative;
    z-index: 2
}

.plate-block,.plate-block:before {
    clip-path: polygon(50px 0,100% 0,100% calc(100% - 44px),calc(100% - 50px) 100%,0 100%,0 44px)
}

.plate-block:before {
    background: #101010;
    content: "";
    display: block;
    height: calc(100% - 4px);
    left: 2px;
    position: absolute;
    top: 2px;
    width: calc(100% - 4px)
}

.plate-text {
    color: #eeedec;
    font-family: Furore,sans-serif;
    font-size: 1.625rem;
    letter-spacing: -.25px;
    line-height: 30px;
    margin: 0;
    position: relative;
    z-index: 2
}

.plate-text span {
    color: var(--rebrain-aqua)
}

.plate-shadow {
    filter: drop-shadow(4px 4px 10px rgba(91,255,218,.5));
    height: 100%;
    left: 20px;
    position: absolute;
    top: 20px;
    width: 100%
}

.plate-shadow-bg {
    background: var(--rebrain-accent-old);
    padding: 2px
}

.plate-shadow-bg,.plate-shadow-bg:after {
    clip-path: polygon(50px 0,100% 0,100% calc(100% - 44px),calc(100% - 50px) 100%,0 100%,0 44px);
    height: 100%;
    width: 100%
}

.plate-shadow-bg:after {
    background: #101010;
    content: "";
    display: block
}

@media(min-width: 0px)and (max-width:767px) {
    .plate-block {
        padding:16px 14px 23px 30px
    }

    .plate-block,.plate-block:before {
        clip-path: polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px)
    }

    .plate-shadow {
        left: 10px;
        top: 10px
    }

    .plate-shadow-bg,.plate-shadow-bg:after {
        clip-path: polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px)
    }

    .plate-text {
        font-size: 18px;
        letter-spacing: -.01em;
        line-height: 21px
    }
}

.checkbox {
    display: inline-block;
    position: relative
}

.checkbox input {
    margin: 6px 0 0 2px;
    opacity: 0;
    position: absolute;
    z-index: -1
}

.checkbox-text {
    color: var(--text-default);
    cursor: pointer;
    font-size: 18px;
    letter-spacing: -.01em;
    line-height: 23.4px;
    padding: 0 0 0 24px;
    position: relative
}

.checkbox-text a {
    color: var(--text-default);
    text-decoration: underline;
    text-underline-offset: .1em
}

.checkbox-text a:hover {
    color: var(--text-default);
    text-decoration: none
}

.checkbox-icon {
    align-items: center;
    background-color: #fff;
    clip-path: polygon(0 0,calc(100% - 4px) 0,100% 4px,100% 100%,0 100%);
    display: inline-flex;
    height: 16px;
    justify-content: center;
    left: 0;
    padding: 1px;
    position: absolute;
    top: 1px;
    width: 16px
}

.checkbox-icon:before {
    background-color: var(--background-primary);
    clip-path: polygon(0 0,calc(100% - 3.5px) 0,100% 3.5px,100% 100%,0 100%);
    content: "";
    display: inline-block;
    height: 14px;
    width: 14px
}

.checkbox-icon:after {
    background-color: #fff;
    clip-path: polygon(0 0,calc(100% - 2.5px) 0,100% 2.5px,100% 100%,0 100%);
    content: "";
    display: inline-block;
    height: 10px;
    opacity: 0;
    position: absolute;
    transition: opacity .1s ease-in-out;
    width: 10px
}

.checkbox input:checked+.checkbox-icon:after {
    opacity: 1
}

.checkbox.green input:checked+.checkbox-icon,.checkbox.green input:checked+.checkbox-icon:after {
    background-color: var(--nginx-green)
}

.checkbox.small-text .checkbox-text {
    font-size: 15px;
    line-height: 19.5px
}

.checkbox.large .checkbox-icon {
    clip-path: polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);
    height: 32px;
    top: -6px;
    width: 32px
}

.checkbox.large .checkbox-icon:before {
    clip-path: polygon(0 0,calc(100% - 7.5px) 0,100% 7.5px,100% 100%,0 100%);
    height: 30px;
    width: 30px
}

.checkbox.large .checkbox-icon:after {
    clip-path: polygon(0 0,calc(100% - 5.5px) 0,100% 5.5px,100% 100%,0 100%);
    height: 20px;
    width: 20px
}

.checkbox.large .checkbox-text {
    font-size: 16px;
    line-height: 21px;
    padding: 0 0 0 42px
}

.r-modal .modal-dialog {
    max-width: 560px
}

.r-modal .modal-content {
    background-color: var(--background-primary);
    border: 2px solid var(--text-primary);
    border-radius: 0
}

.r-modal .modal-header {
    border: 0;
    flex-direction: column;
    padding: 48px 28px 20px
}

.r-modal .modal-title {
    color: var(--text-primary);
    font-family: var(--furore);
    font-size: 45px;
    letter-spacing: -.01em;
    line-height: 45px;
    text-align: center
}

.r-modal .modal-subtitle {
    color: var(--text-secondary);
    font-size: 25px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 25px;
    margin: 20px 0 0;
    text-align: center
}

.r-modal .btn-close {
    opacity: 1;
    position: absolute;
    right: 18px;
    top: 18px
}

.r-modal .btn-close:focus {
    box-shadow: none
}

.r-modal .btn-close:hover svg path {
    fill: var(--background-buttons)
}

.r-modal .modal-body {
    padding: 20px 28px 32px
}

.r-modal .modal-input-group {
    margin-bottom: 20px
}

.r-modal .modal-textarea {
    max-height: 120px;
    min-height: 80px
}

.r-modal .modal-btn {
    margin: 50px 0 30px
}

.r-modal #statusModalLabel {
    font-size: 22px;
    line-height: 1.3;
    padding-bottom: 20px
}

@media(min-width: 0px)and (max-width:767px) {
    .r-modal .modal-title {
        font-size:25px;
        line-height: 28px
    }

    .r-modal .modal-subtitle {
        font-size: 18px;
        line-height: 21px;
        margin-top: 10px
    }

    .r-modal .modal-header {
        padding: 48px 18px 40px
    }

    .r-modal .modal-body {
        padding: 0 18px 20px
    }

    .r-modal #statusModalLabel {
        font-size: 18px;
        padding-bottom: 10px
    }
}

@font-face {
    font-family: Furore;
    src: url(../../fonts/Furore.otf) format("opentype")
}

body {
    color: var(--text-primary);
    font-family: var(--jost)
}

@media(min-width: 1401px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
        max-width:1364px
    }
}

@media(min-width: 1120px)and (max-width:1400px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
        max-width:1064px
    }
}

#preloader {
    z-index: 99999999999
}

#preloader .sk-chasing-dots .sk-child {
    background-color: var(--primary-color)
}

.header .dropdown-menu {
    background-color: var(--background-buttons)
}

.header .dropdown-menu.show[aria-labelledby=navbarDropdown] {
    display: grid;
    grid-template-columns: repeat(4,1fr)
}

.header .dropdown-item,.header .dropdown-item:hover {
    color: var(--background-primary)
}

.header .dropdown-item:hover {
    background-color: #e9ecef
}

.header .dropdown-item.active,.header .dropdown-item:active {
    background-color: var(--secondary-color);
    color: var(--background-primary)
}

.account-link {
    font-family: var(--furore);
    padding: 4px 17.5px 6px
}

.account-link svg {
    margin-left: 8px
}

.account-link svg path {
    transition: fill .3s ease
}

.account-link:hover svg path {
    fill: var(--background-primary)
}

.contact-link {
    color: var(--secondary-color)
}

.contact-link,.contact-link:hover {
    border-color: var(--secondary-color)
}

.contact-link:hover {
    background-color: var(--secondary-color)
}

.platform-link {
    border-left: 0
}

.advantages {
    padding: 108px 0 80px
}

.advantages__block {
    background-color: var(--background-secondary);
    height: 200px;
    left: 200px;
    padding: 6px 4px;
    position: absolute;
    top: 13px;
    width: 200px
}

.advantages__block:after {
    background: url(../../images/common/advantage/advantage-arr.svg) no-repeat 50%;
    content: "";
    display: inline-block;
    height: 30px;
    left: -20px;
    position: absolute;
    top: 94px;
    width: 30px;
    z-index: 2
}

.advantages__block_block-02 {
    left: 540px
}

.advantages__block_block-02:after {
    left: -11px;
    top: 94px
}

.advantages__block_block-03 {
    left: 880px
}

.advantages__block_block-03:after {
    left: -17px;
    top: 94px
}

.advantages__block_block-04 {
    left: 880px;
    top: 379px
}

.advantages__block_block-04:after {
    left: auto;
    right: -10px;
    top: 84px;
    transform: rotate(180deg)
}

.advantages__block_block-05 {
    left: 540px;
    top: 379px
}

.advantages__block_block-05:after {
    left: auto;
    right: -16px;
    top: 84px;
    transform: rotate(180deg)
}

.advantages__block_block-06 {
    top: 379px
}

.advantages__block_block-06:after {
    left: auto;
    right: -6px;
    top: 84px;
    transform: rotate(180deg)
}

.advantages__block_block-07 {
    left: -78px;
    top: 200px
}

.advantages__block_block-07:after {
    bottom: -6px;
    left: 87px;
    top: auto;
    transform: rotate(-90deg)
}

.advantages__block-start {
    color: var(--secondary-color);
    font-family: var(--furore);
    font-size: 1rem;
    left: 13px;
    letter-spacing: -.01em;
    line-height: 18px;
    position: absolute;
    top: -10px;
    z-index: 2
}

.advantages__block-bg {
    background-color: var(--background-primary);
    clip-path: polygon(0 6px,80px 6px,86px 0,100% 0,100% calc(100% - 6px),calc(100% - 80px) calc(100% - 6px),calc(100% - 86px) 100%,0 100%);
    display: inline-flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding: 24px 12px 8px;
    width: 100%
}

.advantages__block-title {
    font-size: 16px;
    font-weight: 400;
    line-height: 21px
}

.advantages__block-num {
    color: var(--primary-color);
    font-family: var(--furore);
    font-size: 1.625rem;
    line-height: 30px;
    margin: 0
}

.advantages__container {
    background: url(../../images/common/advantage/avantage-lines.png) no-repeat 100%;
    height: 600px;
    margin: 0 32px 0 auto;
    position: relative;
    width: 1200px
}

.big-title_advantages {
    margin-bottom: 37px
}

.comment {
    padding: 100px 0
}

.comment__container {
    display: flex;
    flex-wrap: wrap
}

.comment__item {
    align-items: flex-start;
    border: 2px solid var(--background-secondary);
    color: #faf9f8;
    display: flex;
    flex-direction: column;
    margin: 0 40px 28px 0;
    max-width: 400px;
    padding: 29px 16px 28px 14px;
    position: relative
}

.comment__item-title {
    color: var(--additional);
    font-family: var(--furore);
    font-size: 1.625rem;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 30px;
    margin-bottom: 12px
}

.comment__item-job {
    color: var(--secondary-color);
    margin: 0 0 4px
}

.comment__item-job,.comment__item-nick {
    font-family: var(--furore);
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 18px
}

.comment__item-nick {
    margin: 0 0 20px
}

.comment__item-text {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    color: var(--text-secondary);
    display: -webkit-box;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 21px;
    margin: 0 0 47px;
    max-height: 106px;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: max-height .35s ease-out
}

.comment__item-text.active {
    -webkit-line-clamp: unset;
    display: list-item;
    max-height: 1300px
}

.comment__item-text.active+.comment__item-btn:before {
    content: "СКРЫТЬ"
}

.comment__item-text.active+.comment__item-btn:after {
    content: "<<<";
    margin-left: 8px
}

.comment__item-btn {
    align-items: center;
    background-color: transparent;
    border: 0;
    color: var(--background-buttons);
    font-family: var(--furore);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.3px;
    line-height: 18px;
    margin: auto 0 0;
    padding: 0;
    text-transform: uppercase;
    transition: color .3s ease
}

.comment__item-btn:hover {
    color: var(--primary-color)
}

.comment__item-btn:before {
    content: "читать полный отзыв"
}

.comment__item-btn:after {
    content: ">>>";
    margin-left: 8px
}

.comment__item-btn:focus {
    outline: none
}

.comment__more {
    margin-top: 22px;
    max-width: 831px
}

.big-title_comment {
    margin-bottom: 83px
}

.employes {
    background-color: var(--background-primary);
    overflow: hidden;
    padding: 109px 0 100px
}

.employes__items {
    display: grid;
    gap: 20px 30px;
    grid-template-columns: repeat(6,150px);
    justify-content: center
}

.employes__item {
    align-items: center;
    display: inline-flex;
    height: 150px;
    justify-content: center;
    width: 150px
}

.employes__item img {
    max-height: 100%;
    max-width: 100%
}

.small-title_employes {
    letter-spacing: -.2px;
    margin-bottom: 79px
}

.footer__contact a {
    -webkit-text-stroke-color: var(--background-buttons)
}

.footer__contact a:after {
    -webkit-text-fill-color: var(--background-buttons)
}

.footer__links a:hover {
    color: var(--primary-color)
}

.cooki {
    background-color: var(--background-primary);
    border: 2px solid var(--text-primary);
    z-index: 900000000
}

.cooki__title {
    font-family: var(--furore)
}

.cooki__text {
    color: var(--text-secondary)
}

.cooki__yes:hover .cooki__yes-bg {
    background-color: var(--secondary-color)
}

.cooki__yes-bg,.cooki__yes-bg:before {
    background-color: var(--background-primary)
}

.cooki__yes-btn {
    background-color: var(--background-buttons);
    color: var(--background-primary);
    font-family: var(--furore)
}

.cooki__yes-btn:after {
    background: var(--secondary-color)
}

.cooki__no:before {
    background-color: var(--primary-color)
}

.cooki__no-bg {
    background-color: var(--background-buttons)
}

.cooki__no-btn {
    background-color: var(--background-primary);
    color: var(--background-buttons);
    font-family: var(--furore)
}

@media(min-width: 0px)and (max-width:767px) {
    .cooki {
        left:0;
        max-width: 100%;
        max-width: 400px;
        padding: 15px
    }

    .cooki__title {
        font-size: 25px;
        line-height: 25px
    }

    .cooki__text {
        font-size: .875rem;
        margin-bottom: 20px
    }

    .cooki__no:hover:before {
        left: 0;
        top: 0
    }

    .cooki__no-btn {
        font-size: .875rem;
        padding: 11px 13px 11px 14px;
        width: auto
    }

    .cooki__yes .cooki__yes-bg {
        display: none
    }

    .cooki__yes:hover .cooki__yes-bg {
        background-color: var(--background-primary);
        left: 0;
        top: 0
    }

    .cooki__yes:hover .cooki__yes-btn:after {
        width: 0
    }

    .cooki__yes-btn {
        font-size: .875rem;
        padding: 13px 13px 13px 14px;
        width: auto
    }
}

@media(min-width: 768px)and (max-width:992px) {
    .cooki {
        max-width:100%;
        max-width: 400px;
        padding: 15px;
        right: 50px
    }

    .cooki__title {
        font-size: 25px;
        line-height: 25px
    }

    .cooki__text {
        font-size: .875rem;
        margin-bottom: 20px
    }

    .cooki .cooki__no:hover:before {
        left: 0;
        top: 0
    }

    .cooki .cooki__no-btn {
        font-size: .875rem;
        padding: 11px 13px 11px 14px;
        width: auto
    }

    .cooki .cooki__yes .cooki__yes-bg {
        display: none
    }

    .cooki .cooki__yes:hover .cooki__yes-bg {
        background-color: var(--background-primary);
        left: 0;
        top: 0
    }

    .cooki .cooki__yes:hover .cooki__yes-btn:after {
        width: 0
    }

    .cooki .cooki__yes-btn {
        font-size: .875rem;
        padding: 13px 13px 13px 14px;
        width: auto
    }
}

@media(min-width: 0px)and (max-width:767px) {
    .header {
        left:0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 10
    }

    .header .navbar-nav {
        display: none
    }

    .account-link {
        border-left: 1px solid;
        font-size: .875rem;
        padding: 4px 9px 6px
    }

    .contact-link {
        display: none
    }
}

@media(min-width: 1200px)and (max-width:1400px) {
    .header .nav-link {
        font-size:14px;
        line-height: 1.1;
        padding: 4px 15.5px 6px
    }

    .header__logo {
        height: 27px;
        padding: 0 12px 2px
    }

    .account-link {
        font-size: 14px;
        line-height: 1.1;
        padding: 4px 15.5px 6px
    }
}

@media(min-width: 0px)and (max-width:767px) {
    .advantages {
        padding:60px 0 40px
    }

    .advantages__container {
        background: none;
        display: grid;
        gap: 10px;
        grid-template-columns: 1fr 1fr;
        height: auto;
        margin: 0;
        width: auto
    }

    .advantages__block {
        height: 180px;
        left: 0;
        position: relative;
        top: 0;
        width: 100%
    }

    .advantages__block:after {
        display: none
    }

    .advantages__block-bg {
        padding: 18px 6px 8px
    }

    .advantages__block-start {
        left: 10px
    }

    .advantages__block-title {
        font-size: 14px;
        letter-spacing: -.03em;
        line-height: 1.3;
        margin-bottom: 0
    }

    .big-title_advantages {
        margin-bottom: 40px
    }
}

@media(min-width: 0px)and (max-width:350px) {
    .advantages__block-title {
        font-size:13px;
        line-height: 1.35
    }

    .advantages__block-bg {
        padding: 15px 5px 8px 6px
    }
}

@media(min-width: 768px)and (max-width:991px) {
    .advantages {
        padding:60px 0 30px
    }

    .advantages__container {
        background: url(../../images/common/advantage/avantage-line-h.png) no-repeat center 0;
        height: auto;
        margin: 0;
        width: auto
    }

    .advantages__block {
        left: 0;
        margin-bottom: 20px;
        position: relative;
        top: 0;
        width: 100%
    }

    .advantages__block:after {
        display: none
    }

    .advantages__block-start {
        left: 10px
    }

    .big-title_advantages {
        margin-bottom: 40px
    }
}

@media(min-width: 992px)and (max-width:1119px) {
    .advantages {
        padding:60px 0 30px
    }

    .advantages__container {
        background-size: contain;
        height: 600px;
        margin-right: 0;
        width: 770px
    }

    .advantages__block {
        left: 70px
    }

    .advantages__block:after {
        top: 155px
    }

    .advantages__block_block-02 {
        left: 310px
    }

    .advantages__block_block-03,.advantages__block_block-04 {
        left: 550px
    }

    .advantages__block_block-04:after {
        top: 23px
    }

    .advantages__block_block-05 {
        left: 310px
    }

    .advantages__block_block-05:after {
        top: 23px
    }

    .advantages__block_block-06:after {
        right: -10px;
        top: 23px
    }

    .advantages__block_block-07 {
        left: -165px
    }

    .advantages__block_block-07:after {
        left: 152px;
        top: 183px
    }
}

@media(min-width: 1120px)and (max-width:1400px) {
    .advantages__container {
        background-image:url(../../images/common/advantage/avantage-lines-md.png);
        background-size: contain;
        margin: 0 0 0 auto;
        width: 940px
    }

    .advantages__block {
        left: 138px
    }

    .advantages__block:after {
        left: -11px;
        top: 95px
    }

    .advantages__block-start {
        left: 17px
    }

    .advantages__block_block-02 {
        left: 398px
    }

    .advantages__block_block-03,.advantages__block_block-04 {
        left: 658px
    }

    .advantages__block_block-04:after {
        left: auto;
        right: -12px;
        top: 85px
    }

    .advantages__block_block-05 {
        left: 398px
    }

    .advantages__block_block-05:after,.advantages__block_block-06:after {
        left: auto;
        right: -12px;
        top: 85px
    }

    .advantages__block_block-07 {
        left: -100px
    }

    .advantages__block_block-07:after {
        bottom: -7px;
        left: 87px;
        top: auto
    }

    .big-title_advantages {
        font-size: 80px;
        letter-spacing: -2.5px;
        line-height: 1.1
    }
}

@media(min-width: 0px)and (max-width:767px) {
    .comment {
        padding:60px 0 40px
    }

    .comment__item {
        margin-bottom: 19px;
        max-width: 100%;
        width: 100%
    }

    .comment__item-text {
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        margin-bottom: 11px;
        max-height: 105px;
        text-overflow: ellipsis
    }

    .comment__more {
        margin-top: 11px
    }

    .comment__more.secondary .button-text span {
        font-size: 13px;
        line-height: 15px;
        padding: 21px 14px 24px 16px
    }

    .big-title_comment {
        margin-bottom: 40px;
        padding-bottom: 15px;
        padding-top: 15px
    }

    .big-title_comment:before {
        position: relative;
        top: -8px
    }
}

@media(min-width: 768px)and (max-width:991px) {
    .comment {
        padding:50px 0 40px
    }

    .comment__item {
        margin-bottom: 19px;
        max-width: 100%;
        width: 100%
    }

    .comment__item-text {
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        margin-bottom: 11px;
        max-height: 105px;
        text-overflow: ellipsis
    }

    .big-title_comment {
        margin-bottom: 40px;
        padding-bottom: 15px;
        padding-top: 15px
    }

    .big-title_comment:before {
        position: relative;
        top: -8px
    }
}

@media(min-width: 992px)and (max-width:1199px) {
    .comment__item {
        margin-right:20px
    }
}

@media(min-width: 1200px)and (max-width:1400px) {
    .comment__item {
        margin-right:25px;
        max-width: 359px
    }

    .comment__item-job {
        font-size: 15px
    }

    .big-title_comment {
        font-size: 80px;
        letter-spacing: -2.5px;
        line-height: 1.1
    }
}

@media(min-width: 1120px)and (max-width:1400px) {
    .big-title_comment {
        font-size:80px;
        letter-spacing: -2.5px;
        line-height: 1.1
    }
}

@media(min-width: 0px)and (max-width:767px) {
    .employes {
        padding:69px 0 50px
    }

    .employes__items {
        gap: 0 20px;
        grid-template-columns: repeat(3,1fr)
    }

    .employes__item {
        height: 100px;
        max-width: 100%;
        width: 100px
    }

    .employes__item img {
        max-height: 70%;
        max-width: 70%
    }

    .small-title_employes {
        font-size: 20px;
        letter-spacing: -.01em;
        line-height: 1.2;
        margin-bottom: 20px
    }
}

@media(min-width: 0px)and (max-width:340px) {
    .employes__items {
        gap:0 10px
    }

    .employes__item {
        height: 80px;
        width: 80px
    }
}

@media(min-width: 768px)and (max-width:991px) {
    .employes {
        padding:50px 0
    }

    .employes__items {
        grid-template-columns: repeat(3,150px)
    }
}

@media(min-width: 992px)and (max-width:1119px) {
    .employes__items {
        grid-template-columns:repeat(5,150px)
    }

    .small-title_employes br {
        display: inline-block
    }
}

@media(min-width: 1120px)and (max-width:1400px) {
    .employes__items {
        gap:20px 23px
    }

    .small-title_employes {
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 68px
    }

    .small-title_employes br {
        display: inline-block
    }
}

@media(min-width: 0px)and (max-width:767px) {
    .footer {
        padding:0 0 40px
    }

    .footer-divider {
        margin-bottom: 40px
    }

    .footer__title {
        font-size: 1.125rem;
        line-height: 21px;
        margin: 0 0 20px
    }

    .footer__contact {
        margin-bottom: 34px;
        padding-top: 0
    }

    .footer__contact li {
        margin-bottom: 2px
    }

    .footer__contact a {
        -webkit-text-stroke-width: 1px;
        font-size: 30px;
        letter-spacing: 0;
        line-height: 30px
    }

    .footer__contact a:after {
        bottom: 0;
        top: auto
    }

    .footer__links {
        margin: 0 0 28px
    }

    .footer__links li {
        margin-bottom: 5px
    }

    .copyright {
        margin: 0 0 30px
    }

    .requisites {
        margin: 0 0 50px
    }
}

@media(min-width: 0px)and (max-width:378px) {
    .footer__contact a {
        -webkit-text-stroke-width:.7px;
        font-size: 25px;
        letter-spacing: .2px;
        line-height: 25px
    }
}

@media(min-width: 768px)and (max-width:991px) {
    .footer {
        padding:0 0 40px
    }

    .footer-divider {
        margin-bottom: 40px
    }

    .footer__contact {
        margin-bottom: 34px;
        padding-top: 0
    }

    .footer__contact li {
        margin-bottom: 2px
    }

    .footer__contact a {
        -webkit-text-stroke-width: 1px;
        font-size: 30px;
        letter-spacing: 0;
        line-height: 30px
    }

    .footer__contact a:after {
        bottom: 0;
        top: auto
    }

    .footer__title {
        font-size: 1.125rem;
        line-height: 21px;
        margin: 0 0 20px
    }

    .footer__links {
        margin: 0 0 28px
    }

    .footer__links li {
        margin-bottom: 5px
    }

    .copyright {
        margin: 0 0 30px
    }

    .requisites {
        margin: 0 0 50px
    }
}

@media(min-width: 992px)and (max-width:1199px) {
    .footer__contact a {
        -webkit-text-stroke-width:1px;
        font-size: 36px;
        line-height: 34px
    }

    .copyright {
        margin-bottom: 50px
    }
}

@media(min-width: 1201px)and (max-width:1400px) {
    .footer__contact a {
        -webkit-text-stroke-width:1px;
        font-size: 45px;
        line-height: 45px
    }

    .footer__contact a:after {
        bottom: 0;
        top: auto
    }

    .copyright {
        margin-bottom: 50px
    }
}

@font-face {
    font-family: Furore;
    src: url(../../fonts/Furore.otf) format("opentype")
}

body {
    background-color: var(--background-primary);
    color: #101010;
    font-family: Jost,sans-serif
}

body,html {
    overflow-x: hidden
}

@media(min-width: 1200px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
        max-width:1364px
    }
}

#preloader {
    --animate-duration: 0.5s;
    align-items: center;
    background: #101010;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100
}

#preloader .sk-chasing-dots {
    animation: sk-chasing-dots-rotate 2s linear infinite;
    height: 6em;
    margin: auto;
    position: relative;
    text-align: center;
    width: 6em
}

#preloader .sk-chasing-dots .sk-child {
    animation: sk-chasing-dots-bounce 2s ease-in-out infinite;
    background-color: var(--landing-color);
    border-radius: 100%;
    display: inline-block;
    height: 3em;
    position: absolute;
    top: 0;
    width: 3em
}

#preloader .sk-chasing-dots .sk-dot-2 {
    animation-delay: 1s;
    bottom: 0;
    top: auto
}

@keyframes sk-chasing-dots-rotate {
    to {
        transform: rotate(1turn)
    }
}

@keyframes sk-chasing-dots-bounce {
    0%,to {
        transform: scale(0)
    }

    50% {
        transform: scale(1)
    }
}

.header {
    font-family: var(--furore);
    left: 0;
    position: fixed;
    top: 0;
    transition: .3s ease;
    width: 100%;
    z-index: 10
}

.header .nav-link {
    border: 1px solid var(--additional);
    border-left: 0;
    color: var(--additional);
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 18px;
    padding: 4px 17.5px 6px;
    transition: .3s ease
}

.header .nav-link:hover {
    background: var(--text-primary);
    border-color: var(--text-primary);
    color: var(--background-primary)
}

.header .nav-link:focus {
    outline: none
}

.header .nav-link.active {
    background: var(--text-primary);
    border-color: var(--text-primary);
    color: var(--background-primary)
}

.header .site-lang {
    border: 1px solid var(--additional)
}

.header .navbar-nav {
    flex-direction: row
}

.header .dropdown-toggle:after {
    display: none
}

.header .dropdown-toggle.show {
    background: var(--text-primary);
    border-color: var(--text-primary);
    color: var(--background-primary)
}

.header .dropdown-menu {
    border: 0;
    border-radius: 0;
    overflow: hidden
}

.header .dropdown-menu.show {
    display: grid;
    grid-template-columns: repeat(4,1fr)
}

.header .dropdown-item.active,.header .dropdown-item:active {
    background-color: #6030f1
}

.header:after {
    background: var(--background-primary);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.header__bar {
    display: flex;
    padding: 15px 0;
    transition: .2s ease
}

.header__logo {
    border: 1px solid var(--additional);
    height: 30px;
    justify-content: center;
    padding: 2px 17px
}

.header__logo,.header__right {
    align-items: center;
    display: flex
}

.header__right {
    margin-left: auto
}

.site-lang_dropdown-menu {
    min-width: 50px
}

.account-link {
    border: 1px solid var(--additional);
    color: var(--additional);
    font-family: Furore,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 18px;
    padding: 4px 17px 6px;
    text-decoration: none;
    transition: .3s ease
}

.account-link:hover {
    background: var(--text-primary);
    border-color: var(--text-primary);
    color: var(--background-primary)
}

.account-link:focus {
    outline: none
}

.account-link_filled {
    background-color: var(--landing-color);
    border-color: var(--landing-color);
    color: var(--background-primary)
}

.account-link_filled:hover {
    background-color: #fff;
    border-color: #fff;
    color: var(--background-primary)
}

.scroll-link {
    cursor: pointer
}

.header-fixed .header__bar {
    padding: 10px 0
}

.link-hide {
    display: none
}

.greeting {
    background: var(--background-primary);
    padding: 160px 0 32px
}

.greeting__row {
    display: grid;
    gap: 42px;
    grid-template-columns: 1320px 1fr
}

.greeting__uptitle {
    color: var(--text-primary);
    font-family: var(--furore);
    font-size: 45px;
    letter-spacing: -.01em;
    line-height: 1;
    margin: 0 0 2px
}

.greeting__title {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 11px;
    justify-content: flex-start;
    margin: 0 0 26px
}

.greeting__title .practice-title.outline {
    display: inline-block;
    font-size: 80px;
    letter-spacing: -.01em;
    line-height: 1;
    margin: 10px 0 0
}

.greeting__title .practice-title.outline span {
    -webkit-text-stroke-width: none;
    border: none;
    color: #fff;
    font-family: Jost,sans-serif;
    font-size: 40px;
    padding: 0;
    text-shadow: none;
    vertical-align: middle
}

.greeting__label {
    color: var(--text-primary);
    display: inline-block;
    font-family: var(--furore);
    font-size: 26px;
    justify-content: space-between;
    letter-spacing: -.26px;
    line-height: 1;
    margin: 0;
    width: 100%
}

.greeting__desc {
    color: #fff;
    font-size: 16px;
    margin-bottom: 8px;
    margin-top: 24px;
    max-width: 700px
}

.greeting__footer {
    display: flex;
    margin-bottom: auto;
    margin-top: auto;
    padding: 16px 0 0;
    width: 100%;
    gap: 24px;
}

.greeting__btn {
    max-width: 392px
}

.greeting__list {
    list-style: none;
    margin: 0 0 32px;
    padding: 0
}

.greeting__list li {
    color: #fff;
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 12px
}

.greeting__list li span {
    color: var(--landing-color)
}

.greeting__list li span.jost {
    font-family: var(--jost);
    letter-spacing: 0
}

.greeting__text-small {
    color: var(--landing-color);
    font-size: 16px;
    margin: 0 0 32px
}

.greeting__stack {
    display: flex;
    gap: 8px 12.5px
}

.greeting__stack-heading {
    line-height: 1.1;
    margin: 51px 0 16px
}

.greeting__stack-heading,.greeting__stack-item {
    color: #fff;
    font-family: var(--furore);
    font-size: 16px;
    letter-spacing: -.01em
}

.greeting__stack-item {
    border: 1px solid #fff;
    border-radius: 4px;
    line-height: 1;
    padding: 8px 19px
}

.greeting__blocks {
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr;
    max-width: 560px
}

.greeting__blocks-heading {
    color: var(--text-primary);
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    margin: 0 0 24px
}

.greeting__block {
    display: grid;
    gap: 12px;
    grid-template-columns: 83px 1fr
}

.greeting__block-heading {
    color: var(--text-primary);
    font-family: var(--furore);
    font-size: 16px;
    letter-spacing: -.01em;
    line-height: 1.1;
    margin: 0 0 4px
}

.greeting__block-heading-mt {
    margin-top: 16px
}

.greeting__block-heading.primary {
    color: var(--landing-color);
    margin-bottom: 8px
}

.greeting__block-heading.gray,.greeting__block-text {
    color: var(--text-secondary)
}

.greeting__block-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    margin: 0 0 9px
}

.greeting__block-text.gray {
    color: var(--text-secondary);
    margin-bottom: 9px
}

.greeting__block-content {
    padding-top: 1px
}

.demand {
    padding: 130px 0 80px
}

.demand__title {
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: var(--background-buttons);
    -webkit-text-fill-color: var(--background-primary);
    font-family: var(--furore);
    font-size: 80px;
    letter-spacing: -.03em;
    line-height: 1.1;
    margin-bottom: 40px
}

.demand__grid {
    display: grid;
    gap: 24px;
    grid-template-areas: "first second" "first third";
    grid-template-columns: 1fr 317px;
    grid-template-rows: 450px;
    max-width: 1275px
}

.demand__block {
    border: 1px solid var(--landing-color);
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 31px 31px 32px
}

.demand__block-heading {
    color: var(--landing-color);
    font-family: var(--furore);
    font-size: 100px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 30px
}

.demand__block-heading_small {
    font-size: 80px;
    letter-spacing: -.03em;
    line-height: 1.1
}

.demand__block-text {
    color: var(--text-primary);
    font-size: 25px;
    font-weight: 500;
    line-height: 30px;
    margin: 0
}

.demand__block-text_small {
    font-size: 16px;
    font-weight: 400;
    line-height: 21px
}

.demand__block-text span {
    color: var(--landing-color)
}

.demand__block:first-child {
    grid-area: first
}

.demand__block:nth-child(2) {
    grid-area: second;
    justify-content: flex-end;
    padding: 24px 23px 23px;
    padding: 23px
}

.demand__info {
    color: var(--landing-color);
    font-size: 16px;
    font-weight: 500;
    line-height: 19.2px;
    margin: 0;
    max-width: 1275px;
    text-align: right
}

.info {
    padding: 106px 0 80px
}

.info__whom-heading {
    color: #fff;
    font-family: var(--furore);
    font-size: 38px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 1;
    margin-bottom: 0
}

.small-title_info {
    color: var(--landing-color);
    font-size: 1rem;
    line-height: 18px;
    margin-top: 20px
}

.small-title_info_second {
    color: #fff;
    margin: 0 0 24px
}

.why-we {
    padding: 100px 0
}

.why-we__title {
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: var(--background-buttons);
    -webkit-text-fill-color: var(--background-primary);
    font-family: var(--furore);
    font-size: 80px;
    letter-spacing: -.03em;
    line-height: 1.1;
    margin-bottom: 64px;
    text-align: center
}

.why-we__text {
    color: #fff;
    font-size: 25px;
    letter-spacing: -.01em;
    line-height: 1;
    margin-bottom: 60px;
    max-width: 910px
}

.why-we__text span {
    color: var(--landing-color)
}

.why-we__btn {
    margin-left: 44px;
    max-width: 392px
}

.why-we__info {
    font-family: var(--furore);
    font-size: 16px;
    margin: 0 auto;
    width: 1070px
}

.why-we__info-title {
    color: var(--landing-color);
    margin: 0 0 12px
}

.why-we__info-text {
    color: #fff;
    font-size: 26px;
    letter-spacing: -1px;
    line-height: 100%;
    max-width: 100%;
    width: 950px
}

.why-we__container {
    display: grid;
    gap: 42px 160px;
    grid-template-columns: 450px auto;
    margin: 0 auto 64px;
    max-width: 100%;
    padding: 0;
    width: 1070px
}

.why-we__block {
    width: 100%
}

.why-we__block-title {
    color: var(--text-primary);
    font-family: var(--furore);
    font-size: 2.8125rem;
    letter-spacing: -.5px;
    line-height: 45px;
    margin-bottom: 10px
}

.why-we__block-text {
    color: var(--text-secondary);
    font-size: 1rem;
    line-height: 21px;
    margin: 0;
    max-width: 100%;
    width: 350px
}

.big-title_why-we {
    margin-bottom: 61px
}

.program {
    background-color: var(--background-primary);
    padding: 116px 0 119px
}

.program__title {
    -webkit-text-fill-color: var(--background-primary);
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #fff;
    font-family: var(--furore);
    font-size: 80px;
    letter-spacing: -.03em;
    line-height: 1.1;
    margin: 0 0 41px
}

.program__title span.program__title-outline {
    display: block
}

.program__title span.program__title-outline,.program__title_blue span.program__title-outline {
    -webkit-text-stroke-color: var(--landing-color)
}

.program-item {
    margin: 0;
    max-width: 1000px
}

.program-header {
    margin: 0
}

.program-button {
    background-color: transparent;
    background-color: #fff;
    border: 0;
    clip-path: polygon(0 0,calc(100% - 10px) 0,calc(100% - 10px) 15px,100% calc(25% + 4px),100% calc(75% - 4px),calc(100% - 10px) calc(100% - 15px),calc(100% - 10px) 100%,0 100%,0 75%,10px calc(75% - 4px),10px calc(25% + 4px),0 25%);
    padding: 2px;
    transition: background-color .2s ease;
    width: 100%
}

.program-button span {
    align-items: center;
    background-color: var(--background-primary);
    clip-path: polygon(0 0,calc(100% - 10px) 0,calc(100% - 10px) 15px,100% calc(25% + 4px),100% calc(75% - 4px),calc(100% - 10px) calc(100% - 15px),calc(100% - 10px) 100%,0 100%,0 calc(75% + 2px),10px calc(75% - 2px),10px calc(25% + 2px),0 calc(25% - 2px));
    color: #fff;
    display: block;
    display: flex;
    font-family: var(--furore);
    font-size: 16px;
    height: 60px;
    justify-content: space-between;
    letter-spacing: -.01em;
    line-height: 1;
    padding: 5px 40px;
    position: relative;
    transition: background-color .2s ease,color .2s ease
}

.program-button span:after {
    content: ">>>";
    position: absolute;
    right: 30px;
    top: calc(50% - 8px);
    transition: transform .2s ease
}

.program-button:not(.collapsed) span:after {
    transform: rotate(180deg)
}

.program-body {
    -ms-overflow-style: none;
    border: 2px solid #fff;
    border-top: 0;
    margin-right: 10px;
    max-height: 314px;
    overflow-y: auto;
    padding: 0 26px 1px;
    scrollbar-width: none
}

.program-body::-webkit-scrollbar {
    display: none
}

.program-subheading {
    background-color: var(--landing-color);
    color: var(--background-primary);
    font-family: var(--furore);
    font-size: 16px;
    letter-spacing: -.01em;
    margin: 0 -26px 16px;
    padding: 22.5px 28px
}

.program-list {
    margin-bottom: 15px
}

.program__btn {
    width: calc(100% + 8px)
}

.program__btn.primary .button-text {
    text-align: left
}

.program__info {
    align-items: center;
    border: 1px solid var(--background-secondary);
    display: flex;
    margin-top: 50px;
    max-width: 899px;
    padding-left: 11px
}

.program__info-text {
    color: #fff;
    font-size: 16px;
    line-height: 21px;
    margin: 0 20px 13px 0
}

.program__info-text.gray {
    color: #5e5e5e
}

.program__info-img {
    margin: 0 0 0 auto;
    max-width: 97px;
    min-width: 97px
}

.program__info-img img {
    max-width: 100%
}

.community {
    background: url(../images/community-bg-blue.svg) no-repeat calc(50% + 464px) calc(100% + 89px);
    background-size: 647px;
    padding: 280px 0 128px
}

.community__title {
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: var(--background-buttons);
    -webkit-text-fill-color: var(--background-primary);
    font-family: var(--furore);
    font-size: 100px;
    letter-spacing: -.03em;
    line-height: 1;
    margin-bottom: 15px
}

.community__subtitle {
    color: var(--text-primary);
    font-size: 25px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 13px
}

.community__text {
    color: var(--text-primary);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 64px
}

.community__link {
    border-radius: 24px;
    display: inline-block;
    font-family: var(--furore);
    font-size: 16px;
    letter-spacing: -.01em;
    line-height: 1;
    padding: 18px 32px;
    text-decoration: none;
    transition: background-color .2s ease-in-out
}

.community__link,.community__link:hover {
    background-color: var(--landing-color);
    color: var(--background-primary)
}

.skills {
    padding: 100px 0 84px
}

.skills__list {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%
}

.skills__item {
    border: 1px solid #fff;
    border-radius: 12px;
    color: #fff;
    font-size: 16px;
    letter-spacing: -1px;
    margin-bottom: 16px;
    margin-right: 12px;
    padding: 8px 24px
}

.price {
    background-color: var(--background-primary);
    padding: 100px 0 101px
}

.price-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.price-full {
    flex-basis: 100%;
    max-width: 100%
}

.price-block {
    flex-basis: 50%;
    max-width: 50%
}

.price__uptitle {
    color: var(--text-primary);
    font-size: 45px;
    line-height: 1;
    margin-bottom: 8px
}

.price__subtitle,.price__uptitle {
    font-family: var(--furore);
    letter-spacing: -.01em
}

.price__subtitle {
    color: #fff;
    font-size: 26px;
    margin: 28px 0 15px
}

.price__list {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    list-style: none;
    margin: 0;
    padding: 0
}

.price__list li {
    margin-bottom: 8px;
    padding-left: 20px;
    position: relative
}

.price__list li:last-child {
    margin-bottom: 0
}

.price__list li:before {
    background: url(../images/common/icons/list-icon.svg) no-repeat 50%;
    content: "";
    display: inline-block;
    height: 12px;
    left: 0;
    position: absolute;
    top: 4px;
    width: 12px
}

.price__cost {
    color: #fff;
    font-size: 30px;
    letter-spacing: -.01em;
    margin: 0
}

.price__cost,.price__cost-discount {
    font-family: var(--furore);
    line-height: 1
}

.price__cost-discount {
    color: var(--text-secondary);
    display: inline-block;
    font-size: 13px;
    letter-spacing: 0;
    margin: 6px 0 0;
    padding: 0 9px 0 4px;
    position: relative
}

.price__cost-discount:before {
    background-color: var(--text-secondary);
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: calc(50% - 1px);
    width: 100%
}

.price__cost-heading {
    color: var(--landing-color);
    font-family: var(--furore);
    font-size: 45px;
    line-height: 120%;
    margin: 0 0 12px
}

.price__cost-blocks {
    display: flex;
    gap: 24px;
    justify-content: space-between;
    margin: 0 0 24px;
    max-width: 648px;
    padding: 8px 0 0
}

.price__cost-block_mobile {
    display: none
}

.price__cost-block {
    flex-basis: 50%;
    max-width: 50%
}

.details__price-error {
    color: var(--text-secondary);
    font-size: 12px;
    line-height: 1;
    margin: 5px 0 0
}

.details__price-error,.price__cost-name {
    font-family: var(--furore);
    letter-spacing: -.01em
}

.price__cost-name {
    align-items: center;
    background-color: var(--landing-color);
    border: 1px solid var(--landing-color);
    border-radius: 24px;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    justify-content: center;
    line-height: 18.4px;
    margin-bottom: 16px;
    min-height: 54px;
    padding: 15px 20px;
    text-align: center
}

.price__cost-name_secondary {
    background-color: var(--background-primary);
    color: var(--landing-color)
}

.price__btn {
    margin: 0 0 0 -12px;
    max-width: 392px
}

.practice-title_price.outline {
    display: flex;
    font-size: 80px;
    letter-spacing: -.01em;
    margin: 0 0 32px
}

.practice-title_price span {
    -webkit-text-fill-color: var(--landing-color);
    -webkit-text-stroke-width: 1.5px;
    font-size: 40px;
    letter-spacing: .01em;
    padding: 8px 0 0 10px;
    vertical-align: top
}

.details {
    background-color: var(--background-primary);
    border: 1px solid var(--landing-color);
    border-radius: 42px;
    overflow: hidden;
    padding: 100px 0 77px
}

.details__title {
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: var(--background-buttons);
    -webkit-text-fill-color: var(--background-primary);
    font-family: var(--furore);
    font-size: 80px;
    letter-spacing: -.03em;
    line-height: 1.1;
    margin-bottom: 25px
}

.details__text {
    color: var(--text-primary);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 34px
}

.details .owl-stage-outer {
    overflow: visible
}

.details__item {
    border: 1px solid var(--landing-color);
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    height: 221px;
    justify-content: space-between;
    padding: 24px 24px 30px;
    width: 449px
}

.details__item-heading {
    color: #fff;
    font-family: var(--furore);
    font-size: 18px;
    letter-spacing: -.01em;
    line-height: 120%;
    margin: 0
}

.details__item-text {
    color: #fff;
    line-break: 130%;
    margin: 12px 0 14px
}

.details__item-num {
    -webkit-text-fill-color: var(--background-primary);
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: var(--landing-color);
    font-family: var(--furore);
    font-size: 45px;
    letter-spacing: -.01em;
    line-height: 1;
    margin-top: auto
}

.details__item_second {
    width: 358px
}

.details__item_third {
    width: 372px
}

.details__item_fourth {
    width: 390px
}

.details__subitems {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    margin: 24px -117px 0 0
}

.details__subitem {
    border: 1px solid var(--landing-color);
    border-radius: 12px;
    padding: 7px 24px;
    width: 399px
}

.details__subitem-heading {
    color: var(--landing-color);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 23px;
    margin: 0
}

.details .owl-carousel .owl-stage {
    cursor: grab
}

.details .owl-carousel .owl-nav {
    bottom: -56px;
    display: flex;
    gap: 12px;
    left: 0;
    position: absolute
}

.details .owl-carousel .owl-nav button {
    align-items: center;
    display: inline-flex;
    height: 24px;
    justify-content: center;
    transition: opacity .2s ease-in-out;
    width: 24px
}

.details .owl-carousel .owl-nav button svg path {
    transition: fill .2s ease-in-out
}

.details .owl-carousel .owl-nav button.disabled svg path {
    fill: #fff
}

.details .owl-carousel .owl-nav button:hover {
    opacity: .8
}

.footer {
    background: var(--background-primary);
    padding: 0 0 30px
}

.footer-divider {
    height: 8px;
    margin-bottom: 42px;
    position: relative
}

.footer-divider:after {
    background: var(--background-secondary);
    clip-path: polygon(0 0,100% 0,100% 2px,88px 2px,80px 100%,0 100%);
    content: "";
    display: block;
    height: 8px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.footer__title {
    color: var(--additional);
    font-family: var(--furore);
    font-size: 1.625rem;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 30px;
    margin: 9px 0 20px
}

.footer__contact {
    list-style: none;
    margin: 0 0 80px;
    padding: 107px 0 0
}

.footer__contact li {
    margin-bottom: 20px
}

.footer__contact li:last-child {
    margin-bottom: 0
}

.footer__contact a {
    -webkit-text-fill-color: var(--background-primary);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #fff;
    font-family: var(--furore);
    font-size: 60px;
    font-weight: 400;
    letter-spacing: -.03em;
    line-height: 88px;
    position: relative;
    text-decoration: none;
    transition: all .3s ease;
    white-space: nowrap
}

.footer__contact a img {
    margin-left: 11px
}

.footer__contact a:hover {
    -webkit-text-stroke-color: hsla(0,0%,100%,0)
}

.footer__contact a:hover:after {
    opacity: 1
}

.footer__contact a:after {
    -webkit-text-fill-color: #fff;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: .3s ease
}

.telegram-text:after {
    content: "TELEGRAM"
}

.facebook-text:after {
    content: "FACEBOOK"
}

.mail-text:after {
    content: "info@rebrainme.com"
}

.phone-text:after {
    content: "+7 499 116-34-68"
}

.footer__links {
    list-style: none;
    margin: 0 0 17px -16px;
    padding: 0
}

.footer__links li {
    margin-bottom: 3px
}

.footer__links li:last-child {
    margin-bottom: 0
}

.footer__links a {
    color: var(--text-secondary);
    font-size: 1rem;
    font-weight: 400;
    line-height: 21px;
    text-decoration: none;
    transition: .3s ease
}

.footer__links a:hover {
    color: var(--landing-color)
}

.footer__bottom {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    margin: 0
}

.copyright {
    margin: 0 0 211px -16px
}

.copyright,.requisites {
    color: var(--additional);
    font-size: 1rem;
    font-weight: 400;
    line-height: 21px
}

.requisites {
    margin: 0 0 0 -16px
}

.rebrain-modal .input-block {
    margin-bottom: 20px
}

.rebrain-modal .modal-btn {
    margin: 50px 0 30px
}

.modal-btn:disabled {
    cursor: not-allowed;
    opacity: .5
}

.rebrain-modal .modal-btn:disabled.primary .button-text:after {
    width: 0
}

.rebrain-modal .modal-btn:disabled.primary .button-bg {
    left: 0;
    top: 0
}

.rebrain-modal .modal-dialog {
    max-width: 560px
}

.rebrain-modal .modal-content {
    background-color: #101010;
    border: 2px solid #eeedec;
    border-radius: 0
}

.rebrain-modal .modal-header {
    border: 0;
    flex-direction: column;
    padding: 48px 28px 20px
}

.rebrain-modal .modal-title {
    color: #eeedec;
    font-family: Furore,sans-serif;
    font-size: 45px;
    letter-spacing: -.01em;
    line-height: 45px;
    text-align: center
}

.rebrain-modal .modal-subtitle {
    color: #ababab;
    font-size: 25px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 25px;
    margin: 20px 0 0;
    text-align: center
}

.rebrain-modal .btn-close {
    background: url(../images/common/icons/close-icon.svg) no-repeat 50%;
    opacity: 1;
    position: absolute;
    right: 18px;
    top: 18px
}

.rebrain-modal .btn-close:focus {
    box-shadow: none
}

.rebrain-modal .modal-body {
    padding: 20px 28px 32px
}

.rebrain-modal .modal-input-group {
    background: #2b2b2b;
    margin-bottom: 20px
}

.rebrain-modal .modal-input-group label {
    color: #ababab;
    font-family: Furore,sans-serif;
    font-size: 1rem;
    letter-spacing: -.01em;
    line-height: 18px;
    padding: 6px 10px;
    width: 100%
}

.rebrain-modal .modal-input-group .error-message,.rebrain-modal .modal-input-group .error-message+.modal-input {
    color: #ff5757
}

.rebrain-modal .modal-input-group .success-message {
    color: var(--landing-color)
}

.rebrain-modal .modal-input {
    background-color: #101010;
    border: 2px solid #2b2b2b;
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
    line-height: 21px;
    padding: 6px 8px 5px;
    width: 100%
}

.rebrain-modal .modal-input:focus {
    outline: none
}

.rebrain-modal .modal-step {
    left: 18px
}

.rebrain-modal .modal-back,.rebrain-modal .modal-step {
    color: #2b2b2b;
    display: inline-block;
    font-family: Furore,sans-serif;
    font-size: 16px;
    letter-spacing: -.01em;
    line-height: 18px;
    position: absolute;
    top: 18px
}

.rebrain-modal .modal-back {
    cursor: pointer;
    right: 18px;
    transition: color .3s ease
}

.rebrain-modal .modal-back:hover {
    color: var(--landing-color)
}

.rebrain-modal .hide {
    display: none
}

.rebrain-modal .modal-social {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0
}

.rebrain-modal .modal-social li {
    margin: 0 10px;
    max-width: 220px;
    width: 100%
}

.rebrain-modal .modal-social li.single {
    max-width: 250px
}

.rebrain-modal .modal-social li.single a {
    padding: 76px 0
}

.rebrain-modal .modal-social a {
    align-items: center;
    border: 2px solid #ababab;
    color: #ababab;
    cursor: pointer;
    display: inline-flex;
    flex-direction: column;
    font-family: Furore,sans-serif;
    font-size: 26px;
    justify-content: center;
    letter-spacing: -.01em;
    line-height: 30px;
    padding: 58px 0 38px;
    text-align: center;
    text-decoration: none;
    transition: .3s ease;
    width: 100%
}

.rebrain-modal .modal-social a:hover {
    border-color: var(--landing-color);
    color: var(--landing-color)
}

.rebrain-modal .modal-social a:hover .modal-step__icon svg circle.hovered,.rebrain-modal .modal-social a:hover .modal-step__icon svg path.hovered,.rebrain-modal .modal-social a:hover .modal-step__icon svg rect.hovered {
    fill: var(--landing-color)
}

.rebrain-modal .modal-step__icon {
    align-items: center;
    display: inline-flex;
    height: 100px;
    justify-content: center;
    margin-bottom: 20px;
    width: 100px
}

.rebrain-modal .modal-step__icon svg circle.hovered,.rebrain-modal .modal-step__icon svg path.hovered,.rebrain-modal .modal-step__icon svg rect.hovered {
    transition: .3s ease
}

.step-two-modal .modal-header {
    padding: 50px 20px 40px
}

.step-two-modal .modal-title {
    font-size: 24px;
    line-height: 1.2
}

.step-two-modal .modal-body {
    padding-bottom: 113px
}

.rebrain-btn_modal {
    margin-bottom: 24px;
    margin-top: 56px;
    width: 99%
}

.rebrain-btn_modal .rebrain-btn__btn:before {
    content: "далее >>>"
}

.input-block_textarea {
    display: flex;
    flex-direction: column
}

.modal-textarea {
    max-height: 120px;
    min-height: 80px
}

.modal-checkbox input {
    margin: 10px 0 0 20px;
    opacity: 0;
    position: absolute;
    z-index: -1
}

.modal-checkbox .checkbox__text {
    color: #ababab;
    cursor: pointer;
    font-size: 16px;
    line-height: 21px;
    padding: 0 0 0 42px;
    position: relative
}

.modal-checkbox .checkbox__text a {
    color: #ababab
}

.modal-checkbox .checkbox__text a:hover {
    text-decoration: none
}

.modal-checkbox .checkbox__text:before {
    background: url(../../images/common/icons/checkbox-bg.svg) no-repeat 50%;
    content: "";
    height: 32px;
    left: 0;
    position: absolute;
    top: calc(50% - 16px);
    transition: .2s;
    width: 32px
}

.modal-checkbox .checkbox__text:after {
    background: #fff;
    clip-path: polygon(0 0,calc(100% - 5px) 0,100% 5px,100% 100%,0 100%);
    content: "";
    height: 20px;
    left: 6px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 10px);
    transition: .2s;
    width: 20px
}

.modal-checkbox input:checked+.checkbox__text:after {
    opacity: 1
}

.modal-loader {
    align-items: center;
    background-color: #101010;
    display: flex;
    display: none;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 150
}

.modal-loader.visible {
    display: flex
}

.modal-loader__title {
    -webkit-text-fill-color: #101010;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #eeedec;
    font-family: Furore,sans-serif;
    font-size: 100px;
    letter-spacing: -.03em;
    line-height: 100px;
    position: absolute;
    text-align: center
}

.modal-loader__title:after {
    animation: dotsAnim 3s ease infinite;
    content: ".";
    position: absolute
}

@keyframes dotsAnim {
    0% {
        content: "."
    }

    33% {
        content: ".."
    }

    66% {
        content: "..."
    }
}

@media(min-width: 0px)and (max-width:767px) {
    .rebrain-modal .modal-title {
        font-size:25px;
        line-height: 28px
    }

    .price__cost-blocks {
        flex-direction: column
    }

    .rebrain-modal .modal-subtitle {
        font-size: 18px;
        line-height: 21px;
        margin-top: 10px
    }

    .rebrain-modal .modal-header {
        padding: 48px 18px 40px
    }

    .rebrain-modal .modal-body {
        padding: 0 18px 20px
    }

    .rebrain-modal .modal-back,.rebrain-modal .modal-step {
        font-size: 14px;
        line-height: 16px
    }

    .rebrain-modal .modal-social {
        align-items: center;
        flex-direction: column;
        justify-content: center
    }

    .rebrain-modal .modal-social li {
        margin: 0 0 15px
    }

    .rebrain-modal .modal-social a {
        padding: 28px 0
    }

    .rebrain-btn_modal {
        margin-top: 30px
    }

    .modal-checkbox .checkbox__text {
        font-size: 14px
    }

    .modal-loader svg {
        max-width: 250px
    }

    .modal-loader__title {
        font-size: 40px;
        line-height: 50px
    }
}

.cooki {
    animation: animCoo .5s linear;
    background-color: #101010;
    border: 2px solid #eeedec;
    border-bottom: 0;
    bottom: 0;
    padding: 29px 28px 22px;
    position: fixed;
    right: 150px;
    transform: translateY(0);
    width: 560px;
    z-index: 50
}

@keyframes animCoo {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

.cooki__title {
    color: #eeedec;
    font-family: Furore,sans-serif;
    font-size: 45px;
    letter-spacing: -.01em;
    line-height: 45px;
    margin-bottom: 11px
}

.cooki__text {
    color: #ababab;
    font-size: 1rem;
    line-height: 21px;
    margin-bottom: 30px;
    max-width: 480px
}

.cooki__btns {
    display: flex
}

.cooki__yes {
    display: inline-block;
    margin: 0 12px 0 0;
    position: relative
}

.cooki__yes:hover .cooki__yes-bg {
    background-color: var(--landing-color);
    left: 8px;
    top: 8px
}

.cooki__yes-bg {
    left: 0;
    padding: 2px;
    position: absolute;
    top: 0;
    transition: .4s ease
}

.cooki__yes-bg,.cooki__yes-bg:before {
    background-color: #101010;
    clip-path: polygon(0 0,100% 0,100% 25%,calc(100% - 4px) calc(25% + 4px),calc(100% - 4px) calc(75% - 4px),100% 75%,100% 100%,16px 100%,0 calc(100% - 16px));
    height: 100%;
    width: 100%
}

.cooki__yes-bg:before {
    content: "";
    display: block
}

.cooki__yes-btn {
    background-color: #fff;
    border: 0;
    clip-path: polygon(0 0,100% 0,100% 25%,calc(100% - 4px) calc(25% + 4px),calc(100% - 4px) calc(75% - 4px),100% 75%,100% 100%,16px 100%,0 calc(100% - 16px));
    color: #101010;
    cursor: pointer;
    display: flex;
    display: inline-block;
    font-family: Furore,sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.1px;
    line-height: 18px;
    margin: 0;
    padding: 23px 33px 23px 34px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: .4s ease-out;
    width: 242px
}

.cooki__yes-btn:after {
    background: var(--landing-color);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: .4s ease-out;
    width: 0
}

.cooki__yes-btn:before {
    color: #151515;
    content: "ок, согласен!";
    position: relative;
    z-index: 1
}

.cooki__yes-btn:hover:after {
    width: 100%
}

.cooki__yes-btn:focus {
    outline: none
}

.cooki__no {
    display: inline-block;
    margin: 0 12px 0 0;
    position: relative
}

.cooki__no:before {
    background-color: var(--landing-color);
    clip-path: polygon(4px 0,100% 0,100% 25%,calc(100% - 4px) calc(25% + 4px),calc(100% - 4px) calc(75% - 4px),100% 75%,100% 100%,4px 100%,4px 75%,0 calc(75% - 4px),0 calc(25% + 4px),4px 25%);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    top: 0;
    transition: .3s ease;
    width: 100%
}

.cooki__no:hover:before {
    left: 8px;
    top: 8px
}

.cooki__no-bg {
    background-color: #fff;
    border: 0;
    clip-path: polygon(4px 0,100% 0,100% 25%,calc(100% - 4px) calc(25% + 4px),calc(100% - 4px) calc(75% - 4px),100% 75%,100% 100%,4px 100%,4px 75%,0 calc(75% - 4px),0 calc(25% + 4px),4px 25%);
    display: inline-block;
    padding: 2px;
    text-decoration: none
}

.cooki__no-btn {
    background-color: #101010;
    border: 0;
    clip-path: polygon(4px 0,100% 0,100% calc(25% - 1px),calc(100% - 4px) calc(25% + 3px),calc(100% - 4px) calc(75% - 3px),100% calc(75% + 1px),100% 100%,4px 100%,4px 75%,0 calc(75% - 4px),0 calc(25% + 4px),4px 25%);
    color: #fff;
    display: block;
    font-family: Furore,sans-serif;
    font-size: 1rem;
    letter-spacing: -.01em;
    line-height: 18px;
    padding: 21px 34px 21px 36px;
    text-transform: uppercase;
    width: 238px
}

@media(min-width: 0px)and (max-width:767px) {
    .cooki {
        left:0;
        max-width: 100%;
        max-width: 400px;
        padding: 15px
    }

    .cooki__title {
        font-size: 25px;
        line-height: 25px
    }

    .cooki__text {
        font-size: .875rem;
        margin-bottom: 20px
    }

    .cooki__yes-btn {
        font-size: .875rem;
        padding: 13px 13px 13px 14px;
        width: auto
    }

    .cooki__no-btn {
        font-size: .875rem;
        padding: 11px 13px 11px 14px;
        width: auto
    }

    .cooki__no:hover:before {
        left: 0;
        top: 0
    }

    .cooki__yes .cooki__yes-bg {
        display: none
    }

    .cooki__yes:hover .cooki__yes-bg {
        background-color: #101010;
        left: 0;
        top: 0
    }

    .cooki__yes:hover .cooki__yes-btn:after {
        width: 0
    }
}

@media(min-width: 768px)and (max-width:992px) {
    .cooki {
        max-width:100%;
        max-width: 400px;
        padding: 15px;
        right: 50px
    }

    .cooki__title {
        font-size: 25px;
        line-height: 25px
    }

    .cooki__text {
        font-size: .875rem;
        margin-bottom: 20px
    }

    .cooki__yes-btn {
        font-size: .875rem;
        padding: 13px 13px 13px 14px;
        width: auto
    }

    .cooki__no-btn {
        font-size: .875rem;
        padding: 11px 13px 11px 14px;
        width: auto
    }

    .cooki__no:hover:before {
        left: 0;
        top: 0
    }

    .cooki__yes .cooki__yes-bg {
        display: none
    }

    .cooki__yes:hover .cooki__yes-bg {
        background-color: #101010;
        left: 0;
        top: 0
    }

    .cooki__yes:hover .cooki__yes-btn:after {
        width: 0
    }
}

.discount-link .discount-link-bg {
    background: var(--landing-color)
}

.discount-link .discount-link-text span {
    color: var(--landing-color)
}

.discount-link .discount-link-text:after,.discount-link:hover:not(.disabled) .discount-link-text {
    background: var(--landing-color)
}

@media(min-width: 0px)and (max-width:991px) {
    .discount-link {
        display:none
    }
}

@media(min-width: 0px)and (max-width:767px) {
    .header {
        left:0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 10
    }

    .header .navbar-nav {
        display: none
    }

    .account-link {
        display: none;
        font-size: .875rem;
        padding: 4px 9px 6px
    }

    .menu-link {
        display: inline-block
    }

    .menu-link span {
        display: none
    }
}

@media(min-width: 768px)and (max-width:991px) {
    .header {
        left:0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 10
    }

    .header .navbar-nav {
        display: none
    }
}

@media(min-width: 992px)and (max-width:1199px) {
    .header .nav-link {
        font-size:.8125rem;
        line-height: 15px;
        padding: 4px 8.5px 6px
    }

    .header__logo {
        height: 27px;
        padding: 0 12px 2px
    }

    .account-link {
        font-size: .8125rem;
        line-height: 15px
    }
}

@media(min-width: 0px)and (max-width:767px) {
    .greeting {
        padding:100px 0 50px
    }

    .greeting__row {
        gap: 30px;
        grid-template-columns: 1fr
    }

    .greeting__uptitle {
        font-size: 30px;
        margin-bottom: 0;
        margin-top: auto
    }

    .greeting__title {
        align-items: flex-start;
        gap: 6px;
        margin: 0 0 33px;
        max-width: 290px
    }

    .greeting__title .practice-title.outline {
        -webkit-text-stroke-width: 1.5px;
        font-size: 45px;
        line-height: 1.1;
        margin: 3px 0 0;
    }

    .greeting__label {
        font-size: 18px;
        position: static
    }

    .greeting__footer {
        margin: auto 0 0;
        padding: 25px 0 0;
        flex-direction: column;
    }

    .greeting__list {
        gap: 0;
        grid-template-columns: 1fr;
        margin-bottom: 12px;
        max-width: 94%
    }

    .greeting__text-small {
        font-size: 14px;
        line-height: 120%
    }

    .greeting__list li {
        font-size: 12px;
        letter-spacing: 0;
        line-height: 15px;
        margin-bottom: 4px
    }

    .greeting__stack {
        flex-wrap: wrap;
        gap: 8px 10px;
        margin: 0
    }

    .greeting__stack-heading {
        margin: 30px 0 15px
    }

    .greeting__stack-item {
        font-size: 12px;
        padding: 2px 6px 3px
    }

    .greeting__text {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 19.2px;
        max-width: 260px
    }

    .greeting__blocks {
        grid-template-columns: 1fr
    }

    .greeting__block {
        margin: 0;
        max-width: 100%
    }

    .greeting__btn {
        width: 100%
    }

    .practice-title__greeting.second-bg {
        font-size: 58px;
        margin: 0;
        max-width: 440px
    }
}

@media(min-width: 0px)and (max-width:360px) {
    .greeting__uptitle {
        font-size:25px
    }

    .greeting__block-text {
        font-size: .875rem
    }
}

@media(min-width: 768px)and (max-width:991px) {
    .greeting {
        background-image:none;
        padding: 111px 0 30px
    }

    .greeting__row {
        gap: 30px;
        grid-template-columns: 1fr
    }

    .greeting__title {
        align-items: flex-start;
        margin: 0 0 2px;
        max-width: 450px
    }

    .greeting__title .practice-title.outline {
        font-size: 70px
    }

    .greeting__footer {
        margin-bottom: 0;
        padding: 40px 0 0
    }

    .greeting__blocks-heading {
        margin-top: 0
    }

    .greeting__block {
        margin: 0
    }

    .greeting__stack {
        flex-wrap: wrap
    }

    .greeting__stack-item {
        padding: 5px 10px
    }
}

@media(min-width: 992px)and (max-width:1199px) {
    .practice-title_price.outline {
        margin-bottom:0
    }

    .price-wrapper {
        flex-direction: column;
        gap: 32px
    }

    .price-block {
        flex-basis: 100%;
        max-width: 100%
    }

    .greeting {
        padding: 130px 0 50px
    }

    .greeting__row {
        grid-template-columns: 520px 1fr
    }

    .greeting__list {
        gap: 0;
        grid-template-columns: 1fr;
        max-width: 460px
    }

    .greeting__stack {
        flex-wrap: wrap
    }

    .greeting__stack-heading {
        margin: 30px 0 15px
    }

    .greeting__stack-item {
        padding: 3px 20px
    }
}

@media(min-width: 1200px)and (max-width:1320px) {
    .greeting__stack-item {
        padding:8px 13px
    }
}

@media(min-width: 0px)and (max-width:767px) {
    .demand {
        padding:60px 0 50px
    }

    .demand__title {
        -webkit-text-stroke-width: 1px;
        font-size: 26px;
        letter-spacing: 0;
        line-height: 1.3;
        margin-bottom: 30px
    }

    .demand__title br {
        display: none
    }

    .demand__grid {
        display: flex;
        flex-direction: column;
        gap: 15px
    }

    .demand__block {
        border-radius: 12px;
        padding: 15px
    }

    .demand__block-heading {
        font-size: 35px
    }

    .demand__block-text {
        font-size: 16px;
        font-weight: 400;
        line-height: 1.3
    }

    .demand__block-text br {
        display: none
    }

    .demand__block:nth-child(2) {
        padding: 15px
    }

    .demand__block:nth-child(3) {
        height: 215px;
        padding: 15px
    }
}

@media(min-width: 768px)and (max-width:991px) {
    .practice-title_price.outline {
        margin-bottom:0
    }

    .price-wrapper {
        flex-direction: column;
        gap: 32px
    }

    .price-block {
        flex-basis: 100%;
        max-width: 100%
    }

    .demand {
        padding: 110px 0 80px
    }

    .demand__title {
        font-size: 55px;
        letter-spacing: 0
    }

    .demand__grid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 200px 210px
    }

    .demand__block-heading {
        font-size: 60px
    }

    .demand__block-heading_small {
        font-size: 40px
    }

    .demand__block-text {
        font-size: 20px;
        line-height: 1.3
    }

    .demand__block-text_small {
        font-size: 16px
    }
}

@media(min-width: 992px)and (max-width:1199px) {
    .demand {
        padding:110px 0 80px
    }

    .demand__title {
        font-size: 65px
    }

    .demand__grid {
        grid-template-columns: 1fr 1fr
    }

    .demand__block-heading {
        font-size: 80px
    }

    .demand__block-heading_small {
        font-size: 50px
    }
}

@media(min-width: 0px)and (max-width:767px) {
    .practice-title_price.outline {
        margin-bottom:0
    }

    .price-wrapper {
        flex-direction: column;
        gap: 32px
    }

    .price__cost-block {
        display: none
    }

    .price-block,.price__cost-block {
        flex-basis: 100%;
        max-width: 100%
    }

    .price__cost-block_mobile {
        display: block
    }

    .info {
        padding: 61px 0 30px
    }

    .info__whom-heading {
        font-size: 18px
    }

    .info__whom-heading br {
        display: none
    }
}

@media(min-width: 768px)and (max-width:991px) {
    .info {
        padding:61px 0 60px
    }

    .info__title {
        font-size: 35px;
        line-height: 1
    }

    .small-title_info {
        margin: 10px 0
    }
}

@media(min-width: 992px)and (max-width:1199px) {
    .info {
        padding:61px 0 60px
    }

    .info__whom-heading {
        font-size: 26px;
        max-width: 800px
    }

    .info__whom-heading br {
        display: none
    }
}

@media(min-width: 0px)and (max-width:767px) {
    .why-we {
        padding:50px 0 40px
    }

    .why-we__text {
        font-size: 16px;
        margin-bottom: 30px
    }

    .why-we__title {
        -webkit-text-stroke-width: 1.2px;
        font-size: 35px;
        letter-spacing: 0;
        margin-bottom: 35px;
        padding-left: 0;
        text-align: left
    }

    .why-we__container {
        grid-template-columns: 1fr;
        margin-bottom: 50px;
        padding: 0
    }

    .why-we__block-title {
        font-size: 18px;
        letter-spacing: -.3px;
        line-height: 1.17;
        margin-bottom: 9px;
        min-height: auto
    }

    .why-we__block-text br,.why-we__block-title br {
        display: none
    }

    .why-we__btn {
        margin-left: 0
    }
}

@media(min-width: 768px)and (max-width:991px) {
    .why-we {
        padding:50px 0 70px
    }

    .why-we__title {
        font-size: 50px;
        padding-left: 0
    }

    .why-we__text {
        font-size: 20px
    }

    .why-we__container {
        grid-template-columns: 1fr 1fr;
        padding: 0
    }

    .why-we__block-title {
        font-size: 35px;
        line-height: 1;
        min-height: 70px
    }

    .why-we__block-text {
        font-size: 14px;
        line-height: 1.3
    }

    .why-we__btn {
        margin-left: 0
    }

    .big-title_why-we {
        margin-bottom: 40px
    }
}

@media(min-width: 992px)and (max-width:1199px) {
    .why-we__title {
        font-size:65px;
        padding: 0
    }
}

@media(min-width: 1199px)and (max-width:1250px) {
    .why-we__title {
        padding:0
    }
}

@media(min-width: 0px)and (max-width:767px) {
    .program {
        padding:70px 0 80px
    }

    .program__title {
        font-size: 40px;
        margin: 0 0 30px
    }

    .program__title span.program__title-outline {
        font-size: 40px;
        letter-spacing: 0;
        padding: 0
    }

    .program-item,.program__btn {
        margin-left: 0
    }

    .program-button span {
        font-size: 14px;
        padding: 23px 31px
    }

    .program-body {
        padding: 0 16px 1px
    }

    .program__info {
        flex-direction: column;
        max-width: 300px;
        padding: 15px
    }

    .program__info-text {
        margin: 0 0 20px
    }

    .program__info-text br {
        display: none
    }

    .program__info-img {
        margin-left: 0;
        max-width: 150px;
        min-width: 150px
    }
}

@media(min-width: 768px)and (max-width:991px) {
    .program {
        padding:100px 0
    }

    .program__title {
        font-size: 50px;
        margin-bottom: 40px;
        margin-left: 0
    }

    .program__title span.program__title-outline {
        font-size: 55px;
        letter-spacing: 0
    }

    .program-item,.program__btn {
        margin-left: 0
    }

    .program__info-text {
        font-size: 14px;
        line-height: 1.2
    }

    .program__info-text br {
        display: none
    }
}

@media(min-width: 992px)and (max-width:1199px) {
    .program__title {
        font-size:60px;
        margin-left: 0
    }

    .program__title span.program__title-outline {
        font-size: 70px
    }

    .program-item,.program__btn {
        margin-left: 0
    }
}

@media(min-width: 0px)and (max-width:767px) {
    .community {
        background-position:center calc(100% + 33px);
        background-size: 300px;
        padding: 100px 0 320px
    }

    .community__title {
        -webkit-text-stroke-width: 1.5px;
        font-size: 35px;
        letter-spacing: .01em
    }

    .community__subtitle {
        font-size: 18px
    }

    .community__text {
        font-size: 14px;
        margin-bottom: 30px
    }

    .community__text br {
        display: none
    }

    .community__link {
        border-radius: 18px;
        font-size: 13px;
        padding: 15px
    }
}

@media(min-width: 768px)and (max-width:991px) {
    .community {
        background-position:calc(50% + 278px) calc(100% + 33px);
        background-size: 300px;
        padding: 150px 0 60px
    }

    .community__title {
        font-size: 60px;
        letter-spacing: 0
    }

    .community__subtitle {
        font-size: 18px
    }

    .community__text {
        font-size: 14px
    }
}

@media(min-width: 992px)and (max-width:1199px) {
    .community {
        background-position:calc(50% + 318px) calc(100% + 49px);
        background-size: 500px;
        padding: 200px 0 100px
    }

    .community__title {
        font-size: 60px;
        letter-spacing: 0
    }
}

@media(min-width: 1200px)and (max-width:1355px) {
    .community {
        background-position:calc(50% + 396px) calc(100% + 70px);
        background-size: 570px
    }
}

@media(min-width: 0px)and (max-width:767px) {
    .price {
        padding:130px 0 100px
    }

    .price__uptitle {
        font-size: 30px;
        margin-bottom: 0;
        margin-top: auto
    }

    .price__cost,.price__cost-discount {
        margin-left: 0
    }

    .price__btn {
        margin: 50px 0 0
    }

    .practice-title_price.outline {
        -webkit-text-stroke-width: 1.5px;
        font-size: 45px;
        line-height: 1.1;
        margin: 3px 0 0
    }

    .practice-title_price.outline span {
        font-size: 30px;
        padding: 6px 0 0 8px
    }
}

@media(min-width: 0px)and (max-width:360px) {
    .price__uptitle {
        font-size:25px
    }

    .price__subtitle {
        font-size: 16px
    }

    .price__list {
        font-size: 14px
    }
}

@media(min-width: 768px)and (max-width:991px) {
    .price {
        padding:120px 0
    }

    .price__btn,.price__cost,.price__cost-discount {
        margin-left: 0
    }
}

@media(min-width: 0px)and (max-width:767px) {
    .details,.requirements {
        padding:70px 0
    }

    .details__title {
        -webkit-text-stroke-width: 1.5px;
        font-size: 35px;
        letter-spacing: .01em
    }

    .details__text {
        font-size: 14px
    }

    .details__text br {
        display: none
    }

    .details__subitems {
        flex-direction: column;
        margin: 24px -70px 0 auto;
        width: 300px
    }

    .details__subitem {
        padding: 7px 15px;
        width: 100%
    }

    .details__subitem-heading {
        font-size: 13px
    }

    .details__item {
        height: 150px;
        padding: 18px 28px 20px 18px;
        width: 280px
    }

    .details__item-heading {
        font-size: 18px
    }

    .details__item-num {
        font-size: 30px
    }
}

@media(min-width: 768px)and (max-width:991px) {
    .details__title {
        font-size:50px;
        letter-spacing: 0
    }

    .details__text br {
        display: none
    }

    .details__subitems {
        margin-right: -70px
    }

    .details__subitem {
        width: 330px
    }
}

@media(min-width: 992px)and (max-width:1199px) {
    .details__title {
        font-size:60px;
        letter-spacing: 0
    }

    .details__text br {
        display: none
    }

    .details__subitems {
        margin-right: -200px
    }
}

@media(min-width: 0px)and (max-width:767px) {
    .footer {
        padding:0 0 40px
    }

    .footer-divider {
        margin-bottom: 40px
    }

    .footer__title {
        font-size: 1.125rem;
        line-height: 21px;
        margin: 0 0 20px
    }

    .footer__contact {
        margin-bottom: 34px
    }

    .footer__contact li {
        margin-bottom: 2px
    }

    .footer__contact a {
        -webkit-text-stroke-width: 1px;
        font-size: 30px;
        letter-spacing: 0;
        line-height: 30px
    }

    .footer__contact a:after {
        bottom: 0;
        top: auto
    }

    .footer__contact a img {
        margin-left: 6px;
        max-width: 25px
    }

    .footer__contact {
        padding-top: 0
    }

    .footer__links {
        margin: 0 0 28px
    }

    .footer__links li {
        margin-bottom: 5px
    }

    .copyright {
        margin: 0 0 30px
    }

    .requisites {
        margin: 0 0 50px
    }
}

@media(min-width: 0px)and (max-width:430px) {
    .footer__contact a {
        -webkit-text-stroke-width:.7px;
        font-size: 25px;
        letter-spacing: .2px;
        line-height: 25px
    }
}

@media(min-width: 0px)and (max-width:360px) {
    .footer__contact a {
        font-size:22px;
        line-height: 1
    }
}

@media(min-width: 768px)and (max-width:991px) {
    .footer {
        padding:0 0 40px
    }

    .footer-divider {
        margin-bottom: 40px
    }

    .footer__contact {
        padding-top: 0
    }

    .footer__title {
        font-size: 1.125rem;
        line-height: 21px;
        margin: 0 0 20px
    }

    .footer__contact {
        margin-bottom: 34px
    }

    .footer__contact li {
        margin-bottom: 2px
    }

    .footer__contact a {
        -webkit-text-stroke-width: 1px;
        font-size: 30px;
        letter-spacing: 0;
        line-height: 30px
    }

    .footer__contact a:after {
        bottom: 0;
        top: auto
    }

    .footer__contact img {
        max-width: 30px
    }

    .footer__links {
        margin: 0 0 28px
    }

    .footer__links li {
        margin-bottom: 5px
    }

    .copyright {
        margin: 0 0 30px
    }

    .requisites {
        margin: 0 0 50px
    }
}

@media(min-width: 992px)and (max-width:1199px) {
    .footer__contact a {
        -webkit-text-stroke-width:1px;
        font-size: 34px;
        line-height: 34px
    }

    .footer__contact img {
        max-width: 35px
    }

    .copyright {
        margin-bottom: 50px
    }
}

@media(min-width: 1200px)and (max-width:1400px) {
    .footer__contact a {
        -webkit-text-stroke-width:1px;
        font-size: 45px;
        line-height: 45px
    }

    .footer__contact a:after {
        bottom: 0;
        top: auto
    }

    .footer__contact a img {
        max-width: 40px
    }

    .copyright {
        margin-bottom: 50px
    }
}

.tmplt-why-we {
    padding: 42px 0
}

.tmplt-why-we__title.outline {
    margin-bottom: 42px
}

.tmplt-why-we__items {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(4,1fr)
}

.tmplt-why-we__item-title {
    color: var(--landing-color);
    font-size: 16px;
    letter-spacing: -2%;
    margin: 0 0 12px
}

.tmplt-why-we__item-text {
    font-family: Jost;
    font-size: 16px;
    line-height: 20px
}

.tmplt-why-we__items_first {
    display: flex;
    gap: 27px;
    margin-bottom: 24px;
    padding-right: 25px
}

.tmplt-why-we__items_first .tmplt-why-we__item {
    width: 324px
}

.tmplt-why-we__items_second {
    display: flex;
    gap: 27px;
    justify-content: center;
    margin-bottom: 24px;
    padding-right: 25px
}

.tmplt-why-we__items_second .tmplt-why-we__item {
    width: 324px
}

.tmplt-why-we__items_third {
    display: flex;
    gap: 27px;
    justify-content: end;
    margin-bottom: 64px;
    padding-right: 25px
}

.tmplt-why-we__items_third .tmplt-why-we__item {
    width: 324px
}

.tmplt-why-we__item {
    border: 1px solid #5e5e5e;
    border-radius: 24px;
    color: var(--text-primary);
    display: flex;
    flex-flow: column;
    font-family: var(--furore);
    font-size: 16px;
    letter-spacing: -.01em;
    line-height: 18.4px;
    min-height: 161px;
    padding: 24px
}

.tmplt-why-we__item_primary {
    background-color: var(--landing-color);
    border-color: var(--landing-color);
    color: var(--background-primary)
}

.tmplt-why-we__item_jost {
    font-family: var(--jost)
}

.tmplt-why-we__item_large {
    min-width: 450px
}

.tmplt-why-we__suitable-title {
    color: var(--landing-color);
    font-family: var(--furore);
    font-size: 16px;
    letter-spacing: -.01em;
    line-height: 18.4px;
    margin-bottom: 23px
}

.tmplt-why-we__suitable-text {
    color: var(--background-buttons);
    font-family: var(--furore);
    font-size: 38px;
    letter-spacing: -.01em;
    line-height: 1;
    margin: 0
}

.tmplt-why-we__suitable-text_small {
    font-size: 26px
}

@media(min-width: 0px)and (max-width:767px) {
    .tmplt-why-we {
        padding:40px 0 70px
    }

    .tmplt-why-we__title.outline {
        -webkit-text-stroke-width: 1.5px;
        font-size: 50px;
        letter-spacing: 0;
        line-height: 1.1
    }

    .tmplt-why-we__items {
        gap: 20px;
        grid-template-columns: 1fr;
        margin-bottom: 50px;
        padding: 0
    }

    .tmplt-why-we__items_first,.tmplt-why-we__items_second,.tmplt-why-we__items_third {
        flex-direction: column;
        margin-bottom: 20px
    }

    .tmplt-why-we__items_first .tmplt-why-we__item,.tmplt-why-we__items_second .tmplt-why-we__item,.tmplt-why-we__items_third .tmplt-why-we__item {
        width: 100%
    }

    .tmplt-why-we__items_third {
        margin-bottom: 50px
    }

    .tmplt-why-we__item {
        font-size: 14px;
        padding: 18px 18px 17px;
        width: 100%
    }

    .tmplt-why-we__item_large {
        min-width: 100%
    }

    .tmplt-why-we__suitable-text {
        font-size: 18px
    }

    .tmplt-why-we__suitable-text br {
        display: none
    }

    .tmplt-why-we__suitable-text_small {
        font-size: 16px
    }
}

@media(min-width: 768px)and (max-width:991px) {
    .tmplt-why-we {
        padding:70px 0
    }

    .tmplt-why-we__items {
        gap: 20px
    }

    .tmplt-why-we__item {
        font-size: 14px;
        padding: 18px 18px 17px
    }

    .tmplt-why-we__item_large {
        min-width: 260px
    }

    .tmplt-why-we__suitable-text {
        font-size: 30px
    }

    .tmplt-why-we__suitable-text br {
        display: none
    }

    .tmplt-why-we__suitable-text_small {
        font-size: 24px
    }
}

@media(min-width: 992px)and (max-width:1199px) {
    .tmplt-why-we__items {
        gap:20px
    }

    .tmplt-why-we__item {
        font-size: 14px;
        padding: 18px 18px 17px
    }

    .tmplt-why-we__suitable-text {
        font-size: 30px
    }

    .tmplt-why-we__suitable-text br {
        display: none
    }

    .tmplt-why-we__suitable-text_small {
        font-size: 24px
    }
}

@media(min-width: 1200px)and (max-width:1400px) {
    .tmplt-why-we__item {
        font-size:15px;
        padding: 18px 18px 17px
    }

    .tmplt-why-we__suitable-text {
        font-size: 30px
    }

    .tmplt-why-we__suitable-text br {
        display: none
    }

    .tmplt-why-we__suitable-text_small {
        font-size: 24px
    }
}

.tmplt-demand {
    padding: 100px 0 120px
}

.tmplt-demand__title.outline {
    margin-bottom: 40px
}

.tmplt-demand__grid {
    display: grid;
    gap: 24px;
    grid-template-areas: "first second" "first third";
    grid-template-columns: 1fr 498px;
    grid-template-rows: minmax(266px,auto) minmax(243px,auto);
    max-width: 1275px
}

.tmplt-demand__block {
    border: 1px solid var(--landing-color);
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 31px 31px 36px
}

.tmplt-demand__block-heading {
    color: var(--landing-color);
    font-family: var(--furore);
    font-size: 70px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 30px
}

.tmplt-demand__block-heading_small {
    font-size: 50px;
    letter-spacing: -.03em;
    line-height: 1.1
}

.tmplt-demand__block-text {
    color: var(--text-primary);
    font-size: 25px;
    font-weight: 500;
    line-height: 30px;
    margin: 0
}

.tmplt-demand__block-text_small {
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    max-width: 400px
}

.tmplt-demand__block:first-child {
    grid-area: first
}

.tmplt-demand__block:nth-child(2) {
    grid-area: second;
    padding: 24px 23px 25px
}

.tmplt-demand__block:nth-child(3) {
    grid-area: third;
    padding: 15px 23px
}

@media(min-width: 0px)and (max-width:767px) {
    .tmplt-demand {
        padding:70px 0
    }

    .tmplt-demand__title.outline {
        -webkit-text-stroke-width: 1px;
        font-size: 26px;
        letter-spacing: 0;
        line-height: 1.3;
        margin-bottom: 30px
    }

    .tmplt-demand__title br {
        display: none
    }

    .tmplt-demand__grid {
        display: flex;
        flex-direction: column;
        gap: 15px
    }

    .tmplt-demand__block {
        border-radius: 12px;
        padding: 15px
    }

    .tmplt-demand__block-heading {
        font-size: 28px
    }

    .tmplt-demand__block-text {
        font-size: 16px;
        font-weight: 400;
        line-height: 1.3
    }

    .tmplt-demand__block:nth-child(2),.tmplt-demand__block:nth-child(3) {
        padding: 15px
    }
}

@media(min-width: 768px)and (max-width:991px) {
    .tmplt-demand__title.outline {
        font-size:55px;
        letter-spacing: 0
    }

    .tmplt-demand__grid {
        grid-template-columns: 1fr 1fr
    }

    .tmplt-demand__block-heading {
        font-size: 40px
    }

    .tmplt-demand__block-heading_small {
        font-size: 30px
    }

    .tmplt-demand__block-text {
        font-size: 20px;
        line-height: 1.3
    }

    .tmplt-demand__block-text_small {
        font-size: 16px
    }
}

@media(min-width: 992px)and (max-width:1199px) {
    .tmplt-demand__title.outline {
        font-size:65px
    }

    .tmplt-demand__grid {
        grid-template-columns: 1fr 450px
    }

    .tmplt-demand__block-heading {
        font-size: 40px
    }

    .tmplt-demand__block-heading_small {
        font-size: 35px
    }
}

.requirements {
    padding: 100px 0
}

.requirements-card {
    border: 1px solid #fff;
    border-radius: 12px;
    color: #fff;
    font-size: 16px;
    padding: 8px 24px
}

.requirements .owl-carousel .owl-stage {
    cursor: grab
}

.requirements .owl-carousel .owl-nav {
    bottom: -56px;
    display: flex;
    gap: 12px;
    left: 0;
    position: absolute
}

.requirements .owl-carousel .owl-nav button {
    align-items: center;
    display: inline-flex;
    height: 24px;
    justify-content: center;
    transition: opacity .2s ease-in-out;
    width: 24px
}

.requirements .owl-carousel .owl-nav button svg path {
    transition: fill .2s ease-in-out
}

.requirements .owl-carousel .owl-nav button.disabled svg path {
    fill: #fff
}

.requirements .owl-carousel .owl-nav button:hover {
    opacity: .8
}

.requirements .owl-stage-outer {
    overflow: visible
}

.tmplt-mentors {
    border: 1px solid var(--landing-color);
    border-radius: 42px;
    padding: 100px 0
}

.tmplt-mentors__title.outline {
    font-size: 100px;
    line-height: 1;
    margin-bottom: 16px
}

.tmplt-mentors__text {
    color: var(--text-primary);
    font-size: 16px;
    line-height: 21px;
    margin: 0 0 24px;
    max-width: 400px
}

.tmplt-mentors__text_no-margin {
    margin-bottom: 0
}

.tmplt-mentors__info {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.tmplt-mentors__items {
    gap: 24px
}

.tmplt-mentors__items,.tmplt-mentors__slider {
    display: flex;
    flex-direction: column;
    margin-left: 87px;
    max-width: 600px
}

.tmplt-mentors__slider {
    height: 100%;
    justify-content: center;
    position: relative
}

.tmplt-mentors__slider:before {
    border: 1px solid var(--landing-color);
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    border-top: 0;
    top: -100px
}

.tmplt-mentors__slider:after,.tmplt-mentors__slider:before {
    content: "";
    display: block;
    height: 88px;
    left: 0;
    position: absolute;
    width: 100%
}

.tmplt-mentors__slider:after {
    border: 1px solid var(--landing-color);
    border-bottom: 0;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    bottom: -100px
}

.tmplt-mentors__slider .slider-arrow {
    background: transparent;
    border: 0;
    position: absolute;
    right: -45px;
    top: 9px
}

.tmplt-mentors__slider .slider-arrow.next {
    top: 45px
}

.tmplt-mentors__slider .slider-arrow svg path {
    transition: fill .2s ease-in-out
}

.tmplt-mentors__slider .slider-arrow.slick-disabled svg path {
    fill: #fff
}

.tmplt-mentors__item {
    border: 1px solid var(--text-primary);
    border-radius: 24px;
    display: grid;
    gap: 12px;
    grid-template-columns: 83px 1fr;
    padding: 23px 24px
}

.tmplt-mentors__item-img {
    height: 83px;
    width: 83px
}

.tmplt-mentors__item-img img {
    height: 100%;
    width: 100%
}

.tmplt-mentors__item-name {
    color: var(--landing-color);
    margin-bottom: 11px
}

.tmplt-mentors__item-list,.tmplt-mentors__item-name {
    font-family: var(--furore);
    font-size: 16px;
    letter-spacing: -.01em;
    line-height: 18.5px
}

.tmplt-mentors__item-list {
    color: var(--text-primary);
    list-style: none;
    margin: 0;
    padding: 0
}

.tmplt-mentors__item-list li {
    margin-bottom: 8px
}

.tmplt-mentors__item-list li:last-child {
    margin-bottom: 0
}

.tmplt-example {
    padding: 100px 0
}

.tmplt-example__accordion .accordion-item {
    background: transparent;
    border: 0;
    margin: 26px 0 0;
    position: relative
}

.tmplt-example__accordion .accordion-item .accordion-button {
    border-radius: 0
}

.tmplt-example__accordion .accordion-item:first-child {
    margin-top: 0
}

.tmplt-example__accordion .accordion-header {
    padding-top: 41px;
    position: relative
}

.tmplt-example__accordion .accordion-header:before {
    background: var(--background-secondary);
    clip-path: polygon(0 0,100% 0,100% 2px,88px 2px,80px 100%,0 100%);
    content: "";
    display: block;
    height: 8px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.tmplt-example__accordion .accordion-button {
    background: transparent;
    color: var(--text-primary);
    font-family: var(--furore);
    font-size: 1.625rem;
    letter-spacing: -.2px;
    line-height: 30px;
    opacity: .3;
    padding: 0 100px 20px 0
}

.tmplt-example__accordion .accordion-button span {
    align-self: start;
    color: var(--landing-color);
    font-size: .75rem;
    line-height: 14px;
    margin-right: 15px;
    padding-top: 2px
}

.tmplt-example__accordion .accordion-button div {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

.tmplt-example__accordion .accordion-button__label {
    background-color: var(--landing-color);
    border-radius: 4px;
    color: var(--background-primary);
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    height: 0;
    letter-spacing: -.01em;
    line-height: 18.4px;
    opacity: 0;
    padding: 1px 8px 2px;
    transition: opacity .2s ease,height .2s ease;
    white-space: nowrap
}

.tmplt-example__accordion .accordion-button:after {
    background: transparent;
    color: var(--text-secondary);
    content: ">>>";
    font-size: 1rem;
    line-height: 18px;
    position: absolute;
    right: 30px;
    top: 2px;
    transition: all .3s ease;
    width: auto;
    z-index: 2
}

.tmplt-example__accordion .accordion-button:focus {
    box-shadow: none
}

.tmplt-example__accordion .accordion-button:not(.collapsed) {
    box-shadow: none;
    opacity: 1
}

.tmplt-example__accordion .accordion-button:not(.collapsed) .accordion-button__label {
    height: 25px;
    margin-top: 8px;
    opacity: 1
}

.tmplt-example__accordion .accordion-button_disabled {
    cursor: auto
}

.tmplt-example__accordion .accordion-button_disabled:after {
    display: none
}

.tmplt-example__accordion .accordion-body {
    padding: 42px 0 24px 30px
}

.tmplt-example__accordion .accordion-body p {
    color: #fff;
    max-width: 75%
}

.tmplt-example__accordion .accordion-subtitle {
    color: var(--text-primary);
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 8px
}

.tmplt-example__accordion .accordion-subtitle span {
    color: var(--secondary-color)
}

.code__fragment {
    font-family: Jost
}

.code__fragment,.list-dots {
    color: var(--text-secondary)
}

@media(min-width: 0px)and (max-width:767px) {
    .tmplt-mentors {
        border-radius:25px;
        padding: 50px 0
    }

    .tmplt-mentors__items {
        margin: 40px 0 0
    }

    .tmplt-mentors__slider {
        margin: 50px 0 0
    }

    .tmplt-mentors__slider:after,.tmplt-mentors__slider:before {
        display: none
    }

    .tmplt-mentors__slider .slider-arrow {
        right: 40px;
        top: -35px
    }

    .tmplt-mentors__slider .slider-arrow.next {
        right: 0;
        top: -35px
    }

    .tmplt-mentors__item {
        padding: 18px
    }

    .tmplt-mentors__item-list,.tmplt-mentors__item-name {
        font-size: 14px;
        line-height: 1.3
    }

    .tmplt-mentors__title.outline {
        -webkit-text-stroke-width: 1.5px;
        font-size: 50px;
        letter-spacing: .01em
    }
}

@media(min-width: 768px)and (max-width:991px) {
    .tmplt-mentors {
        padding:70px 0
    }

    .tmplt-mentors__items,.tmplt-mentors__slider {
        margin: 40px 0 0
    }

    .tmplt-mentors__slider:after,.tmplt-mentors__slider:before {
        display: none
    }

    .tmplt-mentors__title.outline {
        font-size: 80px
    }
}

@media(min-width: 992px)and (max-width:1199px) {
    .tmplt-mentors__items {
        margin-left:0
    }

    .tmplt-mentors__slider {
        margin-left: 0;
        margin-right: 30px
    }

    .tmplt-mentors__title.outline {
        font-size: 80px
    }
}

@media(min-width: 1200px)and (max-width:1400px) {
    .tmplt-mentors__title.outline {
        font-size:80px
    }
}

@media(min-width: 0px)and (max-width:767px) {
    .tmplt-example {
        padding:40px 0 35px
    }

    .tmplt-example__accordion .accordion-item {
        margin: 0 0 2px
    }

    .tmplt-example__accordion .accordion-header {
        padding-top: 19px
    }

    .tmplt-example__accordion .accordion-button {
        font-size: 14px;
        line-height: 1.3;
        padding: 0 30px 15px 28px;
        position: relative
    }

    .tmplt-example__accordion .accordion-button:after {
        font-size: 13px;
        line-height: 15px;
        right: 5px;
        top: -1px
    }

    .tmplt-example__accordion .accordion-button span {
        left: 0;
        padding-top: 0;
        position: absolute
    }

    .tmplt-example__accordion .accordion-body {
        padding: 8px 0 30px
    }
}

@media(min-width: 992px)and (max-width:1199px) {
    .tmplt-example__accordion .accordion-button {
        font-size:22px;
        line-height: 1.3
    }
}

.line-title {
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: var(--background-buttons);
    -webkit-text-fill-color: var(--background-primary);
    font-family: var(--furore);
    font-size: 80px;
    letter-spacing: -.03em;
    line-height: 1.1;
    margin-bottom: 42px
}

.line-title-center {
    text-align: center
}

.tech {
    padding: 100px 0
}

.tech__block {
    display: flex;
    flex-wrap: wrap
}

.tech__item {
    border: 1px solid #ff6b57;
    border-radius: 24px;
    color: #fff;
    margin-bottom: 17px;
    padding: 24px
}

.tech__item:last-child {
    margin-bottom: 0
}

.tech__item-first {
    display: flex;
    flex-flow: column;
    margin-bottom: 0;
    margin-right: 24px;
    padding: 32px 32px 40px;
    width: 753px
}

.tech__column {
    width: calc(100% - 777px)
}

.tech__title {
    color: #ff6b57;
    font-family: Furore;
    font-size: 100px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    margin: 0 0 6px
}

.tech__title-two {
    font-size: 80px;
    margin: 0 0 44px
}

.tech__subtitle {
    color: #eeedec;
    font-size: 25px;
    font-weight: 400;
    line-height: 120%;
    margin: 0 0 96px
}

.tech__text a {
    border-bottom: 1px solid #fff;
    color: #fff;
    text-decoration: none
}

.tech__text-big {
    font-size: 25px;
    line-height: 120%;
    margin-top: auto
}

.tech__text-two {
    margin-bottom: 40px
}

.workshop {
    padding: 100px 0
}

.workshop__block {
    display: flex;
    flex-wrap: wrap
}

.workshop__blocks {
    display: flex;
    flex-flow: column;
    margin-left: auto;
    max-width: 100%;
    width: 538px
}

.workshop__line {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 16px
}

.workshop__line:last-child {
    margin-bottom: 0
}

.workshop__item {
    border: 1px solid var(--landing-color);
    border-radius: 16px;
    color: #fff;
    font-size: 16px;
    line-height: 130%;
    margin-right: 16px;
    padding: 24px 21px;
    width: calc(50% - 8px)
}

.workshop__item:nth-child(2n) {
    margin-right: 0
}

.workshop__item-icon {
    align-items: center;
    background: var(--landing-color);
    box-shadow: 1px 1px 16px rgba(87,144,255,.5);
    display: flex;
    justify-content: center;
    padding-bottom: 21px;
    padding-top: 21px;
    width: 90px
}

.workshop__item-color {
    background: var(--landing-color);
    padding: 0 1px
}

.workshop__line-full {
    width: 100%
}

.workshop__item-text {
    background: #101010;
    border-radius: 16px;
    margin-top: auto;
    padding: 19px 21px;
    width: 100%
}

.workshop__item-title {
    color: #101010;
    line-height: 130%;
    padding: 16px 20px 11px
}

.workshop__item-full {
    margin-right: 0;
    text-align: center;
    width: 100%
}

.workshop__item-middle {
    width: calc(100% - 106px)
}

.form {
    border: 1px solid #fff;
    border-radius: 42px;
    color: #fff;
    padding: 100px 0
}

.form__title {
    font-family: Furore;
    font-size: 26px;
    margin: 0 0 24px
}

.form__text {
    color: #ababab;
    max-width: 100%;
    width: 330px
}

.form__block {
    display: flex;
    flex-wrap: wrap
}

.form__right {
    margin-left: auto;
    max-width: 100%;
    width: 533px
}

.faq {
    padding: 92px 0 72px
}

.faq__big-title {
    margin-bottom: 98px
}

.rebrain-accordion .accordion-item {
    background: transparent;
    border: 0;
    margin-bottom: 20px;
    position: relative
}

.rebrain-accordion .accordion-item .accordion-button {
    border-radius: 0
}

.rebrain-accordion .accordion-button {
    background: transparent;
    border: 2px solid #2b2b2b;
    color: #eeedec;
    font-family: Furore,sans-serif;
    font-size: 1rem;
    letter-spacing: -.2px;
    line-height: 18px;
    padding: 20px 90px 22px 27px;
    transition: all .3s ease;
    z-index: 2
}

.rebrain-accordion .accordion-button br {
    display: none
}

.rebrain-accordion .accordion-button span {
    position: relative;
    z-index: 2
}

.rebrain-accordion .accordion-button:after {
    background: transparent;
    color: var(--landing-color);
    content: ">>>";
    font-size: 1rem;
    line-height: 18px;
    position: absolute;
    right: 30px;
    top: 20px;
    top: calc(50% - 10px);
    transition: all .3s ease;
    width: 29px;
    z-index: 2
}

.rebrain-accordion .accordion-button:before {
    background: var(--landing-color);
    content: "";
    display: block;
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    top: -2px;
    transition: .4s ease-out;
    width: 0
}

.rebrain-accordion .accordion-button:focus {
    box-shadow: none
}

.rebrain-accordion .accordion-button:hover:not(.accordion-button_disabled) {
    border-color: transparent;
    color: #101010
}

.rebrain-accordion .accordion-button:hover:not(.accordion-button_disabled):before {
    width: calc(100% + 4px)
}

.rebrain-accordion .accordion-button:hover:not(.accordion-button_disabled):after {
    color: #101010
}

.rebrain-accordion .accordion-button:not(.collapsed) {
    border-color: transparent;
    color: #101010
}

.rebrain-accordion .accordion-button:not(.collapsed):before {
    width: calc(100% + 4px)
}

.rebrain-accordion .accordion-button:not(.collapsed):after {
    color: #101010
}

.rebrain-accordion .accordion-button_disabled {
    cursor: auto
}

.rebrain-accordion .accordion-button_disabled:after {
    display: none
}

.rebrain-accordion .accordion-body {
    border: 2px solid #2b2b2b;
    color: var(--text-secondary);
    padding: 28px 27px
}

.rebrain-accordion .accordion-body>:last-child {
    margin-bottom: 0
}

.rebrain-accordion .accordion-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.rebrain-accordion .accordion-list li {
    color: #ababab;
    font-size: 1rem;
    line-height: 21px;
    margin-bottom: 8px;
    padding-left: 24px;
    position: relative
}

.rebrain-accordion .accordion-list li:before {
    background: url(../../images/haproxy/icons/advantage-list-icon.svg) no-repeat 50%/contain;
    content: "";
    display: inline-block;
    height: 21px;
    left: 0;
    position: absolute;
    top: 0;
    width: 16px
}

.rebrain-accordion .accordion-list li:last-child {
    margin-bottom: 0
}

.rebrain-accordion .accordion-text {
    color: #ababab;
    font-size: 1rem;
    font-weight: 400;
    line-height: 21px
}

.input-block-two {
    margin-bottom: 24px
}

.input-block-three {
    z-index: 6
}

.checkbox__text-nocheck:after,.checkbox__text-nocheck:before {
    display: none
}

.why {
    background: #fff;
    border-radius: 42px;
    padding: 100px 0
}

.why__title {
    font-family: Furore;
    font-size: 26px;
    margin: 0 0 64px;
    text-align: center
}

.why__blocks {
    display: flex;
    flex-wrap: wrap;
    padding: 0 126px
}

.why__item {
    border: 1px solid #000;
    border-radius: 24px;
    margin-right: 32px;
    padding: 20px;
    width: 320px
}

.why__item:nth-child(2) {
    width: 380px
}

.why__item:nth-child(3n) {
    margin-right: 0
}

.why__block-title {
    font-family: Furore;
    font-size: 28px;
    line-height: 110%;
    margin: 0 0 12px
}

.why__block-text {
    font-size: 16px;
    line-height: 130%
}

.about {
    overflow: hidden;
    padding: 150px 0 124px
}

.owl-nav button:not(.disabled) svg path {
    fill: var(--landing-color)
}

.about__block {
    display: flex;
    flex-wrap: wrap;
    position: relative
}

.about__info {
    max-width: 100%;
    width: 770px
}

.about__title {
    -webkit-text-fill-color: #101010;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: var(--text-primary);
    color: #101010;
    font-family: Furore;
    font-size: 100px;
    font-weight: 400;
    letter-spacing: -.01em;
    margin: 0 0 12px
}

.about__subtitle,.about__title {
    font-style: normal;
    line-height: 120%
}

.about__subtitle {
    color: #eeedec;
    font-family: Jost;
    font-size: 25px;
    font-weight: 500;
    margin: 0 0 32px
}

.about__smalltitle {
    color: #fff;
    font-weight: 600;
    margin: 0 0 12px
}

.list-white li {
    color: #fff
}

.about__image {
    bottom: -174px;
    margin-left: auto;
    position: absolute;
    right: -118px
}

.about__image img {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 5
}

.about__image svg {
    position: relative;
    z-index: 6
}

.advantages {
    background: #fff;
    border-radius: 42px;
    padding: 100px 0
}

.advantages__title {
    font-family: Furore;
    font-size: 26px;
    margin: 0 0 56px;
    text-align: center
}

.advantages__list {
    grid-gap: 40px 72px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: repeat(2,1fr);
    padding: 0 55px
}

.advantages__item {
    display: flex
}

.advantages__num {
    color: var(--landing-color);
    font-size: 64px;
    font-weight: 600;
    line-height: 1;
    margin-right: 10px;
    margin-top: -5px
}

.advantages__info {
    display: flex;
    flex-flow: column;
    line-height: 130%
}

.advantages__info b {
    display: block;
    margin: 0 0 8px
}

.author {
    border: 1px solid var(--landing-color);
    border-radius: 42px;
    padding: 70px 0 108px
}

.author__block {
    display: flex;
    width: 100%
}

.author__title {
    color: #5e5e5e;
    font-family: Furore;
    font-size: 26px
}

.author__info {
    margin-left: 392px
}

.author__profile {
    display: flex;
    flex-flow: column;
    margin-bottom: 32px
}

.author__profile-left {
    display: flex;
    flex-wrap: wrap
}

.author__profile img {
    border-radius: 50%;
    height: 96px;
    width: 96px
}

.author__more {
    display: flex;
    flex-flow: column;
    margin-left: 10px;
    width: calc(100% - 106px)
}

.author__name {
    color: var(--landing-color);
    font-family: Furore;
    font-size: 16px;
    margin: 0 0 12px
}

.author__position {
    color: #ababab;
    font-size: 16px
}

.author__experience {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px
}

.author__experience-item {
    display: flex;
    flex-flow: column;
    margin-right: 32px
}

.author__experience-item b {
    color: #eeedec;
    font-family: Furore;
    font-size: 16px;
    margin: 0 0 4px
}

.author__experience-item span {
    color: #ababab;
    font-family: Furore;
    font-size: 16px
}

.certificate {
    padding: 100px 0
}

.certificate__block {
    display: flex;
    width: 100%
}

.certificate__image {
    border-radius: 18px;
    height: 400px;
    margin-right: 54px;
    overflow: hidden;
    width: 735px
}

.certificate__image img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.certificate__info {
    margin-left: auto
}

.certificate__title {
    color: #fff;
    font-family: Furore;
    font-size: 45px;
    line-height: 100%;
    margin: 0 0 24px
}

.certificate__text {
    color: #ababab;
    max-width: 100%;
    width: 380px
}

@media screen and (max-width: 1340px) {
    .greeting__title .practice-title.outline {
        font-size:66px
    }

    .why__blocks {
        justify-content: center;
        padding: 0
    }

    .about__info {
        width: 550px
    }

    .about__subtitle {
        font-size: 20px
    }
}

@media screen and (max-width: 1199px) {
    .why {
        padding:50px 0
    }

    .why__item {
        margin-right: 50px;
        width: calc(33.33333% - 33.33333px)
    }

    .why__title {
        margin: 0 0 32px
    }

    .greeting {
        padding: 100px 0 50px
    }

    .lines-blocks {
        margin-top: 50px
    }

    .author__info {
        margin-left: auto
    }

    .about__image {
        bottom: -90px;
        right: -150px;
        transform: scale(.8)
    }

    .about__image img {
        max-width: 100%
    }

    .about {
        padding: 150px 0 50px
    }

    .about__info {
        width: 490px
    }

    .about__subtitle {
        font-size: 22px
    }

    .author,.form {
        padding: 50px 0
    }

    .form {
        margin-top: 50px
    }

    .form__left {
        width: 360px
    }

    .how__title-block {
        margin: 0 0 32px;
        width: 100%
    }

    .how__form {
        width: 100%
    }

    .tech__item-first {
        width: 550px
    }

    .tech__column {
        width: calc(100% - 574px)
    }

    .tech__title-two {
        font-size: 60px
    }

    .tech__subtitle {
        margin: 0 0 -40px
    }

    .workshop__title br {
        display: none
    }

    .workshop__blocks {
        width: 100%
    }

    .why-we__container {
        display: flex;
        flex-wrap: wrap;
        width: 100%
    }

    .greeting__row {
        grid-template-columns: 100%
    }

    .greeting__title .practice-title.outline {
        font-size: 54px
    }

    .greeting__title .practice-title.outline img {
        width: 49px
    }

    .why__item {
        margin: 0 0 30px
    }

    .why__item,.why__item:nth-child(2) {
        width: 400px
    }

    .why__blocks {
        align-items: center;
        flex-flow: column
    }

    .advantages__list {
        grid-gap: 30px;
        padding: 0
    }

    .advantages {
        padding: 60px 0
    }

    .certificate__image {
        min-width: 535px
    }

    .certificate__image img {
        max-width: 100%
    }

    .practice-title_price.outline {
        font-size: 60px
    }
}

@media screen and (max-width: 991px) {
    .greeting__col-two,.greeting__stack,.greeting__stack-heading {
        display:none
    }

    .tmplt-why-we {
        padding: 10px 0 60px
    }

    .tmplt-why-we__items {
        grid-template-columns: repeat(2,1fr)
    }

    .tech {
        padding: 50px 0
    }

    .line-title {
        -webkit-text-stroke-width: inherit;
        -webkit-text-stroke-color: inherit;
        -webkit-text-fill-color: inherit;
        color: #fff;
        font-size: 50px;
        line-height: 120%;
        text-align: center
    }

    .tech__item-first {
        margin: 0 0 20px;
        width: 100%
    }

    .tech__text-big {
        margin: 0
    }

    .tech__block {
        flex-flow: column
    }

    .tech__column {
        width: 100%
    }

    .tech__subtitle {
        margin: 0 0 30px
    }

    .tech__title {
        font-size: 60px;
        margin: 0 0 32px!important
    }

    .why-we__block-title {
        min-height: inherit
    }

    .why-we__block {
        margin: 0 0 53px
    }

    .why-we__block-text {
        width: 100%
    }

    .why-we__block:last-child {
        margin: 0
    }

    .why-we__container {
        margin: 0 0 30px
    }

    .why-we__info-text {
        font-size: 16px;
        width: 100%
    }

    .why-we__info {
        width: 100%
    }

    .why-we__info-title {
        font-size: 16p
    }

    .details,.program {
        padding: 50px 0
    }

    .form__left {
        margin: 0 0 32px;
        width: 100%
    }

    .form__right {
        margin: 0;
        width: 100%
    }

    .community,.form,.tmplt-example {
        padding: 50px 0
    }

    .skills {
        padding: 50px 0 34px
    }

    .faq,.price {
        padding: 50px 0
    }

    .faq__big-title {
        margin-bottom: 32px
    }

    .why__blocks {
        flex-flow: column;
        width: 100%
    }

    .why__item {
        margin: 0 0 22px;
        width: 100%
    }

    .why__item:last-child {
        margin: 0
    }

    .about__block {
        align-items: center;
        flex-flow: column;
        justify-content: center
    }

    .about__info {
        margin: 0 0 32px;
        width: 100%
    }

    .about__image {
        bottom: auto;
        left: auto;
        margin: 0;
        position: relative;
        right: auto;
        top: auto;
        transform: none
    }

    .about__image svg {
        display: block;
        height: auto;
        width: 100%
    }

    .author__block {
        flex-flow: column
    }

    .author__info {
        margin: 32px 0 0;
        width: 100%
    }

    .why__item:nth-child(2) {
        width: 100%
    }

    .advantages__list {
        grid-template-columns: repeat(2,1fr)
    }

    .certificate__block {
        flex-wrap: wrap;
        flex-flow: column-reverse
    }

    .certificate__image {
        margin: 0;
        max-width: 100%;
        min-width: 100%
    }

    .certificate__info {
        margin: 0 0 32px;
        width: 100%
    }

    .certificate {
        padding: 60px 0
    }

    .greeting__title {
        max-width: 100%;
        width: 100%
    }

    .greeting__title .practice-title.outline {
        font-size: 42px
    }

    .greeting__uptitle {
        font-size: 32px
    }

    .greeting__title .practice-title.outline img {
        width: 37px
    }

    .why-we__block {
        margin: 0
    }
}

@media screen and (max-width: 767px) {
    .details-slider {
        align-items:flex-start;
        flex-flow: column
    }

    .details__item {
        height: auto;
        margin: 0 auto 32px;
        width: 310px
    }

    .community {
        padding-bottom: 0
    }

    .community__link {
        margin: 20px auto;
        text-align: center;
        width: 100%
    }

    .price__btn {
        margin: 32px 0 0
    }

    .faq__big-title {
        padding: 6px 20px
    }

    .greeting__footer {
        padding: 20px 0 0
    }

    .greeting__list {
        margin: 0 0 32px
    }

    .greeting__list li {
        font-size: 16px;
        line-height: 120%;
        margin-bottom: 12px
    }

    .advantages__list {
        display: flex;
        flex-flow: column
    }

    .practice-title_price.outline {
        font-size: 44px
    }

    .tmplt-example__accordion .accordion-body p {
        max-width: 100%
    }

    .tmplt-why-we__items {
        display: flex;
        flex-flow: column
    }

    .tmplt-why-we__item {
        width: 100%
    }

    .line-title {
        font-size: 26px
    }

    .tmplt-why-we__items {
        margin-bottom: 0
    }

    .tech__title {
        font-size: 45px;
        margin: 0 0 28px!important
    }

    .tech__subtitle,.tech__text {
        font-size: 16px
    }

    .workshop {
        padding: 50px 0 38px
    }

    .workshop__title {
        width: 100%
    }

    .workshop__item {
        border-radius: 12px;
        margin: 0 0 12px;
        width: 100%
    }

    .workshop__item-icon {
        border-radius: 12px;
        height: 71px;
        margin-bottom: 0;
        margin-right: 10px;
        padding: 12px;
        width: 70px
    }

    .workshop__item-icon img {
        max-width: 100%
    }

    .workshop__line {
        margin: 0
    }

    .workshop__item-middle {
        width: calc(100% - 84px)
    }

    .why-we__title {
        font-size: 50px;
        text-align: center
    }

    .why-we__block-title {
        font-size: 30px
    }

    .form {
        border-color: var(--landing-color)
    }

    .skills__item {
        font-size: 18px;
        margin: 0 0 12px;
        padding: 8px 10px;
        text-align: center;
        width: 100%
    }

    .about__title {
        font-size: 80px
    }

    .about__subtitle {
        font-size: 25px;
        margin: 0 0 21px
    }

    .about__info {
        margin: 0
    }

    .about {
        padding: 50px 0
    }

    .certificate__image {
        height: 285px
    }

    .about__image img {
        max-width: calc(100% - 30px)
    }
}

.checkbox.green input:checked+.checkbox-icon,.checkbox.green input:checked+.checkbox-icon:after,.r-card.green {
    background-color: var(--landing-color)!important
}

.input-block__checkboxes {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 15px
}

.accordion-body {
    color: #fff
}

.input-block-focus {
    background-color: transparent!important
}

.community__container__link {
    margin-top: 25px
}

:root {
    --iti-hover-color: rgba(0,0,0,.05);
    --iti-border-color: #ccc;
    --iti-dialcode-color: #999;
    --iti-dropdown-bg: #fff;
    --iti-spacer-horizontal: 8px;
    --iti-flag-height: 12px;
    --iti-flag-width: 16px;
    --iti-border-width: 1px;
    --iti-arrow-height: 4px;
    --iti-arrow-width: 6px;
    --iti-triangle-border: calc(var(--iti-arrow-width)/2);
    --iti-arrow-padding: 6px;
    --iti-arrow-color: #555;
    --iti-path-flags-1x: url(../images/template/flags/flags.webp);
    --iti-path-flags-2x: url(../images/template/flags/flags@2x.webp);
    --iti-path-globe-1x: url(../images/template/flags/globe.webp);
    --iti-path-globe-2x: url(../images/template/flags/globe@2x.webp);
    --iti-flag-sprite-width: 3904px;
    --iti-flag-sprite-height: 12px;
    --iti-mobile-popup-margin: 30px
}

.iti {
    --iti-path-flags-1x: url(../images/template/flags/flags.webp);
    --iti-path-flags-2x: url(../images/template/flags/flags@2x.webp);
    --iti-path-globe-1x: url(../images/template/flags/globe.webp);
    --iti-path-globe-2x: url(../images/template/flags/globe@2x.webp);
    position: relative
}

.iti * {
    box-sizing: border-box
}

.iti__hide {
    display: none
}

.iti__v-hide {
    visibility: hidden
}

.iti__a11y-text {
    clip: rect(1px,1px,1px,1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px
}

.iti input.iti__tel-input,.iti input.iti__tel-input[type=tel],.iti input.iti__tel-input[type=text] {
    margin: 0!important;
    position: relative;
    z-index: 0
}

.iti__country-container {
    bottom: 0;
    padding: var(--iti-border-width);
    position: absolute;
    top: 0
}

.iti__selected-country {
    align-items: center;
    background: none;
    border: 0;
    border-radius: 0;
    color: inherit;
    display: flex;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    height: 100%;
    line-height: inherit;
    margin: 0;
    padding: 0;
    position: relative;
    text-decoration: none;
    z-index: 1
}

.iti__selected-country-primary {
    align-items: center;
    display: flex;
    height: 100%;
    padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal)
}

.iti__arrow {
    border-left: var(--iti-triangle-border) solid transparent;
    border-right: var(--iti-triangle-border) solid transparent;
    border-top: var(--iti-arrow-height) solid var(--iti-arrow-color);
    height: 0;
    margin-left: var(--iti-arrow-padding);
    width: 0
}

[dir=rtl] .iti__arrow {
    margin-left: 0;
    margin-right: var(--iti-arrow-padding)
}

.iti__arrow--up {
    border-bottom: var(--iti-arrow-height) solid var(--iti-arrow-color);
    border-top: none
}

.iti__dropdown-content {
    background-color: var(--iti-dropdown-bg);
    border-radius: 3px
}

.iti--inline-dropdown .iti__dropdown-content {
    background: #101010;
    border: none;
    box-shadow: 1px 1px 4px rgba(0,0,0,.2);
    color: #fff;
    margin-left: calc(var(--iti-border-width)*-1);
    margin-top: 3px;
    position: absolute;
    z-index: 2
}

.iti__search-input {
    background: #1a1a1a;
    border: none;
    border-radius: 3px;
    color: #fff;
    width: 100%
}

.iti__search-input+.iti__country-list {
    border-top: 1px solid var(--iti-border-color)
}

.iti__country-list {
    -webkit-overflow-scrolling: touch;
    list-style: none;
    margin: 0;
    overflow-y: scroll;
    padding: 0
}

.iti--inline-dropdown .iti__country-list {
    max-height: 185px
}

.iti--flexible-dropdown-width .iti__country-list {
    white-space: nowrap
}

@media(max-width: 500px) {
    .iti--flexible-dropdown-width .iti__country-list {
        white-space:normal
    }
}

.iti__country {
    align-items: center;
    display: flex;
    outline: none;
    padding: 8px var(--iti-spacer-horizontal)
}

.iti__dial-code {
    color: var(--iti-dialcode-color)
}

.iti__country.iti__highlight {
    background-color: var(--iti-hover-color)
}

.iti__country-list .iti__flag,.iti__country-name {
    margin-right: var(--iti-spacer-horizontal)
}

[dir=rtl] .iti__country-list .iti__flag,[dir=rtl] .iti__country-name {
    margin-left: var(--iti-spacer-horizontal);
    margin-right: 0
}

.iti--allow-dropdown .iti__country-container:not(:has(+input[disabled])):not(:has(+input[readonly])):hover,.iti--allow-dropdown .iti__country-container:not(:has(+input[disabled])):not(:has(+input[readonly])):hover button {
    cursor: pointer
}

.iti--allow-dropdown .iti__country-container:not(:has(+input[disabled])):not(:has(+input[readonly])) .iti__selected-country-primary:hover,.iti--allow-dropdown .iti__country-container:not(:has(+input[disabled])):not(:has(+input[readonly])) .iti__selected-country:has(+.iti__dropdown-content:hover) .iti__selected-country-primary {
    background-color: var(--iti-hover-color)
}

.iti .iti__selected-dial-code {
    margin-left: 4px
}

[dir=rtl] .iti .iti__selected-dial-code {
    margin-left: 0;
    margin-right: 4px
}

.iti--container {
    left: -1000px;
    padding: var(--iti-border-width);
    position: fixed;
    top: -1000px;
    z-index: 1060
}

.iti--container:hover {
    cursor: pointer
}

.iti--fullscreen-popup.iti--container {
    background-color: rgba(0,0,0,.5);
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    left: 0;
    padding: var(--iti-mobile-popup-margin);
    position: fixed;
    right: 0;
    top: 0
}

.iti--fullscreen-popup .iti__dropdown-content {
    display: flex;
    flex-direction: column;
    max-height: 100%;
    position: relative
}

.iti--fullscreen-popup .iti__country {
    line-height: 1.5em;
    padding: 10px
}

.iti__flag {
    --iti-flag-offset: 100px;
    background-image: var(--iti-path-flags-1x);
    background-position: var(--iti-flag-offset) 0;
    background-repeat: no-repeat;
    background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height);
    border-radius: 1px;
    box-shadow: 0 0 1px 0 #888;
    height: var(--iti-flag-height);
    width: var(--iti-flag-width)
}

.iti__ac {
    --iti-flag-offset: 0
}

.iti__ad {
    --iti-flag-offset: -16px
}

.iti__ae {
    --iti-flag-offset: -32px
}

.iti__af {
    --iti-flag-offset: -48px
}

.iti__ag {
    --iti-flag-offset: -64px
}

.iti__ai {
    --iti-flag-offset: -80px
}

.iti__al {
    --iti-flag-offset: -96px
}

.iti__am {
    --iti-flag-offset: -112px
}

.iti__ao {
    --iti-flag-offset: -128px
}

.iti__ar {
    --iti-flag-offset: -144px
}

.iti__as {
    --iti-flag-offset: -160px
}

.iti__at {
    --iti-flag-offset: -176px
}

.iti__au {
    --iti-flag-offset: -192px
}

.iti__aw {
    --iti-flag-offset: -208px
}

.iti__ax {
    --iti-flag-offset: -224px
}

.iti__az {
    --iti-flag-offset: -240px
}

.iti__ba {
    --iti-flag-offset: -256px
}

.iti__bb {
    --iti-flag-offset: -272px
}

.iti__bd {
    --iti-flag-offset: -288px
}

.iti__be {
    --iti-flag-offset: -304px
}

.iti__bf {
    --iti-flag-offset: -320px
}

.iti__bg {
    --iti-flag-offset: -336px
}

.iti__bh {
    --iti-flag-offset: -352px
}

.iti__bi {
    --iti-flag-offset: -368px
}

.iti__bj {
    --iti-flag-offset: -384px
}

.iti__bl {
    --iti-flag-offset: -400px
}

.iti__bm {
    --iti-flag-offset: -416px
}

.iti__bn {
    --iti-flag-offset: -432px
}

.iti__bo {
    --iti-flag-offset: -448px
}

.iti__bq {
    --iti-flag-offset: -464px
}

.iti__br {
    --iti-flag-offset: -480px
}

.iti__bs {
    --iti-flag-offset: -496px
}

.iti__bt {
    --iti-flag-offset: -512px
}

.iti__bw {
    --iti-flag-offset: -528px
}

.iti__by {
    --iti-flag-offset: -544px
}

.iti__bz {
    --iti-flag-offset: -560px
}

.iti__ca {
    --iti-flag-offset: -576px
}

.iti__cc {
    --iti-flag-offset: -592px
}

.iti__cd {
    --iti-flag-offset: -608px
}

.iti__cf {
    --iti-flag-offset: -624px
}

.iti__cg {
    --iti-flag-offset: -640px
}

.iti__ch {
    --iti-flag-offset: -656px
}

.iti__ci {
    --iti-flag-offset: -672px
}

.iti__ck {
    --iti-flag-offset: -688px
}

.iti__cl {
    --iti-flag-offset: -704px
}

.iti__cm {
    --iti-flag-offset: -720px
}

.iti__cn {
    --iti-flag-offset: -736px
}

.iti__co {
    --iti-flag-offset: -752px
}

.iti__cr {
    --iti-flag-offset: -768px
}

.iti__cu {
    --iti-flag-offset: -784px
}

.iti__cv {
    --iti-flag-offset: -800px
}

.iti__cw {
    --iti-flag-offset: -816px
}

.iti__cx {
    --iti-flag-offset: -832px
}

.iti__cy {
    --iti-flag-offset: -848px
}

.iti__cz {
    --iti-flag-offset: -864px
}

.iti__de {
    --iti-flag-offset: -880px
}

.iti__dj {
    --iti-flag-offset: -896px
}

.iti__dk {
    --iti-flag-offset: -912px
}

.iti__dm {
    --iti-flag-offset: -928px
}

.iti__do {
    --iti-flag-offset: -944px
}

.iti__dz {
    --iti-flag-offset: -960px
}

.iti__ec {
    --iti-flag-offset: -976px
}

.iti__ee {
    --iti-flag-offset: -992px
}

.iti__eg {
    --iti-flag-offset: -1008px
}

.iti__eh {
    --iti-flag-offset: -1024px
}

.iti__er {
    --iti-flag-offset: -1040px
}

.iti__es {
    --iti-flag-offset: -1056px
}

.iti__et {
    --iti-flag-offset: -1072px
}

.iti__fi {
    --iti-flag-offset: -1088px
}

.iti__fj {
    --iti-flag-offset: -1104px
}

.iti__fk {
    --iti-flag-offset: -1120px
}

.iti__fm {
    --iti-flag-offset: -1136px
}

.iti__fo {
    --iti-flag-offset: -1152px
}

.iti__fr {
    --iti-flag-offset: -1168px
}

.iti__ga {
    --iti-flag-offset: -1184px
}

.iti__gb {
    --iti-flag-offset: -1200px
}

.iti__gd {
    --iti-flag-offset: -1216px
}

.iti__ge {
    --iti-flag-offset: -1232px
}

.iti__gf {
    --iti-flag-offset: -1248px
}

.iti__gg {
    --iti-flag-offset: -1264px
}

.iti__gh {
    --iti-flag-offset: -1280px
}

.iti__gi {
    --iti-flag-offset: -1296px
}

.iti__gl {
    --iti-flag-offset: -1312px
}

.iti__gm {
    --iti-flag-offset: -1328px
}

.iti__gn {
    --iti-flag-offset: -1344px
}

.iti__gp {
    --iti-flag-offset: -1360px
}

.iti__gq {
    --iti-flag-offset: -1376px
}

.iti__gr {
    --iti-flag-offset: -1392px
}

.iti__gt {
    --iti-flag-offset: -1408px
}

.iti__gu {
    --iti-flag-offset: -1424px
}

.iti__gw {
    --iti-flag-offset: -1440px
}

.iti__gy {
    --iti-flag-offset: -1456px
}

.iti__hk {
    --iti-flag-offset: -1472px
}

.iti__hn {
    --iti-flag-offset: -1488px
}

.iti__hr {
    --iti-flag-offset: -1504px
}

.iti__ht {
    --iti-flag-offset: -1520px
}

.iti__hu {
    --iti-flag-offset: -1536px
}

.iti__id {
    --iti-flag-offset: -1552px
}

.iti__ie {
    --iti-flag-offset: -1568px
}

.iti__il {
    --iti-flag-offset: -1584px
}

.iti__im {
    --iti-flag-offset: -1600px
}

.iti__in {
    --iti-flag-offset: -1616px
}

.iti__io {
    --iti-flag-offset: -1632px
}

.iti__iq {
    --iti-flag-offset: -1648px
}

.iti__ir {
    --iti-flag-offset: -1664px
}

.iti__is {
    --iti-flag-offset: -1680px
}

.iti__it {
    --iti-flag-offset: -1696px
}

.iti__je {
    --iti-flag-offset: -1712px
}

.iti__jm {
    --iti-flag-offset: -1728px
}

.iti__jo {
    --iti-flag-offset: -1744px
}

.iti__jp {
    --iti-flag-offset: -1760px
}

.iti__ke {
    --iti-flag-offset: -1776px
}

.iti__kg {
    --iti-flag-offset: -1792px
}

.iti__kh {
    --iti-flag-offset: -1808px
}

.iti__ki {
    --iti-flag-offset: -1824px
}

.iti__km {
    --iti-flag-offset: -1840px
}

.iti__kn {
    --iti-flag-offset: -1856px
}

.iti__kp {
    --iti-flag-offset: -1872px
}

.iti__kr {
    --iti-flag-offset: -1888px
}

.iti__kw {
    --iti-flag-offset: -1904px
}

.iti__ky {
    --iti-flag-offset: -1920px
}

.iti__kz {
    --iti-flag-offset: -1936px
}

.iti__la {
    --iti-flag-offset: -1952px
}

.iti__lb {
    --iti-flag-offset: -1968px
}

.iti__lc {
    --iti-flag-offset: -1984px
}

.iti__li {
    --iti-flag-offset: -2000px
}

.iti__lk {
    --iti-flag-offset: -2016px
}

.iti__lr {
    --iti-flag-offset: -2032px
}

.iti__ls {
    --iti-flag-offset: -2048px
}

.iti__lt {
    --iti-flag-offset: -2064px
}

.iti__lu {
    --iti-flag-offset: -2080px
}

.iti__lv {
    --iti-flag-offset: -2096px
}

.iti__ly {
    --iti-flag-offset: -2112px
}

.iti__ma {
    --iti-flag-offset: -2128px
}

.iti__mc {
    --iti-flag-offset: -2144px
}

.iti__md {
    --iti-flag-offset: -2160px
}

.iti__me {
    --iti-flag-offset: -2176px
}

.iti__mf {
    --iti-flag-offset: -2192px
}

.iti__mg {
    --iti-flag-offset: -2208px
}

.iti__mh {
    --iti-flag-offset: -2224px
}

.iti__mk {
    --iti-flag-offset: -2240px
}

.iti__ml {
    --iti-flag-offset: -2256px
}

.iti__mm {
    --iti-flag-offset: -2272px
}

.iti__mn {
    --iti-flag-offset: -2288px
}

.iti__mo {
    --iti-flag-offset: -2304px
}

.iti__mp {
    --iti-flag-offset: -2320px
}

.iti__mq {
    --iti-flag-offset: -2336px
}

.iti__mr {
    --iti-flag-offset: -2352px
}

.iti__ms {
    --iti-flag-offset: -2368px
}

.iti__mt {
    --iti-flag-offset: -2384px
}

.iti__mu {
    --iti-flag-offset: -2400px
}

.iti__mv {
    --iti-flag-offset: -2416px
}

.iti__mw {
    --iti-flag-offset: -2432px
}

.iti__mx {
    --iti-flag-offset: -2448px
}

.iti__my {
    --iti-flag-offset: -2464px
}

.iti__mz {
    --iti-flag-offset: -2480px
}

.iti__na {
    --iti-flag-offset: -2496px
}

.iti__nc {
    --iti-flag-offset: -2512px
}

.iti__ne {
    --iti-flag-offset: -2528px
}

.iti__nf {
    --iti-flag-offset: -2544px
}

.iti__ng {
    --iti-flag-offset: -2560px
}

.iti__ni {
    --iti-flag-offset: -2576px
}

.iti__nl {
    --iti-flag-offset: -2592px
}

.iti__no {
    --iti-flag-offset: -2608px
}

.iti__np {
    --iti-flag-offset: -2624px
}

.iti__nr {
    --iti-flag-offset: -2640px
}

.iti__nu {
    --iti-flag-offset: -2656px
}

.iti__nz {
    --iti-flag-offset: -2672px
}

.iti__om {
    --iti-flag-offset: -2688px
}

.iti__pa {
    --iti-flag-offset: -2704px
}

.iti__pe {
    --iti-flag-offset: -2720px
}

.iti__pf {
    --iti-flag-offset: -2736px
}

.iti__pg {
    --iti-flag-offset: -2752px
}

.iti__ph {
    --iti-flag-offset: -2768px
}

.iti__pk {
    --iti-flag-offset: -2784px
}

.iti__pl {
    --iti-flag-offset: -2800px
}

.iti__pm {
    --iti-flag-offset: -2816px
}

.iti__pr {
    --iti-flag-offset: -2832px
}

.iti__ps {
    --iti-flag-offset: -2848px
}

.iti__pt {
    --iti-flag-offset: -2864px
}

.iti__pw {
    --iti-flag-offset: -2880px
}

.iti__py {
    --iti-flag-offset: -2896px
}

.iti__qa {
    --iti-flag-offset: -2912px
}

.iti__re {
    --iti-flag-offset: -2928px
}

.iti__ro {
    --iti-flag-offset: -2944px
}

.iti__rs {
    --iti-flag-offset: -2960px
}

.iti__ru {
    --iti-flag-offset: -2976px
}

.iti__rw {
    --iti-flag-offset: -2992px
}

.iti__sa {
    --iti-flag-offset: -3008px
}

.iti__sb {
    --iti-flag-offset: -3024px
}

.iti__sc {
    --iti-flag-offset: -3040px
}

.iti__sd {
    --iti-flag-offset: -3056px
}

.iti__se {
    --iti-flag-offset: -3072px
}

.iti__sg {
    --iti-flag-offset: -3088px
}

.iti__sh {
    --iti-flag-offset: -3104px
}

.iti__si {
    --iti-flag-offset: -3120px
}

.iti__sj {
    --iti-flag-offset: -3136px
}

.iti__sk {
    --iti-flag-offset: -3152px
}

.iti__sl {
    --iti-flag-offset: -3168px
}

.iti__sm {
    --iti-flag-offset: -3184px
}

.iti__sn {
    --iti-flag-offset: -3200px
}

.iti__so {
    --iti-flag-offset: -3216px
}

.iti__sr {
    --iti-flag-offset: -3232px
}

.iti__ss {
    --iti-flag-offset: -3248px
}

.iti__st {
    --iti-flag-offset: -3264px
}

.iti__sv {
    --iti-flag-offset: -3280px
}

.iti__sx {
    --iti-flag-offset: -3296px
}

.iti__sy {
    --iti-flag-offset: -3312px
}

.iti__sz {
    --iti-flag-offset: -3328px
}

.iti__tc {
    --iti-flag-offset: -3344px
}

.iti__td {
    --iti-flag-offset: -3360px
}

.iti__tg {
    --iti-flag-offset: -3376px
}

.iti__th {
    --iti-flag-offset: -3392px
}

.iti__tj {
    --iti-flag-offset: -3408px
}

.iti__tk {
    --iti-flag-offset: -3424px
}

.iti__tl {
    --iti-flag-offset: -3440px
}

.iti__tm {
    --iti-flag-offset: -3456px
}

.iti__tn {
    --iti-flag-offset: -3472px
}

.iti__to {
    --iti-flag-offset: -3488px
}

.iti__tr {
    --iti-flag-offset: -3504px
}

.iti__tt {
    --iti-flag-offset: -3520px
}

.iti__tv {
    --iti-flag-offset: -3536px
}

.iti__tw {
    --iti-flag-offset: -3552px
}

.iti__tz {
    --iti-flag-offset: -3568px
}

.iti__ua {
    --iti-flag-offset: -3584px
}

.iti__ug {
    --iti-flag-offset: -3600px
}

.iti__us {
    --iti-flag-offset: -3616px
}

.iti__uy {
    --iti-flag-offset: -3632px
}

.iti__uz {
    --iti-flag-offset: -3648px
}

.iti__va {
    --iti-flag-offset: -3664px
}

.iti__vc {
    --iti-flag-offset: -3680px
}

.iti__ve {
    --iti-flag-offset: -3696px
}

.iti__vg {
    --iti-flag-offset: -3712px
}

.iti__vi {
    --iti-flag-offset: -3728px
}

.iti__vn {
    --iti-flag-offset: -3744px
}

.iti__vu {
    --iti-flag-offset: -3760px
}

.iti__wf {
    --iti-flag-offset: -3776px
}

.iti__ws {
    --iti-flag-offset: -3792px
}

.iti__xk {
    --iti-flag-offset: -3808px
}

.iti__ye {
    --iti-flag-offset: -3824px
}

.iti__yt {
    --iti-flag-offset: -3840px
}

.iti__za {
    --iti-flag-offset: -3856px
}

.iti__zm {
    --iti-flag-offset: -3872px
}

.iti__zw {
    --iti-flag-offset: -3888px
}

.iti__globe {
    background-image: var(--iti-path-globe-1x);
    background-position: 100%;
    background-size: contain;
    box-shadow: none;
    height: 19px
}

@media(min-resolution: 2x) {
    .iti__flag {
        background-image:var(--iti-path-flags-2x)
    }

    .iti__globe {
        background-image: var(--iti-path-globe-2x)
    }
}