:root{
    --melowithe:#F6F5F5;
    --borderColor:#ccc;
}
body{
    height: 130vh;
    /* background-color: red; */

}
p{
    margin: 0;
}
/* origen */
.underliner{
    text-decoration: underline !important;
}
.btn-color{
    background-color: rgb(27, 87, 123) !important;
    border-radius: 16px !important;
    color: #fff !important;
}
.btn-color2{
    background-color: rgb(27, 87, 123) !important;
    color: #fff !important;
}
.btn-FontSizeSet1{
    font-size: 22px !important;
}
.btn-FontSizeSet2{
    font-size: 18px !important;
}
.linkColor{
    color: #3591ab !important;
    font-weight: bold;
}

.max-with{
    /* background-color: aqua; */
    max-width: 800px;
    margin: auto;
    /* height: 100vh; */
    position: relative;
}
.yebarmasf{
    text-decoration: underline !important;
}
/* new */
.payment-methode-img{width: 40px;}
.fontSize-set{
    font-size: 18px;
}
.fontSize-set-big{
    font-size: 20px;
    font-weight: bold;
}
.the-number-of-prudact{
    background-color: var(--melowithe);
    /* width: 30px; */
    height: 30px;
    padding: 0;
    margin: 0;
    text-align: center;
    /* clip-path: circle(); */
    font-weight: bold;
    border-radius: 5px;
}
.the-prudact-id{
    background-color: var(--melowithe);

}
.the-adres{
    background-color: var(--melowithe);
    position: relative;
}
.the-adres input {
    background-color: var(--melowithe);
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    color: #212121 !important;
}
.the-adres .edite{
    position: absolute;
    left: 10px;
    bottom: 0;
    color: #fff;
    width: 30px;
    height: 30px;
    background-color: red;
    clip-path: circle();
    cursor: pointer;
    text-align: center;
}
.the-prudauct-tip{
    background-color: var(--melowithe);
    margin-bottom: 10px;
    padding: 5px;
}
.total-price{
    font-size: 40px;
}
.pay-btn{
    width: 40%;
    border-radius: 10px !important;
}
.chrckpoint{
    width: 30px;
    height: 30px;
    border: 2px solid black;
    /* clip-path: circle(); */
    border-radius: 100px;
    text-align: center;
    background-color: var(--melowithe);
    cursor: pointer
}
.chrckpointSelected{

    background-color: green;
}


/* old */
.bold{
    font-weight: bold;
}
.L-container{
    width: 400px;
    display: block;
    margin: auto;
}


/* index4 */
.inputstyle{
    width: 100%;
    border-radius:40vw ;
    border: none;
    background-color: #f3f3f3;
    padding: 2.5%;
    color: #4d4d4d;
    padding: 12px 22px !important;
}
.inputstyleSpan{
    border-radius: 40vw 0 0 40vw;
    background-color: #f3f3f3;
    border: none;
    outline: none;
}
.inputstyle:focus{
    box-shadow: none !important;
    border: none !important;
    outline: none !important; 
    background-color: #f3f3f3;

}

.inputstyle:focus{
    border: none !important;
    outline: none !important;
}
.L-logo-container img{
    width: 30%;
}

/* warning */

/* Responsive styling */
@media screen and (max-width: 1590px) {

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

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

}
@media screen and (max-width: 992px) {
    /* index 3 */
    .L-container{
        width: 85%;

    }
    
    /* index4 */
    .inputstyle{
        padding: 4%;
    }

}
@media (max-width: 768px) {
}
    /* Add additional responsive styles */
@media screen and (max-width: 576px) {


}