/*!
 * Bootstrap Grid v4.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{box-sizing:inherit}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1200px}}.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1200px}}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-1>*{flex:0 0 100%;max-width:100%}.row-cols-2>*{flex:0 0 50%;max-width:50%}.row-cols-3>*{flex:0 0 33.333333%;max-width:33.333333%}.row-cols-4>*{flex:0 0 25%;max-width:25%}.row-cols-5>*{flex:0 0 20%;max-width:20%}.row-cols-6>*{flex:0 0 16.666667%;max-width:16.666667%}.col-auto{flex:0 0 auto;width:auto;max-width:100%}.col-1{flex:0 0 8.333333%;max-width:8.333333%}.col-2{flex:0 0 16.666667%;max-width:16.666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-5{flex:0 0 41.666667%;max-width:41.666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.333333%;max-width:58.333333%}.col-8{flex:0 0 66.666667%;max-width:66.666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.333333%;max-width:83.333333%}.col-11{flex:0 0 91.666667%;max-width:91.666667%}.col-12{flex:0 0 100%;max-width:100%}.order-first{order:-1}.order-last{order:13}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-sm-1>*{flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{flex:0 0 33.333333%;max-width:33.333333%}.row-cols-sm-4>*{flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{flex:0 0 16.666667%;max-width:16.666667%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{flex:0 0 100%;max-width:100%}.order-sm-first{order:-1}.order-sm-last{order:13}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-md-1>*{flex:0 0 100%;max-width:100%}.row-cols-md-2>*{flex:0 0 50%;max-width:50%}.row-cols-md-3>*{flex:0 0 33.333333%;max-width:33.333333%}.row-cols-md-4>*{flex:0 0 25%;max-width:25%}.row-cols-md-5>*{flex:0 0 20%;max-width:20%}.row-cols-md-6>*{flex:0 0 16.666667%;max-width:16.666667%}.col-md-auto{flex:0 0 auto;width:auto;max-width:100%}.col-md-1{flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{flex:0 0 100%;max-width:100%}.order-md-first{order:-1}.order-md-last{order:13}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-lg-1>*{flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{flex:0 0 33.333333%;max-width:33.333333%}.row-cols-lg-4>*{flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{flex:0 0 16.666667%;max-width:16.666667%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{flex:0 0 100%;max-width:100%}.order-lg-first{order:-1}.order-lg-last{order:13}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-xl-1>*{flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{flex:0 0 33.333333%;max-width:33.333333%}.row-cols-xl-4>*{flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{flex:0 0 16.666667%;max-width:16.666667%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{flex:0 0 100%;max-width:100%}.order-xl-first{order:-1}.order-xl-last{order:13}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}@media (min-width:576px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}}@media (min-width:768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.col-2dot4,.col-lg-2dot4,.col-md-2dot4,.col-sm-2dot4,.col-xl-2dot4{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col-2dot4{flex:0 0 20%;max-width:20%}@media (min-width:576px){.col-sm-2dot4{flex:0 0 20%;max-width:20%}}@media (min-width:768px){.col-md-2dot4{flex:0 0 20%;max-width:20%}}@media (min-width:992px){.col-lg-2dot4{flex:0 0 20%;max-width:20%}}@media (min-width:1200px){.col-xl-2dot4{flex:0 0 20%;max-width:20%}}
/*# sourceMappingURL=bootstrap-grid.min.css.map */
.country-phone-options {display: none; position: absolute; width: 280px; max-height: 480px; overflow-y: scroll; margin-top: 20px; z-index: 600; border: 1px solid #ccc;}
.country-phone-selected {cursor: pointer; background: white; float: left; height: 20px; min-width: 35px; width: auto; padding-left: 20px; background: url('../img/arrow-down.png') no-repeat}
.country-phone-option {cursor: pointer; background: white; padding: 2px 0;}
.country-phone-option:hover, .country-phone-option.hovered {background: #77cbff;}
.country-phone-search {width: 100%; padding: 3px 2px;}
.country-phone-selected img {float: left; top:2px; position: relative; margin-right: 2px;}
.country-phone-option span {float: right; color: #999999; min-width: 66px; text-align: right;}
.country-phone-option:hover span, .country-phone-option.hovered span {color: #000;}
.country-phone-option span img {margin-left: 3px;}
.country-phone {border: 1px solid #aaa; padding: 4px;}
.country-phone-selected {padding: 4px 0 0 20px; font-size: 15px;}
.country-phone-selected img {margin: 1px 4px 0 0;}
.country-phone-selected {background-position: 2px 4px;}
.country-phone-options {width: 298px; margin: 30px 0 0 -5px;}
.country-phone-option {padding: 4px 2px;}

.flag {
    width: 16px;
    height: 11px;
    background:url('/img/flags.png') no-repeat
}
.country-phone-search-label {position: absolute; margin: -20px 0 0 4px; color: #999 !important; font-size: 13px !important;}

.flag.flag-ad {background-position: -16px 0}
.flag.flag-ae {background-position: -32px 0}
.flag.flag-af {background-position: -48px 0}
.flag.flag-ag {background-position: -64px 0}
.flag.flag-ai {background-position: -80px 0}
.flag.flag-al {background-position: -96px 0}
.flag.flag-am {background-position: -112px 0}
.flag.flag-an {background-position: -128px 0}
.flag.flag-ao {background-position: -144px 0}
.flag.flag-ar {background-position: -160px 0}
.flag.flag-as {background-position: -176px 0}
.flag.flag-at {background-position: -192px 0}
.flag.flag-au {background-position: -208px 0}
.flag.flag-aw {background-position: -224px 0}
.flag.flag-az {background-position: -240px 0}
.flag.flag-ba {background-position: 0 -11px}
.flag.flag-bb {background-position: -16px -11px}
.flag.flag-bd {background-position: -32px -11px}
.flag.flag-be {background-position: -48px -11px}
.flag.flag-bf {background-position: -64px -11px}
.flag.flag-bg {background-position: -80px -11px}
.flag.flag-bh {background-position: -96px -11px}
.flag.flag-bi {background-position: -112px -11px}
.flag.flag-bj {background-position: -128px -11px}
.flag.flag-bm {background-position: -144px -11px}
.flag.flag-bn {background-position: -160px -11px}
.flag.flag-bo {background-position: -176px -11px}
.flag.flag-br {background-position: -192px -11px}
.flag.flag-bs {background-position: -208px -11px}
.flag.flag-bt {background-position: -224px -11px}
.flag.flag-bv {background-position: -240px -11px}
.flag.flag-bw {background-position: 0 -22px}
.flag.flag-by {background-position: -16px -22px}
.flag.flag-bz {background-position: -32px -22px}
.flag.flag-ca {background-position: -48px -22px}
.flag.flag-catalonia {background-position: -64px -22px}
.flag.flag-cd {background-position: -80px -22px}
.flag.flag-cf {background-position: -96px -22px}
.flag.flag-cg {background-position: -112px -22px}
.flag.flag-ch {background-position: -128px -22px}
.flag.flag-ci {background-position: -144px -22px}
.flag.flag-ck {background-position: -160px -22px}
.flag.flag-cl {background-position: -176px -22px}
.flag.flag-cm {background-position: -192px -22px}
.flag.flag-cn {background-position: -208px -22px}
.flag.flag-co {background-position: -224px -22px}
.flag.flag-cr {background-position: -240px -22px}
.flag.flag-cu {background-position: 0 -33px}
.flag.flag-cv {background-position: -16px -33px}
.flag.flag-cw {background-position: -32px -33px}
.flag.flag-cy {background-position: -48px -33px}
.flag.flag-cz {background-position: -64px -33px}
.flag.flag-de {background-position: -80px -33px}
.flag.flag-dj {background-position: -96px -33px}
.flag.flag-dk {background-position: -112px -33px}
.flag.flag-dm {background-position: -128px -33px}
.flag.flag-do {background-position: -144px -33px}
.flag.flag-dz {background-position: -160px -33px}
.flag.flag-ec {background-position: -176px -33px}
.flag.flag-ee {background-position: -192px -33px}
.flag.flag-eg {background-position: -208px -33px}
.flag.flag-eh {background-position: -224px -33px}
.flag.flag-england {background-position: -240px -33px}
.flag.flag-er {background-position: 0 -44px}
.flag.flag-es {background-position: -16px -44px}
.flag.flag-et {background-position: -32px -44px}
.flag.flag-eu {background-position: -48px -44px}
.flag.flag-fi {background-position: -64px -44px}
.flag.flag-fj {background-position: -80px -44px}
.flag.flag-fk {background-position: -96px -44px}
.flag.flag-fm {background-position: -112px -44px}
.flag.flag-fo {background-position: -128px -44px}
.flag.flag-fr {background-position: -144px -44px}
.flag.flag-ga {background-position: -160px -44px}
.flag.flag-gb {background-position: -176px -44px}
.flag.flag-gd {background-position: -192px -44px}
.flag.flag-ge {background-position: -208px -44px}
.flag.flag-gf {background-position: -224px -44px}
.flag.flag-gg {background-position: -240px -44px}
.flag.flag-gh {background-position: 0 -55px}
.flag.flag-gi {background-position: -16px -55px}
.flag.flag-gl {background-position: -32px -55px}
.flag.flag-gm {background-position: -48px -55px}
.flag.flag-gn {background-position: -64px -55px}
.flag.flag-gp {background-position: -80px -55px}
.flag.flag-gq {background-position: -96px -55px}
.flag.flag-gr {background-position: -112px -55px}
.flag.flag-gs {background-position: -128px -55px}
.flag.flag-gt {background-position: -144px -55px}
.flag.flag-gu {background-position: -160px -55px}
.flag.flag-gw {background-position: -176px -55px}
.flag.flag-gy {background-position: -192px -55px}
.flag.flag-hk {background-position: -208px -55px}
.flag.flag-hm {background-position: -224px -55px}
.flag.flag-hn {background-position: -240px -55px}
.flag.flag-hr {background-position: 0 -66px}
.flag.flag-ht {background-position: -16px -66px}
.flag.flag-hu {background-position: -32px -66px}
.flag.flag-ic {background-position: -48px -66px}
.flag.flag-id {background-position: -64px -66px}
.flag.flag-ie {background-position: -80px -66px}
.flag.flag-il {background-position: -96px -66px}
.flag.flag-im {background-position: -112px -66px}
.flag.flag-in {background-position: -128px -66px}
.flag.flag-io {background-position: -144px -66px}
.flag.flag-iq {background-position: -160px -66px}
.flag.flag-ir {background-position: -176px -66px}
.flag.flag-is {background-position: -192px -66px}
.flag.flag-ax {background-position: -192px -66px}
.flag.flag-it {background-position: -208px -66px}
.flag.flag-je {background-position: -224px -66px}
.flag.flag-jm {background-position: -240px -66px}
.flag.flag-jo {background-position: 0 -77px}
.flag.flag-jp {background-position: -16px -77px}
.flag.flag-ke {background-position: -32px -77px}
.flag.flag-kg {background-position: -48px -77px}
.flag.flag-kh {background-position: -64px -77px}
.flag.flag-ki {background-position: -80px -77px}
.flag.flag-km {background-position: -96px -77px}
.flag.flag-kn {background-position: -112px -77px}
.flag.flag-kp {background-position: -128px -77px}
.flag.flag-kr {background-position: -144px -77px}
.flag.flag-kurdistan {background-position: -160px -77px}
.flag.flag-kw {background-position: -176px -77px}
.flag.flag-ky {background-position: -192px -77px}
.flag.flag-kz {background-position: -208px -77px}
.flag.flag-la {background-position: -224px -77px}
.flag.flag-lb {background-position: -240px -77px}
.flag.flag-lc {background-position: 0 -88px}
.flag.flag-li {background-position: -16px -88px}
.flag.flag-lk {background-position: -32px -88px}
.flag.flag-lr {background-position: -48px -88px}
.flag.flag-ls {background-position: -64px -88px}
.flag.flag-lt {background-position: -80px -88px}
.flag.flag-lu {background-position: -96px -88px}
.flag.flag-lv {background-position: -112px -88px}
.flag.flag-ly {background-position: -128px -88px}
.flag.flag-ma {background-position: -144px -88px}
.flag.flag-mc {background-position: -160px -88px}
.flag.flag-md {background-position: -176px -88px}
.flag.flag-me {background-position: -192px -88px}
.flag.flag-mg {background-position: -208px -88px}
.flag.flag-mh {background-position: -224px -88px}
.flag.flag-mk {background-position: -240px -88px}
.flag.flag-ml {background-position: 0 -99px}
.flag.flag-mm {background-position: -16px -99px}
.flag.flag-mn {background-position: -32px -99px}
.flag.flag-mo {background-position: -48px -99px}
.flag.flag-mp {background-position: -64px -99px}
.flag.flag-mq {background-position: -80px -99px}
.flag.flag-mr {background-position: -96px -99px}
.flag.flag-ms {background-position: -112px -99px}
.flag.flag-mt {background-position: -128px -99px}
.flag.flag-mu {background-position: -144px -99px}
.flag.flag-mv {background-position: -160px -99px}
.flag.flag-mw {background-position: -176px -99px}
.flag.flag-mx {background-position: -192px -99px}
.flag.flag-my {background-position: -208px -99px}
.flag.flag-mz {background-position: -224px -99px}
.flag.flag-na {background-position: -240px -99px}
.flag.flag-nc {background-position: 0 -110px}
.flag.flag-ne {background-position: -16px -110px}
.flag.flag-nf {background-position: -32px -110px}
.flag.flag-ng {background-position: -48px -110px}
.flag.flag-ni {background-position: -64px -110px}
.flag.flag-nl {background-position: -80px -110px}
.flag.flag-no {background-position: -96px -110px}
.flag.flag-np {background-position: -112px -110px}
.flag.flag-nr {background-position: -128px -110px}
.flag.flag-nu {background-position: -144px -110px}
.flag.flag-nz {background-position: -160px -110px}
.flag.flag-om {background-position: -176px -110px}
.flag.flag-pa {background-position: -192px -110px}
.flag.flag-pe {background-position: -208px -110px}
.flag.flag-pf {background-position: -224px -110px}
.flag.flag-pg {background-position: -240px -110px}
.flag.flag-ph {background-position: 0 -121px}
.flag.flag-pk {background-position: -16px -121px}
.flag.flag-pl {background-position: -32px -121px}
.flag.flag-pm {background-position: -48px -121px}
.flag.flag-pn {background-position: -64px -121px}
.flag.flag-pr {background-position: -80px -121px}
.flag.flag-ps {background-position: -96px -121px}
.flag.flag-pt {background-position: -112px -121px}
.flag.flag-pw {background-position: -128px -121px}
.flag.flag-py {background-position: -144px -121px}
.flag.flag-qa {background-position: -160px -121px}
.flag.flag-re {background-position: -176px -121px}
.flag.flag-ro {background-position: -192px -121px}
.flag.flag-rs {background-position: -208px -121px}
.flag.flag-ru {background-position: -224px -121px}
.flag.flag-rw {background-position: -240px -121px}
.flag.flag-sa {background-position: 0 -132px}
.flag.flag-sb {background-position: -16px -132px}
.flag.flag-sc {background-position: -32px -132px}
.flag.flag-scotland {background-position: -48px -132px}
.flag.flag-sd {background-position: -64px -132px}
.flag.flag-se {background-position: -80px -132px}
.flag.flag-sg {background-position: -96px -132px}
.flag.flag-sh {background-position: -112px -132px}
.flag.flag-si {background-position: -128px -132px}
.flag.flag-sk {background-position: -144px -132px}
.flag.flag-sl {background-position: -160px -132px}
.flag.flag-sm {background-position: -176px -132px}
.flag.flag-sn {background-position: -192px -132px}
.flag.flag-so {background-position: -208px -132px}
.flag.flag-somaliland {background-position: -224px -132px}
.flag.flag-sr {background-position: -240px -132px}
.flag.flag-ss {background-position: 0 -143px}
.flag.flag-st {background-position: -16px -143px}
.flag.flag-sv {background-position: -32px -143px}
.flag.flag-sx {background-position: -48px -143px}
.flag.flag-sy {background-position: -64px -143px}
.flag.flag-sz {background-position: -80px -143px}
.flag.flag-tc {background-position: -96px -143px}
.flag.flag-td {background-position: -112px -143px}
.flag.flag-tf {background-position: -128px -143px}
.flag.flag-tg {background-position: -144px -143px}
.flag.flag-th {background-position: -160px -143px}
.flag.flag-tj {background-position: -176px -143px}
.flag.flag-tk {background-position: -192px -143px}
.flag.flag-tl {background-position: -208px -143px}
.flag.flag-tm {background-position: -224px -143px}
.flag.flag-tn {background-position: -240px -143px}
.flag.flag-to {background-position: 0 -154px}
.flag.flag-tr {background-position: -16px -154px}
.flag.flag-tt {background-position: -32px -154px}
.flag.flag-tv {background-position: -48px -154px}
.flag.flag-tw {background-position: -64px -154px}
.flag.flag-tz {background-position: -80px -154px}
.flag.flag-ua {background-position: -96px -154px}
.flag.flag-ug {background-position: -112px -154px}
.flag.flag-um {background-position: -128px -154px}
.flag.flag-us {background-position: -144px -154px}
.flag.flag-uy {background-position: -160px -154px}
.flag.flag-uz {background-position: -176px -154px}
.flag.flag-va {background-position: -192px -154px}
.flag.flag-vc {background-position: -208px -154px}
.flag.flag-ve {background-position: -224px -154px}
.flag.flag-vg {background-position: -240px -154px}
.flag.flag-vi {background-position: 0 -165px}
.flag.flag-vn {background-position: -16px -165px}
.flag.flag-vu {background-position: -32px -165px}
.flag.flag-wales {background-position: -48px -165px}
.flag.flag-wf {background-position: -64px -165px}
.flag.flag-ws {background-position: -80px -165px}
.flag.flag-ye {background-position: -96px -165px}
.flag.flag-yt {background-position: -112px -165px}
.flag.flag-za {background-position: -128px -165px}
.flag.flag-zanzibar {background-position: -144px -165px}
.flag.flag-zm {background-position: -160px -165px}
.flag.flag-zw {background-position: -176px -165px}

@charset "UTF-8";
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.center {
  text-align: center;
}

.box {
  width: 20px;
  height: 20px;
}

.button {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  font-weight: 700;
  border: 0;
  cursor: pointer;
}
.button-search {
  border-radius: 15px;
  background-color: #ffffff;
  color: #005df5;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  padding: 15px;
  display: flex;
  align-items: center;
  height: 51px;
  transition: all 0.3s;
}
.button-search:hover {
  background-color: #f8f8fd;
}
.button-header {
  color: #ffffff;
  height: 46px;
  padding: 20px 60px;
  background-color: #005df5;
  background-image: linear-gradient(#005df5, #005df5), linear-gradient(45deg, #005df5 0%, #0061ff 25%, #005df5 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border: 2px solid transparent;
  border-radius: 30px;
  position: relative;
  transform-style: preserve-3d;
  z-index: 1;
  transition: transform 180ms cubic-bezier(0, 0, 0.58, 1), background 180ms cubic-bezier(0, 0, 0.58, 1);
  padding: 14px 14px 14px 23px;
  position: relative;
  width: 100%;
  min-width: 223px;
  max-width: 249px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.button-header .button-background {
  position: absolute;
  content: "";
  width: calc(100% + 2px);
  height: 100%;
  top: 0;
  left: -1px;
  z-index: -11;
  right: 0;
  bottom: 0;
  background: #0b4fbd;
  border-radius: inherit;
  transform: translate3d(0, 12px, -16px);
  transition: transform 180ms cubic-bezier(0, 0, 0.58, 1), box-shadow 180ms cubic-bezier(0, 0, 0.58, 1);
}
.button-header:hover {
  background-color: #0055e1;
  background-image: linear-gradient(#0055e1, #0055e1), linear-gradient(45deg, #0055e1 0%, #0059eb 25%, #0055e1 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transform: translate(0, 0.25em);
}
.button-header:hover .button-background {
  box-shadow: 0 5px 30px #0c57d0;
  transform: translate3d(0, 0.5em, -1em);
}
.button-header:active {
  background-color: #0055e1;
  background-image: linear-gradient(#0055e1, #0055e1), linear-gradient(45deg, #0055e1 0%, #0059eb 25%, #0055e1 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transform: translate(0em, 0.75em);
}
.button-header:active .button-background {
  box-shadow: 0 5px 30px #0a47aa;
  transform: translate3d(0, 0, -1em);
}
.button-header .button-background {
  transform: translateY(0.55em) translateZ(-1em);
}
.button-header:hover {
  transform: translateY(0.05em) translateZ(-1em);
}
.button-header:hover .button-background {
  transform: translateY(0.35em) translateZ(-1em);
}
.button-header:active {
  transform: translate(0em, 0.45em);
}
.button-header:active .button-background {
  transform: translateZ(-1em);
}
.button-login {
  border-radius: 81px;
  background-color: #ffffff;
  color: #005df5;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  height: 51px;
  transition: all 0.3s;
  width: 152px;
}
.button-login:hover {
  background-color: #f8f8fd;
}
.button-cta {
  color: #ffffff;
  width: auto;
  height: auto;
  padding: 20px 60px;
  background-color: #05b56b;
  background-image: linear-gradient(#05b56b, #05b56b), linear-gradient(45deg, #05b56b 0%, #05bf71 25%, #05b56b 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border: 2px solid transparent;
  border-radius: 30px;
  position: relative;
  transform-style: preserve-3d;
  z-index: 1;
  transition: transform 180ms cubic-bezier(0, 0, 0.58, 1), background 180ms cubic-bezier(0, 0, 0.58, 1);
  padding: 19px 15px 16px 15px;
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  position: relative;
  margin-top: 46px;
}
.button-cta .button-background {
  position: absolute;
  content: "";
  width: calc(100% + 2px);
  height: 100%;
  top: 0;
  left: -1px;
  z-index: -11;
  right: 0;
  bottom: 0;
  background: #09965a;
  border-radius: inherit;
  transform: translate3d(0, 12px, -16px);
  transition: transform 180ms cubic-bezier(0, 0, 0.58, 1), box-shadow 180ms cubic-bezier(0, 0, 0.58, 1);
}
.button-cta:hover {
  background-color: #04a15f;
  background-image: linear-gradient(#04a15f, #04a15f), linear-gradient(45deg, #04a15f 0%, #05ab65 25%, #04a15f 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transform: translate(0, 0.25em);
}
.button-cta:hover .button-background {
  box-shadow: 0 5px 30px #0aa966;
  transform: translate3d(0, 0.5em, -1em);
}
.button-cta:active {
  background-color: #04a15f;
  background-image: linear-gradient(#04a15f, #04a15f), linear-gradient(45deg, #04a15f 0%, #05ab65 25%, #04a15f 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transform: translate(0em, 0.75em);
}
.button-cta:active .button-background {
  box-shadow: 0 5px 30px #08834e;
  transform: translate3d(0, 0, -1em);
}
@media (min-width: 480px) {
  .button-cta {
    width: 386px;
  }
}
.button-cta:before {
  box-shadow: 0 10px 40px #8786d3;
}
.button-free {
  color: #ffffff;
  width: auto;
  height: auto;
  padding: 20px 60px;
  background-color: #005df5;
  background-image: linear-gradient(#005df5, #005df5), linear-gradient(45deg, #005df5 0%, #0061ff 25%, #005df5 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border: 2px solid transparent;
  border-radius: 30px;
  position: relative;
  transform-style: preserve-3d;
  z-index: 1;
  transition: transform 180ms cubic-bezier(0, 0, 0.58, 1), background 180ms cubic-bezier(0, 0, 0.58, 1);
  padding: 12px 12px 10px 12px;
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  position: relative;
  margin: 33px 0;
}
.button-free .button-background {
  position: absolute;
  content: "";
  width: calc(100% + 2px);
  height: 100%;
  top: 0;
  left: -1px;
  z-index: -11;
  right: 0;
  bottom: 0;
  background: #0b4fbd;
  border-radius: inherit;
  transform: translate3d(0, 12px, -16px);
  transition: transform 180ms cubic-bezier(0, 0, 0.58, 1), box-shadow 180ms cubic-bezier(0, 0, 0.58, 1);
}
.button-free:hover {
  background-color: #0055e1;
  background-image: linear-gradient(#0055e1, #0055e1), linear-gradient(45deg, #0055e1 0%, #0059eb 25%, #0055e1 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transform: translate(0, 0.25em);
}
.button-free:hover .button-background {
  box-shadow: 0 5px 30px #0c57d0;
  transform: translate3d(0, 0.5em, -1em);
}
.button-free:active {
  background-color: #0055e1;
  background-image: linear-gradient(#0055e1, #0055e1), linear-gradient(45deg, #0055e1 0%, #0059eb 25%, #0055e1 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transform: translate(0em, 0.75em);
}
.button-free:active .button-background {
  box-shadow: 0 5px 30px #0a47aa;
  transform: translate3d(0, 0, -1em);
}
@media (min-width: 992px) {
  .button-free {
    padding: 20px 28px 18px 28px;
  }
}
.button-free_wa {
  background: #05b56b;
}
@media (min-width: 992px) {
  .button-free_wa {
    display: none;
  }
}
.button-free_email {
  color: #ffffff;
  width: auto;
  height: auto;
  padding: 20px 60px;
  background-color: #05b56b;
  background-image: linear-gradient(#05b56b, #05b56b), linear-gradient(45deg, #05b56b 0%, #05bf71 25%, #05b56b 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border: 2px solid transparent;
  border-radius: 30px;
  position: relative;
  transform-style: preserve-3d;
  z-index: 1;
  transition: transform 180ms cubic-bezier(0, 0, 0.58, 1), background 180ms cubic-bezier(0, 0, 0.58, 1);
  width: 289px;
  margin: 18px auto;
  padding: 16px 8px 18px 7px;
  background-color: #05b56b;
}
.button-free_email .button-background {
  position: absolute;
  content: "";
  width: calc(100% + 2px);
  height: 100%;
  top: 0;
  left: -1px;
  z-index: -11;
  right: 0;
  bottom: 0;
  background: #09965a;
  border-radius: inherit;
  transform: translate3d(0, 12px, -16px);
  transition: transform 180ms cubic-bezier(0, 0, 0.58, 1), box-shadow 180ms cubic-bezier(0, 0, 0.58, 1);
}
.button-free_email:hover {
  background-color: #04a15f;
  background-image: linear-gradient(#04a15f, #04a15f), linear-gradient(45deg, #04a15f 0%, #05ab65 25%, #04a15f 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transform: translate(0, 0.25em);
}
.button-free_email:hover .button-background {
  box-shadow: 0 5px 30px #0aa966;
  transform: translate3d(0, 0.5em, -1em);
}
.button-free_email:active {
  background-color: #04a15f;
  background-image: linear-gradient(#04a15f, #04a15f), linear-gradient(45deg, #04a15f 0%, #05ab65 25%, #04a15f 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transform: translate(0em, 0.75em);
}
.button-free_email:active .button-background {
  box-shadow: 0 5px 30px #08834e;
  transform: translate3d(0, 0, -1em);
}
@media (min-width: 0) and (max-width: 500px) {
  .button-free_email span {
    font-size: 17px;
  }
}
@media (min-width: 480px) {
  .button-free_email {
    width: 387px;
    padding: 19px 36px 20px 36px;
  }
}
@media (min-width: 1200px) {
  .button-free_email {
    width: 480px;
  }
}
.button-free_email:before {
  box-shadow: 0 5px 30px #3fc97d;
}
.button-free_promo {
  width: 100%;
  margin: 8px auto;
  padding: 16px 8px 18px 7px;
}
@media (min-width: 480px) {
  .button-free_promo {
    width: 387px;
    padding: 16px 28px 18px 28px;
  }
}
@media (min-width: 1200px) {
  .button-free_promo {
    width: 480px;
  }
}
.button-free_promo:hover:before {
  box-shadow: 0 1px 34px 16px rgba(23, 118, 199, 0.5) !important;
}
.button-lector {
  color: #ffffff;
  width: auto;
  height: auto;
  padding: 20px 60px;
  background-color: #005df5;
  background-image: linear-gradient(#005df5, #005df5), linear-gradient(45deg, #005df5 0%, #0061ff 25%, #005df5 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border: 2px solid transparent;
  border-radius: 30px;
  position: relative;
  transform-style: preserve-3d;
  z-index: 1;
  transition: transform 180ms cubic-bezier(0, 0, 0.58, 1), background 180ms cubic-bezier(0, 0, 0.58, 1);
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  padding: 16px 0 16px 0;
  align-items: flex-start;
  text-align: left;
  margin: 57px 0 0 0;
}
.button-lector .button-background {
  position: absolute;
  content: "";
  width: calc(100% + 2px);
  height: 100%;
  top: 0;
  left: -1px;
  z-index: -11;
  right: 0;
  bottom: 0;
  background: #0b4fbd;
  border-radius: inherit;
  transform: translate3d(0, 12px, -16px);
  transition: transform 180ms cubic-bezier(0, 0, 0.58, 1), box-shadow 180ms cubic-bezier(0, 0, 0.58, 1);
}
.button-lector:hover {
  background-color: #0055e1;
  background-image: linear-gradient(#0055e1, #0055e1), linear-gradient(45deg, #0055e1 0%, #0059eb 25%, #0055e1 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transform: translate(0, 0.25em);
}
.button-lector:hover .button-background {
  box-shadow: 0 5px 30px #0c57d0;
  transform: translate3d(0, 0.5em, -1em);
}
.button-lector:active {
  background-color: #0055e1;
  background-image: linear-gradient(#0055e1, #0055e1), linear-gradient(45deg, #0055e1 0%, #0059eb 25%, #0055e1 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transform: translate(0em, 0.75em);
}
.button-lector:active .button-background {
  box-shadow: 0 5px 30px #0a47aa;
  transform: translate3d(0, 0, -1em);
}
@media (min-width: 480px) {
  .button-lector {
    margin: 57px auto 0 auto;
  }
}
@media (min-width: 768px) {
  .button-lector {
    padding: 16px 0 16px 35px;
  }
}
.button-lector img {
  margin-right: 33px;
  margin-top: 13px;
}
.button-form {
  color: #ffffff;
  width: auto;
  height: auto;
  padding: 20px 60px;
  background-color: #05b56b;
  background-image: linear-gradient(#05b56b, #05b56b), linear-gradient(45deg, #05b56b 0%, #05bf71 25%, #05b56b 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border: 2px solid transparent;
  border-radius: 30px;
  position: relative;
  transform-style: preserve-3d;
  z-index: 1;
  transition: transform 180ms cubic-bezier(0, 0, 0.58, 1), background 180ms cubic-bezier(0, 0, 0.58, 1);
  padding: 21px 0 22px 0;
  width: 100%;
  margin: 7px 0 40px 0;
}
.button-form .button-background {
  position: absolute;
  content: "";
  width: calc(100% + 2px);
  height: 100%;
  top: 0;
  left: -1px;
  z-index: -11;
  right: 0;
  bottom: 0;
  background: #09965a;
  border-radius: inherit;
  transform: translate3d(0, 12px, -16px);
  transition: transform 180ms cubic-bezier(0, 0, 0.58, 1), box-shadow 180ms cubic-bezier(0, 0, 0.58, 1);
}
.button-form:hover {
  background-color: #04a15f;
  background-image: linear-gradient(#04a15f, #04a15f), linear-gradient(45deg, #04a15f 0%, #05ab65 25%, #04a15f 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transform: translate(0, 0.25em);
}
.button-form:hover .button-background {
  box-shadow: 0 5px 30px #0aa966;
  transform: translate3d(0, 0.5em, -1em);
}
.button-form:active {
  background-color: #04a15f;
  background-image: linear-gradient(#04a15f, #04a15f), linear-gradient(45deg, #04a15f 0%, #05ab65 25%, #04a15f 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transform: translate(0em, 0.75em);
}
.button-form:active .button-background {
  box-shadow: 0 5px 30px #08834e;
  transform: translate3d(0, 0, -1em);
}
@media (min-width: 768px) {
  .button-form {
    max-width: 100%;
    width: 420px;
  }
}
@media (min-width: 1200px) {
  .button-form {
    width: 320px;
    margin: 7px 0 40px 8px;
  }
}
@media (min-width: 768px) {
  .button-form_r {
    max-width: 100%;
    width: 320px;
  }
}
@media (min-width: 1200px) {
  .button-form_r {
    width: 440px;
    margin: 0 40px 0 0;
  }
}
.button-error {
  color: #ffffff;
  width: 100%;
  max-width: 100%;
  height: auto;
  padding: 20px 60px;
  background-color: #e02f2f;
  background-image: linear-gradient(#e02f2f, #e02f2f), linear-gradient(45deg, #e02f2f 0%, #e13838 25%, #e02f2f 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border: 2px solid transparent;
  border-radius: 30px;
  position: relative;
  transform-style: preserve-3d;
  z-index: 1;
  transition: transform 180ms cubic-bezier(0, 0, 0.58, 1), background 180ms cubic-bezier(0, 0, 0.58, 1);
  width: 100%;
  margin: 7px 0 40px 0;
}
.button-error .button-background {
  position: absolute;
  content: "";
  width: calc(100% + 2px);
  height: 100%;
  top: 0;
  left: -1px;
  z-index: -11;
  right: 0;
  bottom: 0;
  background: #e34545;
  border-radius: inherit;
  transform: translate3d(0, 12px, -16px);
  transition: transform 180ms cubic-bezier(0, 0, 0.58, 1), box-shadow 180ms cubic-bezier(0, 0, 0.58, 1);
}
.button-error:hover {
  background-color: #da2121;
  background-image: linear-gradient(#da2121, #da2121), linear-gradient(45deg, #da2121 0%, #df2626 25%, #da2121 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transform: translate(0, 0.25em);
}
.button-error:hover .button-background {
  box-shadow: 0 5px 30px #e65757;
  transform: translate3d(0, 0.5em, -1em);
}
.button-error:active {
  background-color: #da2121;
  background-image: linear-gradient(#da2121, #da2121), linear-gradient(45deg, #da2121 0%, #df2626 25%, #da2121 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transform: translate(0em, 0.75em);
}
.button-error:active .button-background {
  box-shadow: 0 5px 30px #e13333;
  transform: translate3d(0, 0, -1em);
}
@media (min-width: 768px) {
  .button-error {
    width: 420px;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .button-error {
    width: 320px;
    margin: 7px 0 40px 8px;
  }
}
.button-overlay {
  color: #ffffff;
  width: 100%;
  max-width: 100%;
  height: auto;
  padding: 20px 60px;
  background-color: #005df5;
  background-image: linear-gradient(#005df5, #005df5), linear-gradient(45deg, #005df5 0%, #0061ff 25%, #005df5 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border: 2px solid transparent;
  border-radius: 30px;
  position: relative;
  transform-style: preserve-3d;
  z-index: 1;
  transition: transform 180ms cubic-bezier(0, 0, 0.58, 1), background 180ms cubic-bezier(0, 0, 0.58, 1);
  position: relative;
  padding: 20px 0 17px 0;
  text-align: center;
  width: 100%;
  display: block;
  margin: 10px auto 0 auto;
}
.button-overlay .button-background {
  position: absolute;
  content: "";
  width: calc(100% + 2px);
  height: 100%;
  top: 0;
  left: -1px;
  z-index: -11;
  right: 0;
  bottom: 0;
  background: #0b4fbd;
  border-radius: inherit;
  transform: translate3d(0, 12px, -16px);
  transition: transform 180ms cubic-bezier(0, 0, 0.58, 1), box-shadow 180ms cubic-bezier(0, 0, 0.58, 1);
}
.button-overlay:hover {
  background-color: #0055e1;
  background-image: linear-gradient(#0055e1, #0055e1), linear-gradient(45deg, #0055e1 0%, #0059eb 25%, #0055e1 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transform: translate(0, 0.25em);
}
.button-overlay:hover .button-background {
  box-shadow: 0 5px 30px #0c57d0;
  transform: translate3d(0, 0.5em, -1em);
}
.button-overlay:active {
  background-color: #0055e1;
  background-image: linear-gradient(#0055e1, #0055e1), linear-gradient(45deg, #0055e1 0%, #0059eb 25%, #0055e1 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transform: translate(0em, 0.75em);
}
.button-overlay:active .button-background {
  box-shadow: 0 5px 30px #0a47aa;
  transform: translate3d(0, 0, -1em);
}
@media (min-width: 768px) {
  .button-overlay {
    width: 337px;
  }
}
.button-cert {
  color: #ffffff;
  width: 100%;
  max-width: 100%;
  height: auto;
  padding: 20px 60px;
  background-color: #303640;
  background-image: linear-gradient(#303640, #303640), linear-gradient(45deg, #303640 0%, #343b46 25%, #303640 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border: 2px solid transparent;
  border-radius: 30px;
  position: relative;
  transform-style: preserve-3d;
  z-index: 1;
  transition: transform 180ms cubic-bezier(0, 0, 0.58, 1), background 180ms cubic-bezier(0, 0, 0.58, 1);
  position: relative;
  padding: 20px 0 17px 0;
  text-align: center;
  width: 100%;
  display: block;
  margin: 10px auto 0 auto;
}
.button-cert .button-background {
  position: absolute;
  content: "";
  width: calc(100% + 2px);
  height: 100%;
  top: 0;
  left: -1px;
  z-index: -11;
  right: 0;
  bottom: 0;
  background: #3b424f;
  border-radius: inherit;
  transform: translate3d(0, 12px, -16px);
  transition: transform 180ms cubic-bezier(0, 0, 0.58, 1), box-shadow 180ms cubic-bezier(0, 0, 0.58, 1);
}
.button-cert:hover {
  background-color: #272c34;
  background-image: linear-gradient(#272c34, #272c34), linear-gradient(45deg, #272c34 0%, #2c313a 25%, #272c34 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transform: translate(0, 0.25em);
}
.button-cert:hover .button-background {
  box-shadow: 0 5px 30px #444c5a;
  transform: translate3d(0, 0.5em, -1em);
}
.button-cert:active {
  background-color: #272c34;
  background-image: linear-gradient(#272c34, #272c34), linear-gradient(45deg, #272c34 0%, #2c313a 25%, #272c34 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transform: translate(0em, 0.75em);
}
.button-cert:active .button-background {
  box-shadow: 0 5px 30px #323843;
  transform: translate3d(0, 0, -1em);
}
@media (min-width: 768px) {
  .button-cert {
    width: 337px;
  }
}
.button-link {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  background: transparent;
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
  color: #005df5;
  border-bottom: 1px dotted #005df5;
  padding: 0 0 2px 0;
  display: block;
  margin: auto;
  transition: 0.3s;
}
.button-link:hover {
  color: #202020;
  border-bottom: 1px dotted #202020;
}
.button-category {
  display: block;
  text-align: center;
  padding: 15px 0 18px 0;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 36px;
  width: 241px;
  max-width: 100%;
  transition: all 0.3s ease-in-out;
}
.button-category:hover {
  background: rgba(255, 255, 255, 0.3);
}
@media (min-width: 768px) {
  .button-category {
    margin: 0;
  }
}
.button-rates {
  display: block;
  color: #ffffff;
  background: #005df5;
  text-align: center;
  width: 160px;
  max-width: 100%;
  font-size: 16px;
  height: 56px;
  border-radius: 18px;
  padding: 20px 16px;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 1200px) {
  .button-rates {
    width: 210px;
    margin: 0;
  }
}
.button-rates:hover {
  background: rgba(0, 93, 245, 0.8);
}
.button-rates_mobile {
  width: 295px;
  max-width: 100%;
}
.button-rates_o {
  background: #ffffff;
  border: 1px solid #005df5;
  color: #005df5;
}
.button-rates_o:hover {
  background: rgba(0, 93, 245, 0.05);
}
.button-trust {
  display: block;
  color: #ffffff;
  background: #005df5;
  text-align: center;
  width: 325px;
  max-width: 100%;
  height: 56px;
  border-radius: 36px;
  padding: 17px 0 24px 0;
  transition: all 0.3s ease-in-out;
  margin: auto;
}
@media (min-width: 992px) {
  .button-trust {
    margin: 0;
  }
}
.button-trust:hover {
  background: rgba(0, 93, 245, 0.8);
}
.button-more {
  display: inline-flex;
  padding: 0 0 2px 0;
  border-bottom: 1px dotted #13BD76;
  transition: all 0.3s;
  color: #13BD76;
}
.button-more:hover {
  color: #202020;
  border-bottom: 1px dotted #202020;
}
.button-lesson {
  color: #ffffff;
  width: auto;
  height: auto;
  padding: 20px 60px;
  background-color: #05b56b;
  background-image: linear-gradient(#05b56b, #05b56b), linear-gradient(45deg, #05b56b 0%, #05bf71 25%, #05b56b 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border: 2px solid transparent;
  border-radius: 30px;
  position: relative;
  transform-style: preserve-3d;
  z-index: 1;
  transition: transform 180ms cubic-bezier(0, 0, 0.58, 1), background 180ms cubic-bezier(0, 0, 0.58, 1);
  padding: 32px 0 31px;
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
  color: #ffffff;
}
.button-lesson .button-background {
  position: absolute;
  content: "";
  width: calc(100% + 2px);
  height: 100%;
  top: 0;
  left: -1px;
  z-index: -11;
  right: 0;
  bottom: 0;
  background: #09965a;
  border-radius: inherit;
  transform: translate3d(0, 12px, -16px);
  transition: transform 180ms cubic-bezier(0, 0, 0.58, 1), box-shadow 180ms cubic-bezier(0, 0, 0.58, 1);
}
.button-lesson:hover {
  background-color: #04a15f;
  background-image: linear-gradient(#04a15f, #04a15f), linear-gradient(45deg, #04a15f 0%, #05ab65 25%, #04a15f 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transform: translate(0, 0.25em);
}
.button-lesson:hover .button-background {
  box-shadow: 0 5px 30px #0aa966;
  transform: translate3d(0, 0.5em, -1em);
}
.button-lesson:active {
  background-color: #04a15f;
  background-image: linear-gradient(#04a15f, #04a15f), linear-gradient(45deg, #04a15f 0%, #05ab65 25%, #04a15f 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transform: translate(0em, 0.75em);
}
.button-lesson:active .button-background {
  box-shadow: 0 5px 30px #08834e;
  transform: translate3d(0, 0, -1em);
}
@media (min-width: 992px) {
  .button-lesson {
    max-width: 440px;
  }
}
.button-course {
  color: #ffffff;
  width: auto;
  height: auto;
  padding: 20px 60px;
  background-color: #05b56b;
  background-image: linear-gradient(#05b56b, #05b56b), linear-gradient(45deg, #05b56b 0%, #05bf71 25%, #05b56b 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border: 2px solid transparent;
  border-radius: 30px;
  position: relative;
  transform-style: preserve-3d;
  z-index: 1;
  transition: transform 180ms cubic-bezier(0, 0, 0.58, 1), background 180ms cubic-bezier(0, 0, 0.58, 1);
  padding: 21px 0 22px 0;
  position: relative;
  display: block;
  text-align: center;
  color: #ffffff;
}
.button-course .button-background {
  position: absolute;
  content: "";
  width: calc(100% + 2px);
  height: 100%;
  top: 0;
  left: -1px;
  z-index: -11;
  right: 0;
  bottom: 0;
  background: #09965a;
  border-radius: inherit;
  transform: translate3d(0, 12px, -16px);
  transition: transform 180ms cubic-bezier(0, 0, 0.58, 1), box-shadow 180ms cubic-bezier(0, 0, 0.58, 1);
}
.button-course:hover {
  background-color: #04a15f;
  background-image: linear-gradient(#04a15f, #04a15f), linear-gradient(45deg, #04a15f 0%, #05ab65 25%, #04a15f 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transform: translate(0, 0.25em);
}
.button-course:hover .button-background {
  box-shadow: 0 5px 30px #0aa966;
  transform: translate3d(0, 0.5em, -1em);
}
.button-course:active {
  background-color: #04a15f;
  background-image: linear-gradient(#04a15f, #04a15f), linear-gradient(45deg, #04a15f 0%, #05ab65 25%, #04a15f 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transform: translate(0em, 0.75em);
}
.button-course:active .button-background {
  box-shadow: 0 5px 30px #08834e;
  transform: translate3d(0, 0, -1em);
}
@media (min-width: 992px) {
  .button-course {
    width: 280px;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .button-course {
    width: 243px;
  }
}
.button-homework {
  border-radius: 30px;
  background-color: #005df5;
  padding: 21px 0 22px 0;
  position: relative;
  transition: all 0.4s ease-in-out;
  width: 100%;
  margin: 7px 0 40px 0;
  color: #ffffff;
  display: block;
  text-align: center;
}
.button-homework:hover {
  margin: 14px 0 33px 0;
}
.button-homework:hover:before {
  top: 4px;
}
@media (min-width: 480px) {
  .button-homework {
    width: 280px;
    max-width: 100%;
    margin: 27px 0 50px 8px;
  }
  .button-homework:hover {
    margin: 34px 0 43px 8px;
  }
}
@media (min-width: 1200px) {
  .button-homework {
    width: 320px;
    margin: 76px 0 40px 8px;
  }
  .button-homework:hover {
    margin: 83px 0 33px 8px;
  }
}
.button-homework:before {
  content: "";
  position: absolute;
  top: 11px;
  left: 0;
  border-radius: 30px;
  background-color: #0b4fbd;
  z-index: -1;
  width: 100%;
  height: 100%;
  transition: all 0.5s ease-in-out;
}
.button-my {
  border-radius: 30px;
  background-color: #005df5;
  padding: 21px 0 22px 0;
  position: relative;
  transition: all 0.4s ease-in-out;
  width: 100%;
  margin: 7px 0 40px 0;
  color: #ffffff;
  display: block;
  text-align: center;
}
.button-my:hover {
  margin: 14px 0 33px 0;
}
.button-my:hover:before {
  box-shadow: 0 10px 60px #d1d1f3;
  top: 4px;
}
@media (min-width: 480px) {
  .button-my {
    width: 280px;
    max-width: 100%;
    margin: 27px 0 50px 8px;
  }
  .button-my:hover {
    margin: 34px 0 43px 8px;
  }
}
@media (min-width: 1200px) {
  .button-my {
    width: 320px;
    margin: 76px 0 40px 8px;
  }
  .button-my:hover {
    margin: 83px 0 33px 8px;
  }
}
.button-my:before {
  content: "";
  position: absolute;
  top: 11px;
  left: 0;
  border-radius: 30px;
  box-shadow: 0 10px 40px #d1d1f3;
  background-color: #0b4fbd;
  z-index: -1;
  width: 100%;
  height: 100%;
  transition: all 0.5s ease-in-out;
}
.button-password {
  border-radius: 30px;
  background-color: #05b56b;
  padding: 21px 0 22px 0;
  position: relative;
  transition: all 0.4s ease-in-out;
  width: 100%;
  margin: 7px 0 40px 0;
  display: block;
  color: #ffffff;
}
.button-password_o {
  background-color: #005df5;
}
.button-password_o:before {
  background-color: #0b4fbd !important;
}
.button-password:hover {
  margin: 14px 0 33px 0;
}
.button-password:hover:before {
  box-shadow: 0 10px 40px #09965a;
  top: 4px;
}
@media (min-width: 480px) {
  .button-password {
    width: 280px;
    max-width: 100%;
    margin: 7px auto 40px auto;
  }
  .button-password:hover {
    margin: 14px auto 33px auto;
  }
}
@media (min-width: 768px) {
  .button-password {
    margin: 7px 0 40px 0;
  }
  .button-password:hover {
    margin: 14px 0 33px 0;
  }
}
@media (min-width: 1200px) {
  .button-password {
    width: 320px;
  }
}
.button-password:before {
  content: "";
  position: absolute;
  top: 11px;
  left: 0;
  border-radius: 30px;
  box-shadow: 0 10px 40px #c8ecdd;
  background-color: #09965a;
  z-index: -1;
  width: 100%;
  height: 100%;
  transition: all 0.5s ease-in-out;
}
.button-prev-test {
  background: transparent;
  color: #898989;
  padding: 32px;
}
.button-next-test {
  color: #ffffff;
  width: auto;
  height: auto;
  padding: 20px 60px;
  background-color: #05b56b;
  background-image: linear-gradient(#05b56b, #05b56b), linear-gradient(45deg, #05b56b 0%, #05bf71 25%, #05b56b 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border: 2px solid transparent;
  border-radius: 30px;
  position: relative;
  transform-style: preserve-3d;
  z-index: 1;
  transition: transform 180ms cubic-bezier(0, 0, 0.58, 1), background 180ms cubic-bezier(0, 0, 0.58, 1);
  max-width: 100%;
  width: 276px;
}
.button-next-test .button-background {
  position: absolute;
  content: "";
  width: calc(100% + 2px);
  height: 100%;
  top: 0;
  left: -1px;
  z-index: -11;
  right: 0;
  bottom: 0;
  background: #09965a;
  border-radius: inherit;
  transform: translate3d(0, 12px, -16px);
  transition: transform 180ms cubic-bezier(0, 0, 0.58, 1), box-shadow 180ms cubic-bezier(0, 0, 0.58, 1);
}
.button-next-test:hover {
  background-color: #04a15f;
  background-image: linear-gradient(#04a15f, #04a15f), linear-gradient(45deg, #04a15f 0%, #05ab65 25%, #04a15f 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transform: translate(0, 0.25em);
}
.button-next-test:hover .button-background {
  box-shadow: 0 5px 30px #0aa966;
  transform: translate3d(0, 0.5em, -1em);
}
.button-next-test:active {
  background-color: #04a15f;
  background-image: linear-gradient(#04a15f, #04a15f), linear-gradient(45deg, #04a15f 0%, #05ab65 25%, #04a15f 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transform: translate(0em, 0.75em);
}
.button-next-test:active .button-background {
  box-shadow: 0 5px 30px #08834e;
  transform: translate3d(0, 0, -1em);
}
.button-next-test_disabled {
  color: #ffffff;
  width: auto;
  height: auto;
  cursor: not-allowed;
  padding: 20px 60px;
  background-color: #898989;
  background-image: linear-gradient(#898989, #898989), linear-gradient(45deg, #898989 0%, #8e8e8e 25%, #898989 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border: 2px solid transparent;
  border-radius: 30px;
  position: relative;
  transform-style: preserve-3d;
  z-index: 1;
  transition: transform 180ms cubic-bezier(0, 0, 0.58, 1), background 180ms cubic-bezier(0, 0, 0.58, 1);
  max-width: 100%;
  width: 276px;
}
.button-next-test_disabled .button-background {
  position: absolute;
  content: "";
  width: calc(100% + 2px);
  height: 100%;
  top: 0;
  left: -1px;
  z-index: -11;
  right: 0;
  bottom: 0;
  background: #565656;
  border-radius: inherit;
  transform: translate3d(0, 12px, -16px);
  transition: transform 180ms cubic-bezier(0, 0, 0.58, 1), box-shadow 180ms cubic-bezier(0, 0, 0.58, 1);
}
.button-prev-lesson {
  width: 250px;
  max-width: 100%;
  background: #ffffff;
  border: 1px solid;
  color: #005df5;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  line-height: 110%;
  transition: all 0.3s ease-in-out;
  padding: 20px;
  border-radius: 16px;
}
.button-prev-lesson:hover, .button-prev-lesson:active {
  background: #005df5;
  color: #ffffff;
}
.button-next-lesson {
  width: 250px;
  max-width: 100%;
  background: #005df5;
  color: #ffffff;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  line-height: 110%;
  transition: all 0.3s ease-in-out;
  padding: 20px;
  border-radius: 16px;
}
.button-next-lesson:hover, .button-next-lesson:active {
  background: #297aff;
}
.button-next-lesson_buy {
  background: #05b56b;
}
.button-next-lesson_buy:hover, .button-next-lesson_buy:active {
  background: #06ce7a;
}
.button-next-lesson_disabled {
  background: #898989;
}
.button-next-lesson_disabled:hover, .button-next-lesson_disabled:active {
  background: #898989;
  cursor: not-allowed;
}
.button-price_my {
  color: #005df5;
  width: 100%;
  max-width: 100%;
  height: auto;
  padding: 20px 60px;
  background-color: #ffffff;
  background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(45deg, #ffffff 0%, white 25%, #ffffff 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border: 2px solid transparent;
  border-radius: 30px;
  position: relative;
  transform-style: preserve-3d;
  z-index: 1;
  transition: transform 180ms cubic-bezier(0, 0, 0.58, 1), background 180ms cubic-bezier(0, 0, 0.58, 1);
  padding: 21px 0 22px 0;
  position: relative;
  display: block;
  text-align: center;
}
.button-price_my .button-background {
  position: absolute;
  content: "";
  width: calc(100% + 2px);
  height: 100%;
  top: 0;
  left: -1px;
  z-index: -11;
  right: 0;
  bottom: 0;
  background: #bfc3e8;
  border-radius: inherit;
  transform: translate3d(0, 12px, -16px);
  transition: transform 180ms cubic-bezier(0, 0, 0.58, 1), box-shadow 180ms cubic-bezier(0, 0, 0.58, 1);
}
.button-price_my:hover {
  background-color: whitesmoke;
  background-image: linear-gradient(whitesmoke, whitesmoke), linear-gradient(45deg, whitesmoke 0%, #fafafa 25%, whitesmoke 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transform: translate(0, 0.25em);
}
.button-price_my:hover .button-background {
  box-shadow: 0 5px 30px #ced1ed;
  transform: translate3d(0, 0.5em, -1em);
}
.button-price_my:active {
  background-color: whitesmoke;
  background-image: linear-gradient(whitesmoke, whitesmoke), linear-gradient(45deg, whitesmoke 0%, #fafafa 25%, whitesmoke 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transform: translate(0em, 0.75em);
}
.button-price_my:active .button-background {
  box-shadow: 0 5px 30px #b0b5e3;
  transform: translate3d(0, 0, -1em);
}
@media (min-width: 480px) {
  .button-price_my {
    width: 280px;
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .button-price_my {
    width: 320px;
  }
}
.button-goto {
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  width: 100%;
  min-width: 287px;
  text-align: center;
  background: #05b56b;
  border-radius: 33px;
  padding: 16px 0;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.3s;
  display: block;
}
.button-goto:hover {
  background: rgba(5, 181, 107, 0.85);
}
.button-goto:active {
  transform: translateY(2px);
}
.button-social {
  padding: 12px 0 14px;
  margin: 0 0 20px 0;
  width: 295px;
  height: 52px;
  font-size: 16px;
  line-height: 15px;
  color: #ffffff;
  border-radius: 48px;
  justify-content: center;
  display: flex;
  align-items: center;
}
@media (min-width: 992px) {
  .button-social {
    margin: 0 20px 0 0;
  }
}
.button-social img {
  margin: 0 10px 0 0;
}
.button-social_g {
  background: #05b56b;
}
.button-social_b {
  background: #005df5;
}
.button-meet {
  color: #ffffff;
  width: auto;
  height: auto;
  padding: 20px 60px;
  background-color: #05b56b;
  background-image: linear-gradient(#05b56b, #05b56b), linear-gradient(45deg, #05b56b 0%, #05bf71 25%, #05b56b 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border: 2px solid transparent;
  border-radius: 30px;
  position: relative;
  transform-style: preserve-3d;
  z-index: 1;
  transition: transform 180ms cubic-bezier(0, 0, 0.58, 1), background 180ms cubic-bezier(0, 0, 0.58, 1);
  display: block;
  text-align: center;
  position: relative;
  width: 100%;
  padding: 18px 0;
}
.button-meet .button-background {
  position: absolute;
  content: "";
  width: calc(100% + 2px);
  height: 100%;
  top: 0;
  left: -1px;
  z-index: -11;
  right: 0;
  bottom: 0;
  background: #09965a;
  border-radius: inherit;
  transform: translate3d(0, 12px, -16px);
  transition: transform 180ms cubic-bezier(0, 0, 0.58, 1), box-shadow 180ms cubic-bezier(0, 0, 0.58, 1);
}
.button-meet:hover {
  background-color: #04a15f;
  background-image: linear-gradient(#04a15f, #04a15f), linear-gradient(45deg, #04a15f 0%, #05ab65 25%, #04a15f 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transform: translate(0, 0.25em);
}
.button-meet:hover .button-background {
  box-shadow: 0 5px 30px #0aa966;
  transform: translate3d(0, 0.5em, -1em);
}
.button-meet:active {
  background-color: #04a15f;
  background-image: linear-gradient(#04a15f, #04a15f), linear-gradient(45deg, #04a15f 0%, #05ab65 25%, #04a15f 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transform: translate(0em, 0.75em);
}
.button-meet:active .button-background {
  box-shadow: 0 5px 30px #08834e;
  transform: translate3d(0, 0, -1em);
}
.button-meet .button-background {
  transform: translateY(0.55em) translateZ(-1em);
}
.button-meet:hover {
  transform: translateY(0.05em) translateZ(-1em);
}
.button-meet:hover .button-background {
  transform: translateY(0.35em) translateZ(-1em);
}
.button-meet:active {
  transform: translate(0em, 0.45em);
}
.button-meet:active .button-background {
  transform: translateZ(-1em);
}
@media (min-width: 768px) {
  .button-meet {
    width: 309px;
    padding: 18px 0;
  }
}
@media (min-width: 1200px) {
  .button-meet {
    width: 309px;
  }
}
.button-special {
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #05b56b;
  position: relative;
  transform-style: preserve-3d;
  color: #ffffff;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.button-special .button-background {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #09965a;
  border-radius: inherit;
  transform: translate3d(0, 0.25em, -1em);
}
@media (min-width: 0px) {
  .button-special {
    width: 48px;
    height: 45px;
  }
}
@media (min-width: 768px) {
  .button-special {
    color: #ffffff;
    width: auto;
    height: auto;
    padding: 20px 60px;
    background-color: #05b56b;
    background-image: linear-gradient(#05b56b, #05b56b), linear-gradient(45deg, #05b56b 0%, #05bf71 25%, #05b56b 100%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    border: 2px solid transparent;
    border-radius: 30px;
    position: relative;
    transform-style: preserve-3d;
    z-index: 1;
    transition: transform 180ms cubic-bezier(0, 0, 0.58, 1), background 180ms cubic-bezier(0, 0, 0.58, 1);
    border-radius: 16px;
  }
  .button-special .button-background {
    position: absolute;
    content: "";
    width: calc(100% + 2px);
    height: 100%;
    top: 0;
    left: -1px;
    z-index: -11;
    right: 0;
    bottom: 0;
    background: #09965a;
    border-radius: inherit;
    transform: translate3d(0, 12px, -16px);
    transition: transform 180ms cubic-bezier(0, 0, 0.58, 1), box-shadow 180ms cubic-bezier(0, 0, 0.58, 1);
  }
  .button-special:hover {
    background-color: #04a15f;
    background-image: linear-gradient(#04a15f, #04a15f), linear-gradient(45deg, #04a15f 0%, #05ab65 25%, #04a15f 100%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    transform: translate(0, 0.25em);
  }
  .button-special:hover .button-background {
    box-shadow: 0 5px 30px #0aa966;
    transform: translate3d(0, 0.5em, -1em);
  }
  .button-special:active {
    background-color: #04a15f;
    background-image: linear-gradient(#04a15f, #04a15f), linear-gradient(45deg, #04a15f 0%, #05ab65 25%, #04a15f 100%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    transform: translate(0em, 0.75em);
  }
  .button-special:active .button-background {
    box-shadow: 0 5px 30px #08834e;
    transform: translate3d(0, 0, -1em);
  }
  .button-special .button-background {
    transform: translate3d(0, 0.25em, -1em);
  }
  .button-special:hover {
    background: #05ab65;
    transform: translate(0, 0.15em);
  }
  .button-special:hover .button-background {
    box-shadow: 0 0 10px #0aa966;
    transform: translate3d(0, 0.25em, -1em);
  }
  .button-special:active {
    background: #04a15f;
    transform: translate(0em, 0.25em);
  }
  .button-special:active .button-background {
    box-shadow: 0 0 10px #08834e;
    transform: translate3d(0, 0, -1em);
  }
}

.owldots {
  margin-top: 44px;
}

.owldot {
  width: 10px;
  height: 10px;
  background: #d9edff;
  border-radius: 50%;
  border: 0;
  cursor: pointer;
  margin: 0 10px;
  transition: all 0.3s ease-in-out;
}
.owldot:focus, .owldot:active {
  background: #005df5;
}
.owldot.active {
  background: #005df5;
}

.owl__arrow {
  width: 87px;
  height: 87px;
  border-radius: 50%;
  cursor: pointer;
  position: absolute;
  z-index: 1;
}
.owl__arrow__inner {
  position: relative;
  height: 100%;
  width: 100%;
  background: #f7f7f7;
  border-radius: 50%;
  transition: all 0.3s ease;
  box-shadow: 0 0 10px rgba(135, 134, 211, 0.3);
}
.owl__arrow__inner:before, .owl__arrow__inner:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 20px;
  background: #202020;
  left: calc(50% - 10px);
  transition: all 0.3s ease;
  border-radius: 20px;
}
.owl__arrow_left, .owl__arrow_left_review {
  bottom: 10px;
  left: calc(50% - 100px);
}
@media (min-width: 768px) {
  .owl__arrow_left, .owl__arrow_left_review {
    bottom: 220px;
    left: calc(50% - 420px);
  }
}
.owl__arrow_left .owl__arrow__inner:before, .owl__arrow_left_review .owl__arrow__inner:before {
  transform: rotate(45deg);
  top: calc(50% + 7px);
}
.owl__arrow_left .owl__arrow__inner:before:hover, .owl__arrow_left_review .owl__arrow__inner:before:hover {
  transform: rotate(30deg);
}
.owl__arrow_left .owl__arrow__inner:after, .owl__arrow_left_review .owl__arrow__inner:after {
  transform: rotate(-45deg);
  top: calc(50% - 7px);
}
.owl__arrow_left .owl__arrow__inner:after:hover, .owl__arrow_left_review .owl__arrow__inner:after:hover {
  transform: rotate(-30deg);
}
.owl__arrow_left:hover .owl__arrow__inner, .owl__arrow_left_review:hover .owl__arrow__inner {
  background: #ffffff;
  box-shadow: 0 0 20px rgba(135, 134, 211, 0.3);
}
.owl__arrow_left:hover .owl__arrow__inner:before, .owl__arrow_left_review:hover .owl__arrow__inner:before {
  top: calc(50% + 10px);
  transform: rotate(60deg);
}
.owl__arrow_left:hover .owl__arrow__inner:after, .owl__arrow_left_review:hover .owl__arrow__inner:after {
  top: calc(50% - 7px);
  transform: rotate(-60deg);
}
.owl__arrow_right, .owl__arrow_right_review {
  bottom: 10px;
  right: calc(50% - 100px);
}
@media (min-width: 768px) {
  .owl__arrow_right, .owl__arrow_right_review {
    bottom: 220px;
    right: calc(50% - 420px);
  }
}
.owl__arrow_right .owl__arrow__inner:before, .owl__arrow_right_review .owl__arrow__inner:before {
  transform: rotate(-45deg);
  top: calc(50% + 7px);
}
.owl__arrow_right .owl__arrow__inner:after, .owl__arrow_right_review .owl__arrow__inner:after {
  transform: rotate(45deg);
  top: calc(50% - 7px);
}
.owl__arrow_right:hover .owl__arrow__inner, .owl__arrow_right_review:hover .owl__arrow__inner {
  background: #ffffff;
  box-shadow: 0 0 20px rgba(135, 134, 211, 0.3);
}
.owl__arrow_right:hover .owl__arrow__inner:before, .owl__arrow_right_review:hover .owl__arrow__inner:before {
  top: calc(50% + 10px);
  transform: rotate(-60deg);
}
.owl__arrow_right:hover .owl__arrow__inner:after, .owl__arrow_right_review:hover .owl__arrow__inner:after {
  top: calc(50% - 7px);
  transform: rotate(60deg);
}
@media (min-width: 768px) {
  .owl__arrow_right_review, .owl__arrow_left_review {
    bottom: -150px;
  }
}
@media (min-width: 768px) {
  .owl__arrow_right_review {
    right: calc(50% - 100px);
  }
}
@media (min-width: 768px) {
  .owl__arrow_left_review {
    left: calc(50% - 100px);
  }
}

.popup_open {
  overflow: hidden;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  background: rgba(27, 27, 28, 0.75);
  opacity: 0;
  z-index: 7;
}
.overlay_close {
  cursor: pointer;
  position: relative;
  width: 17.86px;
  height: 17.86px;
  left: 62%;
  top: -34px;
}
@media (min-width: 480px) {
  .overlay_close {
    left: 47%;
    top: 0;
  }
}
@media (min-width: 576px) {
  .overlay_close {
    left: 49%;
    top: -24px;
  }
}
@media (min-width: 768px) {
  .overlay_close {
    left: 100%;
    top: -25px;
  }
}
@media (min-width: 992px) {
  .overlay_close {
    left: 95%;
  }
}
.overlay_close:after, .overlay_close:before {
  content: "";
  position: absolute;
  right: 8px;
  bottom: -2px;
  width: 3.79px;
  height: 21.47px;
  background: #ffffff;
  border-radius: 25px;
  transition: all 0.3s;
}
@media (min-width: 480px) {
  .overlay_close:after, .overlay_close:before {
    background: #202020;
  }
}
.overlay_close_o {
  left: 95%;
  top: 5%;
}
.overlay_close_o:after, .overlay_close_o:before {
  background: #202020;
}
@media (min-width: 768px) {
  .overlay_close_o {
    left: 94%;
    top: -5%;
  }
}
.overlay_close:after {
  transform: rotate(-45deg);
}
.overlay_close:before {
  transform: rotate(45deg);
}
.overlay_close:hover:after {
  transform: rotate(-15deg);
}
.overlay_close:hover:before {
  transform: rotate(75deg);
}
.overlay_active {
  opacity: 1;
  width: 100%;
  height: 100%;
  -webkit-animation: show 0.35s ease-in-out;
          animation: show 0.35s ease-in-out;
  transform: scale(1);
  overflow-y: scroll;
  position: fixed;
}
.overlay_hide {
  -webkit-animation: hide 0.35s ease-in-out;
          animation: hide 0.35s ease-in-out;
}
.overlay__inner {
  position: absolute;
  top: 5%;
  left: 10%;
  background: #ffffff;
  border-radius: 24px;
  width: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column wrap;
  margin: 0 auto;
  padding: 20px;
  opacity: 0;
  transform: scale(0);
  transition: all 0.45s 0.15s ease-in-out;
}
.overlay__inner_pay {
  height: auto;
}
.overlay__inner_active {
  opacity: 1;
  transform: scale(1);
  transition: all 0.45s 0.25s ease-in-out;
}
@media (min-width: 576px) {
  .overlay__inner {
    padding: 40px 20px;
  }
}
@media (min-width: 768px) {
  .overlay__inner {
    align-items: initial;
    justify-content: initial;
    padding: 40px;
  }
}
@media (min-width: 992px) {
  .overlay__inner {
    width: 761px;
    height: 611px;
    top: calc(50% - 611px / 2);
    left: calc(50% - 761px / 2);
    padding: 50px 0;
    margin: 0;
    justify-content: initial;
  }
  .overlay__inner_pay {
    height: 777px;
    top: calc(50% - 777px / 2);
    width: 648px;
    left: calc(50% - 648px / 2);
    padding: 50px 50px 10px 50px;
  }
}
.overlay__inner_course {
  top: 0;
  left: 0;
  width: 100%;
  display: block;
  border-radius: 0;
  overflow: auto;
}
@media (min-width: 992px) {
  .overlay__inner_course {
    border-radius: 20px;
    overflow: hidden;
    width: 761px;
    height: 700px;
    top: calc(50% - 700px / 2);
    left: calc(50% - 761px / 2);
    padding: 50px 0;
    margin: 0;
    justify-content: initial;
  }
}
@media (min-width: 1200px) {
  .overlay__inner_course {
    width: 1020px;
    height: 785px;
    top: calc(50% - 785px / 2);
    left: calc(50% - 1020px / 2);
    padding: 90px 56px;
  }
}
.overlay__inner__title {
  text-align: center;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) {
  .overlay__inner__title {
    margin: 0 0 20px 0;
  }
}
.overlay__inner__title h4 {
  color: #005df5;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 29px;
  line-height: 27px;
}
@media (min-width: 480px) {
  .overlay__inner__title h4 {
    font-size: 32px;
  }
}
.overlay__inner__title_b {
  white-space: pre-line;
  margin: 0;
}
.overlay__inner__title_b h4 {
  color: #202020;
  font-size: 35px;
  line-height: 42px;
}
.overlay__inner__title_c {
  text-align: left;
  margin: 0 0 16px 0;
}
.overlay__inner__title_c h4 {
  color: #202020;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 28px;
  line-height: 38px;
}
@media (min-width: 1200px) {
  .overlay__inner__title_c h4 {
    padding: 0 52px 0 0;
    font-size: 36px;
    line-height: 48.96px;
  }
}
.overlay__inner__title_c span {
  color: #005df5;
}
.overlay__inner__hint {
  color: #898989;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 15px;
  line-height: 21px;
  margin: 0 0 36px 0;
}
@media (min-width: 1200px) {
  .overlay__inner__hint {
    margin: 0 0 48px 0;
  }
}
.overlay__inner__contract {
  color: #898989;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 12px;
  line-height: 16.32px;
  padding: 0 10px 0 0;
}
.overlay__inner__contract a {
  color: #05b56b;
}
@media (min-width: 1200px) {
  .overlay__inner__contract {
    margin: 32px 0 0 0;
  }
}
.overlay__inner__price {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 32px;
  line-height: 32px;
  text-align: center;
  color: #e34981;
}
@media (min-width: 768px) {
  .overlay__inner__price {
    font-size: 48px;
    line-height: 48px;
  }
}
.overlay__inner__price_old {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-size: 25px;
  line-height: 30px;
  text-align: center;
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
  color: #202020;
}
.overlay__inner__subtitle {
  text-align: center;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) {
  .overlay__inner__subtitle {
    white-space: pre-line;
    margin: 0 0 20px 0;
  }
}
.overlay__inner__subtitle p {
  color: #000000;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  line-height: 21px;
}
.overlay__inner__conf {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  text-align: center;
  color: #B8BBC1;
}
.overlay__inner__conf_p {
  text-align: left;
  font-size: 16px;
  line-height: 29px;
  color: #202020;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.overlay__inner__form {
  z-index: 7;
}
@media (min-width: 992px) {
  .overlay__inner__form {
    padding: 0 60px;
  }
  .overlay__inner__form_p {
    padding: 0;
  }
}
.overlay__inner__input {
  display: block;
  margin: 0 auto 31px auto;
  width: 100%;
  border-radius: 18px;
  background-color: #FFFFFF;
  border: 1px solid #E4E4E4;
  text-align: left;
  padding: 20px 0 23px 20px;
  color: #202020;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  font-weight: 500;
  line-height: 12.99px;
  position: relative;
  max-width: 412px;
}
@media (min-width: 768px) {
  .overlay__inner__input {
    max-width: 420px;
  }
}
.overlay__inner__input_100 {
  max-width: 100%;
  text-align: left;
  padding: 20px 23px 23px 23px;
}
.overlay__inner__input_error {
  box-shadow: inset 1px 1px 2px #e94b3c;
}
@media (min-width: 992px) {
  .overlay__inner__input {
    margin: 0 auto 20px auto;
  }
}
.overlay__inner__nested {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0 auto 31px auto;
  position: relative;
  max-width: 412px;
}
@media (min-width: 768px) {
  .overlay__inner__nested {
    max-width: 420px;
  }
}
.overlay__inner__nested_r {
  max-width: 100%;
}
@media (min-width: 768px) {
  .overlay__inner__nested_r {
    max-width: 320px;
  }
}
@media (min-width: 992px) {
  .overlay__inner__nested_r {
    margin: 0 0 12px 0;
  }
}
@media (min-width: 1200px) {
  .overlay__inner__nested_r {
    margin: 0 0 32px 0;
    max-width: 100%;
    width: 440px;
  }
}
.overlay__inner__nested__picker {
  border-bottom-left-radius: 18px;
  border-top-left-radius: 18px;
  background-color: #FFFFFF;
  border: 1px solid #E4E4E4;
  color: #202020;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  font-weight: 500;
  line-height: 12.99px;
  min-width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.overlay__inner__nested__picker_active .overlay__inner__nested__chevron {
  transform: rotate(180deg);
}
.overlay__inner__nested__chevron {
  transition: all 0.35s ease-in-out;
  margin-left: 5px;
}
.overlay__inner__nested__input {
  border-bottom-right-radius: 18px;
  border-top-right-radius: 18px;
  background-color: #FFFFFF;
  border-left: 0;
  border-top: 1px solid #E4E4E4;
  border-bottom: 1px solid #E4E4E4;
  border-right: 1px solid #E4E4E4;
  color: #202020;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  font-weight: 500;
  line-height: 12.99px;
  width: 100%;
  padding: 20px 0 23px 0;
}
.overlay__inner__nested__code {
  background-color: #FFFFFF;
  border-left: 0;
  border-top: 1px solid #E4E4E4;
  border-bottom: 1px solid #E4E4E4;
  border-right: 0;
  color: #202020;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  font-weight: 500;
  line-height: 12.99px;
  padding: 20px 0 23px 8px;
  display: flex;
}
.overlay__inner__flags {
  display: block;
  position: absolute;
  background-color: #FFFFFF;
  top: 110%;
  left: 0;
  width: 100%;
  height: 300%;
  border-radius: 16px;
  border: 1px solid #E4E4E4;
  max-width: 412px;
  z-index: 0;
  padding: 12px 9px;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s 0.15s ease-in-out;
}
.overlay__inner__flags_active {
  opacity: 1;
  z-index: 2;
  visibility: visible;
  transition: all 0.25s 0.25s ease-in-out;
}
@media (min-width: 768px) {
  .overlay__inner__flags {
    max-width: 420px;
  }
}
.overlay__inner__flags--item {
  display: flex;
  margin: 0 0 4px 0;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  color: #202020;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
}
.overlay__inner__flags--item_left {
  display: flex;
  align-items: center;
}
.overlay__inner__flags--item_left .flag {
  margin: 0 4px 0 0;
}
.overlay__inner__label {
  position: absolute;
  top: -25px;
  left: 25px;
  color: #e94b3c;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  line-height: 21px;
  display: none;
}
.overlay__inner__remember {
  display: flex;
  justify-content: center;
  margin: 0 0 -20px 0;
  height: 50px;
}
.overlay__inner__text {
  color: #000000;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  line-height: 21px;
  position: relative;
  margin: 0 0 0 20px;
  cursor: pointer;
}
.overlay__inner__text:before {
  content: "";
  position: absolute;
  top: -4px;
  left: -65px;
  width: 50px;
  height: 26px;
  border-radius: 13px;
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
  background: #cacae2;
  transition: 0.2s;
  cursor: pointer;
}
.overlay__inner__text:after {
  content: "";
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -2px;
  left: -63px;
  width: 22px;
  height: 22px;
  border-radius: 10px;
  background: #ffffff;
  color: #005df5;
  font-size: 28px;
  line-height: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
  transition: 0.2s;
  cursor: pointer;
}
.overlay__inner__checkbox input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  margin: 10px 0 0 20px;
}
.overlay__inner__checkbox input:checked + .overlay__inner__text:before {
  background: #005df5;
}
.overlay__inner__checkbox input:checked + .overlay__inner__text:after {
  content: "";
  left: -39px;
}
.overlay__inner__checkbox input:focus + .overlay__inner__text:before {
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
}
.overlay__inner__after {
  margin: 30px 0 0 0;
}
@media (min-width: 768px) {
  .overlay__inner__after {
    margin: 40px 0 0 0;
  }
}
.overlay__inner__hr {
  border: 1px solid #e9e9e9;
}
.overlay__inner__rate {
  border-radius: 20px;
  border: 1px solid #e9e9e9;
  padding: 0 20px;
  margin: 36px 0 0 0;
}
@media (min-width: 768px) {
  .overlay__inner__rate {
    margin: 0;
    height: 100%;
  }
}
@media (min-width: 992px) {
  .overlay__inner__rate {
    margin: 0 0 0 20px;
  }
}
@media (min-width: 1200px) {
  .overlay__inner__rate {
    margin: 0;
  }
}
.overlay__inner__rate--header {
  display: flex;
  justify-content: space-between;
  margin: 0 0 64px 0;
}
.overlay__inner__rate--header_left {
  padding: 0 5px 0 0;
}
.overlay__inner__rate--title {
  color: #202020;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 20px;
  line-height: 28px;
  margin: 32px 0 16px 0;
}
.overlay__inner__rate--subtitle {
  color: #898989;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 15px;
  line-height: 21px;
  padding: 0 5px 0 0;
}
.overlay__inner__rate--sale {
  background: #005df5;
  color: #ffffff;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  padding: 32px 12px 28px 12px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  max-width: 88px;
  display: none;
}
@media (min-width: 410px) {
  .overlay__inner__rate--sale {
    display: block;
  }
}
.overlay__inner__rate--sale__count {
  font-size: 24px;
  line-height: 33.6px;
  margin: 0 0 4px 0;
}
.overlay__inner__rate--sale__date {
  font-size: 12px;
  line-height: 16.8px;
}
.overlay__inner__rate--body {
  margin: 0 0 64px 0;
}
.overlay__inner__rate--body__price {
  color: #898989;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 15px;
}
.overlay__inner__rate--body__price span {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 45px;
  color: #005df5;
  line-height: 61.2px;
  font-weight: 700;
}
.overlay__inner__rate--body__oldprice {
  color: #898989;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 20px;
  line-height: 27.2px;
  text-decoration: line-through;
}
.overlay__inner__rate--auth {
  margin: 20px 0 32px 0;
  color: #202020;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 15px;
  line-height: 18px;
}
.overlay__inner__rate--auth a {
  color: #005df5;
}

.search__wrap {
  background: transparent;
  width: 96%;
  left: 2%;
  padding: 0;
}
@media (min-width: 768px) {
  .search__wrap {
    width: 100%;
    left: 0;
    top: 0;
    border-radius: 0;
    background: #005df5;
    padding: 22px 5%;
    background: #005df5;
    height: auto;
    display: grid;
  }
}
.search__wrap--form {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 50px;
  background: #ffffff;
  border: 0;
  border-radius: 14px;
  padding: 0 12px 0 0;
  max-width: 1200px;
}
@media (min-width: 768px) {
  .search__wrap--form {
    height: 56px;
    border-radius: 18px;
    justify-self: center;
  }
}
.search__wrap--submit {
  background: transparent url(/img/svg/search_icon_black.svg) no-repeat center center;
  width: 60px;
  height: 100%;
}
.search__wrap--input {
  width: 100%;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 20px;
  border: 0;
  height: 50px;
  background: transparent;
}
.search__wrap--input::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.search__wrap--input:-ms-input-placeholder {
  color: #999999;
  opacity: 1;
}
.search__wrap--input::placeholder {
  color: #999999;
  opacity: 1;
}
@media (min-width: 768px) {
  .search__wrap--input {
    height: 56px;
    font-size: 22px;
  }
}
.search__wrap--reset {
  width: 24px;
  height: 24px;
  background: #D9D9D9;
  cursor: pointer;
  border-radius: 50%;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  transition: all 0.3s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-basis: 24px;
  flex-shrink: 0;
}
.search__wrap--reset:active, .search__wrap--reset:hover {
  background: transparent;
}

.toast-message {
  word-wrap: break-word;
  text-align: center;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.toast-message a, .toast-message label {
  color: #ffffff;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width div {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 992px) {
  .toast-top-full-width div {
    width: 992px;
  }
}
@media (min-width: 1200px) {
  .toast-top-full-width div {
    width: 1200px;
  }
}
.toast-success {
  background-color: #05b56b;
}
.toast-error {
  background-color: #e02f2f;
}
.toast-info {
  background-color: #2a2a2d;
}
.toast-warning {
  background-color: #ddd166;
}

#toast-container {
  position: fixed;
  z-index: 999999;
  pointer-events: none;
  top: 12px;
}
@media (min-width: 576px) {
  #toast-container {
    top: 28px;
  }
}
@media (min-width: 768px) {
  #toast-container {
    top: 22px;
  }
}
@media (min-width: 992px) {
  #toast-container {
    top: 32px;
  }
}
#toast-container div {
  position: relative;
  pointer-events: auto;
  overflow: hidden;
  margin: 0 0 6px;
  width: 300px;
  padding: 8px 10px;
  color: #FFFFFF;
  opacity: 0.98;
  filter: alpha(opacity=98);
}
@media (min-width: 480px) {
  #toast-container div {
    padding: 44px 0;
  }
}
@media (min-width: 576px) {
  #toast-container div {
    padding: 41px 0;
    border-radius: 30px 30px 30px 30px;
  }
}
@media (min-width: 768px) {
  #toast-container div {
    padding: 27px 0;
    border-radius: 43px 43px 43px 43px;
  }
}
@media (min-width: 992px) {
  #toast-container div {
    padding: 12px 0;
    border-radius: 73px 73px 73px 73px;
  }
}
#toast-container div div:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  cursor: pointer;
}

#toast-container.toast-top-full-width div {
  width: 90%;
  border-radius: 43px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 992px) {
  #toast-container.toast-top-full-width div {
    width: 992px;
  }
}
@media (min-width: 1200px) {
  #toast-container.toast-top-full-width div {
    width: 1200px;
  }
}

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

.controls {
  display: flex;
  flex-flow: column;
  position: fixed;
  bottom: 15%;
  right: 5%;
}

.to_up {
  display: none;
  width: 52px;
  height: 52px;
  background: rgba(0, 93, 245, 0.8);
  border-radius: 7px;
  padding: 20px 15px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: background 0.3s ease-in-out, opacity 0.5s ease-in-out, visibility 0.35s ease-in-out;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
}
@media (min-width: 768px) {
  .to_up {
    display: flex;
  }
}
.to_up_visible {
  opacity: 1;
  visibility: visible;
}
.to_up:hover {
  background: #004ac2;
}
.to_up img {
  transform: rotateX(180deg);
}

.to_anim {
  display: none;
  transform: rotateX(180deg);
  width: 52px;
  height: 52px;
  background: rgba(0, 93, 245, 0.8);
  border-radius: 7px;
  padding: 13px 12px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: background 0.3s ease-in-out, opacity 0.5s ease-in-out, visibility 0.35s ease-in-out;
  z-index: 5;
  margin: 14px 0 0 0;
}
@media (min-width: 768px) {
  .to_anim {
    display: flex;
  }
}
.to_anim_visible {
  opacity: 1;
  visibility: visible;
}
.to_anim:hover {
  background: #004ac2;
}
.to_anim img {
  transform: rotateX(180deg);
}

.reviews {
  background: #ffffff;
  padding: 20px 0;
}

.border {
  list-style: none;
  padding: 0;
}
.border li {
  padding: 7px 13px 7px 14px;
  margin-bottom: 10px;
  border-radius: 5px;
  border-left: 10px solid #005df5;
  transition: 0.3s all linear;
  box-shadow: 2px -2px 5px 0 rgba(0, 93, 245, 0.1), -2px -2px 5px 0 rgba(0, 93, 245, 0.1), 2px 2px 5px 0 rgba(0, 93, 245, 0.1), -2px 2px 5px 0 rgba(0, 93, 245, 0.1);
}
.border li:nth-child(2) {
  border-color: #05b56b;
  box-shadow: 2px -2px 5px 0 rgba(5, 181, 107, 0.1), -2px -2px 5px 0 rgba(5, 181, 107, 0.1), 2px 2px 5px 0 rgba(5, 181, 107, 0.1), -2px 2px 5px 0 rgba(5, 181, 107, 0.1);
}
.border li:nth-child(3) {
  border-color: #5858ef;
  box-shadow: 2px -2px 5px 0 rgba(88, 88, 239, 0.1), -2px -2px 5px 0 rgba(88, 88, 239, 0.1), 2px 2px 5px 0 rgba(88, 88, 239, 0.1), -2px 2px 5px 0 rgba(88, 88, 239, 0.1);
}
.border li:nth-child(4) {
  border-color: #e34981;
  box-shadow: 2px -2px 5px 0 rgba(227, 73, 129, 0.1), -2px -2px 5px 0 rgba(227, 73, 129, 0.1), 2px 2px 5px 0 rgba(227, 73, 129, 0.1), -2px 2px 5px 0 rgba(227, 73, 129, 0.1);
}
.border li:nth-child(5) {
  border-color: #303640;
  box-shadow: 2px -2px 5px 0 rgba(48, 54, 64, 0.1), -2px -2px 5px 0 rgba(48, 54, 64, 0.1), 2px 2px 5px 0 rgba(48, 54, 64, 0.1), -2px 2px 5px 0 rgba(48, 54, 64, 0.1);
}
.border li:hover {
  border-left: 10px solid transparent;
}
.border li:nth-child(1):hover {
  border-right: 10px solid #005df5;
}
.border li:nth-child(2):hover {
  border-right: 10px solid #05b56b;
}
.border li:nth-child(3):hover {
  border-right: 10px solid #5858ef;
}
.border li:nth-child(4):hover {
  border-right: 10px solid #e34981;
}
.border li:nth-child(5):hover {
  border-right: 10px solid #303640;
}
.border li:nth-child(6):hover {
  border-right: 10px solid #005df5;
}

.iti--separate-dial-code .iti__selected-flag {
  background: transparent !important;
}

.phone__picker {
  display: none;
}

.owl-next, .owl-prev {
  display: none !important;
}

* {
  outline: none !important;
  box-sizing: border-box;
  text-decoration: none;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}

body {
  background: #f8f8fd;
  overflow-y: scroll;
}

img {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

::-moz-selection {
  background-color: #202020;
  color: #005df5;
}

::selection {
  background-color: #202020;
  color: #005df5;
}

.blue {
  background-color: #005df5;
}
.blue_o {
  background-color: #2577FD;
  fill: #2577FD;
}

.darkgrey {
  background-color: #303640;
}
.darkgrey_o {
  background-color: #303640;
  fill: #303640;
}

.purple {
  background-color: #5858ef;
}
.purple_o {
  background-color: #6B6BFF;
  fill: #6B6BFF;
}

.pink {
  background-color: #e34981;
}
.pink_o {
  background-color: #E34981;
  fill: #E34981;
}

.green {
  background-color: #05b56b;
}
.green_o {
  background-color: #05B56B;
  fill: #05B56B;
}

.bordoe {
  background-color: #800000;
  box-shadow: 10px -7px 4px rgba(128, 0, 0, 0.56), 17px -12px 10px rgba(128, 0, 0, 0.53);
  transition: all 0.3s ease-in-out;
}
.bordoe_o {
  background-color: #4d0000;
  fill: #4d0000;
}
.bordoe:hover {
  box-shadow: 2px 2px 1px rgba(128, 0, 0, 0.51), 4px 4px 15px rgba(128, 0, 0, 0.57);
  transform: translate3D(11px, -13px, 0);
}

.darkblue {
  background-color: #00008b;
  box-shadow: 10px -7px 4px rgba(0, 0, 139, 0.56), 17px -12px 10px rgba(0, 0, 139, 0.53);
  transition: all 0.3s ease-in-out;
}
.darkblue_o {
  background-color: #000058;
  fill: #000058;
}
.darkblue:hover {
  box-shadow: 2px 2px 1px rgba(0, 0, 139, 0.51), 4px 4px 15px rgba(0, 0, 139, 0.57);
  transform: translate3D(11px, -13px, 0);
}

.olive {
  background-color: #808000;
  box-shadow: 10px -7px 4px rgba(128, 128, 0, 0.56), 17px -12px 10px rgba(128, 128, 0, 0.53);
  transition: all 0.3s ease-in-out;
}
.olive_o {
  background-color: #4d4d00;
  fill: #4d4d00;
}
.olive:hover {
  box-shadow: 2px 2px 1px rgba(128, 128, 0, 0.51), 4px 4px 15px rgba(128, 128, 0, 0.57);
  transform: translate3D(11px, -13px, 0);
}

.darkrown {
  background-color: #8B4513;
  box-shadow: 10px -7px 4px rgba(139, 69, 19, 0.56), 17px -12px 10px rgba(139, 69, 19, 0.53);
  transition: all 0.3s ease-in-out;
}
.darkrown_o {
  background-color: #5e2f0d;
  fill: #5e2f0d;
}
.darkrown:hover {
  box-shadow: 2px 2px 1px rgba(139, 69, 19, 0.51), 4px 4px 15px rgba(139, 69, 19, 0.57);
  transform: translate3D(11px, -13px, 0);
}

.darkgreen {
  background-color: #006400;
  box-shadow: 10px -7px 4px rgba(0, 100, 0, 0.56), 17px -12px 10px rgba(0, 100, 0, 0.53);
  transition: all 0.3s ease-in-out;
}
.darkgreen_o {
  background-color: #003100;
  fill: #003100;
}
.darkgreen:hover {
  box-shadow: 2px 2px 1px rgba(0, 100, 0, 0.51), 4px 4px 15px rgba(0, 100, 0, 0.57);
  transform: translate3D(11px, -13px, 0);
}

.darkred {
  background-color: #8B0000;
  box-shadow: 10px -7px 4px rgba(139, 0, 0, 0.56), 17px -12px 10px rgba(139, 0, 0, 0.53);
  transition: all 0.3s ease-in-out;
}
.darkred_o {
  background-color: #580000;
  fill: #580000;
}
.darkred:hover {
  box-shadow: 2px 2px 1px rgba(139, 0, 0, 0.51), 4px 4px 15px rgba(139, 0, 0, 0.57);
  transform: translate3D(11px, -13px, 0);
}

.zoloto-yellow {
  background-color: #FFD700;
  box-shadow: 10px -7px 4px rgba(255, 215, 0, 0.56), 17px -12px 10px rgba(255, 215, 0, 0.53);
  transition: all 0.3s ease-in-out;
}
.zoloto-yellow_o {
  background-color: #ccac00;
  fill: #ccac00;
}
.zoloto-yellow:hover {
  box-shadow: 2px 2px 1px rgba(255, 215, 0, 0.51), 4px 4px 15px rgba(255, 215, 0, 0.57);
  transform: translate3D(11px, -13px, 0);
}

.yantar {
  background-color: #FFBF00;
  box-shadow: 10px -7px 4px rgba(255, 191, 0, 0.56), 17px -12px 10px rgba(255, 191, 0, 0.53);
  transition: all 0.3s ease-in-out;
}
.yantar_o {
  background-color: #cc9900;
  fill: #cc9900;
}
.yantar:hover {
  box-shadow: 2px 2px 1px rgba(255, 191, 0, 0.51), 4px 4px 15px rgba(255, 191, 0, 0.57);
  transform: translate3D(11px, -13px, 0);
}

.sands {
  background-color: #F4A460;
  box-shadow: 10px -7px 4px rgba(244, 164, 96, 0.56), 17px -12px 10px rgba(244, 164, 96, 0.53);
  transition: all 0.3s ease-in-out;
}
.sands_o {
  background-color: #f18930;
  fill: #f18930;
}
.sands:hover {
  box-shadow: 2px 2px 1px rgba(244, 164, 96, 0.51), 4px 4px 15px rgba(244, 164, 96, 0.57);
  transform: translate3D(11px, -13px, 0);
}

.kirpich {
  background-color: #B22222;
  box-shadow: 10px -7px 4px rgba(178, 34, 34, 0.56), 17px -12px 10px rgba(178, 34, 34, 0.53);
  transition: all 0.3s ease-in-out;
}
.kirpich_o {
  background-color: #871a1a;
  fill: #871a1a;
}
.kirpich:hover {
  box-shadow: 2px 2px 1px rgba(178, 34, 34, 0.51), 4px 4px 15px rgba(178, 34, 34, 0.57);
  transform: translate3D(11px, -13px, 0);
}

.karmin {
  background-color: #FF6F61;
  box-shadow: 10px -7px 4px rgba(255, 111, 97, 0.56), 17px -12px 10px rgba(255, 111, 97, 0.53);
  transition: all 0.3s ease-in-out;
}
.karmin_o {
  background-color: #ff412e;
  fill: #ff412e;
}
.karmin:hover {
  box-shadow: 2px 2px 1px rgba(255, 111, 97, 0.51), 4px 4px 15px rgba(255, 111, 97, 0.57);
  transform: translate3D(11px, -13px, 0);
}

.strawberry {
  background-color: #DB7093;
  box-shadow: 10px -7px 4px rgba(219, 112, 147, 0.56), 17px -12px 10px rgba(219, 112, 147, 0.53);
  transition: all 0.3s ease-in-out;
}
.strawberry_o {
  background-color: #d14774;
  fill: #d14774;
}
.strawberry:hover {
  box-shadow: 2px 2px 1px rgba(219, 112, 147, 0.51), 4px 4px 15px rgba(219, 112, 147, 0.57);
  transform: translate3D(11px, -13px, 0);
}

.salad {
  background-color: #7FFF00;
  box-shadow: 10px -7px 4px rgba(127, 255, 0, 0.56), 17px -12px 10px rgba(127, 255, 0, 0.53);
  transition: all 0.3s ease-in-out;
}
.salad_o {
  background-color: #66cc00;
  fill: #66cc00;
}
.salad:hover {
  box-shadow: 2px 2px 1px rgba(127, 255, 0, 0.51), 4px 4px 15px rgba(127, 255, 0, 0.57);
  transform: translate3D(11px, -13px, 0);
}

.izumrud {
  background-color: #50C878;
  box-shadow: 10px -7px 4px rgba(80, 200, 120, 0.56), 17px -12px 10px rgba(80, 200, 120, 0.53);
  transition: all 0.3s ease-in-out;
}
.izumrud_o {
  background-color: #37ae5f;
  fill: #37ae5f;
}
.izumrud:hover {
  box-shadow: 2px 2px 1px rgba(80, 200, 120, 0.51), 4px 4px 15px rgba(80, 200, 120, 0.57);
  transform: translate3D(11px, -13px, 0);
}

.darkgreen {
  background-color: #006400;
  box-shadow: 10px -7px 4px rgba(0, 100, 0, 0.56), 17px -12px 10px rgba(0, 100, 0, 0.53);
  transition: all 0.3s ease-in-out;
}
.darkgreen_o {
  background-color: #003100;
  fill: #003100;
}
.darkgreen:hover {
  box-shadow: 2px 2px 1px rgba(0, 100, 0, 0.51), 4px 4px 15px rgba(0, 100, 0, 0.57);
  transform: translate3D(11px, -13px, 0);
}

section {
  overflow: hidden;
}

@-webkit-keyframes hide {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(0);
    opacity: 0;
  }
}

@keyframes hide {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(0);
    opacity: 0;
  }
}
@-webkit-keyframes show {
  from {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes show {
  from {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes rotate {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
html {
  scroll-behavior: smooth;
}

@-webkit-keyframes drop {
  15%, 100% {
    opacity: 0;
    transform: translateY(50px);
  }
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
}

@keyframes drop {
  15%, 100% {
    opacity: 0;
    transform: translateY(50px);
  }
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
}
.h {
  position: absolute;
  opacity: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  visibility: hidden;
}

/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.header {
  position: static;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 6;
  background-color: #f8f8fd;
  padding: 10px 0 30px 0;
}
@media (min-width: 992px) {
  .header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .header {
    padding: 20px 0;
  }
}
.header-right {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: flex-end;
}
.header-logo {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 30px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 15px 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media (min-width: 480px) {
  .header-logo {
    font-size: 36px;
  }
}
@media (min-width: 992px) {
  .header-logo {
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .header-logo {
    margin: 0 42px 0 0;
  }
}
.header-logo__img {
  height: 33px;
}
.header-logo__text {
  color: #202020;
}
.header-logo__text_o {
  color: #005df5;
}
.header-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-choice {
  position: relative;
  z-index: 5;
  display: flex;
  justify-content: center;
  flex-grow: 1;
  max-width: 265px;
}
@media (min-width: 768px) {
  .header-choice {
    margin: 10px 0 0 0;
  }
}
@media (min-width: 768px) {
  .header-choice {
    margin: 0;
  }
}
.header-choice__button {
  display: flex;
  flex-grow: 1;
}
.header-search {
  margin: 0 0 0 15px;
}
.header-icons {
  display: none;
}
@media (min-width: 480px) {
  .header-icons {
    z-index: 5;
    display: flex;
    margin: 4px 10px 33px 0;
  }
}
@media (min-width: 576px) {
  .header-icons {
    margin: 0 35px 20px auto;
  }
}
@media (min-width: 768px) {
  .header-icons {
    margin: 10px 35px 0 auto;
  }
}
@media (min-width: 992px) {
  .header-icons {
    margin: 0 0 0px -20px;
  }
}
@media (min-width: 1200px) {
  .header-icons {
    margin: 4px -12px 0 75px;
  }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .header-icons {
    margin: 4px -12px 0 65px;
  }
}
.header-icons__blue, .header-icons__green, .header-icons__lightblue {
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-icons__lightblue {
  background-color: #36a4dd;
  width: 36px;
  height: 38px;
  border-radius: 50%;
  margin-right: 9px;
  transition: all 0.3s;
}
.header-icons__lightblue:hover {
  background-color: #62b8e4;
}
.header-icons__blue {
  background-color: #136dc1;
  width: 36px;
  height: 38px;
  border-radius: 50%;
  margin-right: 9px;
  transition: all 0.3s;
}
.header-icons__blue:hover {
  background-color: #1e87e9;
}
.header-icons__green {
  background-color: #05b56b;
  width: 37px;
  height: 38px;
  border-radius: 50%;
  transition: all 0.3s;
}
.header-icons__green:hover {
  background-color: #06e788;
}
.header-phone {
  display: none;
}
@media (min-width: 576px) {
  .header-phone {
    display: flex;
    flex-flow: column;
    margin: 0 0 20px 0;
    color: #202020;
    font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    text-align: right;
  }
}
@media (min-width: 768px) {
  .header-phone {
    margin: 0;
  }
}
@media (min-width: 992px) {
  .header-phone {
    align-items: flex-end;
  }
}
@media (min-width: 1200px) {
  .header-phone {
    margin: 4px -8px 0 auto;
  }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .header-phone {
    margin: 4px 0 0 auto;
  }
}
.header-phone__number {
  font-size: 20px;
  line-height: 26.54px;
  margin-bottom: 6px;
  display: flex;
  flex-flow: column;
  color: #202020;
  transition: all 0.3s;
}
.header-phone__number:hover {
  color: #535353;
}
.header-phone__number span {
  font-size: 12px;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.header-phone__number a {
  font-size: 20px;
  line-height: 26.54px;
  color: #202020;
  transition: all 0.3s;
}
.header-phone__number a:hover {
  color: #535353;
}
.header-phone__link {
  text-align: center;
}
@media (min-width: 1200px) {
  .header-phone__link {
    text-align: right;
  }
}
.header-phone__link button, .header-phone__link a {
  color: #202020;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  line-height: 18.58px;
  text-decoration: underline;
  border: 0;
  background: transparent;
  transition: all 0.3s;
}
.header-phone__link button:hover, .header-phone__link a:hover {
  color: #535353;
}
.header-phone__link_m {
  width: 100%;
  max-width: 152px;
  text-align: center;
  margin: 0 0 15px 0;
  height: 51px;
  line-height: 51px;
}
@media (min-width: 768px) {
  .header-phone__link_m {
    margin: 0;
  }
}
.header-phone__link_m a {
  display: block;
  width: 100%;
  height: 100%;
}
.header-phone__link_m a:visited {
  color: #005df5;
}
.header-login {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 0 0 15px 0;
  width: 100%;
}
.header-login__dashboard {
  justify-content: flex-start;
}
@media (min-width: 480px) {
  .header-login {
    padding: 5px 0;
  }
}
@media (min-width: 768px) {
  .header-login {
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .header-login {
    margin: -5px -31px 0 17px;
  }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .header-login {
    margin: -5px 0 0 0;
  }
}
.header-login__auth {
  padding: 18px 15px;
  background: #ffffff;
  border-radius: 18px;
  transition: border 0.3s;
  position: relative;
  width: 152px;
}
@media (min-width: 768px) {
  .header-login__auth {
    margin: 0 -22px 0 0;
  }
}
@media (min-width: 1200px) {
  .header-login__auth {
    width: 180px;
    min-width: 180px;
    margin: 0;
  }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .header-login__auth {
    margin: 0 0 0 -20px;
  }
}
.header-login__auth:before {
  content: "";
  width: 100%;
  height: 153px;
  position: absolute;
  top: -1000%;
  left: 0;
  z-index: -1;
  box-shadow: 0 4px 40px rgba(201, 201, 233, 0.5);
  border-radius: 18px;
  opacity: 0;
  transition: opacity 0.3s;
}
.header-login__auth:hover, .header-login__auth:focus {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.header-login__auth:hover:before, .header-login__auth:focus:before {
  top: 0;
  opacity: 1;
}
.header-login__auth:hover .header-login__auth__list, .header-login__auth:focus .header-login__auth__list {
  transform: translateY(0);
  z-index: 8;
  opacity: 1;
  visibility: visible;
}
.header-login__auth:hover .header-login__auth__name img, .header-login__auth:focus .header-login__auth__name img {
  transform: rotate(180deg);
}
.header-login__auth__name {
  position: relative;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 16px;
  line-height: 15px;
  color: #005df5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.header-login__auth__name img {
  margin: 0 0 0 10px;
  transition: all 0.3s;
}
@media (min-width: 1200px) {
  .header-login__auth__name img {
    margin: 0;
  }
}
.header-login__auth__list {
  opacity: 0;
  position: absolute;
  z-index: -10;
  visibility: hidden;
  top: 51px;
  width: 152px;
  background: #ffffff;
  list-style: none;
  right: 0;
  background: #ffffff;
  padding: 0 15px 0 15px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  transition: opacity 0.3s;
}
@media (min-width: 1200px) {
  .header-login__auth__list {
    width: 180px;
  }
}
.header-login__auth__list:hover {
  z-index: 8;
  opacity: 1;
  visibility: visible;
}
.header-login__auth__list__item {
  margin: 0 0 16px 0;
}
.header-login__auth__list__item a {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 16px;
  line-height: 15px;
  color: #202020;
  transition: all 0.3s;
}
.header-login__auth__list__item a:hover {
  color: #005df5;
}

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}
.pace-inactive {
  display: none;
}
.pace .pace-progress {
  background: #005df5;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}

/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.choice {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 93, 245, 0.97);
  height: 100%;
  z-index: -999;
  visibility: hidden;
  border-radius: 0;
  padding: 31px 43px 12px 29px;
  color: #ffffff;
  overflow: auto;
  opacity: 0;
  transition: visibility 0.2s 0.1s ease-in-out, opacity 0.45s ease-in-out, box-shadow 0.7s ease-in-out;
}
@media (min-width: 768px) {
  .choice {
    width: 720px;
    position: absolute;
    left: auto;
    top: 190px;
    padding: 31px 43px 12px 29px;
    color: #ffffff;
    border-radius: 29px;
    height: auto;
  }
}
@media (min-width: 992px) {
  .choice {
    width: 960px;
  }
}
@media (min-width: 1200px) {
  .choice {
    width: 1200px;
    top: 139px;
  }
}
.choice_active {
  opacity: 1;
  z-index: 5;
  visibility: visible;
  box-shadow: 0 0 40px #8786d3;
}
.choice__close {
  position: absolute;
  z-index: 5;
  right: 20px;
  top: 20px;
  cursor: pointer;
}
@media (min-width: 768px) {
  .choice__close {
    display: none;
  }
}
.choice__title {
  margin: 25px 0 34px 0;
}
@media (min-width: 768px) {
  .choice__title {
    display: none;
  }
}
.choice__title h2 {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 30px;
  line-height: 34px;
  color: #FFFFFF;
}
.choice__item {
  display: flex;
  align-items: center;
  margin: 0 0 15px 0;
}
.choice__item:hover .choice__img {
  transform: scale(0.9) rotate(0.01deg);
}
.choice__item:hover .choice__text {
  text-decoration: underline;
}
.choice__img {
  border-radius: 14px;
  width: 63px;
  height: 63px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 17px;
  margin: 0 18px 0 0;
  transition: transform 0.3s;
}
.choice__text {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-size: 16px;
  line-height: 15px;
  color: #ffffff;
}

/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.footer {
  padding: 40px 0 20px 0;
  background: #ffffff;
  position: relative;
  z-index: 0;
}
@media (min-width: 768px) {
  .footer {
    padding: 60px 0 30px 0;
  }
}
@media (min-width: 768px) {
  .footer .row {
    justify-content: space-between;
  }
}
@media (min-width: 0) and (max-width: 999px) {
  .footer .row > * {
    width: 100%;
  }
  .footer .row .info-footer-mobile {
    padding-left: 0;
  }
  .footer .row .footer__section--info {
    padding-left: 0;
  }
  .footer .row .footer__company-info {
    display: none;
  }
}
.footer__logo {
  margin-bottom: 15px;
}
.footer__logo-link {
  display: flex;
  align-items: center;
  text-decoration: none;
  margin-bottom: 12px;
}
@media (max-width: 600px) {
  .footer__logo-link {
    justify-content: center;
  }
}
.footer__logo-img {
  width: 31px;
  height: 33px;
  margin-right: 8px;
}
.footer__logo-text {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 24px;
  font-weight: 700;
}
.footer__logo-text_o {
  color: #005df5;
}
@media (max-width: 600px) {
  .footer__company-info {
    display: none;
  }
}
.footer__company-info p {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  color: #999999;
  margin: 0 0 3px 0;
  line-height: 1.4;
}
.footer__company-info1 {
  text-align: center;
  margin-bottom: 20px;
}
@media (min-width: 1200px) {
  .footer__company-info1 {
    display: none;
  }
}
.footer__company-info1 p {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  color: #999999;
  margin: 0 0 3px 0;
  line-height: 1.4;
}
.footer__section {
  margin-bottom: 25px;
}
.footer__section-title {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  font-weight: 700;
  color: #333333;
  margin: 0 0 15px 0;
}
.footer__section--info {
  padding-left: 52px;
}
@media (max-width: 600px) {
  .footer__section--info {
    padding-left: 0;
  }
}
.footer__section1 {
  margin-bottom: 25px;
  width: 100%;
}
@media (min-width: 768px) {
  .footer__section1 {
    display: none;
  }
}
.footer__section1-title {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  font-weight: 700;
  color: #333333;
  margin: 0 0 15px 0;
}
.footer__section1--info {
  padding-left: 52px;
}
@media (max-width: 600px) {
  .footer__section1--info {
    padding-left: 0;
  }
}
.footer__links {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 600px) {
  .footer__links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
}
.footer__links-column {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
@media (min-width: 768px) {
  .footer__section--courses .footer__links {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 12px;
  }
}
@media (max-width: 600px) {
  .footer__section:not(.footer__section--info) .footer__links {
    flex-direction: row;
  }
}
.footer__link {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  color: #000000;
  text-decoration: none;
  transition: color 0.3s ease;
  line-height: 1.4;
}
.footer__link:hover {
  color: #005df5;
}
.footer__contact {
  margin-bottom: 15px;
  text-align: right;
  margin-left: auto;
}
@media (max-width: 600px) {
  .footer__contact {
    display: none;
  }
}
.footer__phone {
  display: block;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  font-weight: 700;
  color: #333333;
  text-decoration: none;
  margin-bottom: 6px;
}
.footer__email {
  display: block;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  color: #666666;
  text-decoration: none;
  margin-bottom: 12px;
}
.footer__contact1 {
  margin-bottom: 15px;
  text-align: center;
  margin-left: auto;
}
.footer__phone1 {
  display: block;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  font-weight: 700;
  color: #333333;
  text-decoration: none;
  margin-bottom: 6px;
}
.footer__email1 {
  display: block;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  color: #666666;
  text-decoration: none;
  margin-bottom: 12px;
}
.footer__social {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  margin-left: auto;
}
@media (max-width: 600px) {
  .footer__social {
    display: none;
  }
}
.footer__social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-decoration: none;
  transition: transform 0.3s ease;
}
.footer__social-link:hover {
  transform: scale(1.1);
}
.footer__social-whatsapp {
  background-color: #25D366;
}
.footer__social-telegram {
  background-color: #0088cc;
}
.footer__social-vk {
  background-color: #4C75A3;
}
.footer__social1 {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-left: auto;
}
.footer__social1-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-decoration: none;
  transition: transform 0.3s ease;
}
.footer__social1-link:hover {
  transform: scale(1.1);
}
.footer__social1-whatsapp {
  background-color: #25D366;
}
.footer__social1-telegram {
  background-color: #0088cc;
}
.footer__social1-vk {
  background-color: #4C75A3;
}
.footer__divider {
  height: 1px;
  background-color: #f0f0f0;
  margin: 30px 0 15px 0;
}
.footer__bottom {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  text-align: center;
}
@media (min-width: 768px) {
  .footer__bottom {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    text-align: left;
  }
}
.footer__copyright {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  color: #999999;
}
.footer__legal {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
@media (min-width: 768px) {
  .footer__legal {
    flex-direction: row;
    gap: 15px;
  }
}
.footer__legal-link {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  color: #999999;
  text-decoration: none;
  transition: color 0.3s ease;
}
.footer__legal-link:hover {
  color: #005df5;
}

@media (max-width: 600px) {
  .info-footer-mobile {
    flex: 0 0 90vw;
    margin: 20px 5vw 0;
    padding-left: 0;
  }
}

@media (max-width: 600px) {
  .footer__section--courses {
    margin: 0 5vw;
    width: 90vw;
  }
  .footer__section--courses .footer__links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
}

/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.main {
  position: relative;
  background-color: #ededff;
}
.main_clear {
  padding: 0;
}
.main:before {
  content: url("/img/main_dots.png");
  display: block;
  position: absolute;
  top: -8px;
  left: -85px;
}
@media (min-width: 768px) {
  .main:before {
    content: "";
    display: none;
  }
}
@media (min-width: 768px) {
  .main {
    background-image: url("/img/main_bg.jpg");
    background-position: center center;
    background-size: cover;
  }
}
@media (min-width: 992px) {
  .main {
    padding: 131px 0 0 0;
  }
  .main_clear {
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .main {
    padding: 126px 0 0 0;
  }
  .main_clear {
    padding: 0;
  }
}
.main--video {
  background-color: #E7F0FF;
  background-image: none;
}
.main--video .main_wrap__title {
  margin: 0 0 10px;
}
.main--video .main_wrap__title h1 {
  font-size: 32px;
}
@media (min-width: 768px) {
  .main--video .main_wrap__title {
    margin: 0 0 18px 0;
  }
  .main--video .main_wrap__title h1 {
    font-size: 45px;
  }
}
.main--video .main_wrap {
  padding: 24px 0 40px 0;
}
@media (min-width: 0) and (max-width: 600px) {
  .main--video .button-cta, .main--video .main_wrap__cta_button {
    width: 100%;
  }
}
.main--video .main_wrap__cta {
  display: none;
}
@media (min-width: 992px) {
  .main--video .main_wrap__cta {
    display: flex;
  }
}
.main--video .main_wrap__cta_video {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  position: relative;
}
@media (min-width: 0px) and (max-width: 400px) {
  .main--video .main_wrap__cta_video {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .main--video .main_wrap__cta_video {
    display: none;
  }
}
.main--video .main_wrap {
  text-align: left;
}
@media (min-width: 0px) and (max-width: 1365px) {
  .main--video .main_ready {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .main--video .main_wrap {
    margin: 0 0 0 20px;
  }
}
@media (min-width: 992px) {
  .main--video {
    padding: 131px 0 0 0;
  }
}
@media (min-width: 1200px) {
  .main--video {
    padding: 185px 0 35px 0;
  }
}
.main--video__block {
  position: relative;
  display: flex;
  justify-content: flex-end;
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .main--video__block {
    margin: 0 20px 0 0;
  }
}
.main--video__block [data-youtube-id], .main--video__block [data-rutube-id], .main--video__block [data-vkVideo-id] {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  max-width: 712px;
  width: 100%;
}
@media (min-width: 994px) and (max-width: 1200px) {
  .main--video__block [data-youtube-id], .main--video__block [data-rutube-id], .main--video__block [data-vkVideo-id] {
    max-width: 500px;
    max-height: 370px;
  }
}
.main--video__block [data-youtube-id] img, .main--video__block [data-youtube-id] iframe, .main--video__block [data-rutube-id] img, .main--video__block [data-rutube-id] iframe, .main--video__block [data-vkVideo-id] iframe {
  width: 100%;
  border-radius: 10px;
  height: 258px;
}
@media (min-width: 480px) {
  .main--video__block [data-youtube-id] img, .main--video__block [data-youtube-id] iframe, .main--video__block [data-rutube-id] img, .main--video__block [data-rutube-id] iframe, .main--video__block [data-vkVideo-id] iframe {
    height: 280px;
  }
}
@media (min-width: 768px) {
  .main--video__block [data-youtube-id] img, .main--video__block [data-youtube-id] iframe, .main--video__block [data-rutube-id] img, .main--video__block [data-rutube-id] iframe, .main--video__block [data-vkVideo-id] iframe {
    height: 400px;
  }
}
@media (min-width: 992px) {
  .main--video__block [data-youtube-id] img, .main--video__block [data-youtube-id] iframe, .main--video__block [data-rutube-id] img, .main--video__block [data-rutube-id] iframe, .main--video__block [data-vkVideo-id] iframe {
    height: 468px;
  }
}
.main--video__wrap {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  z-index: 1;
  display: flex;
}
.main--video__wrap__bg {
  width: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.main--video__wrap--play {
  position: absolute;
  top: calc(50% - 42px);
  left: calc(50% - 38px);
  z-index: 3;
  cursor: pointer;
}
.main--video__wrap--play img {
  max-height: 92px;
  max-width: 77px;
}
.main--video__wrap:not(.no-after):after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  border-radius: 18px;
  z-index: 2;
  background: rgba(32, 32, 32, 0.6);
}
.main--video__wrap:not(.no-after):after .main--video__block--play {
  width: 100%;
}
.main_flower {
  display: none;
}
@media (min-width: 1200px) {
  .main_flower {
    display: block;
    position: absolute;
    bottom: -12px;
    left: 0;
    z-index: 4;
  }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .main_flower {
    left: -80px;
  }
}
.main_ellipse {
  display: none;
}
@media (min-width: 1200px) {
  .main_ellipse {
    display: block;
    position: absolute;
    bottom: -72px;
    left: -11px;
    z-index: 1;
  }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .main_ellipse {
    display: none;
  }
}
.main_dot {
  display: none;
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .main_dot {
    display: none;
  }
}
@media (min-width: 1200px) {
  .main_dot {
    display: block;
    position: absolute;
    z-index: 2;
    border-radius: 50%;
  }
  .main_dot__top {
    top: 165px;
    left: 274px;
    width: 8px;
    height: 8px;
    background-color: #005df5;
  }
  .main_dot__middle {
    top: 240px;
    left: 241px;
    width: 30px;
    height: 30px;
    background-color: #ffffff;
  }
  .main_dot__bottom {
    bottom: 231px;
    left: 139px;
    width: 8px;
    height: 8px;
    background-color: #005df5;
  }
  .main_dot__big {
    top: 90px;
    left: 282px;
    width: 528px;
    height: 528px;
    background-color: #fbfbff;
  }
}
.main_person {
  z-index: 3;
  position: relative;
  display: none;
}
@media (min-width: 768px) {
  .main_person {
    display: block;
    margin: 0 0 -4px -245px;
  }
}
@media (min-width: 1200px) {
  .main_person {
    margin: 0 0 -4px -115px;
  }
}
.main_person:before {
  position: absolute;
  z-index: -1;
  width: 528px;
  height: 528px;
  background-color: #fbfbff;
  content: "";
  top: 91px;
  left: 50px;
  border-radius: 50%;
}
.main_person img {
  max-width: 100%;
}
.main_ready {
  display: none;
}
@media (min-width: 992px) {
  .main_ready {
    display: flex;
    position: absolute;
    top: 119px;
    right: -45px;
    flex-flow: column wrap;
    align-items: center;
    text-align: center;
    background: #fbfbff;
    border-radius: 50%;
    width: 152px;
    height: 152px;
    padding: 0 10px 10px 10px;
  }
  .main_ready:before {
    content: url("/img/main_dots.png");
    position: absolute;
    top: -27px;
    right: -29px;
    z-index: -1;
  }
  .main_ready img {
    margin-top: 19px;
    margin-bottom: 13px;
  }
  .main_ready p {
    white-space: pre-line;
    color: #000000;
    font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 14px;
    line-height: 18.69px;
  }
}
.main_ready_video {
  z-index: 2;
}
.main_ready_video:before {
  display: none;
}
.main_ready_video--icon {
  width: 25px !important;
  height: 28px !important;
}
@media (min-width: 992px) {
  .main_ready_video {
    top: unset;
    bottom: -70px;
    right: -75px;
  }
}
.main_wrap {
  position: relative;
  z-index: 1;
  padding: 24px 0 80px 0;
  text-align: center;
}
@media (min-width: 992px) {
  .main_wrap {
    text-align: left;
    padding: 0 0 80px 0;
  }
}
@media (min-width: 1200px) {
  .main_wrap {
    margin: 0 -15px 0 0;
  }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .main_wrap {
    margin: 0 -15px 0 -35px;
  }
}
.main_wrap__title {
  margin: 0 0 26px 0;
}
.main_wrap__title h1 {
  color: #202020;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 28px;
  line-height: 37px;
  white-space: pre-line;
}
@media (min-width: 768px) {
  .main_wrap__title {
    margin: 0 0 18px 0;
  }
  .main_wrap__title h1 {
    font-size: 45px;
    line-height: 54px;
  }
}
.main_wrap__subtitle {
  margin: 0 0 26px 0;
}
@media (min-width: 1200px) {
  .main_wrap__subtitle {
    margin: 0 0 43px 0;
  }
}
.main_wrap__subtitle p {
  color: #202020;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 34px;
  line-height: 40.8px;
  white-space: pre-line;
}
.main_wrap__description {
  position: relative;
}
.main_wrap__description_b:after {
  display: none;
}
.main_wrap__description p {
  color: #000000;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 18px;
  font-weight: 400;
  line-height: 29.79px;
  white-space: pre-line;
}
.main_wrap__cta {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
}
@media (min-width: 992px) {
  .main_wrap__cta {
    align-items: flex-start;
  }
}
@media (min-width: 1200px) {
  .main_wrap__cta {
    flex-flow: row nowrap;
    margin-right: 36px;
  }
}
.main_wrap__cta_button {
  height: 81px;
  width: 90%;
  transition: all 0.3s ease-in-out;
}
.main_wrap__cta_button__title {
  margin-bottom: 7px;
  color: #ffffff;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 19px;
  line-height: 22.8px;
  margin-left: -6px;
}
.main_wrap__cta_button__title__old-price {
  color: #93D9BC;
  font-size: 19px;
  text-decoration: line-through;
}
.main_wrap__cta_button__subtitle {
  color: #ffffff;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 500;
  font-size: 14px;
  line-height: 16.8px;
}
.main_wrap__cta_promo-banner {
  width: 90%;
  margin-top: 60px;
  background-color: #ffffff;
  border-radius: 30px;
  padding: 15px 30px;
  text-align: center;
}
@media (min-width: 992px) {
  .main_wrap__cta_promo-banner {
    margin-top: 47px;
  }
}
@media (min-width: 1200px) {
  .main_wrap__cta_promo-banner {
    margin-left: 15px;
  }
}
.main_wrap__cta_promo-banner p {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #005df5;
  font-size: 14px;
}
.main_wrap__cta_promo-banner_price {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: bold;
}
.main_wrap__cta_promo-banner_price_current-price {
  color: #005df5;
}
.main_wrap__cta_promo-banner_price_original-price {
  color: #b0b0b0;
  text-decoration: line-through;
  margin-left: 5px;
}
.main_wrap__cta_text {
  display: none;
}
@media (min-width: 992px) {
  .main_wrap__cta_text {
    display: block;
    margin: 75px 0 0 88px;
  }
  .main_wrap__cta_text p {
    color: #202020;
    margin-top: 15px;
    font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 14px;
    line-height: 23.17px;
    white-space: pre-line;
  }
}
@media (min-width: 1200px) {
  .main_wrap__cta_text {
    margin: 55px 0 0 0;
  }
}
.main__breadcrumbs {
  margin: 0 0 16px 0;
}
.main__breadcrumbs__link {
  background: rgba(0, 93, 245, 0.1);
  border-radius: 26px;
  border: 0;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-size: 12px;
  line-height: 19px;
  text-align: center;
  color: #ffffff;
  margin: 0 10px 0 0;
  transition: all 0.3s;
  padding: 5px 0 6px 0;
  max-width: 120px;
  width: 120px;
  display: inline-block;
}
.main__breadcrumbs__link:hover {
  background: rgba(0, 93, 245, 0.3);
}
.main__breadcrumbs_active {
  background: #ffffff;
  color: #202020;
}
.main__breadcrumbs_active:hover {
  background: rgba(255, 255, 255, 0.7);
}
@media (min-width: 992px) {
  .main__breadcrumbs {
    display: block;
    margin: 0 0 32px 0;
  }
  .main__breadcrumbs__link {
    background: rgba(0, 93, 245, 0.1);
    border-radius: 26px;
    border: 0;
    font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 500;
    font-size: 15px;
    line-height: 19px;
    text-align: center;
    color: #ffffff;
    margin: 0 15px 0 0;
    transition: all 0.3s;
    padding: 9px 0 10px 0;
    width: 130px;
    display: inline-block;
  }
  .main__breadcrumbs__link:hover {
    background: rgba(0, 93, 245, 0.3);
  }
  .main__breadcrumbs__link_active {
    background: #ffffff;
    color: #202020;
  }
  .main__breadcrumbs__link_active:hover {
    background: rgba(255, 255, 255, 0.7);
  }
}
.main__hint {
  margin: 80px 0 60px 0;
}
@media (min-width: 576px) {
  .main__hint {
    margin: 85px 0 40px;
  }
}
.main__hint--item {
  margin: 0 0 22px 0;
}
.main__hint--item__title {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  color: rgba(32, 32, 32, 0.61);
  margin: 0 0 12px 0;
}
.main__hint--item__subtitle {
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 20px;
  color: #202020;
}

/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.start {
  padding: 50px 0;
}
.start_wrap {
  display: flex;
  justify-content: center;
}
.start_wrap__img {
  margin-right: 26px;
  justify-content: center;
}
.start_wrap__text {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.start_wrap__text_title {
  color: #202020;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  line-height: 17.5px;
  margin-right: 5px;
}
.start_wrap__text_description {
  color: #202020;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 18px;
}

/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.free {
  background-color: #202020;
  position: relative;
  padding: 52px 0 66px 0;
  text-align: center;
}
.free_invert {
  background-color: #f8faff;
}
@media (min-width: 992px) {
  .free {
    text-align: left;
    padding: 84px 93px;
  }
}
.free_coupon {
  display: none;
}
@media (min-width: 992px) {
  .free_coupon {
    display: block;
    position: absolute;
    top: 0;
    left: 60px;
  }
}
@media (min-width: 1200px) {
  .free_coupon {
    left: 288px;
  }
}
.free_background {
  display: none;
}
@media (min-width: 768px) {
  .free_background {
    position: absolute;
    left: 255px;
    top: 68px;
  }
}
.free_left {
  color: #ffffff;
}
.free_left_invert {
  color: #202020;
}
@media (min-width: 992px) {
  .free_left {
    margin: 74px 0 0 -38px;
  }
}
.free_left__title h2 {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  white-space: pre-line;
  font-size: 44px;
  line-height: 44px;
}
@media (min-width: 992px) {
  .free_left__title h2 {
    font-size: 36px;
    line-height: 48.96px;
  }
}
@media (min-width: 1200px) {
  .free_left__title h2 {
    white-space: nowrap;
  }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .free_left__title h2 {
    white-space: pre-line;
  }
}
@media (min-width: 1200px) {
  .free_left__title_invert:after {
    content: url("/img/program_dots.png");
    position: absolute;
    top: 5px;
    left: -245px;
  }
}
.free_left__subtitle {
  margin-bottom: 19px;
}
.free_left__subtitle h3 {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 22px;
  line-height: 44px;
  font-weight: 400;
}
@media (min-width: 992px) {
  .free_left__subtitle h3 {
    font-size: 36px;
    line-height: 48.96px;
  }
  .free_left__subtitle_sm h3 {
    font-size: 32px;
  }
}
.free_left__subtitle_partner h3 {
  font-size: 24px;
}
.free_left__text {
  display: none;
}
.free_left__text p {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 18px;
  line-height: 26.28px;
}
@media (min-width: 768px) {
  .free_left__text {
    display: block;
  }
}
@media (min-width: 992px) {
  .free_left__text {
    margin-left: 3px;
  }
}
.free_left__text_m {
  display: block;
}
@media (min-width: 768px) {
  .free_left__text_m {
    display: none;
  }
}
.free_left__button {
  position: relative;
  z-index: 1;
  width: 100%;
  margin: auto;
}
@media (min-width: 480px) {
  .free_left__button {
    width: 387px;
  }
}
@media (min-width: 992px) {
  .free_left__button {
    margin: unset;
  }
}
.free_left__button_wa {
  display: block;
}
@media (min-width: 768px) {
  .free_left__button_wa {
    display: none;
  }
}
.free_left__button_vk {
  display: none;
}
@media (min-width: 768px) {
  .free_left__button_vk {
    display: block;
  }
}
.free_left__button__title {
  color: #ffffff;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 19px;
  text-align: center;
  line-height: 22.8px;
  margin-bottom: 6px;
}
@media (min-width: 992px) {
  .free_left__button__title {
    white-space: normal;
  }
}
.free_left__button__subtitle {
  color: #ffffff;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  line-height: 16.8px;
  font-weight: 400;
  margin-left: 23px;
}
.free_left__form {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  margin: 20px 0 0 0;
}
.free_left__field {
  display: flex;
  justify-content: center;
  width: 100%;
}
@media (min-width: 992px) {
  .free_left__field {
    justify-content: flex-start;
  }
}
.free_left__proposal {
  display: flex;
  justify-content: center;
  width: 100%;
}
@media (min-width: 1200px) {
  .free_left__proposal {
    width: 387px;
  }
}
@media (min-width: 1200px) {
  .free_left__proposal {
    width: 480px;
  }
}
.free_left__input {
  width: 289px;
  height: 64px;
  background: #FFFFFF;
  border-radius: 18px;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #000000;
  border: 0;
}
.free_left__input_invert {
  box-shadow: 0 4px 40px rgba(201, 201, 233, 0.5);
}
@media (min-width: 480px) {
  .free_left__input {
    width: 387px;
    padding: 16px 36px 18px 36px;
  }
}
@media (min-width: 1200px) {
  .free_left__input {
    width: 480px;
  }
}
.free_right {
  border-radius: 16px;
  background-color: #2a2a2d;
  padding: 46px 15px 56px 15px;
  text-align: center;
  width: 401px;
  margin: 11px 0 0 25px;
}
.free_right_invert {
  background-color: #303640;
}
@media (min-width: 1200px) {
  .free_right {
    margin: 0 0 0 102px;
  }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .free_right {
    margin: 11px 0 0 35px;
  }
}
.free_right__img {
  margin: 0 0 38px 0;
}
.free_right__message {
  display: flex;
  width: 460px;
  background: #ffffff;
  padding: 20px 23px 14px 21px;
  border-radius: 11px;
}
.free_right__message_invert {
  background: #005df5;
}
@media (min-width: 1200px) {
  .free_right__message {
    width: 490px;
  }
}
.free_right__message__img {
  width: 56px;
  height: 56px;
  background-color: #005df5;
  border-radius: 50%;
  margin-right: 21px;
  padding: 12px;
}
.free_right__message__img_invert {
  background-color: #303640;
}
.free_right__message__text {
  flex-flow: column;
  text-align: left;
  position: relative;
  width: 100%;
}
.free_right__message__text__title {
  color: #202020;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  line-height: 19.2px;
}
.free_right__message__text__title_invert {
  color: #ffffff;
}
.free_right__message__text__time {
  color: #aaaab7;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  line-height: 16.8px;
  position: absolute;
  top: 0;
  right: 0;
}
.free_right__message__text__subtitle {
  color: #a4a4b2;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 15px;
  line-height: 20.1px;
  margin-top: 5px;
}
.free_right__message__text__subtitle_sm {
  font-size: 14px;
}
.free_right__message_top {
  margin-bottom: 20px;
  position: relative;
  left: -61px;
}
@media (min-width: 1200px) {
  .free_right__message_top {
    left: -117px;
  }
}
.free_right__message_bottom {
  position: relative;
  left: -30px;
}
@media (min-width: 1200px) {
  .free_right__message_bottom {
    left: 0;
  }
}

/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.benefit {
  padding: 50px 0;
  text-align: center;
  background: #ffffff;
}
@media (min-width: 768px) {
  .benefit {
    text-align: left;
    padding: 100px 0 40px 0;
  }
}
.benefit_title {
  margin-bottom: 33px;
}
@media (min-width: 768px) {
  .benefit_title {
    margin-bottom: 68px;
  }
}
.benefit_title h2 {
  color: #202020;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 32px;
  line-height: 42px;
}
@media (min-width: 768px) {
  .benefit_title h2 {
    font-size: 36px;
    line-height: 46.8px;
  }
}
.benefit_menu {
  display: none;
}
@media (min-width: 768px) {
  .benefit_menu {
    display: none;
  }
  .benefit_menu__button {
    color: #202020;
    font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 18px;
    font-weight: 700;
    line-height: 23.4px;
    transition: all 0.3s ease-in-out;
    background: transparent;
    position: relative;
  }
  .benefit_menu__button:after {
    content: "";
    width: 0;
    height: 3px;
    border-radius: 37px;
    background-color: #005df5;
    position: absolute;
    bottom: -11px;
    left: 0;
    transition: width 0.3s ease-in-out;
  }
  .benefit_menu__button:hover {
    color: #005df5;
  }
  .benefit_menu__button:hover:after {
    width: 100%;
  }
  .benefit_menu__button_active {
    color: #005df5;
  }
  .benefit_menu__button_active:after {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .benefit_text {
    display: none;
  }
}
.benefit_text__wrap {
  transform: translate(9999px);
  position: absolute;
  opacity: 0;
  height: 0;
  transition: opacity 2s;
}
.benefit_text__wrap .benefit_text__subtitle {
  transform: translate(9999px);
  font-size: 17px;
  line-height: 28.82px;
  padding: 30px 0;
  opacity: 0;
  transition: opacity 0.35s 0.25s;
}
.benefit_text__wrap_active {
  transform: translate(0);
  opacity: 1;
  height: 100%;
  position: relative;
}
.benefit_text__wrap_active .benefit_text__subtitle {
  transform: translate(0);
  transition: height 0.25s, opacity 0.25s;
  font-size: 17px;
  opacity: 1;
}
.benefit_text__header {
  color: #005df5;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: bold;
  font-size: 18px;
  line-height: 41px;
  display: table;
  margin: 0 auto 0 auto;
  position: relative;
}
.benefit_text__header:after {
  content: "";
  width: 0;
  height: 3px;
  border-radius: 37px;
  background-color: #005df5;
  position: absolute;
  bottom: -4px;
  left: 0;
  transition: all 0.3s ease-in-out;
}
.benefit_text__header_active {
  margin: 0 auto;
  transition: all 0.3s ease-in-out;
}
.benefit_text__header_active:after {
  width: 100%;
}
.benefit_text__title {
  display: none;
}
.benefit_text__subtitle {
  color: #202020;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  white-space: pre-line;
}
.benefit__desktop {
  display: none;
}
@media (min-width: 768px) {
  .benefit__desktop {
    display: block;
  }
}
.benefit__desktop__wrap {
  margin: 0 0 60px 0;
}
.benefit__desktop__title {
  margin: 0 0 27px 0;
}
.benefit__desktop__title h3 {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 22px;
  line-height: 29px;
  color: #005df5;
}
.benefit__desktop__text p {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-size: 17px;
  line-height: 29px;
  color: #202020;
}

/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.employment {
  position: relative;
  z-index: 0;
  background-color: #ffffff;
  background-image: url("/img/employment_bg.jpg");
  background-size: cover;
  background-position: 50% 50%;
  padding: 54px 0;
}
@media (min-width: 768px) {
  .employment {
    padding: 106px 0 0 0;
  }
}
.employment_o {
  background-color: #F8FAFF;
  background-image: none;
}
@media (min-width: 768px) {
  .employment_o {
    padding: 106px 0;
  }
}
.employment__title {
  position: relative;
  text-align: center;
  margin: 0 auto 26px auto;
}
@media (min-width: 768px) {
  .employment__title {
    margin: 0 0 60px 0;
    text-align: left;
  }
}
.employment__title h2 {
  color: #202020;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 32px;
  line-height: 39px;
  font-weight: 700;
  white-space: pre-line;
}
@media (min-width: 768px) {
  .employment__title h2 {
    font-size: 36px;
    line-height: 44.1px;
  }
}
@media (min-width: 768px) {
  .employment__title:after {
    content: url("/img/employment_ellipse.png");
    position: absolute;
    top: 4px;
    right: -53px;
    display: none;
  }
}
.employment__feature {
  text-align: center;
  width: 100%;
  padding: 28px 30px 29px 23px;
  border-radius: 68px;
  background-color: #ffffff;
  margin: 20px 0 40px;
}
@media (min-width: 768px) {
  .employment__feature {
    margin: -25px 0 35px;
  }
}
.employment__feature p {
  color: #005df5;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 25px;
  font-weight: 700;
  line-height: 30.63px;
}
.employment__text {
  color: #202020;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 18px;
  font-weight: 400;
  line-height: 22.05px;
  white-space: pre-line;
  text-align: center;
  background: #ffffff;
  border-radius: 11px;
  margin: 0 auto 11px auto;
}
@media (min-width: 992px) {
  .employment__text {
    background: transparent;
    border-radius: 0;
    text-align: left;
    margin: 0;
    padding: 0 130px 0 0;
  }
}
.employment__text_number {
  color: #005df5;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 900;
  display: block;
}
@media (min-width: 768px) {
  .employment__text_number {
    display: inline;
  }
}
.employment__image {
  position: relative;
  border-radius: 19px;
}
.employment__image img {
  max-width: 100%;
  border-radius: 19px;
  height: auto !important;
}
.employment__image:before {
  content: url("/img/employment_ellipse_top.png");
  position: absolute;
  z-index: -1;
  left: -71px;
  top: -58px;
}
.employment__image:after {
  content: url("/img/employment_ellipse_bottom.png");
  position: absolute;
  z-index: -1;
  left: 160px;
  bottom: 180px;
}
@media (min-width: 1200px) {
  .employment__image:after {
    left: 198px;
    bottom: 22px;
  }
}
.employment__person {
  margin-left: -223px;
  margin-top: 0;
  position: relative;
}
.employment__person:before {
  content: "";
  position: absolute;
  top: 141px;
  left: 133px;
  width: 569px;
  height: 569px;
  background: #ffffff;
  border-radius: 50%;
  z-index: -1;
  transition: all 0.3s ease;
}
.employment__person_active:before {
  background: #005df5;
}
.employment__person_img {
  margin-bottom: -3px;
}
.employment__person_img:after {
  content: url("/img/employment_ellipse_o.png");
  position: absolute;
  right: 270px;
  top: 180px;
  transform: rotate(6deg);
}
.employment__person_img_o:after {
  right: 460px;
}
.employment__person_feature {
  text-align: center;
  position: absolute;
  left: 62px;
  bottom: 76px;
  width: 480px;
  padding: 28px 30px 29px 23px;
  border-radius: 68px;
  background-color: #ffffff;
}
@media (min-width: 1200px) {
  .employment__person_feature {
    width: 698px;
  }
}
.employment__person_feature p {
  color: #005df5;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 25px;
  font-weight: 700;
  line-height: 30.63px;
}

/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.edu {
  text-align: center;
  padding: 52px 0 54px 0;
  background: #ffffff;
}
.edu__title {
  margin-bottom: 12px;
}
.edu__title h2 {
  width: 750px;
  height: auto;
  angle: 0deg;
  opacity: 1;
  margin: 0 auto;
  color: #202020;
  font-family: "Gotham Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: Bold;
  font-size: 36px;
  line-height: 130%;
  letter-spacing: 0%;
  text-align: center;
}
@media (max-width: 600px) {
  .edu__title h2 {
    width: auto;
    font-size: 23px;
  }
}
.edu__subtitle h3 {
  width: 680px;
  height: 56px;
  angle: 0deg;
  opacity: 1;
  margin: 0 auto;
  color: #202020;
  font-family: "Gotham Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: Regular;
  font-size: 20px;
  line-height: 140%;
  letter-spacing: 0%;
  text-align: center;
}
@media (max-width: 600px) {
  .edu__subtitle h3 {
    width: auto;
    font-size: 17px;
  }
}
.edu__salary-block {
  width: 1200px;
  height: 400px;
  margin: 44px 15px 0;
  padding: 60px;
  background: #ffffff;
  border-radius: 18px;
  border: 1px solid #EFEFEF;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (max-width: 600px) {
  .edu__salary-block {
    width: auto;
    height: auto;
    margin: 24px 12px 0;
    padding: 32px 24px;
  }
}
.edu__salary-title {
  margin-bottom: 30px;
  text-align: left;
}
.edu__salary-title h4 {
  width: 1080px;
  height: 29px;
  angle: 0deg;
  opacity: 1;
  color: #202020;
  font-family: "Gotham Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: Medium;
  font-size: 22px;
  line-height: 130%;
  letter-spacing: 0%;
  margin: 0;
}
@media (max-width: 600px) {
  .edu__salary-title h4 {
    width: auto;
    text-align: center;
  }
}
.edu__salary-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 0px;
  flex: 1;
}
.edu__salary-item {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 0;
  background: #F8FAFF;
  border-radius: 12px;
}
@media (max-width: 600px) {
  .edu__salary-item {
    background: #007bff;
    border-radius: 12px;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 0;
    padding: 0;
    align-items: flex-start;
  }
}
@media (max-width: 600px) {
  .edu__salary-item:nth-child(1) {
    width: 243px;
  }
}
.edu__salary-item:nth-child(1) .edu__salary-button {
  min-width: 231px;
}
@media (max-width: 600px) {
  .edu__salary-item:nth-child(2) {
    width: 264px;
  }
}
.edu__salary-item:nth-child(2) .edu__salary-button {
  min-width: 329px;
}
@media (max-width: 600px) {
  .edu__salary-item:nth-child(2) .edu__salary-button {
    min-width: auto;
  }
}
.edu__salary-item:nth-child(3) .edu__salary-button {
  min-width: 413px;
}
@media (max-width: 600px) {
  .edu__salary-item:nth-child(3) .edu__salary-button {
    min-width: auto;
  }
}
.edu__salary-button {
  background: #007bff;
  color: white;
  padding: 12px 24px;
  border-radius: 13px;
  font-family: "Gotham Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  font-style: Bold;
  line-height: 130%;
  letter-spacing: 0%;
  white-space: nowrap;
  min-width: 180px;
  height: 55px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 600px) {
  .edu__salary-button {
    padding: 12px 24px 0;
    justify-content: flex-start;
    height: auto;
  }
}
.edu__salary-text {
  flex: 1;
  text-align: left;
}
@media (max-width: 600px) {
  .edu__salary-text {
    padding: 0px 18px 10px;
    display: flex;
    width: 100%;
    justify-content: flex-start;
    gap: 10px;
  }
}
.edu__salary-level {
  color: #202020;
  font-family: "Gotham Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: Medium;
  line-height: 130%;
  letter-spacing: 0%;
  margin-bottom: 4px;
}
@media (max-width: 600px) {
  .edu__salary-level {
    color: white;
    margin-bottom: 4px;
  }
}
.edu__salary-note {
  color: #6c757d;
  font-family: "Gotham Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  font-style: Regular;
  line-height: 130%;
  letter-spacing: 0%;
}
@media (max-width: 600px) {
  .edu__salary-note {
    color: white;
  }
}
.edu__salary-sources {
  color: #6c757d;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: Regular;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: left;
  margin-top: 15px;
}

/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.program {
  background: #005df5;
  color: #ffffff;
  text-align: center;
  padding: 52px 0 56px;
}
@media (min-width: 768px) {
  .program {
    padding: 100px 0 83px 0;
  }
}
.program__title {
  margin-bottom: 24px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}
@media (min-width: 768px) {
  .program__title {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 38px;
  }
}
.program__title:after {
  content: url("/img/program_dots.png");
  position: absolute;
  top: 195px;
  left: -185px;
}
.program__title__left {
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 768px) {
  .program__title__left {
    margin: 0;
    width: auto;
  }
}
.program__title__left h2 {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-size: 28px;
  line-height: 36.4px;
  margin: 0 auto;
  letter-spacing: 0%;
  text-align: center;
  width: 325px;
}
@media (min-width: 768px) {
  .program__title__left h2 {
    font-size: 36px;
    line-height: 46.8px;
    text-align: left;
    margin: 0;
  }
}
.program__title__right {
  margin-top: 16px;
  text-align: right;
}
@media (min-width: 768px) {
  .program__title__right {
    margin-top: 0;
    width: 550px;
  }
}
.program__title__right__top {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 12px;
  gap: 8px;
  flex-direction: column-reverse;
}
@media (min-width: 768px) {
  .program__title__right__top {
    flex-direction: row;
  }
}
.program__title__right__top span {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  font-size: 16px;
  line-height: 25.6px;
  color: #ffffff;
  letter-spacing: 0%;
}
@media (min-width: 768px) {
  .program__title__right__top span {
    font-size: 18px;
    line-height: 28.8px;
  }
}
.program__title__right__icon {
  width: 26px;
  height: 26px;
  background-color: #4CAF50;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(0deg);
  opacity: 1;
}
@media (min-width: 768px) {
  .program__title__right__icon {
    width: 20px;
    height: 20px;
  }
}
.program__title__right p {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-size: 15px;
  line-height: 20.8px;
  color: #ffffff;
  margin: 0;
  text-align: center;
  letter-spacing: 0%;
  padding: 0 10px;
}
@media (min-width: 768px) {
  .program__title__right p {
    font-size: 14px;
    line-height: 22.4px;
    text-align: right;
    padding: 0;
  }
}
.program__wrap {
  padding: 0 20px;
}
@media (min-width: 768px) {
  .program__wrap {
    padding: 0;
  }
}
.program__wrap__item {
  width: 100%;
  margin-bottom: 15px;
  border-radius: 13px;
  background-color: #126cff;
  overflow: hidden;
  transition: all 0.25s ease-in-out;
  position: relative;
}
.program__wrap__item_radio {
  position: absolute;
  opacity: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
  z-index: -1;
}
.program__wrap__item_radio:checked ~ .program__wrap__item {
  border-radius: 13px;
}
.program__wrap__item_radio:checked ~ .program__wrap__item_title {
  background: #ffffff;
  color: #005df5;
  border-top-right-radius: 13px;
}
.program__wrap__item_radio:checked ~ .program__wrap__item_body {
  font-size: 18px;
  opacity: 1;
  color: black;
  padding: 12px 30px 30px;
  line-height: 26px;
  transition: opacity 0.5s 0.25s, padding 0.25s, font-size 0.25s;
}
.program__wrap__item_radio:checked ~ .program__wrap__item_body > .program__wrap__item_body--link {
  font-size: 16px;
  padding: 12px 14px;
  transition: opacity 0.35s 0.25s, background-color 0.3s;
  margin-left: auto;
  max-width: 300px;
  z-index: 2;
}
.program__wrap__item_radio:checked ~ .program__wrap__item_body > .program__wrap__item_body--link:hover, .program__wrap__item_radio:checked ~ .program__wrap__item_body > .program__wrap__item_body--link:active {
  background: #106aff;
}
.program__wrap__item_radio:checked ~ .program__wrap__item_body > .program__wrap__item_body--text {
  margin: 0 0 18px 0;
  transition: margin 0.25s, padding 0.25s, opacity 0.35s 0.25s;
}
.program__wrap__item_title {
  color: #ffffff;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 18px;
  font-weight: 500;
  line-height: 26.28px;
  padding: 27px 24px 29px;
  display: block;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 768px) {
  .program__wrap__item_title {
    padding: 27px 0 29px 0;
  }
}
.program__wrap__item_body {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 0;
  font-weight: 400;
  color: transparent;
  background: #ffffff;
  margin: 0;
  opacity: 0;
  padding: 0;
  transition: opacity 0.25s, font-size 0.5s 0.25s;
  text-align: left;
}
.program__wrap__item_body--link {
  display: block;
  border-radius: 18px;
  color: #ffffff;
  text-align: center;
  background-color: #005df5;
  transition: opacity 0.35s 0.25s, background 0.3s;
}

/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.portfolio {
  text-align: center;
  padding: 54px 0;
}
@media (min-width: 768px) {
  .portfolio {
    padding: 100px 0 45px 0;
  }
}
@media (min-width: 1200px) {
  .portfolio {
    padding: 100px 0 115px 0;
  }
}
.portfolio__title h2 {
  color: #202020;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 36px;
  font-weight: 700;
  line-height: 46.8px;
}
.portfolio__subtitle {
  margin-bottom: 72px;
}
.portfolio__subtitle h3 {
  color: #202020;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 36px;
  font-weight: 400;
  line-height: 46.8px;
}
.portfolio__wrap {
  margin: 0 0 132px 0;
}
@media (min-width: 768px) {
  .portfolio__wrap {
    margin: 0;
  }
}
.portfolio__wrap_item {
  width: 100%;
  height: 350px;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}
@media (min-width: 768px) {
  .portfolio__wrap_item {
    height: 407px;
  }
}
.portfolio__wrap_item img {
  position: absolute;
  margin: auto;
  min-width: 165%;
  min-height: 100%;
  top: -100%;
  left: -100%;
  right: -100%;
  bottom: -100%;
}
@media (min-width: 480px) {
  .portfolio__wrap_item img {
    min-width: 100%;
    min-height: 100%;
  }
}
@media (min-width: 768px) {
  .portfolio__wrap_item img {
    min-width: 70%;
    min-height: 70%;
  }
}
@media (min-width: 992px) {
  .portfolio__wrap_item img {
    min-width: 130%;
    min-height: 100%;
  }
}
@media (min-width: 1600px) {
  .portfolio__wrap_item img {
    min-width: 50%;
    min-height: 50%;
  }
}

/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.homework-info-section {
  position: relative;
  padding: 50px 0;
  background: #ffffff;
}
@media (min-width: 768px) {
  .homework-info-section {
    padding: 100px 0;
  }
}
@media (min-width: 0px) and (max-width: 767px) {
  .homework-info-section .container .row {
    display: flex;
    flex-direction: column-reverse;
    gap: 20px;
  }
}

.homework-info-ellipse__img {
  width: 100%;
  height: 100%;
  display: block;
}
.homework-info-ellipse--12 {
  display: none;
}
@media (min-width: 768px) {
  .homework-info-ellipse--12 {
    display: block;
    position: absolute;
    width: 42.18px;
    height: 42.18px;
    z-index: 1;
    top: 20px;
    right: 150px;
  }
}
.homework-info-ellipse--13 {
  display: none;
}
@media (min-width: 768px) {
  .homework-info-ellipse--13 {
    display: block;
    position: absolute;
    width: 46.89px;
    height: 46.89px;
    bottom: 156px;
    right: -27px;
  }
}

.homework-info-decorative {
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .homework-info-decorative {
    width: 520px;
    height: 469px;
    flex-shrink: 0;
    margin-bottom: 0;
  }
}
.homework-info-decorative img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
@media (min-width: 768px) {
  .homework-info-decorative img {
    width: 100%;
    height: 100%;
  }
}

.homework-info-cards {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  width: 100%;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .homework-info-cards {
    margin-top: 0;
  }
}

.homework-info-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 32px 24px;
  background: #F8FAFF;
  border-radius: 20px;
  width: 100%;
}
@media (min-width: 768px) {
  .homework-info-card {
    padding: 40px 52px;
  }
}
.homework-info-card__frame {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  gap: 16px;
  width: 100%;
}
.homework-info-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
}
.homework-info-card__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  gap: 4px;
  width: 100%;
}
.homework-info-card__title {
  width: 100%;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 18px;
  line-height: 23.4px;
  color: #202020;
  text-align: center;
  margin: 0;
  white-space: normal;
  word-wrap: break-word;
}
.homework-info-card__text {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #202020;
  text-align: center;
  margin: 0;
  width: 100%;
  white-space: normal;
  word-wrap: break-word;
}
@media (min-width: 768px) {
  .homework-info-card__text {
    font-size: 16px;
    line-height: 24px;
    max-width: 488px;
  }
}

/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.lector {
  background-color: #f8faff;
  z-index: 0;
  position: relative;
  padding: 0 0 65px 0;
}
@media (min-width: 385px) and (max-width: 480px) {
  .lector {
    padding: 30px 0 65px 0;
  }
}
@media (min-width: 480px) {
  .lector {
    padding: 30px 0 65px 0;
  }
}
@media (min-width: 768px) {
  .lector {
    padding: 125px 0;
  }
}
.lector__photo {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 509px;
  margin: 0 auto 112px auto;
}
.lector__photo:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(1.86deg, #111111 3.24%, rgba(32, 32, 32, 0.11) 44.33%);
}
@media (min-width: 385px) and (max-width: 480px) {
  .lector__photo {
    width: 395px;
    background: transparent;
    border-radius: 20px;
  }
}
@media (min-width: 480px) {
  .lector__photo {
    width: 395px;
    background: transparent;
    border-radius: 20px;
  }
}
@media (min-width: 992px) {
  .lector__photo {
    margin: auto;
    width: 400px;
    height: 550px;
  }
}
@media (min-width: 1200px) {
  .lector__photo {
    width: 524px;
    height: 678px;
  }
  .lector__photo_partner {
    width: 457px;
    height: 598px;
  }
}
.lector__photo__name {
  position: absolute;
  bottom: 100px;
  left: 0;
  color: #ffffff;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  width: 100%;
  text-align: center;
  z-index: 3;
}
.lector__photo__text {
  position: absolute;
  bottom: 20px;
  left: 0;
  color: #ffffff;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-size: 17px;
  line-height: 25px;
  width: 100%;
  text-align: center;
  white-space: pre-line;
  z-index: 3;
}
.lector__photo img {
  position: absolute;
  margin: auto;
  min-width: 50%;
  min-height: 50%;
  top: -100%;
  left: -100%;
  right: -100%;
  bottom: -100%;
  height: 100%;
}
.lector__title {
  text-align: center;
  margin: 0 0 30px 0;
}
.lector__title:before {
  content: url("/img/lector_up.png");
  position: absolute;
  top: -68px;
  left: calc(50% - 25px);
}
@media (min-width: 768px) {
  .lector__title {
    text-align: left;
    margin: -5px 0 56px 7px;
  }
  .lector__title:before {
    content: "";
  }
}
.lector__title h2 {
  color: #202020;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 32px;
  line-height: 42px;
  font-weight: 700;
}
@media (min-width: 768px) {
  .lector__title h2 {
    font-size: 36px;
    line-height: 46.8px;
    white-space: pre-line;
  }
}
.lector__text {
  position: relative;
  text-align: center;
}
@media (min-width: 768px) {
  .lector__text {
    text-align: left;
    margin-left: 92px;
    margin-right: -15px;
  }
  .lector__text_ml {
    margin-left: 75px;
  }
  .lector__text_partner {
    margin-left: 15px;
  }
  .lector__text:before {
    content: url("/img/lector_up.png");
    position: absolute;
    top: 7px;
    left: -86px;
  }
}
@media (min-width: 768px) {
  .lector__text:after {
    content: url("/img/lector_down.png");
    position: absolute;
    bottom: -82px;
    right: 0;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .lector__text:after {
    bottom: -172px;
    right: -78px;
  }
}
.lector__text p, .lector__text ul, .lector__text li {
  color: #202020;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 17px;
  font-weight: 400;
  line-height: 26.5px;
  white-space: pre-line;
}
.lector__button a {
  width: 100%;
  text-align: center;
}
.lector__button a img {
  display: none;
}
@media (min-width: 480px) {
  .lector__button a {
    width: 347px;
  }
}
@media (min-width: 768px) {
  .lector__button a {
    margin-left: 5px;
    width: 380px;
    text-align: left;
  }
  .lector__button a img {
    display: inherit;
  }
}
.lector__button__text {
  color: #ffffff;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  white-space: pre-line;
  margin: auto;
}
@media (min-width: 768px) {
  .lector__button__text {
    margin: 0 36px 0 0;
  }
}

/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.meet {
  padding: 50px 0 20px;
  background-color: #FFFFFF;
  background-image: url("/img/meet_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  text-align: center;
  position: relative;
}
@media (min-width: 768px) {
  .meet {
    background-position: initial;
    background-size: contain;
    padding: 75px 0 25px;
  }
}
@media (min-width: 1200px) {
  .meet {
    padding: 100px 0;
  }
}
.meet:after {
  content: url("/img/meet_flower.png");
  position: absolute;
  bottom: 0;
  left: 0;
  display: none;
}
@media (min-width: 1450px) and (max-width: 9999px) {
  .meet:after {
    display: block;
  }
}
.meet__title {
  margin: 0 0 12px 0;
}
.meet__title h2 {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #202020;
  font-size: 32px;
  line-height: 35px;
}
@media (min-width: 480px) {
  .meet__title h2 {
    font-size: 36px;
    line-height: 49px;
  }
}
.meet__subtitle {
  margin: 0 0 36px 0;
}
.meet__subtitle h3 {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 18px;
  line-height: 26px;
  color: #202020;
}
.meet__form {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-flow: column;
  margin: 0 0 12px 0;
  position: relative;
}
@media (min-width: 768px) {
  .meet__form {
    flex-flow: row;
  }
}
.meet__form:after {
  content: url("/img/main_arrow.png");
  position: absolute;
  top: 0;
  right: 0;
  transform: rotateY(180deg);
  display: none;
}
@media (min-width: 992px) {
  .meet__form:after {
    display: block;
    right: 50px;
  }
}
@media (min-width: 1200px) {
  .meet__form:after {
    right: 80px;
  }
}
.meet__field {
  width: 100%;
}
@media (min-width: 768px) {
  .meet__field {
    width: auto;
  }
}
.meet__field--input {
  width: 100%;
  height: 64px;
  background: #FFFFFF;
  box-shadow: 0 4px 40px rgba(201, 201, 233, 0.5);
  border-radius: 18px;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #000000;
  border: 0;
  margin: 0 0 14px 0;
}
@media (min-width: 768px) {
  .meet__field--input {
    width: 343px;
    padding: 16px 36px 18px 36px;
    margin: 0 14px 14px 0;
  }
}
@media (min-width: 1200px) {
  .meet__field--input {
    width: 480px;
  }
}
.meet__button {
  position: relative;
  z-index: 1;
  margin: 0 auto 12px auto;
  width: 100%;
}
@media (min-width: 768px) {
  .meet__button {
    width: auto;
    margin: 0 0 12px 0;
  }
}
.meet__button--title {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #FFFFFF;
}

/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.about {
  position: relative;
  z-index: 0;
}
@media (min-width: 768px) {
  .about:after {
    content: url("/img/about_dots.png");
    position: absolute;
    left: 47px;
    top: calc(60% - 63px);
  }
}
@media (min-width: 992px) {
  .about:after {
    top: calc(56% - 69px);
  }
}
.about_top {
  background: #ffffff;
  padding: 53px 0;
}
@media (min-width: 768px) {
  .about_top {
    padding: 100px 0;
  }
}
.about_top__video {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  width: 100%;
  margin-top: 60px;
}
@media (min-width: 768px) {
  .about_top__video {
    flex-direction: row;
    align-items: stretch;
    width: 1200px;
    height: 464px;
    gap: 20px;
  }
}
.about_top__video-block {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  border-radius: 20px;
  background-color: #F8FAFF;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .about_top__video-block {
    width: 520px;
    height: 464px;
  }
}
.about_top__video-block__video {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 768px) {
  .about_top__video-block__video {
    width: 488px;
    height: 432px;
    border-radius: 12px;
  }
}
.about_top__video-banner {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 32px 24px;
  background-color: #F8FAFF;
  border-radius: 20px;
  flex-direction: column;
  margin-bottom: 10px;
  gap: 10px;
}
@media (min-width: 768px) {
  .about_top__video-banner {
    padding: 48px 52px;
    width: 660px;
    height: 247px;
    gap: 16px;
    order: 1;
  }
}
.about_top__video-banner-title {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 18px;
  line-height: 23.4px;
}
@media (min-width: 768px) {
  .about_top__video-banner-title {
    font-size: 24px;
    line-height: 31.2px;
    width: 556px;
  }
}
.about_top__video-banner-text {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
}
@media (min-width: 768px) {
  .about_top__video-banner-text {
    font-size: 16px;
    line-height: 24px;
    width: 556px;
  }
}
.about_top__video-banner img {
  width: 40px;
  height: 40px;
}
@media (min-width: 768px) {
  .about_top__video-banner img {
    width: 48px;
    height: 48px;
  }
}
.about_top__title {
  text-align: center;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) {
  .about_top__title {
    margin: 0 0 62px 0;
  }
}
.about_top__title h3 {
  color: #202020;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 32px;
  line-height: 42px;
}
@media (min-width: 768px) {
  .about_top__title h3 {
    font-size: 36px;
    line-height: 46.8px;
  }
}
.about_top__progress {
  margin-bottom: 36px;
}
.about_top__progress_item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
@media (min-width: 768px) {
  .about_top__progress_item:after {
    content: "";
    height: 3px;
    width: 85%;
    position: absolute;
    background-color: #e7ebf3;
    top: calc(50% - 1.5px);
    right: -17px;
  }
}
.about_top__progress_item_number {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  color: #202020;
  background-color: #e7ebf3;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 25px auto;
}
@media (min-width: 768px) {
  .about_top__progress_item_number {
    margin: 0;
  }
}
.about_top__progress_item_active:after {
  background-color: #005df5;
}
.about_top__progress_item_active .about_top__progress_item_number {
  background-color: #005df5;
  color: #ffffff;
}
.about_top__progress_item_last:after {
  display: none;
}
.about_top__wrap {
  padding: 0 20px;
}
@media (min-width: 768px) {
  .about_top__wrap {
    padding: 0;
  }
}
.about_top__wrap__item {
  text-align: center;
}
@media (min-width: 768px) {
  .about_top__wrap__item {
    text-align: left;
  }
}
.about_top__wrap__item_title {
  margin-bottom: 15px;
}
.about_top__wrap__item_title h4 {
  color: #202020;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
}
.about_top__wrap__item_text p {
  color: #202020;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 17px;
  font-weight: 400;
  line-height: 25.5px;
}
.about_bottom {
  position: relative;
  padding: 53px 20px;
  background: #202020;
  color: #ffffff;
}
@media (min-width: 768px) {
  .about_bottom {
    padding: 94px 0;
  }
}
.about_bottom:after {
  content: url("/img/about_dots.png");
  position: absolute;
  top: 60px;
  right: -55px;
}
@media (min-width: 480px) and (max-width: 576px) {
  .about_bottom:after {
    right: -20px;
  }
}
@media (min-width: 576px) {
  .about_bottom:after {
    right: -20px;
  }
}
@media (min-width: 768px) {
  .about_bottom:after {
    content: "";
  }
}
.about_bottom__title {
  white-space: pre-line;
  margin: 0 34px 20px 0;
  text-align: left;
}
@media (min-width: 460px) and (max-width: 768px) {
  .about_bottom__title {
    margin: 0 170px 20px 0;
  }
}
@media (min-width: 768px) {
  .about_bottom__title {
    margin: 0 0 53px 0;
  }
}
@media (min-width: 768px) {
  .about_bottom__title {
    text-align: center;
  }
}
.about_bottom__title h2 {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 32px;
  line-height: 44px;
}
@media (min-width: 768px) {
  .about_bottom__title h2 {
    font-size: 36px;
    line-height: 46.8px;
  }
}
.about_bottom__wrap {
  padding: 0 20px;
}
@media (min-width: 768px) {
  .about_bottom__wrap {
    padding: 0;
    margin-bottom: 17px;
  }
}
.about_bottom__wrap__item {
  display: flex;
  align-items: center;
  margin: 0 0 30px 0;
}
@media (min-width: 768px) {
  .about_bottom__wrap__item {
    justify-content: center;
  }
}
.about_bottom__wrap__item_img {
  margin-right: 18px;
  width: 48px;
}
@media (min-width: 768px) {
  .about_bottom__wrap__item_img {
    width: auto;
  }
}
.about_bottom__wrap__item_text {
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 17px;
  font-weight: 500;
  line-height: 23.8px;
  white-space: pre-line;
}

/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.rewards {
  position: relative;
  padding: 117px 0 56px;
}
@media (min-width: 992px) {
  .rewards {
    padding: 80px 0 94px 0;
  }
}
@media (min-width: 1200px) {
  .rewards {
    padding: 161px 0 94px 0;
  }
}
@media (min-width: 1200px) {
  .rewards__wrap {
    margin: 0 0 0 15px;
  }
}
.rewards__wrap__image {
  position: relative;
  width: 100%;
  margin-bottom: 26px;
  height: auto;
}
@media (min-width: 992px) {
  .rewards__wrap__image {
    height: 450px;
  }
}
@media (min-width: 1200px) {
  .rewards__wrap__image {
    height: 500px;
  }
}
.rewards__wrap__image:before {
  content: "";
  position: absolute;
  z-index: -1;
  border-radius: 50%;
  background-color: #f8faff;
}
@media (min-width: 1200px) {
  .rewards__wrap__image:before {
    height: 70%;
    width: 90%;
    top: 55px;
    left: 23px;
  }
}
@media (min-width: 1200px) {
  .rewards__wrap__image:before {
    height: 105%;
    width: 100%;
    top: -10px;
    left: 0;
  }
}
.rewards__wrap__image img {
  width: 100%;
}
@media (min-width: 992px) {
  .rewards__wrap__image img {
    position: absolute;
    min-width: 25%;
    min-height: 25%;
    top: -50%;
    left: -50%;
    right: -50%;
    bottom: -50%;
    transition: all 0.6s ease-in-out;
    margin: auto;
    width: auto;
  }
  .rewards__wrap__image img:hover {
    min-width: 100%;
    min-height: 110%;
  }
}
.rewards__wrap__image_first:before {
  width: 100%;
  height: 110%;
  top: -20px;
  left: 0;
}
@media (min-width: 992px) {
  .rewards__wrap__image_first:before {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }
}
.rewards__wrap__image_second:before {
  width: 100%;
  height: 62%;
  left: 0;
  top: 69px;
}
@media (min-width: 992px) {
  .rewards__wrap__image_second:before {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }
}
.rewards__wrap__title {
  text-align: center;
  margin-bottom: 3px;
}
.rewards__wrap__title h3 {
  color: #202020;
  font-family: "Dodo Rounded BoldVersion", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 30px;
  font-weight: 700;
  line-height: 46.8px;
}
.rewards__wrap__title h2 {
  color: #202020;
  font-family: "Dodo Rounded BoldVersion", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 30px;
  font-weight: 700;
  line-height: 46.8px;
}
.rewards__wrap__title span {
  display: block;
  color: #202020;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 30px;
  font-weight: 400;
}
.rewards__wrap__title_margin {
  margin-bottom: 44px;
}
.rewards__wrap__subtitle {
  text-align: center;
  margin-bottom: 44px;
}
.rewards__wrap__subtitle p {
  color: #202020;
  font-family: "Dodo Rounded BoldVersion", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 30px;
  font-weight: 400;
}
.rewards__wrap__text {
  text-align: center;
}
.rewards__wrap__text p {
  color: #000000;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 17px;
  font-weight: 400;
  line-height: 25.5px;
  white-space: pre-line;
}

/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.price {
  background-color: #005df5;
  text-align: center;
  position: relative;
  z-index: 0;
  padding: 53px 0 64px 0;
}
.price__guarantee {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #E4FEF1;
  border-radius: 12px;
  margin: 20px 20px 0;
  position: relative;
  overflow: hidden;
}
.price__input-error {
  border: 2px solid red;
  background-color: #ffe6e6;
  border-radius: 18px;
  transition: box-shadow 0.6s ease-in-out;
}
@media (min-width: 992px) {
  .price {
    padding: 98px 0 88px 0;
  }
}
@media (min-width: 1200px) {
  .price__title {
    margin-left: -78px;
  }
}
.price__title h2 {
  color: #ffffff;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 32px;
  line-height: 44px;
}
@media (min-width: 768px) {
  .price__title h2 {
    font-size: 36px;
    line-height: 50.4px;
  }
}
.price__subtitle {
  margin: 0 0 33px 0;
}
@media (min-width: 1200px) {
  .price__subtitle {
    margin: 0 0 54px -78px;
  }
}
.price__subtitle h3 {
  color: #ffffff;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 32px;
  line-height: 44px;
}
@media (min-width: 768px) {
  .price__subtitle h3 {
    font-size: 36px;
    line-height: 50.4px;
  }
}
.price__personal-discount {
  background: #156efe;
  color: #ffffff;
  padding: 20px;
  border-radius: 12px;
  margin: 20px 0;
  text-align: center;
  box-shadow: 0 4px 20px rgba(21, 110, 254, 0.3);
}
.price__personal-discount__header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin-bottom: 0;
}
.price__personal-discount__header i {
  font-size: 24px;
}
.price__personal-discount__header h4 {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.price__personal-discount__discount {
  font-size: 18px;
  margin-bottom: 10px;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.price__personal-discount__message {
  font-size: 16px;
  margin-bottom: 10px;
  font-style: italic;
  opacity: 0.95;
}
.price__personal-discount__expires {
  font-size: 14px;
  opacity: 0.9;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.price__personal-discount__expires i {
  font-size: 12px;
}
.price__offer {
  border-radius: 13px;
  background-color: #156efe;
  position: relative;
}
@media (min-width: 1200px) {
  .price__offer {
    margin: 0 0 27px;
  }
}
.price__offer__divider {
  height: 1px;
  background-color: #005df5;
  margin: 20px auto;
  width: 100%;
}
@media (min-width: 1200px) {
  .price__offer__divider {
    margin: 25px auto;
  }
}
.price__offer_top {
  display: none;
  padding: 64px 0 60px 0;
  margin: 0 20px 17px 20px;
}
@media (min-width: 992px) {
  .price__offer_top {
    padding: 90px 0 90px 0;
  }
}
@media (min-width: 1200px) {
  .price__offer_top {
    padding: 64px 0 86px 0;
    margin: 0 0 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1340px) {
  .price__offer_top {
    margin: 0 0 27px 50px;
  }
}
.price__offer_bottom {
  background-color: #156efe;
  margin: 0 20px 17px 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (min-width: 1200px) {
  .price__offer_bottom {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .price__offer_bottom {
    padding: 90px 0 90px 0;
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: center;
  }
}
@media (min-width: 1200px) {
  .price__offer_bottom {
    background-color: #156efe;
    padding: 47px 0 37px 0;
    margin: 0 0 27px;
  }
  .price__offer_bottom:before {
    content: url("/img/price_offer_dots.png");
    position: absolute;
    top: 23px;
    left: -19px;
    z-index: -1;
  }
}
@media (min-width: 1200px) and (max-width: 1340px) {
  .price__offer_bottom {
    margin: 0 0 27px 50px;
  }
}
.price__offer__guarantee {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  padding: 15px 10px;
  background-color: #156efe;
  border-radius: 10px;
}
@media (min-width: 1200px) {
  .price__offer__guarantee {
    background-color: #156efe;
    padding: 20px 15px;
    margin-top: 25px;
  }
}
.price__offer__guarantee-icon {
  margin-right: 10px;
}
.price__offer__guarantee-icon svg {
  width: 52px;
  height: 52px;
}
@media (min-width: 1200px) {
  .price__offer__guarantee-icon svg {
    width: 64px;
    height: 64px;
  }
}
.price__offer__guarantee-text {
  color: #ffffff;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  text-align: left;
}
@media (min-width: 768px) {
  .price__offer__guarantee-text {
    font-size: 16px;
    line-height: 22px;
  }
}
.price__offer__guarantee-text p {
  margin-bottom: 0;
}
.price__offer__description {
  margin: 0 0 30px 0;
}
@media (min-width: 992px) {
  .price__offer__description {
    margin: 0 0 47px 0;
  }
}
@media (min-width: 1200px) {
  .price__offer__description {
    margin: 0;
  }
}
.price__offer__description p {
  color: #ffffff;
  font-size: 24px;
  line-height: 28.8px;
  margin-bottom: 13px;
  white-space: pre-line;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 500;
}
@media (min-width: 768px) {
  .price__offer__description p {
    font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 700;
  }
}
.price__offer__price {
  color: #ffffff;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 48px;
  font-weight: 700;
  line-height: 24px;
}
.price__offer__price span {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 20px;
  font-weight: 400;
}
.price__offer__oldprice {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 25px;
  font-weight: 700;
  line-height: 30px;
  text-decoration: line-through;
  margin-top: 29px;
  color: #6DA4FF;
}
@media (min-width: 1200px) {
  .price__offer__oldprice {
    color: #478dff;
  }
}
.price__offer__discount {
  border-radius: 10px;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 18px;
  font-weight: 500;
  line-height: 21.6px;
  margin: 0 auto 19px auto;
  padding: 12px 16px 12px 17px;
  background-color: #05b56b;
  max-width: 325px;
  color: #ffffff;
}
@media (min-width: 992px) {
  .price__offer__discount {
    margin: 0 auto 41px auto;
  }
}
@media (min-width: 1200px) {
  .price__offer__discount {
    width: 325px;
    margin: 0 auto 19px auto;
    background-color: #05b56b;
    color: #ffffff;
  }
}
.price__form {
  border-top-right-radius: 13px;
  border-top-left-radius: 13px;
  background-color: #ffffff;
  padding: 44px 39px 56px 39px;
  position: relative;
  z-index: 1;
  margin: 0 20px;
  transition: box-shadow 0.6s ease-in-out;
}
@media (min-width: 992px) {
  .price__form {
    margin: 0 0 8px;
  }
  .price__form:before {
    content: url("/img/price_form_dots.png");
    position: absolute;
    top: -83px;
    right: 38px;
    z-index: -1;
  }
}
.price__form__title {
  margin: 0 0 20px 0;
  color: #202020;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 26px;
  line-height: 42px;
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) {
  .price__form__title {
    font-size: 28px;
    line-height: 46.8px;
  }
}
.price__form__input {
  border-radius: 18px;
  margin-bottom: 31px;
  background-color: #FFFFFF;
  border: 1px solid #E4E4E4;
  text-align: left;
  padding: 20px 0 23px 20px;
  color: #202020;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  font-weight: 500;
  line-height: 12.99px;
  width: 100%;
}
.price__form__input::-moz-placeholder {
  text-align: center;
}
.price__form__input:-ms-input-placeholder {
  text-align: center;
}
.price__form__input::placeholder {
  text-align: center;
}
@media (min-width: 768px) {
  .price__form__input {
    max-width: 100%;
    width: 320px;
  }
}
@media (min-width: 1200px) {
  .price__form__input {
    width: 440px;
    font-size: 16px;
  }
}
.price__form__button {
  justify-content: center;
  display: flex;
}
.price__form__button__text {
  color: #ffffff;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}
.price__form__text {
  color: #a1a7b0;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 15px;
  font-weight: 400;
  line-height: 22.5px;
  text-align: center;
}
.price__form_highlight {
  box-shadow: 0 1px 20px 20px #05b56b;
  transition: box-shadow 0.3s ease-in-out;
}
.price__form-modal {
  border-top-right-radius: 13px;
  border-top-left-radius: 13px;
  background-color: #ffffff;
  position: relative;
  z-index: 1;
  margin: 0 20px;
  transition: box-shadow 0.6s ease-in-out;
}
@media (min-width: 992px) {
  .price__form-modal {
    margin: 0 0 8px;
  }
}
.price__instalment {
  background-color: #156efe;
  border-radius: 13px;
  padding: 30px 20px;
  margin: 20px 20px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.price__instalment::before {
  content: "";
  display: none;
}
.price__instalment__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  position: relative;
  z-index: 2;
}
.price__instalment__icon {
  width: 68px;
  height: 68px;
  margin-bottom: 16px;
}
.price__instalment__icon svg {
  width: 68px;
  height: 68px;
}
.price__instalment__text {
  margin-bottom: 20px;
}
.price__instalment__title {
  color: #ffffff;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 5px;
  text-align: center;
}
.price__instalment__subtitle {
  color: #ffffff;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
  text-align: center;
}
.price__instalment__button-wrapper {
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
  margin-top: 10px;
}
@media (min-width: 992px) {
  .price__instalment__button-wrapper {
    width: 300px;
  }
}
.price__instalment__button {
  width: 100%;
  padding: 20px 30px;
  border-radius: 18px;
  display: inline-block;
  background-color: #ffffff;
  color: #156efe;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.3s ease;
  text-align: center;
}
.price__instalment__button:hover {
  background-color: #f8f8fd;
}
@media (min-width: 992px) {
  .price__instalment {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    padding: 30px 40px;
    margin: 20px 0 0;
  }
  .price__instalment::before {
    content: "%";
    display: block;
    position: absolute;
    color: rgba(255, 255, 255, 0.15);
    font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 700;
    font-size: 300px;
    line-height: 0.7;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 0;
  }
  .price__instalment__content {
    flex-direction: row;
    width: auto;
    align-items: center;
  }
  .price__instalment__icon {
    width: 76px;
    height: 76px;
    margin-bottom: 0;
    margin-right: 25px;
  }
  .price__instalment__icon svg {
    width: 76px;
    height: 76px;
  }
  .price__instalment__text {
    margin-bottom: 0;
    margin-right: 20px;
  }
  .price__instalment__title {
    font-size: 24px;
    margin-bottom: 8px;
    text-align: left;
  }
  .price__instalment__subtitle {
    font-size: 16px;
    text-align: left;
  }
  .price__instalment__button-wrapper {
    width: auto;
    margin-left: auto;
    margin-top: 0;
  }
  .price__instalment__button {
    font-size: 18px;
    width: 222px;
    height: 57px;
    padding: 15px 20px;
    line-height: 28px;
  }
}
@media (min-width: 1200px) {
  .price__instalment {
    padding: 40px 60px;
  }
  .price__instalment::before {
    font-size: 350px;
    right: 5%;
  }
  .price__instalment__title {
    font-size: 32px;
  }
  .price__instalment__subtitle {
    font-size: 18px;
  }
  .price__instalment__button {
    font-size: 18px;
    width: 222px;
    height: 57px;
    padding: 15px 20px;
  }
}
.price__login {
  background-color: #156efe;
  border-bottom-right-radius: 13px;
  border-bottom-left-radius: 13px;
  padding: 30px 0 28px 0;
  margin: 0 20px;
}
@media (min-width: 992px) {
  .price__login {
    margin: 0 39px 0 8px;
  }
}
.price__login__text {
  margin-bottom: 14px;
  color: #ffffff;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
}
.price__login__text--link {
  color: #ffffff;
  cursor: pointer;
  text-decoration: underline;
  transition: all 0.3s ease-in-out;
}
.price__login__text--link:hover {
  color: rgba(255, 255, 255, 0.3);
}
.price__login__button {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.price__email {
  display: flex;
  justify-content: center;
  width: 100%;
  position: relative;
  max-width: 412px;
  margin: 0 0 12px 0;
  transition: box-shadow 0.6s ease-in-out;
}
@media (min-width: 992px) {
  .price__email {
    max-width: 420px;
  }
}
@media (min-width: 1200px) {
  .price__email {
    margin: 0 0 32px 0;
    max-width: 100%;
    width: 440px;
  }
}
.price__tel {
  display: flex;
  justify-content: center;
}
.price__tel__nested {
  display: flex;
  justify-content: center;
  width: 100%;
  position: relative;
  max-width: 412px;
  margin: 0 0 12px 0;
  transition: box-shadow 0.6s ease-in-out;
}
@media (min-width: 768px) {
  .price__tel__nested {
    max-width: 420px;
  }
}
.price__tel__nested_r {
  max-width: 100%;
}
@media (min-width: 768px) {
  .price__tel__nested_r {
    max-width: 320px;
  }
}
@media (min-width: 992px) {
  .price__tel__nested_r {
    margin: 0 0 12px 0;
  }
}
@media (min-width: 1200px) {
  .price__tel__nested_r {
    margin: 0 0 32px 0;
    max-width: 100%;
    width: 440px;
  }
}
.price__tel__nested__picker {
  border-bottom-left-radius: 18px;
  border-top-left-radius: 18px;
  background-color: #FFFFFF;
  border: 1px solid #E4E4E4;
  color: #202020;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  font-weight: 500;
  line-height: 12.99px;
  min-width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
@media (min-width: 768px) {
  .price__tel__nested__picker {
    font-size: 16px;
  }
}
.price__tel__nested__picker_active .price_tel__nested__chevron {
  transform: rotate(180deg);
}
.price__tel__nested__chevron {
  transition: all 0.35s ease-in-out;
  margin-left: 5px;
}
.price__tel__nested__input {
  border-bottom-right-radius: 18px;
  border-top-right-radius: 18px;
  background-color: #FFFFFF;
  border-left: 0;
  border-top: 1px solid #E4E4E4;
  border-bottom: 1px solid #E4E4E4;
  border-right: 1px solid #E4E4E4;
  color: #202020;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 13px;
  font-weight: 500;
  line-height: 12.99px;
  width: 100%;
  padding: 20px 0 23px 0;
}
@media (min-width: 768px) {
  .price__tel__nested__input {
    font-size: 16px;
  }
}
.price__tel__nested__code {
  background-color: #FFFFFF;
  border-left: 0;
  border-top: 1px solid #E4E4E4;
  border-bottom: 1px solid #E4E4E4;
  border-right: 0;
  color: #202020;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 13px;
  font-weight: 500;
  line-height: 12.99px;
  padding: 20px 0 23px 8px;
  display: flex;
}
@media (min-width: 768px) {
  .price__tel__nested__code {
    font-size: 16px;
  }
}
.price__tel__nested__flags {
  display: block;
  position: absolute;
  background-color: #FFFFFF;
  top: 110%;
  left: 0;
  width: 100%;
  height: 300%;
  border-radius: 16px;
  border: 1px solid #E4E4E4;
  max-width: 412px;
  z-index: 0;
  padding: 12px 9px;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s 0.15s ease-in-out;
}
.price__tel__nested__flags_active {
  opacity: 1;
  z-index: 2;
  visibility: visible;
  transition: all 0.25s 0.25s ease-in-out;
}
@media (min-width: 768px) {
  .price__tel__nested__flags {
    max-width: 420px;
  }
}
.price__tel__nested__flags--item {
  display: flex;
  margin: 0 0 4px 0;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  color: #202020;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
}
.price__tel__nested__flags--item_left {
  display: flex;
  align-items: center;
}
.price__tel__nested__flags--item_left .flag {
  margin: 0 4px 0 0;
}
.price__important {
  text-align: center;
  margin-top: 84px;
}
.price__important__title {
  color: #ffffff;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 32px;
  line-height: 44px;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .price__important__title {
    font-size: 36px;
    line-height: 50.4px;
  }
}
.price__important__blocks {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 20px 20px 0;
}
@media (min-width: 768px) {
  .price__important__blocks {
    flex-direction: row;
    gap: 30px;
  }
}
.price__important__block {
  background-color: #156efe;
  border-radius: 12px;
  padding: 36px 32px;
  text-align: left;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  flex: 1;
}
.price__important__block__title {
  color: #ffffff;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-size: 20px;
  line-height: 29.2px;
  margin-bottom: 7.5px;
  letter-spacing: 0%;
}
@media (min-width: 768px) {
  .price__important__block__title {
    font-size: 20px;
    line-height: 29.2px;
  }
}
.price__important__block__text {
  color: #ffffff;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  margin: 0;
  letter-spacing: 0%;
}
@media (min-width: 768px) {
  .price__important__block__text {
    font-size: 15px;
    line-height: 22.5px;
  }
}

/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.rates {
  padding: 48px 0;
}
.rates--title {
  color: #202020;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 36px;
  line-height: 48.96px;
  margin: 0 0 16px 0;
  padding: 0 25px;
}
.rates--title__span {
  color: #005df5;
}
@media (min-width: 992px) {
  .rates--title {
    padding: 0;
  }
}
.rates--hint {
  color: #898989;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 18px;
  line-height: 25.2px;
  margin: 15px 0 0 -15px;
  padding: 0 25px;
}
@media (min-width: 992px) {
  .rates--hint {
    padding: 15px;
  }
}
@media (min-width: 1200px) {
  .rates--hint {
    margin: 25px 0 0 -15px;
  }
}
.rates--hr {
  border: 1px solid #e9e9e9;
}
.rates--column {
  justify-content: flex-start;
}
.rates--column__block {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 210px;
  flex-flow: column;
}
.rates--column__block button {
  margin-top: auto;
}
.rates--column__title {
  color: #202020;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 18px;
  line-height: 44.2px;
  text-align: center;
  margin: 0 0 11px 0;
}
.rates--column__title--span {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 500;
  background: #05b56b;
  color: #ffffff;
  padding: 8px;
  border-radius: 12px;
  margin-bottom: 8px;
}
.rates--column__price {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 28px;
  text-align: center;
  margin: 0 0 22px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.rates--column__price .rates--column__price_old {
  font-size: 20px;
  color: #898989;
  text-decoration: line-through;
  margin-bottom: 5px;
}
.rates--column__price .rates--column__price_current {
  color: #202020;
}
.rates--column__button {
  text-align: center;
}
.rates--accordion {
  padding: 12px;
  border-radius: 20px;
  margin: 16px 16px 0;
  border: 1px solid #e9e9e9;
}
@media (min-width: 375px) {
  .rates--accordion {
    padding: 24px;
  }
}
.rates--accordion_o {
  border: 1px solid #05b56b;
}
.rates--accordion__header {
  display: flex;
  justify-content: center;
  align-items: center;
}
.rates--accordion__title {
  color: #202020;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  display: flex;
  flex-flow: column;
}
@media (min-width: 375px) {
  .rates--accordion__title {
    flex-flow: row;
    align-items: center;
  }
}
.rates--accordion__title--span {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 500;
  background: #05b56b;
  color: #ffffff;
  margin: 5px 0 0 0;
  padding: 8px;
  border-radius: 12px;
}
@media (min-width: 375px) {
  .rates--accordion__title--span {
    margin: 0 0 0 12px;
  }
}
.rates--accordion__price {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  display: flex;
  justify-content: center;
  margin-bottom: 13px;
  line-height: 20px;
  font-size: 20px;
  margin-top: 10px;
}
.rates--accordion__price_old {
  color: #898989;
  text-decoration: line-through;
}
.rates--accordion__price_current {
  margin-right: 10px;
  color: #202020;
}
.rates--accordion__block {
  font-size: 0;
  height: 0;
  opacity: 0;
  transition: opacity 0.25s, font-size 0.5s 0.25s;
}
.rates--accordion__block_open {
  font-size: 18px;
  opacity: 1;
  height: 100%;
  transition: font-size 0.25s, margin 0.25s, opacity 0.5s 0.25s;
}
.rates--accordion__row {
  display: flex;
  justify-content: space-between;
}
.rates--accordion__buttons {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.rates--accordion__button {
  margin: 0 0 8px 0;
}
.rates--row {
  margin: 0;
}
.rates--row_odd {
  background: rgba(217, 217, 217, 0.1);
}
.rates--row__name {
  display: flex;
  align-items: center;
  height: 113px;
  color: #202020;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 18px;
  line-height: 25.2px;
}
.rates--row__mark {
  max-width: 210px;
}
.rates--row__icon {
  line-height: 25.2px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 113px;
  padding: 5px;
}
.rates--row__text {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #202020;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  height: 113px;
  padding: 5px;
  text-align: center;
}
.rates--row__text p {
  margin-bottom: 0;
}

/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.tariffs_container {
  background: #F8F8FD;
  margin: 0 auto 98px;
}

.tariffs__title {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.36;
  margin: 0 0 16px;
  color: #202020;
  text-align: center;
}

.tariffs__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

@media (min-width: 992px) {
  .tariffs__grid {
    grid-template-columns: 1fr 1fr;
  }
}
.tariff-card {
  background: #fff;
  border: 1px solid #F8F8F8;
  border-radius: 16px;
  padding: 24px 24px 32px;
}

.tariff-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  background: #F8F8FD;
  border-radius: 12px;
  padding: 12px 24px;
  margin-bottom: 24px;
}

.tariff-card__name {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: #202020;
  margin: 0;
}

.tariff-card__price {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: #005DF5;
  margin: 0;
}

.tariff-list {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.tariff-item {
  display: flex;
  flex-direction: column;
  margin-bottom: 12px;
}

.tariff-item__heading {
  display: flex;
  align-items: center;
  gap: 16px;
}

.tariff-item__num {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  text-align: center;
  border-radius: 16px;
  background: #005DF5;
  color: #fff;
  font-family: "GothamPro-Bold", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  padding: 0;
  box-sizing: border-box;
}

.tariff-item__title {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  color: #202020;
  margin: 0;
}

.tariff-item__desc {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  color: #93939C;
  margin: 0;
}

.tariff-item__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #EFEFEF;
  flex: 0 0 6px;
}

.tariff-item__row {
  display: flex;
  align-items: center;
  gap: 12px;
}

.tariff-accent {
  color: #005DF5;
}

.tariff-sublist .tariff-item__desc {
  margin-top: 4px;
}

/* Adaptive from Figma 4168:182 */
@media (max-width: 991.98px) {
  .tariffs__title {
    font-size: 20px;
    line-height: 1.36;
    margin-bottom: 12px;
    text-align: center;
  }

  .tariffs__grid {
    gap: 12px;
  }

  .tariff-card {
    padding: 16px 16px 24px;
    border-radius: 16px;
  }

  .tariff-card__head {
    padding: 10px 16px;
    gap: 16px;
    margin-bottom: 16px;
  }

  .tariff-card__name {
    font-size: 18px;
  }

  .tariff-card__price {
    font-size: 18px;
  }

  .tariff-list {
    gap: 20px;
  }

  .tariff-item {
    margin-bottom: 8px;
  }

  .tariff-item__heading {
    gap: 12px;
  }

  .tariff-item__num {
    width: 24px;
    height: 24px;
    text-align: center;
    border-radius: 12px;
    font-size: 13px;
    line-height: 1;
    display: grid;
    place-items: center;
  }

  .tariff-item__title {
    font-size: 15px;
    line-height: 1.35;
  }

  .tariff-item__desc {
    font-size: 13px;
    line-height: 1.35;
  }

  .tariff-sublist .tariff-item__desc {
    margin-top: 3px;
  }

  .tariff-item__row {
    gap: 10px;
  }
}
/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.profit {
  background-color: #EDF4FF;
  padding: 30px 0;
}
@media (min-width: 768px) {
  .profit {
    padding: 103px 0 57px 0;
  }
}
.profit__title {
  text-align: center;
  white-space: pre-line;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) {
  .profit__title {
    margin: 0 0 60px 0;
  }
}
.profit__title h2 {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  color: #202020;
  font-size: 32px;
  line-height: 33px;
}
@media (min-width: 768px) {
  .profit__title h2 {
    font-size: 36px;
    line-height: 47px;
  }
}
.profit__wrap {
  position: relative;
}
.profit__wrap:before {
  display: none;
}
@media (min-width: 768px) {
  .profit__wrap:before {
    display: block;
    position: absolute;
    content: url("/img/price_form_dots.png");
    top: -191px;
    left: 84px;
  }
}
.profit__wrap:after {
  display: none;
}
@media (min-width: 768px) {
  .profit__wrap:after {
    display: block;
    position: absolute;
    content: url("/img/profit_ellipse.png");
    top: -160px;
    right: -53px;
    transform: rotate(-2.05deg);
  }
}
@media (min-width: 1200px) {
  .profit__wrap:after {
    top: -140px;
  }
}
.profit__item {
  display: flex;
  align-items: flex-start;
  margin: 0 0 15px 0;
}
@media (min-width: 768px) {
  .profit__item {
    margin: 0 0 50px 0;
  }
}
.profit__mark {
  background-color: #005df5;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 17px 0 0;
  width: 36px;
  height: 36px;
  padding: 12px;
}
@media (min-width: 768px) {
  .profit__mark {
    width: 48px;
    height: 48px;
    padding: 18px;
  }
}
.profit__text p {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-size: 17px;
  line-height: 25px;
  color: #202020;
}

.course-partners {
  background-color: #fff;
  padding: 219px 0;
  position: relative;
}
.course-partners .col-12.col-lg-6:first-child {
  display: flex;
  align-items: center;
}
.course-partners__content {
  position: relative;
  z-index: 2;
}
.course-partners__title {
  font-family: "Gotham Pro", sans-serif;
  font-weight: 900;
  font-size: 36px;
  line-height: 1.3;
  margin-bottom: 16px;
  color: #000000;
}
.course-partners__title .highlight {
  color: #005DF5;
}
.course-partners__descriptions {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.course-partners__description {
  font-family: "Gotham Pro", sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.6;
  color: #202020;
  margin: 0;
}
.course-partners__logos {
  position: relative;
  z-index: 2;
}
.course-partners__logos .course-partners__bg-circle {
  position: absolute;
  top: -125px;
  left: 50%;
  width: 509px;
  height: 509px;
  background: #F8FAFF;
  border-radius: 50%;
  z-index: 0;
  transform: translateX(-50%);
}
.course-partners__logos .course-partners__bg-dot-1 {
  position: absolute;
  top: -70px;
  right: 75px;
  width: 17px;
  height: 17px;
  background-color: #005DF5;
  border-radius: 50%;
  z-index: 1;
}
.course-partners__logos .course-partners__bg-dot-2 {
  position: absolute;
  bottom: -45px;
  right: 90px;
  width: 10px;
  height: 10px;
  background-color: #005DF5;
  border-radius: 50%;
  z-index: 1;
}
.course-partners__logos .course-partners__bg-dot-3 {
  position: absolute;
  bottom: 0;
  left: 78px;
  width: 9px;
  height: 9px;
  background-color: #005DF5;
  border-radius: 50%;
  z-index: 1;
}
.course-partners__logo-card {
  background: #fff;
  border: 1px solid #F8F8F8;
  border-radius: 16px;
  padding: 0;
  box-shadow: 0px 4px 30px 0px rgba(200, 200, 223, 0.1);
  width: 280px;
  height: 128px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.course-partners__logo-card:hover {
  transform: translateY(-5px);
  box-shadow: 0px 8px 40px 0px rgba(200, 200, 223, 0.15);
}
.course-partners__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.course-partners__logo .logo-image {
  max-width: 70%;
  max-height: 60%;
  -o-object-fit: contain;
     object-fit: contain;
  transition: transform 0.3s ease;
}
.course-partners__logo .logo-image:hover {
  transform: scale(1.05);
}

@media (max-width: 991px) {
  .course-partners {
    padding: 60px 0;
  }
  .course-partners__title {
    font-size: 28px;
    text-align: center;
  }
  .course-partners__descriptions {
    text-align: center;
  }
  .course-partners__logos {
    margin-top: 40px;
  }
  .course-partners__logo-card {
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .course-partners {
    padding: 70px 0 80px;
  }
  .course-partners__title {
    font-size: 24px;
  }
  .course-partners__logo-card {
    width: 100%;
    max-width: 250px;
    height: 100px;
  }
  .course-partners__logos .course-partners__bg-circle {
    z-index: -1;
    transform: translateX(-50%) scale(0.6);
  }
  .course-partners__logos .course-partners__bg-dot-1 {
    top: -30px;
  }
}
/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.intensive {
  padding: 52px 0 54px 0;
  background: #ffffff;
}
@media (min-width: 768px) {
  .intensive {
    padding: 100px 0;
  }
}
.intensive__icon {
  margin-bottom: 15px;
}
.intensive__title {
  margin-bottom: 12px;
  color: #202020;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 36px;
  line-height: 47px;
}
@media (min-width: 768px) {
  .intensive__title {
    font-size: 36px;
  }
}
.intensive__subtitle {
  margin-bottom: 24px;
  color: #202020;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
}
.intensive__button {
  color: #ffffff;
  width: 322px;
  max-width: 322px;
  height: 66px;
  padding: 20px 60px;
  background-color: #05b56b;
  background-image: linear-gradient(#05b56b, #05b56b), linear-gradient(45deg, #05b56b 0%, #05bf71 25%, #05b56b 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border: 2px solid transparent;
  border-radius: 30px;
  position: relative;
  transform-style: preserve-3d;
  z-index: 1;
  transition: transform 180ms cubic-bezier(0, 0, 0.58, 1), background 180ms cubic-bezier(0, 0, 0.58, 1);
  max-width: 100%;
}
.intensive__button .button-background {
  position: absolute;
  content: "";
  width: calc(100% + 2px);
  height: 100%;
  top: 0;
  left: -1px;
  z-index: -11;
  right: 0;
  bottom: 0;
  background: #06985B;
  border-radius: inherit;
  transform: translate3d(0, 12px, -16px);
  transition: transform 180ms cubic-bezier(0, 0, 0.58, 1), box-shadow 180ms cubic-bezier(0, 0, 0.58, 1);
}
.intensive__button:hover {
  background-color: #04a15f;
  background-image: linear-gradient(#04a15f, #04a15f), linear-gradient(45deg, #04a15f 0%, #05ab65 25%, #04a15f 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transform: translate(0, 0.25em);
}
.intensive__button:hover .button-background {
  box-shadow: 0 5px 30px #07ac67;
  transform: translate3d(0, 0.5em, -1em);
}
.intensive__button:active {
  background-color: #04a15f;
  background-image: linear-gradient(#04a15f, #04a15f), linear-gradient(45deg, #04a15f 0%, #05ab65 25%, #04a15f 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transform: translate(0em, 0.75em);
}
.intensive__button:active .button-background {
  box-shadow: 0 5px 30px #05844f;
  transform: translate3d(0, 0, -1em);
}
@media (min-width: 768px) {
  .intensive__button {
    max-width: unset;
  }
}
.intensive__lessons--block {
  margin-bottom: 48px;
}
.intensive__lessons--name {
  margin-bottom: 12px;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  color: #202020;
}
.intensive__lessons--text {
  margin-bottom: 18px;
}
.intensive__lessons--video {
  position: relative;
  width: 100%;
  height: 400px;
  border-radius: 18px;
  overflow: hidden;
}
.intensive__lessons--video iframe {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 18px;
}

/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.school {
  padding: 52px 0 54px 0;
  background: #EDF4FF;
  position: relative;
  overflow: visible;
}
@media (min-width: 768px) {
  .school {
    padding: 100px 0;
  }
}
.school__dots {
  position: absolute;
  top: -67px;
  left: 35px;
  display: none;
}
@media (min-width: 625px) and (max-width: 9999px) {
  .school__dots {
    left: 35px;
    display: block;
  }
}
@media (min-width: 1300px) and (max-width: 9999px) {
  .school__dots {
    left: 100px;
  }
}
.school__ellipse {
  position: absolute;
  bottom: 200px;
  right: 35px;
  display: none;
}
@media (min-width: 1600px) {
  .school__ellipse {
    right: 35px;
    display: block;
  }
}
@media (min-width: 1700px) and (max-width: 9999px) {
  .school__ellipse {
    right: 100px;
  }
}
.school__title {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 36px;
  line-height: 47px;
  text-align: center;
  color: #202020;
}
.school__subtitle {
  margin-bottom: 44px;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  line-height: 47px;
  text-align: center;
  color: #202020;
  font-size: 30px;
}
@media (min-width: 768px) {
  .school__subtitle {
    font-size: 36px;
  }
}
.school__courses--block {
  background-color: #ffffff;
  border-radius: 16px;
  padding: 56px 64px;
  margin-bottom: 24px;
}
.school__courses--num {
  border-radius: 50%;
  line-height: 48px;
  text-align: center;
  background-color: #005df5;
  width: 48px;
  height: 48px;
  color: #ffffff;
  margin-bottom: 24px;
}
.school__courses--title {
  margin-bottom: 12px;
}
/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.info {
  padding: 53px 0 0 0;
  background: #ffffff;
}
@media (min-width: 992px) {
  .info {
    padding: 107px 0 0 0;
  }
}
.info__wrap__title {
  padding: 0 20px;
  text-align: center;
  margin: 0 0 23px 0;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease;
}
@media (min-width: 992px) {
  .info__wrap__title {
    margin: 0 0 36px 0;
  }
}
.info__wrap__title:hover {
  transform: translateY(-2px);
}
.info__wrap__title h2 {
  color: #202020;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 32px;
  line-height: 44px;
  transition: color 0.3s ease;
}
.info__wrap__title:hover h2 {
  color: #005df5;
}
.info__wrap__title .toggle-icon {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  width: 30px;
  height: 30px;
  background: #005df5;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 2px 8px rgba(0, 93, 245, 0.2);
}
@media (min-width: 992px) {
  .info__wrap__title .toggle-icon {
    right: 40px;
  }
}
.info__wrap__title .toggle-icon:hover {
  background: #004ac2;
  transform: translateY(-50%) rotate(0deg) scale(1.1);
  box-shadow: 0 4px 12px rgba(0, 93, 245, 0.3);
}
.info__wrap__title .toggle-icon.expanded {
  background: #e02f2f;
  transform: translateY(-50%) rotate(45deg);
  box-shadow: 0 2px 8px rgba(224, 47, 47, 0.2);
}
.info__wrap__title .toggle-icon.expanded:hover {
  background: #bf1d1d;
  transform: translateY(-50%) rotate(45deg) scale(1.1);
  box-shadow: 0 4px 12px rgba(224, 47, 47, 0.3);
}
.info__wrap__text {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  padding: 0 20px;
  margin: 0;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transform: translateY(-10px);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 992px) {
  .info__wrap__text {
    color: #000000;
    font-size: 17px;
    font-weight: 400;
    line-height: 25.5px;
  }
}
.info__wrap__text.expanded {
  max-height: 1000px;
  opacity: 1;
  transform: translateY(0);
  margin: 0 0 53px 0;
}
@media (min-width: 992px) {
  .info__wrap__text.expanded {
    margin: 0 0 110px 0;
  }
}

/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.faq {
  position: relative;
  z-index: 0;
  text-align: center;
  padding: 30px 0;
}
@media (min-width: 992px) {
  .faq {
    padding: 100px 0;
  }
}
.faq__title {
  color: #202020;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  line-height: 44px;
  margin: 0 0 48px 0;
  font-size: 30px;
}
@media (min-width: 480px) {
  .faq__title {
    font-size: 32px;
  }
}
@media (min-width: 992px) {
  .faq__title {
    font-size: 36px;
    line-height: 46.8px;
    margin: 0 0 48px 0;
  }
}
.faq__wrap__item {
  cursor: pointer;
  border-radius: 21px;
  background-color: #005df5;
  margin-bottom: 8px;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.faq__wrap__item_radio {
  position: absolute;
  opacity: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}
.faq__wrap__item_radio:checked ~ .faq__wrap__item {
  border-radius: 13px;
}
.faq__wrap__item_radio:checked ~ .faq__wrap__item_title {
  text-align: center;
  border-top-right-radius: 13px;
}
.faq__wrap__item_radio:checked ~ .faq__wrap__item_title img {
  transform: rotate(180deg);
}
.faq__wrap__item_radio:checked ~ .faq__wrap__item_body {
  background: #005df5;
  font-size: 18px;
  opacity: 1;
  padding: 0 30px 30px 30px;
  line-height: 26px;
  transition: line-height 0.25s, font-size 0.25s, margin 0.25s, padding 0.25s, opacity 0.5s 0.25s;
}
.faq__wrap__item_title {
  color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 30px 45px 35px 42px;
  transition: all 0.3s ease-in-out;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
}
.faq__wrap__item_title img {
  transition: all 0.3s ease-in-out;
}
.faq__wrap__item_body {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 0;
  font-weight: 400;
  color: #ffffff;
  margin: 0;
  opacity: 0;
  padding: 0;
  transition: opacity 0.25s, font-size 0.5s 0.25s, margin 0.5s 0.25s, padding 0.5s 0.25s;
}

/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.course-reviews {
  background-color: #005df5;
  text-align: center;
  padding: 54px 0;
  position: relative;
}
.course-reviews__controls {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .course-reviews__controls {
    flex-direction: row;
    justify-content: center;
  }
}
.course-reviews__control-button {
  background-color: #005df5;
  color: #ffffff;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  border-radius: 16px;
  border: none;
  outline: none;
  height: 64px;
  max-width: 100%;
  width: 90%;
}
@media (min-width: 768px) {
  .course-reviews__control-button {
    max-width: 310px;
  }
}
.course-reviews__control-button:hover {
  background-color: #005df5;
  color: #ffffff;
}
.course-reviews__control-button.active {
  background-color: #156EFE;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.course-reviews__title {
  margin: 0 0 52px 0;
}
.course-reviews__title h2 {
  color: #ffffff;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 36px;
  font-weight: 700;
  line-height: 46.8px;
}
.course-reviews__wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  margin: 20px 0;
}
.course-reviews__wrap_item {
  background-color: #ffffff;
  max-width: 90%;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin: auto;
  border-radius: 15px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  text-align: left;
}
@media (min-width: 768px) {
  .course-reviews__wrap_item {
    max-width: 1200px;
  }
}
.course-reviews__wrap_item:before {
  content: url("/img/lector_up.png");
  position: absolute;
  top: 10px;
  left: -86px;
}
.course-reviews__wrap_item--header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
@media (min-width: 1200px) {
  .course-reviews__wrap_item--header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
  }
}
.course-reviews__wrap_item--footer {
  display: flex;
  justify-content: flex-start;
  background: url("/img/lector_up.png") no-repeat;
}
.course-reviews__wrap_item--stars {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
}
@media (min-width: 1200px) {
  .course-reviews__wrap_item--stars {
    margin-top: 0;
  }
}
.course-reviews__wrap_item--stars_item {
  background: url("/img/stars.png") no-repeat;
  width: 30px;
  height: 23px;
}
.course-reviews__wrap_item--stars_item_bad {
  background-position: 0 -23px;
}
.course-reviews__wrap_item--stars_item_ok {
  background-position: 0 0;
}
.course-reviews__wrap_item--author {
  display: flex;
  justify-content: flex-start;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 18px;
  color: #202020;
  line-height: 27px;
}
.course-reviews__wrap_item--text {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  color: #303640;
  line-height: 24px;
  display: block;
}
.course-reviews__wrap_item--mark {
  width: 29px;
  height: 20px;
}
.course-reviews__load-more {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  background-color: #156EFE;
  color: #ffffff;
  width: 90%;
  height: 64px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 12px 24px;
  font-size: 18px;
  font-weight: bold;
  border-radius: 8px;
  cursor: pointer;
  margin: 20px auto;
  gap: 10px;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}
@media (min-width: 992px) {
  .course-reviews__load-more {
    max-width: 268px;
  }
}
.course-reviews__load-more__spinner {
  width: 28px;
  height: 28px;
  display: inline-block;
  vertical-align: middle;
}
.course-reviews__load-more__text {
  display: inline-block;
  vertical-align: middle;
}

/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.reviews {
  background-color: #005df5;
  text-align: center;
  padding: 54px 0;
  position: relative;
}
@media (min-width: 768px) {
  .reviews {
    padding: 100px 0 220px 0;
  }
}
.reviews__title {
  margin: 0 0 52px 0;
}
.reviews__title h2 {
  color: #ffffff;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 36px;
  font-weight: 700;
  line-height: 46.8px;
}
.reviews__wrap .owl-next, .reviews__wrap .owl-prev {
  display: none;
}
.reviews__wrap .owl-stage {
  display: flex;
}
@media (min-width: 768px) {
  .reviews__wrap {
    margin: 0;
  }
}
.reviews__wrap_item {
  background-color: #ffffff;
  height: 520px;
  width: auto;
  max-width: 450px;
  position: relative;
  overflow: hidden;
  margin: auto;
  border-radius: 20px;
  display: flex;
  flex-flow: column wrap;
  padding: 60px 30px 10px;
  text-align: center;
}
@media (min-width: 768px) {
  .reviews__wrap_item {
    width: 450px;
  }
}
.reviews__wrap_item:before {
  content: url("/img/lector_up.png");
  position: absolute;
  top: 7px;
  left: -86px;
}
.reviews__wrap_item--stars {
  display: flex;
  justify-content: center;
}
.reviews__wrap_item--stars_item {
  background: url("/img/stars.png") no-repeat;
  width: 30px;
  height: 23px;
}
.reviews__wrap_item--stars_item_bad {
  background-position: 0 -23px;
}
.reviews__wrap_item--stars_item_ok {
  background-position: 0 0;
}
.reviews__wrap_item--author {
  margin: 25px 0 10px 0;
}
.reviews__wrap_item--mark {
  position: absolute;
  left: 40px;
  bottom: 100px;
}
.reviews__wrap_item--text {
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  margin: 0 0 20px 0;
  height: 240px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.special {
  display: flex;
  opacity: 0;
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 64px;
  background: #005df5;
  justify-content: space-between;
  z-index: 6;
  transform: scale(0);
}
.special_active {
  opacity: 1;
  -webkit-animation: show 0.35s ease-in-out;
          animation: show 0.35s ease-in-out;
  transform: scale(1);
}
.special_hide {
  -webkit-animation: hide 0.35s ease-in-out;
          animation: hide 0.35s ease-in-out;
}
@media (min-width: 0px) {
  .special {
    padding: 10px 20px;
  }
}
@media (min-width: 768px) {
  .special {
    height: 80px;
    border-radius: 20px;
    width: auto;
    bottom: 40px;
    left: 3%;
    right: 3%;
    flex-grow: 1;
  }
}
@media (min-width: 1200px) {
  .special {
    width: 1120px;
    left: calc(50% - 1120px / 2);
  }
}
.special__text {
  color: #ffffff;
  font-size: 14px;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 205px;
}
.special__text span {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
@media (min-width: 350px) {
  .special__text {
    max-width: 235px;
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .special__text {
    margin: 0 20px 0 0;
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .special__button {
    min-width: 240px;
  }
}
@media (min-width: 0px) {
  .special__button--desktop {
    display: none;
  }
}
@media (min-width: 768px) {
  .special__button--desktop {
    display: block;
  }
}
@media (min-width: 768px) {
  .special__button--mobile {
    display: none;
  }
}

/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.study {
  position: relative;
  background: #ffffff;
}
@media (min-width: 768px) {
  .study {
    padding: 177px 0 0 0;
  }
}
@media (min-width: 992px) {
  .study {
    padding: 131px 0 0 0;
  }
}
@media (min-width: 1200px) {
  .study {
    padding: 126px 0 0 0;
  }
}
.study__module {
  margin-bottom: 25px;
  border-radius: 15px;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.08);
  transition: all 0.3s ease;
}
.study__module_active .study__module__content {
  max-height: 2000px;
  padding: 15px;
  margin-top: 0;
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.study__module_active .study__module__content .study__module__toggle-icon {
  transform: rotate(180deg);
}
.study__module_active .study__module__content .study__module__toggle-icon:before {
  transform: rotate(90deg);
  opacity: 0;
}
.study__module__header {
  background-color: rgba(255, 255, 255, 0.12);
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
@media (min-width: 768px) {
  .study__module__header {
    padding: 25px 30px;
  }
}
.study__module__title h3 {
  margin: 0;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 20px;
  line-height: 28px;
  color: #ffffff;
}
@media (min-width: 768px) {
  .study__module__title h3 {
    font-size: 24px;
    line-height: 32px;
  }
}
.study__module__toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
}
.study__module__toggle-icon {
  position: relative;
  width: 20px;
  height: 20px;
  transition: transform 0.3s ease;
}
.study__module__toggle-icon:after, .study__module__toggle-icon:before {
  content: "";
  position: absolute;
  background-color: #ffffff;
  border-radius: 2px;
  transition: all 0.3s ease;
}
.study__module__toggle-icon:after {
  width: 20px;
  height: 3px;
  top: 8px;
  left: 0;
}
.study__module__toggle-icon:before {
  width: 3px;
  height: 20px;
  top: 0;
  left: 8px;
}
.study__module__content {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  padding: 0;
  margin-top: -10px;
  transform: translateY(-20px);
  transition: max-height 0.5s ease, padding 0.3s ease, opacity 0.3s ease, visibility 0.3s ease, transform 0.5s ease, margin-top 0.3s ease;
}
.study__breadcrumbs {
  display: none;
  margin: 37px 0 32px 0;
}
@media (min-width: 992px) {
  .study__breadcrumbs {
    display: block;
  }
}
.study__breadcrumbs__link {
  background: #F8F8FD;
  border-radius: 26px;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 15px;
  line-height: 19px;
  text-align: center;
  color: #202020;
  margin: 0 15px 0 0;
  transition: all 0.3s;
  padding: 9px 0 10px 0;
  width: 130px;
  display: inline-block;
}
.study__breadcrumbs__link:hover {
  background: #297aff;
  color: #ffffff;
}
.study__breadcrumbs__link_active {
  background: #005df5;
  color: #ffffff;
}
.study__header {
  display: block;
}
.study__header__title {
  margin: 0 0 27px 0;
}
.study__header__title h2 {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 35px;
  line-height: 45px;
  color: #202020;
}
.study__header__info {
  margin: 20px 0;
  display: flex;
  justify-content: flex-start;
}
@media (min-width: 992px) {
  .study__header__info {
    margin: 38px 0 27px 0;
    padding: 0 10px;
    justify-content: unset;
  }
}
@media (min-width: 1200px) {
  .study__header__info {
    padding: 0 47px 0 0;
    margin: 61px 0 27px 0;
  }
}
.study__header__info img {
  margin: 0 9px 0 0;
}
.study__header__info span {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 15px;
  line-height: 19px;
  color: #202020;
}
.study__header__info-lessons {
  background: #f8f8fd;
  border-radius: 40px;
  display: flex;
  align-items: center;
  padding: 8px 14px;
  margin: 0 10px 0 0;
}
@media (min-width: 480px) {
  .study__header__info-lessons {
    margin: 0 21px 0 0;
  }
}
@media (min-width: 992px) {
  .study__header__info-lessons {
    padding: 8px 16px;
  }
}
@media (min-width: 1200px) {
  .study__header__info-lessons {
    padding: 8px 25px;
  }
}
.study__header__info-hours {
  background: #f8f8fd;
  border-radius: 40px;
  display: flex;
  align-items: center;
  padding: 8px 14px;
}
@media (min-width: 1200px) {
  .study__header__info-hours {
    padding: 8px 25px;
  }
}
.study__header__progress {
  margin: 20px 0;
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .study__header__progress {
    margin: 30px 0 23px 0;
  }
}
.study__header__progress-numbers__inner {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 15px;
  line-height: 22px;
  color: #202020;
  white-space: nowrap;
}
.study__header__progress-line {
  width: 100%;
  height: 9px;
  margin: 0 0 0 20px;
  position: relative;
}
@media (min-width: 992px) {
  .study__header__progress-line {
    width: 500px;
  }
}
.study__header__progress-line__inner {
  width: 100%;
  background-color: #F8F8FD;
  border-radius: 38px;
  height: 9px;
  display: block;
}
.study__header__progress-line__after {
  position: absolute;
  top: 0;
  left: 0;
  background: #05B56B;
  border-radius: 38px;
  content: "";
  width: 100%;
  height: 100%;
}
.study__body {
  background: #005df5;
  padding: 61px 0;
}
@media (min-width: 768px) {
  .study__lessons {
    padding: 0;
  }
}
.study__lessons__item {
  width: 100%;
  margin-bottom: 15px;
  border-radius: 13px;
  background-color: #126cff;
  overflow: hidden;
  transition: all 0.25s ease-in-out;
  position: relative;
}
.study__lessons__item_passed {
  background-color: #13BD76;
}
.study__lessons__item_locked {
  background-color: rgba(32, 32, 32, 0.9);
}
.study__lessons__item_locked .study__lessons__item_title {
  cursor: not-allowed;
  position: relative;
  justify-content: center;
  align-items: center;
  min-height: 123px;
}
@media (min-width: 768px) {
  .study__lessons__item_locked .study__lessons__item_title {
    justify-content: space-between;
    align-items: center;
    min-height: initial;
  }
}
.study__lessons__item_locked .study__lessons__item_title .study__lessons__item_title__indicator {
  position: absolute;
  width: 200px;
  top: calc(50% - 32px / 2);
  left: calc(50% - 200px / 2);
  margin: 0;
}
@media (min-width: 768px) {
  .study__lessons__item_locked .study__lessons__item_title .study__lessons__item_title__indicator {
    position: initial;
    width: auto;
  }
}
.study__lessons__item_locked .study__lessons__item_title__text {
  color: #373737;
}
.study__lessons__item__test {
  background-color: #F8F8FD;
  border-radius: 18px;
  position: relative;
  z-index: 1;
  padding: 12px;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}
@media (min-width: 576px) {
  .study__lessons__item__test {
    height: auto;
    padding: 42px 22px 37px 22px;
  }
}
.study__lessons__item__test_passed:after {
  content: "Тест пройден";
  color: #ffffff;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 3em;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: #05b56b;
}
@media (min-width: 480px) {
  .study__lessons__item__test_passed:after {
    font-size: 1.5em;
  }
}
.study__lessons__item_radio {
  position: absolute;
  opacity: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.study__lessons__item_radio:checked:not(disabled) ~ .study__lessons__item {
  border-radius: 13px;
}
.study__lessons__item_radio:checked:not(disabled) ~ .study__lessons__item_title {
  background: #ffffff;
  border-top-right-radius: 13px;
}
.study__lessons__item_radio:checked:not(disabled) ~ .study__lessons__item_title > .study__lessons__item_title__text {
  color: #202020;
}
.study__lessons__item_radio:checked:not(disabled) ~ .study__lessons__item_title > .study__lessons__item_title__indicator {
  display: none;
}
.study__lessons__item_radio:checked:not(disabled) ~ .study__lessons__item__body {
  font-size: 16px;
  height: auto;
  line-height: 26px;
  transition: line-height 0.25s, font-size 0.25s, margin 0.25s, padding 0.25s, opacity 0.35s 0.25s, height 0.5s 0.25s;
  opacity: 1;
  padding: 5px 10px;
}
@media (min-width: 768px) {
  .study__lessons__item_radio:checked:not(disabled) ~ .study__lessons__item__body {
    font-size: 18px;
    padding: 0 37px 7px 56px;
  }
}
.study__lessons__item_radio:checked:not(disabled) ~ .study__lessons__item__body .study__lessons__item__body__video:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  border-radius: 18px;
  z-index: 2;
  background: rgba(32, 32, 32, 0.6);
}
.study__lessons__item_radio:checked:not(disabled) ~ .study__lessons__item__body .study__lessons__item__body__video .study__lessons__item__body__video__bg {
  width: 100%;
}
.study__lessons__item_title {
  padding: 20px;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  display: flex;
  flex-flow: column;
  position: relative;
  align-items: center;
}
@media (min-width: 768px) {
  .study__lessons__item_title {
    padding: 27px 37px 29px 56px;
    justify-content: space-between;
    flex-flow: row;
  }
}
.study__lessons__item_title__text, .study__lessons__item_title__indicator {
  color: #ffffff;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 18px;
  font-weight: 500;
  line-height: 26.28px;
}
.study__lessons__item_title__indicator {
  display: flex;
  align-items: center;
  flex-flow: row-reverse;
  justify-content: flex-end;
  margin: 20px 0 0 0;
}
.study__lessons__item_title__indicator img {
  margin: 0 10px 0 0;
}
@media (min-width: 768px) {
  .study__lessons__item_title__indicator {
    flex-flow: row nowrap;
    justify-content: unset;
    margin: 0;
  }
  .study__lessons__item_title__indicator span {
    margin: 0 10px 0 0;
  }
}
.study__lessons__item__body {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 0;
  font-weight: 400;
  color: #202020;
  background: #ffffff;
  margin: 0;
  opacity: 0;
  padding: 0;
  height: 0;
  transition: opacity 0.25s, font-size 0.5s 0.25s, margin 0.5s 0.25s, padding 0.5s 0.25s, height 0.5s 0.25s;
  position: relative;
  top: -1px;
}
.study__lessons__item__body__hint {
  text-align: center;
  margin: 20px;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #202020;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: wrap;
}
.study__lessons__item__body__hint_o {
  color: #005df5;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  margin: 0 0 0 3px;
}
.study__lessons__item__body__wa {
  display: inline-flex;
  margin: 0 0 0 5px;
}
.study__lessons__item__body__video {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  z-index: 1;
  display: flex;
}
.study__lessons__item__body__video__bg {
  width: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.study__lessons__item__body__video__play {
  position: absolute;
  top: calc(50% - 42px);
  left: calc(50% - 38px);
  z-index: 3;
  cursor: pointer;
}
.study__lessons__item__body__video__play img {
  max-height: 92px;
  max-width: 77px;
}
.study__lessons__item__body__chat {
  background: #005df5;
  height: 100%;
  border-radius: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  margin: 20px 0;
}
@media (min-width: 768px) {
  .study__lessons__item__body__chat {
    margin: 0;
  }
}
.study__lessons__item__body__extra {
  margin: 16px 0 0 0;
  background: #F8F8FD;
  border-radius: 18px;
  padding: 20px 15px;
}
.study__lessons__item__body__extra--title {
  text-align: center;
  margin: 0 0 12px 0;
}
.study__lessons__item__body__extra--title h3 {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  color: #202020;
  line-height: 22px;
  font-size: 20px;
}
@media (min-width: 768px) {
  .study__lessons__item__body__extra--title h3 {
    font-size: 24px;
    line-height: 35px;
  }
}
.study__lessons__item__body__homework {
  margin: 37px 0 25px 0;
  background: #F8F8FD;
  border-radius: 18px;
  text-align: center;
  padding: 20px 15px;
}
@media (min-width: 768px) {
  .study__lessons__item__body__homework {
    margin: 37px 0 58px 0;
    padding: 30px 0;
  }
}
.study__lessons__item__body__homework__title {
  margin: 0 0 17px 0;
}
.study__lessons__item__body__homework__title h2 {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  color: #202020;
  line-height: 22px;
  font-size: 20px;
}
@media (min-width: 768px) {
  .study__lessons__item__body__homework__title h2 {
    font-size: 24px;
    line-height: 35px;
  }
}
.study__lessons__item__body__homework__subtitle {
  font-size: 18px;
  line-height: 26px;
  color: #303036;
}
.study__lessons__item__body__homework__subtitle span {
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 500;
}
.study__lessons__item__body__homework__subtitle p {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
}
.study__lessons__item__body__send {
  margin: 0 0 58px 0;
  text-align: center;
}
@media (min-width: 768px) {
  .study__lessons__item__body__send {
    text-align: left;
  }
}
.study__lessons__item__body__send__title {
  margin: 0 0 15px 0;
}
.study__lessons__item__body__send__title h2 {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 20px;
  line-height: 29px;
  color: #005df5;
}
@media (min-width: 768px) {
  .study__lessons__item__body__send__title h2 {
    color: #202020;
    font-size: 24px;
    line-height: 35px;
  }
}
.study__lessons__item__body__send__text {
  font-size: 18px;
  line-height: 26px;
  color: #303036;
}
.study__lessons__item__body__send__text span {
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 500;
}
.study__lessons__item__body__send__text p {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
}
.study__lessons__item__body__form {
  background: #303640;
  border-radius: 18px;
  margin: 0 0 25px 0;
  padding: 20px;
}
@media (min-width: 768px) {
  .study__lessons__item__body__form {
    padding: 30px 35px 58px 35px;
  }
}
.study__lessons__item__body__form_oncheck {
  background: #005df5;
  color: #ffffff;
  padding: 30px;
}
@media (min-width: 768px) {
  .study__lessons__item__body__form_oncheck {
    margin: 0 0 25px 0;
    padding: 30px 35px;
  }
}
.study__lessons__item__body__form_failed {
  background: #e02f2f;
  color: #ffffff;
  padding: 30px;
}
@media (min-width: 768px) {
  .study__lessons__item__body__form_failed {
    margin: 0 0 25px 0;
    padding: 30px 35px;
  }
}
.study__lessons__item__body__form_success {
  background: #05b56b;
  color: #ffffff;
  padding: 30px;
}
@media (min-width: 768px) {
  .study__lessons__item__body__form_success {
    margin: 0 0 25px 0;
    padding: 30px 35px;
  }
}
.study__lessons__item__body__form__status {
  display: flex;
  align-items: center;
  height: 100%;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) {
  .study__lessons__item__body__form__status {
    margin: 0;
  }
}
.study__lessons__item__body__form__status p {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
}
@media (min-width: 768px) {
  .study__lessons__item__body__form__status p {
    font-size: 18px;
    line-height: 26px;
  }
}
.study__lessons__item__body__form__loader {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.study__lessons__item__body__form__text {
  display: flex;
  align-items: center;
  height: 100%;
  margin: 20px 0 0 0;
}
@media (min-width: 992px) {
  .study__lessons__item__body__form__text {
    margin: 0;
  }
}
.study__lessons__item__body__form__text p {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #CBCED5;
}
@media (min-width: 768px) {
  .study__lessons__item__body__form__text p {
    font-size: 18px;
    line-height: 26px;
  }
}
.study__lessons__item__body__form__title {
  margin: 0 0 25px 0;
}
.study__lessons__item__body__form__title span {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  color: #ffffff;
}
.study__lessons__item__body__form__input {
  margin: 0 0 25px 0;
  width: 100%;
}
.study__lessons__item__body__form__input input {
  background: #ffffff;
  border-radius: 15px;
  width: 100%;
  height: 65px;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: #636363;
  border: 0;
  padding: 0 20px;
}
@media (min-width: 768px) {
  .study__lessons__item__body__form__input input {
    padding: 0 40px;
  }
}
.study__lessons__item__body__form__evaluate__title {
  margin: 0 0 20px 0;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 136%;
  color: #202020;
}
.study__lessons__item__body__form__evaluate__hint {
  margin: 0 0 8px 0;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-size: 15px;
  line-height: 136%;
  color: #202020;
}
.study__lessons__item__body__form__evaluate__stars {
  margin: 0 0 24px 0;
  overflow: hidden;
  zoom: 1;
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.study__lessons__item__body__form__evaluate__stars input:checked ~ label, .study__lessons__item__body__form__evaluate__stars label, .study__lessons__item__body__form__evaluate__stars label:hover, .study__lessons__item__body__form__evaluate__stars label:hover ~ label {
  background: url("/img/stars.png") no-repeat;
  transition: all 0.3s ease-in-out;
}
.study__lessons__item__body__form__evaluate__stars input {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 24px;
  height: 22px;
  position: absolute;
  top: 0;
  z-index: 0;
}
.study__lessons__item__body__form__evaluate input:checked ~ label {
  background-position: 0 -23px;
  height: 22px;
  width: 24px;
}
.study__lessons__item__body__form__evaluate label {
  background-position: 0 0;
  height: 22px;
  width: 24px;
  float: right;
  cursor: pointer;
  position: relative;
  margin-right: 3px;
  z-index: 1;
}
.study__lessons__item__body__form__evaluate label:hover, .study__lessons__item__body__form__evaluate label:hover ~ label {
  background-position: 0 -23px;
  height: 22px;
  width: 24px;
}
.study__lessons__item__body__form__review__title {
  margin: 0 0 8px 0;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 136%;
  color: #202020;
}
.study__lessons__item__body__form__review__textarea {
  width: 100%;
}
.study__lessons__item__body__form__review__textarea textarea {
  background: #ffffff;
  border-radius: 15px;
  width: 100%;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #202020;
  border: 0;
  padding: 18px 20px;
  height: 300px;
}
@media (min-width: 768px) {
  .study__lessons__item__body__form__review__textarea textarea {
    height: auto;
  }
}
.study__lessons__item__body__form__review__textarea textarea::-moz-placeholder {
  color: #898989;
}
.study__lessons__item__body__form__review__textarea textarea:-ms-input-placeholder {
  color: #898989;
}
.study__lessons__item__body__form__review__textarea textarea::placeholder {
  color: #898989;
}
.study__lessons__item__body__form__button {
  position: relative;
  z-index: 1;
}

.test--input {
  position: absolute;
  opacity: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.test--input:checked ~ .test--label:before {
  content: "";
  background-color: #005df5;
}
.test--input:checked ~ .test--label:after {
  opacity: 1;
  transition: 0.1s 0.15s ease-in-out;
}
.test--label {
  margin: 0;
  position: relative;
  cursor: pointer;
  display: block;
  padding-right: 31px;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
@media (min-width: 576px) {
  .test--label {
    padding-right: 0;
    margin: 0 0 0 40px;
  }
}
.test--label:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-color: #e5e5e5;
  border-radius: 5px;
  position: absolute;
  left: unset;
  right: 0;
  top: -5px;
  transition: 0.1s ease-in-out;
}
@media (min-width: 576px) {
  .test--label:before {
    left: -40px;
    right: unset;
  }
}
.test--label:after {
  content: url("/img/svg/tick_o.svg");
  opacity: 0;
  position: absolute;
  display: block;
  right: 5px;
  top: -3px;
  width: 13px;
  height: 10px;
  transition: 0.15s 0.1s ease-in-out;
}
@media (min-width: 576px) {
  .test--label:after {
    left: -34px;
    right: unset;
  }
}
.test__header {
  margin: 0 0 30px 0;
}
@media (min-width: 768px) {
  .test__header {
    flex-flow: row wrap;
  }
}
.test__title {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 28px;
  line-height: 136%;
  color: #202020;
  margin: 0 0 16px 0;
}
.test__progress {
  width: 100%;
  background: #DCDCDC;
  height: 5px;
  border-radius: 20px;
  margin: 0 0 5px 0;
}
.test__progress--current {
  background: #05b56b;
  height: 5px;
  border-radius: 20px;
}
.test__block {
  margin: 45px 0 0 0;
  position: static;
  display: block;
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
}
.test__block_hidden {
  position: absolute;
  left: -9999px;
  opacity: 0;
}
.test__progress-hint {
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 15px;
  font-weight: 500;
  line-height: 136%;
  color: #202020;
  display: flex;
  width: 100%;
  justify-content: flex-end;
}
.test__progress-hint_passed {
  color: #05b56b;
}
.test__status {
  margin: 0 10px 0 0;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 18px;
  line-height: 26px;
  color: #202020;
}
.test__question {
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 500;
  line-height: 136%;
  font-size: 20px;
  color: #202020;
}
.test__answer {
  position: relative;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) {
  .test__answer {
    display: flex;
  }
}
.test__bottom {
  margin: 30px 0 0 0;
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 768px) {
  .test__bottom {
    flex-flow: row;
    justify-content: flex-end;
  }
}
.test__tryagain {
  margin: 0 0 60px 0;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  line-height: 23px;
  color: #202020;
  display: flex;
  background: transparent;
}
.test__tryagain img {
  margin-right: 8px;
}
.test__box {
  position: absolute;
  left: -9999px;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.test__box_active {
  position: static;
  display: block;
  opacity: 1;
}
.test__comment {
  position: static;
  display: block;
  opacity: 1;
}
.test__comment_hidden {
  position: absolute;
  left: -9999px;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.test__comment--hint {
  position: static;
  display: block;
  opacity: 1;
  margin: 0 0 8px 0;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-size: 15px;
  line-height: 136%;
  color: #202020;
}
.test__comment--hint_hidden {
  position: absolute;
  left: -9999px;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

[data-youtube-id], [data-rutube-id] {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  max-width: 100%;
}

[data-youtube-id] img, [data-youtube-id] iframe, [data-rutube-id] img, [data-rutube-id] iframe {
  width: 100%;
  border-radius: 10px;
  height: 200px;
}
@media (min-width: 480px) {
  [data-youtube-id] img, [data-youtube-id] iframe, [data-rutube-id] img, [data-rutube-id] iframe {
    height: 280px;
  }
}
@media (min-width: 768px) {
  [data-youtube-id] img, [data-youtube-id] iframe, [data-rutube-id] img, [data-rutube-id] iframe {
    height: 400px;
  }
}
@media (min-width: 992px) {
  [data-youtube-id] img, [data-youtube-id] iframe, [data-rutube-id] img, [data-rutube-id] iframe {
    height: 600px;
  }
}

[data-youtube-id^="#"]:after, [data-rutube-id^="#"]:after {
  content: "";
  display: none;
  padding: 0;
}

[data-youtube-id]:hover:after, [data-rutube-id]:hover:after {
  opacity: 1;
}

.spinner {
  font-size: 48px;
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
}
.spinner.center {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.spinner .spinner-blade {
  position: absolute;
  left: 0.4629em;
  bottom: 0;
  width: 0.074em;
  height: 0.2777em;
  border-radius: 0.0555em;
  background-color: transparent;
  transform-origin: center -0.2222em;
  -webkit-animation: spinner-fade 1s infinite linear;
          animation: spinner-fade 1s infinite linear;
}
.spinner .spinner-blade:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  transform: rotate(0deg);
}
.spinner .spinner-blade:nth-child(2) {
  -webkit-animation-delay: 0.083s;
          animation-delay: 0.083s;
  transform: rotate(30deg);
}
.spinner .spinner-blade:nth-child(3) {
  -webkit-animation-delay: 0.166s;
          animation-delay: 0.166s;
  transform: rotate(60deg);
}
.spinner .spinner-blade:nth-child(4) {
  -webkit-animation-delay: 0.249s;
          animation-delay: 0.249s;
  transform: rotate(90deg);
}
.spinner .spinner-blade:nth-child(5) {
  -webkit-animation-delay: 0.332s;
          animation-delay: 0.332s;
  transform: rotate(120deg);
}
.spinner .spinner-blade:nth-child(6) {
  -webkit-animation-delay: 0.415s;
          animation-delay: 0.415s;
  transform: rotate(150deg);
}
.spinner .spinner-blade:nth-child(7) {
  -webkit-animation-delay: 0.498s;
          animation-delay: 0.498s;
  transform: rotate(180deg);
}
.spinner .spinner-blade:nth-child(8) {
  -webkit-animation-delay: 0.581s;
          animation-delay: 0.581s;
  transform: rotate(210deg);
}
.spinner .spinner-blade:nth-child(9) {
  -webkit-animation-delay: 0.664s;
          animation-delay: 0.664s;
  transform: rotate(240deg);
}
.spinner .spinner-blade:nth-child(10) {
  -webkit-animation-delay: 0.747s;
          animation-delay: 0.747s;
  transform: rotate(270deg);
}
.spinner .spinner-blade:nth-child(11) {
  -webkit-animation-delay: 0.83s;
          animation-delay: 0.83s;
  transform: rotate(300deg);
}
.spinner .spinner-blade:nth-child(12) {
  -webkit-animation-delay: 0.913s;
          animation-delay: 0.913s;
  transform: rotate(330deg);
}

@-webkit-keyframes spinner-fade {
  0% {
    background-color: #FFD234;
  }
  100% {
    background-color: transparent;
  }
}

@keyframes spinner-fade {
  0% {
    background-color: #FFD234;
  }
  100% {
    background-color: transparent;
  }
}
/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.hero {
  background: #005df5;
  padding: 40px 0;
}
@media (min-width: 992px) {
  .hero {
    padding: 184px 0 60px 0;
  }
}
@media (min-width: 1200px) {
  .hero {
    padding: 214px 0 105px 0;
  }
}
.hero__title {
  margin-bottom: 20px;
}
.hero__title h1 {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  font-size: 30px;
  line-height: 37px;
}
@media (min-width: 480px) {
  .hero__title h1 {
    font-size: 32px;
  }
}
@media (min-width: 1200px) {
  .hero__title h1 {
    font-size: 35px;
    line-height: 45px;
  }
}
.hero__title--span {
  position: relative;
  display: inline-flex;
  z-index: 1;
  color: #005df5;
  padding: 0 8px;
}
.hero__title--span:before {
  content: "";
  width: 106%;
  height: 102%;
  background: #ffffff;
  position: absolute;
  z-index: -1;
  top: 2%;
  left: -3%;
  border-radius: 20px;
  transform: rotate(-4deg);
}
.hero__subtitle h2 {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  text-align: center;
  color: #ffffff;
}
.hero__search {
  margin-top: 24px;
}
.hero__search--form {
  background: #f8f8fd;
  width: 100%;
  height: 56px;
  border-radius: 16px;
  display: flex;
  align-items: center;
}
.hero__search--input {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 22px;
  border: 0;
  width: 100%;
  height: 56px;
  background: transparent;
}
.hero__search--input::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.hero__search--input:-ms-input-placeholder {
  color: #999999;
  opacity: 1;
}
.hero__search--input::placeholder {
  color: #999999;
  opacity: 1;
}
.hero__search--reset {
  width: 24px;
  height: 24px;
  background: #D9D9D9;
  cursor: pointer;
  border-radius: 50%;
  margin: 0 12px;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  transition: all 0.3s ease-in-out;
  flex-basis: 24px;
  flex-shrink: 0;
}
.hero__search--reset:active, .hero__search--reset:hover {
  background: transparent;
}
.hero__search--submit {
  background: transparent url(/img/svg/search_icon_black.svg) no-repeat center center;
  width: 60px;
  height: 100%;
}
.hero__tags {
  margin: 56px 0 0 0;
  overflow: hidden;
  cursor: -webkit-grab;
  cursor: grab;
}
@media (min-width: 768px) {
  .hero__tags {
    margin: 59px 0 0 0;
  }
}
.hero__tags--container {
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  flex-wrap: nowrap;
  justify-content: left;
  overflow-x: scroll;
}
@media (min-width: 992px) {
  .hero__tags--container {
    overflow-x: hidden;
    justify-content: center;
    flex-wrap: wrap;
  }
}
.hero__tags--container .active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.hero__tags--item {
  margin: 6px 6px;
  display: inline-flex;
  padding: 14px 39px;
  flex: 0 0 auto;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: rgba(255, 255, 255, 0.6);
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}
.hero__tags--item:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.8);
  color: #ffffff;
}

/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.categories {
  padding: 40px 0;
  background: #ffffff;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 1200px) {
  .categories {
    padding: 54px 0 86px;
  }
}
.categories__title {
  margin-bottom: 30px;
  transition: all 0.3s ease-in-out;
  text-align: center;
}
@media (min-width: 768px) {
  .categories__title {
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .categories__title {
    margin-bottom: 47px;
  }
}
.categories__title h2 {
  transition: all 0.3s ease-in-out;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  color: #202020;
  font-size: 32px;
  line-height: 37px;
}
@media (min-width: 768px) {
  .categories__title h2 {
    font-size: 35px;
    line-height: 45px;
  }
}
.categories__wrap__item {
  color: #ffffff;
  border-radius: 16px;
  width: 389px;
  max-width: 100%;
  padding: 20px 31px 31px 34px;
  margin: 0 auto 18px auto;
}
@media (min-width: 768px) {
  .categories__wrap__item {
    margin: 0 0 30px 0;
  }
}
.categories__wrap__item_top {
  display: flex;
  justify-content: space-between;
}
.categories__wrap__item__img {
  background: #ffffff;
  width: 63px;
  height: 63px;
  border-radius: 14px;
  margin: 0 0 30px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.categories__wrap__item__count span {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #ffffff;
}
.categories__wrap__item__type {
  margin: 0 0 16px 0;
}
.categories__wrap__item__type h4 {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #ffffff;
}
.categories__wrap__item__name {
  margin: 0 0 27px 0;
}
.categories__wrap__item__name h3 {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 23px;
  line-height: 30px;
  color: #ffffff;
}
.categories__wrap__item__button span {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 16px;
  line-height: 21px;
  color: #ffffff;
}

/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.trust {
  background: #F8F8FD;
  padding: 40px 0;
}
@media (min-width: 992px) {
  .trust {
    padding: 86px 0 68px 0;
  }
}
.trust__title {
  text-align: center;
}
@media (min-width: 992px) {
  .trust__title {
    margin: 0 0 70px;
    text-align: left;
  }
}
.trust__title h2 {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  color: #202020;
  font-size: 32px;
  line-height: 27px;
}
@media (min-width: 992px) {
  .trust__title h2 {
    font-size: 35px;
    line-height: 45px;
  }
}
.trust__wrap {
  margin: 27px 0 0 0;
}
.trust__wrap__mark {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #005df5;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 27px auto;
}
@media (min-width: 992px) {
  .trust__wrap__mark {
    margin: 0 0 27px 0;
  }
}
.trust__wrap__heading {
  margin: 0 0 23px 0;
  text-align: center;
}
@media (min-width: 992px) {
  .trust__wrap__heading {
    text-align: left;
  }
}
.trust__wrap__heading p {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 21px;
  line-height: 30px;
  color: #005df5;
}
@media (min-width: 1200px) {
  .trust__wrap__heading p {
    font-size: 23px;
  }
}
.trust__wrap__text {
  margin: 0 0 33px 0;
  text-align: center;
}
@media (min-width: 992px) {
  .trust__wrap__text {
    text-align: left;
  }
}
.trust__wrap__text p {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #202020;
}
@media (min-width: 1200px) {
  .trust__wrap__text p {
    font-size: 18px;
  }
}
.trust__wrap__button {
  text-align: center;
  margin: 0 0 33px 0;
}
.trust__wrap__button span {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 16px;
  line-height: 21px;
  color: #ffffff;
}

/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.teachers {
  padding: 64px 0 65px 0;
  background: #ffffff;
  display: none;
}
.teachers__title {
  margin-bottom: 53px;
  text-align: center;
}
@media (min-width: 768px) {
  .teachers__title {
    text-align: left;
  }
}
.teachers__title h2 {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  color: #202020;
  font-size: 32px;
  line-height: 33px;
}
@media (min-width: 768px) {
  .teachers__title h2 {
    font-size: 35px;
    line-height: 45px;
  }
}
.teachers__wrap {
  text-align: center;
  padding: 0 14%;
}
@media (min-width: 576px) {
  .teachers__wrap {
    padding: 0 30%;
  }
}
@media (min-width: 768px) {
  .teachers__wrap {
    text-align: left;
    padding: 0;
  }
}
.teachers__wrap__img {
  border-radius: 50%;
  margin: 0 0 28px 0;
}
.teachers__wrap__name {
  margin: 0 0 23px 0;
}
.teachers__wrap__name h4 {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  color: #005df5;
}
.teachers__wrap__text {
  margin: 0 0 27px 0;
}
.teachers__wrap__text p {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 28px;
  color: #202020;
}

/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.method {
  padding: 40px 0;
  background: #005df5;
}
@media (min-width: 992px) {
  .method {
    padding: 96px 0 66px 0;
  }
}
.method__title {
  margin: 0 0 30px 0;
  text-align: center;
}
@media (min-width: 992px) {
  .method__title {
    margin: 0 0 44px 0;
  }
}
.method__title h2 {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  color: #ffffff;
  font-size: 32px;
  line-height: 33px;
}
@media (min-width: 992px) {
  .method__title h2 {
    font-size: 35px;
    line-height: 45px;
  }
}
.method__wrap__img {
  width: 224px;
  height: 224px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #1a71ff;
  border-radius: 18px;
  margin: 0 auto 20px auto;
}
@media (min-width: 992px) {
  .method__wrap__img {
    margin: 0 0 36px 0;
    width: 162px;
    height: 162px;
  }
}
@media (min-width: 1200px) {
  .method__wrap__img {
    width: 224px;
    height: 224px;
  }
}
.method__wrap__text {
  text-align: center;
  margin: 0 0 20px 0;
}
@media (min-width: 992px) {
  .method__wrap__text {
    margin: 0 0 36px 0;
  }
}
.method__wrap__text p {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  text-align: center;
  color: #ffffff;
}

/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.category {
  padding: 40px 0 60px 0;
}
@media (min-width: 480px) {
  .category {
    padding: 50px 0 80px 0;
  }
}
@media (min-width: 576px) {
  .category {
    padding: 70px 0 110px 0;
  }
}
@media (min-width: 992px) {
  .category {
    padding: 168px 0 130px 0;
  }
}
@media (min-width: 1200px) {
  .category {
    padding: 163px 0 192px 0;
  }
}
.category__selections {
  padding: 40px 0 20px;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .category__selections {
    padding: 20px 0 0;
  }
}
@media (min-width: 1200px) {
  .category__selections {
    padding: 20px 0 20px;
  }
}
.category__selections--item {
  font-size: 14px;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 500;
  padding: 9px 32px;
  margin: 0 9px 12px 0;
  border-radius: 40px;
  border: 1px solid #ffffff;
  color: #ffffff;
  transition: all 0.3s;
}
.category__selections--item:hover {
  background-color: #ffffff;
  color: #005df5;
  border: 1px solid #ffffff;
}
.category__selections--item_active {
  background-color: #ffffff;
  color: #005df5;
}
.category__selections--item_active:hover {
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
}
.category__breadcrumbs {
  margin: 0 0 32px 0;
}
.category__breadcrumbs__link {
  border: 0;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 500;
  font-size: 15px;
  line-height: 19px;
  color: rgba(255, 255, 255, 0.5);
  margin: 0 7px 0 0;
  transition: all 0.3s;
  display: inline-block;
}
@media (min-width: 768px) {
  .category__breadcrumbs__link {
    margin: 0 15px 0 0;
  }
}
.category__breadcrumbs__link:hover {
  color: rgba(255, 255, 255, 0.8);
}
.category__breadcrumbs__link_active {
  color: #ffffff;
  background: transparent;
}
.category__breadcrumbs__link_active:hover {
  color: rgba(255, 255, 255, 0.5);
}
.category__breadcrumbs__link_o {
  color: rgba(32, 32, 32, 0.5);
}
.category__breadcrumbs__link_o:hover {
  color: rgba(32, 32, 32, 0.8);
}
.category__breadcrumbs__link_o_active {
  color: #202020;
}
.category__breadcrumbs__link_o_active:hover {
  color: rgba(32, 32, 32, 0.8);
}
.category__breadcrumbs__delimiter {
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 500;
  font-size: 15px;
  line-height: 19px;
  color: #ffffff;
  margin: 0 7px 0 0;
}
@media (min-width: 768px) {
  .category__breadcrumbs__delimiter {
    margin: 0 15px 0 0;
  }
}
.category__breadcrumbs__delimiter_o {
  color: #202020;
}
.category__title h1 {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 30px;
  line-height: 33px;
  color: #ffffff;
}
@media (min-width: 992px) {
  .category__title h1 {
    text-align: left;
    font-size: 35px;
    line-height: 45px;
  }
}
.category__description {
  margin-top: 10px;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 30px;
  line-height: 33px;
  color: #ffffff;
}
@media (min-width: 992px) {
  .category__description {
    text-align: left;
    font-size: 35px;
    line-height: 45px;
  }
}

/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.courses {
  margin: -30px 0 0 0;
}
@media (min-width: 480px) {
  .courses {
    margin: -50px 0 0 0;
  }
}
@media (min-width: 576px) {
  .courses {
    margin: -70px 0 0 0;
  }
}
@media (min-width: 1200px) {
  .courses {
    margin: -150px 0 0 0;
  }
}
.courses__item {
  background: #ffffff;
  box-shadow: 0 4px 40px rgba(115, 115, 123, 0.2);
  border-radius: 35px;
  margin: 0 0 30px 0;
  display: flex;
  flex-flow: column;
}
@media (min-width: 992px) {
  .courses__item {
    flex-flow: row;
    margin: 0 -15px 30px 0;
  }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .courses__item {
    margin: 0 0 30px 0;
  }
}
.courses__item--img {
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  max-width: 100%;
  flex: 1 0 auto;
}
@media (min-width: 992px) {
  .courses__item--img {
    width: 440px;
  }
}
.courses__item--img__link {
  padding-top: 100%;
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.25s ease-in-out;
}
.courses__item--img__link:hover {
  transform: scale(1.2);
}
.courses__item--img__sale {
  position: absolute;
  top: 0;
  right: 47px;
  background: #e34949;
  border-radius: 0 0 42px 42px;
  width: 49px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 17px;
  line-height: 25px;
  color: #ffffff;
}
.courses__item--content {
  display: flex;
  flex-flow: column wrap;
  padding: 12px 12px 32px;
}
@media (min-width: 992px) {
  .courses__item--content {
    padding: 22px 16px 22px 24px;
  }
}
@media (min-width: 1200px) {
  .courses__item--content {
    padding: 36px 36px 36px 48px;
  }
}
.courses__item--content_centered {
  justify-content: center;
}
.courses__item--title {
  max-width: 100%;
  display: flex;
  flex-flow: column;
  margin: 0 0 16px 0;
}
@media (min-width: 992px) {
  .courses__item--title {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
  }
}
.courses__item--title__name {
  margin: 0 0 12px 0;
}
@media (min-width: 992px) {
  .courses__item--title__name {
    margin: 0;
    max-width: 70%;
  }
}
@media (min-width: 1200px) {
  .courses__item--title__name {
    padding-right: 20px;
  }
}
.courses__item--title__name h2 {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 28px;
  color: #202020;
  transition: all 0.3s ease-in-out;
}
.courses__item--title__name:hover h2, .courses__item--title__name:focus h2 {
  color: #005df5;
  text-shadow: 0 1px 5px rgba(10, 79, 189, 0.3);
}
.courses__item--title__info {
  display: flex;
  justify-content: flex-start;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .courses__item--title__info {
    flex-flow: column;
  }
}
@media (min-width: 1200px) {
  .courses__item--title__info {
    justify-content: space-around;
  }
}
.courses__item--title__info img {
  margin: 0 9px 0 0;
}
.courses__item--title__info span {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 500;
  font-size: 15px;
  color: #898989;
}
.courses__item--title__lessons {
  display: flex;
  align-items: center;
  margin: 0 16px 0 0;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .courses__item--title__lessons {
    margin: 0 0 12px 0;
  }
}
@media (min-width: 1200px) {
  .courses__item--title__lessons {
    margin: 0 16px 0 0;
  }
}
.courses__item--title__hours {
  display: flex;
  align-items: center;
}
.courses__item--belongs {
  display: flex;
  flex-wrap: wrap;
}
.courses__item--belongs__link {
  padding: 6px 16px;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  line-height: 20px;
  color: #898989;
  background-color: #F8F8FD;
  border-radius: 40px;
  margin: 0 19px 8px 0;
  transition: all 0.3s;
}
.courses__item--belongs__link:hover {
  color: #202020;
  background-color: rgba(241, 241, 241, 0.5);
}
.courses__item--belongs_course {
  padding: 16px 0 32px;
}
.courses__item--description {
  margin: 18px 0 24px 0;
}
@media (min-width: 992px) {
  .courses__item--description {
    margin: 28px 0 32px 0;
  }
}
.courses__item--description p {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-size: 17px;
  line-height: 25px;
  color: #202020;
}
.courses__item--footer {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}
@media (min-width: 992px) {
  .courses__item--footer {
    flex-flow: row;
    align-items: center;
  }
}
.courses__item--price {
  display: flex;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 32px;
  font-weight: 400;
  line-height: 32px;
  margin: 0 0 24px 0;
}
@media (min-width: 992px) {
  .courses__item--price {
    margin: 0;
  }
}
.courses__item--price__old {
  color: #898989;
  text-decoration: line-through;
  margin: 0 0 0 24px;
}
.courses__description {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 18px;
  font-weight: 400;
  padding: 56px 0;
  white-space: pre-line;
}
@media (min-width: 768px) {
  .courses__description {
    padding: 56px 0 64px;
  }
}
.courses__description ul {
  margin-left: 20px;
  white-space: initial;
}
.courses__description ul li {
  margin-bottom: 10px;
}
.courses__tag-description {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 18px;
  font-weight: 400;
  padding: 20px 0;
  white-space: pre-line;
}
@media (min-width: 768px) {
  .courses__tag-description {
    padding: 20px 0 20px;
  }
}
.courses__tag-description ul {
  margin-left: 20px;
  white-space: initial;
}
.courses__tag-description ul li {
  margin-bottom: 10px;
}
.courses__recommended {
  display: flex;
  flex-flow: column wrap;
  padding: 0 0 80px 0;
}
@media (min-width: 768px) {
  .courses__recommended {
    padding: 0;
    flex-flow: row nowrap;
  }
}
.courses__recommended--title {
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 24px 0;
}
@media (min-width: 768px) {
  .courses__recommended--title {
    margin: 0 24px 0 0;
  }
}
.courses__recommended--wrap {
  display: flex;
  flex-wrap: wrap;
}
.courses__recommended--item {
  padding: 6px 16px;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  line-height: 20px;
  color: #202020;
  background-color: #F1F1F1;
  border-radius: 40px;
  margin: 0 19px 8px 0;
  transition: all 0.3s;
}
.courses__recommended--item:hover {
  color: #202020;
  background-color: #DCDCDC;
}

/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.my {
  background: #ffffff;
  min-height: calc(100vh - 367px);
  padding: 40px 0;
}
@media (min-width: 480px) {
  .my {
    min-height: calc(100vh - 426px);
  }
}
@media (min-width: 576px) {
  .my {
    min-height: calc(100vh - 465px);
  }
}
@media (min-width: 768px) {
  .my {
    padding: 200px 0 40px 0;
    min-height: calc(100vh - 186px);
  }
}
@media (min-width: 992px) {
  .my {
    padding: 131px 0 40px 0;
  }
}
@media (min-width: 1200px) {
  .my {
    padding: 126px 0 40px 0;
    min-height: calc(100vh - 186px);
  }
}
.my__breadcrumbs {
  display: block;
  margin: 37px 0 32px 0;
}
@media (min-width: 992px) {
  .my__breadcrumbs {
    display: block;
  }
}
.my__breadcrumbs__link {
  background: #F8F8FD;
  border-radius: 26px;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 500;
  font-size: 13px;
  line-height: 17px;
  text-align: center;
  color: #202020;
  margin: 0 8px 8px 0;
  transition: all 0.3s;
  padding: 8px 0 9px 0;
  width: 100px;
  display: inline-block;
}
@media (min-width: 480px) {
  .my__breadcrumbs__link {
    font-size: 14px;
    line-height: 18px;
    width: 110px;
    margin: 0 10px 8px 0;
  }
}
@media (min-width: 992px) {
  .my__breadcrumbs__link {
    font-size: 15px;
    line-height: 19px;
    width: 130px;
    margin: 0 15px 0 0;
    padding: 9px 0 10px 0;
  }
}
.my__breadcrumbs__link:hover {
  background: #297aff;
  color: #ffffff;
}
.my__breadcrumbs__link_active {
  background: #005df5;
  color: #ffffff;
}
.my__title {
  margin: 0 0 27px 0;
}
.my__title h1 {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  color: #202020;
  font-size: 32px;
  line-height: 33px;
}
@media (min-width: 768px) {
  .my__title h1 {
    font-size: 35px;
    line-height: 45px;
  }
}
.my__courses {
  border-radius: 35px;
}
.my__courses__item {
  border-radius: 35px;
  background: #ffffff;
  margin: 0 0 15px 0;
  box-shadow: 0 4px 40px rgba(201, 201, 233, 0.5);
}
.my__courses__item__img {
  height: 100%;
  width: 100%;
  position: relative;
  border-radius: 14px;
  overflow: hidden;
}
.my__courses__item__img img {
  width: 100%;
  height: 100%;
  border-radius: 14px;
}
.my__courses__item__title {
  margin: 40px 20px 0 20px;
  text-align: center;
  height: 87px;
}
@media (min-width: 992px) {
  .my__courses__item__title {
    text-align: left;
  }
}
@media (min-width: 480px) {
  .my__courses__item__title {
    margin: 40px 30px 0 30px;
  }
}
@media (min-width: 992px) {
  .my__courses__item__title {
    margin: 38px 0 0 0;
  }
}
@media (min-width: 1200px) {
  .my__courses__item__title {
    margin: 58px 0 61px 30px;
  }
}
.my__courses__item__title h2 {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 22px;
  line-height: 29px;
  color: #202020;
}
.my__courses__item__progress {
  margin: 40px 20px 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 480px) {
  .my__courses__item__progress {
    margin: 40px 30px 0 30px;
  }
}
@media (min-width: 992px) {
  .my__courses__item__progress {
    margin: 30px 0 23px 0;
  }
}
@media (min-width: 1200px) {
  .my__courses__item__progress {
    margin: 30px 0 61px 30px;
  }
}
.my__courses__item__progress-numbers__inner {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 15px;
  line-height: 22px;
  color: #202020;
  white-space: nowrap;
}
.my__courses__item__progress-line {
  width: 100%;
  height: 9px;
  margin: 0 0 0 20px;
  position: relative;
}
.my__courses__item__progress-line__inner {
  width: 100%;
  background-color: #F8F8FD;
  border-radius: 38px;
  height: 9px;
  display: block;
}
.my__courses__item__progress-line__after {
  position: absolute;
  top: 0;
  left: 0;
  background: #05B56B;
  border-radius: 38px;
  content: "";
  width: 100%;
  height: 100%;
}
.my__courses__item__info {
  margin: 20px 10px 20px 10px;
  display: flex;
  justify-content: space-around;
}
@media (min-width: 480px) {
  .my__courses__item__info {
    margin: 20px 20px 20px 20px;
  }
}
@media (min-width: 576px) {
  .my__courses__item__info {
    justify-content: space-around;
  }
}
@media (min-width: 992px) {
  .my__courses__item__info {
    margin: 38px 0 27px 0;
    justify-content: space-between;
    padding: 0 10px;
  }
}
@media (min-width: 1200px) {
  .my__courses__item__info {
    padding: 0 47px 0 0;
    margin: 61px 0 27px 0;
  }
}
.my__courses__item__info img {
  margin: 0 9px 0 0;
}
.my__courses__item__info span {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 15px;
  line-height: 19px;
  color: #202020;
}
.my__courses__item__info-lessons {
  background: #f8f8fd;
  border-radius: 40px;
  display: flex;
  align-items: center;
  padding: 8px 14px;
}
@media (min-width: 480px) {
  .my__courses__item__info-lessons {
    margin: 0 28px 0 0;
  }
}
@media (min-width: 576px) {
  .my__courses__item__info-lessons {
    margin: 0;
  }
}
@media (min-width: 992px) {
  .my__courses__item__info-lessons {
    padding: 8px 16px;
  }
}
@media (min-width: 1200px) {
  .my__courses__item__info-lessons {
    padding: 8px 25px;
  }
}
.my__courses__item__info-hours {
  background: #f8f8fd;
  border-radius: 40px;
  display: flex;
  align-items: center;
  padding: 8px 14px;
}
@media (min-width: 1200px) {
  .my__courses__item__info-hours {
    padding: 8px 25px;
  }
}
.my__courses__item__info-price {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
@media (min-width: 992px) {
  .my__courses__item__info-price {
    align-items: flex-end;
  }
}
@media (min-width: 1200px) {
  .my__courses__item__info-price {
    align-items: flex-end;
  }
}
.my__courses__item__info-price.centered {
  align-items: center;
  text-align: center;
}
@media (min-width: 992px) {
  .my__courses__item__info-price.centered {
    align-items: center;
  }
}
@media (min-width: 1200px) {
  .my__courses__item__info-price.centered {
    align-items: center;
  }
}
.my__courses__item__info-price__current {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #202020;
}
@media (min-width: 768px) {
  .my__courses__item__info-price__current {
    font-size: 22px;
    line-height: 26px;
  }
}
@media (min-width: 1200px) {
  .my__courses__item__info-price__current {
    font-size: 24px;
    line-height: 28px;
  }
}
.my__courses__item__info-price__old {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #999;
  text-decoration: line-through;
}
@media (min-width: 768px) {
  .my__courses__item__info-price__old {
    font-size: 18px;
    line-height: 22px;
  }
}
.my__courses__item__button {
  position: relative;
  z-index: 5;
  margin: 0 10px;
}
@media (min-width: 480px) {
  .my__courses__item__button {
    display: flex;
    justify-content: center;
  }
}
@media (min-width: 992px) {
  .my__courses__item__button {
    display: block;
    margin: 0;
  }
}

.success-message {
  background: #ffffff;
  border: 2px solid #005df5;
  border-radius: 24px;
  padding: 0;
  box-shadow: 0 8px 32px rgba(0, 93, 245, 0.2);
  overflow: hidden;
  position: relative;
}
.success-message__container {
  display: flex;
  align-items: center;
  padding: 40px;
  position: relative;
  z-index: 1;
}
@media (min-width: 0px) {
  .success-message__container {
    flex-direction: column;
    text-align: center;
    padding: 30px 20px;
  }
}
.success-message__icon {
  margin-right: 30px;
  flex-shrink: 0;
}
@media (min-width: 0px) {
  .success-message__icon {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.success-message__icon__circle {
  width: 80px;
  height: 80px;
  background: #005df5;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #005df5;
  -webkit-animation: pulse 2s infinite;
          animation: pulse 2s infinite;
}
.success-message__icon__circle svg {
  color: #ffffff;
}
.success-message__content {
  flex: 1;
}
.success-message__title {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 32px;
  font-weight: 700;
  color: #202020;
  margin: 0 0 15px 0;
}
@media (min-width: 768px) {
  .success-message__title {
    font-size: 28px;
  }
}
@media (min-width: 0px) {
  .success-message__title {
    font-size: 24px;
  }
}
.success-message__description {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 18px;
  line-height: 28px;
  color: #666;
  margin: 0 0 30px 0;
}
@media (min-width: 768px) {
  .success-message__description {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (min-width: 0px) {
  .success-message__description {
    font-size: 14px;
    line-height: 22px;
  }
}
.success-message__actions {
  display: flex;
}
@media (min-width: 0px) {
  .success-message__actions {
    justify-content: center;
  }
}
.success-message__button {
  background: #005df5;
  border: 2px solid #005df5;
  color: #ffffff;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  border-radius: 50px;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 4px 15px rgba(0, 93, 245, 0.3);
}
.success-message__button:hover {
  background: #297aff;
  border-color: #297aff;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 93, 245, 0.4);
  color: #ffffff;
  text-decoration: none;
}
.success-message__button svg {
  transition: transform 0.3s ease;
}
.success-message__button:hover svg {
  transform: translateX(4px);
}

@-webkit-keyframes pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(0, 93, 245, 0.4);
  }
  50% {
    transform: scale(1.05);
    box-shadow: 0 0 0 10px rgba(0, 93, 245, 0);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(0, 93, 245, 0);
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(0, 93, 245, 0.4);
  }
  50% {
    transform: scale(1.05);
    box-shadow: 0 0 0 10px rgba(0, 93, 245, 0);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(0, 93, 245, 0);
  }
}
/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.profile {
  background: #005df5;
  padding: 40px 0;
}
@media (min-width: 768px) {
  .profile {
    padding: 200px 0 40px 0;
  }
}
@media (min-width: 992px) {
  .profile {
    padding: 131px 0 40px 0;
  }
}
@media (min-width: 1200px) {
  .profile {
    padding: 126px 0 40px 0;
  }
}
.profile__breadcrumbs {
  display: none;
  margin: 32px 0;
}
@media (min-width: 992px) {
  .profile__breadcrumbs {
    display: block;
  }
  .profile__breadcrumbs__link {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 26px;
    font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 500;
    font-size: 15px;
    line-height: 19px;
    text-align: center;
    color: #ffffff;
    margin: 0 15px 0 0;
    transition: all 0.3s;
    padding: 9px 0 10px 0;
    width: 130px;
    display: inline-block;
  }
  .profile__breadcrumbs__link:hover {
    background: rgba(255, 255, 255, 0.3);
  }
  .profile__breadcrumbs__link_active {
    background: #ffffff;
    color: #202020;
  }
  .profile__breadcrumbs__link_active:hover {
    background: rgba(255, 255, 255, 0.7);
  }
}
.profile__title {
  margin: 0 0 27px 0;
  text-align: center;
}
@media (min-width: 768px) {
  .profile__title {
    text-align: left;
  }
}
.profile__title h1 {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  color: #ffffff;
  font-size: 32px;
  line-height: 33px;
}
@media (min-width: 768px) {
  .profile__title h1 {
    font-size: 35px;
    line-height: 45px;
  }
}
.profile__wrap__title {
  margin: 0 0 20px 0;
  text-align: center;
}
@media (min-width: 768px) {
  .profile__wrap__title {
    text-align: left;
  }
}
.profile__wrap__title h2 {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
  color: #ffffff;
}
.profile__wrap__photo {
  background: #166efe;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
  color: #ffffff;
  margin: 0 0 30px 0;
}
.profile__wrap__about {
  background: #166efe;
  border-radius: 15px;
  margin: 0 0 30px 0;
  padding: 20px;
}
@media (min-width: 992px) {
  .profile__wrap__about {
    padding: 40px 0;
  }
}
@media (min-width: 1200px) {
  .profile__wrap__about {
    padding: 70px 0;
  }
}
.profile__wrap__about__form__input {
  width: 100%;
  max-width: 328px;
  height: 46px;
  background: #f8f8fd;
  border-radius: 44px;
  border: 0;
  display: block;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  padding: 0 33px;
  font-weight: 700;
  font-size: 16px;
  line-height: 21px;
  color: #202020;
}
@media (min-width: 992px) {
  .profile__wrap__about__form__input {
    width: 260px;
  }
}
@media (min-width: 1200px) {
  .profile__wrap__about__form__input {
    width: 328px;
  }
}
.profile__wrap__about__form__input_left {
  margin: 10px auto;
}
@media (min-width: 992px) {
  .profile__wrap__about__form__input_left {
    margin: 0 0 17px auto;
  }
}
.profile__wrap__about__form__input_right {
  margin: 10px auto;
}
@media (min-width: 992px) {
  .profile__wrap__about__form__input_right {
    margin: 0 auto 17px 0;
  }
}

/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.password {
  padding: 30px 0;
  background: #ffffff;
}
.password__title {
  margin: 0 0 40px 0;
  text-align: center;
}
@media (min-width: 768px) {
  .password__title {
    text-align: left;
  }
}
.password__title h2 {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
  color: #202020;
  white-space: pre-line;
}
.password__form__inputgroup {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
@media (min-width: 768px) {
  .password__form__inputgroup {
    justify-content: initial;
  }
}
.password__form__input {
  width: 292px;
  height: 46px;
  margin: 0 0 20px 0;
  position: relative;
}
@media (min-width: 768px) {
  .password__form__input {
    margin: 0 20px 20px 0;
  }
}
@media (min-width: 992px) {
  .password__form__input {
    margin: 0 45px 45px 0;
  }
}
.password__form__input input {
  background: #f8f8fd;
  border-radius: 44px;
  border: 0;
  padding: 0 60px 0 29px;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 16px;
  line-height: 21px;
  color: #000000;
  height: 100%;
  width: 100%;
}
.password__form__input img {
  position: absolute;
  top: 10px;
  right: 29px;
}
.password__form__button {
  position: relative;
  z-index: 1;
}

/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.dashboard {
  background: #ffffff;
  padding: 40px 0 0 0;
  position: relative;
  min-height: 100vh;
  height: 100%;
}
@media (min-width: 768px) {
  .dashboard {
    padding: 200px 0 0 0;
  }
}
@media (min-width: 992px) {
  .dashboard {
    padding: 131px 0 0 0;
  }
}
@media (min-width: 1200px) {
  .dashboard {
    padding: 126px 0 0 0;
  }
}
.dashboard__menu {
  display: flex;
  flex-flow: wrap;
  justify-content: stretch;
}
.dashboard__menu_item {
  background: rgba(0, 93, 245, 0.9);
  border-radius: 33px;
  padding: 10px 8px;
  margin: 1px;
  color: white;
}
.dashboard__editable--toggle {
  width: 80px;
  height: 30px;
  display: flex;
  background: #ffffff;
  position: relative;
  border-radius: 26px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.dashboard__editable--toggle:after {
  content: "";
  position: absolute;
  background: #05b56b;
  top: 2px;
  left: 2px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
}
.dashboard__editable--checkbox:checked ~ .dashboard__editable--toggle {
  background: #05b56b;
}
.dashboard__editable--checkbox:checked ~ .dashboard__editable--toggle:after {
  background: #ffffff;
  left: 52px;
}
.dashboard__editable--test {
  margin: 0 0 20px 0;
  background: #303640;
  color: #ffffff;
  padding: 20px;
  position: relative;
}
.dashboard__editable--question {
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 20px;
}
.dashboard__editable--answers {
  margin: 20px 0;
}
.dashboard__editable--answer {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 18px;
  margin: 0 0 5px 0;
}

.content {
  padding: 40px;
  position: relative;
  z-index: 3;
  min-height: 100vh;
  height: 100%;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 500;
}
.content__menu {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
}
.content__menu__btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 600;
  padding: 0.75rem 1.5rem;
  border: none;
  border-radius: 0.25rem;
  cursor: pointer;
  color: white;
  text-decoration: none;
  overflow: hidden;
  background-color: #005df5;
  transition: background-color 0.3s ease;
}
.content__menu__btn:before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background-image: radial-gradient(circle, #004ac2, #004ac2, transparent);
  transform: translate(-50%, -50%) rotate(0deg);
  transition: transform 6s linear infinite;
  z-index: -1;
}
.content__menu__btn:hover {
  background-color: transparent;
}
.content__menu__btn:hover:before {
  transform: translate(-50%, -50%) rotate(360deg);
  transition: transform 6s linear;
}
.content__title {
  margin: 0 0 40px 0;
  text-align: center;
}
.content__title h2 {
  color: #202020;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 32px;
  line-height: 42px;
}
@media (min-width: 768px) {
  .content__title h2 {
    font-size: 36px;
    line-height: 46.8px;
  }
}
.content__title span {
  color: #005df5;
  text-shadow: 0 0 0.1em #005df5, 0 0 0.5em #005df5, 0 0 0.5em #005df5;
}
.content__subtitle {
  margin: 0 0 20px 0;
  text-align: left;
}
.content__subtitle h2 {
  color: #005df5;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 24px;
  line-height: 42px;
}
@media (min-width: 768px) {
  .content__subtitle h2 {
    font-size: 26px;
    line-height: 46.8px;
  }
}
.content__info {
  color: #2a2a2d !important;
  text-shadow: 0 0 2px #2a2a2d, 0 0 4px #2a2a2d !important;
}
.content__success {
  color: #05b56b !important;
  text-shadow: 0 0 2px #05b56b, 0 0 4px #05b56b !important;
}
.content__error {
  color: #e02f2f !important;
  text-shadow: 0 0 2px #e02f2f, 0 0 4px #e02f2f !important;
}
.content__warning {
  color: #ddd166 !important;
  text-shadow: 0 0 2px #ddd166, 0 0 4px #ddd166 !important;
}
.content__input {
  display: flex;
}
.content__input input, .content__input textarea {
  box-shadow: 0 4px 40px rgba(201, 201, 233, 0.5);
  border-radius: 18px;
  background-color: #ffffff;
  margin-bottom: 31px;
  border: 0;
  text-align: center;
  padding: 20px 0 23px 0;
  color: #202020;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  font-weight: 500;
  line-height: 12.99px;
  width: 100%;
}
@media (min-width: 768px) {
  .content__input input, .content__input textarea {
    width: 420px;
  }
}
@media (min-width: 1200px) {
  .content__input input, .content__input textarea {
    width: 100%;
  }
}
.content__input textarea {
  text-align: left;
  padding: 20px;
}
.content__select select {
  box-shadow: 0 4px 40px rgba(201, 201, 233, 0.5);
  border-radius: 18px;
  color: #202020;
  margin-bottom: 31px;
  border: 0;
  text-align: center;
  padding: 20px 0 23px 0;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  font-weight: 500;
  line-height: 12.99px;
  width: 100%;
  -moz-text-align-last: center;
       text-align-last: center;
}
@media (min-width: 768px) {
  .content__select select {
    width: 420px;
  }
}
@media (min-width: 1200px) {
  .content__select select {
    width: 100%;
  }
}
.content__select option {
  color: #202020;
}
.content__table-custom-wrapper {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  overflow-x: auto;
  width: 100%;
}
.content__table-custom-wrapper tbody, .content__table-custom-wrapper th, .content__table-custom-wrapper td {
  border: 1px solid #000000;
  border-collapse: collapse;
}
.content__table-custom th, .content__table-custom td {
  min-width: 150px;
  white-space: nowrap;
}
.content__table, .content__table-custom {
  width: 100%;
  background-color: #303640;
  color: #ffffff;
  border-radius: 18px;
  padding: 20px;
  margin: 0 0 20px 0;
  display: table;
  border-collapse: collapse;
  border: 2px solid white;
}
.content__table th, .content__table-custom th {
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 500;
  font-size: 18px;
  text-align: left;
  padding: 5px 10px;
  color: #ffffff;
}
.content__table thead, .content__table-custom thead {
  background-color: #303640;
  border-radius: 18px;
}
.content__table tbody, .content__table-custom tbody {
  border-radius: 18px;
}
.content__table td, .content__table-custom td {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #ffffff;
  display: table-cell;
  font-weight: 400;
  vertical-align: top;
  word-break: break-all;
  font-size: 20px;
  padding: 20px 10px;
  border-width: 2px;
  border-color: #ffffff;
  border-style: groove;
  text-align: left;
}
.content__table__button {
  width: 150px;
  text-align: center;
  border-radius: 33px;
  padding: 10px 0;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.3s;
  display: block;
  margin: 0 auto;
}
.content__table__button_big {
  width: 250px;
}
.content__table__button_edit {
  background: #005df5;
  box-shadow: 0 0 15px #5c9aff, 0 0 10px #5c9aff, 0 0 12px #5c9aff;
}
.content__table__button_edit:hover {
  background: rgba(0, 93, 245, 0.8);
}
.content__table__button_remove {
  background: #e02f2f;
  box-shadow: 0 0 15px #ed8888, 0 0 10px #ed8888, 0 0 12px #ed8888;
}
.content__table__button_remove:hover {
  background: rgba(224, 47, 47, 0.8);
}
.content__table__button_success {
  background: #05b56b;
  box-shadow: 0 0 15px #27f9a1, 0 0 10px #27f9a1, 0 0 12px #27f9a1;
}
.content__table__button_success:hover {
  background: rgba(5, 181, 107, 0.8);
}
.content__table__input {
  vertical-align: center;
  position: relative;
}
.content__table__input button {
  position: relative;
  z-index: 1;
}
.content__table__input button:before {
  position: absolute;
  top: 5px;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  z-index: -1;
  content: "";
}
.content__table__input input, .content__table__input textarea {
  background-color: #ffffff;
  border-radius: 18px;
  box-shadow: 0 0 10px rgba(201, 201, 233, 0.5);
  border: 0;
  text-align: center;
  padding: 20px 0 23px 0;
  color: #202020;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  font-weight: 500;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .content__table__input input, .content__table__input textarea {
    width: 420px;
  }
}
@media (min-width: 1200px) {
  .content__table__input input, .content__table__input textarea {
    width: 100%;
  }
}
.content__table__input textarea {
  text-align: left;
  padding: 20px;
}
.content__table__img {
  max-height: 100px;
}
.content__hint {
  display: flex;
  justify-content: center;
  flex-flow: column wrap;
  height: calc(100% - 31px);
}
.content__hint span {
  color: #ffffff;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  line-height: 29px;
  text-decoration: underline;
  text-shadow: 0 0 2px #005df5, 0 0 4px #005df5;
}
.content__hint input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.content__hint label {
  border: 0;
  background: #05b56b;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 500;
  font-size: 16px;
  width: 200px;
  text-align: center;
  border-radius: 33px;
  padding: 10px 0;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.3s;
  display: block;
  margin: 20px 0 0 0;
}
.content__hint p {
  color: #202020;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 500;
  font-size: 18px;
  text-align: left;
}
.content__img {
  height: 240px;
  text-align: center;
  margin-bottom: 31px;
  box-shadow: 0 4px 40px rgba(201, 201, 233, 0.5);
  background-color: #ffffff;
  border-radius: 33px;
  padding: 20px;
}
.content__img img {
  max-height: 200px;
}
.content__checkbox {
  height: 50px;
  margin: 0 0 0 70px;
  display: block;
}
.content__checkbox_o {
  color: #ffffff;
}
.content__wrap {
  padding: 0 0 40px 0;
}
.content__form_inline, .content .gallery {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 10px 0;
}
.content__form_inline img, .content .gallery img {
  max-height: 100px;
}
.content__form {
  display: flex;
  flex-flow: column wrap;
  align-items: stretch;
}
.content__form input, .content__form select {
  width: 320px;
  margin: 0 0 20px 0;
}

.portfolios_form button {
  margin: 40px 0;
}

.aside {
  display: none;
  width: 240px;
  background: #005df5;
  position: fixed;
  right: 5%;
  top: 10%;
  padding: 20px;
  z-index: 250;
  border-radius: 18px;
  cursor: move;
}
.aside__item {
  margin: 0 0 10px 0;
}
.aside__radio {
  position: absolute;
  opacity: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.aside__radio:checked ~ .aside__links {
  display: flex;
  justify-content: flex-start;
  flex-flow: column wrap;
}
.aside__button {
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  width: 180px;
  text-align: center;
  background: rgba(0, 93, 245, 0.9);
  border-radius: 33px;
  padding: 10px 0;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.3s;
  display: block;
  position: fixed;
  z-index: 7;
  right: 5%;
  top: 15%;
}
.aside__button:hover {
  background: rgba(0, 93, 245, 0.95);
}
.aside__close {
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 500;
  font-size: 16px;
  line-height: 30px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  background: rgba(0, 93, 245, 0.9);
  position: absolute;
  right: -30px;
  top: -30px;
  color: #ffffff;
}
.aside__label {
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  width: 200px;
  text-align: center;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 33px;
  padding: 10px 0;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.3s;
  display: block;
}
.aside__label:hover {
  background: rgba(255, 255, 255, 0.05);
}
.aside__links {
  display: none;
  margin: 0 0 0 20px;
}
.aside__links__item {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 15px;
  color: #ffffff;
  margin: 10px 0;
  transition: all 0.3s;
}
.aside__links__item:hover {
  color: rgba(255, 255, 255, 0.55);
}

.delete_test {
  margin: 0 0 20px 0;
}

.hidden_input {
  position: absolute;
  opacity: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  visibility: hidden;
}

.delete_btn {
  background: #ffffff;
  cursor: pointer;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 50px;
  color: darkred;
  border: 0;
}

.content__back {
  margin: 20px 0;
  display: flex;
  justify-content: flex-start;
}

.button-back {
  background: #f8f9fa;
  color: #005df5;
  border: 2px solid #005df5;
  padding: 10px 20px;
  border-radius: 25px;
  text-decoration: none;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 500;
  font-size: 14px;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.button-back:hover {
  background: #005df5;
  color: #ffffff;
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 93, 245, 0.3);
}

.button-back:active {
  transform: translateY(0);
}

.content__comment-block {
  margin-bottom: 0;
  padding-bottom: 0;
}

.content__textarea {
  margin-bottom: 20px;
}
.content__textarea textarea {
  box-shadow: 0 4px 40px rgba(201, 201, 233, 0.5);
  border-radius: 18px;
  background-color: #ffffff;
  border: 0;
  padding: 20px;
  width: 100%;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 15px;
  line-height: 22px;
  color: #202020;
  resize: vertical;
  min-height: 100px;
  transition: box-shadow 0.3s ease;
}
.content__textarea textarea:focus {
  outline: none;
  box-shadow: 0 4px 40px rgba(0, 93, 245, 0.3);
}
.content__textarea textarea::-moz-placeholder {
  color: #898989;
  font-style: italic;
}
.content__textarea textarea:-ms-input-placeholder {
  color: #898989;
  font-style: italic;
}
.content__textarea textarea::placeholder {
  color: #898989;
  font-style: italic;
}

.content__form-actions {
  margin-top: 25px;
  padding-top: 20px;
  padding-bottom: 15px;
  border-top: 1px solid #e5e5e5;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  clear: both;
}
.content__form-actions .button-form {
  margin: 0;
  min-width: 150px;
}

.content__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 2px solid #f0f0f0;
}
.content__title h2 {
  margin: 0;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 28px;
  color: #202020;
}

.content__alert {
  padding: 15px 20px;
  border-radius: 8px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.content__alert--success {
  background: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
}
.content__alert--error {
  background: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
}
.content__alert__list {
  margin: 0;
  padding-left: 20px;
}

.content__table, .content__table-custom {
  width: 100%;
  border-collapse: collapse;
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.content__table thead, .content__table-custom thead {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #ffffff;
}
.content__table thead th, .content__table-custom thead th {
  padding: 15px 12px;
  text-align: left;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.content__table tbody tr, .content__table-custom tbody tr {
  border-bottom: 1px solid #f0f0f0;
  transition: background-color 0.2s ease;
}
.content__table tbody tr:hover, .content__table-custom tbody tr:hover {
  background: #f8f9fa;
}
.content__table tbody tr:last-child, .content__table-custom tbody tr:last-child {
  border-bottom: none;
}
.content__table tbody td, .content__table-custom tbody td {
  padding: 15px 12px;
  vertical-align: top;
}

.content__table__user strong,
.content__table__course strong {
  display: block;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  color: #202020;
  margin-bottom: 4px;
}
.content__table__user small,
.content__table__course small {
  font-size: 12px;
  color: #666;
}

.content__table__price strong {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  color: #202020;
}
.content__table__price small {
  display: block;
  font-size: 12px;
  color: #666;
  margin-top: 2px;
}

.content__table__date {
  font-size: 14px;
  color: #202020;
}

.content__badge {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.content__badge--success {
  background: #d4edda;
  color: #155724;
}
.content__badge--secondary {
  background: #e2e3e5;
  color: #383d41;
}
.content__badge--discount {
  background: #fff3cd;
  color: #856404;
}

.content__text--muted {
  color: #666;
  font-size: 12px;
}
.content__text--danger {
  color: #dc3545;
  font-size: 12px;
}

.content__table__actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.content__table__form {
  display: inline-block;
}

.content__table__empty {
  text-align: center;
  padding: 40px 20px;
}

.content__empty__icon {
  font-size: 48px;
  color: #ccc;
  margin-bottom: 20px;
}
.content__empty__title {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 20px;
  color: #202020;
  margin: 0 0 10px 0;
}
.content__empty__text {
  color: #666;
  margin: 0 0 20px 0;
}

.content__form {
  background: #ffffff;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.content__form__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .content__form__row {
    grid-template-columns: 1fr;
  }
}
.content__form__group {
  margin-bottom: 20px;
}
.content__form__label {
  display: block;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  color: #202020;
  margin-bottom: 8px;
}
.content__form__input, .content__form__select, .content__form__textarea {
  width: 100%;
  padding: 12px 16px;
  border: 2px solid #e5e7eb;
  border-radius: 8px;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  color: #202020;
  background: #ffffff;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.content__form__input:focus, .content__form__select:focus, .content__form__textarea:focus {
  outline: none;
  border-color: #005df5;
  box-shadow: 0 0 0 3px rgba(0, 93, 245, 0.1);
}
.content__form__textarea {
  resize: vertical;
  min-height: 100px;
}
.content__form__hint {
  display: block;
  font-size: 12px;
  color: #666;
  margin-top: 4px;
}
.content__form__checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
}
.content__form__checkbox__input {
  width: 18px;
  height: 18px;
  margin: 0;
}
.content__form__checkbox__label {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 14px;
  color: #202020;
}
.content__form__checkbox__checkmark {
  width: 18px;
  height: 18px;
  border: 2px solid #e5e7eb;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}
.content__form__checkbox__checkmark::after {
  content: "✓";
  color: #ffffff;
  font-size: 12px;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.content__form__checkbox__input:checked + .content__form__checkbox__label .content__form__checkbox__checkmark {
  background: #005df5;
  border-color: #005df5;
}
.content__form__checkbox__input:checked + .content__form__checkbox__label .content__form__checkbox__checkmark::after {
  opacity: 1;
}
.content__form__actions {
  display: flex;
  gap: 15px;
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #e5e7eb;
}

.button-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: #6c757d;
  color: #ffffff;
  text-decoration: none;
  border-radius: 8px;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  transition: background-color 0.2s ease;
}
.button-back:hover {
  background: #5a6268;
  color: #ffffff;
  text-decoration: none;
}

.button-secondary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: #6c757d;
  color: #ffffff;
  text-decoration: none;
  border-radius: 8px;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  transition: background-color 0.2s ease;
}
.button-secondary:hover {
  background: #5a6268;
  color: #ffffff;
  text-decoration: none;
}

.dashboard {
  color: #202020 !important;
}
.dashboard * {
  color: #202020 !important;
}

.search-container {
  position: relative;
  width: 100%;
}

.search-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #ffffff;
  border: 2px solid #e5e7eb;
  border-top: none;
  border-radius: 0 0 8px 8px;
  max-height: 200px;
  overflow-y: auto;
  z-index: 1000;
  display: none;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.search-dropdown.show {
  display: block !important;
}

.search-dropdown-item {
  padding: 12px 16px;
  cursor: pointer;
  border-bottom: 1px solid #f0f0f0;
  transition: background-color 0.2s ease;
}
.search-dropdown-item:hover, .search-dropdown-item.selected {
  background: #f8f9fa;
}
.search-dropdown-item:last-child {
  border-bottom: none;
}
.search-dropdown-item strong {
  display: block;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  color: #202020;
  margin-bottom: 4px;
}
.search-dropdown-item small {
  display: block;
  font-size: 12px;
  color: #666;
}

/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.partner {
  background: #ffffff;
  padding: 40px 0 0 0;
  position: relative;
  min-height: 100vh;
  height: 100%;
}
@media (min-width: 768px) {
  .partner {
    padding: 200px 0 0 0;
  }
}
@media (min-width: 992px) {
  .partner {
    padding: 131px 0 0 0;
  }
}
@media (min-width: 1200px) {
  .partner {
    padding: 126px 0 0 0;
  }
}
.partner__title {
  color: #202020;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 32px;
  line-height: 42px;
}
@media (min-width: 768px) {
  .partner__title {
    font-size: 36px;
    line-height: 46.8px;
  }
}
.partner__menu {
  padding: 20px 0;
  margin: 0 0 32px 0;
}
@media (min-width: 992px) {
  .partner__menu {
    display: block;
  }
  .partner__menu--link {
    background: #005df5;
    border-radius: 26px;
    border: 0;
    font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 500;
    font-size: 15px;
    line-height: 19px;
    text-align: center;
    color: #ffffff;
    margin: 0 15px 0 0;
    transition: all 0.3s;
    padding: 9px 0 10px 0;
    width: 130px;
    display: inline-block;
    cursor: pointer;
  }
  .partner__menu--link:hover {
    background: rgba(0, 93, 245, 0.3);
  }
  .partner__menu--link_active {
    background: #303640;
    color: #ffffff;
  }
  .partner__menu--link_active:hover {
    background: rgba(48, 54, 64, 0.7);
  }
}
.partner__form {
  margin: 12px 0;
}
.partner__form--input {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 46px;
  margin: 0 0 20px 0;
}
.partner__form--input label {
  width: 40%;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  display: block;
  font-size: 16px;
  line-height: 21px;
}
.partner__form--input input {
  box-shadow: inset 1px 1px 4px #c8c8ef;
  background: #f8f8fd;
  border-radius: 8px;
  border: 0;
  padding: 0 60px 0 29px;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 16px;
  line-height: 21px;
  color: #000000;
  height: 100%;
  width: 100%;
  display: block;
}
.partner__form--button {
  padding: 20px 0;
  position: relative;
  z-index: 1;
}
.partner__table {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  margin: 25px 0 !important;
  min-width: 100%;
  border-bottom: none !important;
  border-radius: 4px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  border-collapse: collapse;
}
.partner__table thead tr {
  background-color: #005df5;
  color: #ffffff;
  text-align: left;
  border-radius: 4px;
}
.partner__table th, .partner__table td {
  padding: 12px 15px !important;
  text-align: left;
  border-bottom: none !important;
}
.partner__table tbody tr {
  border-bottom: 1px solid #dddddd;
}
.partner__table tbody tr:nth-of-type(even) {
  background: rgba(0, 93, 245, 0.15);
}
.partner__table tbody tr:last-of-type {
  border-bottom: 2px solid #005df5;
}
.partner__table tbody tr.active-row {
  font-weight: bold;
  color: #005df5;
}
.partner__empty {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 24px;
  margin: 20px 0;
  color: #e34981;
}
.partner__subtitle {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 18px;
  margin: 20px 0;
  color: #5858ef;
}
.partner__block {
  display: flex;
  align-items: center;
}
.partner__additional {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 18px;
  margin: 20px 0;
  color: #05b56b;
}

/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.error {
  height: calc(100vh - 189px);
  width: 100%;
  background: #005df5;
  text-align: center;
  color: #ffffff;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: space-around;
}
@media (min-width: 480px) {
  .error {
    height: calc(100vh - 432px);
  }
}
@media (min-width: 576px) {
  .error {
    height: calc(100vh - 469px);
  }
}
@media (min-width: 768px) {
  .error {
    height: calc(100vh - 189px);
    padding: 177px 0 0 0;
  }
}
@media (min-width: 992px) {
  .error {
    padding: 153px 0 38px 0;
  }
}
@media (min-width: 1200px) {
  .error {
    min-height: 609px;
  }
}
.error__welcome--title {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 36px;
  line-height: 36px;
}
.error__code {
  position: relative;
}
.error__code:before {
  background-image: url("/img/404.png");
  background-size: cover;
  display: inline-block;
  width: 100px;
  background-repeat: no-repeat;
  height: 113px;
  content: "";
  position: absolute;
  top: -24px;
  left: 65px;
  z-index: 1;
}
@media (min-width: 768px) {
  .error__code:before {
    width: 240px;
    height: 265px;
    top: -40px;
    left: 165px;
  }
}
.error__code:after {
  background-image: url("/img/drop.png");
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 27px;
  content: "";
  position: absolute;
  top: 39px;
  left: 122px;
  z-index: 2;
  transition: all 0.3s ease-in-out;
  -webkit-animation: drop 3s infinite cubic-bezier(0.05, 0.83, 0.82, 0.25);
          animation: drop 3s infinite cubic-bezier(0.05, 0.83, 0.82, 0.25);
}
@media (min-width: 768px) {
  .error__code:after {
    width: 50px;
    height: 67px;
    top: 100px;
    left: 298px;
  }
}
.error__code--title {
  font-size: 100px;
  line-height: 100px;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
@media (min-width: 768px) {
  .error__code--title {
    font-size: 250px;
    line-height: 250px;
  }
}
.error__hint--title {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 24px;
  line-height: 24px;
  font-weight: 100;
}
.error__additional {
  margin-top: 10px;
  font-size: 15px;
  color: rgba(255, 255, 255, 0.7);
  font-style: italic;
  text-align: center;
}
@media (min-width: 480px) {
  .error__additional {
    font-size: 15px;
  }
}
@media (min-width: 768px) {
  .error__additional {
    font-size: 15px;
  }
}

/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.contacts {
  padding: 20px 0;
}
@media (min-width: 992px) {
  .contacts {
    padding: 153px 0 38px 0;
  }
}
.contacts__title {
  margin: 0 0 37px 0;
}
.contacts__title--title {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 30px;
  line-height: 33px;
  color: #202020;
}
@media (min-width: 992px) {
  .contacts__title--title {
    text-align: left;
    font-size: 35px;
    line-height: 45px;
  }
}
.contacts__title--title_o {
  color: #ffffff;
}
.contacts__title--subtitle {
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 500;
  font-size: 22px;
  line-height: 24px;
  color: #005df5;
  margin: 28px 0;
}
.contacts__list {
  list-style: inside;
  margin: 18px 0;
}
.contacts__list--item {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  margin: 0 0 12px 0;
}
.contacts__header {
  background: #005df5;
  padding: 37px 0 71px;
}
.contacts__body {
  background: #ffffff;
  padding: 50px 0;
}
.contacts__column {
  background: #166EFE;
  border-radius: 13px;
  display: flex;
  flex-flow: column;
  align-items: center;
  padding: 39px 0 35px;
  margin: 0 0 20px 0;
}
@media (min-width: 768px) {
  .contacts__column {
    min-height: 230px;
  }
}
.contacts__column--icon {
  width: 48px;
  height: 48px;
  background: #2C7CFF;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 26px;
}
.contacts__column--text {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 18px;
  line-height: 27px;
  text-align: center;
  color: #ffffff;
}
.contacts__column--text a {
  color: #ffffff;
}
.contacts__social {
  display: flex;
  margin: 0 0 45px 0;
  flex-flow: column;
  align-items: center;
}
@media (min-width: 992px) {
  .contacts__social {
    flex-flow: row;
    align-items: flex-start;
  }
}
.contacts__text--text {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  margin: 0 0 30px 0;
  font-size: 18px;
  line-height: 26px;
  color: #303036;
}

/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.contract {
  padding: 20px 0;
}
@media (min-width: 992px) {
  .contract {
    padding: 153px 0 38px 0;
  }
}
.contract__title {
  margin: 0 0 37px 0;
}
.contract__title--title {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 20px;
  color: #202020;
}
@media (min-width: 992px) {
  .contract__title--title {
    text-align: left;
    font-size: 23px;
  }
}
.contract__body {
  white-space: pre-line;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 18px;
  color: #303036;
}

/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.company {
  padding: 20px 0;
}
@media (min-width: 992px) {
  .company {
    padding: 153px 0 38px 0;
  }
}
.company__title {
  text-align: center;
  margin: 0 0 37px 0;
}
.company__title--title {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 30px;
  line-height: 33px;
  color: #202020;
}
@media (min-width: 992px) {
  .company__title--title {
    text-align: left;
    font-size: 35px;
    line-height: 45px;
  }
}
.company__title--title_o {
  color: #ffffff;
}
.company__description {
  text-align: center;
  margin: 0 0 22px 0;
}
.company__description--text {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-size: 20px;
  line-height: 27px;
  color: #ffffff;
}
@media (min-width: 992px) {
  .company__description--text {
    text-align: left;
  }
}
.company__header {
  background: #005df5;
  padding: 51px 0 59px;
}
.company__body {
  background: #f8faff;
  padding: 50px 0 0 0;
}
.company__body--heading {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 25px;
  line-height: 29px;
  color: #202020;
  margin: 0 0 23px 0;
}
.company__body--subheading {
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #202020;
  margin: 18px 0;
}
.company__body--highlight {
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  font-size: 22px;
  line-height: 24px;
  color: #005df5;
  margin: 0 0 20px 0;
}
.company__body--quote {
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 500;
  font-size: 22px;
  line-height: 24px;
  color: #005df5;
  margin: 65px 0 115px 0;
  text-align: center;
  font-style: italic;
}
.company__body--quote:before {
  top: -45px;
  left: 0;
}
.company__body--text {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  color: #202020;
}
.company__body__list {
  list-style: none;
  margin: 18px 0;
}
.company__body__list--item {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  margin: 0 0 12px 0;
}
.company b {
  color: #005df5;
}

/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.lesson {
  background: #ffffff;
  padding: 0;
}
@media (min-width: 992px) {
  .lesson {
    padding: 184px 0 0 0;
  }
}
@media (min-width: 1200px) {
  .lesson {
    padding: 129px 0 0 0;
  }
}
.lesson__breadcrumbs {
  margin: 42px 0;
  display: flex;
}
.lesson__breadcrumbs--link {
  font-size: 15px;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  display: flex;
  align-items: center;
  background: #F8F8FD;
  color: #202020;
  padding: 10px 20px;
  border-radius: 40px;
  cursor: pointer;
  transition: all 0.3s;
}
.lesson__breadcrumbs--link:hover {
  background: #e4e4f7;
}
.lesson__breadcrumbs--link img {
  margin-right: 13px;
}
.lesson__wrap {
  background: #F8F8FD;
  border-radius: 40px;
  margin: 0 0 42px 0;
}
@media (min-width: 992px) {
  .lesson__wrap {
    padding: 50px;
  }
}
.lesson__wrap--title {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 36px;
  margin: 0 0 42px 0;
}
.lesson__wrap--description {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #202020;
  font-size: 18px;
  line-height: 24px;
  margin: 0 0 20px 0;
}
.lesson__wrap--video {
  margin: 0 0 42px 0;
}
.lesson__wrap--addition__title {
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #202020;
  font-size: 22px;
  margin: 0 0 16px 0;
}
.lesson__wrap--addition__text {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #202020;
  font-size: 15px;
  line-height: 19px;
  font-weight: 400;
}
.lesson__wrap--button-review {
  display: flex;
  padding-bottom: 15px;
  margin-top: 10px;
  justify-content: center;
}
@media (min-width: 576px) {
  .lesson__wrap--button-review {
    justify-content: left;
  }
}
.lesson__buttons {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin: 0 0 12px 0;
}
@media (min-width: 576px) {
  .lesson__buttons {
    flex-flow: row;
    justify-content: space-between;
  }
}
.lesson__buttons_left {
  margin: 0 0 12px 0;
}
@media (min-width: 576px) {
  .lesson__buttons_left {
    margin: 0;
  }
}
.lesson__hint {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 12px;
  line-height: 120%;
  color: #898989;
  display: flex;
  justify-content: flex-end;
  margin: 0 0 40px 0;
}
@media (min-width: 992px) {
  .lesson__hint {
    margin: 0 0 60px 0;
  }
}
.lesson-main {
  overflow: visible;
  padding: 0 0 43px 0;
}
.lesson-main__name {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 28px;
  line-height: 136%;
  color: #202020;
  margin: 0 0 16px 0;
}
@media (min-width: 768px) {
  .lesson-main__name {
    margin: 0 0 24px 0;
    font-size: 36px;
  }
}
.lesson-main__description {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
  color: #202020;
  margin: 0 0 42px 0;
}
@media (min-width: 768px) {
  .lesson-main__description {
    font-size: 18px;
  }
}
.lesson-main__button {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 16px;
  line-height: 110%;
  text-align: center;
  color: #ffffff;
}
.lesson-main__info {
  display: flex;
  flex-flow: column;
  width: 100%;
  height: 100%;
  background-image: url("/img/svg/union.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  margin: 42px 0 -33% 0;
  aspect-ratio: 1/1;
}
@media (min-width: 992px) {
  .lesson-main__info {
    margin: 42px 0 0 22px;
  }
}
@media (min-width: 1200px) {
  .lesson-main__info {
    margin: 42px 0 0 74px;
    max-width: 514px;
    height: 356px;
  }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .lesson-main__info {
    margin: 42px 0 0 55px;
  }
}
.lesson-main__info--wrap {
  display: flex;
  max-width: 46%;
  width: 100%;
  background: #f8f8fd;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  height: 27%;
}
@media (min-width: 992px) {
  .lesson-main__info--wrap {
    padding: 24px 40px;
  }
}
@media (min-width: 1200px) {
  .lesson-main__info--wrap {
    max-width: 238px;
    height: 140px;
  }
}
.lesson-main__info--wrap__title {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-size: 24px;
  line-height: 136%;
  color: #202020;
  margin: 0 0 8px 0;
}
@media (min-width: 992px) {
  .lesson-main__info--wrap__title {
    font-size: 32px;
  }
}
.lesson-main__info--wrap__subtitle {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-size: 12px;
  line-height: 136%;
  text-align: center;
  color: #898989;
}
@media (min-width: 992px) {
  .lesson-main__info--wrap__subtitle {
    font-size: 15px;
  }
}
.lesson-main__info--wrap_second {
  margin: 13% 0 0 0;
  height: 30%;
  align-self: end;
}
@media (min-width: 1200px) {
  .lesson-main__info--wrap_second {
    margin: 66px 0 0 0;
    height: 150px;
  }
}
.lesson-info {
  padding: 24px 0 50px 0;
  background-color: #f8f8fd;
}
.lesson-info__title {
  font-size: 28px;
  margin: 0 0 16px 0;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  line-height: 136%;
  color: #202020;
}
@media (min-width: 768px) {
  .lesson-info__title {
    margin: 0 0 18px 0;
    font-size: 36px;
  }
}
.lesson-info__text {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-size: 18px;
  line-height: 160%;
  color: #202020;
  white-space: pre-line;
}
.lesson-model {
  padding: 80px 0;
}
@media (min-width: 768px) {
  .lesson-model {
    padding: 80px 0 40px;
    margin: 0 0 84px 0;
  }
}
.lesson-model__title {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 28px;
  line-height: 136%;
  color: #202020;
  margin: 0 0 16px 0;
}
@media (min-width: 768px) {
  .lesson-model__title {
    margin: 0 0 24px 0;
    font-size: 36px;
  }
}
.lesson-model__text {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-size: 18px;
  line-height: 160%;
  color: #202020;
  margin: 0 0 36px 0;
}
@media (min-width: 768px) {
  .lesson-model__text {
    margin: 0 0 42px 0;
  }
}
.lesson-model__info {
  display: flex;
  flex-flow: row;
  margin: 0 0 36px 0;
}
@media (min-width: 0) and (max-width: 350px) {
  .lesson-model__info {
    flex-flow: column;
  }
}
@media (min-width: 992px) {
  .lesson-model__info {
    margin: 0;
  }
}
.lesson-model__info--students {
  width: 50%;
}
.lesson-model__info--title {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-size: 32px;
  line-height: 136%;
  color: #202020;
}
.lesson-model__info--subtitle {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-size: 15px;
  line-height: 136%;
  color: #202020;
}
.lesson-model__info--advantage {
  display: flex;
  align-items: center;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);
  background: #ffffff;
  padding: 12px 12px;
  border-radius: 20px;
  margin: 0 0 24px 0;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 480px) {
  .lesson-model__info--advantage {
    padding: 20px 42px;
  }
}
@media (min-width: 992px) {
  .lesson-model__info--advantage {
    margin: 0 -17px 24px 33px;
  }
}
.lesson-model__info--advantage:hover {
  box-shadow: unset;
}
.lesson-model__info--advantage__block {
  margin: 0 0 0 24px;
}
.lesson-model__info--advantage__title {
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 500;
  font-size: 20px;
  line-height: 136%;
  color: #202020;
  margin: 0 0 6px 0;
}
.lesson-model__info--advantage__subtitle {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-size: 15px;
  line-height: 136%;
  color: #898989;
}
.lesson-weare {
  padding: 80px 0 60px;
}
@media (min-width: 768px) {
  .lesson-weare {
    padding: 150px 0;
  }
}
.lesson-weare__title {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 28px;
  line-height: 136%;
  color: #202020;
  margin: 0 0 36px 0;
}
@media (min-width: 768px) {
  .lesson-weare__title {
    margin: 0 0 42px 0;
    font-size: 36px;
  }
}
.lesson-weare__img {
  max-width: 100%;
  height: auto;
  margin: 24px 0 0 0;
  display: flex;
}
@media (min-width: 768px) {
  .lesson-weare__img {
    margin: 0;
  }
}
.lesson-weare__block {
  margin: 0 0 24px 0;
}
@media (min-width: 768px) {
  .lesson-weare__block {
    margin: 0 0 56px 0;
  }
}
.lesson-weare__subtitle {
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 500;
  font-size: 18px;
  line-height: 136%;
  color: #202020;
  margin: 24px 0 4px;
}
.lesson-weare__text {
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  color: #898989;
}

.test-error-message {
  background-color: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
  padding: 30px 72px 20px;
  margin: -50px -50px 0 -50px;
  border-radius: 50px 50px 0 0;
  text-align: left;
  font-weight: bold;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.test-error-message h3:nth-of-type(2) {
  margin-bottom: 20px;
}
.test-error-message ul {
  list-style-type: none;
  padding: 0;
  margin-top: 10px;
}
.test-error-message li {
  margin-bottom: 5px;
  font-weight: normal;
  color: #5d161d;
}

/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.docs {
  margin-top: 100px;
  padding: 40px 0 80px;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  flex: 1;
}
.docs p {
  margin-bottom: 30px;
}
.docs__item {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.docs__icon {
  font-size: 20px;
  color: #1976d2;
  margin-right: 10px;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  position: relative;
  bottom: 1px;
}
.docs__title {
  font-size: 36px;
  font-weight: 700;
  color: #202020;
  margin-bottom: 40px;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.docs__container {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .docs__container {
    flex-direction: row;
    gap: 30px;
  }
}
.docs__sidebar {
  width: 100%;
  background-color: #f8f8fd;
  border-radius: 12px;
  margin-bottom: 20px;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .docs__sidebar {
    width: 320px;
    margin-bottom: 0;
  }
}

.sidebar-item {
  padding: 14px 16px;
  font-size: 16px;
  color: #202020;
  cursor: pointer;
  border-radius: 8px;
  margin-bottom: 5px;
  transition: all 0.3s ease;
}
.sidebar-item:hover {
  background-color: rgba(0, 93, 245, 0.05);
}
.sidebar-item.active {
  background-color: rgba(0, 93, 245, 0.1);
  color: #005df5;
  font-weight: 500;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.company-content {
  display: none;
  background-color: #ffffff;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}
.company-content.active {
  display: block;
}
.company-content-header h2 {
  font-size: 24px;
  font-weight: 700;
  color: #202020;
  margin-bottom: 20px;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.company-description {
  font-size: 16px;
  line-height: 1.5;
  color: #303640;
  margin-bottom: 20px;
}

.document-list {
  display: flex;
  flex-direction: column;
}

.document-link {
  padding: 14px 0;
  font-size: 16px;
  line-height: 1.5;
  color: #005df5;
  text-decoration: none;
  border-bottom: 1px solid #f1f1f1;
  transition: all 0.3s ease;
}
.document-link:hover {
  color: #004ac2;
}
.document-link-secondary {
  color: #898989;
  font-size: 14px;
}
.document-link-secondary:hover {
  color: #005df5;
}

.education-info h1 {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 32px;
  font-weight: 700;
  color: #333;
  text-align: center;
  margin-bottom: 40px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
@media (min-width: 0px) {
  .education-info h1 {
    font-size: 24px;
    margin-bottom: 30px;
    padding: 0 15px;
  }
}
.education-info__section {
  border: none;
  border-radius: 0;
  margin-bottom: 0;
  overflow: visible;
  background-color: transparent;
  box-shadow: none;
  position: relative;
}
.education-info__section:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #e0e0e0;
}
.education-info__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px 0;
  background-color: transparent;
  cursor: pointer;
  transition: none;
  border: none;
  position: relative;
  gap: 15px;
}
@media (min-width: 0px) {
  .education-info__header {
    padding: 15px 0;
    gap: 10px;
  }
}
.education-info__header:hover {
  background-color: transparent;
}
.education-info__header h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: #333;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  text-transform: uppercase;
  letter-spacing: 0.5px;
  line-height: 1.2;
  flex: 1;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
@media (min-width: 0px) {
  .education-info__header h3 {
    font-size: 16px;
    line-height: 1.3;
  }
}
.education-info__header .toggle-icon {
  font-size: 20px;
  color: #333;
  transition: transform 0.3s ease;
  flex-shrink: 0;
  background: transparent;
  border-radius: 0;
  width: auto;
  height: auto;
  display: block;
  box-shadow: none;
  margin-top: 2px;
}
@media (min-width: 0px) {
  .education-info__header .toggle-icon {
    font-size: 18px;
  }
}
.education-info__header .toggle-icon.expanded {
  transform: rotate(45deg);
  background: transparent;
  color: #333;
  box-shadow: none;
}
.education-info__content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  padding: 0;
  background: transparent;
}
.education-info__content.expanded {
  max-height: 2000px;
  padding: 0 0 20px 0;
}
.education-info__content .info-item {
  margin-bottom: 16px;
  padding: 0;
  background: transparent;
  border-radius: 0;
  border: none;
  box-shadow: none;
}
@media (min-width: 0px) {
  .education-info__content .info-item {
    margin-bottom: 12px;
  }
}
.education-info__content .info-item:last-child {
  margin-bottom: 0;
}
.education-info__content .info-item strong {
  display: block;
  font-weight: 600;
  color: #333;
  margin-bottom: 8px;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
@media (min-width: 0px) {
  .education-info__content .info-item strong {
    font-size: 13px;
  }
}
.education-info__content .info-item p {
  margin: 0 0 12px 0;
  font-size: 14px;
  line-height: 1.6;
  color: #333;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  word-wrap: break-word;
  overflow-wrap: break-word;
}
@media (min-width: 0px) {
  .education-info__content .info-item p {
    font-size: 13px;
    line-height: 1.5;
  }
}
.education-info__content .info-item p:last-child {
  margin-bottom: 0;
}
.education-info__content .info-item ul {
  margin: 8px 0;
  padding-left: 20px;
}
@media (min-width: 0px) {
  .education-info__content .info-item ul {
    padding-left: 15px;
  }
}
.education-info__content .info-item ul li {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 1.6;
  color: #333;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  position: relative;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
@media (min-width: 0px) {
  .education-info__content .info-item ul li {
    font-size: 13px;
    line-height: 1.5;
  }
}
.education-info__content .info-item ul li:last-child {
  margin-bottom: 0;
}
.education-info__content .info-item ul li::before {
  content: "•";
  color: #333;
  font-weight: normal;
  position: absolute;
  left: -16px;
  top: 0;
}
@media (min-width: 0px) {
  .education-info__content .info-item ul li::before {
    left: -12px;
  }
}
.education-info__content .info-item .more-link {
  color: #007bff;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}
.education-info__content .info-item .more-link:hover {
  color: #0056b3;
  text-decoration: underline;
}
.education-info__content .info-item a[target=_blank] {
  color: #007bff;
  text-decoration: none;
  transition: color 0.3s ease;
}
.education-info__content .info-item a[target=_blank]:hover {
  color: #0056b3;
  text-decoration: underline;
}

/** Usage: */
@font-face {
  font-family: "GothamPro";
  src: url("/fonts/GothamPro.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Medium";
  src: url("/fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Medium.woff") format("woff"), url("/fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GothamPro-Bold";
  src: url("/fonts/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dodo Rounded BoldVersion";
  src: url("/fonts/DodoRounded-BoldVersion.woff2") format("woff2"), url("/fonts/DodoRounded-BoldVersion.woff") format("woff"), url("/fonts/DodoRounded-BoldVersion.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.password-reset-page {
  max-width: 100%;
  margin: 20px auto;
  padding: 20px;
  background-color: #ffffff;
  border-radius: 24px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
@media (min-width: 1200px) {
  .password-reset-page {
    max-width: 70%;
    margin: 200px auto;
  }
}
.password-reset-page h4 {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 24px;
  color: #005df5;
  margin-bottom: 10px;
}
.password-reset-page p {
  margin-bottom: 20px;
  color: #202020;
  font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
}
.password-reset-page .form-group {
  margin-bottom: 20px;
}
.password-reset-page .form-group label {
  display: block;
  margin-bottom: 8px;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  color: #005df5;
}
.password-reset-page .form-group input {
  width: 100%;
  padding: 15px 20px;
  border: 1px solid #E4E4E4;
  border-radius: 18px;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  color: #202020;
  transition: border-color 0.3s ease-in-out;
}
.password-reset-page .form-group input:focus {
  border-color: #005df5;
  outline: none;
}
.password-reset-page .form-group input.is-invalid {
  border-color: #e02f2f;
}
.password-reset-page .form-group .error-label {
  display: block;
  margin-top: 5px;
  color: #e02f2f;
  font-size: 14px;
}
.password-reset-page button.button-overlay {
  color: #ffffff;
  width: 100%;
  max-width: 100%;
  height: auto;
  padding: 20px 60px;
  background-color: #005df5;
  background-image: linear-gradient(#005df5, #005df5), linear-gradient(45deg, #005df5 0%, #0061ff 25%, #005df5 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border: 2px solid transparent;
  border-radius: 30px;
  position: relative;
  transform-style: preserve-3d;
  z-index: 1;
  transition: transform 180ms cubic-bezier(0, 0, 0.58, 1), background 180ms cubic-bezier(0, 0, 0.58, 1);
  display: block;
  margin: 30px auto 0;
  padding: 15px 0;
  width: 100%;
}
.password-reset-page button.button-overlay .button-background {
  position: absolute;
  content: "";
  width: calc(100% + 2px);
  height: 100%;
  top: 0;
  left: -1px;
  z-index: -11;
  right: 0;
  bottom: 0;
  background: #0b4fbd;
  border-radius: inherit;
  transform: translate3d(0, 12px, -16px);
  transition: transform 180ms cubic-bezier(0, 0, 0.58, 1), box-shadow 180ms cubic-bezier(0, 0, 0.58, 1);
}
.password-reset-page button.button-overlay:hover {
  background-color: #0055e1;
  background-image: linear-gradient(#0055e1, #0055e1), linear-gradient(45deg, #0055e1 0%, #0059eb 25%, #0055e1 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transform: translate(0, 0.25em);
}
.password-reset-page button.button-overlay:hover .button-background {
  box-shadow: 0 5px 30px #0c57d0;
  transform: translate3d(0, 0.5em, -1em);
}
.password-reset-page button.button-overlay:active {
  background-color: #0055e1;
  background-image: linear-gradient(#0055e1, #0055e1), linear-gradient(45deg, #0055e1 0%, #0059eb 25%, #0055e1 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transform: translate(0em, 0.75em);
}
.password-reset-page button.button-overlay:active .button-background {
  box-shadow: 0 5px 30px #0a47aa;
  transform: translate3d(0, 0, -1em);
}
@media (min-width: 768px) {
  .password-reset-page button.button-overlay {
    width: 320px;
  }
}

body[data-page=perelinkovka] .dashboard .content__hint {
  background: #e3f2fd;
  border: 1px solid #bbdefb;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 30px;
}
body[data-page=perelinkovka] .dashboard .content__hint p {
  margin: 0 0 15px 0;
  color: #1976d2;
  font-size: 16px;
  line-height: 1.5;
}
body[data-page=perelinkovka] .dashboard .content__hint__controls {
  display: flex;
  gap: 10px;
}
body[data-page=perelinkovka] .dashboard .content__hint__controls .btn {
  padding: 8px 16px;
  font-size: 14px;
}
body[data-page=perelinkovka] .dashboard .content__hint__controls .btn.btn-secondary {
  background: #6c757d;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s ease;
}
body[data-page=perelinkovka] .dashboard .content__hint__controls .btn.btn-secondary:hover {
  background: #5a6268;
  transform: translateY(-1px);
}
body[data-page=perelinkovka] .dashboard .dashboard__form {
  background: white;
  border-radius: 12px;
  padding: 30px;
  margin-bottom: 30px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
body[data-page=perelinkovka] .dashboard .dashboard__form h3 {
  color: #202020;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 24px;
  margin-bottom: 20px;
}
body[data-page=perelinkovka] .dashboard .dashboard__form .form-group {
  margin-bottom: 20px;
}
body[data-page=perelinkovka] .dashboard .dashboard__form .form-group label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  color: #202020;
}
body[data-page=perelinkovka] .dashboard .dashboard__form .form-group .form-control {
  width: 100%;
  padding: 12px 16px;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  font-size: 16px;
  transition: border-color 0.3s ease;
}
body[data-page=perelinkovka] .dashboard .dashboard__form .form-group .form-control:focus {
  outline: none;
  border-color: #005df5;
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}
body[data-page=perelinkovka] .dashboard .dashboard__form .form-group input[type=checkbox] {
  margin-right: 8px;
  transform: scale(1.2);
}
body[data-page=perelinkovka] .dashboard .dashboard__form .btn {
  padding: 12px 24px;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
body[data-page=perelinkovka] .dashboard .dashboard__form .btn.btn-primary {
  background: #005df5;
  color: white;
}
body[data-page=perelinkovka] .dashboard .dashboard__form .btn.btn-primary:hover {
  background: #004ac2;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}
body[data-page=perelinkovka] .dashboard .dashboard__table {
  background: white;
  border-radius: 12px;
  padding: 30px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
body[data-page=perelinkovka] .dashboard .dashboard__table h3 {
  color: #202020;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 24px;
  margin-bottom: 20px;
}
body[data-page=perelinkovka] .dashboard .dashboard__table .table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
}
body[data-page=perelinkovka] .dashboard .dashboard__table .table th, body[data-page=perelinkovka] .dashboard .dashboard__table .table td {
  padding: 15px;
  text-align: left;
  border-bottom: 1px solid #e0e0e0;
}
body[data-page=perelinkovka] .dashboard .dashboard__table .table th {
  background: #f8f9fa;
  font-weight: 600;
  color: #202020;
}
body[data-page=perelinkovka] .dashboard .dashboard__table .table tr:hover {
  background: #f8f9fa;
}
body[data-page=perelinkovka] .dashboard .dashboard__table .table .badge {
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
}
body[data-page=perelinkovka] .dashboard .dashboard__table .table .badge.badge-success {
  background: #d4edda;
  color: #155724;
}
body[data-page=perelinkovka] .dashboard .dashboard__table .table .badge.badge-secondary {
  background: #e2e3e5;
  color: #6c757d;
}
body[data-page=perelinkovka] .dashboard .dashboard__table .table .btn-sm {
  padding: 6px 12px;
  font-size: 12px;
  margin-right: 5px;
}
body[data-page=perelinkovka] .dashboard .dashboard__table .table .btn-sm.btn-warning {
  background: #ffc107;
  color: #212529;
}
body[data-page=perelinkovka] .dashboard .dashboard__table .table .btn-sm.btn-danger {
  background: #dc3545;
  color: white;
}

.recommended-courses {
  padding: 40px 0;
  background: #f8f9fa;
  margin-top: 20px;
}
.recommended-courses__title {
  text-align: left;
  margin-bottom: 50px;
}
.recommended-courses__title h2 {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 36px;
  color: #202020;
  margin: 0;
  position: relative;
}
.recommended-courses__title h2::after {
  display: none;
}
.recommended-courses__carousel {
  position: relative;
}
.recommended-courses__wrapper {
  overflow: hidden;
  border-radius: 12px;
}
.recommended-courses__track {
  display: flex;
  gap: 20px;
  transition: transform 0.3s ease;
}
.recommended-courses__track[style*="flex-direction: column"] {
  flex-direction: column !important;
  align-items: center !important;
  gap: 20px !important;
  transform: none !important;
  transition: none !important;
}
.recommended-courses__track[style*="flex-direction: column"] .recommended-course__item {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}
.recommended-courses__navigation {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  display: flex;
  justify-content: space-between;
  pointer-events: none;
}
.recommended-courses__nav {
  width: 50px;
  height: 50px;
  min-width: 50px;
  min-height: 50px;
  background: white;
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  pointer-events: all;
  z-index: 10;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.recommended-courses__nav:hover {
  background: #005df5;
  color: white;
  transform: scale(1.1);
}
.recommended-courses__nav:active {
  transform: scale(0.95);
  background: #004ac2;
}
.recommended-courses__nav--prev {
  left: -25px;
}
.recommended-courses__nav--next {
  right: -25px;
}
.recommended-courses__nav svg {
  width: 20px;
  height: 20px;
  pointer-events: none;
}

.recommended-course__item {
  flex: 0 0 320px;
  background: white;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: none;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}
.recommended-course__item:hover {
  transform: none;
}
.recommended-course__image {
  display: none;
}
.recommended-course__content {
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  position: relative;
  border: 1px solid #EFEFEF;
}
.recommended-course__meta {
  font-size: 14px;
  color: #999;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.recommended-course__title {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 20px;
  color: #202020;
  margin: 0 0 42px 0;
  line-height: 1.3;
  transition: color 0.3s ease;
}
.recommended-course__item:hover .recommended-course__title {
  color: #005df5;
}
.recommended-course__price {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 24px;
}
.recommended-course__price-main {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: space-between;
}
.recommended-course__price-left {
  display: flex;
  align-items: center;
  gap: 12px;
}
.recommended-course__price-monthly {
  font-family: "Gotham Pro", sans-serif;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0%;
  color: #202020;
}
.recommended-course__discount {
  background: #F8FAFF;
  color: #005DF5;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: bold;
}
.recommended-course__old-price {
  font-family: "Gotham Pro", sans-serif;
  font-weight: 700;
  font-style: Bold;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0%;
  text-decoration: line-through;
  color: #999;
}
.recommended-course__current-price {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 24px;
  color: #005df5;
}
.recommended-course__link {
  display: inline-block;
  padding: 12px 24px;
  background: #202020;
  color: white;
  text-decoration: none;
  border-radius: 8px;
  font-family: "GothamPro-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  font-weight: 600;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(32, 32, 32, 0.3);
  position: relative;
  overflow: hidden;
  text-align: center;
}
.recommended-course__link::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s ease;
}
.recommended-course__link:hover {
  background: #333333;
  color: white;
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(32, 32, 32, 0.4);
}
.recommended-course__link:hover::before {
  left: 100%;
}

@media (max-width: 1200px) {
  .recommended-courses__wrapper {
    padding: 0 15px;
  }

  .recommended-course__item {
    flex: 0 0 300px;
  }
}
@media (max-width: 768px) {
  .recommended-courses {
    padding: 30px 0;
  }
  .recommended-courses__title {
    margin-bottom: 30px;
  }
  .recommended-courses__title h2 {
    font-size: 28px;
  }
  .recommended-courses__wrapper {
    padding: 0 10px;
  }
  .recommended-courses__track {
    justify-content: flex-start;
  }
  .recommended-courses__navigation {
    margin-top: 20px;
    gap: 15px;
  }
  .recommended-courses__nav {
    width: 35px;
    height: 35px;
    min-width: 35px;
    min-height: 35px;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }

  .recommended-course__item {
    flex: 0 0 280px;
  }
  .recommended-course__content {
    padding: 20px;
  }
  .recommended-course__meta {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .recommended-course__title {
    font-size: 18px;
    margin: 0 0 30px 0;
  }
  .recommended-course__price {
    margin-bottom: 20px;
  }
  .recommended-course__price-main {
    gap: 8px;
  }
  .recommended-course__current-price {
    font-size: 20px;
  }
  .recommended-course__old-price {
    font-size: 14px;
  }
  .recommended-course__price-monthly {
    font-size: 12px;
  }
  .recommended-course__discount {
    padding: 3px 6px;
    font-size: 10px;
  }
  .recommended-course__link {
    padding: 10px 20px;
    font-size: 13px;
  }
}
@media (max-width: 480px) {
  .recommended-courses {
    padding: 20px 0;
  }
  .recommended-courses__title {
    margin-bottom: 20px;
  }
  .recommended-courses__title h2 {
    font-size: 24px;
  }
  .recommended-courses__wrapper {
    padding: 0 5px;
  }

  .recommended-course__item {
    flex: 0 0 260px;
  }
  .recommended-course__content {
    padding: 16px;
  }
  .recommended-course__meta {
    font-size: 11px;
    margin-bottom: 8px;
  }
  .recommended-course__title {
    font-size: 16px;
    margin: 0 0 24px 0;
  }
  .recommended-course__price {
    margin-bottom: 16px;
  }
  .recommended-course__current-price {
    font-size: 18px;
  }
  .recommended-course__old-price {
    font-size: 13px;
  }
  .recommended-course__price-monthly {
    font-size: 11px;
  }
  .recommended-course__discount {
    padding: 2px 4px;
    font-size: 9px;
  }
  .recommended-course__link {
    padding: 8px 16px;
    font-size: 12px;
  }
}
@media (max-width: 360px) {
  .recommended-courses__wrapper {
    padding: 0 5px;
  }
  .recommended-courses__track {
    justify-content: flex-start;
  }
  .recommended-courses__nav {
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
  }
  .recommended-courses__navigation {
    gap: 10px;
  }

  .recommended-course__item {
    flex: 0 0 240px;
  }
  .recommended-course__content {
    padding: 12px;
  }
  .recommended-course__title {
    font-size: 14px;
    margin: 0 0 20px 0;
  }
  .recommended-course__current-price {
    font-size: 16px;
  }
  .recommended-course__old-price {
    font-size: 12px;
  }
  .recommended-course__link {
    padding: 6px 12px;
    font-size: 11px;
  }
}
body[data-page=perelinkovkavkursah] .dashboard .content__title {
  margin-bottom: 30px;
}
body[data-page=perelinkovkavkursah] .dashboard .content__title h2 {
  color: #202020;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 32px;
  margin: 0 0 8px 0;
}
body[data-page=perelinkovkavkursah] .dashboard .content__title__subtitle p {
  color: #666;
  font-size: 16px;
  margin: 0;
}
body[data-page=perelinkovkavkursah] .dashboard .dashboard__grid {
  display: grid;
  grid-template-columns: 400px 1fr;
  gap: 30px;
  align-items: start;
}
@media (max-width: 1200px) {
  body[data-page=perelinkovkavkursah] .dashboard .dashboard__grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
body[data-page=perelinkovkavkursah] .dashboard .dashboard__grid__sidebar {
  position: sticky;
  top: 20px;
}
body[data-page=perelinkovkavkursah] .dashboard .dashboard__grid__main {
  min-height: 400px;
}
body[data-page=perelinkovkavkursah] .dashboard .alert {
  display: flex;
  align-items: center;
  padding: 16px 20px;
  border-radius: 12px;
  margin-bottom: 20px;
  font-weight: 500;
  -webkit-animation: slideIn 0.3s ease;
          animation: slideIn 0.3s ease;
}
body[data-page=perelinkovkavkursah] .dashboard .alert__icon {
  margin-right: 12px;
  font-size: 18px;
}
body[data-page=perelinkovkavkursah] .dashboard .alert.alert-success {
  background: linear-gradient(135deg, #e8f5e8 0%, #f1f8e9 100%);
  color: #2e7d32;
  border: 1px solid #c8e6c9;
}
body[data-page=perelinkovkavkursah] .dashboard .alert.alert-danger {
  background: linear-gradient(135deg, #ffebee 0%, #fce4ec 100%);
  color: #c62828;
  border: 1px solid #ffcdd2;
}
body[data-page=perelinkovkavkursah] .dashboard .dashboard__form {
  background: white;
  border-radius: 16px;
  padding: 0;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  border: 1px solid #f0f0f0;
  overflow: hidden;
}
body[data-page=perelinkovkavkursah] .dashboard .dashboard__form__header {
  background: linear-gradient(135deg, #1976d2 0%, #1565c0 100%);
  color: white;
  padding: 24px;
  margin: 0;
}
body[data-page=perelinkovkavkursah] .dashboard .dashboard__form__header h3 {
  color: white;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 20px;
  margin: 0 0 8px 0;
}
body[data-page=perelinkovkavkursah] .dashboard .dashboard__form__header p {
  color: rgba(255, 255, 255, 0.9);
  font-size: 14px;
  margin: 0;
}
body[data-page=perelinkovkavkursah] .dashboard .form {
  padding: 24px;
}
body[data-page=perelinkovkavkursah] .dashboard .form__row {
  margin-bottom: 20px;
}
body[data-page=perelinkovkavkursah] .dashboard .form__row--inline {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 16px;
  align-items: end;
}
body[data-page=perelinkovkavkursah] .dashboard .form__group--small {
  max-width: 120px;
}
body[data-page=perelinkovkavkursah] .dashboard .form__group--checkbox {
  display: flex;
  align-items: center;
}
body[data-page=perelinkovkavkursah] .dashboard .form__label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  color: #202020;
}
body[data-page=perelinkovkavkursah] .dashboard .form__label__text {
  font-size: 14px;
}
body[data-page=perelinkovkavkursah] .dashboard .form__label__required {
  color: #d32f2f;
  margin-left: 4px;
}
body[data-page=perelinkovkavkursah] .dashboard .form__select, body[data-page=perelinkovkavkursah] .dashboard .form__input {
  width: 100%;
  padding: 12px 16px;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  font-size: 14px;
  transition: all 0.3s ease;
  background: white;
}
body[data-page=perelinkovkavkursah] .dashboard .form__select:focus, body[data-page=perelinkovkavkursah] .dashboard .form__input:focus {
  outline: none;
  border-color: #1976d2;
  box-shadow: 0 0 0 3px rgba(25, 118, 210, 0.1);
}
body[data-page=perelinkovkavkursah] .dashboard .form__checkbox {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-weight: 500;
  font-size: 14px;
}
body[data-page=perelinkovkavkursah] .dashboard .form__checkbox input[type=checkbox] {
  display: none;
}
body[data-page=perelinkovkavkursah] .dashboard .form__checkbox__mark {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 2px solid #ddd;
  border-radius: 4px;
  margin-right: 10px;
  transition: all 0.3s ease;
}
input[type=checkbox]:checked + body[data-page=perelinkovkavkursah] .dashboard .form__checkbox__mark {
  background-color: #1976d2;
  border-color: #1976d2;
}
input[type=checkbox]:checked + body[data-page=perelinkovkavkursah] .dashboard .form__checkbox__mark:after {
  content: "";
  position: absolute;
  left: 6px;
  top: 2px;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
body[data-page=perelinkovkavkursah] .dashboard .form__checkbox__text {
  color: #202020;
}
body[data-page=perelinkovkavkursah] .dashboard .form__actions {
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid #f0f0f0;
}
body[data-page=perelinkovkavkursah] .dashboard .btn {
  display: inline-flex;
  align-items: center;
  padding: 12px 20px;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
}
body[data-page=perelinkovkavkursah] .dashboard .btn__icon {
  margin-right: 8px;
  font-size: 16px;
}
body[data-page=perelinkovkavkursah] .dashboard .btn--primary {
  background: linear-gradient(135deg, #1976d2 0%, #1565c0 100%);
  color: white;
}
body[data-page=perelinkovkavkursah] .dashboard .btn--primary:hover {
  background: linear-gradient(135deg, #1565c0 0%, #0d47a1 100%);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(25, 118, 210, 0.3);
}
body[data-page=perelinkovkavkursah] .dashboard .btn--secondary {
  background: #f5f5f5;
  color: #666;
  border: 1px solid #e0e0e0;
}
body[data-page=perelinkovkavkursah] .dashboard .btn--secondary:hover {
  background: #eeeeee;
  color: #333;
}
body[data-page=perelinkovkavkursah] .dashboard .btn--danger {
  background: linear-gradient(135deg, #d32f2f 0%, #b71c1c 100%);
  color: white;
}
body[data-page=perelinkovkavkursah] .dashboard .btn--danger:hover {
  background: linear-gradient(135deg, #b71c1c 0%, #8d1a1a 100%);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(211, 47, 47, 0.3);
}
body[data-page=perelinkovkavkursah] .dashboard .btn--sm {
  padding: 8px 12px;
  font-size: 12px;
}
body[data-page=perelinkovkavkursah] .dashboard .btn--sm .btn__icon {
  margin-right: 6px;
  font-size: 14px;
}
body[data-page=perelinkovkavkursah] .dashboard .btn--success {
  background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
  color: white;
}
body[data-page=perelinkovkavkursah] .dashboard .btn--success:hover {
  background: linear-gradient(135deg, #20c997 0%, #17a2b8 100%);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3);
}
body[data-page=perelinkovkavkursah] .dashboard .dashboard__content {
  background: white;
  border-radius: 16px;
  padding: 0;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  border: 1px solid #f0f0f0;
  overflow: hidden;
}
body[data-page=perelinkovkavkursah] .dashboard .dashboard__content__header {
  background: #f8f9fa;
  padding: 24px;
  border-bottom: 1px solid #e0e0e0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body[data-page=perelinkovkavkursah] .dashboard .dashboard__content__header h3 {
  color: #202020;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 20px;
  margin: 0;
}
body[data-page=perelinkovkavkursah] .dashboard .dashboard__content__stats .stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
body[data-page=perelinkovkavkursah] .dashboard .dashboard__content__stats .stat__number {
  font-size: 24px;
  font-weight: bold;
  color: #1976d2;
}
body[data-page=perelinkovkavkursah] .dashboard .dashboard__content__stats .stat__label {
  font-size: 12px;
  color: #666;
  margin-top: 4px;
}
body[data-page=perelinkovkavkursah] .dashboard .recommendations-list {
  padding: 24px;
}
body[data-page=perelinkovkavkursah] .dashboard .recommendation-card {
  background: #f8f9fa;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  margin-bottom: 16px;
  overflow: hidden;
  transition: all 0.3s ease;
}
body[data-page=perelinkovkavkursah] .dashboard .recommendation-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
body[data-page=perelinkovkavkursah] .dashboard .recommendation-card__header {
  background: white;
  padding: 20px;
  border-bottom: 1px solid #e0e0e0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body[data-page=perelinkovkavkursah] .dashboard .recommendation-card__title h4 {
  color: #202020;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 18px;
  margin: 0 0 4px 0;
}
body[data-page=perelinkovkavkursah] .dashboard .recommendation-card__title__count {
  color: #666;
  font-size: 14px;
}
body[data-page=perelinkovkavkursah] .dashboard .recommendation-card__actions {
  display: flex;
  gap: 8px;
}
body[data-page=perelinkovkavkursah] .dashboard .recommendation-card__content {
  padding: 20px;
}
body[data-page=perelinkovkavkursah] .dashboard .recommendations-grid {
  display: grid;
  gap: 12px;
}
body[data-page=perelinkovkavkursah] .dashboard .recommendation-item {
  background: white;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all 0.3s ease;
}
body[data-page=perelinkovkavkursah] .dashboard .recommendation-item:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-color: #1976d2;
}
body[data-page=perelinkovkavkursah] .dashboard .recommendation-item__info {
  flex: 1;
}
body[data-page=perelinkovkavkursah] .dashboard .recommendation-item__name {
  font-weight: 600;
  color: #202020;
  font-size: 14px;
  margin-bottom: 4px;
}
body[data-page=perelinkovkavkursah] .dashboard .recommendation-item__meta {
  display: flex;
  gap: 16px;
  font-size: 12px;
  color: #666;
}
body[data-page=perelinkovkavkursah] .dashboard .recommendation-item__order {
  color: #666;
}
body[data-page=perelinkovkavkursah] .dashboard .recommendation-item__status {
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
}
body[data-page=perelinkovkavkursah] .dashboard .recommendation-item__status.status--active {
  background: #e8f5e8;
  color: #2e7d32;
}
body[data-page=perelinkovkavkursah] .dashboard .recommendation-item__status.status--inactive {
  background: #f5f5f5;
  color: #666;
}
body[data-page=perelinkovkavkursah] .dashboard .recommendation-item__actions {
  display: flex;
  gap: 8px;
}
body[data-page=perelinkovkavkursah] .dashboard .recommendation-item__delete {
  display: inline;
}
body[data-page=perelinkovkavkursah] .dashboard .empty-state {
  text-align: center;
  padding: 60px 20px;
  color: #666;
}
body[data-page=perelinkovkavkursah] .dashboard .empty-state__icon {
  font-size: 48px;
  margin-bottom: 16px;
}
body[data-page=perelinkovkavkursah] .dashboard .empty-state__title {
  font-size: 20px;
  font-weight: 600;
  color: #202020;
  margin: 0 0 8px 0;
}
body[data-page=perelinkovkavkursah] .dashboard .empty-state__text {
  font-size: 14px;
  margin: 0;
}
@-webkit-keyframes slideIn {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.course-recommendations {
  background: #f8f9fa;
  padding: 60px 0;
  margin: 40px 0;
}
.course-recommendations__title {
  text-align: center;
  margin-bottom: 40px;
}
.course-recommendations__title h2 {
  color: #202020;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 32px;
  margin: 0;
  position: relative;
}
.course-recommendations__title h2::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background: linear-gradient(135deg, #1976d2 0%, #1565c0 100%);
  border-radius: 2px;
}
.course-recommendations__wrapper {
  position: relative;
}
.course-recommendations__carousel {
  position: relative;
  overflow: hidden;
}
.course-recommendations__track {
  display: flex;
  gap: 30px;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.course-recommendations__item {
  flex: 0 0 320px;
  background: white;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  cursor: -webkit-grab;
  cursor: grab;
}
.course-recommendations__item:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}
.course-recommendations__item:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.course-recommendations__content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.course-recommendations__image {
  width: 100%;
  height: 200px;
  overflow: hidden;
}
.course-recommendations__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease;
}
.course-recommendations__image-placeholder {
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #f5f5f5 0%, #e0e0e0 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  color: #999;
}
.course-recommendations__item:hover .course-recommendations__image img {
  transform: scale(1.05);
}
.course-recommendations__info {
  padding: 24px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.course-recommendations__meta {
  display: flex;
  gap: 12px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
.course-recommendations__meta-item {
  background: #e3f2fd;
  color: #1976d2;
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
}
.course-recommendations__title {
  color: #202020;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 18px;
  line-height: 1.4;
  margin: 0 0 20px 0;
  flex: 1;
}
.course-recommendations__price {
  margin-bottom: 20px;
}
.course-recommendations__price-main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.course-recommendations__price-left {
  display: flex;
  align-items: center;
  gap: 12px;
}
.course-recommendations__price-monthly {
  color: #666;
  font-size: 14px;
  font-weight: 500;
}
.course-recommendations__current-price {
  color: #202020;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 20px;
  font-weight: 700;
}
.course-recommendations__old-price {
  color: #999;
  font-size: 16px;
  text-decoration: line-through;
}
.course-recommendations__discount {
  background: #e8f5e8;
  color: #2e7d32;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
}
.course-recommendations__link {
  display: block;
  background: linear-gradient(135deg, #1976d2 0%, #1565c0 100%);
  color: white;
  text-align: center;
  padding: 12px 24px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
}
.course-recommendations__link:hover {
  background: linear-gradient(135deg, #1565c0 0%, #0d47a1 100%);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(25, 118, 210, 0.3);
  color: white;
  text-decoration: none;
}
.course-recommendations__navigation {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  display: flex;
  justify-content: space-between;
  pointer-events: none;
  z-index: 10;
}
.course-recommendations__nav {
  background: white;
  border: 2px solid #e0e0e0;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  pointer-events: all;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.course-recommendations__nav:hover {
  background: #1976d2;
  border-color: #1976d2;
  color: white;
  transform: scale(1.1);
}
.course-recommendations__nav:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}
.course-recommendations__nav svg {
  width: 20px;
  height: 20px;
}
.course-recommendations__nav--prev {
  left: -24px;
}
.course-recommendations__nav--next {
  right: -24px;
}
@media (max-width: 1200px) {
  .course-recommendations__item {
    flex: 0 0 300px;
  }
}
@media (max-width: 768px) {
  .course-recommendations {
    padding: 40px 0;
    margin: 30px 0;
  }
  .course-recommendations__title {
    margin-bottom: 30px;
  }
  .course-recommendations__title h2 {
    font-size: 28px;
  }
  .course-recommendations__item {
    flex: 0 0 300px;
  }
  .course-recommendations__navigation {
    display: none;
  }
}
@media (max-width: 480px) {
  .course-recommendations__item {
    flex: 0 0 280px;
  }
  .course-recommendations__info {
    padding: 20px;
  }
  .course-recommendations__title {
    font-size: 16px;
  }
  .course-recommendations__current-price {
    font-size: 18px;
  }
  .course-recommendations__old-price {
    font-size: 14px;
  }
}
.course-recommendations .content__hint {
  background: #e3f2fd;
  border: 1px solid #bbdefb;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 30px;
}
.course-recommendations .content__hint p {
  margin: 0 0 15px 0;
  color: #1976d2;
  font-size: 16px;
  line-height: 1.5;
}
.course-recommendations .dashboard__form {
  background: white;
  border-radius: 12px;
  padding: 30px;
  margin-bottom: 30px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.course-recommendations .dashboard__form h3 {
  color: #202020;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 24px;
  margin-bottom: 20px;
}
.course-recommendations .dashboard__form .form-group {
  margin-bottom: 20px;
}
.course-recommendations .dashboard__form .form-group label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  color: #202020;
}
.course-recommendations .dashboard__form .form-group .form-control {
  width: 100%;
  padding: 12px 16px;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  font-size: 16px;
  transition: border-color 0.3s ease;
}
.course-recommendations .dashboard__form .form-group .form-control:focus {
  outline: none;
  border-color: #1976d2;
  box-shadow: 0 0 0 3px rgba(25, 118, 210, 0.1);
}
.course-recommendations .dashboard__form .form-group .checkbox-label {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-weight: 500;
}
.course-recommendations .dashboard__form .form-group .checkbox-label input[type=checkbox] {
  margin-right: 10px;
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.course-recommendations .dashboard__form .form-group .checkbox-label .checkmark {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  background-color: #fff;
  border: 2px solid #ddd;
  border-radius: 4px;
  margin-right: 10px;
}
.course-recommendations .dashboard__form .form-group .checkbox-label input[type=checkbox]:checked + .checkmark {
  background-color: #1976d2;
  border-color: #1976d2;
}
.course-recommendations .dashboard__form .form-group .checkbox-label input[type=checkbox]:checked + .checkmark:after {
  content: "";
  position: absolute;
  left: 6px;
  top: 2px;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.course-recommendations .dashboard__form .btn {
  padding: 12px 24px;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
.course-recommendations .dashboard__form .btn.btn-primary {
  background: #1976d2;
  color: white;
}
.course-recommendations .dashboard__form .btn.btn-primary:hover {
  background: #1565c0;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(25, 118, 210, 0.3);
}
.course-recommendations .alert {
  padding: 16px 20px;
  border-radius: 8px;
  margin-bottom: 20px;
  font-weight: 500;
}
.course-recommendations .alert.alert-success {
  background: #e8f5e8;
  color: #2e7d32;
  border: 1px solid #c8e6c9;
}
.course-recommendations .alert.alert-danger {
  background: #ffebee;
  color: #c62828;
  border: 1px solid #ffcdd2;
}
.course-recommendations .dashboard__table {
  background: white;
  border-radius: 12px;
  padding: 30px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.course-recommendations .dashboard__table h3 {
  color: #202020;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 24px;
  margin-bottom: 20px;
}
.course-recommendations .dashboard__table .course-recommendations-group {
  margin-bottom: 40px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  overflow: hidden;
}
.course-recommendations .dashboard__table .course-recommendations-group h4 {
  background: #f5f5f5;
  padding: 16px 20px;
  margin: 0;
  color: #202020;
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 18px;
  border-bottom: 1px solid #e0e0e0;
}
.course-recommendations .dashboard__table .table-responsive {
  overflow-x: auto;
}
.course-recommendations .dashboard__table .table {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
}
.course-recommendations .dashboard__table .table th, .course-recommendations .dashboard__table .table td {
  padding: 12px 16px;
  text-align: left;
  border-bottom: 1px solid #e0e0e0;
}
.course-recommendations .dashboard__table .table th {
  background: #f8f9fa;
  font-weight: 600;
  color: #202020;
  font-size: 14px;
}
.course-recommendations .dashboard__table .table td {
  font-size: 14px;
  color: #666;
}
.course-recommendations .dashboard__table .table .badge {
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
}
.course-recommendations .dashboard__table .table .badge.badge-success {
  background: #e8f5e8;
  color: #2e7d32;
}
.course-recommendations .dashboard__table .table .badge.badge-secondary {
  background: #f5f5f5;
  color: #666;
}
.course-recommendations .dashboard__table .table .btn-group {
  display: flex;
  gap: 8px;
}
.course-recommendations .dashboard__table .table .btn-group .btn {
  padding: 6px 12px;
  font-size: 12px;
  border-radius: 4px;
}
.course-recommendations .dashboard__table .table .btn-group .btn.btn-sm {
  padding: 4px 8px;
  font-size: 11px;
}
.course-recommendations .dashboard__table .table .btn-group .btn.btn-primary {
  background: #1976d2;
  color: white;
  border: none;
}
.course-recommendations .dashboard__table .table .btn-group .btn.btn-primary:hover {
  background: #1565c0;
}
.course-recommendations .dashboard__table .table .btn-group .btn.btn-danger {
  background: #d32f2f;
  color: white;
  border: none;
}
.course-recommendations .dashboard__table .table .btn-group .btn.btn-danger:hover {
  background: #b71c1c;
}
.course-recommendations .modal .modal-dialog {
  max-width: 500px;
}
.course-recommendations .modal .modal-content {
  border-radius: 12px;
  border: none;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}
.course-recommendations .modal .modal-header {
  background: #f8f9fa;
  border-bottom: 1px solid #e0e0e0;
  padding: 20px;
}
.course-recommendations .modal .modal-header .modal-title {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 18px;
  color: #202020;
}
.course-recommendations .modal .modal-header .close {
  background: none;
  border: none;
  font-size: 24px;
  color: #666;
  cursor: pointer;
}
.course-recommendations .modal .modal-body {
  padding: 20px;
}
.course-recommendations .modal .modal-footer {
  background: #f8f9fa;
  border-top: 1px solid #e0e0e0;
  padding: 16px 20px;
}
.course-recommendations .modal .modal-footer .btn {
  padding: 8px 16px;
  font-size: 14px;
  border-radius: 6px;
}
.course-recommendations .modal .modal-footer .btn.btn-secondary {
  background: #6c757d;
  color: white;
  border: none;
}
.course-recommendations .modal .modal-footer .btn.btn-secondary:hover {
  background: #5a6268;
}
.course-recommendations .modal .modal-footer .btn.btn-primary {
  background: #1976d2;
  color: white;
  border: none;
}
.course-recommendations .modal .modal-footer .btn.btn-primary:hover {
  background: #1565c0;
}

body[data-page=perelinkovkavkursah] .modal .modal-dialog {
  max-width: 500px;
}
body[data-page=perelinkovkavkursah] .modal .modal-content {
  border-radius: 12px;
  border: none;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}
body[data-page=perelinkovkavkursah] .modal .modal-header {
  background: #f8f9fa;
  border-bottom: 1px solid #e0e0e0;
  padding: 20px;
  border-radius: 12px 12px 0 0;
}
body[data-page=perelinkovkavkursah] .modal .modal-header .modal-title {
  font-family: "GothamPro-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 18px;
  color: #202020;
  margin: 0;
}
body[data-page=perelinkovkavkursah] .modal .modal-header .close {
  background: none;
  border: none;
  font-size: 24px;
  color: #666;
  cursor: pointer;
  padding: 0;
  margin: 0;
  line-height: 1;
}
body[data-page=perelinkovkavkursah] .modal .modal-header .close:hover {
  color: #333;
}
body[data-page=perelinkovkavkursah] .modal .modal-body {
  padding: 20px;
}
body[data-page=perelinkovkavkursah] .modal .modal-body .form-group {
  margin-bottom: 20px;
}
body[data-page=perelinkovkavkursah] .modal .modal-body .form-group label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  color: #202020;
}
body[data-page=perelinkovkavkursah] .modal .modal-body .form-group .form-control-plaintext {
  padding: 12px 16px;
  background: #f8f9fa;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  margin: 0;
  font-size: 14px;
  color: #666;
}
body[data-page=perelinkovkavkursah] .modal .modal-body .form-group .form-control {
  width: 100%;
  padding: 12px 16px;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  font-size: 16px;
  transition: border-color 0.3s ease;
}
body[data-page=perelinkovkavkursah] .modal .modal-body .form-group .form-control:focus {
  outline: none;
  border-color: #1976d2;
  box-shadow: 0 0 0 3px rgba(25, 118, 210, 0.1);
}
body[data-page=perelinkovkavkursah] .modal .modal-body .checkbox-label {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-weight: 500;
}
body[data-page=perelinkovkavkursah] .modal .modal-body .checkbox-label input[type=checkbox] {
  margin-right: 10px;
  width: 18px;
  height: 18px;
  cursor: pointer;
}
body[data-page=perelinkovkavkursah] .modal .modal-body .checkbox-label .checkmark {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  background-color: #fff;
  border: 2px solid #ddd;
  border-radius: 4px;
  margin-right: 10px;
}
body[data-page=perelinkovkavkursah] .modal .modal-body .checkbox-label input[type=checkbox]:checked + .checkmark {
  background-color: #1976d2;
  border-color: #1976d2;
}
body[data-page=perelinkovkavkursah] .modal .modal-body .checkbox-label input[type=checkbox]:checked + .checkmark:after {
  content: "";
  position: absolute;
  left: 6px;
  top: 2px;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
body[data-page=perelinkovkavkursah] .modal .modal-footer {
  background: #f8f9fa;
  border-top: 1px solid #e0e0e0;
  padding: 16px 20px;
  border-radius: 0 0 12px 12px;
}
body[data-page=perelinkovkavkursah] .modal .modal-footer .btn {
  padding: 8px 16px;
  font-size: 14px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}
body[data-page=perelinkovkavkursah] .modal .modal-footer .btn.btn-secondary {
  background: #6c757d;
  color: white;
}
body[data-page=perelinkovkavkursah] .modal .modal-footer .btn.btn-secondary:hover {
  background: #5a6268;
}
body[data-page=perelinkovkavkursah] .modal .modal-footer .btn.btn-primary {
  background: #1976d2;
  color: white;
}
body[data-page=perelinkovkavkursah] .modal .modal-footer .btn.btn-primary:hover {
  background: #1565c0;
}

.black_shadow {
  box-shadow: 10px -7px 4px rgba(32, 32, 32, 0.56), 17px -12px 10px rgba(32, 32, 32, 0.53);
  transition: all 0.3s ease-in-out;
}
.black_shadow:before {
  content: "";
  background: #202020;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 1px;
  left: 1px;
}
.black_shadow:hover {
  box-shadow: 2px 2px 1px rgba(32, 32, 32, 0.51), 4px 4px 15px rgba(32, 32, 32, 0.57);
  transform: translate3D(11px, -13px, 0);
}

.blue_shadow {
  box-shadow: 10px -7px 4px rgba(0, 93, 245, 0.56), 17px -12px 10px rgba(0, 93, 245, 0.53);
  transition: all 0.3s ease-in-out;
}
.blue_shadow:hover {
  box-shadow: 2px 2px 1px rgba(0, 93, 245, 0.51), 4px 4px 15px rgba(0, 93, 245, 0.57);
  transform: translate3D(11px, -13px, 0);
}

.purple_shadow {
  box-shadow: 10px -7px 4px rgba(88, 88, 239, 0.56), 17px -12px 10px rgba(88, 88, 239, 0.53);
  transition: all 0.3s ease-in-out;
}
.purple_shadow:hover {
  box-shadow: 2px 2px 1px rgba(88, 88, 239, 0.51), 4px 4px 15px rgba(88, 88, 239, 0.57);
  transform: translate3D(11px, -13px, 0);
}

.pink_shadow {
  box-shadow: 10px -7px 4px rgba(227, 73, 129, 0.56), 17px -12px 10px rgba(227, 73, 129, 0.53);
  transition: all 0.3s ease-in-out;
}
.pink_shadow:hover {
  box-shadow: 2px 2px 1px rgba(227, 73, 129, 0.51), 4px 4px 15px rgba(227, 73, 129, 0.57);
  transform: matrix3d(1, 0, 0, 0.00006, 0, 1, 0, 0.00006, 0, 0, 1, 0, -5, -5, 0, 1) translate3D(11px, -13px, 0);
}

.green_shadow {
  box-shadow: 10px -7px 4px rgba(5, 181, 107, 0.56), 17px -12px 10px rgba(5, 181, 107, 0.53);
  transition: all 0.3s ease-in-out;
}
.green_shadow:hover {
  box-shadow: 2px 2px 1px rgba(5, 181, 107, 0.51), 4px 4px 15px rgba(5, 181, 107, 0.57);
  transform: translate3D(11px, -13px, 0);
}

.white_shadow {
  box-shadow: 10px -7px 4px rgba(255, 255, 255, 0.56), 17px -12px 10px rgba(255, 255, 255, 0.53);
  transition: all 0.3s ease-in-out;
}
.white_shadow:hover {
  box-shadow: 2px 2px 1px rgba(255, 255, 255, 0.51), 4px 4px 15px rgba(255, 255, 255, 0.57);
  transform: translate3D(11px, -13px, 0);
}

.success_shadow {
  box-shadow: 10px -7px 4px rgba(5, 181, 107, 0.56), 17px -12px 10px rgba(5, 181, 107, 0.53);
  transition: all 0.3s ease-in-out;
}
.success_shadow:hover {
  box-shadow: 2px 2px 1px rgba(5, 181, 107, 0.51), 4px 4px 15px rgba(5, 181, 107, 0.57);
  transform: translate3D(11px, -13px, 0);
}

.darkgrey_shadow {
  box-shadow: 10px -7px 4px rgba(48, 54, 64, 0.56), 17px -12px 10px rgba(48, 54, 64, 0.53);
  transition: all 0.3s ease-in-out;
}
.darkgrey_shadow:hover {
  box-shadow: 2px 2px 1px rgba(48, 54, 64, 0.51), 4px 4px 15px rgba(48, 54, 64, 0.57);
  transform: translate3D(11px, -13px, 0);
}

.error_shadow {
  box-shadow: 10px -7px 4px rgba(224, 47, 47, 0.56), 17px -12px 10px rgba(224, 47, 47, 0.53);
  transition: all 0.3s ease-in-out;
}
.error_shadow:hover {
  box-shadow: 2px 2px 1px rgba(224, 47, 47, 0.51), 4px 4px 15px rgba(224, 47, 47, 0.57);
  transform: translate3D(11px, -13px, 0);
}

.info_shadow {
  box-shadow: 10px -7px 4px rgba(42, 42, 45, 0.56), 17px -12px 10px rgba(42, 42, 45, 0.53);
  transition: all 0.3s ease-in-out;
}
.info_shadow:hover {
  box-shadow: 2px 2px 1px rgba(42, 42, 45, 0.51), 4px 4px 15px rgba(42, 42, 45, 0.57);
  transform: translate3D(11px, -13px, 0);
}

.warning_shadow {
  box-shadow: 10px -7px 4px rgba(221, 209, 102, 0.56), 17px -12px 10px rgba(221, 209, 102, 0.53);
  transition: all 0.3s ease-in-out;
}
.warning_shadow:hover {
  box-shadow: 2px 2px 1px rgba(221, 209, 102, 0.51), 4px 4px 15px rgba(221, 209, 102, 0.57);
  transform: translate3D(11px, -13px, 0);
}

.trans {
  transition: all 0.3s ease-in-out;
}

.grecaptcha-badge {
  visibility: hidden;
  opacity: 0;
  height: 0;
  width: 0;
  pointer-events: none;
}