@font-face {
    font-family: TheSans;
    src: url(TheSans-Bold.otf);
  }
*{
    padding:0px;
    margin: 0px;
    box-sizing: border-box;
    direction: rtl;
    font-family: TheSans;
}

form.formHolder {
    padding: 20px;
    width: 100%;
     
}
.row1 {
    
    margin-top: 20px;
    margin-left:20px;
}

.disc {
    
padding-right: 20px;
padding-left: 20px;
}
/* Style for the container holding the image and text */
.rdimg {
    position: relative;
    display: inline-block;
}

/* Style for the text container */
.text-container {
    position: absolute;
    top: 10%;
    left: 5%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.text-container1 {
    position: absolute;
    top: 5%;
    left: 5%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    white-space: nowrap;
    max-width: 40%; /* Set a maximum width for the text container */
    
    
}
/* Style for the first text */
.disprice {
    font-size: 5.6vw; /* Adjust the font size as needed */
}
.normalprice {
    font-size: 4.5vw; /* Adjust the font size as needed */
            align-self: center;
text-decoration-line: line-through;
color: grey;
}

/* Style for the second text */
.text-2 {
    font-size: 4vw; /* Adjust the font size as needed */
        align-self: center;
        color:red;
            padding-top: 3%;
}














.rd {
    
    display: none;
}

.radioimg {
    
        width:100%;
    padding:3px;

}
.rdimg {
    width:100%;
    margin:10px;
    
}
.rdimg {
    
    background-color: #ffb2bc;
    filter: inherit;
}
.row1 input:checked + .rdimg{
    
    background-color: red;
     filter: brightness(80%);

}

.ofstart {
    
    background-image: url(../img/main-background.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 25px;
}
.form-control {
    font-size:1.5rem;
    
    color: #fa4e63;

}

.form-control::placeholder {    
    color: #A4324A22;
}
select.form-control:not([size]):not([multiple]) {
    height: calc(5rem + 2px)!important;
}
#buyBtn{
    background-color: #fa4e61;
    color: #fff;
    border: 2px #ff0077 solid;
}
option {
    font-size: 1rem!important;
}
.TitleMid{
    text-align: center;
    font-size: 2rem;
    font-family: TheSans;
    color: #AF874E;
}
select.form-control:not([size]):not([multiple]) {
    height: calc(6rem + 2px);
}