@font-face {
    font-family: 'Evolventa';
    src: url('../fonts/Evolventa-Regular.eot');
    src: url('../fonts/Evolventa-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Evolventa-Regular.woff2') format('woff2'),
    url('../fonts/Evolventa-Regular.woff') format('woff'),
    url('../fonts/Evolventa-Regular.ttf') format('truetype'),
    url('../fonts/Evolventa-Regular.svg#Evolventa-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Evolventa';
    src: url('../fonts/Evolventa-Bold.eot');
    src: url('../fonts/Evolventa-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Evolventa-Bold.woff2') format('woff2'),
    url('../fonts/Evolventa-Bold.woff') format('woff'),
    url('../fonts/Evolventa-Bold.ttf') format('truetype'),
    url('../fonts/Evolventa-Bold.svg#Evolventa-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


img {
    max-width: 100%;
}

* {
    outline: none !important;
}

a, button {
    cursor: pointer;
}

body {
    background: #F9FBF9;
    font-weight: 400;
    font-family: 'Evolventa';
    padding-bottom: 0;
}

.container {
    width: 1230px;
    padding: 0 15px;
    max-width: 100%;
}

.row {
    margin: 0 -10px;
}

.row>* {
    padding: 0 10px;
}


.header-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

header {
    padding: 20px 0;
    background: #fff;
}


.menu {
    list-style: none;
    padding-left: 0;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.header-l {
    display: flex;
    align-items: center;
}

.menu li a {
    color: #0D0C21;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    text-decoration: none;
}

.menu li + li {
    margin-left: 32px;
}

.logo {
    margin-right: 56px;
}

.enter {
    color: #0D0C21!important;
    font-size: 14px;
    line-height: 150%;
    text-decoration: none;
    margin-right: 24px;
}

.green-button {
    color: #FFF!important;
    font-size: 14px;
    font-weight: 700;
    line-height: 150%;
    padding: 14px 24px;
    border-radius: 1000px;
    background: #fbd85a;
    border: 0;
    text-decoration: none;
}
.green-button:hover {
    background: #021216;
    
}

.top-section {
    padding: 30px 0 70px 0;
    background: #fff;
}
.button-group .green-button {
    padding: 17px 24px;
}

.border-w-button {
    color: #0D0C21!important;
    font-size: 14px;
    font-weight: 700;
    line-height: 150%;
    padding: 16px 24px;
    border-radius: 1000px;
    border: 2px solid #E7E7E9;
    background: transparent;
    display: block;
    width: fit-content;
    text-decoration: none!important;
    
}

.border-w-button:hover {
    border: 2px solid #0D0C21;
}


.header-r {
    align-items: center;
}

.button-group {
    display: flex;
    align-items: center;
}

.button-group * + * {
    margin-left: 16px;
}

h1 {
    color: #0D0C21;
    font-size: 48px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 24px;
}

.top-l p {
    color: #0D0C21;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 32px;
}

.specifications  {
    display: flex;
    margin-bottom: 24px;
}

.specifications span {
    color: #0D0C21;
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    padding: 2px 7px;
    margin-right: 16px;
}

.bg-1 {
    background: #EAFAFD;
}

.bg-2 {
    background: #E4EBFB;
}

.bg-3 {
    background: #EADEF9;
}

.manager {
    padding-right: 40px;
    margin: 0 0 0 auto;
    position: relative;
}

.manager-text {
    position: absolute;
    width: 184px;
    flex-shrink: 0;
    border-radius: 17px;
    background: #FFF;
    box-shadow: 4px -2px 12px 0 rgba(0, 0, 0, 0.06);
    top: 10px;
    right: 0;
    padding: 15px;
}

.manager-title h3 {
    color: #0D0C21;
    font-size: 14px;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 3px;
}

.manager-title-r p {
    color: #0D0C21;
    font-size: 10px;
    font-weight: 700;
    line-height: 150%;
    padding: 2px 4px;
    width: fit-content;
    background: #EAFAFD;
    margin-bottom: 0;
}

.manager-title {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.manager-title-l {
    margin-right: 10px;
}

.skills p {
    color: #0D0C21;
    font-size: 10px;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 5px;
}

.skills-list span {
    color: #0D0C21;
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    padding: 2px 7px;
    border-radius: 100px;
    border: 1px solid #E7E7E9;
    margin: 0 5px 3px 0;
    display: block;
}

.skills-list {
    display: flex;
    flex-flow: wrap;
    margin-bottom: 10px;
}

.experience span {
    color: #0D0C21;
    font-size: 12px;
    font-weight: 700;
    line-height: 150%;
}

.experience  {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.format-section {
    background: #E8F5E7;
    padding: 50px 0;
}


h2 {
    color: #0D0C21;
    font-size: 32px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 12px;
}

.format-l p {
    color: #0D0C21;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}

.template-block {
    border-radius: 24px;
    background: #FFF;
    padding: 20px;
    height: 100%;
    text-align: center;
}

.template-block> img {
    margin-bottom: 14px;
}

.template-block p {
    color: #0D0C21;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 10px;
}

.link {
    color: #0D0C21!important;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    display: flex;
    align-items: center;
    text-decoration: none;
    width: fit-content;
    margin: auto;
}


.link img {
    margin-left: 6px;
}

.samples-section {
    padding: 50px 0 0 0;
}


.sample-block-r h3 {
    color: #0D0C21;
    font-size: 32px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 24px;
}

.sample-block-r p {
    color: #0D0C21;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}

.sample-block-r p:last-child {
    margin-bottom: 0;
}

.sample-block .row {
    align-items: center;
}
.sample-block {
    margin-bottom: 70px;
}

.sample-link {
    border-radius: 30px;
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    padding: 6px 12px;
    display: flex;
    align-items: center;
    text-decoration: none;
    margin: 0 12px 12px 0;
}

.sample-link img {
    margin-left: 10px;
}

.sample-link-1 {
    color: #9FCED7!important;
    border: 1px solid #9FCED7;
}

.sample-link-2 {
    color: #91A2CB!important;
    border: 1px solid #91A2CB;
}

.sample-link-3 {
    color: #B299D1!important;
    border: 1px solid #B299D1;
}
.sample-links {
    display: flex;
    flex-flow: wrap;
}

.templates-block {
    border-radius: 24px;
    background: #FFF;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.04);
    padding: 40px;
    margin-bottom: 40px;
}

.templates-block h3 {
    color: #0D0C21;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 12px;
}

.templates-block p {
    color: #0D0C21;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}

.templates-block-top {
    margin-bottom: 30px;
}

.templates-slide {
    border-radius: 18px;
    border: 1px solid #E7E7E9;
    padding: 12px;
}

.templates-slide h3 {
    color: #0D0C21;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 12px;
    text-align: center;
}

.templates-slide>img {
    margin-bottom: 12px;
}

.templates-slide-bottom .border-w-button {
    padding: 12px;
    flex-grow: 1;
    text-align: center;
}

.download {
    width: 48px;
    display: block;
}

.templates-slide-bottom {
    display: flex;
    align-items: center;
}

.templates-slide-bottom .download {
    margin-left: 9px;
    flex-shrink: 0;
}

.owl-carousel .owl-nav button.owl-prev span, .owl-carousel .owl-nav button.owl-next span {
    background: url(../images/arrow-slider.svg);
    width: 48px;
    height: 48px;
    display: block;
    content: '';
    color: #fff0;
}

.owl-carousel .owl-nav button.owl-next span {
    transform: rotate(180deg);
}


.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
    width: 100px;
    height: 100%;
    position: absolute;
    margin: 0;
    top:0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.owl-carousel .owl-nav button.owl-prev {
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%)!important;
    left: 0
}

.owl-carousel .owl-nav button.owl-next {
    background: linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%)!important;
    right: 0;
}

.owl-theme .owl-dots .owl-dot span {
   display: none;
}

.owl-theme .owl-dots .owl-dot + .owl-dot {
    margin-left: 12px;
}

.owl-theme .owl-dots .owl-dot {
    width: 14px;
    height: 14px;
    background: #DFDFDF;
    border-radius: 50%;
}


.owl-theme .owl-dots .owl-dot:hover, .owl-theme .owl-dots .owl-dot.active {
    background: #fbd85a;
}

.owl-theme .owl-dots {
    margin-top: 30px;
    display: flex;
    justify-content: center;
}


.owl-theme .owl-nav {
    margin: 0;
}

.templates-1-section {
    padding-bottom: 54px;
}

.blank-forms-l p a {
    color: #0D0C21;
    font-size: 16px;
    font-weight: 700;
}


.rainbow-ul li i {
    width: 30px;
    height: 30px;
    display: flex;
    border-radius: 50%;
    font-style: normal;
    color: #FFF;
    font-size: 18px;
    font-weight: 700;
    line-height: 150%;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    flex-shrink: 0;
}

.rainbow-ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.rainbow-ul li {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
 }

.rainbow-ul li:nth-child(1) {

}
.rainbow-ul li:nth-child(2) {

}
.rainbow-ul li:nth-child(3) {

}

.rainbow-ul li:nth-child(1) i {
    background: #9FCED7;
 }


.rainbow-ul li:nth-child(2) i {
    background: #91A2CB;
 }


.rainbow-ul li:nth-child(3) i {
    background: #B299D1;
 }


.rainbow-ul li span {
    border-radius: 30px;
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    padding: 6px 12px;
 }

.rainbow-ul li:nth-child(1) span {
    border: 1px solid #9FCED7;
    color: #9FCED7;
}

.rainbow-ul li:nth-child(2) span {
    border: 1px solid #91A2CB;
    color: #91A2CB;
}

.rainbow-ul li:nth-child(3) span {
    border: 1px solid #B299D1;
    color: #B299D1;
}

.blank-forms {
    margin-bottom: 70px;
}

.blank-forms .row {
    align-items: center;
}

.rainbow-ul li:last-child {
    margin-bottom: 0;
}

.templates-info p a {
    color: #0D0C21;
    font-weight: 700;
}
.info {
    border-radius: 24px;
    background: #DEF0DD;
    padding: 24px;
    display: flex;
    align-items: center;
}

.info p {
    margin-bottom: 0;
}
.info p a {
    color: #0D0C21;
    font-weight: 700;
}

.info-l {
    margin-right: 16px;
    flex-shrink: 0;
}

.bottom-section {
    padding: 70px 0 54px 0;
}

.templates-info .info {
    margin-top: 40px;
}

.examples-samples-top {
    margin-bottom: 70px;
}

.examples-samples-top .row {
    align-items: center;
}
.filled {
    border-radius: 24px;
    background: #FFF;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.04);
    padding: 40px 40px 20px 40px;
    margin-bottom: 50px;
}
.filled h3 {
    color: #0D0C21;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 12px;
}

.filled p {
    color: #0D0C21;
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 30px;
}

.filled-block {
    padding: 12px;
    border-radius: 18px;
    border: 1px solid #E7E7E9;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}


.filled-list .row {
    margin: 0 -8px;
}

.filled-list .row>* {
    padding: 0 8px;
}

.filled-block img {
    margin-right: 12px;
}

.filled-block p {
    color: #0D0C21;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 0;
}

.filled-block:hover {
    border: 2px solid #E7E7E9;
    padding: 11px;
}

.filled-block:hover p {
    font-weight: 700;
    
}

.templates-info {
    margin-bottom: 70px;
}

.info-block h3 {
    color: #0D0C21;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 24px;
}

.list-tm h4 {
    color: #0D0C21;
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 18px;
}

.list-tm ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 24px;
}


.list-tm ul li {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.list-tm ul li span {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    width: 28px;
    height: 28px;
    background: #fbd85a;
    margin-right: 12px;
    border-radius: 50%;
}


.info-block {
    margin-bottom: 50px;
}

.list-tm ul li a {
    color: #000;
    text-decoration: underline;
}

.always h3 {
    color: #0D0C21;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 24px;
}

footer {
    padding: 30px 0;
    background: #FFF;
}


.footer-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.footer-l p {
    color: #0D0C21;
    font-size: 14px;
    line-height: 150%;
    margin-bottom: 0;
}

.menu-footer {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    list-style: none;
    padding-left: 0;
}

.menu-footer li a {
    opacity: 0.43;
    color: #0D0C21;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    text-decoration: none;
}

.menu-footer li a:hover {
    text-decoration: underline;
}


.menu-footer li + li {
    margin-left: 20px;
}

.add-title {
    padding: 119px 0 50px 0;
    background: url("../images/bg-1.png") no-repeat top center/cover;
}

.header-position {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
}
.add-title-wrapper {
    width: 794px;
    margin: 0 auto;
    max-width: 100%;
}

.add-title-wrapper h1 {
    color: #0D0C21;
    text-align: center;
    font-size: 32px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 24px;
}

.add-title-wrapper p {
    color: #0D0C21;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 32px;
}
.add-title-wrapper .green-button {
    padding: 17px 24px;
    margin: 0 auto;
    display: block;
}

.add-body {
    padding: 50px 0 70px 0;
    width: 996px;
    margin: 0 auto;
    max-width: 100%;
}

.add-h3 {
    color: #0D0C21;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 24px;
    align-items: center;
    display: flex;
}

.add-h3 img {
    margin-right: 12px;
    flex-shrink: 0;
}

.input-block label {
    color: #0D0C21;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}
span.red-color {
    color: #EA2929;
}

.input-tm {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    padding: 14px 20px;
    width: 100%;
    border-radius: 12px;
    border: 1px solid #E7E7E9;
}

.add-block {
    border-radius: 24px;
    background: #FFF;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.04);
    padding: 30px 30px 10px 30px;
    margin-bottom: 32px;
}


.input-block {
    margin-bottom: 20px;
}

.file-tm {
    color: #fbd85a;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.file-tm img {
    margin-right: 18px;
}


.file-tm input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
}

.hr-tm {
    border-top: 1px solid #F3F3F3;
    opacity: 1;
    margin: 20px 0 32px 0;
}

.select-tm {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    padding: 14px 50px 14px 20px;
    width: 100%;
    border-radius: 12px;
    border: 1px solid #E7E7E9;
    height: 54px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../images/arrow-select.svg") no-repeat calc(100% - 20px) 15px;
}



.add-block>.row {
    margin: 0 -20px;
}


.add-block>.row>* {
    padding: 0 20px;
}

.row-input {
    margin: 0 -4px;
}

.row-input>* {
    padding: 0 4px;
}



.checkbox-tm {
    position: relative;
    display: flex;
    align-items: center;
    color: #0D0C21;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    cursor: pointer;
}

.checkbox-tm input {
    position: absolute;
    left: 0;
    top:0;
    opacity: 0;
}

.checkbox-tm i {
    width: 28px;
    height: 28px;
    margin-right: 10px;
    flex-shrink: 0;
    display: block;
    background: url("../images/checkbox.svg");
}

.checkbox-tm input:checked ~ i {
    background: url("../images/checkbox-active.svg");
}
.add-block .checkbox-tm {
    margin-bottom: 20px;
}

.adding-block h4 {
    color: #0D0C21;
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.delete {
    color: #0D0C21;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    padding: 0;
    background: transparent;
    border: 0;
    display: flex;
    align-items: center;
}

.delete img {
    margin-right: 8px;
}

.adding-block {
    border-radius: 24px;
    border: 1px solid #E7E7E9;
    padding: 20px 20px 1px 20px;
    margin-bottom: 24px;
}

.checkbox-tm2 {
    font-size: 14px!important;
}

.checkbox-tm2-wrapper {
    display: flex;
    align-items: center;
    height: 100%;
}


.checkbox-tm2-wrapper .checkbox-tm {
    margin-bottom: 0;
}


textarea.input-tm {
    min-height: 84px;
}

.add-button {
    color: #0D0C21;
    font-size: 14px;
    font-weight: 700;
    line-height: 150%;
    padding: 17px 24px;
    background: transparent;
    border-radius: 1000px;
    border: 2px solid #E7E7E9;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.add-button img {
    margin-right: 10px;
}

.checkbox-list .checkbox-tm {
    margin-bottom: 24px;
}

.checkbox-list {
    margin-bottom: 36px;
}



.checkbox-list-h {
    display: flex;
}

.checkbox-list-h .checkbox-tm + .checkbox-tm {
    margin-left: 24px;
}

.submit-button {
    width: 100%;
    padding: 17px;
}

.stages h2 {
    color: #0D0C21;
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 40px;
}

.stage-block-text {
    display: flex;
}


.number {
    color: #fbd85a;
    font-size: 124px;
    font-weight: 700;
    line-height: normal;
}

.stage-block-text-r {
    margin-left: 100px;
    flex-shrink: 0;
    padding-top: 10px;
}

.stage-block-text-l h3 {
    color: #0D0C21;
    font-family: Evolventa;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 24px;
}

.stage-block-text-l p {
    color: #0D0C21;
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
}
.stage-block .row {
    align-items: center;
}

.stage-block-reverse .row {
    flex-flow: row-reverse;
}

.stage-block-reverse .stage-block-text {
    flex-flow: row-reverse;
}

.stage-block-reverse .stage-block-text .stage-block-text-r {
    margin: 0 100px 0 0;
}
.stage-block {
    margin-bottom: 24px;
}


.bottom2-section {
    padding-top: 16px;
}

.profile-section {
    padding: 50px 0 100px 0;
    min-height: calc(100vh - 173px);
}


.menu-left {
    list-style: none;
    border-radius: 24px;
    background: #FFF;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.04);
    padding: 10px;
}

.menu-left li a {
    color: #0D0C21;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
    display: flex;
    align-items: center;
    padding: 14px;
    border-radius: 10px;
}

.menu-left li a:hover, .menu-left li a.active {
    background: #F4F8F5;
}

.menu-left li a img {
    margin-right: 10px;
}
.profile-body {
    border-radius: 24px;
    background: #FFF;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.04);
    padding: 30px;
}

.profile-title {
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.profile-title h1 {
    color: #0D0C21;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}


.profile-body h1 img {
    margin-right: 12px;
}


.profile-block {
    border-radius: 24px;
    border: 1px solid #E7E7E9;
    padding: 20px;
    margin-bottom: 24px;
}

.profile-block h3 {
    color: #0D0C21;
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 24px;
}


.data-block p {
    color: #0D0C21;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 8px;
}

p.bold-p {
    opacity: 0.74;
    color: #0D0C21;
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
}

.data-block {
    margin-bottom: 20px;
}

.profile-block .input-tm {
    font-size: 14px;
    padding: 14px 20px;
    width: 100%;
    margin-bottom: 16px;
}

.help-block h3 {
    margin-bottom: 12px;
}

.help-block p {
    margin-bottom: 24px;
}

.red-border-button {
    border-radius: 1000px;
    border: 2px solid #EA2929;
    padding: 8px 14px;
    background: transparent;
    display: flex;
    align-items: center;
    color: #EA2929;
    font-size: 14px;
    font-weight: 700;
    line-height: 150%;
}

.red-border-button img {
    margin-right: 8px;
}
.profile-block-pb {
    padding-bottom: 0;
}

.create-resume {
    border-radius: 24px;
    border: 1px dashed #E7E7E9;
    padding: 20px;
    width: 100%;
    background: transparent;
}

.create-resume img {
    margin-bottom: 12px;
}

.create-resume p {
    color: #0D0C21;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 0;
}

.create-resume p span {
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 5px;
    display: block;
}

.add-resume {
    color: #fbd85a;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    padding: 0;
    background: transparent;
    border: 0;
}

.add-resume img {
    margin-right: 8px;
}

.resume-block {
    display: flex;
    align-items: center;
    border-radius: 24px;
    border: 1px solid #E7E7E9;
    padding: 14px 30px 14px 14px;
    margin-bottom: 16px;
    justify-content: space-between;
}


.resume-block-l img {
    margin-right: 14px;
    flex-shrink: 0;
}
.resume-block-l {
    display: flex;
    align-items: center;
}


.buttons-edit  {
    display: flex;
    align-items: center;
}

.buttons-edit button {
    padding: 0;
    border:0;
    background: transparent;
    opacity: 0.43;
}
.buttons-edit button:hover {
    opacity: 1;
}

.buttons-edit button + button {
    margin-left: 18px;
}

.resume-block-text h3 {
    color: #0D0C21;
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 5px;
}


p.profession {
    color: #0D0C21;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    opacity: 0.74;
    margin-bottom: 5px;
}

p.date-change {
    color: #0D0C21;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    opacity: 0.43;
    margin-bottom: 0;
}

.resume-block:last-child {
    margin-bottom: 0;
}


.pattern-section {
    padding: 50px 0 100px 0;
}

.pattern-title {
    max-width: 100%;
    width: 794px;
    margin: 0 auto 50px auto;
}


.pattern-title h1 {
    color: #0D0C21;
    text-align: center;
    font-size: 32px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 24px;
}


.pattern-title p {
    color: #0D0C21;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}

.pattern-body {
    width: 996px;
    margin: 0 auto;
    max-width: 100%;
}

.author {
    display: flex;
    align-items: center;
    border-radius: 24px;
    background: #FFF;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.04);
    padding: 30px;
    margin-bottom: 30px;
}

.author-l {
    margin-right: 20px;
}

.author h3 {
    color: #0D0C21;
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}
.author h3 span {
    color: #fbd85a;
    display: flex;
    align-items: center;
    margin-left: 5px;
}

.author h3 span img {
    margin-left: 3px;
}


p.post {
    color: #0D0C21;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    opacity: 0.43;
    margin-bottom: 5px;
}

.autor-links a {
    color: #fbd85a;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    display: table;
    margin-bottom: 5px;
}

.autor-links a:last-child {
    margin-bottom: 0;
}

.pattern-buttons .green-button img {
    margin-right: 10px;
}

.pattern-buttons .green-button {
    display: flex;
    align-items: center;
    padding: 17px 24px;
}

.pattern-buttons {
    display: flex;
    justify-content: center;
    margin-bottom: 24px;
}

.pattern-buttons *+* {
    margin-left: 16px;
}


.pattern-block {
    border-radius: 24px;
    background: #FFF;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.04);
    padding: 30px;
}


.pattern-img {
    margin-bottom: 24px;
}

.pattern-block p:last-child {
    margin-bottom: 0;
}

.menu-toggler  {
    padding: 0;
    border:0;
    background: transparent;
    flex-flow: column;
}

.menu-toggler span {
    height: 2px;
    width: 20px;
    display: block;
    background: #0A0E0B;
    margin: 2px 0;
}

.menu-toggler.active span  {
    opacity: 0;
}


.menu-toggler.active  {
    background: url("../images/menu-close.svg") no-repeat center;
}


.menu-mobil {
    position: fixed;
    top: 0;
    left: -100%;
    background: #fff;
    width: 100%;
    height: 100vh;
    padding: 86px 15px 30px 15px;
    overflow: scroll;
    z-index: 2;
    transition: 0.6s left;
}

.menu-mobil.active {
    transition: 0.6s left;
    left: 0;
}

body.active {
    overflow: hidden;
}

.templates-bottom p a {
    font-weight: bold;
    color: #0D0C21;
    
}

.resalt-title-img {
    width: 168px;
    height: 168px;
    flex-shrink: 0;
    background: rgba(90, 181, 86, 0.20);
    border-radius: 50%;
    margin: 0 auto 14px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}


.resalt-section {
    padding: 50px 0 100px 0;
}


.resalt-top-links {
    display: flex;
    align-items: center;
    justify-content: center;
}

.resalt-top-links>*+* {
    margin-left: 16px;
}
.resalt-top-links>* {
    display: flex;
    align-items: center;
}

.resalt-top-links .green-button img {
    margin-right: 6px;
}


.button-circle {
    width: 54px;
    height: 54px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.resalt-title h1 {
    color: #0D0C21;
    text-align: center;
    font-size: 32px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 14px;
}

.resalt-title p {
    color: #0D0C21;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 32px;
}


.resalt-top {
    margin-bottom: 40px;
}

.button-toggler {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px!important;
}
.button-toggler.active {
    background: rgba(90, 181, 86, 1);
    border-color: rgba(90, 181, 86, 1);
    color: #fff!important;
    line-height: normal;
    align-items: center;
    justify-content: center;
    padding: 10px!important;
}


.button-toggler.active:before {
    content: '';
    background: url("../images/tick-button.svg");
    width: 24px;
    height: 24px;
    display: block;
    margin-right: 6px;
}

.button-toggler span {
    display: block;
    line-height: 100%;
}


.templates-resalt-block h3 {
    text-align: center;
}

.templates-resalt-block {
    padding: 30px 40px;
}


.preview-tm {
    border-radius: 24px;
    background: #FFF;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.04);
    padding: 30px 40px;
}


.preview-tm h2 {
    color: #0D0C21;
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 30px;
}

.advantage-preview {
    text-align: center;
}

.advantage-preview img {
    margin-bottom: 14px;
}

.advantage-preview p {
    color: #0D0C21;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;
}
.advantages-preview {
    margin-bottom: 30px;
}

.resalt-info {
    border-radius: 24px;
    border: 1px solid #E7E7E9;
    padding: 30px;
}


p.post-p {
    color: #0D0C21;
    font-size: 32px;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 10px;
}
.resalt-info-block p {
    color: rgb(13 12 33 / 54%);
}
.not-filled {
    color: #fbd85a!important;
    font-size: 16px;
    font-weight: 400!important;
    line-height: 150%;
    padding: 3px 4px;
    background: rgba(90, 181, 86, 0.14);
    width: fit-content;
}

.resalt-info-block {
    border-radius: 18px;
    border: 1px solid #E7E7E9;
    padding: 20px;
    margin-bottom: 30px;
}

.resalt-info-block:last-child {
    margin-bottom: 0;
}

p.contact-resalt img {
    margin-right: 10px;
}

p.contact-resalt {
    display: flex;
    margin-bottom: 14px;
    color: rgb(13 12 33);
}

.resalt-info .row {
    margin: 0 -15px;
}

.resalt-info .row>* {
    padding: 0 15px;
}


.resalt-info-block p span {
    color: #0D0C21;
    
    font-weight: 700;
}

.resalt-info-block h3 {
    color: #0D0C21;
    font-size: 20px;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}


.resalt-info-block h3 img {
    margin-right: 10px;
}

.resalt-info-block> p:last-child {
    margin-bottom: 0;
}


.resalt-info-block ul  {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.resalt-info-block ul li:last-child {
    margin-bottom: 0;
}

.resalt-info-block ul li {
    margin-bottom: 14px;
    position: relative;
    display: flex;
    align-items: flex-start;
}


.resalt-info-block ul li:before {
    width: 8px;
    height: 8px;
    background: #0D0C21;
    margin-right: 12px;
    content: '';
    border-radius: 50%;
    margin-top: 6px;
}



p.not-filled2 {
    font-size: 18px;
    font-weight: 700!important;
}



















@media screen and (max-width: 1199px) {
    h1 br {
        display: none;
    }
    .footer-wrapper {
        flex-flow: column;
    }
    .footer-l {
        margin-bottom: 10px;
    }
    
    
    
}

@media screen and (max-width: 991px) {
    .top-section h1 {
        font-size: 38px;
    }
    .manager {
        padding-right: 0;
    }
    
    .manager-text {
        bottom: 0;
        top: auto;
    }
    .header-l {
        justify-content: space-between;
        width: 100%;
    }
    
    .menu-mobil-list {
        list-style: none;
        padding-left: 0;
        padding-bottom: 20px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.12);
        margin-bottom: 32px;
    }
    
    
    .menu-mobil-list li {
        padding: 14px 0;
    }
    .menu-mobil-list li a {
        color: #0D0C21;
        font-size: 18px;
        font-weight: 400;
        text-decoration: none;
        line-height: normal;
    }
    .header-r {
        flex-flow: column;
        display: flex;
        align-items: center;
    }
    
    .enter {
        margin: 0 auto 20px auto;
    }
    
    .header-r .green-button {
        width: 100%;
    }
    
    header {
        z-index: 3;
        position: relative;
    }
    .checkbox-list-h .checkbox-tm + .checkbox-tm {
        margin-left: 16px;
    }
    
    .stage-block-text-r {
        margin-left: 10px;
    }
    .stage-block-reverse .stage-block-text .stage-block-text-r {
        margin: 0 10px 0 0;
    }
    .resume-block {
        padding: 14px;
    }
    
    .buttons-edit {
        flex-flow: column;
        display: flex;
    }
    .buttons-edit button + button {
        margin: 6px 0 0 0;
    }
    
    .resalt-top-links {
        flex-flow: wrap;
    }
    .resalt-top-links>* {
        margin-bottom: 7px;
    }
    
    
    
    
    
    
}

@media screen and (max-width: 767px) {
    .top-section {
        padding: 32px 0 0 0;
    }
    
    
    .top-section h1 {
        font-size: 28px;
        margin-bottom: 20px;
        text-align: center;
    }
    
    .specifications span:last-child {
        margin-right: 0;
    }
    
    .specifications {
        display: flex;
        margin-bottom: 20px;
        justify-content: center;
    }
    
    .top-l p {
        margin-bottom: 24px;
        text-align: center;
    }
    
    .button-group {
        flex-flow: column;
    }
    
    .button-group .green-button {
        width: 100%;
        margin-bottom: 10px;
    }
    
    .button-group * + * {
        margin-left: 0;
        width: 100%;
    }
    .top-l {
        margin-bottom: 20px;
    }
    
    .manager-img {
        margin: 0 auto;
    }
    h2 {
        font-size: 24px;
        line-height: normal;
        text-align: center;
    }
    
    .format-l p {
        margin-bottom: 24px;
        text-align: center;
    }
    
    
    .template-block {
        margin-bottom: 20px;
        height: auto;
    }
    
    .format-section {
        padding: 50px 0 30px 0;
    }
    
    .sample-block-l img {
        width: 234px;
        margin: 0 auto 24px auto;
        display: block;
    }
    
    .sample-block-r h3 {
        margin-bottom: 20px;
        font-size: 24px;
        line-height: normal;
        text-align: center;
    }
    
    
    .sample-block-r p {
        text-align: center;
    }
    .sample-block {
        margin-bottom: 32px;
    }
    
    
    .sample-block-reverse .row {
        display: flex;
        flex-flow: column-reverse;
    }
    
    .sample-links {
        justify-content: center;
    }
    
    .sample-link:last-child {
        margin-bottom: 0;
    }
    
    .sample-link {
        margin-right: 0;
    }
    
    .templates-block {
        padding: 24px 15px;
        margin: 0 -15px;
        box-shadow: none;
        border-radius: 0;
    }
    
    .templates-block-top {
        text-align: center;
    }
    
    .templates-slide {
        width: 214px;
    }
    
    .templates-slider-wrapper {
        margin-right: -15px;
    }
    
    .owl-theme .owl-nav.disabled + .owl-dots {
        margin-top: 18px;
    }
    
    
    .templates-block h3 {
        font-size: 20px;
    }
    .templates-bottom {
        padding: 32px 0 0 0;
        text-align: center;
    }
    .blank-forms .row {
        flex-flow: column-reverse;
    }
    .templates-1-section {
        padding-bottom: 16px;
    }
    .blank-forms-r img {
        width: 234px;
        margin: 0 auto 24px auto;
        display: block;
    }
    
    .blank-forms-l p {
        text-align: center;
    }
    
    .blank-forms {
        margin-bottom: 32px;
    }
    .templates-info {
        margin-bottom: 32px;
        padding: 32px 0 0 0;
    }
    .templates-info .info {
        margin-top: 20px;
        align-items: flex-start;
    }
    .templates-info>p {
        text-align: center;
    }
    .bottom-section {
        padding: 0 0 54px 0;
    }
    .examples-samples-top-l img {
        width: 234px;
        display: block;
        margin: 0 auto 24px auto;
    }
    
    .filled {
        margin: 0 -15px;
        border-radius: 0;
        box-shadow: none;
        padding: 24px 15px 12px 15px;
    }
    
    .examples-samples-top {
        margin-bottom: 16px;
    }
    .examples-samples-top-r p {
        text-align: center;
    }
    
    .filled h3 {
        font-size: 20px;
        line-height: normal;
        text-align: center;
    }
    
    .filled> p {
        text-align: center;
    }
    
    .filled-block {
        margin-bottom: 12px;
    }
    
    .info-block h3 {
        margin-bottom: 20px;
        font-size: 20px;
        line-height: normal;
    }
    .info-block {
        margin-bottom: 32px;
    }
    
    .info {
        align-items: flex-start;
    }
    
    .always h3 {
        margin-bottom: 20px;
        font-size: 20px;
    }
    
    .footer-wrapper {
        flex-flow: column-reverse;
    }
    .menu-footer {
        flex-flow: column;
        margin-bottom: 12px;
    }
    
    
    footer {
        padding: 24px 0;
    }
    
    .menu-footer li {
        margin-bottom: 12px;
    }
    .menu-footer li + li {
        margin-left: 0;
    }
    .footer-l p {
        text-align: center;
    }
    
    .add-title {
        padding: 32px 0 40px 0;
    }
    
    .header-position {
        position: relative;
    }
    
    .add-title-wrapper h1 {
        font-size: 28px;
    }
    .add-section {
        background: #fff;
    }
    
    .add-body {
        padding: 0;
        padding-bottom: 30px;
    }
    .add-block {
        margin: 0 -15px;
        padding: 30px 15px 10px 15px;
        box-shadow: none;
    }
    .add-h3 img {
        margin-right: 10px;
        width: 24px;
    }
    .add-h3 {
        font-size: 20px;
    }
    
    
    .adding-block> .row>*:nth-child(even), .add-block> .row>*:nth-child(even) {
        order: 2;
    }
    .adding-block >.row>*:nth-child(odd), .add-block >.row>*:nth-child(odd) {
        order: 1;
    
    }
    
    
    .row-input>* {
        margin-bottom: 8px;
    }
    .row-input>*:last-child {
        margin-bottom: 0;
    }
    
    .add-button {
        width: 100%;
        justify-content: center;
    }
    
    
    .checkbox-list-h {
        flex-flow: wrap;
        margin-bottom: -12px;
    }
    
    .checkbox-list-h .checkbox-tm {
        margin: 0 24px 24px 0!important;
    }
    .input-block {
        margin-bottom: 16px;
    }
    
    .stages {
        background: #F9FBF9;
        padding: 15px;
        margin: 0 -15px;
    }
    .stage-block-text {
        flex-flow: column-reverse;
        text-align: center;
    }
    
    .number {
        font-size: 84px;
        margin-bottom: 0;
    }
    
    .stage-block-img img {
        width: 234px;
        margin: 0 auto 0 auto;
        display: block;
    }
    
    .stage-block-text-r {
        margin-left: 0;
    }
    
    .stage-block-text-l h3 {
        margin-bottom: 12px;
    }
    
    .stage-block-reverse .row {
        flex-flow: column;
    }
    .stage-block-reverse .stage-block-text {
        flex-flow: column-reverse;
    }
    
    .add-block>.row {
        margin: 0 -10px;
    }
    
    .add-block>.row>* {
        padding: 0 10px;
    }
    
    .profile-section {
        padding: 32px 0 70px 0;
    }
    
    .menu-left {
        margin-bottom: 32px;
    }
    
    
    .profile-body h1 img {
        margin-right: 10px;
        width: 24px;
    }
    
    .profile-title h1 {
        font-size: 20px;
    }
    .profile-body {
        padding: 24px;
    }
    .profile-block .green-button {
        width: 100%;
    }
    
    .red-border-button {
        width: 100%;
        justify-content: center;
    }
    
    
    .profile-title .add-resume {
        display: none;
    }
    
    .resume-block {
        flex-flow: column;
        padding: 20px 14px;
    }
    .resume-block-l {
        flex-flow: column;
    }
    
    .resume-block-l img {
        margin: 0 auto 14px auto;
    }
    
    .resume-block-text {
        text-align: center;
    }
    
    .buttons-edit button + button {
        margin: 0 0 0 18px;
    }
    .buttons-edit {
        flex-flow: row;
        margin: 16px 0 0 0;
    }
    
    .pattern-section {
        padding: 32px 0 70px 0;
    }
    
    .pattern-title h1 {
        font-size: 28px;
    }
    .pattern-title {
        margin: 0 auto 41px auto;
    }
    
    
    .author {
        padding: 24px;
        flex-flow: column;
        margin-bottom: 24px;
    }
    
    .author-l {
        margin: 0 0 20px 0;
    }
    
    .author h3 {
        flex-flow: column;
        align-items: flex-start;
        margin-bottom: 10px;
    }
    .author h3 span {
        margin-left: 0;
        margin-top: 5px;
    }
    
    p.post {
        margin-bottom: 10px;
    }
    .autor-links a {
        margin-bottom: 10px;
    }
    
    .pattern-buttons {
        flex-flow: column;
    }
    .pattern-buttons>*+* {
        margin: 10px 0 0 0;
    }
    
    .resalt-top-links .border-w-button:nth-child(3), .resalt-top-links .green-button {
        width: 100%;
        margin-left: 0;
        justify-content: center;
    }
    .resalt-top-links>*+* {
        margin-left: 10px;
    }
    .resalt-top-links .border-w-button {
        padding: 14px;
    }
    .resalt-section {
        padding: 20px 0 70px 0;
    }
    
    .resalt-title h1 {
        font-size: 28px;
    }
    .resalt-top-links .border-w-button:nth-child(4) {
        width: calc(100% - 129px);
        margin-left: 0;
        justify-content: center;
    }
    .resalt-top-links>* {
        margin-bottom: 16px;
    }
    
    .resalt-top {
        margin-bottom: 14px;
    }
    .templates-resalt-block .templates-block-top h3 {
        text-align: left;
    }
    
    .templates-resalt-block .templates-block-top {
        margin-bottom: 20px;
    }
    
    .preview-tm {
        border-radius: 0;
        background: #FFF;
        box-shadow: none;
        padding: 30px 15px 10px 15px;
        margin: 0 -15px;
    }
    .advantages-preview {
        display: none;
    }
    
    .preview-tm h2 {
        text-align: left;
    }
    
    .resalt-info {
        border-radius: 0;
        border: 0;
        padding: 0;
    }
    
    p.post-p {
        font-size: 28px;
        line-height: 150%;
    }
    
    .resalt-info-block {
        margin-bottom: 20px!important;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}