.btn-primaryy {
    background-color: #f1f1f1;
    margin: 6px;
    padding: 6px 30px 6px 30px;
    align-items: baseline;
    text-overflow: ellipsis;
    white-space: pre;
    text-align: start !important;
    cursor: pointer;
    font-weight: 700;
    font-size: 12px;
    
}

.form-v7-content .form-detail .drpzninput-text {
	margin-bottom: 28px;
}

.form-v7-content .form-detail .drpzninput {
        width: 100%;
        padding: 8px 7px 4px 15px;
        /*border: 2px solid transparent;
        border-bottom: 2px solid #e5e5e5;*/
        appearance: unset;
        -moz-appearance: unset;
        -webkit-appearance: unset;
        -o-appearance: unset;
        -ms-appearance: unset;
        outline: none;
        -moz-outline: none;
        -webkit-outline: none;
        -o-outline: none;
        -ms-outline: none;
        font-family: 'Cairo', sans-serif;
        font-size: 13px;
        font-weight: 500;
        color: #333;
        box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;

        text-rendering: auto;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    -webkit-rtl-ordering: logical;


    }

    .form-v7-content .form-detail .form-row drpzninput:focus {
        border-bottom: 2px solid #c7a368;
    }


    .form-v7-content { 
        margin: 0px 0; 
    }

    @media (max-width: 1100px) {
        .heading-section { 
            padding-right: 30px; 
         
        }
      }
    
      .dropzone.dropzone-queue { 
        width: 100%;
    }

    .dropzone {
        min-height: 90px;  
        cursor: default;  
    }
 
    .dropzone.dropzone-queue .dropzone-item .dropzone-progress {
        width: 20%;
    }

    .dropzone.dropzone-queue .dropzone-item .dropzone-progress .progress {
        height: 10px; 
    }

    .progress { 
         margin-bottom: 0px; 
display: none;  
    }

    .dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-cancel i, .dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-delete i, .dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-start i {
         font-size: 1.1rem; 
    }

    .dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-cancel:hover i, .dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-delete:hover i, .dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-start:hover i {
        color: #550f0b;
    }

    .dropzone-panel{
        margin-top: -7px;
        border-width: 2px;
    border-style: solid;
    border-color: transparent transparent rgb(229, 229, 229);
    }
    .dropzone.dropzone-queue .dropzone-item { 
        background-color: #f3f3f3;
    }



    .form-v7-content .form-detail .register { 
        width: 130px; 
    }

  

    .checkmark {
        position: absolute; 
         left: 10px ; 
    }

    .form-v7-content .form-detail .register_submit {
        background: #550f0b;
        border-radius: 2px;
        width: 130px; 
        height: 45px;
        border: none;
        margin: -13px 0 50px 0px;
        cursor: pointer;
        font-family: 'Cairo', sans-serif;
        color: #fff;
        font-weight: 400;
        font-size: 15px;
        float: left;
        margin-right: 10px;
        margin-left: 10px;
        margin-top: 20px ;
    }

    .form-v7-content .form-detail .register_submit:hover { 
        color:#550f0b;
 
    }

    .submission_label { 
        margin-bottom: 100px; 
    }

            .containerpopup {
                position: relative;
                position: fixed;
                display: flex;
                justify-content: center;
                align-items: center;
                width: 100%;
                min-height: 100vh;
                padding: 14px;
                z-index: 1000;
                top: 0;
                bottom:0;
                right: 0;
                left: 0;
                background-color: #00000094;
                
                
            }
            .popup {
                position: absolute;
                width: 100%;
                max-width: 860px;
                padding: 20px 30px;
                left: 0;
                top: 0;
                margin: auto;
                right: 0;
                bottom:0;
                border-radius: 2px;
                font-family: "Cairo", sans-serif;
                display: none;
                text-align: center;
                background-color: #ffffff;
                box-shadow: 0 8px 16px 0 rgb(0 0 0 / 15%);
                height: 97%;
                overflow-y: auto; 
                
                
            }

            .popup .row {
                display: flex;
                justify-content: center;
                flex-wrap: wrap;
                gap: 0 24px;
            }

            .popup button {
                display: block;
                margin-left: auto;
                background-color: transparent;
                font-size: 30px;
                color: #c5c3c3;
                background: #fff;
                border-radius: 100%;
                width: 40px;
                height: 40px;
                border: none;
                outline: none;
                cursor: pointer;
            }

            .popup button:hover {
                color: #4e0a06;
            }

            .popup h2 {
                font-size: 18px;
            }

            .popup h2::after {
                content: "";
                width: 100%;
                max-width: 500px;
                height: 1px;
                display: inline-block;
                background: #c7a368;
                margin: 4px 10px;
                text-align: right;
            }

            .popup p {
                font-size: 14px;
                text-align: justify;
                margin: 20px 0;
                line-height: 25px;
            }

            .popupa {
                display: block;
                width: 150px;
                position: relative;
                margin: 10px auto;
                text-align: center;
                background-color: #550f0b;
                cursor: pointer;
                font-family: "Cairo", sans-serif;
                color: #fff;
                font-weight: 400;
                font-size: 14px;
                border-radius: 2px;
                color: #ffffff;
                text-decoration: none;
                padding: 8px 0;
            }

            .popupa:hover {
                background: #4e0a06;
                color: #c7a368;
            }

            .element {
                display: inline-block;
                width: 320px;
                padding-bottom: 20px;
                padding-right: 10px;
            }

            .element ul {
                list-style-type: square;
                color: rgb(51, 36, 36);
                direction: rtl;
            }

            .element ul li {
                margin: 5px;
                color: #000;
                font-size: 12px;
                text-align: justify;
                line-height: 25px;
            }
        

            .fa {
                color: #4e0a06;
                
              }

              .green{
                  color:green ;
              }


              .selectgen {
                width: 100%; 
                background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E);
                background-size: 0.6em;
                background-position: calc(7% - 1.3em) center; 
            }

            .selectlabel { 
                margin-bottom: 26px; 
                margin-top: 20px;
                text-align: right;
                font-size: 16px;
                margin-right: 0px;
                margin-left: 0px;
            }

            .yearandmajor{
                background-position: calc(24% - 1.3em) center;
            }