@font-face{font-family:Montserrat;src:url(/assets/Montserrat-VariableFont_wght-CiIa1Ne8.ttf)}@font-face{font-family:Roboto;src:url(/assets/Roboto-Regular-ia0dPpEo.ttf)}@font-face{font-family:JMNKR;src:url(/assets/Jameel-Noori-Nastaleeq-Regular-96-hg8-J.ttf)}@font-face{font-family:ALDHABI;src:url(/assets/ALDHABI-ChZejmUP.TTF)}body{font-family:Montserrat;margin:0;padding:0;box-sizing:border-box;background-color:#fff}body{font-family:Montserrat,sans-serif;margin:0;padding:0;box-sizing:border-box}.header{font-family:Montserrat,serif;text-align:center;background-color:#fff;display:flex;justify-content:center;align-items:center;box-shadow:1px 1px 5px #000000ea;padding:10px 0;gap:10px}.header .first{width:30%;display:flex;flex-direction:column;align-items:end}.header .first h1{margin:0;font-family:Roboto;color:#345749;font-size:40px}.header .first h4{font-family:Roboto;color:#345749;font-size:25px}.header .second{width:10%}.header .third{width:30%;color:#345749;display:flex}.header .third h1{font-family:JMNKR;margin:0;font-size:40px}@media screen and (max-width: 600px){.header{flex-direction:column}.header .first{width:100%}.header .first h1{font-size:26px}.header .second,.header .third{width:100%}.header .third h1{font-family:JMNKR;margin:0;font-size:30px}}.test input[type=text]{font-family:Arial,sans-serif;font-size:16px;padding:10px;border:1px solid #ccc;border-radius:5px;width:100%;box-sizing:border-box}.test input.mobile-number{letter-spacing:.1em;text-indent:.1em;font-weight:700;color:#333;caret-color:#000}.test input.mobile-number::placeholder{color:#aaa;letter-spacing:normal;text-indent:0}.test input.mobile-number:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80;outline:none}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;animation:fadeInBackdrop .3s forwards}.modal{background-color:#ffffff18;border-radius:12px;width:100%;padding:25px;box-shadow:0 10px 25px #0000001a;text-align:center;animation:scaleUp .3s ease-in-out forwards;transform:scale(.9)}.modalIn{background-color:#fff;width:auto;padding:10px;border-radius:10px}.modal h2{font-size:1.75rem;font-weight:600;color:#333;margin-bottom:20px}.modal p{font-size:1.1rem;color:#666;margin-bottom:25px;line-height:1.5}.modal button{background-color:#345749!important;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;outline:none}.modal button:hover{background-color:#345749!important;transform:scale(1.05)}.divider{width:50%;height:1px;background-color:#333;text-align:center}.divmain{width:100%;display:flex;justify-content:center}.customModalTitle{font-size:28px!important;color:#345749!important}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.modal{width:95%;padding:20px}.modal h2{font-size:28px;font-weight:800}.modal p{font-size:22px}.modal button{font-size:.9rem}.modalIn{width:90%;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}}.admissionFormMain{display:flex;justify-content:center;align-items:center;margin-top:20px;gap:10px;flex-direction:column}.showFormBtn{background-color:#345749;font-family:JMNKR;color:#fff;width:auto;display:flex;margin-left:auto;margin-right:auto;padding:10px;border-radius:10px;font-size:24px}.remainingTime{background-color:#345749;color:#fff;width:auto;display:flex;padding:10px;border-radius:10px;font-size:24px;margin-bottom:100px;text-align:center}.remainingTime h1{color:#fff;font-family:JMNKR;font-weight:400;font-size:28px}.remainingTime div{display:flex;gap:10px;border-top:1px solid white;justify-content:center}.remainingTime .timeDisplay p{color:#fff;font-size:36px!important}.registration_details .divider{background-color:#345749;height:1px;width:100%;border-radius:10px;margin:10px 0}.admissionFormMianContainer{display:flex;justify-content:center;align-items:center}.admissionForm{display:flex;flex-direction:column;width:40%;border:1px solid #ccc;padding:20px;border-radius:20px;justify-content:start;margin-bottom:10px}.admissionForm h1{color:#345749}.admissionForm form{display:flex;flex-direction:column;align-items:center}.field{width:100%;display:flex;flex-direction:column;margin-bottom:20px}.field label{margin-bottom:5px;font-weight:600;font-size:larger;margin-top:10px}.field h2{margin-top:10px}.field input,.field select,.field button{border-radius:50px;border:1px solid #7c7c7c;height:30px;padding-left:15px;padding-right:15px;margin-bottom:10px}.field textarea{border-radius:20px;border:1px solid #7c7c7c;height:30px;padding-left:15px;padding-right:15px;margin-bottom:10px;font-size:18px;height:100px;width:auto;font-family:Montserrat,sans-serif}.admissionForm h1{text-align:center;margin-bottom:20px}.field input[type=number],.field input[type=text]{font-size:26px;height:auto;width:auto}.field input::placeholder,textarea::placeholder{color:#0000002c}.field select option{background-color:#fff}.registration_details{padding:0 20px 20px;display:flex;flex-direction:column}.registration_details .urdu_head{font-family:JMNKR;text-align:right;margin:0 60px 0 0;color:#345749;font-size:42px}.detailsContainer{border:1px solid #ccc;padding:10px;border-radius:10px;margin-bottom:20px}.registration_details p{text-align:end;font-family:JMNKR;font-size:28px!important;color:red;font-weight:600}.registration_details h3{text-align:end;font-family:JMNKR;font-size:28px}.registration_details ul li{direction:rtl;font-family:JMNKR;font-size:24px;text-align:right;list-style-position:inside}.registration_details ul li::marker{color:#345749}button{position:relative;display:inline-block;cursor:pointer;outline:none;border:0;vertical-align:middle;text-decoration:none;background:transparent;padding:0;font-size:inherit;font-family:inherit;margin-bottom:20px}button.learn-more{width:12rem;height:auto}button.learn-more .circle{transition:all .45s cubic-bezier(.65,0,.076,1);position:relative;display:block;margin:0;width:3rem;height:3rem;background:#345749;border-radius:1.625rem}button.learn-more .circle .icon{transition:all .45s cubic-bezier(.65,0,.076,1);position:absolute;top:0;bottom:0;margin:auto;background:#fff}button.learn-more .circle .icon.arrow{transition:all .45s cubic-bezier(.65,0,.076,1);left:.625rem;width:1.125rem;height:.125rem;background:none}button.learn-more .circle .icon.arrow:before{position:absolute;content:"";top:-.29rem;right:.0625rem;width:.625rem;height:.625rem;border-top:.125rem solid #fff;border-right:.125rem solid #fff;transform:rotate(45deg)}button.learn-more .button-text{transition:all .45s cubic-bezier(.65,0,.076,1);position:absolute;top:0;left:0;right:0;bottom:0;padding:.75rem 0;margin:0 0 0 1.85rem;color:#345749;border-radius:1.625rem;font-weight:700;line-height:1.6;text-align:center;text-transform:uppercase}button:hover .circle{width:100%}button:hover .circle .icon.arrow{background:#fff;transform:translate(1rem)}button:hover .button-text{color:#fff}.guideImg{width:100%;height:250px;border:1px solid #ccc;background-image:url(/assets/bForm-CruvPz7Q.webp);background-size:cover;background-position:top center;border-radius:20px;margin-bottom:20px;box-shadow:1px 1px 5px #000000ea}.formbtns,.wizardBtn button{background-color:#345749;padding:10px;border-radius:10px;color:#fff;font-weight:600}.wizardBtn{display:flex;justify-content:space-between;align-items:center;width:100%}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#e71c1c80;display:flex;justify-content:center;align-items:center}.modalContent{background:#fff;padding:20px;border-radius:5px;text-align:center}.modalContent button{margin:10px}.genderOption{display:flex;align-items:center;justify-self:start;gap:10px}.genderOption input{padding:0;margin:0}.address{width:100%}#inputFocus:focus{border-color:#00f!important;width:100%!important}.registration_details .rabta .urdu_head{margin-right:0}.sublist{margin-right:10px!important;display:flex;flex-direction:column}.registration_details .rabta .urdu_head,.registration_details .rabta h3,.registration_details .rabta p{text-align:center}.yadrakhain{font-weight:600;font-size:28px!important}.registrationsCompleted{font-family:JMNKR;text-align:center;display:flex;flex-direction:column;align-items:center}@media screen and (max-width: 1290px){.guideImg{height:170px}}@media screen and (max-width: 600px){.admissionFormMain{align-items:center;justify-content:center;gap:46px}.admissionForm{width:100%}.admissionForm h1{text-align:center}.guideImg{height:110px}.field{width:100%}.field input[type=text]{width:17ch!important}.formbtns{width:100%}.address{width:auto!important}.header .first,.header .third{display:flex;justify-content:center;align-items:center}.registration_details .urdu_head{margin-right:10px}.remainingTime .timeDisplay p{font-size:18px!important}.remainingTime h1{font-size:22px}.remainingTime h4{font-size:18px!important}}@page{size:A4;margin:20mm}body{font-family:Arial,sans-serif;margin:0;padding:0;box-sizing:border-box}.reqapp{width:210mm;min-height:297mm;margin:0 auto;padding:20px;background:#fff;box-shadow:0 0 5px #0000001a;border:1px solid #ccc}.reqappin{display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:url(/assets/darul_ilm_foundation_sec_school-Db0LTXPT.webp);background-size:300px;background-position:center center;background-repeat:no-repeat}.reqappinin{background-color:#ffffff41}.head{text-align:center;margin-bottom:20px}.head h1{font-size:24px;font-weight:700;margin:5px 0}.head h2{font-size:18px;color:#555;margin:5px 0}.section{width:100%;margin-bottom:20px;padding:10px;border:1px solid #000000;border-radius:5px}.section h1{font-size:20px;font-weight:700;margin-bottom:10px;text-align:center}.section-content{display:flex;flex-wrap:wrap;gap:10px}.container{width:calc(50% - 10px);margin-bottom:10px;padding:10px;background:#f9f9f96e;border:1px solid #ccc;border-radius:5px}.container h2{font-size:16px;font-weight:700;margin-bottom:5px}.container h4{font-size:14px;color:#333;margin:0}.interview{margin-top:20px;background:#e7f7e7;border:1px solid #a2d5a2}.date h2{font-size:16px;color:#1a741a}.date h4{font-size:14px;color:#2c5d2c;font-weight:700}@media print{body{margin:0;padding:0;background:#fff}.reqapp{box-shadow:none;border:none;padding:0;margin:0}.section,.container{page-break-inside:avoid}}.footer{display:flex;justify-content:space-around}.footer .footer__left{display:flex;align-items:center;justify-content:center;gap:20px}.footer .footer__left h1{font-family:ALDHABI;font-size:40px;color:#345749;font-weight:500}.footer .footer__center h1{color:#345749}.footer .footer__center p span{font-weight:500;color:#345749}.footer .footer__right h1{color:#345749}.footer_bottem{background-color:#345749;margin-bottom:0;text-align:center;padding:20px}.footer_bottem p{margin:0;color:#fff}.footer_bottem p a{color:#fff;text-decoration:none;font-weight:700}@media screen and (max-width: 600px){.footer{flex-wrap:wrap;padding:20px}.footer__left,.footer__right,.footer__center{width:100%}}body{margin:0;background-color:#f4f4f4;color:#333}.max-token-container{max-width:600px;margin:50px auto;background:#345749;box-shadow:0 4px 10px #0000001a;border-radius:8px;padding:20px;text-align:center;transition:transform .3s ease}.max-token-container:hover{transform:translateY(-5px)}.title{font-size:24px;font-weight:700;margin-bottom:20px;color:#fff;text-transform:uppercase;letter-spacing:1px}.token-value{font-size:20px;font-weight:600;color:#fff;margin-top:10px;background-color:#fff;color:#345749;display:flex;justify-content:center;border-radius:10px;padding:10px}.error{font-size:18px;font-weight:700;color:red;background:#ffebeb;padding:10px;border:1px solid #FF0000;border-radius:5px;display:inline-block;margin-top:10px}@media (max-width: 768px){.max-token-container{margin:20px;padding:15px}.title{font-size:20px}.token-value{font-size:18px}.error{font-size:16px}}.modal .modal-content h1{font-family:JMNKR;color:#345749;font-size:46px}.modal .modal-content h3{font-family:JMNKR;font-size:24px}.modal .modal-content p{font-family:JMNKR;color:red;font-weight:600;font-size:24px!important;word-spacing:2px;margin-bottom:10px}.modal-content ul li{direction:rtl;font-family:JMNKR;font-size:23px;text-align:right;list-style-position:inside;margin-bottom:25px;word-spacing:2px;font-weight:600}.modal-content ul{padding:0}.modal-content ul li ul li{padding-right:20px}.slidein{background-color:#ffffffcd;height:100%;padding:10px;margin:0}.arrowMain{display:flex;justify-content:center}.arrows{display:flex;justify-content:center;align-items:center;gap:10px;border-radius:10px;background-color:#fdf8e1;border:1px solid #345749;margin:-10px 0 0;padding:10px}.arrows button{padding:10px 15px;font-size:20px;cursor:pointer;background-color:#345749;border-radius:50px;margin:0}.modal-content .pagination{display:flex;justify-content:center;align-items:center;gap:5px;color:#345749}.arrows .pagination-button{padding:10px 15px;font-size:16px;cursor:pointer;border:1px solid #345749;background-color:#fff;border-radius:50px;color:#345749}.pagination-button.active{background-color:#345749;color:#fff;border-color:#345749}.pagination-button:hover{background-color:#345749;color:#fff}.kiran{margin-bottom:10px}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding-top:0}.modal-content{background-color:#fff;border-radius:8px;width:80%;position:relative;text-align:center;border:1px solid #ccc;background-image:url(../assets/darul_ilm_foundation_sec_school.webp);background-repeat:no-repeat;background-size:300px;background-position:center center;height:500px;padding:0 40px 0 20px}.yadrakhain{font-size:24px!important;color:red}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:18px;cursor:pointer}.sublist{display:flex;flex-wrap:wrap}.sublist li{margin-bottom:5px!important}@media screen and (max-width: 600px){.modal{overflow-y:auto;height:100vh;display:flex;padding:0;border-radius:0}.modal .modal-content h1{font-family:JMNKR;color:#345749;font-size:28px}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:12px!important;cursor:pointer;padding:8px 10px!important}.modal .modal-content p{font-family:JMNKR;color:red;font-size:20px!important;margin-top:10px}.modal-content ul li{direction:rtl;font-family:JMNKR;font-size:19px;text-align:right;list-style-position:inside;font-weight:600;word-spacing:2px;margin-bottom:10px}.yadrakhain{font-size:20px!important;color:red}.modal .modal-content ul p{font-size:20px!important}.modal .modal-content h3{font-family:JMNKR;font-size:26px;font-weight:400;color:#345749}.modal .modal-content{height:700px;background-image:url(../assets/darul_ilm_foundation_sec_school.webp);background-size:300px;background-repeat:no-repeat;background-position:center center;padding-top:0!important}.marhala{margin-top:4px}.modal-container{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100vw;height:100px;background:#00000080;z-index:1000}.modal .modal-content{background:#fff;border-radius:8px;padding:20px;width:90%;max-width:500px;height:600px}.arrows{margin-top:10px}}.welcome{background-color:#345749;text-align:center;padding:10px}.welcome h1{font-family:JMNKR;font-weight:400;color:#fff}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#f4f7fa;color:#333;line-height:1.6}.admin-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;overflow:hidden}h1{text-align:center;color:#2d3e50;margin-bottom:30px;font-weight:600}.loading,.error{text-align:center;font-size:1.2rem;color:#f44336;margin-top:50px}.responsive-table{margin-top:20px}.responsive-table th,.responsive-table td{padding:5px;text-align:left;border-radius:5px;border:1px solid #ddd}.responsive-table th{background-color:#345749;color:#fff;font-size:12px;font-weight:600;text-transform:uppercase;text-align:center}.responsive-table td{background-color:#fff;color:#000;font-size:14px;word-wrap:break-word;word-break:break-word;white-space:normal}.responsive-table tr:nth-child(2n){background-color:#f7f7f7}.responsive-table tr:hover{background-color:#e2f3ff;cursor:pointer}.responsive-table td,.responsive-table th{transition:background-color .3s ease,color .3s ease}.password-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#f4f4f4}.password-container h2{margin-bottom:20px}.password-container form{display:flex;flex-direction:column;align-items:center}.password-container input{padding:10px;margin-bottom:10px;width:200px;border:1px solid #ccc;border-radius:4px}.password-container button{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer}.password-container button:hover{background-color:#45a049}@media screen and (max-width: 768px){.admin-container{padding:10px}.responsive-table{display:block;overflow-x:auto}.responsive-table th,.responsive-table td{font-size:14px;padding:10px}}@media screen and (max-width: 480px){.admin-container{padding:8px}.responsive-table th,.responsive-table td{font-size:12px;padding:8px}h1{font-size:1.8rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.admin-container{animation:fadeIn 1s ease-out}