*{padding:0;margin:0;box-sizing:border-box;font-family:mulish,Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}body{width:100%}a{text-decoration:none;color:inherit}.navBar{width:96%;display:flex;align-items:center;justify-content:flex-start;column-gap:50px;color:#fff;border-radius:50px;overflow:hidden;position:fixed;z-index:3;margin:20px 2%;background-color:#000000bd}.navBar .header{background-color:#fff;width:120px;display:flex;align-items:center;justify-content:center;padding:5px}.navBar .header img{width:80px;height:50px;filter:brightness(1.5) saturate(1.5)}.navBar .list ul{display:flex;column-gap:40px;list-style:none}.navBar .list ul li{font-weight:600}.navBar .list ul li:hover{color:red}.intro-banner{background-image:linear-gradient(180deg,#e0f7fb,#51a7a8,#072124)}.intro-banner .latest-programs{display:flex;width:100%;column-gap:10px}.intro-banner .latest-programs p{background-color:#0f1;color:#fff;width:50%;display:flex;justify-content:center;padding:10px 5px;border-radius:10px;color:#000;margin:3px}.intro-banner .latest-programs #p-1{background:#02d1c6}.menu-img{display:none}.main-banner{width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-wrap:wrap;padding:90px 20px}.main-banner .bannner-images{width:600px;display:flex;align-items:center;justify-content:center;row-gap:50px;column-gap:50px;flex-wrap:wrap}.main-banner .bannner-info{width:650px;display:flex;padding:50px;flex-direction:column;align-items:center;color:#ffffffec}.main-banner .bannner-info p{font-size:17px;line-height:25px;text-align:center}.main-banner .bannner-info .banner-header{font-size:22px;text-align:center}.main-banner .bannner-info .banner-header .btns button{width:200px;height:40px;background-color:#ff6214;border:none;outline:none;border-radius:10px;font-size:20px;color:#fff;margin:30px}.main-banner .bannner-info .banner-header .btns button:hover{background:#fd9a69}.main-banner .bannner-images img{width:180px;height:180px;border-radius:20px;filter:contrast(1) brightness(.95) saturate(1.3)}.main-banner .banner-flow-images{display:flex;column-gap:20px;padding:0 50px;overflow:hidden;width:100%}.main-banner .banner-flow-images .flow-image{width:100px;height:100px;border-radius:50%}.profile-flow{overflow:hidden;position:relative;display:flex}.profile-flow img{width:100px;height:100px;border-radius:50%}.flex{display:flex;column-gap:50px}.bannner-images{display:flex;justify-content:space-between;align-items:center}.bannner-images img{height:auto}.about-company{background-image:linear-gradient(150deg,#a488ad,#2f4e2f,#030d03);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:100px 80px 50px;font-size:20px;line-height:40px;color:#fff}.about-company .about-company-info h3{font-size:30px;padding:30px 0}.about-company .specialize ul{padding:0 45px}.specialize-con{display:flex;align-items:center;justify-content:center}.specialize-con img{width:350px;height:300px;margin:30px;border-radius:20px}.services{padding:30px}.service{width:400px;padding:120px 15px 15px 20px;height:480px;background-color:#cdff87;border-radius:30px;margin:120px 5px 5px;position:relative;text-align:justify;display:flex;justify-content:center;box-shadow:5px 5px 10px #00000053;transition:padding 1s}.service p{font-size:18px;line-height:25px}.service:hover{padding:100px 15px 15px 20px}.service:hover img{top:-170px}.service img{position:absolute;top:-120px;transition:top 1s}.services{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;column-gap:20px}.service .service-info button{display:none;width:150px;height:35px;border:none;background:#ff4c0b;color:#fff;border-radius:10px;transition:background-color,width .5s}.service .service-info button:hover{background-color:#ff875b;height:38px;width:155px}.chooseItems{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.chooseItem{width:300px;height:430px;overflow:hidden;display:flex;align-items:center;flex-direction:column;text-align:center;row-gap:10px;margin:10px;color:#fff;padding:20px 10px;border-radius:10px;box-shadow:5px 5px 10px #00000053;transition:transform 1s;background-image:linear-gradient(180deg,#c995e8,#311333,#04232d)}.chooseItem img{width:130px;height:130px;border-radius:50%}.chooseItem:hover{transform:scale(1.1)}.student-achive .content{padding:30px 100px;text-align:center}.student-achive .content p{font-size:20px;line-height:30px}.footer{cursor:pointer;display:flex;align-items:center;justify-content:center;column-gap:300px;padding:20px 10px;width:100%;color:#fff;background-image:linear-gradient(150deg,#ecfab5,#5a9db9,#321526)}.footer h4{color:#000}.footer .footer-logo{width:300px;padding:30px;text-align:center;row-gap:10px}.footer .footer-logo{display:flex;align-items:center;justify-content:center;flex-direction:column}.footer .footer-logo img{width:150px;height:100px;filter:brightness(1.9)}.footer .footer-info{display:flex;justify-content:center;column-gap:40px;row-gap:20px;text-align:center}.footer .footer-info .branches,.footer .footer-info .platforms,.footer .footer-info .footer-services{display:flex;align-items:center;flex-direction:column;row-gap:20px}.footer .footer-info ul{list-style:none;display:flex;align-items:center;justify-content:center;flex-direction:column;row-gap:15px}.copyRights{width:100%;height:40px;display:flex;align-items:center;justify-content:center;background-color:#000;color:#fff}.footer .footer-info ul li:hover{color:#ff4500}.carousel-container{position:relative;width:600px;height:350px;max-width:600px;margin:auto;overflow:hidden;border-radius:10px;box-shadow:0 4px 10px #0003}.carousel-image{width:100%;height:350px;display:block}.custom-prev,.custom-next{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000080;color:#fff;border:none;padding:8px 15px;font-size:15px;cursor:pointer;border-radius:50%;transition:background-color .3s ease;z-index:2;width:40px;height:40px}.custom-prev{left:10px}.custom-next{right:10px}.custom-prev:hover,.custom-next:hover{background-color:#000c}.afterSchoolIntro{display:flex;align-items:center;justify-content:center;padding:11% 7%;column-gap:100px}.afterSchoolIntro .intro{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:wrap;row-gap:20px;text-align:center}.afterSchoolIntro .intro p{font-size:20px;padding:4%;line-height:30px}.afterSchoolIntro .intro h1{font-size:30px}.showcase{color:#ff4500;font-weight:700}.aboutAfterSchool{width:100%;background-color:#ffe0f0;padding:5% 3%;display:flex;justify-content:center;column-gap:50px}.aboutAfterSchool .programHighlights{width:50%;padding:20px;line-height:35px;display:flex;align-items:center;flex-direction:column;row-gap:30px}.aboutAfterSchool ul{list-style:none}.aboutAfterSchool .programHighlights li,.aboutAfterSchool .break-down li{font-size:17px;color:#7d7d7d}.aboutAfterSchool .programHighlights ul li:before{content:"★";color:gold;margin-right:10px;text-shadow:1px 1px 10px rgb(0,0,0)}.aboutAfterSchool .break-down ul li:before{content:"⌚";color:#000;margin-right:10px}.aboutAfterSchool .break-down{width:50%;padding:20px;line-height:36px;display:flex;align-items:center;flex-direction:column;row-gap:30px}.aboutAfterSchool .break-down img{width:450px;height:300px;border:none;border-radius:50%}.textBold{font-weight:700;color:#6c0087}.parentTrusts{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:7% 5%;row-gap:50px;text-align:center}.parentTrusts .parentsTrusts-list{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;row-gap:50px;column-gap:50px}.parentTrusts .parentsTrusts-list .list:hover{background-color:#f0f8ff;border:5px dotted rgb(255,166,0)}.parentTrusts .parentsTrusts-list .list{width:500px;height:200px;display:flex;align-items:center;flex-direction:column;padding:20px;text-align:center;row-gap:10px;border:5px dotted rgba(111,83,83,.307);transition:background-color,border 1s}.parentTrusts .parentsTrusts-list .list p{font-size:18px}.parentTrusts .parentsTrusts-list .list h2{color:#1e90ff;font-size:20px}.parentTrusts .parentsTrusts-list .list h1{color:#ff4500}.enquiry-now{width:150px;height:40px;background-color:#ff4500;border-radius:10px;border:none;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.contactUs{color:#fff;padding:140px 20px 50px;display:flex;flex-direction:column;width:100%;background-color:#494949;background-image:url(https://firebasestorage.googleapis.com/v0/b/mychoice-5eae5.appspot.com/o/images%2Fimage.jpg?alt=media&token=ff186b17-edc4-4a2b-bedb-540b62f61845)}.contactForm .contact-info img{width:40px;height:40px;background-color:#fff;border-radius:50%;padding:10px}.contactInfo{display:flex;align-items:center;justify-content:center;flex-direction:column;row-gap:20px;font-size:18px;row-gap:30px;line-height:30px;text-align:center}.contactForm .contact-info{display:flex;flex-direction:column;row-gap:25px;padding:40px}.contactForm .contact-info .item{width:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;row-gap:10px;background-color:#00000064;padding:10px;border-radius:10px;cursor:pointer}.contactForm .contact-info .item:hover{background-color:#00ffff39}.contactForm .contact-info .item .info{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;row-gap:6px}.oranged{color:#ff4500}.contactForm{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;column-gap:200px}.contactForm .contact-form h3{color:#fff}.contactForm .contact-form{display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:20px;color:#000;padding:40px;height:450px;border-radius:10px;width:350px}.contactForm .contact-form input{width:100%;height:40px;border-left:none;border-right:none;border-top:none;outline:none;padding:20px}.contactForm .contact-form textarea{padding:20px;outline:none;font-size:15px;border-left:none;border-right:none;border-top:none;width:100%}.contactForm .contact-form button{width:150px;height:40px;background-color:#ff4500;transition:border-radius .5s;border:none;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.contactForm .contact-form button:hover{border-radius:20px;background-color:#ff632b;cursor:pointer}.footer{overflow:hidden}.container{width:100%;margin:0 auto;border-radius:10px}.forSchoolIntro{background-image:linear-gradient(180deg,#fcfcfc,#cecece,#9b9a9a);padding:140px 8% 40px}.container-title h1{text-align:center;color:#2c3e50;margin-bottom:20px;text-transform:uppercase;font-size:28px}.container-text p{text-align:center;line-height:30px;margin-bottom:20px;font-size:18px;padding:0 10px}.courses{display:flex;flex-wrap:wrap;justify-content:space-between;padding:5%}.courses-block{display:flex;flex-wrap:wrap;justify-content:space-between}.left-block{width:50%;padding:10px;display:flex;justify-content:center;flex-direction:column}.left-block h3{font-size:1.8rem;color:#2c3e50;margin:30px 0}.left-block ul{margin-left:20px;display:flex;justify-content:center;flex-direction:column;row-gap:5px}.left-block ul li{margin-bottom:8px;font-size:20px}.courses-text p{padding:20px 0;font-size:1rem;text-align:left;font-size:18px;text-align:justify;line-height:30px}.right-block{width:50%;padding:10px}.right-block img{width:90%;height:350px;transition:transform .3s ease-in-out;border-radius:20px}.right-block img:hover{transform:scale(1.01)}.institution{margin-top:40px;display:flex;align-items:center;justify-content:center;flex-direction:column}.institution ol{display:flex;align-items:center;flex-direction:column;justify-content:center;list-style-type:none;padding-left:0}.block_1,.block_2,.block_3,.block_4,.block_5,.block_6,.block_7,.block_8{display:flex;align-items:center;margin:30px;width:100%;box-shadow:5px 5px 50px #00000023;padding:20px;border-radius:10px;background-image:linear-gradient(180deg,#fcfcfc,#e7e7e7,#a5a5a5)}.block-content{width:70%;padding:50px}.block_1-image,.block_2-image,.block_3-img,.block_4-image,.block_5-image,.block_6-image,.block_7-image,.block_8-image{width:30%;padding:20px}.block-content h3{font-size:1.6rem;color:#00264d;margin-bottom:20px;display:flex;align-items:center;justify-content:center}.block-content ul{list-style:none;display:flex;align-items:center;justify-content:center;column-gap:10px}.block-content ul li:hover{background-color:#c4c4c41f;border:3px dotted rgba(255,3,3,.808);transform:scale(1.05)}.block-content ul li{font-size:18px;color:#383838c9;border:3px dotted rgba(0,0,0,.329);padding:10px;height:150px;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:20px;font-weight:600;margin:10px;transition:all .2s}.block_1-image img,.block_2-image img,.block_3-img img,.block_4-image img,.block_5-image img,.block_6-image img,.block_7-image img,.block_8-image img{width:100%;border-radius:10px;transition:transform .3s ease-in-out;height:300px}.block_1-image,.block_2-image,.block_3-img,.block_4-image,.block_5-image,.block_6-image,.block_7-image,.block_8-image{display:flex;align-items:center;justify-content:center}.block_1-image img:hover,.block_2-image img:hover,.block_3-img img:hover,.block_4-image img:hover,.block_5-image img:hover,.block_6-image img:hover,.block_7-image img:hover,.block_8-image img:hover{transform:scale(1.01)}.why-choose{background-color:#ffde4d77;padding:40px;margin:20px 5%;border-radius:10px;box-shadow:0 4px 10px #0000001a}.why-choose h3{font-size:1.8rem;color:#2c3e50;margin-bottom:20px}.why-choose ul{list-style-type:none;padding-left:0;margin-bottom:20px;display:flex;justify-content:center;flex-direction:column;row-gap:20px}.why-choose ul li{font-size:1.2rem;color:#4e4e4e;margin-bottom:10px}.why-choose p{font-size:1.1rem;color:#2c3e50;text-align:center;margin-top:20px}.left-block ul li:hover,.why-choose ul li:hover{color:#00755e;cursor:pointer;transition:color .3s ease;font-size:18px}.block_1,.block_2,.block_3,.block_4,.block_5,.block_6,.block_7,.block_8{transition:transform .3s ease}.footer-forSchool{padding:10px 5px;border-radius:10px;color:#fff;background-image:linear-gradient(150deg,#ffdcbf,#cee9cc,#ffcafc)}.navBar2{width:100%;background-color:#53d4d4;display:none;flex-direction:row;font-size:10px;column-gap:30px;color:#000}.navBar2 .menu{display:flex;align-items:center;justify-content:space-between;padding:0 20px;background-color:#2c3e50}.navBar2 .menu p{font-size:15px;padding:10px;color:#fff}.navBar2 .drop-down-menu{display:none;align-items:center;justify-content:center;width:100%;transition:all 2s;background-color:#00755e;font-size:30px}.navBar2 .drop-down-menu ul{display:flex;align-items:center;justify-content:center;flex-direction:column;row-gap:30px;padding:20px 0}.navBar2 .list img{width:300px}.navBar2 .list{padding:5px}.navBar2 ul{flex-wrap:wrap;align-items:center;justify-content:center;row-gap:10px}.navBar2 ul li{width:60px;display:flex;align-items:center;justify-content:center}.navBar2 .header{background:none}.navBar2 .header{width:150px;background-color:#00000005;display:flex;justify-content:center;flex-direction:column;padding:10px 0}.navBar2 .header p{font-size:10px;margin-left:25px;color:#444;font-weight:700}.navBar2 .header img{width:90px;margin-left:20px;margin-top:5px}.attendance-container{width:100%;margin:40px 0;padding:100px 0}.profile-card,.location-card,.attendance-card{background:#fff;border-radius:16px;padding:20px;margin:20px;text-align:center}.profile-card,.location-card{min-width:350px}.profile-card{display:flex;align-items:center;justify-content:center;flex-direction:column;row-gap:10px}.profile-card .logout{padding:5px 10px;background-color:red;border-radius:10px;color:#fff;font-size:15px;cursor:pointer}.profile-pic{width:100px;height:100px;border-radius:50%;margin-bottom:10px}.profile-card h3{margin:10px 0 5px;font-size:22px;color:#333}.profile-card p{margin:4px 0;color:#666}.location-card{display:flex;align-items:center;justify-content:center;flex-direction:column;max-width:100%;margin:20px 0;padding:20px;border-radius:15px;background:#fff;font-family:Arial,sans-serif}.location-header{display:flex;justify-content:space-between;align-items:center;flex-direction:column;row-gap:30px;margin-bottom:20px}.location-left h3,.location-right h3{margin:0;font-size:18px;color:#333}.location-left p,.location-right p{margin:8px 0;font-size:16px;color:#444}.refresh-btn{padding:6px 12px;border:none;background:#0078ff;color:#fff;border-radius:8px;cursor:pointer;font-size:14px}.refresh-btn:hover{background:#005fcc}.attendance-buttons{display:flex;gap:15px;justify-content:center}.checkin-btn,.checkout-btn{padding:10px 18px;border:none;border-radius:10px;font-size:15px;cursor:pointer;transition:.3s ease}.checkin-btn{background:#28a745;color:#fff}.checkin-btn:hover{background:#218838}.checkout-btn{background:#dc3545;color:#fff}.checkout-btn:hover{background:#c82333}.inside{color:green;font-weight:700}.outside{color:red;font-weight:700}.attendance-card h3{margin-bottom:15px}.attendance-card ul{list-style:none;padding:0;margin:0}.attendance-card li{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;padding:12px;margin-bottom:10px;border-radius:12px;background:#f9f9f9;transition:.2s}.attendance-card li.present{border-left:6px solid #4caf50}.attendance-card li.absent{border-left:6px solid #e53935;background:#ffecec}.attendance-card li:hover{transform:scale(1.02);background:#fff}.attendance-firstRow{padding:30px 0;display:flex;width:100%;align-items:center;justify-content:center;flex-wrap:wrap;column-gap:30px;box-shadow:0 6px 15px #00000014}.EmployeeLogin{height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#4e73df,#1cc88a);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.login-card{background:#fff;padding:2rem;width:320px;border-radius:16px;box-shadow:0 8px 20px #00000026;text-align:center}.login-card h2{margin-bottom:1.5rem;color:#333}.input-group{margin-bottom:1rem}.input-group input{width:100%;padding:.8rem;border:1px solid #ddd;border-radius:8px;outline:none;font-size:14px;transition:border .3s ease}.input-group input:focus{border-color:#4e73df}.login-btn{width:100%;padding:.9rem;border:none;border-radius:8px;background:#4e73df;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:background .3s ease}.login-btn:hover{background:#3751c7}.pagination-btns{width:100%;display:flex;align-items:center;justify-content:space-around;padding:10px 0}.pagination-btns button{background-color:#000;color:#fff;padding:5px 20px;border-radius:10px}@media (min-width: 301px) and (max-width:1100px){.navBar2 ul li{width:120px}.navBar2{display:block;font-size:20px}.navBar{display:none}.navBar .list ul{column-gap:20px}.main-banner .banner-flow-images{padding:0 10px}.about-company{padding:80px 40px 50px;line-height:35px}.carousel-container{width:350px;height:250px}.carousel-image{height:250px}.afterSchoolIntro{flex-wrap:wrap;column-gap:20px;padding-top:140px}.imageScrol{width:350px}.afterSchoolIntro .intro{width:350px;padding:10px}.block-content ul,.block{flex-direction:column}.block img{width:300px}.block-content ul li{height:fit-content}.courses-block{flex-direction:column}.courses-block .right-block,.courses-block .left-block{width:100%}.block-content{padding:0}.block{margin:0}.institution ol{row-gap:30px}}@media (min-width: 301px) and (max-width:950px){.navBar{width:90%;margin:10px 4%}.menu-img{display:block;margin-left:45vw}.about-company{padding:100px 20px 50px}.specialize-con{flex-direction:column}.footer{column-gap:50px}.footer .footer-info{flex-direction:column}.main-banner,.afterSchoolIntro,.about-company{padding-top:180px}.contactUs{padding-top:250px}.forSchoolIntro{padding-top:180px}}@media (min-width: 301px) and (max-width:600px){.aboutAfterSchool{width:100%;flex-direction:column;align-items:center;justify-content:center}.aboutAfterSchool .programHighlights,.aboutAfterSchool .break-down{width:100%}.afterSchoolIntro .intro{font-size:10px}.footer{column-gap:5px;flex-direction:column}.copyRights{height:60px;text-align:center;line-height:25px}.menu-img{margin-left:35vw}}@media (min-width: 301px) and (max-width:500px){.intro-banner{font-size:20px;padding:5px}.main-banner .bannner-images{width:400px;row-gap:20px;column-gap:20px}.main-banner .bannner-images img{width:150px;height:150px}.main-banner .banner-flow-images{width:350px;overflow:hidden}.services h1{margin-bottom:-50px}.services{padding:100px 0}.service{margin-top:120px;width:340px;height:fit-content}.student-achive .content{padding:30px 20px}.parentTrusts .parentsTrusts-list .list{width:350px;height:250px;margin:0}.about-company{padding:100px 20px 50px;text-align:center}.about-company img{width:300px}.right-block img{height:250px}.aboutAfterSchool .break-down img{width:300px;height:250px}.navBar2 ul li{width:60px;font-size:10px}.service p{font-size:15px;line-height:25px}.services{padding:10px}.services h1{color:red;font-size:27px}.service img{font-size:15px;line-height:25px;width:200px;height:200px}.service img{position:absolute;top:-80px;transition:top 1s}.service:hover img{top:-100px}.main-banner,.afterSchoolIntro,.about-company,.contactUs,.forSchoolIntro{padding-top:20px}.about-company .specialize ul{list-style:none}.about-company .specialize ul li{background-color:#0002;margin:20px 0;padding:5px;border-radius:10px;color:#c6c6c6}.about-company .about-company-info h3{font-size:25px;color:#83e100}.attendance-container{padding:0}.EmployeeLogin{height:80vh}}@media (min-width: 301px) and (max-width:380px){.services h1{font-size:25px}.navBar2 ul li{width:60px;font-size:10px}.navBar2{display:block;font-size:10px}.services{padding:10px 0}.service{margin-top:120px;height:560px;width:320px}.parentTrusts .parentsTrusts-list .list{width:300px;height:280px;margin:0}.block{height:fit-content;width:300px}.block img{width:250px}.right-block img{height:250px}.main-banner h3{font-size:25px;color:#ff4500}.main-banner .bannner-images{width:300px;row-gap:20px;column-gap:20px}.main-banner .bannner-images img{width:130px;height:130px}.main-banner .banner-flow-images{width:350px}}