.our-login-section{width:100%;display:flex;height:200px;align-items:flex-start;background-color:#0071ae;background-repeat:no-repeat;background-size:cover;position:relative;background-attachment:fixed}.our-login-section:after{content:"";position:absolute;width:100%;height:100%;z-index:0}.our-login-section img{width:100%;height:100%;object-fit:cover}.our-login-section .head-section{width:400px;height:255px;display:flex;align-items:flex-start;flex-direction:column;background-color:#fff;padding:1.5rem;position:absolute;right:0;top:40px;bottom:-51px;z-index:1;box-shadow:0 0 10px 4px rgba(76,78,100,.26);justify-content:center;margin:0 15px}.our-login-section .head-section h3{color:#136;font-size:3rem;font-weight:300}.our-login-section .head-section p{color:#fa9246;font-size:2.5rem;font-weight:600;line-height:1.2}.our-login-section .show-usr-name{display:flex;align-items:center;justify-content:center;height:100%}.our-login-section .show-usr-name h3{font-size:2rem;color:#fff}.parent-dashboard-wrap{width:100%;display:flex;align-items:center;justify-content:center;background-color:#fff;height:100%;padding:2rem 0 0;position:relative}.parent-dashboard-wrap:after{background-color:#fedec7;content:"";position:absolute;top:0;width:100%;height:70%}.parent-dashboard-wrap .header-part{position:relative;width:100%;z-index:1}.parent-dashboard-wrap .header-part h2{font-size:3rem}.parent-dashboard-wrap ul{width:100%;display:flex;flex-direction:row;list-style:none;padding-left:0}.parent-dashboard-wrap ul li{padding-right:1rem}.parent-dashboard-wrap ul li a{margin-right:1rem;font-size:1.2rem;color:#0071ae;font-weight:600}.parent-dashboard-wrap .missing-info{display:flex;align-items:center;font-weight:600;color:#f41818}.parent-dashboard-wrap .missing-info img{width:24px;margin-right:5px}.parent-dashboard-wrap .list-of-membership{display:flex;background-color:#fff;width:100%;border-radius:12px;min-height:500px;z-index:1;position:relative;box-shadow:0 1px 1px 2px rgba(0,0,0,.102);margin-top:30px;flex-direction:column}.parent-dashboard-wrap .list-of-membership .member-list{margin-top:2rem}.parent-dashboard-wrap .list-of-membership .grid-container{display:grid;grid-column-gap:15px;column-gap:15px;grid-template-columns:30% calc(50% - 30px) 20%;padding:0}.parent-dashboard-wrap .list-of-membership .grid-container.thead{border-bottom:1px solid #000;font-size:20px;padding-bottom:0;font-weight:300}.parent-dashboard-wrap .list-of-membership .grid-container.tbody{padding-top:1rem;border-bottom:1px solid #000;padding-bottom:1rem}.parent-dashboard-wrap .list-of-membership .grid-container.tbody:last-child{border-bottom:0!important}.parent-dashboard-wrap .list-of-membership .grid-item{background-color:hsla(0,0%,100%,.8);padding:10px 2rem;text-align:left}.parent-dashboard-wrap .table-container{overflow:auto}.parent-dashboard-wrap .table{display:table;width:100%;border-collapse:collapse;margin-bottom:0}.parent-dashboard-wrap .table-row{display:table-row;border-bottom:1px solid #000}.parent-dashboard-wrap .table-row:last-child{border-bottom:none}.parent-dashboard-wrap .table-row .class-detail{display:flex;flex-direction:column}.parent-dashboard-wrap .table-row .class-detail h3{font-size:1.75rem}.parent-dashboard-wrap .table-row .class-detail span{font-size:1.25rem}.parent-dashboard-wrap .table-row .class-detail .view-performance,.parent-dashboard-wrap .table-row .class-detail button{background-color:#0071ae;border-radius:8px;border:none;color:#fff;padding:.5rem 1rem;max-width:300px;margin-top:1rem;text-transform:uppercase}.parent-dashboard-wrap .table-row .class-detail .register-class{background-color:#f07f16;border-radius:8px;border:none;color:#fff;padding:.5rem 1rem;max-width:300px;margin-top:1rem;text-transform:uppercase}.parent-dashboard-wrap .table-row .class-detail .highlight-trial-date{color:#f07f16;font-weight:600}.parent-dashboard-wrap .table-row .title{font-size:1.25rem;color:#0071ae;font-weight:600}.parent-dashboard-wrap .table-row .action{display:flex;flex-direction:row;gap:15px}.parent-dashboard-wrap .add-child-place{width:100%;display:flex;align-items:center;justify-content:center;border-top:1px solid #000;height:300px;flex-direction:column;padding:0 1rem}.parent-dashboard-wrap .add-child-place p{font-size:1.2rem;line-height:1.5;font-weight:300;max-width:450px;text-align:center}.parent-dashboard-wrap .add-child-place .add-child-btn{background:#0071ae;min-width:200px;border-radius:6px;border:0;padding:.5rem 1rem;color:#fff;font-size:1.2rem;text-transform:uppercase;margin-top:2rem}.parent-dashboard-wrap .table-cell,.parent-dashboard-wrap .table-head{display:table-cell;padding:1em;font-size:1.2rem}.cary-campus-announcement{margin:6rem 0}.cary-campus-announcement h3{margin-bottom:1rem}.cary-campus-announcement .carry-list{box-shadow:0 1px 1px 2px rgba(0,0,0,.102);width:100%;background-color:#fff;border-radius:10px;padding:1.5rem}.cary-campus-announcement .carry-list .row-item{display:flex;flex-direction:row;display:grid;grid-template-columns:50% 50%;padding-bottom:1.2rem;border-bottom:1px solid #000;padding-top:1.2rem}.cary-campus-announcement .carry-list .row-item:last-child{border-bottom:0}.cary-campus-announcement .carry-list .register-section{display:flex;align-items:center}.cary-campus-announcement .carry-list .register-section button{margin:0 auto;background-color:#fff;box-shadow:0 1px 1px 2px rgba(0,0,0,.102);border:none;padding:.5rem 1rem;min-width:300px;align-items:center;display:flex;justify-content:center;border-radius:40px;font-size:1.2rem;color:#0071ae;font-weight:500}.cary-campus-announcement .carry-list .register-section button:hover{background-color:#0071ae;color:#fff}.cary-campus-announcement .carry-list .name-of-annunce h4{font-size:1.8rem}.cary-campus-announcement .carry-list .name-of-annunce span{font-size:1.8rem;font-weight:300}.cary-campus-announcement .carry-list .orange-text{color:#f07f16}.cary-campus-announcement .carry-list .blue-text{color:#0071ae}.button-section{width:100%;border-top:1px solid #000;padding:1rem 0;gap:1rem;display:flex}.button-section .add-btn{background:#0071ae;padding:.5rem 1.5rem;font-size:1.2rem;color:#fff;border-radius:6px;border:none;text-transform:uppercase}.button-section .add-btn:disabled{opacity:.5}.button-section .cancel-btn{background-color:transparent;font-size:1.2rem;color:#000;border-radius:6px;border:none;padding:.5rem 1.5rem}.button-section .cancel-btn:hover{background:#d3d3d3}@media(max-width:991px){.our-login-section{height:100px}.our-login-section .head-section{height:auto}.our-login-section .head-section h3,.our-login-section .head-section p,.parent-dashboard-wrap .header-part h2{font-size:2rem}.parent-dashboard-wrap .list-of-membership .table-row .class-detail h3{font-size:1.2rem}.parent-dashboard-wrap .list-of-membership .table-row .class-detail span,.parent-dashboard-wrap .list-of-membership .table-row .title{font-size:1rem}.parent-dashboard-wrap .list-of-membership .grid-item{padding:1rem}.parent-dashboard-wrap .list-of-membership .member-list{margin-top:1rem}.cary-campus-announcement{margin:3rem 0}.cary-campus-announcement .carry-list .name-of-annunce h4{font-size:1.2rem}.cary-campus-announcement .carry-list .name-of-annunce span{font-size:1.2rem;line-height:1.5}.cary-campus-announcement .carry-list .register-section button{width:auto;min-width:150px}}@media(max-width:575px){.our-login-section{height:300px;height:100px}.our-login-section .head-section{width:80%;top:auto;bottom:15px}.our-login-section .head-section h3{font-size:1.8rem}.our-login-section .head-section p{font-size:1.5rem}.parent-dashboard-wrap ul li a{font-size:1rem}.parent-dashboard-wrap .list-of-membership .button-group{margin:1rem auto 0}.cary-campus-announcement{margin-bottom:0}.cary-campus-announcement .carry-list .register-section button{margin:1rem 0 0}.cary-campus-announcement .carry-list .row-item{grid-template-columns:100%}.table-head,.table-row .class-detail .view-performance{white-space:nowrap}.button-section{flex-direction:column}}.button-group{padding:0 2rem;border-radius:50px;box-shadow:0 1px 1px 2px rgba(0,0,0,.102);height:40px;display:flex;margin:1rem;align-items:center;justify-content:center;gap:30px;width:-moz-fit-content;width:fit-content;flex-wrap:wrap}.button-group .nav-link{width:auto;align-items:center;display:flex;color:#0071ae;font-size:1rem}.button-group .nav-link img{width:12px;height:12px;margin-right:5px}.modal-overlay{width:100%;height:100%;min-height:100vh;background-color:rgba(0,0,0,.8);position:fixed;top:0;left:0;z-index:99;display:flex;align-items:center;justify-content:center;display:none}.modal-overlay .modal{background-color:#fff;border-radius:6px;z-index:999;position:relative;min-height:100px;width:1100px;display:flex;flex-direction:column;padding:2rem 1rem 1rem;height:auto;max-height:700px;margin:1rem}.modal-overlay .button-section{border-top:0}.modal-overlay form{width:100%;margin-top:2rem}.modal-overlay form h3{font-weight:400;margin-bottom:1rem}.modal-overlay .input-box-wrap{width:100%;margin:0 auto;display:flex;flex-direction:column;padding:2rem}.modal-overlay .input-box-wrap h3{margin-bottom:2rem}.modal-overlay .input-box-wrap input,.modal-overlay .input-box-wrap select,.modal-overlay .input-box-wrap textarea{width:100%;border-color:hsla(270,4%,47%,.502)}.modal-overlay .input-box-wrap textarea{min-height:100px}@media(max-width:575px){.modal-overlay .input-box-wrap{padding:0}}.react-datepicker-wrapper,.react-datepicker__input-container{width:100%}.react-datepicker__input-container input{width:100%!important;height:calc(3.5rem + 2px)!important;padding:1rem .75rem!important}.react-datepicker,.react-datepicker-popper{z-index:9999!important}.form-floating .react-datepicker__input-container input:focus,.form-floating .react-datepicker__input-container input:not(:placeholder-shown),.form-floating .react-datepicker__input-container input[value]:not([value=""]){padding-top:1.625rem;padding-bottom:.625rem}.form-floating .react-datepicker__input-container input:focus~label,.form-floating .react-datepicker__input-container input:not(:placeholder-shown)~label,.form-floating .react-datepicker__input-container input[value]:not([value=""])~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating .react-datepicker__input-container input[value]:not([value=""]){background-color:transparent}.password-error-section{margin:1.5rem 0;padding:1rem;background-color:#f8f9fa;border-radius:6px;border-left:4px solid #dc3545}.password-error{margin-top:1rem;margin-bottom:1rem}.password-error .password-error-list{list-style:none;padding-left:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.password-error .password-error-list li{display:flex;align-items:center;font-size:.875rem;padding:.25rem 0}.password-error .password-error-list li svg{margin-right:.5rem;flex-shrink:0}.form-control.is-invalid{background-image:none!important;padding-right:.75rem!important}