@media screen and (max-width: 576px){
    .preview{
        background-image: url(/img/idCode/prev.webp);
        background-position: top left;
        background-size: cover;
    }
    .preview_content {
        margin: 20px;
        margin-bottom: 50px;
    }
    .preview h3.sub-title {
        font-size: 24px;
        color: #5A5A5A;
        font-family: "gotham-pro", Sans-serif;
        font-weight: 700;
        margin-top: 60px;
    }
    .preview .title{
        font-size: 43px;
        color: #264276;
        margin-top: 35px;
    }
    .preview .description{
        font-size: 18px;
        line-height: 1.5em;
        color: #5A5A5A;
        font-family: "gotham-pro", Sans-serif;
        font-weight: 600;
        letter-spacing: 0.8px;
        margin-top: 35px;
    }
    .preview .start-page-block{
        display: flex;
        justify-content: space-between;
        margin-top: 25px;
    }
    .preview .start-page-block .main-text{
        font-size: 30px;
        font-weight: 600;
        font-family: "gotham-pro", Sans-serif;
        color: #5A5A5A;
        line-height: 37px;
    }
    .preview .author-test{
        padding-left: 20px;
        font-weight: 600;
        font-size: 20px;
    }
    .preview .block-video-main{
        margin-top: 37px;
    }
    .preview .block-video-main img{
        width: 100%;
        height: 100%;
    }
    .benefit{
        background-color: #dbeaff;
    }
    .benefit .benefit_content{
        margin: 20px;
        margin-bottom: 50px;
    }
    .benefit .benefit-title{
        text-align: center;
        margin-top: 40px;
        color: #5A5A5A;
        font-size: 26px;
        font-family: "gotham-pro", Sans-serif;
        font-weight: 700;
    }
    .benefit .benefit_answers{
        display: flex;
        flex-direction: column;
    }
    .benefit .benefit_answers img{
        margin: auto;
        margin-top: 25px;
    }
    .benefit .benefit_answers .answer{
        width: 200px;
        text-align: center;
        margin:auto;
        color: #5A5A5A;
        margin-top: 10px;
    }
    .results-id-code .results-id-code_content{
        margin: 20px;
        margin-bottom: 50px;
    }
    .results-id-code .results-id-code_title{
        margin-top: 55px;
        text-align: center;
        color: #5A5A5A;
        font-family: "gotham-pro", Sans-serif;
        font-size: 26px;
        font-weight: 700;
    }
    .results-id-code .description-results{
        color: #5A5A5A;
        font-family: "gotham-pro", Sans-serif;
        font-size: 20px;
        margin-top: 35px;
    }
    .results-id-code .results-block{
        background-repeat: no-repeat;
        background-size: 232px auto;
        height: 210px;
    }
    .results-id-code .first-results .results-block.one{
        background-image: url(/img/idCode/block1.webp);
    }
    .results-id-code .blue.marginT15{
        padding-top: 62px;
        padding-left: 18px;
    }
    .results-id-code .first-results .results-block.two{
        background-image: url(/img/idCode/block2.webp);
        background-size: 257px auto;
    }
    .results-id-code .second-results .results-block.one{
        background-image: url(/img/idCode/block3.webp);
        ;
    }
    .results-id-code .second-results .results-block.two{
        background-image: url(/img/idCode/block4.webp);
    }
    .rate{
        margin: 20px;
        margin-bottom: 55px;
    }
    .rate .rate_title{
        text-align: center;
        font-size: 26px;
        font-family: "gotham-pro", Sans-serif;
        font-weight: 900;
    }
    .rate .rate_description-text{
        display: flex;
        flex-direction: column;
    }
    .rate .rate_description-text img{
        margin: auto;
        margin-top: 35px;
    }
    .rate .all-quests{
        margin-top: 20px;
        color: #5F5F5F;
        font-family: "gotham-pro", Sans-serif;
        font-size: 24px;
        text-align: center;
    }
    .rate .rate-spheres{
        margin-top: 10px;
        color: #264276;
        font-family: "gotham-pro", Sans-serif;
        font-size: 22px;
        font-weight: 700;
        line-height: 1.1em;
        text-align: center;
    }
    .rate .rate-desc{
        margin-top: 15px;
        color: #5A5A5A;
        font-family: "gotham-pro", Sans-serif;
        font-size: 20px;
        font-weight: 500;
    }
    .rate .rate_description-video{
        margin-top: 35px;
    }
    .rate .rate_description-video img{
        width: 100%;
    }
    .rate .blue-frame-bg{
        background-color: #264276;
        margin-top: 10px;
        padding: 5px 15px;
        border-radius: 15px;
    }
    .rate .blue-frame-bg h2{
        color: white;
        font-size: 20px;
        font-family: "gotham-pro", Sans-serif;
        font-weight: 400;
    }
    .rate .orange-frame-bg{
        background-color: orange;
        margin-top: 10px;
        padding: 5px 15px;
        border-radius: 15px
    }
    .rate .orange-frame-bg h2{
        color: #264276;
        font-size: 20px;
        font-family: "gotham-pro", Sans-serif;
        font-weight: 600;
    }
    .rate .orange-frame-bg h2 strong{
        color: white;
    }
    .learn-popup{
        z-index: 999;
        display: none;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background-color: rgba(0,0,0,0.8);
        cursor: pointer;
    }
    .learn-popup.active{
        display: block;
    }
    .close-X{
        color:white;
        font-size: 26px;
        font-weight:700;
        top:-151px;
        left: -40px;
        position:relative;
        cursor: pointer;
        display: block;
    }
    .learn-popup-content{
        min-height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 30px 10px;
    }
    .learn-popup-body{
        max-width: 800px;
    }
    .advantages{
        background-color: #dbeaff;
    }
    .advantages .advantages_content{
        margin: 20px;
        margin-bottom: 55px;
    }
    .advantages .advantages-title{
        margin-top: 55px;
        text-align: center;
        font-family: "gotham-pro", Sans-serif;
        font-size: 26px;
        font-weight: 600;
        text-transform: uppercase;
    }
    .advantages .advantages_sub-title{
        margin-top: 25px;
        margin-bottom: 10px;
        text-align: center;
        font-size: 22px;
        color: #5A5A5A;
        font-family: "gotham-pro", Sans-serif;
    }
    .advantages .blue-block-main{
        background-image: url(/img/idCode/bg-block-blue.webp);
        background-size: cover;
        margin: 0px 0px 0px 0px;
        padding: 15px 15px 15px 15px;
        border-radius: 15px;
        color: white;
        font-weight: 400;
        font-family: "gotham-pro", Sans-serif;
    }
    .reviews .reviews_content{
        margin: 20px;
        margin-bottom: 55px;
    }
    .reviews .reviews-title{
        margin-top: 55px;
        text-align: center;
        font-size: 26px;
        font-family: "gotham-pro", Sans-serif;
        font-weight: 600;
    }
    .reviews .reviews_from_people{
        margin: 40px 0;
        border-bottom: 1px solid black;
        display: flex;
        flex-direction: column
    }
    .reviews .stars{
        color: orange;
        text-align: center;
    }
    .reviews .review-text{
        text-align: center;
        font-size: 18px;
        font-family: "gotham-pro", Sans-serif;
    }
    .reviews .reviews_from_people img{
        margin: 30px auto 10px;
    }
    .reviews .people_name{
        text-align: center;
        font-size: 20px;
        font-family: "gotham-pro", Sans-serif;
        margin-bottom:20px;
    }
    .about-author{
        background-color: #f5f5f5;
    }
    .about-author .about-author_content{
        padding: 55px 20px 35px;
    }
    .about-author .about-author_title{
        font-size: 32px;
        font-weight: 600;
        line-height: 37px;
    }
    .about-author .about-author_subtitle{
        margin-top: 24px;
        color: #5a5a5a;
        font-size: 24px;
    }
    .about-author .about-author_description{
        font-size: 20px;
        margin-top: 15px;
        font-weight: 400;
    }
    .about-author .about-author_characteristics .about-author_characteristic{
        color: black;
        font-size: 20px;
        line-height: 0;
    }
    .about-author .about-author_characteristics li{
        color: #FC6300;
        font-size: 30px;
        line-height: 0.9;
        padding-bottom: 30px;
    }
    .author-indicators .author-indicators_content{
        margin: 0 20px;
        margin-bottom: 55px;
    }
    .author-indicators .author-indicators_height-font{
        font-size: 48px;
    }
    .author-indicators .author-indicators_low-font{
        font-size: 20px;
    }
    .author-indicators_column{
        text-align: center;
        margin-bottom: 30px;
    }
    .product .product_content{
        margin: 20px;
    }
    .product .product_title{
        color: #4F4F4F;
        font-size: 26px;
        text-align: center;
    }
    .product .product_promo-code{
        background: linear-gradient(to right, #ffc300, #ff3f00);
        padding: 10px 0;
        border-radius: 10px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .product .product_subtitle{
        color: #162d58;
        text-align: center;
        font-size: 20px;
        font-weight: 600
    }
    .product .product_title-desc{
        color: #5F5F5F;
        font-size: 20px;
        font-weight: 600;
        text-align: center;
        padding: 10px
    }
    .product_body{
        border: 1px solid white;
        box-shadow: 0px 10px 23px 0px rgb(0 0 0 / 20%);
        border-radius: 5px;
        padding: 40px 25px;
    }
    .header-product{
        text-align: center;
        font-size: 22px;
    }
    .header-product del{
        font-size: 22px;
        position: relative;
        color: #264276;
        text-decoration: none;
    }
    .header-product del:before{
        content: "";
        border-bottom: 3px solid #ff7600;
        position: absolute;
        width: 100%;
        height: 50%;
        transform: rotate(-6deg);
    }
    .product_description{
        margin: 15px 0 ;
    }
    .btn-buy-product{
        background-image: url(/img/idCode/bg-block-blue.webp);
        background-size: cover;
        width: 100%;
        font-size: 18px;
        font-weight: 500;
        color: white;
        padding: 10px;
        border: 0px;
        border-radius: 5px;
        margin-bottom: 25px;
    }
    .info-product i{
        font-size: 22px;
        color: #21366B;
        padding-right: 10px;
        margin-top: 20px;
    }
    .FAQ .FAQ_content{
        margin: 25px 20px 25px;
    }
    .FAQ_title{
        text-align: center;
        font-size: 26px;
    }
    .FAQ-request{
        font-size: 20px;
        margin-bottom: 20px;
    }
    .FAQ-response{
        display: none;
    }
    .FAQ-requests{
        list-style-type: none;
    }
    .FAQ-requests li:before{
        content: "+ ";
        font-size: 26px;
        font-weight: 600;
        color: orange;
    }
    .FAQ-response.active{
        background-color: #d1d1d1;
        padding: 10px;
        border-radius: 15px;
        display: block;
    }
    .results-img{
        display: none;
    }
    .certificate{
        display: none;
    }
    .bullets{
        display: none;
    }
}
@media screen and (min-width: 576px){
    section{
        padding: 30px;
    }
    h1{
        color: #264276;
    }
    .preview_content, .benefit_content, .results-id-code_content, .rate_content, .advantages_content, .reviews_content, .certificate_content, .about-author_content, .author-indicators_content, .product_content, .FAQ_content, .bullets_content{
        width: 100%;
    }
    .preview{
        background: linear-gradient(90deg, rgb(255 165 0 / 7%) 0%, rgba(255, 255, 255, 1) 48%, rgb(15 163 255 / 5%) 100%);
    }
    .preview_content {
        margin: 20px;
        margin-bottom: 50px;
    }
    .preview h3.sub-title {
        font-size: 34px;
        color: #5A5A5A;
        font-family: "gotham-pro", Sans-serif;
        font-weight: 700;
        margin-top: 60px;
    }
    .preview .title{
        font-size: 48px;
        color: #264276;
        margin-top: 35px;
    }
    .preview .description{
        font-size: 22px;
        line-height: 1.5em;
        color: #5A5A5A;
        font-family: "gotham-pro", Sans-serif;
        font-weight: 600;
        letter-spacing: 0.8px;
        margin-top: 35px;
    }
    .preview .start-page-block{
        width: 94%;
        display: flex;
        justify-content: space-between;
        margin-top: 25px;
    }
    .preview .start-page-block .main-text{
        font-size: 32px;
        font-weight: 600;
        font-family: "gotham-pro", Sans-serif;
        color: #5A5A5A;
        line-height: 37px;
    }
    .preview .author-test{
        padding-left: 20px;
        font-weight: 600;
        font-size: 24px;
    }
    .preview .block-video-main{
        margin-top: 37px;
        margin-right: 48px;
    }
    .preview .block-video-main img{
        width: 100%;
        height: 100%;
    }
    .benefit{
        background-color: #dbeaff;
    }
    .content_results .results-img img{
        display: flex;
        margin: auto;
    }
    .benefit .benefit_content{
        margin: 20px;
        margin-bottom: 50px;
    }
    .benefit .benefit-title{
        text-align: center;
        margin-top: 40px;
        color: #5A5A5A;
        font-size: 34px;
        font-family: "gotham-pro", Sans-serif;
        font-weight: 700;
    }
    .benefit .benefit_answers{
        display: flex;
        flex-direction: column;
    }
    .benefit .benefit_answers img{
        margin: auto;
        margin-top: 25px;
    }
    .benefit .benefit_answers .answer{
        width: 200px;
        text-align: center;
        margin:auto;
        color: #5A5A5A;
        margin-top: 10px;
    }
    .results-id-code_title{
        text-align: center;
        font-size: 34px;
    }
    .rate_description-video img{
        margin: 20px auto;
        display: flex;
    }
    .results-id-code{
        padding-bottom: 60px;
    }
    .results-id-code .results-id-code_content{
        display: block;
    }
    .content_results{
        display: flex;
        flex-direction: column;
    }
    .results-img{
        width: 100%;
        margin-right: 10px;
    }
    .results-text{
        width: 100%;
        margin-left: 10px;
    }
    .results-text .description-results{
        color: #5A5A5A;
        font-size: 20px;
        margin-top: 35px;
        text-align: center;
        margin-bottom: 30px;
    }
    .first-results, .second-results{
        display: flex;
        width: 100%;
    }
    .first-results .one {
        padding: 40px 0px 58px 22px;
        background-image: url(/img/idCode/block1.webp);
        background-repeat: no-repeat;
        background-size: 232px auto;
    }
    .results-block {
        width: 49%;
        margin: auto;
    }
    .results-block h2 {
        font-size: 20px;
    }
    .first-results .two {
        padding: 40px 0px 58px 22px;
        background-image: url(/img/idCode/block2.webp);
        background-repeat: no-repeat;
        background-size: 252px auto;
    }
    .second-results .one {
        padding: 40px 0px 58px 22px;
        background-image: url(/img/idCode/block3.webp);
        background-repeat: no-repeat;
        background-size: 232px auto;
    }
    .second-results .two {
        padding: 40px 0px 58px 22px;
        background-image: url(/img/idCode/block4.webp);
        background-repeat: no-repeat;
        background-size: 227px auto;
    }
    .rate{
        padding-top: 5px;
        padding-bottom: 55px;
    }
    .rate .rate_content{
        display: block;
    }
    .rate_title{
        font-size: 34px;
        font-weight: 600;
        text-align: center;
        margin-bottom: 40px;
    }
    .rate_description{
        width: 100%;
    }
    .rate_description-text{
        display: flex;
    }
    .rate_description-img-circle{
        margin-right: 26px;
    }
    .rate_description-video{
        width: 100%;
        cursor:pointer;
    }
    .all-quests{
        margin-bottom: 10px;
        margin-top: 0;
        color: #5F5F5F;
        font-size: 22px;
    }
    .rate-spheres{
        margin:0;
        color: #264276;
        font-size: 24px;
        font-weight: 700;
        line-height: 1.1em;
    }
    .rate-desc{
        width:100%;
        color: #5A5A5A;
        font-size: 18px;
        font-weight: 500;
    }
    .blue-frame-bg{
        margin: 10px 0px 0px 0px;
        padding: 20px 10px;
        background-color: #21366B;
        color: #FFFFFF;
        width: 97%;
        font-size: 12px;
        border-radius: 10px;
    }
    .orange-frame-bg{
        margin: 10px 0px 0px 0px;
        padding: 20px 10px;
        background-color: #faba1b;
        color: white;
        font-weight: 500;
        font-size: 12px;
        border-radius: 10px;
    }
    .learn-popup{
        z-index: 999;
        display: none;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background-color: rgba(0,0,0,0.8);
        cursor: pointer;
    }
    .learn-popup.active{
        display: block;
    }
    .close-X{
        color:white;
        font-size: 26px;
        font-weight:700;
        top:-151px;
        left: 10px;
        position:relative;
        cursor: pointer;
    }
    .learn-popup-content{
        min-height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 30px 10px;
    }
    .learn-popup-body{
        max-width: 800px;
    }
    .advantages{
        padding-top: 70px;
        padding-bottom: 30px;
        background-image: url(/img/idCode/bg3.webp);
        background-size: auto;
    }
    .advantages_content{
        display: block;
    }
    .advantages-title{
        font-size: 34px;
        font-weight: 600;
        text-transform: uppercase;
        text-align: center;
    }
    .advantages_sub-title{
        text-align: center;
        color: #5A5A5A;
        font-size: 24px;
        margin: 30px 0 10px 0
    }
    .first-advantages, .second-advantages{
        display: flex;
    }
    .advantages-columns{
        width: 50%;
    }
    .advantages-columns .sub-title{
        color: #5A5A5A;
        font-size: 30px;
        text-align: center;
    }
    .blue-block-main{
        margin: 0px 50px 0px 50px;
        padding: 25px 25px 25px 50px;
        background-image: url(/img/idCode/bg-block-blue.webp);
        background-size: cover;
        color: white;
        font-size: 14px;
        font-weight: 400;
        height: 117px;
        border-radius: 15px;
    }
    .reviews{
        padding: 70px 0 30px 0;
    }
    .reviews_content{
        display: block;
    }
    .reviews-title{
        font-size: 34px;
        font-weight: 600;
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 40px;
    }
    .reviews_from_peoples{
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }
    .reviews_from_people{
        width: 80%;
        text-align: center;
        margin: auto;
        margin-bottom: 40px;
        padding-bottom: 15px;
        border-bottom: 1px solid;
    }
    .fa-star:before{
        color: orange;
    }
    .review-text{
        height: 180px;
        font-size: 18px;
        font-weight: 400;
    }
    .people_name{
        font-size: 20px;
    }
    .certificate{
        display: none;
    }
    .certificate_content{
        display: block;
        height: 700px;
        background-image: url(/img/idCode/bg-block-blue2.webp);
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: center;
    }
    .certificate-title{
        padding-top: 100px;
        margin-bottom: 20px;
        text-align: center;
        color: #FFFFFF;
        font-size: 34px;
        text-transform: uppercase;
    }
    .certificate-columns{
        display: flex;
        margin-left: 35px;
    }
    .content-certificate-column.left{
        width: 60%;
    }
    .certificate-content-row{
        display: flex;
    }
    .certificate-content-row p {
        color: #FFFFFF;
        font-size: 24px;
        margin: 15px;
    }
    .content-certificate-column.left .certificate-content-row{
        margin-left: 35px;
        margin-top: 20px;
    }
    .content-certificate-column.right .certificate-content-row{
        margin-left: 35px;
        margin-top: 20px;
    }
    .about-author_title{
        font-size: 49px;
        font-weight: 600;
    }
    .about-author_subtitle{
        color: #5a5a5a;
        font-size: 24px;
        margin-top: 30px;
    }
    .about-author_description{
        font-size: 26px;
        font-weight: 700;
        margin-top: 45px;
    }
    .about-author_characteristics{
        padding-top: 20px;
        padding-left: 18px;
        margin-top: 0;
        margin-bottom: 13.5px;
    }
    .about-author_left-column{
        width: 60%;
    }
    .about-author{
        background-image: url(/img/idCode/bg4.webp);
        background-position: center center;
        background-repeat: no-repeat;
    }
    .about-author_characteristics li{
        font-size: 40px;
        color: #FC6300;
        line-height: 18px;
        padding-bottom: 30px;
    }
    .about-author_characteristic{
        font-size: 20px;
        color: black;
        font-weight: 500;
    }
    .author-indicators{
        padding-bottom: 70px;
        padding-top: 0;
    }
    .author-indicators_content{
        padding-top: 60px;
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .author-indicators_column{
        width: 49%;
        margin-bottom: 33px;
    }
    .author-indicators_height-font{
        font-size: 74px;
    }
    .author-indicators_low-font{
        color: black;
        font-size: 20px;
    }
    .product{
        padding-top: 15px;
    }
    .product_content{
        text-align: center;
        flex-direction: column;
    }
    .product_title{
        color: #4F4F4F;
        font-size: 34px;
    }
    .product_promo-code{
        width: 100%;
        display: flex;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .product_title-desc{
        color: #5F5F5F;
        font-size: 22px;
        font-weight: 500;
    }
    .product_subtitle{
        width: 495px;
        height: auto;
        font-size: 26px;
        color: #162d58;
        background: linear-gradient(to right, #ffc300, #ff3f00);
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        border-radius: 7px;
        font-weight: 600;
        margin: auto;
        padding-top: 6px;
        padding-bottom: 6px;
    }
    .product_body{
        width: 335px;
        margin:20px auto;
        padding: 20px 10px;
        height: 525px;
        border-radius: 5px;
        box-shadow: 0px 10px 23px 0px rgb(0 0 0 / 20%);
    }
    .header-product{
        margin-top: 5px;
        font-size: 22px;
        font-weight: 700;
        text-align:center;
    }
    .coupon-value{
        width: 85.5%;
        height: 40px;
        margin-top: 10px;
        cursor: pointer;
        height: 50px;
        padding: 0 20px;
        background-color: transparent;
        border: 1px solid #dddddd;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        -webkit-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2);
    }
    .product_description{
        margin-bottom: 15px;
        text-align: left;
        font-size: 18px;
        font-weight: 450;
    }
    .form-add-course-to-cart{
        display: flex;
        flex-direction: column;
    }
    .product_id-code{
        margin: 20px;
    }
    .btn-buy-product{
        width: 100%;
        margin-top: 10px;
        height: 40px;
        background-image: url(/img/idCode/bg-block-blue.webp);
        background-size: cover;
        font-size: 18px;
        font-weight: 500;
        border: none;
        border-radius: 8px;
        color: white;
        cursor: pointer;
    }
    .info-product{
        text-align: left;
        margin-top: 25px;
    }
    .icons-check.fa-2x {
        font-size: 22px;
        margin-top: 20px;
        color: #21366B;
    }
    .product_point{
        color: #4a4a4a;
        font-size: 16px;
        margin-left: 10px
    }
    .bullets_content{
        display: block;
    }
    .bullet{
        margin: auto;
        padding: 51px 0px 49px 70px;
        background-image: url(/img/idCode/bg-block-button.webp);
        background-repeat: no-repeat;
        background-size: 100%;
    }
    .bullet_title{
        font-size: 18px;
        font-weight: 700;
        width: 600px;
    }
    .FAQ{
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .FAQ_content{
        display: block;
    }
    .FAQ-response{
        display: none;
        border: 1px solid #26427629;
        border-radius: 15px;
        padding: 10px 15px;
        background-color: #26427621;
        color: black;
        font-size: 18px;
        font-weight: 500;
        line-height: 1em;
    }
    .FAQ-response.active{
        display: block;
        margin: 10px 0;
    }
    .FAQ ul li{
        cursor: pointer;
    }
    .FAQ ul li:hover span{
        color: orange;
    }
    .FAQ-requests.fs24px li span{
        font-size: 20px;
    }
    .FAQ-requests.fs24px li{
        font-size: 34px;
    }
    .FAQ li{
        list-style-type:none;
    }
    .FAQ li::before{
        content: "+";
    }
    .FAQ-requests li {
        font-size: 50px;
        color: orange;
        line-height: 62px;
    }
    .FAQ-request span{
        color: black;
        margin-left: 10px;
    }
    .FAQ_title{
        font-size: 34px;
        text-align: center;
    }
    .marginT15{
        margin-top: 15px;
    }
    .hidden{
        display: none;
    }
}
@media screen and (min-width: 768px){
    body section{
        padding: 30px;
    }
    h1{
        color: #264276;
    }
    .preview_content, .benefit_content, .results-id-code_content, .rate_content, .advantages_content, .reviews_content, .certificate_content, .about-author_content, .author-indicators_content, .product_content, .FAQ_content, .bullets_content{
        width: 100%;
    }
    .preview{
        background: linear-gradient(90deg, rgb(255 165 0 / 7%) 0%, rgba(255, 255, 255, 1) 48%, rgb(15 163 255 / 5%) 100%);
    }
    .preview_content {
        margin: 20px;
        margin-bottom: 50px;
    }
    .preview h3.sub-title {
        font-size: 34px;
        color: #5A5A5A;
        font-family: "gotham-pro", Sans-serif;
        font-weight: 700;
        margin-top: 60px;
    }
    .preview .title{
        font-size: 48px;
        color: #264276;
        margin-top: 35px;
    }
    .preview .description{
        font-size: 22px;
        line-height: 1.5em;
        color: #5A5A5A;
        font-family: "gotham-pro", Sans-serif;
        font-weight: 600;
        letter-spacing: 0.8px;
        margin-top: 35px;
    }
    .preview .start-page-block{
        width: 94%;
        display: flex;
        justify-content: space-between;
        margin-top: 25px;
    }
    .preview .start-page-block .main-text{
        font-size: 32px;
        font-weight: 600;
        font-family: "gotham-pro", Sans-serif;
        color: #5A5A5A;
        line-height: 37px;
    }
    .preview .author-test{
        padding-left: 20px;
        font-weight: 600;
        font-size: 24px;
    }
    .preview .block-video-main{
        margin-top: 37px;
        margin-right: 48px;
    }
    .preview .block-video-main img{
        width: 100%;
        height: 100%;
    }
    .benefit{
        background-color: #dbeaff;
    }
    .content_results .results-img img{
        display: flex;
        margin: auto;
    }
    .benefit .benefit_content{
        margin: 20px;
        margin-bottom: 50px;
    }
    .benefit .benefit-title{
        text-align: center;
        margin-top: 0px;
        color: #5A5A5A;
        font-size: 34px;
        font-family: "gotham-pro", Sans-serif;
        font-weight: 700;
    }
    .benefit .benefit_answers{
        display: flex;
        flex-direction: column;
    }
    .benefit .benefit_answers img{
        margin: auto;
        margin-top: 25px;
    }
    .benefit .benefit_answers .answer{
        width: 200px;
        text-align: center;
        margin:auto;
        color: #5A5A5A;
        margin-top: 10px;
    }
    .results-id-code_title{
        text-align: center;
        font-size: 34px;
    }
    .rate_description-video img{
        margin: 20px auto;
        display: flex;
    }
    .results-id-code{
        padding-bottom: 60px;
    }
    .results-id-code .results-id-code_content{
        display: block;
    }
    .content_results{
        display: flex;
        flex-direction: column;
    }
    .results-img{
        width: 100%;
        margin-right: 10px;
    }
    .results-text{
        width: 100%;
        margin-left: 10px;
    }
    .results-text .description-results{
        color: #5A5A5A;
        font-size: 20px;
        margin-top: 35px;
        text-align: center;
        margin-bottom: 30px;
    }
    .first-results, .second-results{
        display: flex;
        width: 100%;
    }
    .first-results .one {
        padding: 40px 0px 58px 22px;
        background-image: url(/img/idCode/block1.webp);
        background-repeat: no-repeat;
        background-size: 232px auto;
    }
    .results-block {
        width: 49%;
        margin: auto;
    }
    .results-block h2 {
        font-size: 20px;
    }
    .first-results .two {
        padding: 40px 0px 58px 22px;
        background-image: url(/img/idCode/block2.webp);
        background-repeat: no-repeat;
        background-size: 252px auto;
    }
    .second-results .one {
        padding: 40px 0px 58px 22px;
        background-image: url(/img/idCode/block3.webp);
        background-repeat: no-repeat;
        background-size: 232px auto;
    }
    .second-results .two {
        padding: 40px 0px 58px 22px;
        background-image: url(/img/idCode/block4.webp);
        background-repeat: no-repeat;
        background-size: 227px auto;
    }
    .rate{
        padding-top: 5px;
        padding-bottom: 55px;
    }
    .rate .rate_content{
        display: block;
    }
    .rate_title{
        font-size: 34px;
        font-weight: 600;
        text-align: center;
        margin-bottom: 40px;
    }
    .rate_description{
        width: 100%;
    }
    .rate_description-text{
        display: flex;
    }
    .rate_description-img-circle{
        margin-right: 26px;
    }
    .rate_description-video{
        width: 100%;
        cursor:pointer;
    }
    .all-quests{
        margin-bottom: 10px;
        margin-top: 0;
        color: #5F5F5F;
        font-size: 22px;
    }
    .rate-spheres{
        margin:0;
        color: #264276;
        font-size: 24px;
        font-weight: 700;
        line-height: 1.1em;
    }
    .rate-desc{
        width:100%;
        color: #5A5A5A;
        font-size: 18px;
        font-weight: 500;
    }
    .blue-frame-bg{
        margin: 10px 0px 0px 0px;
        padding: 20px 10px;
        background-color: #21366B;
        color: #FFFFFF;
        width: 97%;
        font-size: 12px;
        border-radius: 10px;
    }
    .orange-frame-bg{
        margin: 10px 0px 0px 0px;
        padding: 20px 10px;
        background-color: #faba1b;
        color: white;
        font-weight: 500;
        font-size: 12px;
        border-radius: 10px;
    }
    .learn-popup{
        z-index: 999;
        display: none;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background-color: rgba(0,0,0,0.8);
        cursor: pointer;
    }
    .learn-popup.active{
        display: block;
    }
    .close-X{
        color:white;
        font-size: 26px;
        font-weight:700;
        top:-151px;
        left: 10px;
        position:relative;
        cursor: pointer;
    }
    .learn-popup-content{
        min-height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 30px 10px;
    }
    .learn-popup-body{
        max-width: 800px;
    }
    .advantages{
        padding-top: 70px;
        padding-bottom: 30px;
        background-image: url(/img/idCode/bg3.webp);
        background-size: auto;
    }
    .advantages_content{
        display: block;
    }
    .advantages-title{
        font-size: 34px;
        font-weight: 600;
        text-transform: uppercase;
        text-align: center;
    }
    .advantages_sub-title{
        text-align: center;
        color: #5A5A5A;
        font-size: 24px;
        margin: 30px 0 10px 0
    }
    .first-advantages, .second-advantages{
        display: flex;
    }
    .advantages-columns{
        width: 50%;
    }
    .advantages-columns .sub-title{
        color: #5A5A5A;
        font-size: 30px;
        text-align: center;
    }
    .blue-block-main{
        margin: 0px 50px 0px 50px;
        padding: 25px 25px 25px 50px;
        background-image: url(/img/idCode/bg-block-blue.webp);
        background-size: cover;
        color: white;
        font-size: 14px;
        font-weight: 400;
        height: 117px;
        border-radius: 15px;
    }
    .reviews{
        padding: 70px 0 30px 0;
    }
    .reviews_content{
        display: block;
    }
    .reviews-title{
        font-size: 34px;
        font-weight: 600;
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 40px;
    }
    .reviews_from_peoples{
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }
    .reviews_from_people{
        width: 80%;
        text-align: center;
        margin: auto;
        margin-bottom: 40px;
        padding-bottom: 15px;
        border-bottom: 1px solid;
    }
    .fa-star:before{
        color: orange;
    }
    .review-text{
        height: 180px;
        font-size: 18px;
        font-weight: 400;
    }
    .people_name{
        font-size: 20px;
    }
    .certificate{
        display: none;
    }
    .certificate_content{
        display: block;
        height: 700px;
        background-image: url(/img/idCode/bg-block-blue2.webp);
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: center;
    }
    .certificate-title{
        padding-top: 100px;
        margin-bottom: 20px;
        text-align: center;
        color: #FFFFFF;
        font-size: 34px;
        text-transform: uppercase;
    }
    .certificate-columns{
        display: flex;
        margin-left: 35px;
    }
    .content-certificate-column.left{
        width: 60%;
    }
    .certificate-content-row{
        display: flex;
    }
    .certificate-content-row p {
        color: #FFFFFF;
        font-size: 24px;
        margin: 15px;
    }
    .content-certificate-column.left .certificate-content-row{
        margin-left: 35px;
        margin-top: 20px;
    }
    .content-certificate-column.right .certificate-content-row{
        margin-left: 35px;
        margin-top: 20px;
    }
    .about-author_title{
        font-size: 49px;
        font-weight: 600;
    }
    .about-author_subtitle{
        color: #5a5a5a;
        font-size: 24px;
        margin-top: 30px;
    }
    .about-author_description{
        font-size: 26px;
        font-weight: 700;
        margin-top: 45px;
    }
    .about-author_characteristics{
        padding-top: 20px;
        padding-left: 18px;
        margin-top: 0;
        margin-bottom: 13.5px;
    }
    .about-author_left-column{
        width: 60%;
    }
    .about-author{
        background-image: url(/img/idCode/bg4.webp);
        background-position: center center;
        background-repeat: no-repeat;
    }
    .about-author_characteristics li{
        font-size: 40px;
        color: #FC6300;
        line-height: 18px;
        padding-bottom: 30px;
    }
    .about-author_characteristic{
        font-size: 20px;
        color: black;
        font-weight: 500;
    }
    .author-indicators{
        padding-bottom: 70px;
        padding-top: 0;
    }
    .author-indicators_content{
        padding-top: 60px;
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .author-indicators_column{
        width: 49%;
        margin-bottom: 33px;
    }
    .author-indicators_height-font{
        font-size: 74px;
    }
    .author-indicators_low-font{
        color: black;
        font-size: 20px;
    }
    .product{
        padding-top: 15px;
    }
    .product_content{
        text-align: center;
        flex-direction: column;
    }
    .product_title{
        color: #4F4F4F;
        font-size: 34px;
    }
    .product_promo-code{
        width: 100%;
        display: flex;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .product_title-desc{
        color: #5F5F5F;
        font-size: 22px;
        font-weight: 500;
    }
    .product_subtitle{
        width: 495px;
        height: auto;
        font-size: 26px;
        color: #162d58;
        background: linear-gradient(to right, #ffc300, #ff3f00);
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        border-radius: 7px;
        font-weight: 600;
        margin: auto;
        padding-top: 6px;
        padding-bottom: 6px;
    }
    .product_body{
        width: 335px;
        margin:20px auto;
        padding: 20px 10px;
        height: 525px;
        border-radius: 5px;
        box-shadow: 0px 10px 23px 0px rgb(0 0 0 / 20%);
    }
    .header-product{
        margin-top: 5px;
        font-size: 22px;
        font-weight: 700;
        text-align:center;
    }
    .coupon-value{
        width: 85.5%;
        height: 40px;
        margin-top: 10px;
        cursor: pointer;
        height: 50px;
        padding: 0 20px;
        background-color: transparent;
        border: 1px solid #dddddd;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        -webkit-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2);
    }
    .product_description{
        margin-bottom: 15px;
        text-align: left;
        font-size: 18px;
        font-weight: 450;
    }
    .form-add-course-to-cart{
        display: flex;
        flex-direction: column;
    }
    .product_id-code{
        margin: 20px;
    }
    .btn-buy-product{
        width: 100%;
        margin-top: 10px;
        height: 40px;
        background-image: url(/img/idCode/bg-block-blue.webp);
        background-size: cover;
        font-size: 18px;
        font-weight: 500;
        border: none;
        border-radius: 8px;
        color: white;
        cursor: pointer;
    }
    .info-product{
        text-align: left;
        margin-top: 25px;
    }
    .icons-check.fa-2x {
        font-size: 22px;
        margin-top: 20px;
        color: #21366B;
    }
    .product_point{
        color: #4a4a4a;
        font-size: 16px;
        margin-left: 10px
    }
    .bullets_content{
        display: block;
    }
    .bullet{
        margin: auto;
        padding: 51px 0px 49px 70px;
        background-image: url(/img/idCode/bg-block-button.webp);
        background-repeat: no-repeat;
        background-size: 100%;
    }
    .bullet_title{
        font-size: 18px;
        font-weight: 700;
        width: 600px;
    }
    .FAQ{
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .FAQ_content{
        display: block;
    }
    .FAQ-response{
        display: none;
        border: 1px solid #26427629;
        border-radius: 15px;
        padding: 10px 15px;
        background-color: #26427621;
        color: black;
        font-size: 18px;
        font-weight: 500;
        line-height: 1em;
    }
    .FAQ-response.active{
        display: block;
        margin: 10px 0;
    }
    .FAQ ul li{
        cursor: pointer;
    }
    .FAQ ul li:hover span{
        color: orange;
    }
    .FAQ-requests.fs24px li span{
        font-size: 20px;
    }
    .FAQ-requests.fs24px li{
        font-size: 34px;
    }
    .FAQ li{
        list-style-type:none;
    }
    .FAQ li::before{
        content: "+";
    }
    .FAQ-requests li {
        font-size: 50px;
        color: orange;
        line-height: 62px;
    }
    .FAQ-request span{
        color: black;
        margin-left: 10px;
    }
    .FAQ_title{
        font-size: 34px;
        text-align: center;
    }
    .marginT15{
        margin-top: 15px;
    }
    .hidden{
        display: none;
    }
}
@media screen and (min-width: 992px){
    h1{
        color: #264276;
    }
    .preview_content, .benefit_content, .results-id-code_content, .rate_content, .advantages_content, .reviews_content, .certificate_content, .about-author_content, .author-indicators_content, .product_content, .FAQ_content, .bullets_content{
        width: 1140px;
        display: flex;
        margin: auto;
    }
    .preview{
        width: 100%;
        background-image: url(/img/idCode/prev.webp);
        background-position: center center;
        background-size: cover;
        padding: 60px 0;
    }
    .left-side{
        width: 50%;
    }
    .right-side{
        width: 50%;
    }
    .sub-title{
        margin: 50px 0px 0px 0px;
        color: #5A5A5A;
        font-size: 27px;
        font-weight: 700;
    }
    .title{
        font-size: 65px;
        margin-top: 25px;
    }
    .description{
        color: #5A5A5A;
        font-size: 24px;
        font-weight: 600;
        letter-spacing: 0.8px;
    }
    .preview .start-page-block{
        display: flex;
        justify-content: unset;
        margin: 51px 0px 0px 0px;
    }
    .author{
        margin-bottom: 0px;
        margin-top: 0px;
        color: #5A5A5A;
        line-height: 40px;
        font-size: 42px;
        font-weight: 600;
    }
    .main-text{
        width: 50%;
    }
    .author-test{
        color: #5A5A5A;
        margin-left: 40px;
        margin-top: 0px;
        font-size: 28px;
    }
    .button-text img {
        height: 77px;
        margin-top: 24px;
        cursor: pointer;
    }
    .block-video-main{
        width: 448px;
        height: 252px;
        cursor: pointer;
    }
    .benefit{
        width: 100%;
        height: 389px;
        background-image: url(/img/idCode/two-block-masterskaja.webp);
        background-position: bottom center;
        background-size: cover;
    }
    .benefit .benefit_content{
        width: 1140px;
        display: flex;
        margin: auto;
        flex-direction: column;
    }
    .benefit .benefit_answers{
        display: flex;
        flex-direction: row;
    }
    .benefit-title, .results-id-code_title{
        font-size: 35px;
        font-weight: 700;
        color: #5A5A5A;
        text-align: center;
        padding: 63px 0px 15px 0px;
    }
    .benefit .benefit_answers .answer{
        width: 34%;
        text-align: center;
        color: #5A5A5A;
        font-size: 24px;
        font-weight: 600;
    }
    .benefit .benefit_answers .benefit_owner{
        margin: 100px 0px 15px 0px;
    }
    .benefit .benefit_answers .benefit_parent{
        margin: 206px 0px 32px 0px;
    }
    .benefit .benefit_answers .benefit_special{
        margin: 100px 0px 15px 0px;
    }
    .results-id-code{
        padding-bottom: 60px;
    }
    .results-id-code .results-id-code_content{
        display: block;
    }
    .content_results{
        display: flex;
        flex-direction: row;
    }
    .results-img{
        width: 50%;
        margin-right: 10px;
    }
    .results-text{
        width: 50%;
        margin-left: 10px;
    }
    .results-text .description-results{
        color: #5A5A5A;
        font-size: 22px;
        margin-top: 35px;
        text-align: left;
        margin-bottom: 115px;
    }
    .first-results, .second-results{
        display: flex;
        width: 100%;
    }
    .first-results .one {
        padding: 40px 0px 58px 22px;
        background-image: url(/img/idCode/block1.webp);
        background-repeat: no-repeat;
        background-size: 232px auto;
    }
    .results-block {
        width: 49%;
        margin: auto;
    }
    .results-block h2 {
        font-size: 20px;
    }
    .first-results .two {
        padding: 40px 0px 58px 22px;
        background-image: url(/img/idCode/block2.webp);
        background-repeat: no-repeat;
        background-size: 252px auto;
    }
    .second-results .one {
        padding: 40px 0px 58px 22px;
        background-image: url(/img/idCode/block3.webp);
        background-repeat: no-repeat;
        background-size: 232px auto;
    }
    .second-results .two {
        padding: 40px 0px 58px 22px;
        background-image: url(/img/idCode/block4.webp);
        background-repeat: no-repeat;
        background-size: 227px auto;
    }
    .rate{
        padding: 5px 0 55px 0;
    }
    .rate .rate_content{
        display: block;
    }
    .rate_title{
        font-size: 84px;
        font-weight: 900;
    }
    .rate_description{
        width: 100%;
        display: flex;
    }
    .rate_description-text{
        display: flex;
        width: 776px;
    }
    .rate_description-img-circle{
        margin-right: 26px;
    }
    .rate_description-video{
        width: 343px;
        cursor:pointer;
    }
    .all-quests{
        margin-bottom: 10px;
        margin-top: 0;
        color: #5F5F5F;
        font-size: 27px;
    }
    .rate-spheres{
        margin:0;
        color: #264276;
        font-size: 48px;
        font-weight: 700;
        line-height: 1.1em;
    }
    .rate-desc{
        width:100%;
        color: #5A5A5A;
        font-size: 20px;
        font-weight: 500;
        margin-left: -100px;
    }
    .blue-frame-bg{
        margin: 0px 0px 0px 0px;
        padding: 22px 0px 22px 30px;
        background-image: url(/img/idCode/bg-blue.webp);
        background-size: cover;
        color: #FFFFFF;
        background-color: unset;
    }
    .orange-frame-bg{
        margin: 0px 0px 0px 0px;
        padding: 22px 0px 22px 40px;
        background-image: url(/img/idCode/bg-orange.webp);
        background-size: cover;
        color: white;
        font-weight: 500;
        font-size: 18px;
        background-color: unset;
    }
    .learn-popup{
        z-index: 999;
        display: none;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background-color: rgba(0,0,0,0.8);
        cursor: pointer;
    }
    .learn-popup.active{
        display: block;
    }
    .close-X{
        color:white;
        font-size: 26px;
        font-weight:700;
        top:-151px;
        left: 10px;
        position:relative;
        cursor: pointer;
    }
    .learn-popup-content{
        min-height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 30px 10px;
    }
    .learn-popup-body{
        max-width: 800px;
    }
    .advantages{
        padding: 70px 0;
        background-image: url(/img/idCode/bg3.webp);
        background-size: auto;
    }
    .advantages_content{
        display: block;
    }
    .advantages-title{
        font-size: 31px;
        font-weight: 600;
        text-transform: uppercase;
        text-align: center;
    }
    .advantages_sub-title{
        text-align: center;
        color: #5A5A5A;
        font-size: 30px;
        margin: 30px 0 10px 0
    }
    .first-advantages, .second-advantages{
        display: flex;
    }
    .advantages-columns{
        width: 50%;
    }
    .advantages-columns .sub-title{
        color: #5A5A5A;
        font-size: 30px;
        text-align: center;
    }
    .blue-block-main{
        margin: 0px 50px 0px 50px;
        padding: 25px 25px 25px 50px;
        background-image: url(/img/idCode/bg-block-blue.webp);
        background-size: cover;
        color: white;
        font-size: 20px;
        font-weight: 400;
        height: 149px;
    }
    .reviews{
        padding: 70px 0 30px 0;
    }
    .reviews_content{
        display: block;
    }
    .reviews-title{
        font-size: 32px;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 40px;
    }
    .reviews_from_peoples{
        display: flex;
        justify-content: space-between;
        flex-direction: row;
    }
    .reviews_from_people{
        width: 31%;
        text-align: center;
        border-bottom: none;
    }
    .fa-star:before{
        color: orange;
    }
    .review-text{
        height: 290px;
        font-size: 18px;
        font-weight: 400;
    }
    .people_name{
        font-size: 20px;
    }
    .certificate{
        display: block;
        height: 700px;
        padding: 70px 0 5px 0;
    }
    .certificate_content{
        display: block;
        height: 700px;
        background-image: url(/img/idCode/bg-block-blue2.webp);
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: center;
    }
    .certificate-title{
        padding-top: 100px;
        margin-bottom: 20px;
        text-align: center;
        color: #FFFFFF;
        font-size: 34px;
        text-transform: uppercase;
    }
    .certificate-columns{
        display: flex;
        margin-left: 35px;
    }
    .content-certificate-column.left{
        width: 60%;
    }
    .certificate-content-row{
        display: flex;
    }
    .certificate-content-row p {
        color: #FFFFFF;
        font-size: 24px;
        margin: 15px;
    }
    .content-certificate-column.left .certificate-content-row{
        margin-left: 35px;
        margin-top: 20px;
    }
    .content-certificate-column.right .certificate-content-row{
        margin-left: 35px;
        margin-top: 20px;
    }
    .about-author_title{
        font-size: 49px;
        font-weight: 600;
        margin: 129px 0px 0px 0px;
    }
    .about-author_subtitle{
        color: #5a5a5a;
        font-size: 24px;
        margin-top: 30px;
    }
    .about-author_description{
        font-size: 26px;
        font-weight: 700;
        margin-top: 45px;
    }
    .about-author_characteristics{
        padding-top: 20px;
        padding-left: 18px;
        margin-top: 0;
        margin-bottom: 13.5px;
    }
    .about-author_left-column{
        width: 50%;
    }
    .about-author{
        background-image: url(/img/idCode/bg4.webp);
        background-position: center center;
        background-repeat: no-repeat;
    }
    .about-author_characteristics li{
        font-size: 40px;
        color: #FC6300;
        line-height: 18px;
        padding-bottom: 30px;
    }
    .about-author_characteristic{
        font-size: 20px;
        color: black;
        font-weight: 500;
    }
    .author-indicators{
        padding-bottom: 70px;
    }
    .author-indicators_content{
        padding-top: 60px;
        justify-content: space-between;
    }
    .author-indicators_column{
        width:24%;
    }
    .author-indicators_height-font{
        font-size: 74px;
    }
    .author-indicators_low-font{
        color: black;
        font-size: 20px;
    }
    .product{
        padding-top: 70px;
    }
    .product_content{
        text-align: center;
        flex-direction: column;
    }
    .product_title{
        color: #4F4F4F;
        font-size: 42px;
    }
    .product_promo-code{
        width: 100%;
        display: flex;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .product_title-desc{
        color: #5F5F5F;
        font-size: 22px;
        font-weight: 500;
    }
    .product_subtitle{
        width: 495px;
        height: auto;
        font-size: 26px;
        color: #162d58;
        background: linear-gradient(to right, #ffc300, #ff3f00);
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        border-radius: 7px;
        font-weight: 600;
        margin: auto;
        padding-top: 6px;
        padding-bottom: 6px;
    }
    .product_body{
        width: 335px;
        margin:20px auto;
        padding: 20px 10px;
        height: 525px;
        border-radius: 5px;
        box-shadow: 0px 10px 23px 0px rgb(0 0 0 / 20%);
    }
    .header-product{
        margin-top: 5px;
        font-size: 22px;
        font-weight: 700;
        text-align:center;
    }
    .coupon-value{
        width: 85.5%;
        height: 40px;
        margin-top: 10px;
        cursor: pointer;
        height: 50px;
        padding: 0 20px;
        background-color: transparent;
        border: 1px solid #dddddd;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        -webkit-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2);
    }
    .product_description{
        margin-bottom: 15px;
        text-align: left;
        font-size: 18px;
        font-weight: 450;
    }
    .form-add-course-to-cart{
        display: flex;
        flex-direction: column;
    }
    .product_id-code{
        margin: 20px;
    }
    .btn-buy-product{
        width: 100%;
        margin-top: 10px;
        height: 40px;
        background-image: url(/img/idCode/bg-block-blue.webp);
        background-size: cover;
        font-size: 18px;
        font-weight: 500;
        border: none;
        border-radius: 8px;
        color: white;
        cursor: pointer;
    }
    .info-product{
        text-align: left;
        margin-top: 25px;
    }
    .icons-check.fa-2x {
        font-size: 22px;
        margin-top: 20px;
        color: #21366B;
    }
    .product_point{
        color: #4a4a4a;
        font-size: 16px;
        margin-left: 10px
    }
    .bullets_content{
        display: block;
    }
    .bullet{
        width: 815px;
        margin: auto;
        padding: 60px 0px 49px 70px;
        background-image: url(/img/idCode/bg-block-button.webp);
        background-repeat: no-repeat;
        background-size: 905px auto;
    }
    .bullet_title{
        font-size: 22px;
        font-weight: 700;
        width: 600px;
    }
    .FAQ{
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .FAQ_content{
        display: block;
    }
    .FAQ-response{
        display: none;
        border: 1px solid #26427629;
        border-radius: 15px;
        padding: 10px 15px;
        background-color: #26427621;
        color: black;
        font-size: 20px;
        font-weight: 500;
        line-height: 1em;
    }
    .FAQ-response.active{
        display: block;
        margin: 10px 0;
    }
    .FAQ ul li{
        cursor: pointer;
    }
    .FAQ ul li:hover span{
        color: orange;
    }
    .FAQ-requests.fs24px li span{
        font-size: 26px;
    }
    .FAQ-requests.fs24px li{
        font-size: 34px;
    }
    .FAQ li{
        list-style-type:none;
    }
    .FAQ li::before{
        content: "+";
    }
    .FAQ-requests li {
        font-size: 50px;
        color: orange;
        line-height: 62px;
    }
    .FAQ-request span{
        color: black;
        margin-left: 10px;
    }
    .FAQ_title{
        font-size: 42px;
        text-align: center;
    }
    .marginT15{
        margin-top: 15px;
    }
    .hidden{
        display: none;
    }
    .benefit_answers img{
        display: none;
    }
}