* {
    box-sizing: border-box;
}
.addmission-form {
    /* border: 0.5px solid purple; */
    border-radius: 5px;
    position: relative;
}

 .form-head {
    position: relative;
}
 .form-head > .profile {
    border: 1px solid black;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 140px;
    height: 150px;
}

.form-head > .profile > .profile-alt-text {
    position: relative;
    top: 40%;
}

/*logo design*/
.form-head > .school-logo {
    border: 0.5px solid black;
    border-radius: 50%;
    position: absolute;
    left: 20px;
    top: 20px;
    width: 130px;
    height: 130px;
}

.form-head > .school-logo-image {
    border: 0.5px solid black;
    border-radius: 50%;
    position: absolute;
    left: 20px;
    top: 20px;
    width: 130px;
    height: 130px;
}

.form-head > .school-logo > .school-logo-text {
    position: relative;
    top: 40%;
}

.addmission-form > .admission-heading {
    position: absolute;
    top: 0;
    padding: 10px 15px;
    border-color: purple;
    border-style: double;
    color:black;
    background: white;
    left: 50%;
    border-radius: 2px 25px;
    transform: translate(-50%, -50%);
}   

.info-box {
    border: 0.5px solid purple;
    border-radius: 5px;
    position: relative;
    padding: 10px 15px;
    font-weight: bold;
}

.info-box > .info-box-title {
    position: absolute;
    border-color: purple;
    border-style: double;
    border-radius: 3px;
    min-width: 200px;
    padding: 5px;
    background: white;
    top: 0;
    left: 15% !important;
    z-index: 9;
    transform: translate(-50%, -50%);
    box-shadow: 7px 7px 17px 0px #ccc4c4;
}

.info-table {
    position: relative;
}

.info-table > .student-image {
    position:absolute;
    right: 3%;
    top: 3%;
    /* transform: translate(-50%, -50%); */
}