.container{display:flex;height:100vh}.leftside{background-color:#f7b50f;flex:1;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2em}.rightside{background-color:#fff;flex:2;display:flex;align-items:center;justify-content:center}.Regform{width:60%;background:#fff;padding:40px;position:relative}.input-group{position:relative;margin-bottom:25px}.input-group:nth-child(1),.input-group:nth-child(2){display:inline-block;width:calc(50% - 10px)}.input-group:nth-child(2){margin-left:20px}.centertext{font-size:40px;text-align:center;margin-bottom:20px;position:relative}.alreadyaccount{text-decoration:none;color:#00f}.accountquestion{margin-top:10px}@media (max-width: 768px){.container{flex-direction:column}.leftside,.rightside{flex:none;width:100%}}.Customeraddform{position:relative;width:100%;max-width:1200px;padding:20px;border-radius:8px;box-shadow:0 0 15px #0000001a;margin:0 auto}label{display:block;margin-bottom:1rem}label>span{display:block;font-size:1rem;margin-bottom:.5rem;color:#333}.searchcomp{align-self:center;width:100%;max-width:500px;height:28px;align-items:center;border-radius:8px;overflow:hidden;background-color:transparent;padding:8px;margin:0 auto}.search{display:none;flex-grow:1;border:none;outline:none;padding:8px;background-color:transparent;font-size:1rem}.search-icon{margin-left:8px;color:#9e9e9e}.Customerinput{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}button{background-color:#f7b50f;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:1rem}button:hover{background-color:#ff8c00}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#f7b50f}input:focus+.slider{box-shadow:0 0 1px #f7b50f}input:checked+.slider:before{transform:translate(26px)}.switch-label{margin-right:10px}@media (max-width: 768px){.searchcomp{max-width:80%}}@media (max-width: 480px){.searchcomp{max-width:100%}label>span,button{font-size:.9rem}}.container{display:flex;flex-direction:row;height:100vh;width:100%;margin:0}.menu{background-color:#fff;flex:1;color:#0b0b0b;font-size:18px;box-shadow:5px 0 5px -6px #0000004d;text-align:start}.restofpage{flex:5;background-color:#ece6e1;display:flex;align-items:center;justify-content:center}.allList{list-style-type:none;padding:0;margin:0;width:100%}.innermenu{text-align:start;padding-top:20px;width:100%}.individualList{text-align:start;height:55px;margin:8px;color:gray;cursor:pointer;width:100%}.individualList:hover{background-color:#f7b50f;color:#fff;border-radius:6px}.innerrest{margin:30px;padding:40px;text-align:center}.Topheader{font-size:x-large;color:#403f3f;margin:20px}.containerforsite{list-style-type:none;margin:15px}.indivisuallist{margin:15px}.approvalaccept,.approvaldenied{padding:8px 16px;cursor:pointer;font-size:16px;border-radius:4px}.approvalaccept{background-color:#3be66b80;color:green;border:2px solid green}.approvaldenied{background-color:#eb4b4b80;color:red;border:2px solid red}@media (max-width: 768px){.container{flex-direction:column}.menu,.restofpage{width:100%}.Topheader,.individualList{font-size:medium}}@media (min-width: 769px) and (max-width: 1024px){.menu{flex:2}.restofpage{flex:4}}.icon-text-icon-container{display:flex;align-items:center;justify-content:space-between;background-color:#f7f4f4;width:700px;height:70px;border-radius:10px;padding:0 20px}.prefix-icon,.postfix-icon{flex-shrink:0;margin:0 40px;color:orange;font-size:60px}.text{flex-grow:1;text-align:center;font-size:15px;font-weight:700}body{font-family:Arial,sans-serif;margin:0;padding:0}.container{display:flex;height:100vh;flex-wrap:wrap}.leftside{background-color:#f7b50f;flex:1;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;font-size:2em}.rightside{background-color:#fff;flex:2;display:flex;align-items:center;justify-content:center;height:100vh}.Regform{position:relative;width:100%;max-width:800px;background:#fff;padding:40px}.input-group-login{position:relative;margin-bottom:25px}input{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px}.input-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;width:20px;height:20px}.input-group-login:nth-child(1),.input-group-login:nth-child(2){display:inline-block;width:100%}.input-group-login:nth-child(2){margin-left:20px}button{width:100%;padding:10px;border:none;background-color:#f7b50f;color:#fff;cursor:pointer;border-radius:5px}button:hover{background-color:#f5a623}.centertext{position:relative;margin-bottom:20px;text-align:center;font-size:2em}@media (max-width: 768px){.leftside,.rightside{width:100%;height:auto}.Regform{width:80%;padding:20px}.centertext{font-size:1.5em}}@media (max-width: 480px){.leftside,.rightside{width:100%}.Regform{width:90%;padding:15px}.input-group-login,input,button{font-size:.9rem}.centertext{font-size:1.2em}}