.checkout-h1 {
    color: green;
    margin-top: 30px;
}

/* start pages success, cancel */
.bot-image {
    margin-right: 10px;
}

.code-bot {
    color: green;
}

.checkout-bot-content .descritpion-form {
    font-size: 18px;
    color: #0f6b7a;
}

.link-checkout-bak {
    display: block;
    text-decoration: none;
}

.link-checkout-bak {
    background-color: #177b979c;
    width: 207px;
    border-radius: 5px;
    padding: 8px;
    text-align: center;
    color: white;
    text-transform: uppercase;
    transition: background-color 200ms linear 0s;
}

.link-checkout-bak:hover {
    background-color: #177b97d3;
    color: white;
}

/* End pages success, cancel */

.checkout-bot-form-block {
    background-color: #CDD5E933;
    border: 20px solid transparent;
    border-radius: 10px;
}

.check-bot-btn-sign {
    display: block;
    background-image: linear-gradient(to left, #FC8103, #FAC30B);
    background-size: 100%;
    padding: 9px;
    border-radius: 30px;
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    color: white;
    cursor: pointer;
    line-height: 33px;
    text-transform: uppercase;
    box-shadow: 3px 5px 8px #0000001f;
    transition: background-size 200ms linear 0s;
}

.check-bot-btn-sign:hover {
    background-size: 200%;
}

.wrp-subsc-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color:#0B3CC9;
    padding-bottom: 5px;
    border-bottom: 1px solid #8080807a;
}

.price {
    font-family: "PT Sans", sans-serif;
    font-weight: 700;
    color: white;
    text-align: center;
}
.title-iva {
    font-family: "PT Sans", sans-serif;
    font-size: 15px;
    font-style: italic;
    color: white;
    font-weight: 400;
    margin-top: -11px;
}

.checkout-bot-title-1 {
    position:relative;
    top: 19px;
}
.checkout-bot-title-1, .checkout-bot-title-2 {
    
    margin-bottom: 0px;
    font-family: "PT Sans", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color:#000000;
    text-align: center;
}
/* .checkout-bot-title-2 {
    margin-bottom: 0px;
    text-transform: uppercase;
    color: #626262;
    font-size: 17px;
} */

.checkout-description {
    color: #646464;
    margin: 0px 0px 24px 0px;
    padding: 0px 10px;
    min-height: 188px;
}


.list-title-plans {
    list-style-image: url(/images/subscriptions/check_subsr_list4.png);
}


.checkout-bot-form-block .agreement-title-register {
    color:#7F89A8;
    font-family: "PT Sans", sans-serif;
    font-weight: 400;
    
}

.checkout-bot-form-block .agreement-register-wrp {
    margin-top: 23px;
    margin-left: 12px;
}

input[name="agreemment"] {
    width:20px;
    height:20px;
}

@media screen and (min-width: 1400px) {

    .telegram-bot-wrp {
        display: flex;
        width: 70%;
        flex-wrap: wrap;
        justify-content: start;
    }

    .code-bot,
    .link-code-bot {
        width: 42%;
        font-size: 22px;
    }

    .checkout-bot-content {
        min-height: 60vh;
    }

    .link-checkout-bak {
        width: 207px;
        margin: 51px 0px 20px 0px;
    }

    .wrp-checkout-bot-form {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 23px;
    }

    .checkout-bot-form-block {
        width: 403px;
        height:565px;
    }

    .form-bot-inner {
        width: 363px;
        height:525px;
        border-radius: 13px;
        background-color:white;
        box-shadow: 1px 1px 20px #0d000012;
    }

    .checkout-bot-title-1, .checkout-bot-title-2 {
        font-size:30px;
    }

    .wrp-subsc-header {    
        height:76px;
        margin: 42px auto 15px auto;
    }

    .price {  
        margin: -2px auto 0px auto;
        font-size: 40px;

    }

    .check-bot-btn-sign {
        width: 280px;
        height: 50px;
        margin: 0px auto;
    }

    .checkout-bot-form-block .agreement-title-register {
        width: 300px;
        margin-left: 9px;
        font-size:15px !important;
        line-height: 19px;
    }

}

@media screen and (min-width: 1000px) and (max-width:1400px) {

    .telegram-bot-wrp {
        display: flex;
        width: 70%;
        flex-wrap: wrap;
        justify-content: start;
    }

    .code-bot,
    .link-code-bot {
        width: 42%;
        font-size: 22px;
    }

    .checkout-bot-content {
        min-height: 60vh;
    }

    .link-checkout-bak {
        width: 207px;
        margin: 51px 0px 20px 0px;
    }

    .wrp-checkout-bot-form {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom:23px;
    }

    .checkout-bot-form-block {
        width: 336px;
        height:565px;
    }

    .form-bot-inner {
        width: 296px;
        height:525px;
        border-radius: 13px;
        background-color:white;
        box-shadow: 1px 1px 20px #0d000012;
    }

    .checkout-bot-title-1, .checkout-bot-title-2 {
        font-size:27px;
    }

    .wrp-subsc-header {    
        height:71px;
        margin: 42px auto 15px auto;
    }

    .price {  
        margin: -2px auto 0px auto;
        font-size: 37px;
    }

    .check-bot-btn-sign {
        width: 240px;
        height: 50px;
        margin: 0px auto;
    }

    .checkout-bot-form-block .agreement-title-register {
        width: 233px;
        margin-left: 9px;
        font-size:15px !important;
        line-height: 19px;
    }

}

@media screen and (max-width: 1000px) {

    .code-bot,
    .link-code-bot {
        margin: 20px 0px;
        font-size: 21px;
    }

    .link-checkout-bak {
        width: 67%;
        font-weight: 500;
        margin: 58px auto 20px auto;
    }

    .wrp-checkout-bot-form {
        margin-bottom: 23px;
    }

    .checkout-bot-form-block {
        margin: 47px auto;
    }

    .form-bot-inner {
        height:525px;
        border-radius: 13px;
        background-color:white;
        box-shadow: 1px 1px 20px #0d000012;
    }
    .checkout-bot-title-1, .checkout-bot-title-2 {
        font-size:27px;
    }

    .wrp-subsc-header {    
        height:71px;
        margin: 42px auto 15px auto;
    }
    .price {
        margin: -4px auto 0px auto;  
        font-size: 40px;
        
    }

    .check-bot-btn-sign {
        width: 88%;
        margin: 0px auto;
    }

    .checkout-bot-form-block .agreement-title-register {
        width: 95%;
        margin-left: 6px;
        font-size: 14px !important;
        line-height: 18px;
    }
}