body{
    margin:0;
    background:#F2F2F2;
}
header{
        background: #960000;
    text-align: center;
}
header img{
        width: 15%;
    padding: 20px;
}

.text-center{
    text-align: center;
}
.Parent{
    display: flex;
    justify-content: center;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 20px;
}
.leftFlex{
    
}

.disabled {
    cursor: not-allowed;    /* Change the cursor to indicate it's not clickable */
    pointer-events: none;   /* Prevent any mouse interactions */
}

.rightFlexChild{
    display: flex;
    flex-direction: column;
    width:70%;
}
.rightFlexChild img{
    width:100%;
    margin-top: 20px;
}

.rightFlex{
    width: 40%;
    display: flex;
    justify-content: center;
    background: white;
    box-shadow: 1px 2px 3px 0px lightgray;
}

.flexColumn{
    display: flex;
    flex-direction: column;
    margin: 15px;
}

.leftFlexFirst{
     display: flex;
     flex-direction: column;
     justify-content: space-between;
    width: 60%;
    background: white;
    margin-right: 20px;
    box-shadow: 1px 2px 3px 0px lightgray;
}

.leftFlexFirst1{
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: center;
}

.flexColumn input{
    border-radius: 10px;
    border: 1px solid #B6B6B6;
    outline: none;
    height: 20px;
    padding: 5px 10px;
}

.flexColumn select{
    border-radius: 10px;
    border: 1px solid #B6B6B6;
    outline: none;
    height: 32px;
}

.select2-container--default .select2-selection--single{
    border-radius: 10px !important;;
}

.select2-container .select2-selection--single{
    height: 32px !important;
}
.widthBlockFirst{
    width:50%;
}

label{
        margin-bottom: 5px;
}

.flexColumn p{
    margin: 5px;
    font-size: 12px;
}

button{
        width: 20%;
    margin: 0 auto;
    padding: 10px;
    background: #960000;
    border: none;
    color: white;
    border-radius: 10px;
    font-weight: bold;
    cursor:pointer;
}
.leftBl{
    display: flex;
        flex-direction: column;
}

.felxx{
    display: flex;
}
.footer{
        background: #4E4E4E;
    margin: 0;
    color: white;
    text-align: center;
    padding: 10px;
}

@media only screen and (max-width: 768px) {
    header img {
        width: 25%;
    }
    .felxx{
        flex-direction: column;
    }
    .Parent{
            flex-direction: column-reverse;
    }
    .rightFlex {
        width: 100%;
    }
    .leftFlexFirst{
        width: 100%;
        margin-top: 20px;
    }
    button {
        width: 40%;
    }
    .widthBlockFirst {
        width: auto;
    }
    .leftBl{
        flex-direction: column;
    }
    
    h3, h4{
        padding: 0px 20px;
    }
        
}