html {
    box-sizing: border-box;
    font-size: 16px;
}
*, *:before, *:after {
    box-sizing: inherit;
}
body, h1, h2, h3, h4, h5, h6, p, ol, ul {
    margin: 0;
    padding: 0;
    font-weight: normal;
}
ol, ul {
    list-style: none;
}
img {
    max-width: 100%;
    height: auto;
}
@font-face {
    font-family: 'Magistral-Medium';
    src: url("../fonts/Magistral-Medium.woff") format('woff');
}
@font-face {
    font-family: 'Magistral';
    src: url("../fonts/Magistral-Book.woff") format('woff');
}
@font-face {
    font-family: 'Magistral-Light';
    src: url("../fonts/Magistral-Light.woff") format('woff');
}
.page{
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    display: flex;
    justify-content: center;
    padding: 40px 200px;
}
.page-container{
    width: 100%;
    max-width: 1520px;
}
.page h1{
    font-size: 40px;
    font-weight: 600;
    line-height: 49px;
    text-align: center;
}
.page br {
    line-height: 30px;
    display: block;
    margin: 6px;
}
.page b{
    font-weight: 600;
}
.little-bold{
    font-weight: 600;
}
.big-bold{
    font-size: 25px;
    font-weight: 600;
}
.mb{
    font-weight: 500;
}
.mbb{
    font-weight: 500;
    font-size: 25px;
}
.block-substrate{
    border-radius: 5px;
    width: 225px;
    height: 600px;
    content: "";
    background: linear-gradient(to top, black, red);
    z-index: 1;
    position: absolute;
    top: 0;
}
.document-container{
    position: relative;
}
.document-image{
    position: relative;
    content: "";
    background-color: #E1DFE0;
    z-index: 2;
    border: 1px solid #000;
    border-radius: 5px;
    margin-left: 33px;
    margin-top: 18px;
    height: 650px;
    width: auto;
    max-height: none;
    max-width: none;
}
.document-section{
    display: flex;
    justify-content: space-between;
    gap: 40px;
    margin-top: 40px;
    margin-bottom: 44px;
}
.description-text-block{
    width: 100%;
    max-width: 878px;
}
.description{
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
}
.order-block{
    display: flex;
    gap: 40px;
}
.order-block div, button{
    width: 277px;
}
.order-block button{
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 19.5px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    background: linear-gradient(180deg, red, black, red);
    background-size: 300% 300%;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    animation: gradient-move 1s ease-in-out;
}
.order-block2{
    display: none;
    gap: 40px;
    margin-top: 20px;
}
.order-block2 div, button{
    width: 249px;
}
.order-block2 button{
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    line-height: 19.5px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    background: linear-gradient(180deg, red, black, red);
    background-size: 300% 300%;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    animation: gradient-move 1s ease-in-out;
}
@keyframes gradient-move {
    0% {
        background-position: 0% 50%;  
    }
    50% {
        background-position: 0% 100%; 
    }
    100% {
        background-position: 0% 50%;  
    }
}
.service-info{
    display: flex;
    flex-direction: column;
    gap: 35px;
    margin-bottom: 6rem;
}
.service-info h2{
    font-family: Montserrat;
    font-size: 25px;
    font-weight: 500;
    line-height: 30px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    margin-bottom: 25px;
}
.service-info h3{
    font-family: Montserrat;
    font-size: 25px;
    font-weight: 600;
    line-height: 30px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    margin-bottom: 25px;
}
.ghost-numbers h2{
    margin-bottom: 20px;
}
.way-to-reward-point, .big-ghost{
    position: relative;
    padding-top: 20px;
}
.way-to-reward-point::before {
    content: attr(data-number);
    font-size: 50px;
    font-weight: 700;
    line-height: 72px;
    color: rgba(140, 95, 95, 0.2);
    float: left;
    position: absolute;
    top: 0;
    z-index: -1;
}
.big-ghost::before{
    content: attr(data-number);
    color: rgba(140, 95, 95, 0.2);
    float: left;
    position: absolute;
    top: 0;
    z-index: -1;
    font-size: 100px;
    font-weight: 700;
    line-height: 120px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}
.custom-list {
    list-style-image: url("../../../services/img/uslugi/docs/helpful/list-point.png");
    padding-left: 20px;
}
.custom-list {
    list-style: none;
    margin-top: 25px;
    margin-bottom: 25px;
    padding: 0;
}
.custom-list li {
    position: relative;
    padding-left: 30px;
    line-height: 1.2;
    margin-bottom: 10px;
    text-indent: 0px;
}
.custom-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 25px;
    background-image: url("../../../services/img/uslugi/docs/helpful/list-point.png");
    background-size: contain;
    background-repeat: no-repeat;
}
.custom-list li:last-child{
    margin-bottom: 0;
}
.common-list {
    list-style-type: none;
    padding-left: 20px;
    line-height: 1.5;
}
.common-list li {
    margin-left: 20px;
    text-indent: -17px;
}
.common-list li::before {
    content: '•';
    font-size: 20px;
    margin-right: 10px;
    vertical-align: middle;
    background-image: none;
}
.common-list li:last-child{
    margin-bottom: 0;
}
.page ol {
    list-style-type: decimal;
    padding-left: 22px;
}
.ct {
    border-collapse: collapse;
    width: 100%;
}
.ct th, td {
    border: 1px solid black;
    text-align: left;
    padding: 8px;
}
.ct tr:first-child th {
    border-top: none;
}
.ct tr td:first-child,
.ct tr th:first-child {
    border-left: none;
}
.ct tr td:last-child,
.ct tr th:last-child {
    border-right: none;
}
.ct th{
    font-family: Montserrat;
    font-size: 25px;
    font-weight: 500;
    line-height: 30px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    background: linear-gradient(to top, #000003, #E41115);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.red-line {
    width: 100%;
    font-weight: bold;
    border-bottom: 3px solid rgb(240, 174, 177);
    font-size: 25px;
    font-weight: 600;
    line-height: 30px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}
.price {
    display: inline-block;
    height: 44px;
    width: 277px;
    line-height: 44px;
    color: black;
    border: 2px solid transparent;
    border-right-color: transparent;
    border-left-color: transparent;
    border-radius: 10px;
    border-right-color: rgb(135, 13, 0);
    border-left-color: rgb(11, 5, 5);
    background: linear-gradient(to left, rgb(135, 13, 0) 0%, rgb(11, 5, 5) 70% , rgb(135, 13, 0) 85%, rgb(11, 5, 5) 100%) top/100% 2px, linear-gradient(to top, rgb(135, 13, 0) 0%, rgb(11, 5, 5) 100%) bottom/100% 2px;
    background-repeat: repeat, repeat;
    background-repeat: no-repeat;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
}
.add-background-right {
    position: relative;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 100%;
    text-align: left;
}
.add-background-center {
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100%;
    text-align: left;
}
.add-background-left {
    position: relative;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 100%;
    text-align: left;
}
#back-flask-and-dna{
    background-image: url("../../../services/img/uslugi/docs/backs/flask-and-dna.png");
}
#back-eco{
    background-image: url("../../../services/img/uslugi/docs/backs/back-eco.jpg");
}
#back-sheet{
    background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)),
    url("../img/docs/backs/sheet-back.jpg");
    background-image: url("../../../services/img/uslugi/docs/backs/back-attension.png");
    position: relative;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 100%;
    text-align: left;
}
#back-organic{
    background-image: url("../../../services/img/uslugi/img/docs/backs/organic-back.jpg");
}
#back-success{
    background-image: url("../../../services/img/uslugi/docs/backs/back-success.png");
}
#back-kosher{
    background-image: url("../../../services/img/uslugi/docs/backs/kosher-back.jpg");
}
#back-fair_sigh{
    background-image: url("../../../services/img/uslugi/docs/backs/back-fair_sign.jpg");
}
#back-g1rus{
    background-image: url("../../../services/img/uslugi/docs/backs/back-g1rus.jpg");
}
#back-success-patenting{
    background-image: url("../../../services/img/uslugi/docs/backs/back-success.png");
    background-size: 75%;
}
#back-success-patenting {
    background-image: url("../../../services/img/uslugi/docs/backs/back-success.png");
    background-size: auto 70%;
}
#back-operating-manual{
    background-image: url("../../../services/img/uslugi/docs/backs/back-operating-manual.jpg");
}
#back-operating-manual div{
    max-width: 758px;
}
#back-safely-info{
    background-image: url("../../../services/img/uslugi/docs/backs/back-safety-rationale.jpg");
}
#back-gost-r{
    background-image: url("../../../services/img/uslugi/docs/backs/gost-r-pic.jpg");
}
#back-marketplaces-certification{
    background-image: url("../../../services/img/uslugi/docs/backs/back-marketplaces-сertification.jpg");
    background-size: auto 55%;
}
#back-sgr{
    background-image: url("../../../services/img/uslugi/docs/backs/back-attension.png");
}
#back-iso9001{
    background-image: url("../../../services/img/uslugi/docs/backs/back-iso9001.jpg");
    padding: 60px 0 60px 0;
}
#back-iso9001 div{
    max-width: 876px;
}
#back-st1{
    background-image: url("../../../services/img/uslugi/docs/backs/back-question.jpg");
    padding-bottom: 55px;
}
#back-st1 div{
    max-width: 878px;
    margin-bottom: 30px;
}
#back-st-work-safely{
    background-image: url("../../../services/img/uslugi/docs/backs/back-attension.png");
    background-size: auto 90%;
}
#back-fire-cert-conformity{
    background-image: url("../../../services/img/uslugi/docs/backs/back-fire-cert-conformity.jpg");
}
#back-fire-cert-conformity2{
    background-image: url("../../../services/img/uslugi/docs/backs/back-attension.png");
    background-size: auto 90%;
}
#back-fc-success{
    background-image: url("../../../services/img/uslugi/docs/backs/back-success.png");
    background-size: auto 60%;
}
#back-pishprom{
    background-image: url("../../../services/img/uslugi/docs/backs/back-pishevaya.jpg");
}
#back-legkaya{
    background-image: url("../../../services/img/uslugi/docs/backs/back-legkaya.jpg");
    background-size: auto 70%;
}
#back-himiya{
    background-image: url("../../../services/img/uslugi/docs/backs/flask-and-dna.png");
}
#back-lapi{
    background-image: url("../../../services/img/uslugi/docs/backs/back-lapi.jpg");
    background-size: auto 50%;
}
#back-kosmetika{
    background-image: url("../../../services/img/uslugi/docs/backs/back-kosmetica.jpg");
    background-size: auto 70%;
}
#back-udobr{
    background-image: url("../../../services/img/uslugi/docs/backs/back-udobreniya.jpg");
    background-size: auto 40%;
}
#back-igrushki{
    background-image: url("../../../services/img/uslugi/docs/backs/back-igrushki.jpg");
}
#back-promish{
    background-image: url("../../../services/img/uslugi/docs/backs/back-promishlennost.jpg");
    background-size: auto 40%;
}
#back-obuchenie{
    background-image: url("../../../services/img/uslugi/docs/backs/back-obushenie.jpg");
    background-size: auto 40%;
}
.escape-spase{
    margin: 0;
}
.halal-category{
    position: relative;
    background-image: url("../../../services/img/uslugi/docs/backs/back-attension.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 100%;
    text-align: left;
    display: flex;
    justify-content: right;
    padding-bottom: 55px;
    padding-top: 35px;
    padding-left: 185px;
}
.halal-category-text{
}
.kosher-img{
    max-width: 36vh;
    max-height: auto;
}
.safely-info-info {
    padding: 76px 0 76px 0;
    max-width: 976px;
}
.gost-r-info {
    max-width: 606px;
}
.marketplaces-certification-info {
    max-width: 962px;
}
.sgr-info {
    padding: 35px 0 35px 384px;
}
.sout-table{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.sout-table table{
    max-width: 1074px;
}
.sout-table td:first-child{
    padding-top: 40px;
    padding-bottom: 40px;
}
.iso-table{
}
.iso-table th, td {
    padding: 10px;
    height: 50px;
}
#voluntary-cert-info ul{
    max-width: 725px;
}
.vol-cert-little-block{
    max-width: 742px;
}
#voluntary-cert-little-container{
    justify-content: center;
}
#vol-cert2, #vol-cert1{
    padding-left: 80px;
    background-image: url("../../../services/img/uslugi/docs/backs/back-success.png");
    background-size: auto 90%;
    height: 60px;
    display: flex;
    align-items: center;
}
#voluntary-cert-info {
    position: relative;
    padding: 20px;
    z-index: 1;
    margin-bottom: 30px;
}
#voluntary-cert-info::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, #E411151A,  #0000031A);
    z-index: -1;
    border-radius: 5px;
    padding: 4px;
    -webkit-mask:
            linear-gradient(white, white) content-box,
            linear-gradient(white, white);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}
#fire-cert-border-container{
    max-width: 65%;
}
.fire-cert-numeric{
    padding-left: 400px;
}
.fire-cert-table-container td{
    text-align: center;
    max-width: 450px;
}
.fire-cert-table-container{
    padding: 0 200px 0 200px;
}
.fire-cert-table-container td:first-child{
    text-align: left;
}
.fire-cert-table-container tr{
    max-height: 50px;
}
.fire-cert-table-container2 td{
    text-align: center;
}
.fire-cert-table-container2{
    padding: 0 100px 0 100px;
}
.fire-cert-table-container2 td:nth-child(2){
    text-align: left;
}
.fire-cert-table-container2 tr{
    max-height: 50px;
    max-width: 350px;
}
.flex-div{
    display: flex;
    margin: 0;
    padding: 0;
}
.div-flex-between{
    display: flex;
    margin: 0;
    padding: 0;
    justify-content: space-between;
    gap: 50px;
}
.gradient-border {
    position: relative;
    padding: 20px;
    z-index: 1;
    margin-bottom: 30px;
}
.gradient-border::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, #E411151A,  #0000031A);
    z-index: -1;
    border-radius: 5px;
    padding: 4px;
    -webkit-mask:
            linear-gradient(white, white) content-box,
            linear-gradient(white, white);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}
#back-rst{
    background-image: url("../../../services/img/uslugi/docs/backs/rst.jpg");
}
#back-hand{
    background-image: url("../../../services/img/uslugi/docs/backs/back-hand.jpg");
}
#back-hueta{
    background-image: url("../../../services/img/uslugi/docs/backs/back-hueta.jpg");
}
.div-column{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.div-column div{
    max-width: 470px;
}
@media (max-width: 1440px) {
    .order-block2{
        display: flex;
    }
    .order-block{
        display: none;
    }
    .page{
        display: flex;
        justify-content: center;
        padding: 40px 120px;
    }
    .add-background-right, .add-background-center {
        background-size: auto 75%;
    }
    #back-rst{
        background-image: none;
    }
}
@media (max-width: 1200px) {
    .page{
        padding: 40px 80px;
        font-size: 18px;
        line-height: 25px;
    }
    .page-container{
        max-width: 1520px;
    }
    .document-section{
        flex-direction: column;
    } 
    .document-image{
        margin: 0;
        height: auto;
        width: 80%;
        max-height: none;
        max-width: none;
    }
    .document-container{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .order-block2 {
        display: flex;
        justify-content: space-between;
        margin-left: auto;
        margin-right: auto;
        gap: 10px;
      }
      .block-substrate{
        display: none;
      }
      .document-image{
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 600px;
      }
    .add-background-left,
    .add-background-right, 
    .add-background-center img {
        background-size: auto 80%; 
    }
    img.service-info {
        opacity: 60%;
    }
    #back-iso9001 {
        background-size: 80% auto;
      }
    #back-gost-r,
    #back-hueta,
    #back-pishprom,
    #back-legkaya, 
    #back-operating-manual,
    #back-safely-info,
    #back-fire-cert-conformity
    {
        background-image: none;
    }
    #back-marketplaces-certification,
    #back-promish,
    #back-kosmetika,
    #back-lapi,
    #back-udobr,
    #back-igrushki,
    .halal-category,
    #back-sheet,
    #back-fire-cert-conformity2,
    #back-fc-success,
    #back-success-patenting,
    #back-fair_sigh,
    #back-g1rus,
    #back-st1
    {
        background-size: 55% auto;
    }
    .ct th{
        font-size: 16px;
    }
}
@media (max-width: 800px) {
    .page{
        padding: 40px 16px;
        font-size: 16px;
    }
    .page h1{
        font-size: 20px;
        line-height: 25px;
    }
    .service-info {
        gap: 10px;
    }
    .document-section {
        margin-bottom: 15px;
      }
    .document-section,
    .div-flex-between,
    .flex-div
    {
        flex-direction: column;
    } 
    .order-block2 div, button {
        width: 100%;
    }
    .order-block2{
        flex-direction: column;
    }
    #fire-cert-border-container {
        max-width: 100%;
        padding: 0;
    }
    .common-list,
    #vol-cert1,
    #vol-cert2,
    .halal-category,
    .fire-cert-numeric,
    .fire-cert-table-container2,
    .fire-cert-table-container
    {
        padding-left: 0;
    }
    .sgr-info {
        padding: 0;
    }
    .big-bold{
        font-size: 18px;
    }
    .service-info h2,
    .service-info h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .custom-list{
        margin-bottom: 15px;
    }
    .div-flex-between {
        gap: 0
    }
    #back-st-work-safely {
        background-size: 60% auto;
      }
}