/*NEW ADDED CSS*/
@font-face {
    font-family: Roboto-Black;
    src: url(/assets/fonts/Roboto-Black.ttf);
}
@font-face {
    font-family: Helvetica;
    src: url(../fonts/omega-fonts/Helvetica.ttf);
}

@font-face {
    font-family: Helvetica-Bold-Font;
    src: url(/assets/fonts/omega-fonts/Helvetica-Bold-Font.ttf);
}

@font-face {
    font-family: HelveticaNeueLTStd-LtCn;
    src: url(/assets/fonts/omega-fonts/HelveticaNeueLTStd-LtCn.otf);
}

.link-rptr {
  background: #41C13F 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  border: 2px solid #9BF09A;
  border-radius: 8px;
  font-weight: 500;
  opacity: 1;
  padding: 10px 12px;
  color: #fff;
  text-decoration: none;
}

.link-rptr a {
  color: #fff;
}

.link-rptr a:hover {
  text-decoration: underline;
}

.warning-box {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    border: 2px solid #cf0101;
    text-align: center;
    padding: 27px 10px;
    border-radius: 7px;
    position: relative;
    margin-bottom: 22px;
}

    .warning-box h3 {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
        /*color: #cf0101;*/
        font-size: 22px;
        text-decoration: underline;
        margin-top: 0px;
        margin-bottom: 10px;
    }

        .warning-box h3 span {
            /*text-transform: uppercase;*/
        }

.w-red {
    color: #cf0101;
}

.warning-box p {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    margin-bottom: 1px;
    font-size: 18px;
}

.warning-box h4 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    /*font-family: Roboto-Black;*/
    /*color: #cf0101;*/
    font-size: 20px;
    margin-top: 4px;
    margin-bottom: 0px;
}

.fontz21 {
    font-size: 21px;
}

.box-img {
    position: absolute;
    top: -60px;
    right: -29px;
    width: 211px;
}


@media(min-width:1200px) and (max-width:1229px) {
    .box-img {
        top: -21px;
        right: -11px;
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .box-img {
        top: -61px;
        right: -11px;
    }

    .warning-box-container {
        margin-top: 40px !important;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .box-img {
        top: -65px;
        right: -23px;
    }

    .warning-box-container {
        margin-top: 70px !important;
    }
}

@media(max-width:767px) {
    .box-img {
        top: -63px;
        right: -9px;
        width: 221px;
    }

    .title-start {
        font-weight: 600;
        color: #f81616;
        line-height: 35px !important;
        margin-bottom: 20px;
        font-size: 28px !important;
    }

    .warning-box-container {
        margin-top: 70px !important;
    }

    .warning-box h3 {
        line-height: 27px;
        font-size: 18px;
        margin-top: 7px;
    }

    .warning-box h4 {
        line-height: 25px;
        font-size: 18px;
        margin-top: 7px;
    }

    .w-mob-block {
        display: block;
    }

    .warning-box p {
        font-family: Roboto-Medium;
        margin-bottom: 1px;
        font-size: 16px;
    }

    .warning-box {
        margin-bottom: 0px !important;
    }
}

 /* modal payment all format */ 

 #container-btn-modal p, #container-btn-oneclick p {
    font-size: 14px;
    text-align: justify;
    margin: 5px 0 0 0;
    line-height: 1.5;
    }

    .modal-payment{
        background: rgba(250, 250, 250, 0.7);
        display: none;
        justify-content: space-evenly;
        align-items: center; 
        flex-direction: column;
        z-index:    1000;
        position: fixed;
        top: 0;
        left: 0;
        right: 0; 
        bottom: 0;
        text-align: center;
    }

    .btn-submit-modal {
        background: #41C13F 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
        border: 4px solid #9BF09A;
        border-radius: 10px;
    }
    .btn-submit-modal:hover{
        background: #41C13F 0% 0% no-repeat padding-box !important;
        box-shadow: 0px 3px 6px rgb(0 0 0 / 16%) !important;
        border: 4px solid #9BF09A !important;
        opacity: 0.8;
    }

    .round-number-modal {
        background: var(--main-color);
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 20px;
        font-weight: 600;
        color: white;
        text-align: center;
        border-radius: 100%;
        position: absolute;
    }
    
    .modal-payment div { 
        display: flex;
        align-items: center; 
        flex-direction: column;
        background: rgba( 255, 255, 255, 1 );
        position: relative;  
    }

    .round-number-modal{
        position: absolute;
        /* display: none; */
    }

    .text-modal-payment{
        line-height: 1.5;
    }

    .text-modal-payment span {
        color: #624968;
    }

    #container-btn-oneclick{
        display: none;
    }
    .close-modal-payment {
        font-size: 24px;
        color: var(--main-color); 
        font-weight: bold;
        position: absolute;
        top: 2vh;
        right: 2vh;
        border-radius: 100%;
        transform: scale(1);
        transition: all .3s;
    }
    .close-modal-payment:hover {
        transform: scale(1.2);
        transition: all .3s;
        cursor: pointer;
    }
    #cb_submit, #pay_submit {
        display: none;
    }