.container__page {
    margin: 0 auto;
    max-width: 1800px;
    padding: 0 20px;
}

.pages_services {
}

.pages__services-block {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin: 160px 0;
}

.pages__services-items {
    width: 30%;

}

.pages__services-section {
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 100px;
    margin-right: 40px;

}

.pages__services-text {
    width: 70%;
/*    padding: 30px;*/
    background-color: #f1f1f1;
}

.services__video {
    margin: 0px 0;
}


.text__a {
    width: 100%;
    font-size: 42px;
    font-weight: 600;
    line-height: 1;
    color: #333;
}

.text__d {
    font-size: 18px;
    font-weight: 400;
    color: #333;
    margin: 20px 0 0;
}

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

.text__item {
    width: 50%;
    padding: 30px;
}

.text__item ul {
    line-height: 1.8;
}


.text__b {
    width: 100%;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
    padding-bottom: 20px;
    color: #333;
    margin: 0 auto;

}

.text__c {
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    color: #333;
    margin: 0 auto;

}

.text__n {
    width: 100%;
    font-size: 16px;
    line-height: 1.2;
    color: #333;
    margin: 0 auto;

}

.text__z {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.2;
    color: #333;
    margin: 60px auto 8px;

}

.list__a {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.8;
    color: #333;
    padding: 0 24px;
    margin-top: 10px;
}

.list__z {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.8;
    color: #333;
    margin: 0;
    padding: 0 24px;
}

.other__services {
    display: flex;
    flex-direction: column;
    margin: 20px 10px;
    padding: 0 20px 20px;
    background-color: #f1f1f1;
}

.services__link {
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    margin: 10px 0;
    color: #333;
}

.btn__services {
    display: inline-block;
/*    width: 100%;*/
    margin-top: 20px;
    padding: 10px 15px;
    border: 3px solid #333;

    font-size: 12px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    text-decoration: none;

    transition: background .2s ease, color .1s linear;
}

.btn__services:hover {
    background-color: #000;
    color: #fff;
    border: 3px solid #000;
}

.btn__downloads {
    display: inline-block;
/*    width: 30%;*/
    margin-top: 20px;
    padding: 10px 15px;
    border-bottom: 3px solid #ffd200;

    font-size: 12px;
    font-weight: 700;
    color: #333;
    text-transform: uppercase;
    text-decoration: none;

    transition: background .2s linear, color .1s linear;
}

.btn__downloads:hover {
    background-color: #ffd200;
    color: #000;
    border-bottom: 3px solid #000;
}


/* === Price === */

.price__list {
    background-color: #f1f1f1;
}

.post__title {
    max-width: 50%;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
    color: #333;
}

.post__title-white {
    max-width: 50%;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
    color: #ccc;
}

.price__items {
    display: flex;
    flex-wrap: wrap;

    width: 100%;
}

.price__item {
    width: 33.3%;
    padding: 10px;
}

.price__item-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    height: 490px;
    background-color: #f1f1f1;
    border: 3px solid #333;
    padding: 40px;
    box-shadow: 0 0 10px 0px rgba(0,0,0, .05);
    position: relative;
    transition: all .2s ease;
}

.price__item-inner:hover {
    background-color: #fff;
    border: 3px solid gold;
    box-shadow: 0 0 20px 5px rgba(255,255,255, 1);
    transform: translateY(-4px);
}

.price__content-name {
    width: 100%;
    min-height: 90px;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
    border-bottom: 2px solid #e1e1e1;
}

.price__content-txt {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 20px;
    line-height: 1.4;
    color: #333;
}

.price__content-note {
    font-size: 12px;
    font-weight: 400;
}

.price__content-price {
    position: absolute;
    bottom: 40px;
    left: 40px;

    font-size: 16px;
    font-weight: 400;
}

.price__content-price::before {
    content: "";
    width: 10%;
    height: 5px;
    background-color: orange;

    position: absolute;
    top: -20px;
    transition: all .2s ease;
}

.price__item-inner:hover .price__content-price::before {
    width: 30%;
}

.price__content-price span {
    font-size: 24px;
    font-weight: 500;
}

.price__note {
    display: flex;
    align-items: center;
/*    width: 100%;*/
    height: 150px;
    color: #fff;
    background-color: #333;
    margin: 10px;
    margin-top: 30px;
    margin-bottom: 30px;

}

.price__note-content {
    width: 70%;
    padding: 0 40px;
    font-size: 18px;
    line-height: 1.4;
}

.price__note-brief {
    width: 30%;
    padding-right: 40px;
}

.price__note-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    color: #fff;
    padding: 6px 20px;
    font-size: 16px;
    font-weight: 600;
    border: 3px solid #fff;
    background-color: #333;
    transition: all .2s ease;
}

.price__note-btn:hover {
    background-color: #fff;
    color: #333;
    padding-left: 30px;
}

.svg-icon {
    width: 40px;
    height: 40px;
    fill: #333;
    transform: translateX(-10px);
    transition: all .2s ease;
}

.price__note-btn:hover .svg-icon{
    fill: #333;
    transform: translateX(0px);
}






/* === Price === */


.brief__list {
    background-color: #f1f1f1;
    margin-top: 40px;
    min-height: calc(100vh - 90px);
}

.brief__title {
    max-width: 50%;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
    color: #333;
}

.brief__title-white {
    max-width: 50%;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
    color: #ccc;
}

.brief__items {
    display: flex;
    flex-wrap: wrap;

    width: 100%;
}

.brief__item {
    width: 50%;
    padding: 10px;
}

.brief__item-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    min-height: 200px;
    background-color: #f1f1f1;
    border: 3px solid #333;
    padding: 30px;
    box-shadow: 0 0 10px 0px rgba(0,0,0, .05);
    position: relative;
    transition: all .2s ease;
}

.brief__item-inner:hover {
    background-color: #fff;
    border: 3px solid gold;
    box-shadow: 0 0 20px 5px rgba(255,255,255, 1);
/*    transform: translateY(-4px);*/
}

.brief__content-name {
    width: 100%;
/*    min-height: 90px;*/
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
    border-bottom: 2px solid #e1e1e1;
}

.brief__content-txt {
    font-size: 14px;
    font-weight: 500;
/*    margin-bottom: 10px;*/
    line-height: 1.4;
    color: #333;
}

.brief__content-txt.margin {
    margin-top: 20px;
}

/* === Google Form === */

.brief__block {
    display: flex;
    width: 100%;
}

.google__form {
    width: 50%;
    margin: 0 auto;
}

.google__form iframe {
    width: 100%;
    height: 68vh;
}

.notify__form {
    width: 50%;
    margin: 0 auto;
    padding: 60px;
}

.notify__form-text {
    padding-bottom: 40px;
}





/* === SPOILER === */

.spoiler-btn {
    display: block;
    cursor: pointer;
    margin: 20px 0 0;
    padding: 20px 20px;
    border-bottom: 1px dashed silver;
    background-color: #fff;

}

.spoiler-btn:hover {
    color: #000;
}

.spoiler-btn2 a {
    display: block;
    cursor: pointer;
    color: silver;
    padding-top: 1em;
    text-align: right;
}

.spoiler-text, .spoiler-text-2, .spoiler-text-3, .spoiler-text-4 {
    display: block;
    padding: 16px;
    border: 1px dashed silver;
    border-top: none;
    height: auto;
    background-color: #fff;

}

.spoiler input[type=checkbox] {
    display: none;
}

.spoiler input[type=checkbox] + .spoiler-text {
    display: none;
}

.spoiler input[type=checkbox]:checked + .spoiler-text {
    display: block;
}



.spoiler-2 input[type=checkbox] {
    display: none;
}

.spoiler-2 input[type=checkbox] + .spoiler-text-2 {
    display: none;
}

.spoiler-2 input[type=checkbox]:checked + .spoiler-text-2 {
    display: block;
}


.spoiler-3 input[type=checkbox] {
    display: none;
}

.spoiler-3 input[type=checkbox] + .spoiler-text-3 {
    display: none;
}

.spoiler-3 input[type=checkbox]:checked + .spoiler-text-3 {
    display: block;
}


.spoiler-4 input[type=checkbox] {
    display: none;
}

.spoiler-4 input[type=checkbox] + .spoiler-text-4 {
    display: none;
}

.spoiler-4 input[type=checkbox]:checked + .spoiler-text-4 {
    display: block;
}







/* === MEDIA === */

 @media (max-width: 576px) {
     .pages__services-block {
         flex-wrap: wrap;
         padding: 0 20px;
         margin-top: 100px;
         margin-bottom: 20px;
     }

     .pages__services-items {
         width: 100%;
     }

     .pages__services-text {
         width: 100%;
         margin-top: 80px;
     }


     .brief__block {
         flex-wrap: wrap;
}

     .google__form {
    width: 100%;
    margin: 0 auto;
}

     .notify__form {
    width: 100%;
    margin: 0 auto;
    padding: 20px;
}



     .text__item {
        width: 100%;
         padding: 20px 0;
     }

     .text__a {
         font-size: 36px;
         padding-bottom: 30px;
     }

     .text__d {
         font-size: 16px;
     }

     .list__a {
         font-size: 14px
     }






     .post__title, .post__title-white {
         font-size: 14px;
         max-width: 90%;
         margin-top: 10px;
     }

     .price__item {
    width: 100%;
    }

     .price__item-inner {
        height: auto;
        padding: 20px;
     }

     .price__content-price {
        position: static;
         width: 100%;
         display: flex;
         flex-direction: row;
         justify-content: space-between;
         align-items: center;
         margin-top: 20px;
         font-size: 14px;
     }

     .price__content-price span {
         font-size: 20px;
     }

     .btn__services {
         margin: 0;
         font-size: 12px;
         padding: 10px 6px;
     }

     .price__content-price::before {
    display: none;
     }

     .price__content-name {
    min-height: auto;
         font-size: 18px;
     }

     .price__note {
         flex-direction: column;
         height: auto;
     }


     .price__note-content {
         width: 100%;
         padding: 20px;
         font-size: 14px;
     }

     .price__note-brief {
         width: 100%;
         padding: 20px;
         font-size: 14px;
     }



     .stage__item {
    width: 100%;
}
     .stage__item-inner {
    height: 180px;
     }

     .stage__content h3 {
         font-size: 20px;
     }





     .brief__item {
    width: 100%;
}

     .brief__item-inner {
    min-height: auto;

}

     .brief__content-txt {
         padding-bottom: 10px;
     }



}