@import url('https://fonts.googleapis.com/css2?family=Forum&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --font3: "Montserrat", sans-serif;
    --siniy: #231e43;
    --seryy: #a5a5a5;
    --svetlyy-seryy: #e8e8e8;
    --belyy: #fff;
}




@font-face {
    font-family: 'Gotham Pro';
    src: url(fonts/consult/Gothampro/gothampro.ttf);
}
/*
@font-face {
    font-family: 'Forum';
    src: url(fonts/consult/Forum-Regular.ttf);
}
@font-face {
    font-family: 'Playfair Display Medium';
    src: url(fonts/consult/PlayfairDisplay/PlayfairDisplay-Medium.ttf);
}
@font-face {
    font-family: 'Playfair Display SemiBold';
    src: url(fonts/consult/PlayfairDisplay/PlayfairDisplay-SemiBold.ttf);
}
@font-face {
    font-family: 'Playfair Display ExtraBold';
    src: url(fonts/consult/PlayfairDisplay/PlayfairDisplay-ExtraBold.ttf);
}
@font-face {
    font-family: 'Monserrat';
    src: url(fonts/consult/Monserrat/Montserrat-Medium.ttf);
}
@font-face {
    font-family: 'Lato';
    src: url(fonts/consult/Lato-Light.woff);
}
 */





:root {
    /*--font-family: "Forum", serif;*/
    --font-family: "Montserrat", sans-serif;
    --second-family: "Gotham Pro", sans-serif;
    /*--third-family: "Playfair Display", serif;*/
    --third-family: "Montserrat", sans-serif;
    --font4: "Lato", sans-serif;
}

section, div {
    /*border: 1px solid red;*/
}

content {
    margin-bottom: 0;
    font-family: var(--font3);
}
.footer {
    margin-top: 0;
}

div {
    line-height: normal;
}
p {
    font-family: var(--third-family);
    font-weight: 500;
    font-size: 24px;
    color: var(--siniy);
}

.consult.page.headbg{
    background-image: url(/themes/cresco/images/consult/head-bg33-min.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 640px;
    display: flex;
    align-items: center;
}
.consult.page.headbg.headbg-pro {
    background-image: url(/themes/cresco/images/consult/pro/header-bg-min.jpg);
}
.consult.page.headbg.headbg-easy {
    background-image: url(/themes/cresco/images/consult/easy/eader-easy-bg-min.jpg);
}
.consult.page.headbg.headbg-woman {
    background-image: url(/themes/cresco/images/consult/woman/w-head-bg-min.jpg);
}
.consult.page .fix {
    width: 100%;
    padding: 0;
}

.p80 {
    padding-bottom: 80px;
    padding-top: 80px;
}
.pt80 {
    padding-top: 80px;
}
.pb80 {
    padding-bottom: 80px;
}
.jc {
    justify-content: center;
}
.jcs {
    justify-content: space-between;
}
.mr30 {
    margin-right: 30px;
}
.ml30 {
    margin-left: 30px;
}
.ml130 {
    margin-left: 130px;
}
.mb80 {
    margin-bottom: 80px;
}
.mb20 {
    margin-bottom: 20px;
}
.mb30 {
    margin-bottom: 30px;
}
.mb60 {
    margin-bottom: 80px;
}
.pt30 {
    padding-top: 30px;
}
.pb30{
    padding-bottom: 30px;
}
.pt40 {
    padding-top: 40px;
}
.pl50 {
    padding-left: 50px;
}
.w250 {
    width: 250px;
}
.w50p {
    width: 50%;
}
.w80p {
    width: 80%;
}
.mtM40 {
    margin-top: -40px;
}
.fdc{
    flex-direction: column;
    align-items: center;
}

.about img {
    border-radius: 20px;
    max-width: 441px;
}
.about-card{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 24px;
    color: var(--siniy);
    border-radius: 20px;
    background: var(--svetlyy-seryy);
    padding: 20px;
    margin-bottom: 20px;
    height: auto;
    width: calc(100% - 30px);
}
.keys {
    background: linear-gradient(246deg, #27262b 0%, #334a6d 100%);
    padding: 50px 0 70px 0;
    color: var(--belyy);
}
.keys .block-head {
    color: var(--belyy);
}
.keys .block-sub-head {
    font-family: var(--font3);
    font-weight: 400;
    font-size: 24px;
    color: var(--belyy);
    margin-bottom: 40px;
}
.keys .left-column {
    margin-right: 50px;
}
.keys .right-column .block-two-row {
    justify-content: center;
}
span.bignum {
    font-family: var(--third-family);
    font-weight: 500;
    font-size: 36px;
    color: var(--siniy);
}
.about-card_link {
    color: var(--siniy);
    margin-bottom: 30px;
}
.about-card_minitext {
    font-size: 16px;
    line-height: 110%;
    color: var(--siniy);
}
.slide-ico{
    margin-bottom: 40px;
}
.slide-title{
    font-family: var(--third-family);
    font-weight: 500;
    font-size: 24px;
    color: var(--siniy);
    margin-bottom: 40px;
}
.slide-text {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 24px;
    color: var(--siniy);
}
.rightline {
    border-right: 1px solid var(--siniy);
}
.bottomline {
    border-bottom: 1px solid var(--siniy);
}
.leftline {
    border-left: 1px solid var(--siniy);
    padding-left: 20px;
}
.consult h1 {
    font-family: var(--font3);
    font-weight: 500;
    font-size: 40px;
    text-transform: uppercase;
    color: var(--siniy);
    margin: 0;
    margin-bottom: 18px;
}
.consult h6 {
    font-family: var(--font3) !important;
    font-weight: 400;
    font-size: 20px;
    color: var(--siniy);
    margin-bottom: 70px;
}
.header-line {
    border: 3px solid var(--siniy);
    width: 190px;
    margin-bottom: 15px;
}
.header-text {
    font-family: var(--font3);
    font-weight: 400;
    font-size: 24px;
    color: var(--siniy);
    margin-bottom: 30px;
}
.block-head {
    font-family: var(--third-family);
    font-weight: 500;
    font-size: 50px;
    text-transform: uppercase;
    color: var(--siniy);
    margin-bottom: 40px;
}
.block-subhead {
    font-family: var(--third-family);
    font-weight: 500;
    font-size: 32px;
    color: var(--siniy);
}
.oneslide .block-head {
    margin-bottom: 60px;
}

.oneslide .slide-title {
    max-width: 60%;
}

.newideas {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}
.newideas .circlecut{
    max-width: 28%;
}


.peret-telega {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.peret-telega svg {
    margin-right: 20px;
    min-width: 30px;
    min-height: 30px;
}
.block-two-column {
    display: flex;
    flex-direction: row;
}
.block-two-row {
    display: flex;
    flex-direction: column;
}
.left-column {
    display: flex;
    flex-direction: row;
}
.about .left-column {
    flex-direction: column;
    justify-content: space-around;
}
.about .left-column p,
.peret p, .opit p {
    font-family: var(--third-family);
    font-weight: 500;
    font-size: 24px;
    color: var(--siniy);
}
.quiz p {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 24px;
    color: var(--siniy);
}
.opit-cards {
    padding-top: 60px;
    margin-bottom: 60px;
}
.opit-cards-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.opit-cards .opit-cards-row:last-child {
    justify-content: center;
}
.opit-woman .opit-cards-row:last-child {
    justify-content: space-between;
}

.opit-new .opit-cards-row:last-child {
    justify-content: space-between;
}
.but-in-block {
    display: flex;
    width: 100%;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.but-in-block.but-col {
    display: flex;
    width: 100%;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.opit-card {
    display: flex;
    flex-direction: column;
    max-width: 45%;
}

.opit-new .opit-card {
    display: flex;
    flex-direction: column;
    max-width: calc(30% - 20px);
    padding: 0 20px 0 0;
}
.opit-card span {
    font-family: var(--third-family);
    font-weight: 500;
    font-size: 32px;
    color: var(--siniy);
    margin-bottom: 40px;
}
.opit-new .opit-card span {
    font-size: 24px;
    max-width: 80%;
}
.opit-card p {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 24px;
    color: var(--siniy);
}
.opit-card img{
    border-radius: 20px;
    margin-bottom: 40px;
}
.opit-new .opit-card img {
    max-height: 150px;
    max-width: 150px;
}
.opit-new .opit-card:last-child img {
    max-height: 150px;
    max-width: 120px;
}
.opit-easy .opit-card img{
    border-radius: 0;
    max-width: 120px;
}
.opit-woman .opit-card img{
    max-width: 540px;
}
.opit-woman .opit-card p {
    max-width: 400px;
}
.opit-easy .opit-cards .opit-cards-row:last-child {
    justify-content: space-evenly;
}
.opit-woman .opit-cards .opit-cards-row:last-child {
    justify-content:  space-evenly;
}

.pochemu p{
    font-family: var(--third-family) !important;
    font-weight: 500;
    font-size: 24px;
    color: var(--siniy);
    padding: 50px;
    padding-left: 106px;
    line-height: 40px;
}

.knopka .fix {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.right-column {
    display: flex;
    flex-direction: row;
}
.expert-img {
    width: 255px;
}
.expert-name {
    font-family: var(--third-family);
    font-weight: 500;
    font-size: 32px;
    color: var(--siniy);
    margin-bottom: 20px;
}
.expert-job {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 24px;
    color: var(--siniy);
}
.expert-text {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 32px;
    color: var(--siniy);
}
.num-block {
    height: 100px;
}
.neobhod .num-block {
    height: auto;
}
.num {
    font-family: var(--third-family);
    font-weight: 500;
    font-size: 50px;
    text-align: center;
    color: var(--siniy);
    margin-right: 50px;
    padding-left: 20px;
    line-height: 38px;
}
.num-text {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    color: var(--siniy);
}
.bggray {
    /*background-color: var(--svetlyy-seryy);*/
    background: linear-gradient(90deg, #f0f0f0 0%, #fff 100%);
}
.bggraygrad {
    background: linear-gradient(90deg, #f0f0f0 0%, #fff 100%);
}
.quote {
    font-family: var(--third-family);
    font-weight: 500;
    font-size: 128px;
    text-transform: uppercase;
    color: var(--siniy);
    margin-bottom: -75px;
}
.expert-head-block {
    padding: 40px 0 40px 0;
    margin-bottom: 60px;
}
.bgtwoimg {
    background-image: url(/themes/cresco/images/consult/3blok-bg2-min.jpg);
    background-size: 55%;
    background-position: right;
    background-repeat: no-repeat;
    height: 800px;
    border: 1px solid #000;
    background-blend-mode: multiply;
}
.zag {
    font-family: var(--third-family);
    font-weight: 500;
    font-size: 32px;
    color: var(--siniy);
}
.zag-text {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 24px;
    color: var(--siniy);
}
.spannum {
    font-family: var(--third-family);
    font-weight: 500;
    font-size: 50px;
}
.telegaicon {
    width: 80px;
    margin-right: 50px;
}
.center {
    display: flex;
}

.but{
    border: 2px solid var(--siniy);
    width: 287px;
    height: 70px;
    align-items: center;
    justify-content: center;
    display: flex;
    transition: all ease 0.5s;
}
.button-text {
    font-family: var(--font3);
    font-weight: 400;
    font-size: 16px;
    color: var(--siniy);
    transition: all ease 0.5s;
}
.but:hover {
    background-color: var(--siniy);
    transition: all ease 0.5s;
    cursor: pointer;
}
.but:hover .button-text{
    color: var(--belyy);
    transition: all ease 0.5s;
    cursor: pointer;
}

.circlecut {
    border: 1px solid var(--siniy);
    border-radius: 21px;
    width: calc(100% - 15px);
    display: flex;
    flex-direction: column;
}
.newideas .circlecut {
    border-radius: 20px;
    background-color: var(--svetlyy-seryy);
    cursor: pointer;
    padding: 20px;
    border: none;
}
.topideablock {
    display: flex;
    flex-direction: column;
    padding: 40px 40px 30px 40px;
}

.newideas .topideablock {
    padding: 10px 20px 0 10px;
    max-height: 110px;
}
.newideas .headidea {
    margin-bottom: 0;
}

.headidea {
    display: flex;
    flex-direction: row;
    margin-bottom: 36px;
}
.logoidea {
    margin-right: 30px;
}
.logoidea img{
    max-height: 80px;
}
.dateidea {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 24px;
    color: var(--siniy);
}
.newideas .dateidea {
    font-family: var(--font3);
    font-weight: 400;
    font-size: 24px;
    color: var(--siniy);
}
.dateidea span {
    font-family: var(--third-family);
    font-weight: 500;
    font-size: 32px;
    color: var(--siniy);
}
.newideas .dateidea span {
    font-family: var(--font3);
    font-weight: 500;
    font-size: 48px;
    color: var(--siniy);
}
.newideas .dateidea p {
    line-height: 40px;
}
.numidea p {
    font-family: var(--third-family) !important;
    font-weight: 500;
    font-size: 24px;
    color: var(--siniy);
    margin-bottom: 10px !important;
}
.numidea p span {
    font-family: var(--font-family);
    font-weight: 400;
}
.numidea p span.big-span {
    font-size: 60px;
}
.redidea {
    background: #9b1200;
}
.greenidea {
    background: #005618;
}
.darkblueidea {
    background: #00579b;
}
.blueidea {
    background: #1571a0;
}
.yelowidea {
    background: #fdd201;
}
.yelowidea .zagidea,
.bottomideablock.yelowidea ul li{
 color: #0e0e0e;
}
.lightredidea {
    background: #d20a11;
}

.newideas .bottomideablock {
font-family: var(--font3);
font-weight: 400;
font-size: 20px;
color: var(--siniy);
    padding: 10px 10px 10px 10px;
    min-height: 200px;
}
.cutlink {
    text-decoration: underline;
    text-decoration-skip-ink: none;
}

.bottomideablock {
    display: flex;
    flex-direction: column;
    padding: 40px;
    border-bottom-left-radius: 21px;
    border-bottom-right-radius: 21px;
    min-height: 428px;
}
.zagidea {
    font-family: var(--third-family);
    font-weight: 500;
    font-size: 32px;
    color: var(--belyy);
    margin-bottom: 20px;
}

.newideas .zagidea {
    font-family: var(--font3);
    font-weight: 500;
    font-size: 24px;
    color: var(--siniy);
}
.bottomideablock ul{
    list-style: disc;
}
.bottomideablock ul li{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 24px;
    color: var(--belyy);
    margin-bottom: 10px;
    margin-left: 20px
}

.seriybg {
    background: var(--svetlyy-seryy);
}
.pak .block-head {
    margin-bottom: 60px;
}
.pakets {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.paket {
    max-width: 350px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 40px 20px;
    border-radius: 20px;
    transition: transform .2s;
}
.pakettop {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.paketbottom {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-top: 20px;
}
.paketname {
    font-family: var(--third-family);
    font-weight: 500;
    font-size: 24px;
    color: var(--siniy);
    margin-bottom: 30px;
}
.pakettext {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    color: var(--siniy);
    margin-bottom: 20px;
}
.paketprice {
    font-family: var(--third-family);
    font-weight: 500;
    font-size: 40px;
    color: var(--siniy);
}
.paket:hover {
    transform: scale(1.1);
}


.format .block-two-column {
    justify-content: space-between;
    margin-bottom: 60px;
}
.format-head{
    font-family: var(--third-family);
    font-weight: 500;
    font-size: 24px;
    color: var(--siniy);
    margin-bottom: 40px;
}
.format-text {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 24px;
    color: var(--siniy);
}

.stepline {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    max-width: 70%;
}
.stepline .stepnum{
    width: 72px;
    height: 72px;
    font-family: var(--third-family);
    font-style: normal;
    font-weight: 500;
    font-size: 50px;
    line-height: 70px;
    text-align: center;
    border-radius: 100%;
    color: var(--siniy);
    border: 2px solid var(--siniy);
}
.stepline .stepline {
    height: 2px;
    background-color: var(--siniy);
    flex-grow: 1
}
.stepline-text-block {
    max-width: 350px;
}
.stepline-text {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width: 80%;
    margin-top: 40px;
}
.step-header {
    font-family: var(--third-family);
    font-weight: 500;
    font-size: 24px;
    color: var(--siniy);
    margin-bottom: 20px;
}
.step-text {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 24px;
    color: var(--siniy);
}

.how .num {
    font-family: var(--third-family);
    font-weight: 500;
    font-size: 50px;
    text-transform: uppercase;
    color: var(--siniy);
}
.how .num-text {
    font-family: var(--third-family);
    font-weight: 500;
    font-size: 32px;
    color: var(--siniy);
}
.how .rightline {
    border-right: 2px solid var(--siniy);
}
.how .bottomline {
    border-bottom: 2px solid var(--siniy);
}

.startblock {
    display: flex;
    flex-direction: column;
    border: 2px solid var(--siniy);
    align-items: center;
    padding: 70px 150px;
}
.starthead {
    font-family: var(--third-family);
    font-weight: 500;
    font-size: 50px;
    text-transform: uppercase;
    color: var(--siniy);
    margin-bottom: 30px;
}
.knopkahead {
    font-family: var(--third-family);
    font-weight: 500;
    font-size: 24px;
    color: var(--siniy);
    margin-bottom: 22px;
}
.starttext {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 32px;
    text-align: center;
    color: var(--siniy);
}


.but.blue{
    border: none;
    border-radius: 45px;
    background: linear-gradient(41deg, #4674bc 0%, #83b2fd 100%);
    width: 300px;
    height: 70px;
    align-items: center;
    justify-content: center;
    display: flex;
    transition: all ease 0.5s;
}
.but.blue .button-text {
    color: var(--belyy);
    transition: all ease 0.5s;
}
.but.blue:hover {
    background-color: var(--svetlyy-seryy);
    transition: all ease 0.5s;
    cursor: pointer;
}
.but.blue:hover .button-text, .but.white:hover .button-text{
    color: var(--siniy);
    transition: all ease 0.5s;
    cursor: pointer;

    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
}
.but.white {
    border: none;
    border-radius: 45px;
    background: #fff;
    width: 300px;
    height: 70px;
    align-items: center;
    justify-content: center;
    display: flex;
    transition: all ease 0.5s;
}

/* Accordeon */
.accordion .accordion-item {
    border-radius: 48px;
    border: 1px solid var(--siniy);
    margin-bottom: 20px;
}
.accordion .accordion-item button[aria-expanded=true] {
    /*border-bottom: 1px solid #03b5d2;*/
    box-shadow: none;
}
.accordion button {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    padding: 20px 40px;
    color: var(--siniy);
    font-size: 1.15rem;
    font-weight: 400;
    border: none;
    background: none;
    outline: none;
    box-shadow: none;
}
.accordion button:hover, .accordion button:focus {
    cursor: pointer;
    color: var(--siniy);
}
.accordion button:hover::after, .accordion button:focus::after {
    cursor: pointer;
    color: var(--siniy);
    border: 1px solid var(--siniy);
}
.accordion button .accordion-title {
    padding: 1em 1.5em 1em 0;

    cursor: pointer;
    font-family: var(--third-family);
    font-weight: 500;
    font-size: 24px;
    color: var(--siniy);

}
.accordion button .iconac {
    display: inline-block;
    position: absolute;
    top: 22px;
    right: 40px;
    width: 22px;
    height: 22px;
    border: 1px solid;
    border-radius: 22px;
    transform: rotate(90deg);
    transition: all ease 0.25s;
}
.accordion button .iconac::before {
    display: block;
    position: absolute;
    content: "";
    top: 1px;
    left: 4px;
    width: 20px;
    height: 4px;
    background: var(--siniy);
    transform: rotate(45deg);
}
.accordion button .iconac::after {
    display: block;
    position: absolute;
    content: "";
    top: 5px;
    left: 12px;
    width: 4px;
    height: 20px;
    background: var(--siniy);
    transform: rotate(45deg);
}
.accordion button[aria-expanded=true] {
    color: var(--siniy);
}
.accordion button[aria-expanded=true] .iconac::after {
 /*   width: 0;*/
}
.accordion button[aria-expanded=true] .iconac {
    transform: rotate(270deg);
    transition: all ease 0.25s;
}
.accordion button[aria-expanded=true] + .accordion-content {
    opacity: 1;
    max-height: 9em;
    transition: all 200ms linear;
    will-change: opacity, max-height;
}
.accordion .accordion-content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 200ms linear, max-height 200ms linear;
    will-change: opacity, max-height;
}
.accordion .accordion-content p {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 24px;
    color: var(--siniy);
    margin: 20px 40px;
}
/*  END Accordeon */

#consult-popup-form.popup .apply-for-consultation-block {
    padding: 60px;
}

#consult-popup-form .apply-form-container .agree-block {
    max-width: 100%;
    justify-content: center;
    padding-top: 25px;
}

#consult-popup-form .apply-form-container .form-container .form-group {
    margin: 0;
}
#consult-popup-form .apply-form-container .form-container .form-group:first-child {
    width: 250px;
    margin-right: 20px;
    max-width: 30%;
}
#consult-popup-form .apply-form-container .form-container .form-group:nth-child(2) {
    width: 300px;
    margin-right: 20px;
    max-width: 30%;
}
#consult-popup-form .apply-form-container .form-container .form-group:nth-child(3) {
    max-width: 20%;
}
#consult-popup-form.popup.active {
    overflow-y: hidden !important;
}

.help-block.with-errors li{
    color: red;
    margin-bottom: 20px;
}

.cut.popup .row{
    position: relative;

}
.cut.popup .circlecut {
    background-color: var(--belyy);
}
.cut.popup .container{
    align-items: center;
    display: flex;
}
.cut.popup .circlecut .zagidea{
color: var(--siniy);
}
.cut.popup .circlecut .bottomideablock ul li {
    color: var(--siniy);
}
.cut.popup .circlecut {

}
.cut.popup .close {
    top: 30px;
    right: 50px;
}

@media (max-width:768px) {
    .cut.popup.active {
        height: 100vh;
    }
    .consult h1 {
        font-size: 6vw;
    }
    .opit-new .opit-cards .opit-cards-row:last-child {
        flex-direction: column;
    }
    .opit-new .opit-cards {
        padding-top: 25px;
        margin-bottom: 0;
    }
    .opit-new .opit-card {
        max-width: 100%;
        align-items: center;
    }
    .opit-new .opit-card:last-child {
        margin-bottom: 0;
    }
    .opit-new .opit-card span {
        font-size: 21px;
        max-width: 100%;
        text-align: center;
    }
    .numidea p span.big-span {
        font-size: 30px;
        line-height: 40px;
    }

    .header-text {
        line-height: 5vw;
        font-size: 4vw;
    }
    .header-line {
        display: none;
    }
    section{
        padding: 0 20px
    }
    section.keys {
        padding: 50px 20px;
    }
    .keys .left-column {
        margin-right: 0;
        margin-bottom: 50px;
    }
    .block-head {
        font-size: 6vw;
    }
    .p80{
        padding-bottom: 50px;
        padding-top: 50px;
    }
    .mb80 {
        margin-bottom: 50px;
    }
    .block-two-column {
        flex-direction: column;
    }
    .left-column, .right-column {
        width: 100%;
        justify-content: center;
    }
    .mr30 {
        margin-right: 0;
    }
    .expert-name, .expert-job {
        text-align: center;
    }
    .expert-name {
        font-size: 7vw;
    }
    .expert-job {
        font-size: 5vw;
    }

    .newideas .circlecut {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .pl50 {
        padding-left: 0;
    }
    .ml130 {
        margin-left: 0;
        margin-top: 40px;
    }
    .pt0 {
        padding-top: 0;
    }
    .expert-text {
        font-size: 5vw;
    }
    .quote {
        font-size: 15vw;
    }
    .expert-img {
        width: auto;
    }
    .rightline {
        border: none;
    }
    .num-block.block-two-column {
        flex-direction: row;
        align-items: center;
        height: auto;
        border-bottom: 1px solid var(--siniy);
        padding: 25px 0;
    }
    .bottomline {
        border: none;
    }
    .num {
        margin-right: 24px;
        padding-left: 0;
        font-size: 10vw;
        line-height: 0;
        align-items: center;
        display: flex;
        height: 100px;
        margin-top: -20px;
    }
    .ml30 {
        margin-left: 0;
    }
    .num-text {
        font-size: 5vw;
    }
    .pt30 {
        padding-top: 0;
    }
    .bgtwoimg {
        border: none;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: auto;
    }
    .w80p {
        width: 100%;
    }
    .zag {
        font-size: 7vw;
    }
    .zag-text {
        font-size: 5vw;
    }
    .spannum {
        font-size: 12vw;
    }
    .block-two-column .left-column .block-two-row .zag-text:last-child {
        margin-bottom: 40px;
        border-bottom: 2px solid var(--siniy);
        padding-bottom: 40px;
    }
    .rowimpotant {
        flex-direction: row !important;
    }
    .telegaicon {
        width: 40px;
        height: 40px;
        margin-right: 20px;
    }
    .left-column:has(.telegaicon) {
        width: auto;
    }
    .logoidea img {
        width: 55px;
    }
    .dateidea {
        font-size: 3vw;
    }
    .dateidea span {
        font-size: 5vw;
    }
    .numidea p {
        font-size: 4vw;
    }
    .zagidea {
        font-size: 4vw;
    }
    .bottomideablock ul li {
        font-size: 3.5vw;
    }
    .topideablock {
        padding: 20px 20px 15px 20px;
    }
    .bottomideablock {
        padding: 20px;
        min-height: 366px;
    }
    .block-two-column .left-column.circlecut {
        margin-bottom: 40px;
    }
    .how .rightline {
        border-right: none;
    }
    .how .num-text {
        font-size: 6vw;
    }
    .how .num {
        font-size: 11vw;
    }
    .startblock {
        padding: 24px 24px 70px 24px;
    }
    .starthead{
        text-align: center;
        font-size: 10vw;
    }
    .starttext {
        font-size: 6vw;
    }
    .about .left-column p {
        font-size: 5vw;
    }
    .peret p {
        font-size: 5vw;
    }
    .oneslide .slide-ico img, .threeslide .slide-ico img {
        max-width: 90px;
    }
    .slide-title {
        font-size: 4vw;
    }
    .slide-text {
        font-size: 4vw;
    }
    .expert-head-block {
        margin-left: -20px;
        margin-right: -20px;
        padding: 40px 20px 0 20px;
        margin-bottom: 25px;
    }
    .expert-head-block .ml130 {
        margin-top: 0;
    }
    .expert-head-block .right-column.ml130.pl50  .block-two-row {
        justify-content: space-around;
        height: 250px;
    }
    .paket {
        margin-bottom: 25px;
        max-width: 100%;
    }
    .format .left-column {
        margin-bottom: 30px;
    }
    .accordion button {
        padding: 0 0 0 20px;
    }
    .accordion button .iconac {
        top: 10px;
    }
    .accordion button[aria-expanded=true] + .accordion-content {
        max-height: 14em;
    }
    .accordion .accordion-content p {
        margin: 10px 20px;
    }
    .etpiblock {
        display: flex;
    }
    .stepline, .stepline-text {
        flex-direction: column;
        margin-top: 0;
    }
    .stepline .stepline {
        width: 2px;
    }
    .stepmob {
        margin-right: 20px;
    }
    .step-header {
        margin-bottom: 10px;
    }
    .stepline-text-block {
        margin-bottom: 30px;
    }

    .opit-card{
        max-width: 100%;
        margin-bottom: 40px;
    }
    .pochemu p {
        padding: 20px 0 20px 20px;
        padding-left: 0;
    }
    #consult-popup-form .container,
    #consult-popup-form .container .row{
        width: 100%;
    }
    .apply-for-consultation-block {
        height: 100vh;
    }
    #consult-popup-form.popup .apply-for-consultation-block {
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .apply-for-consultation-title {
        font-size: 23px !important;
        line-height: 24px !important;
    }
    #consult-popup-form .apply-form-container .form-container .form-group:first-child,
    #consult-popup-form .apply-form-container .form-container .form-group,
    #consult-popup-form .apply-form-container .form-container .form-group:nth-child(2),
    #consult-popup-form .apply-form-container .form-container .form-group:nth-child(3){
        max-width: 100%;
        width: 100%;
    }

}