:root{--primary-color: #23758e;--background-color: #f4f4f4;--text-color: #565656;--text-title: #2e2e2e;--text-body: #808080;--hover-color: #d8d8d873;--active-color: #ffd3d3;--title-color: #7f7f7f;--title-color-second-line: #333;--footer-background-color: #101828;--footer-text-color: rgba(200, 200, 200, .5);--dashboard-background-color: #e8e9eb;--header-user-role: #aaabaf;--sidebar-background: #4195af;--gallery-photo-name: #fff;--gallery-photo-date: #d4d4d4;--black-color: #000;--white-color: #fff;--webkit-scrollbar: rgba(0, 0, 0, 0);--webkit-scrollbar-thumb: #888;--webkit-scrollbar-thumb-hover: #555;--carousel-button-color: #999999;--custom-button: #3c8490;--custom-cancel-button: #0173a7;--dashboard-management-header-clear-button: rgba(228, 168, 168, .541);--dashboard-management-header-clear-body: rgba(231, 191, 191, .541);--dashboard-management-search-body: #f8f9fb;--pagination-container-button: #1d1f28;--pagination-container-button-background: #fef4ee;--pagination-container-button-disabled: #87888a;--popup-container-background: rgba(0, 0, 0, .397);--popup-divider-background: #7e7c7ca2;--popup-background: rgba(0, 0, 0, .5);--spinner-background: rgba(0, 0, 0, .726);--table-color: #92929d;--table-type-2n: #f6f6f6;--dynamic-table-row: #333;--dynamic-table-row-hover: rgba(156, 156, 156, .24);--table-type-2n-media-query: rgba(0, 0, 0, .096);--sample-edit-button: rgb(119, 119, 228);--about-person-staff-details: #ccd0d1;--about-staff-details-data-title: #868ea5;--add-new-student-back-button: rgba(228, 228, 228, .589);--about-person-details: #868ea5;--about-person-guardian-details: #f7f7f7;--about-person-guardian-details-data-main-heading: #868ea5;--home-page-about-line-two: #a4a4a4;--home-page-section-icon-background: #fff9f7;--achievement-card-description: #757575;--error-message-background: rgba(0, 0, 0, .075);--landing-intro: #565656;--sidebar-background-color: #23758e;--side-panel-custom-input-overlay: rgba(0, 0, 0, .226);--image-preview-modal-background: rgba(0, 0, 0, .8);--dotted-box-background: rgba(217, 217, 217, 0);--school-founder-name: #fbfbfb;--sidebar-school-logo: #d9d9d9;--background-circle-color: rgba(240, 176, 167, .08);--table-header-color: #92929d;--extra-small-font-size: 12px;--small-font-size: 14px;--medium-font-size: 16px;--large-font-size: 18px;--extra-large-font-size: 20px;--xx-large-font-size: 24px;--xx-large-next-font-size: 25px;--small-heading-size: 28px;--medium-heading-size: 36px;--large-heading-size: 40px;--large-2-heading-size: 48px;--extra-large-heading-size: 64px;--fade-in-animation: fade-in 1s ease-in-out;--max-width-container:1800px;--border-bottom-color:#E0E0E0;--table-row-hover-color:#23758E3d;--table-even-row-bg:#23758e0d;--heading-black-color: #101828;--heading-blue-color: #23758e;--font-64-px: 64px;--font-40-px: 40px;--font-36-px: 36px;--font-24-px: 24px;--font-20-px: 20px;--font-19-px: 19px;--font-18-px: 18px;--font-16-px: 16px;--font-15-px: 15px;--font-14-px: 14px;--font-13-px: 13px;--max-width-container: 1800px;--border-bottom-color: #e0e0e0;--nav-bar-size: 95px}@media screen and (min-width: 0px) and (max-width: 550px){:root{--font-64-px: 30px;--font-40-px: 24px;--font-36-px: 22px;--font-24-px: 20px;--font-20-px: 18px;--font-19-px: 17px;--font-18-px: 16px;--font-16-px: 16px;--font-15-px: 15px;--font-13-px: 13px}}@media only screen and (min-width: 551px) and (max-width: 768px){:root{--font-64-px: 35px;--font-40-px: 25px;--font-36-px: 24px;--font-24-px: 22px;--font-20-px: 20px;--font-19-px: 19px;--font-18-px: 18px;--font-16-px: 16px;--font-15-px: 15px;--font-13-px: 13px}}@media screen and (min-width: 769px) and (max-width: 1279px){:root{--font-64-px: 44px;--font-40-px: 30px;--font-36-px: 24px;--font-24-px: 24px;--font-20-px: 22px;--font-19-px: 18px;--font-18-px: 18px;--font-16-px: 16px;--font-15-px: 15px;--font-13-px: 13px}}@media screen and (min-width: 1280px) and (max-width: 1919px){:root{--font-64-px: 64px;--font-40-px: 40px;--font-36-px: 36px;--font-24-px: 24px;--font-20-px: 20px;--font-19-px: 19px;--font-18-px: 18px;--font-16-px: 16px;--font-15-px: 15px;--font-13-px: 13px}}@media screen and (min-width: 1920px){:root{--font-64-px: 64px;--font-40-px: 40px;--font-36-px: 36px;--font-24-px: 24px;--font-20-px: 20px;--font-19-px: 19px;--font-18-px: 18px;--font-16-px: 16px;--font-15-px: 15px;--font-13-px: 13px}}#home-landing{position:relative}#home-our-services{padding-top:160px}@media all and (max-width: 950px){#home-our-services{padding-top:80px}}@media all and (max-width: 550px){#home-our-services{padding-top:40px}}*{font-family:Inter,sans-serif}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;width:100%;max-width:100vw;box-sizing:border-box}#root{width:100%;max-width:100vw;overflow-x:hidden;box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.heading-color-black{color:var(--heading-black-color)}.heading-color-blue{color:var(--heading-blue-color)}.not-selectable{-moz-user-select:none;-webkit-user-select:none;user-select:none;pointer-events:none}@media all and (max-width: 1100px){*{cursor:default!important}}.dashboard-form-delete-button{border:none;background-color:transparent;font-size:15px}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}*::-webkit-scrollbar{width:12px;height:12px}*::-webkit-scrollbar-thumb{background:#888;border-radius:6px}*::-webkit-scrollbar-thumb:hover{background:#555}*::-webkit-scrollbar-track{background:#f1f1f1;border-radius:6px}*{scrollbar-color:#88888861 #0000000d;scrollbar-width:thin}.sidebar-container{position:relative}.sidebar-logo-text{color:#fff;margin-top:6px;font-size:var(--font-24-px)}.sidebar-container-section{background-color:var(--text-body);height:100vh;background:var(--sidebar-background-color);z-index:1;width:280px;position:fixed;top:0;left:0;overflow-y:auto;overflow-x:hidden}.sidebar-container nav{padding-top:15px}.admin-side-bar-user-profile{display:none}.sidebar-container ul{all:unset;display:flex;flex-direction:column;align-items:center;gap:10px}.sidebar-container li{color:var(--white-color);height:54px;width:222px;border-radius:5px;display:flex;align-items:center;justify-content:flex-start;padding-left:20px;font-weight:600;font-size:var(--font-20-px);font-family:Roboto}.sidebar-active{background-color:var(--sidebar-background)}.sidebar-container span{padding-right:20px;font-size:var(--font-20-px)}.sidebar-container a{all:unset}.sidebar-container li:hover{color:var(--sidebar-background);background-color:var(--white-color)}.sidebar-logo-container{text-align:center;padding:60px 20px 20px;font-weight:700;font-size:var(--font-19-px)}.sidebar-logo-container img{height:100px;width:auto}.sidebar-container .menu{display:none;z-index:1001;top:0;left:0;position:fixed;cursor:pointer;font-size:24px;color:var(--text-body)}.account-container{position:absolute;bottom:0;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:20px;gap:10px}.account-container a{all:unset;display:flex;width:242px;flex-direction:row;background-color:var(--sidebar-background);align-items:center;justify-content:flex-start;padding:5px 10px;border-radius:10px;gap:10px;cursor:pointer}.account-container img{height:50px;width:auto;border-radius:50%}.account-container p:first-child{font-size:var(--font-16-px);font-weight:500;line-height:0px}.account-container p{font-size:var(--font-16-px);font-weight:300;color:var(--white-color)}.sidebar-logout-button{all:unset;display:flex;width:242px;flex-direction:row;background-color:#dc3545;align-items:center;justify-content:center;padding:10px;border-radius:10px;gap:10px;cursor:pointer;color:var(--white-color);font-size:var(--font-16-px);font-weight:500;transition:background-color .3s ease;font-family:Roboto}.sidebar-logout-button:hover{background-color:#c82333}.sidebar-logout-button i{font-size:var(--font-18-px)}.sidebar-logout-button span{color:var(--white-color)}@media only screen and (max-width: 1279px){.account-container a,.sidebar-logout-button{display:none}.admin-side-bar-user-profile{display:block;position:absolute;right:20px;top:10px;z-index:1002}}@media only screen and (max-width: 1280px){.sidebar-admin-container{position:fixed;background:white;height:55px;width:100%;z-index:1000;top:0;left:0;box-shadow:0 2px 4px #0000001a}.sidebar-container .menu{display:flex;top:15px;left:20px;padding:0;position:fixed;z-index:1001;color:var(--text-body);font-size:24px;cursor:pointer}.sidebar-container-section{display:block;position:fixed;top:0;left:0;transform:translate(-100%);transition:transform .3s ease-in-out;z-index:999;box-shadow:2px 0 8px #00000026}.sidebar-container-section.open{transform:translate(0)}.sidebar-container{position:relative}}@media only screen and (max-width: 768px){.sidebar-container-section{width:260px;max-width:80vw}}@media only screen and (max-width: 600px){.admin-side-bar-user-profile-image{width:35px;height:35px;border-radius:50%;object-fit:cover}.admin-side-bar-user-profile{display:block;position:absolute;right:15px;top:10px;z-index:1002}.sidebar-container .menu{display:flex;top:12px;left:15px;z-index:1001;padding:0;position:fixed;color:var(--text-body);font-size:22px;cursor:pointer}.sidebar-container-section{display:block;position:fixed;width:260px;max-width:85vw;transform:translate(-100%);transition:transform .3s ease-in-out}.sidebar-container-section.open{transform:translate(0)}.sidebar-logo-container{padding-top:40px}.sidebar-logo-container img{height:80px}}.admin-side-bar-user-profile-image{width:40px;height:40px;border-radius:50%;object-fit:cover}.header{display:block;background:white;box-shadow:0 2px 4px #0000001a;z-index:100;position:relative;width:100%;max-width:100%;flex-shrink:0;overflow-x:hidden;box-sizing:border-box}.header-content{display:flex;align-items:center;justify-content:flex-end;gap:15px;padding:10px 20px}.header-user-info{display:flex;align-items:center}.header-user-name{font-size:var(--font-16-px);font-weight:500;color:var(--text-body);font-family:Roboto}.header-logout-button{all:unset;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background-color:#dc3545;color:#fff;border-radius:5px;cursor:pointer;font-size:var(--font-14-px);font-weight:500;transition:background-color .3s ease;font-family:Roboto}.header-logout-button:hover{background-color:#c82333}.header-logout-button i{font-size:var(--font-16-px)}@media only screen and (max-width: 1279px){.header{display:block;position:fixed;top:55px;left:0;right:0;height:60px;background:white;box-shadow:0 2px 4px #0000001a;z-index:999;width:100%}.header-content{height:100%;padding:10px 20px}}.main-container{width:100%;max-width:100%;padding:30px 33px 40px;background:#FAFAFD;min-height:calc(100vh - 70px);flex:1;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}@media only screen and (max-width: 1279px){.main-container{width:100%;max-width:100%;min-height:calc(100vh - 115px);box-sizing:border-box;padding:115px 20px 40px;overflow-x:hidden}}@media only screen and (max-width: 1100px){.main-container{width:100%;max-width:100%;min-height:calc(100vh - 115px);box-sizing:border-box;padding:115px 20px 40px;overflow-x:hidden}}@media only screen and (max-width: 600px){.main-container{width:100%;max-width:100%;min-height:calc(100vh - 115px);box-sizing:border-box;overflow-y:auto;overflow-x:hidden;padding:115px 15px 20px}}.dashboard-container{display:flex;min-height:100vh;width:100%;overflow-x:hidden;position:relative}.dashboard-content-wrapper{flex:1;display:flex;flex-direction:column;margin-left:280px;width:calc(100% - 280px);min-width:0;overflow-x:hidden}@media only screen and (max-width: 1279px){.dashboard-content-wrapper{margin-left:0;width:100%;max-width:100%}}.home-landing-container{display:flex;align-items:center;justify-content:space-between}.home-landing-heading-container{font-family:Inter;font-size:var(--font-64-px);font-style:normal;font-weight:700;line-height:82px;letter-spacing:-.5px;text-transform:capitalize}.radial-circle{width:476px;height:476px;flex-shrink:0;border-radius:476px;background:radial-gradient(50% 50% at 50% 50%,rgba(36,187,140,.12) 0%,rgba(36,187,140,0) 100%);position:absolute;bottom:-113px;left:-141px}.home-landing-left-container{display:flex;flex-direction:column;gap:40px}.home-landing-desc-container{font-family:Inter;font-size:var(--font-16-px);font-style:normal;font-weight:400;line-height:180%}.home-landing-button{text-decoration:none;display:flex;padding:16px 28px;justify-content:center;align-items:center;gap:8px;border-radius:8px;border:1px solid #23758e;background:#23758e;color:var(--white-100, #fff);font-family:Inter;font-size:var(--font-18-px);font-style:normal;font-weight:600;line-height:28px;width:119px}.home-landing-image{height:589px;z-index:5}.home-landing-circle-3{width:22px;height:22px;background-color:#23758e;border-radius:50%;position:absolute;bottom:0;left:35%}@media all and (max-width: 1450px){.home-landing-image{height:525px;z-index:5}}@media all and (max-width: 1162px){.home-landing-image{height:415px;z-index:5}.home-landing-heading-container{line-height:67px}}@media all and (max-width: 950px){.home-landing-circle-3{display:none}.home-landing-container{display:flex;align-items:center;justify-content:space-between;flex-direction:column-reverse;gap:32px}.home-landing-desc-container br,.home-landing-heading-container br{display:none}.home-landing-heading-container{text-align:center;padding:0 50px}.home-landing-left-container{display:flex;flex-direction:column;gap:40px;align-items:center;justify-content:center}.home-landing-desc-container{text-align:center;padding:0 150px}}@media all and (max-width: 828px){.home-landing-desc-container{text-align:center;padding:0 90px}}@media all and (max-width: 768px){.home-landing-heading-container{line-height:50px}}@media all and (max-width: 650px){.home-landing-image{height:350px}.home-landing-desc-container{text-align:center;padding:0 20px}}@media all and (max-width: 550px){.home-landing-image{height:310px}}@media all and (max-width: 478px){.home-landing-image{height:235px}.home-landing-heading-container{text-align:left;font-size:25px;padding:0 10px 0 0;line-height:37px}.home-landing-desc-container{text-align:left;padding:0}}.home-landing-circle-1{position:absolute;z-index:1;top:9%;height:442px;left:-62px}.home-landing-circle-2{position:absolute;z-index:1;bottom:-134px;height:442px;right:-77px;transform:rotate(-75deg)}@media all and (max-width: 1300px){.circle-design-container{display:none}}.button{all:unset;padding:14px 24px;border-radius:12px;font-weight:600;font-size:var(--font-16-px, 16px);cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;min-height:48px;line-height:1.5}.button.normal{background-color:var(--primary-color, #23758e);color:#fff;border:1px solid var(--primary-color, #23758e);box-shadow:0 2px 8px #23758e33}.button.normal:hover:not(:disabled){background-color:var(--heading-blue-color, #1a5a6f);border-color:var(--heading-blue-color, #1a5a6f);box-shadow:0 4px 12px #23758e4d;transform:translateY(-1px)}.button.normal:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #23758e40}.button.normal:disabled{background-color:#a0a0a0;border-color:#a0a0a0;cursor:not-allowed;opacity:.6;box-shadow:none}.button.outlined{background-color:transparent;color:var(--primary-color, #23758e);box-shadow:inset 0 0 0 1px var(--primary-color, #23758e)}.button.outlined:hover:not(:disabled){background-color:#23758e0d;box-shadow:inset 0 0 0 2px var(--primary-color, #23758e)}.button.outlined:active:not(:disabled){background-color:#23758e1a}.button.outlined:disabled{color:#a0a0a0;box-shadow:inset 0 0 0 1px #a0a0a0;cursor:not-allowed;opacity:.6}.chapter-card-container{flex-shrink:0;border-radius:10px;background:var(--white-100, #fff);box-shadow:0 100px 80px #00000005,0 64.815px 46.852px #00000005,0 38.519px 25.481px #00000003,0 20px 13px #00000003,0 8.148px 6.519px #00000003,0 1.852px 3.148px #0000;padding:23px 20px 13px;position:relative;margin-top:23px;min-width:250px;cursor:pointer}.chapter-card-header-name{width:100px;border-radius:5px;background:#1588ab;display:flex;flex-direction:column;justify-content:center;flex-shrink:0;color:var(--row, #f7fbfd);text-align:center;font-family:Nunito Sans;font-size:var(--font-13-px);padding:7px 20px;font-style:normal;font-weight:600;line-height:normal;position:absolute;top:-9px}.chapter-cover-image{width:100%;height:130px;margin-top:10px;margin-bottom:9px;object-fit:cover;border-radius:10px}.chapter-card-heading{color:var(--TextColor1, #232323);font-family:Nunito Sans;font-size:var(--font-15-px);font-style:normal;font-weight:600;line-height:normal;margin-top:5px;text-wrap:unset;white-space:nowrap;max-width:255px;overflow:hidden;text-overflow:ellipsis}.chapter-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:17px}.chapter-card-num-of-units,.chapter-card-num-of-exams{color:#232323b3;font-family:Inter;font-size:var(--font-13-px);font-style:normal;font-weight:500;line-height:124%}.chapter-card-enrolled{color:#2a90afed;font-family:Nunito Sans;font-size:12px;font-style:normal;font-weight:500;line-height:normal;position:absolute;right:20px;top:10px;display:flex;align-items:center;gap:5px;letter-spacing:.5px}@media all and (max-width: 550px){.chapter-card-header-name{padding:5px 13px}}.chapter-card-cover-container{position:relative}.chapter-card-video-overlay{position:absolute;width:100%;background-color:#0000005e;top:0;bottom:0;right:0;left:0;height:130px;margin-top:10px;margin-bottom:9px;object-fit:cover;border-radius:10px;display:flex;align-items:center;justify-content:center}.chapter-card-video-overlay .video-play-button{color:#fff;font-size:21px;background:#00000070;padding:12px;display:flex;border-radius:50%;align-items:center;justify-content:center}.chapter-card-duration-overlay{position:absolute;bottom:21px;right:13px;font-size:12px;background:black;border-radius:6px;color:#fff;padding:2px 10px}.sl-sub-heading{text-align:center;font-family:Inter;font-size:var(--font-16-px);font-style:normal;font-weight:600;line-height:24px}.sl-main-heading{text-align:center;font-family:Inter;font-size:var(--font-36-px);font-style:normal;font-weight:600;line-height:44px;letter-spacing:-.72px;margin-top:12px}@media all and (max-width: 550px){.sl-main-heading{font-weight:600;line-height:31px}}.chapter-display{display:grid;gap:45px;margin-top:67px}.controller-container{display:flex;gap:20px;align-items:center;justify-content:center;margin-top:30px;margin-bottom:80px}.service-chap-controller{width:15px;height:15px;border-radius:50%;background-color:#d9d9d9;transition:width .3s}.service-chap-controller-active{width:50px;height:15px;border-radius:50px;background-color:#4195af}@media all and (max-width: 1100px){.controller-container{margin-bottom:20px}}@media all and (max-width: 550px){.chapter-display{gap:19px}.chapter-display{margin-top:40px}}.tutor-heading-desc{margin-top:20px;text-align:center;font-family:Inter;font-size:var(--font-20-px);font-style:normal;font-weight:400;line-height:30px;color:#667085}.tutor-main-container{margin-top:40px;display:flex;align-items:flex-start;justify-content:space-between;gap:75px}.tutor-left-container{flex:2;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f9fafb;padding:17px 20px}.tutor-right-container{flex:3;color:#667085;font-family:Inter;font-size:var(--font-16-px);font-weight:400;line-height:40px}.tutor-image{border-radius:50%;height:180px;width:180px;object-fit:cover}.tutor-name{margin-top:20px;text-align:center;font-family:Inter;font-size:var(--font-18-px);font-style:normal;font-weight:500;line-height:28px}.tutor-position{text-align:center;font-family:Inter;font-size:var(--font-16-px);font-style:normal;font-weight:400;line-height:24px}.tutor-about{color:#667085;margin-top:8px;text-align:center;font-family:Inter;font-size:var(--font-16-px);font-style:normal;font-weight:400;line-height:24px}.tutor-social-media-container{margin-top:16px;display:flex;align-items:center;gap:16px;font-size:30px}@media all and (max-width: 995px){.tutor-main-container{gap:23px;flex-direction:column}.tutor-left-container{width:100%;box-sizing:border-box;border-radius:10px}.tutor-right-container{text-align:justify;box-sizing:border-box;border-radius:10px;background-color:#f9fafb;padding:17px 20px}}@media all and (max-width: 550px){.tutor-right-container{line-height:30px}}#home-contact-us{padding-bottom:50px}.contact-us-image{margin-top:50px}.contactus-main-container{display:grid;grid-template-columns:1fr 1fr}.contactus-heading{color:var(--PrimaryDark, #00556f);font-family:Inter;font-size:var(--font-40-px);font-style:normal;font-weight:700;line-height:44px;letter-spacing:-.8px}.contact-us-desc{margin-top:20px;margin-bottom:20px;color:#667085;font-family:Inter;font-size:var(--font-16-px);font-style:normal;font-weight:400;line-height:27px;letter-spacing:-.32px}.contact-us-form{display:flex;flex-wrap:wrap;gap:10px}.contactus-form-field-group{flex:100%}.contact-us-label{color:var(--PrimaryDark, #00556f);font-family:Inter;font-size:var(--font-16-px);font-style:normal;font-weight:500;line-height:27px;letter-spacing:-.32px}.contact-us-submit-button{display:flex;width:101px;height:40px;justify-content:center;align-items:center;gap:10px;flex-shrink:0;border-radius:5px;background:var(--PrimaryDark, #00556f);color:var(--db-bg, #fafafd);font-family:Inter;font-size:var(--font-16-px);font-style:normal;font-weight:500;line-height:24px;letter-spacing:-.32px;border:none;cursor:pointer}@media all and (max-width: 1400px){.contact-us-image{margin-top:0;height:40vw}.contactus-main-container{align-items:center;justify-content:center;margin-top:0}}@media all and (max-width: 950px){.contactus-left-container{display:none}.contactus-main-container{display:grid;grid-template-columns:1fr}}:root{--field-label-padding: 6px;--field-label-color: #303972;--field-label-font-size: var(--font-18-px);--field-label-font-weight: 600;--custom-input-border-radius: 5px;--custom-input-border: .2px solid #d1d9e9;--custom-input-focus-border: .2px solid rgb(185, 185, 185);--custom-input-background: var(--white-100, #fff);--custom-text-indside-padding: 16px 14px 16px 14px}.form-error-message{font-size:14px;color:red;font-weight:500}.custom-text-field{width:100%;box-sizing:border-box;padding:var(--custom-text-indside-padding);border-radius:var(--custom-input-border-radius);border:var(--custom-input-border);background:var(--custom-input-background);outline:none}.custom-file-field{width:100%;box-sizing:border-box;padding:var(--custom-text-indside-padding);border-radius:var(--custom-input-border-radius);border:var(--custom-input-border);background:var(--custom-input-background);outline:none;color:gray;display:flex;align-items:center;justify-content:space-between;font-size:13px}.password-open-eye{position:absolute;bottom:10px;right:10px;color:gray;font-size:15px;cursor:pointer}.custom-text-field:focus{border:var(--custom-input-focus-border)}.custom-input-container{display:flex;flex-direction:column;gap:var(--field-label-padding)}@media all and (max-width: 550px){.custom-text-label{font-size:var(--font-13-px)}.custom-input-container{margin-bottom:10px}}.login-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa 0%,#e8e9eb 100%);position:relative;overflow:hidden;padding:2rem 1rem}.login-container{position:relative;z-index:1;width:100%;max-width:500px}.login-card{background:var(--white-color, #ffffff);border-radius:24px;padding:3.5rem 2.5rem;width:100%;box-shadow:0 20px 60px #23758e14,0 0 0 1px #23758e0d;position:relative;animation:slideUp .5s ease-out}.login-header{text-align:center;margin-bottom:2.5rem}.login-logo-link{display:inline-block;margin-bottom:1rem;transition:transform .3s ease}.login-logo-link:hover{transform:scale(1.05)}.login-logo{width:80px;height:80px;object-fit:contain;border-radius:12px}.login-brand-name{font-size:var(--font-24-px, 24px);font-weight:700;color:var(--primary-color, #23758e);margin:.5rem 0;letter-spacing:2px}.login-title{font-size:var(--font-36-px, 36px);font-weight:700;color:var(--text-title, #2e2e2e);margin:1rem 0 .5rem;line-height:1.2}.login-subtitle{color:var(--text-body, #808080);font-size:var(--font-16-px, 16px);margin:0;font-weight:400}.login-form{display:flex;flex-direction:column;gap:1.75rem}.login-form-group{width:100%}.login-form-actions{margin-top:.5rem;width:100%}.login-form-actions .button{width:100%;padding:16px 24px;font-size:var(--font-18-px, 18px);font-weight:600;letter-spacing:.5px;text-transform:none}.login-footer{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(35,117,142,.1)}.login-footer-text{color:var(--text-body, #808080);font-size:var(--font-14-px, 14px);margin:0}.login-link{font-weight:600;color:var(--primary-color, #23758e);text-decoration:none;cursor:pointer;transition:color .2s ease;position:relative}.login-link:hover{color:var(--heading-blue-color, #23758e);text-decoration:underline}.login-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--primary-color, #23758e);transition:width .3s ease}.login-link:hover:after{width:100%}.login-background-decoration{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0;pointer-events:none}.login-circle{position:absolute;border-radius:50%;background:var(--background-circle-color, rgba(240, 176, 167, .08));animation:float 20s infinite ease-in-out}.login-circle-1{width:300px;height:300px;top:-150px;right:-150px;animation-delay:0s}.login-circle-2{width:200px;height:200px;bottom:-100px;left:-100px;animation-delay:5s}.login-circle-3{width:150px;height:150px;top:50%;right:10%;animation-delay:10s}@media (max-width: 768px){.login-wrapper{padding:1rem}.login-card{padding:2.5rem 2rem;border-radius:20px}.login-title{font-size:var(--font-24-px, 24px)}.login-subtitle{font-size:var(--font-14-px, 14px)}.login-logo{width:60px;height:60px}.login-brand-name{font-size:var(--font-20-px, 20px)}.login-form{gap:1.5rem}.login-circle-1{width:200px;height:200px;top:-100px;right:-100px}.login-circle-2{width:150px;height:150px;bottom:-75px;left:-75px}.login-circle-3{width:100px;height:100px}}@media (max-width: 480px){.login-card{padding:2rem 1.5rem;border-radius:16px}.login-title{font-size:var(--font-20-px, 20px)}.login-header{margin-bottom:2rem}.login-form{gap:1.25rem}}.login-form button:disabled{opacity:.7;cursor:not-allowed}.login-card:focus-within{box-shadow:0 20px 60px #23758e1f,0 0 0 3px #23758e1a}.register-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa 0%,#e8e9eb 100%);position:relative;overflow:hidden;padding:2rem 1rem}.register-container{position:relative;z-index:1;width:100%;max-width:600px}.register-card{background:var(--white-color, #ffffff);border-radius:24px;padding:3.5rem 2.5rem;width:100%;box-shadow:0 20px 60px #23758e14,0 0 0 1px #23758e0d;position:relative;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.register-header{text-align:center;margin-bottom:2.5rem}.register-logo-link{display:inline-block;margin-bottom:1rem;transition:transform .3s ease}.register-logo-link:hover{transform:scale(1.05)}.register-logo{width:80px;height:80px;object-fit:contain;border-radius:12px}.register-brand-name{font-size:var(--font-24-px, 24px);font-weight:700;color:var(--primary-color, #23758e);margin:.5rem 0;letter-spacing:2px}.register-title{font-size:var(--font-36-px, 36px);font-weight:700;color:var(--text-title, #2e2e2e);margin:1rem 0 .5rem;line-height:1.2}.register-subtitle{color:var(--text-body, #808080);font-size:var(--font-16-px, 16px);margin:0;font-weight:400}.register-form{display:flex;flex-direction:column;gap:1.5rem}.register-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.register-form-group{width:100%}.register-form-actions{margin-top:.5rem;width:100%}.register-form-actions .button{width:100%;padding:16px 24px;font-size:var(--font-18-px, 18px);font-weight:600;letter-spacing:.5px;text-transform:none}.register-footer{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(35,117,142,.1)}.register-footer-text{color:var(--text-body, #808080);font-size:var(--font-14-px, 14px);margin:0}.register-link{font-weight:600;color:var(--primary-color, #23758e);text-decoration:none;cursor:pointer;transition:color .2s ease;position:relative}.register-link:hover{color:var(--heading-blue-color, #23758e);text-decoration:underline}.register-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--primary-color, #23758e);transition:width .3s ease}.register-link:hover:after{width:100%}.register-background-decoration{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0;pointer-events:none}.register-circle{position:absolute;border-radius:50%;background:var(--background-circle-color, rgba(240, 176, 167, .08));animation:float 20s infinite ease-in-out}.register-circle-1{width:300px;height:300px;top:-150px;right:-150px;animation-delay:0s}.register-circle-2{width:200px;height:200px;bottom:-100px;left:-100px;animation-delay:5s}.register-circle-3{width:150px;height:150px;top:50%;right:10%;animation-delay:10s}@keyframes float{0%,to{transform:translate(0) scale(1);opacity:.3}33%{transform:translate(30px,-30px) scale(1.1);opacity:.5}66%{transform:translate(-20px,20px) scale(.9);opacity:.4}}@media (max-width: 768px){.register-wrapper{padding:1rem}.register-card{padding:2.5rem 2rem;border-radius:20px}.register-title{font-size:var(--font-24-px, 24px)}.register-subtitle{font-size:var(--font-14-px, 14px)}.register-logo{width:60px;height:60px}.register-brand-name{font-size:var(--font-20-px, 20px)}.register-form{gap:1.25rem}.register-form-row{grid-template-columns:1fr;gap:1.25rem}.register-circle-1{width:200px;height:200px;top:-100px;right:-100px}.register-circle-2{width:150px;height:150px;bottom:-75px;left:-75px}.register-circle-3{width:100px;height:100px}}@media (max-width: 480px){.register-card{padding:2rem 1.5rem;border-radius:16px}.register-title{font-size:var(--font-20-px, 20px)}.register-header{margin-bottom:2rem}.register-form,.register-form-row{gap:1rem}}.register-form button:disabled{opacity:.7;cursor:not-allowed}.register-card:focus-within{box-shadow:0 20px 60px #23758e1f,0 0 0 3px #23758e1a}.nav-container{display:flex;justify-content:center}.nav-menu-item{color:#101828;font-family:Inter;font-size:var(--font-16-px);font-style:normal;font-weight:600;line-height:24px}.navbar-container{display:flex;align-items:center;padding:10px;width:100%;max-width:var(--max-width-container);justify-content:space-between}.navbar-container img{max-height:50px;border-radius:50%}.navbar-container ul{display:flex;list-style:none;column-gap:20px}.navbar-container li{display:flex;align-items:center;gap:10px}.navbar-container a{text-decoration:none;color:var(--title-color-second-line)}.navbar-container li:hover{color:var(--primary-color)!important;cursor:pointer}.logo-container{display:flex;flex-direction:row;align-items:center;gap:10px;cursor:pointer}.logo-link{display:flex;align-items:center;text-decoration:none;gap:5px}.logo-container h3{color:var(--primary-color)}.navbar-container .menu{display:none;z-index:999}@media only screen and (max-width: 950px){.navbar-container .menu{display:flex;padding:0 10px}.navbar-container ul{display:flex;flex-direction:column;position:absolute;right:0;height:500px;z-index:999;background:var(--white-color);top:0;padding:0;margin:0;height:100vh;width:40vw;gap:30px;align-items:center;justify-content:center}.navbar-container li{display:flex;flex-direction:column}}@media only screen and (max-width: 450px){.navbar-container .menu{display:flex;z-index:999}.navbar-container ul{display:flex;flex-direction:column;position:absolute;right:0;z-index:999;background:var(--white-color);top:0;height:100vh;width:100vw;gap:30px;align-items:center;justify-content:center}.navbar-container li{display:flex;flex-direction:column}}footer{background-color:var(--footer-background-color);display:flex;flex-direction:column;align-items:center;padding:57px 60px 20px}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-between;color:#fff;width:100%;max-width:var(--max-width-container)}.footer-container section{margin:10px}.footer-container p{all:unset;font-size:var(--font-16-px);line-height:normal}.footer-container h6{all:unset;font-size:14px;color:#fff}.footer-container li,address{font-size:var(--font-16-px)}.footer-container h2{margin-top:0}.footer-links ul,.footer-contact ul{list-style-type:none;padding:0}.footer-links li,.footer-contact li{margin:5px 0}.footer-links a,.footer-contact a{color:#fff;text-decoration:none}.footer-contact address{font-style:normal;line-height:normal;margin:15px 0}.footer-social a i{margin:0 10px;color:#fff;text-decoration:none;font-size:1.5em}.footer-social a :hover{color:var(--primary-color);text-decoration:none;scale:1.2}.footer-bottom{text-align:center;background-color:var(--footer-background-color);color:var(--white-color);padding:10px 0}.footer-bottom p{margin:0}.footer-container ul{padding:0}.footer-company-name{color:#eaecf0;font-family:Inter;font-style:normal;font-weight:700;line-height:24px}.footer-about p{color:#eaecf0;font-family:Inter;font-size:var(--font-16-px);font-style:normal;font-weight:400;line-height:24px}.footer-about{flex:2;padding:0 50px 0 0}.footer-links,.footer-contact,.footer-social{flex:1}.footer-links ul li,.footer-contact li{color:#eaecf0;font-family:Inter;font-size:var(--font-16-px);font-style:normal;font-weight:500;line-height:24px}@media all and (max-width: 1200px){.footer-links{display:none}.footer-about{flex:2;padding:0 50px}}@media only screen and (max-width: 1135px){.footer-container section{flex:auto;margin:10px;width:400px}.footer-about{padding:0}footer{padding:50px}.footer-container{display:flex;flex-direction:column;align-items:center}.footer-about,.footer-contact,.footer-social{text-align:center}.footer-container{gap:23px}}@media only screen and (max-width: 543px){.footer-container section{width:340px}}@media only screen and (max-width: 510px){.footer-container section{width:270px}}@media only screen and (max-width: 447px){.footer-container section{width:200px}}.simple-layout-main-container{min-height:calc(100vh - var(--nav-bar-size));overflow:hidden}.simple-layout-main-container section{padding:20px 70px;box-sizing:border-box}@media all and (max-width: 1300px){.simple-layout-main-container section{padding:60px 70px 90px}}@media all and (max-width: 1142px){.simple-layout-main-container{min-height:calc(100vh - 433px)}}@media all and (max-width: 1050px){.simple-layout-main-container section{padding:40px 70px 25px}}@media all and (max-width: 550px){.simple-layout-main-container section{padding:18px 20px 20px}}@media all and (min-width: 1700px){.simple-layout-main-container section{padding:50px 150px 20px}}@media all and (min-width: 1800px){.simple-layout-main-container section{max-width:var(--max-width-container);min-width:1700px;width:100%;padding:60px 200px 50px;z-index:2;box-sizing:border-box}.simple-layout-main-container{display:flex;flex-direction:column;align-items:center;overflow:hidden}}.smooth-scroll-button{position:fixed;bottom:50px;right:50px;border:none;cursor:pointer;padding:10px;background-color:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:25px;font-weight:900;z-index:10000}@media all and (max-width: 1132px){.smooth-scroll-button{display:none}}.dashboard-title-container{display:flex;width:100%;justify-content:space-between;align-items:center}.dashboard-title-container h2{color:var(--primary-color)}.icon-button{border:none;background-color:transparent!important;font-size:17px;min-width:25px}.icon-button-icon{cursor:pointer}.icon-button-icon:hover{font-size:20px;transition:all .3s}.pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;margin-top:10px}.pagination-container button{margin-right:6px;margin-top:10px;background:#FEF4EE;border:none;padding:5px 10px;color:#1d1f28;border-radius:6px}.pagination-container button.active{background:var(--primary-color);color:#fff}.pagination-container button:disabled{color:#87888a;background-color:#fff}.custom-table{border-collapse:collapse;width:100%}.custom-table-head{color:#fff;height:45px;border:none;border-collapse:collapse}.custom-table-head tr th{background-color:var(--primary-color);color:#fff;font-size:var(--font-16-px);height:45px;border:none;font-weight:700;padding:0 15px}.custom-table-head th:first-child{border-radius:10px 0 0}.custom-table-head th:last-child{border-radius:0 10px 0 0}.custom-table-tr{border-radius:10px;background:var(--bg, rgba(234, 243, 252, .2));height:55px;margin-top:10px;border-bottom:1px solid var( --border-bottom-color )}.custom-table-tr:hover{background-color:var(--table-even-row-bg)}.align-center{text-align:center}.custom-table-tr td{padding:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--font-16-px)}.Available{color:var(--green);font-weight:600}.Hold{color:var(--hold);font-weight:600}@media (max-width: 600px){.custom-table{width:100%}.custom-table-head{display:none}.custom-table tbody tr{display:flex;flex-direction:column;width:100%;box-shadow:inset 0 2px 4px #0000000d}.custom-table-tr{margin-bottom:15px;height:auto;width:100%}.custom-table td{text-align:left!important;content:attr(data-cell);position:relative;width:auto!important;min-width:auto!important;border-radius:10px;margin:2px}.custom-table td:nth-child(2n){background-color:var(--table-row-hover-color)}.custom-table td:before{content:attr(data-label);left:0;font-weight:700;text-align:left}}.delete-popup{display:flex!important;flex-direction:column!important;gap:10px;padding:20px;align-items:flex-start}.delete-popup-head{color:var(--Accent-Color, #D03636);font-family:Poppins;font-size:30px;font-style:normal;font-weight:700;line-height:normal;padding:0 20px 0 0}.delete-popup-container{display:flex;justify-content:space-around;flex-direction:row}.delete-popup-button-container{display:flex;justify-content:flex-end;flex-direction:row;gap:10px}@media only screen and (max-width: 600px){.delete-popup-container{display:flex;flex-wrap:wrap}}@media only screen and (min-width: 601px) and (max-width: 1024px){.title-card-title{font-size:38px}}.popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:10000;justify-content:center;align-items:center;display:flex}.popup-layout{padding:10px;margin:10px;min-height:fit-content}.popup-content{background-color:#fff;padding:20px;box-shadow:0 4px 20px #0000004d;border-radius:10px;position:relative;max-width:90vw;max-height:90vh;width:auto;min-width:300px;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;z-index:10001}.close-button{position:absolute;top:10px;right:10px;cursor:pointer;font-size:var(--font-24-px);color:#888}@media only screen and (max-width: 600px){.popup-content{width:95vw;max-width:95vw;min-width:280px;max-height:85vh;padding:15px;top:50%;left:50%;transform:translate(-50%,-50%);overflow-y:auto;overflow-x:hidden}.popup-layout{padding:5px;margin:5px}}@media only screen and (min-width: 601px) and (max-width: 1024px){.popup-content{max-width:85vw;max-height:85vh;overflow-y:auto;overflow-x:hidden}}@media all and (max-width: 1155px){.popup-content{max-width:90vw}}.user-layout-main-container{overflow:hidden}.user-layout-main-container section{padding:20px 120px 10px}@media all and (max-width: 1300px){.user-layout-main-container section{padding:60px 70px 90px}}@media all and (max-width: 1050px){.user-layout-main-container section{padding:40px 70px 25px}}@media all and (max-width: 550px){.user-layout-main-container section{padding:18px 20px 20px}}@media all and (min-width: 1700px){.user-layout-main-container section{padding:50px 150px 20px}}@media all and (min-width: 1800px){.user-layout-main-container section{max-width:1800px;min-width:1700px;width:100%;z-index:2;box-sizing:border-box}.user-layout-main-container{display:flex;flex-direction:column;align-items:center;overflow:hidden}}.top-rectangle-ul{padding:21px;position:absolute;z-index:-100;left:0}@media all and (max-width: 780px){.top-rectangle-ul{width:400px}}@media all and (max-width: 550px){.top-rectangle-ul{display:none}}.ul-header-logo{height:45px}.ul-header-user{height:40px;cursor:pointer}.ul-header-container{padding:65px 80px 10px;display:flex;align-items:center;justify-content:space-between}.ul-header-greeting-container{position:relative;width:100%;border-radius:10px;background-color:var(--primary-color);box-sizing:border-box;padding:32px 30px}.ul-header-greeting-container{display:flex;align-items:center;justify-content:space-between}.ul-header-greeting-student-name-container{display:flex;align-items:center;gap:8px}.ul-header-greeting-student-welcome{color:var(--white-100, #fff);text-align:center;font-family:Poppins;font-size:var(--font-40-px);font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.064px}.ul-header-greeting-student-name{color:var(--white-100, #fff);font-family:Poppins;font-size:var(--font-40-px);font-style:normal;font-weight:600;line-height:normal;letter-spacing:-.064px}.ul-header-greeting-student-message{color:var(--white-100, #fff);font-family:Poppins;font-size:20px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.064px}.ul-header-student-avatar{position:absolute;height:239px;right:0;bottom:-24px}@media all and (min-width: 1800px){.ul-header-container{max-width:1800px;min-width:1700px;width:100%;z-index:2;box-sizing:border-box}}@media all and (max-width: 750px){.ul-header-student-avatar{position:absolute;height:183px;right:0;bottom:-18px}}@media all and (max-width: 650px){.ul-header-student-avatar{display:none}#user-layout-student-info-header{margin-left:-28px;margin-right:-38px}}@media all and (max-width: 550px){.ul-header-container{padding:20px}}.ulsh-container{display:flex;align-items:center;justify-content:space-between}.user-layout-search-header-button{text-decoration:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;background-color:var(--primary-color);padding:9px 20px;border-radius:5px;color:var(--db-bg, #fafafd);font-family:Inter;font-size:var(--font-15-px);font-style:normal;width:155px}.ulsh-input{width:309px;padding:0 5px 0 55px;border:none;outline:none;background:rgba(124,183,179,.2);border-radius:10px;font-size:var(--font-15-px);position:relative;height:44px}.ulsh-input::placeholder{color:var(--Secondary-Color, #23758e);font-family:Nunito Sans;font-size:var(--font-15-px);font-style:normal;font-weight:800;line-height:normal}.ulsh-search-button{font-size:var(--font-20-px);box-sizing:border-box;display:flex;justify-content:center;align-items:center;border:none;background:var(--primary-color);color:#fff;font-weight:900;border-radius:10px;height:44px;width:80px}.ulsh-search-container{display:flex;gap:10px;align-items:center}.ulsh-search-input{position:absolute;font-size:var(--font-20-px);color:var(--primary-color);padding:14px 20px 9px 19px}@media all and (max-width: 860px){.ulsh-container{flex-direction:column;gap:35px;align-items:center}.ulsh-input,.ulsh-search-container{width:100%}}.ul-all-chapters-container{display:grid;gap:11px;margin-top:15px;position:relative;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.all-chapter-icon-size{font-size:var(--font-19-px)}.enroll-button-container{background-color:#0000008f;position:absolute;width:100%;height:100%;border-radius:10px;display:flex;justify-content:center;top:0;bottom:0;left:0;right:0}#user-all-chapters{padding-bottom:100px}@media all and (max-width: 1460px){.ul-all-chapters-container{margin-top:38px}}@media all and (max-width: 1030px){.enroll-button-container{align-items:flex-start}}@media all and (max-width: 750px){.ul-all-chapters-container{padding:0 80px}.enroll-button-container{align-items:flex-start}}@media all and (max-width: 687px){.ul-all-chapters-container{padding:0 50px}}@media all and (max-width: 445px){.ul-all-chapters-container{padding:0 10px}}.sample-pagination{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-top:25px}.sample-pagination button{border:none;display:flex;align-items:center;justify-content:center;background-color:var(--primary-color);border-radius:10px;color:#fff;box-sizing:border-box;height:36px;width:33px;cursor:pointer;font-weight:700;font-size:14px}#exam-view-user{padding-top:10px}.exam-view-pre-screen-container{box-shadow:0 0 10px #0000001a;width:900px;border-radius:10px}.exam-view-pre-screen-container .header{display:flex;align-items:center;justify-content:center;flex-direction:column;padding-top:25px;padding-bottom:25px;background:rgba(65,149,175,.1);border-radius:10px}.exam-view-pre-screen-container .heading{color:var(--PrimaryDark, #00556f);text-align:center;font-family:Nunito Sans;font-size:var(--font-20-px);font-style:normal;font-weight:700;line-height:normal}.exam-view-pre-screen-container .body{display:flex;flex-direction:column;align-items:center;gap:28px;padding:20px 50px}.exam-view-pre-screen-container .exam-desc{color:var(--TextColor1, #232323);text-align:center;font-family:Nunito Sans;font-size:var(--font-19-px);font-style:normal;font-weight:700;line-height:normal}.exam-view-pre-screen-container .duration{color:var(--PrimaryDark, #00556f);text-align:center;font-family:Nunito Sans;font-size:var(--font-19-px);font-style:normal;font-weight:700;line-height:normal}.exam-view-pre-screen-container .start-button{border:none;border-radius:12px;opacity:.9;background:var(--PrimaryDark, #00556f);color:var(--db-bg, #fafafd);text-align:center;font-family:Nunito Sans;font-size:var(--font-16-px);font-style:normal;font-weight:800;line-height:normal;text-decoration:none;padding:10px 33px}.exam-view-pre-screen-container .back-button{border-radius:10px;border:.5px solid var(--Primary, #23758e);text-decoration:none;padding:10px 33px;color:var(--Primary-light, #4195af);text-align:center;font-family:Nunito Sans;font-size:var(--font-16-px);font-style:normal;font-weight:600;line-height:normal}.exam-view{display:flex;flex-direction:column;gap:10px;box-shadow:0 0 10px #0000001a}.exam-view .header{border-radius:11px;padding:20px 50px 50px;display:flex;align-items:center;flex-direction:column;justify-content:center;background-color:#4195af1a;position:relative}.exam-view .header .exam-duration{position:absolute;left:50px;bottom:7px;color:var(--PrimaryDark, #00556f);text-align:center;font-family:Nunito Sans;font-size:var(--font-15-px);font-style:normal;font-weight:600;line-height:normal}.exam-view .header .heading-tamil{margin-top:30px;color:var(--PrimaryDark, #00556f);text-align:center;font-family:Nunito Sans;font-size:var(--font-20-px);font-style:normal;font-weight:600;line-height:normal}.exam-view .header .heading-english,.exam-view .header .heading{color:var(--PrimaryDark, #00556f);text-align:center;font-family:Nunito Sans;font-size:var(--font-20-px);font-style:normal;font-weight:600;line-height:normal}.exam-view .body{padding:10px 20px}.body-exam-iframe{width:100%;height:800px;min-height:500px;border:none}.exam-timer{position:absolute;right:32px;bottom:19px;display:flex;align-items:center;justify-content:center}@media all and (max-width: 550px){.exam-view .body{padding:0}.exam-view .header .heading-tamil{margin-top:0}.exam-view .header{padding:20px 20px 30px;gap:9px}.exam-view{gap:0px}.exam-timer{position:static;right:24px;bottom:23px;height:unset;width:unset;border-radius:0;border:none;display:block;align-items:center;justify-content:center;display:flex;text-align:left;gap:3px;color:var(--PrimaryDark, #00556f);text-align:center;font-family:Nunito Sans;font-size:var(--font-15-px);font-style:normal;font-weight:500;line-height:normal}.exam-timer:before{content:"Time Left: ";text-align:center;font-family:Nunito Sans;font-size:var(--font-15-px);font-style:normal;font-weight:600;line-height:normal}.exam-view .header .exam-duration{position:static;left:50px;bottom:7px;color:var(--PrimaryDark, #00556f);text-align:center;font-family:Nunito Sans;font-size:var(--font-15-px);font-style:normal;font-weight:600;line-height:normal}}@keyframes growProgressBar{0%,33%{--pgPercentage: 0}to{--pgPercentage: var(--value)}}@property --pgPercentage{syntax: "<number>"; inherits: false; initial-value: 0;}div[role=progressbar]{--size: 12rem;--fg: rgb(231, 119, 119);--bg: #def;--pgPercentage: var(--value);animation:growProgressBar 3s 1 forwards;width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(closest-side,white 94%,transparent 0 99.9%,white 0),conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%),var(--bg) 0);font-size:20px;color:#000}div[role=progressbar]:before{counter-reset:percentage var(--value);content:attr(timer)}.timer-container-mobile{display:none}@media all and (max-width: 1000px){.timer-container-web{display:none!important;color:var(--primary-color)!important}.timer-container-mobile{display:block;color:#00556f}}.screen-view-navigation{color:#bababa;font-family:Nunito Sans;font-size:var(--font-15-px);font-style:normal;font-weight:700;line-height:normal;margin-bottom:20px}.units-exams-button-container{display:flex;gap:9px}.units-exam-button-set{background-color:#23758eab;display:flex;border-radius:10px}.ec-button{text-decoration:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;background-color:transparent;color:var(--db-bg, #fafafd);font-family:Inter;font-size:var(--font-16-px);font-style:normal;width:80px;height:44px}.home-ec-button{text-decoration:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;background-color:transparent;color:var(--db-bg, #fafafd);font-family:Inter;font-size:var(--font-16-px);font-style:normal;width:168px;height:44px}.ec-button-active{background-color:var(--primary-color);border-radius:10px}#enrolled-chapter-units,#enrolled-chapter-exams{padding-top:10px}.enroll-button{text-decoration:none;border:none;cursor:pointer;display:flex;align-items:center;gap:7px;background-color:var(--primary-color);border-radius:10px;color:var(--db-bg, #fafafd);font-family:Inter;font-size:var(--font-16-px);font-style:normal;width:80px;height:44px}@media all and (max-width: 550px){.ec-button,.enroll-button,.home-ec-button{width:50%;height:44px}.units-exam-button-set,.units-exams-button-container{width:100%}}.btn{display:flex;position:relative;width:100px;height:100px;background-color:#7cb7b3;box-shadow:0 4px 4px #0000004d;border-radius:50%;line-height:100px;text-align:center;text-decoration:none;color:#fff;z-index:200;align-items:center;justify-content:center;border:none;font-family:Inter;font-size:var(--font-20-px);cursor:pointer;font-weight:800;position:fixed;bottom:10%}.btn:before{display:block;position:absolute;z-index:-1;width:100%;height:100%;border-radius:50%;background:var(--primary-color);opacity:0;content:"";animation:pulse 1.5s infinite}.btn.is-clicked{background:linear-gradient(to bottom,rgb(243,240,240) 0%,rgb(243,240,240) 100%);color:var(--primary-color)}.btn.is-clicked:before{animation:blastOut 1.5s}@keyframes pulse{0%{transform:scale(1);opacity:.4}to{transform:scale(1.3);opacity:0}}@keyframes blastOut{0%{transform:scale(.9);opacity:.4}to{transform:scale(10);opacity:0}}@media all and (max-width: 1030px){.btn{position:fixed;bottom:10%}}@media all and (max-width: 750px){.btn{margin-top:calc((100vh - 435px)/2)}}@media all and (max-width: 600px){.btn-normal-position{display:none}.btn{margin-top:70px;bottom:10%;width:138px;height:45px;border-radius:18px;position:fixed}.btn:before{border-radius:18px}}@media all and (max-width: 366px){.home-ec-button{font-size:var(--font-13-px)}}.exam-chapter-start-button{border-radius:5px;background:var(--Secondary-Color, #23758e);color:var(--white-100, #fff);font-family:Nunito Sans;font-size:var(--font-13-px);font-style:normal;padding:7px 23px;font-weight:700;line-height:normal;text-decoration:none}@media all and (max-width: 666px){.exam-chapter-start-button{width:34px}.chapter-content-exam-container{margin-top:30px}}.card-table-module{width:100%;min-width:600px;border-collapse:separate;border-spacing:0px 30px;margin-top:-30px;table-layout:auto}@media (max-width: 1279px){.card-table-module{min-width:500px}}@media (max-width: 768px){.card-table-module{min-width:100%}}.card-table-container{overflow-x:auto;width:100%;max-width:100%;-webkit-overflow-scrolling:touch}.card-table-container::-webkit-scrollbar{height:8px}.card-table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.card-table-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.card-table-container::-webkit-scrollbar-thumb:hover{background:#555}.card-th-table-module{color:var(--table-header-color);font-family:Poppins;font-size:var(--medium-font-size);font-style:normal;font-weight:500;line-height:normal}.card-tr-table-module:nth-of-type(2n-1){box-shadow:inset 45px 0 0 -37px #2e2559d9;border-radius:12px}.card-caption-table-module,.card-th-table-module,.card-tr-table-module{padding:20px}.card-td-table-module{padding:32px 20px;border-bottom:1px solid #d5d5d5;border-top:1px solid #d5d5d5}.card-td-table-module:first-child{border-left:1px solid #d5d5d5;border-top-left-radius:10px;border-bottom-left-radius:10px}.card-td-table-module:last-child{border-right:1px solid #d5d5d5;border-top-right-radius:10px;border-bottom-right-radius:10px}.card-dynamic-table-tr{color:var(--dynamic-table-row);font-family:Poppins;font-size:var(--medium-font-size);font-style:normal;font-weight:600;line-height:normal;cursor:pointer}.card-dynamic-table-tr:hover{background-color:#dfe8ff}.card-dynamic-table-tbody .card-tr-table-module .card-tr-table-module:last-child{border-bottom:0px}.card-th-table-module{color:#fff;background-color:var(--primary-color);white-space:nowrap;word-wrap:break-word;overflow-wrap:break-word}@media (max-width: 1279px){.card-th-table-module{font-size:12px!important;padding:15px 10px!important}}@media (max-width: 768px){.card-th-table-module{font-size:11px!important;padding:12px 8px!important}}.card-th-table-module:first-child{border-top-left-radius:10px}.card-th-table-module:last-child{border-top-right-radius:10px}@media (max-width: 767px){.card-th-table-module{display:none}.card-dynamic-table-tbody{display:flex;flex-direction:column;gap:6px}.card-td-table-module{display:grid;grid-template-columns:1fr 3fr;text-align:left!important;gap:16px}.card-td-table-module:before{content:attr(data-cell);font-weight:700;color:var(--table-header-color)}.card-tr-table-module{border-radius:10px;box-shadow:0 0 5px #0000001a}.card-tr-table-module:hover{background-color:transparent}.card-tr-table-module:nth-of-type(2n){background-color:transparent}.card-td-table-module{word-break:break-all}}@media (max-width: 767px){.card-td-table-module{grid-template-columns:1fr 2fr;text-align:left!important}.card-tr-table-module{margin:10px}.card-td-table-module{word-break:break-word;overflow-wrap:break-word}.card-td-table-module[hide-on-mobile=none]{display:none}.card-td-table-module:before{content:attr(data-cell);color:var(--table-header-color);font-size:var(--font-15-px);font-weight:600}.card-dynamic-table-tr{background:white}.card-tr-table-module:nth-of-type(2n){background-color:#fff}.card-add-table-border-bottom{border-bottom:none}.card-caption-table-module,.card-th-table-module,.card-td-table-module,.card-tr-table-module{padding:10px}.card-td-table-module{border-bottom:unset;border-top:unset}.card-td-table-module:first-child{border-left:unset;border-top-left-radius:0;border-bottom-left-radius:0}.card-tr-table-module:hover .card-td-table-module:first-child{box-shadow:unset}.card-td-table-module:last-child{border-right:unset;border-top-right-radius:0;border-bottom-right-radius:0}.card-table-module{border-spacing:0px 0px}}@media all and (max-width: 767px){.card-table-container{overflow-x:unset}.card-table-module{width:100%;border-collapse:separate;border-spacing:0px 0px;margin-top:0}}.chapter-content-main-container{display:grid;gap:20px}.full-width{grid-template-columns:1fr}.split-width{grid-template-columns:3fr 1fr}.enroll-screen-main-container{width:400px}.enroll-screen-main-container .header .heading svg{display:none}.enroll-screen-main-container .image{width:100%;margin-top:20px;height:183px;object-fit:cover;border-radius:10px}.enroll-screen-main-container .header{display:flex;align-items:center;justify-content:space-between}.enroll-screen-main-container .header .heading{color:var(--TextColor1, #232323);font-family:Nunito Sans;font-size:var(--font-20-px);font-style:normal;font-weight:700;line-height:normal;display:flex;align-items:center;gap:8px}.chapter-enroll-screen-close-button{padding:1px;border-radius:50%;background-color:#00556f;color:#fff;background:white;color:gray}.chapter-enroll-screen-close-button:hover{cursor:pointer}.enroll-screen-main-container .header .chapter-name{border-radius:5px;background:rgba(0,0,0,.83);color:var(--white-100, #fff);text-align:center;font-family:Nunito Sans;font-size:var(--font-13-px);font-style:normal;font-weight:700;line-height:normal;padding:5px 16px}.enroll-screen-main-container .container-1,.enroll-screen-main-container .container-2{padding:20px;background-color:#fff;box-shadow:0 0 10px #0000001a;margin-top:24px;border-radius:10px}.enroll-screen-main-container .heading-tamil{margin-top:10px}.enroll-screen-main-container .heading-tamil,.enroll-screen-main-container .heading-english{overflow:unset;color:var(--TextColor1, #232323);text-align:center;text-overflow:unset;white-space:unset;font-family:Nunito Sans;font-size:var(--font-16-px);font-style:normal;font-weight:600;line-height:normal}.enroll-screen-main-container .course-desc{overflow:hidden;color:#8d8d8d;text-overflow:ellipsis;font-family:Inter;font-size:var(--font-14-px);text-align:center;font-style:normal;font-weight:400;line-height:124%;margin-top:5px;display:flex;align-items:center;justify-content:center}.enroll-screen-main-container .container-2 .price-data{display:flex;align-items:center;justify-content:space-between}.enroll-screen-main-container .container-2 .extra-hours{margin-top:10px}.enroll-screen-main-container .container-2 .price-heading{color:#c8c8c8;font-family:Nunito Sans;font-size:var(--font-16-px);font-style:normal;font-weight:700;line-height:normal}.enroll-screen-main-container .container-2 .price-amount{color:var(--TextColor1, #232323);font-family:Nunito Sans;font-size:var(--font-16-px);font-style:normal;font-weight:700;line-height:normal}.enroll-screen-main-container .line-divider{width:100%;height:1px;background-color:#d6d6d6;margin-top:10px;margin-bottom:10px}.enroll-screen-main-container .container-2 .number-counter{width:5ch;margin-right:2px;border:1px solid #d6d6d6;outline:none;padding:2px;border-radius:7px;height:22px}.enroll-screen-main-container .payment-main-container{padding:11px 25px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;background-color:#f4f4f4}.enroll-screen-main-container .payment-main-container .heading{color:var(--TextColor1, #232323);font-family:Inter;font-size:var(--font-16-px);font-style:normal;font-weight:500;line-height:normal;display:flex;align-items:center;gap:8px}.enroll-screen-main-container .payment-methods{display:flex;flex-direction:column;gap:8px;margin-top:20px}.enroll-screen-main-container .payment-button{border-radius:12px;background:var(--PrimaryDark, #00556f);box-shadow:0 67.114px 109.061px #0000000d;display:flex;padding:12px 20px;justify-content:center;align-items:flex-end;color:var(--white-100, #fff);font-family:Inter;font-size:var(--font-16-px);font-style:normal;font-weight:600;line-height:normal;margin-top:20px;border:none;cursor:pointer;width:100%}.payment-popup-container .header{background-color:var(--primary-color);padding:16px;border-radius:10px;border:none;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:500;letter-spacing:1px}.payment-popup-container{background-color:#fff;border-radius:10px}.payment-popup-container .body{display:grid;grid-template-columns:3fr 2fr;gap:30px;padding:30px}.payment-popup-container .body .heading{color:var(--Secondary-Color, #23758e);font-family:Nunito Sans;font-size:var(--font-20-px);font-style:normal;font-weight:700;line-height:normal}.payment-popup-container .body .para{color:var(--Filled, #000);text-align:justify;font-family:Nunito Sans;font-size:var(--font-15-px);font-style:normal;font-weight:400;line-height:30px}.payment-popup-container .body .bank-details{background-color:#f5f6fa;padding:15px 70px;border-radius:10px}.payment-popup-container .body td{color:var(--Filled, #000);font-family:Nunito Sans;font-size:var(--font-15-px);font-style:normal;font-weight:400;line-height:normal}.payment-popup-container .body table{width:100%}@media all and (max-width: 885px){.split-width{grid-template-columns:unset}.enroll-screen-main-container{width:100%;order:-1}.enroll-screen-main-container .container-1{margin-top:50px}}.bank-payment-field{padding:10px 15px;background-color:#f5f6fa}.bank-payment-label{color:var(--PrimaryDark, #00556f);font-family:Inter;font-size:var(--font-14-px);font-style:normal;font-weight:500;line-height:27px;letter-spacing:-.32px}.chapter-content-divider-dot{display:flex;align-items:center;justify-content:center}.bank-pay-copy{color:#a6a6a6;margin-bottom:-2px;margin-left:2px;cursor:pointer}.bank-payment-proof-submit-button{border-radius:9px;opacity:.9;background:var(--PrimaryDark, #00556f);color:var(--db-bg, #fafafd);text-align:center;font-family:Nunito Sans;font-size:16px;font-style:normal;font-weight:600;line-height:normal;letter-spacing:-.064px;width:100%;border:none;padding:10px;margin-top:15px;cursor:pointer}@media all and (max-width: 1390px){.payment-popup-container .body{grid-template-columns:1fr;gap:32px;height:500px;overflow:auto}}.bank-payment-receipt-upload-success{color:#0d960d;stroke-width:40px}.bank-payment-receipt-upload-failed{color:#d3a921;stroke-width:40px}@media all and (max-width: 650px){.payment-popup-container .body .bank-details{background-color:#f5f6fa;padding:15px 23px;border-radius:10px}.enroll-screen-main-container .header .heading svg{display:block}}@media all and (max-width: 500px){.enroll-screen-main-container .container-1{margin-top:34px}.bank-details table{display:flex;flex-direction:column;gap:20px}.bank-details table tr{display:flex;flex-direction:column;gap:5px}.payment-popup-container .body .bank-details{background-color:#f5f6fa;padding:15px 22px;border-radius:10px}}@media all and (max-width: 360px){.enroll-screen-main-container .course-desc{overflow:hidden;color:#8d8d8d;text-overflow:ellipsis;font-family:Inter;font-size:var(--font-14-px);text-align:center;font-style:normal;font-weight:400;line-height:124%;display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:10px}}.add-bank-payment-pdf{padding:11px 15px;width:300px;background-color:#f5f6fa;width:100%}.user-profile-form-1 .heading,.user-profile-form-2 .heading{color:var(--Secondary-Color, #23758e);font-family:Nunito Sans;font-size:var(--font-20-px);font-style:normal;font-weight:700;line-height:normal;letter-spacing:-.064px;margin-bottom:10px}.user-profile-update-button{border-radius:9px;opacity:.9;background:var(--Primary, #23758e);color:var(--db-bg, #fafafd);text-align:center;font-family:Nunito Sans;font-size:var(--font-15-px);font-style:normal;font-weight:700;line-height:normal;letter-spacing:-.064px;border:none;padding:12px 48px;margin-top:15px;text-align:end;float:right}.user-profile-container{width:815px;padding:30px 32px;border-radius:10px;box-shadow:0 0 10px #0000001a}.user-profile-user-layout{display:flex;align-items:center;justify-content:center}#user-profile-user-layout{padding-top:10px}.user-profile-label{color:var(--PrimaryDark, #23758e);font-family:Inter;font-size:var(--font-14-px);font-style:normal;font-weight:500;line-height:27px;letter-spacing:-.32px}.user-profile-form-field-container{display:flex;flex-wrap:wrap;gap:35px}@media all and (max-width: 780px){.user-profile-form-field-container{flex-direction:column}.user-profile-update-button{width:100%;display:flex;align-items:center;justify-content:center;float:unset}.user-profile-form-field-container{gap:0px}}.popup-container{position:fixed;background-color:#00000060;width:100%;height:100%;left:0;top:0;bottom:0;right:0;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;visibility:hidden;z-index:500}.are-you-sure-popup{font-size:var(--font-24-px);color:#595656}.popup-body{color:#595656;text-align:center}.popup-main{background-color:var(--white-color);padding:30px 50px;font-weight:700;font-size:17px;border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:500px;min-width:200px;margin:20px;gap:29px;width:330px}.popup-container-active{opacity:1;visibility:visible}.popup-question-mark{width:93px}.popup-divider{width:100%;height:2px;background-color:var(--popup-divider-background);margin:10px 0 16px}.popup-button{margin:10px;padding:13px;border:none;cursor:pointer;width:125px;border-radius:10px;font-weight:700;color:var(--white-color);font-size:14px}.yes-popup-button{background-color:#ff5757}.no-popup-button{background-color:#959595}.popup-icon{border:none;background:none}@media all and (max-width: 505px){.popup-main{width:302px}}@media all and (max-width: 505px){.popup-main{width:247px;padding:30px}}.admin-all-chapters-container{width:100%;max-width:100%;height:100%;padding:20px;box-sizing:border-box;border-radius:14px;background:var(--white-100, #fff);box-shadow:0 0 1px #00000040;display:flex;flex-direction:column;gap:30px;overflow-x:hidden}@media all and (max-width: 1100px){.admin-all-chapters-container{width:100%;height:100%;padding:20px;box-sizing:border-box;border-radius:14px;background:unset;box-shadow:unset;display:flex;flex-direction:column;gap:30px}}.admin-all-chapters-header{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;width:100%}.admin-main-page-title{color:#281f56;font-family:Nunito Sans;font-size:32px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:-.114px}.admin-page-button{border-radius:6px;background:var(--Primary, #23758e);border:none;color:var(--white-100, #fff);font-family:Nunito Sans;font-size:var(--font-18-px);font-style:normal;font-weight:700;line-height:27px;cursor:pointer;padding:13px 43px;white-space:nowrap;flex-shrink:0}@media all and (max-width: 768px){.admin-all-chapters-header{flex-direction:column;align-items:flex-start;gap:15px}.admin-page-button{width:100%;padding:13px 20px}}@media all and (max-width: 600px){.admin-all-chapters-container{width:100%;height:100%;padding:15px;box-sizing:border-box;border-radius:14px;background:unset;box-shadow:unset;display:flex;flex-direction:column;gap:20px}.admin-all-chapters-header{flex-direction:column;align-items:stretch;gap:15px}.admin-main-page-title{color:#281f56;font-family:Nunito Sans;font-size:24px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:-.114px;width:100%}.admin-page-button{border-radius:6px;background:var(--Primary, #23758e);border:none;color:var(--white-100, #fff);font-family:Nunito Sans;font-size:var(--font-16-px);font-style:normal;font-weight:700;line-height:27px;cursor:pointer;padding:12px 20px;width:100%;white-space:nowrap}}.add-new-chapter-container{border-radius:16px;background-color:#fff;width:100%;max-width:500px;box-sizing:border-box;box-shadow:0 4px 20px #0000001a;overflow:hidden}.add-new-chapter-container .header{padding:24px 32px;background:linear-gradient(135deg,var(--primary-color) 0%,#1a5a6e 100%);color:#fff;font-size:var(--font-20-px);font-weight:700;font-family:Nunito Sans,sans-serif;box-sizing:border-box;display:flex;align-items:center;gap:12px}.add-new-chapter-container .header:before{content:"📚";font-size:24px}.add-new-chapter-container .body{padding:32px;background-color:#fafbfc;color:#333;width:100%;max-width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:24px}.add-new-chapter-field{padding:14px 16px;width:100%;max-width:100%;background-color:#fff;box-sizing:border-box;color:#1a1a1a;border:2px solid #e1e8ed;border-radius:8px;font-size:var(--font-15-px);font-family:Inter,sans-serif;transition:all .3s ease}.add-new-chapter-field:focus{outline:none;border-color:var(--primary-color);background-color:#fff;box-shadow:0 0 0 3px #23758e1a}.add-new-chapter-field::placeholder{color:#9ca3af}.add-new-chapter-image-preview-container{width:100%;max-width:100%;margin-top:8px;position:relative;border-radius:12px;overflow:hidden;border:2px dashed #e1e8ed;background:#f9fafb;display:flex;align-items:center;justify-content:center;min-height:200px}.add-new-chapter-image-preview{width:100%;height:200px;object-fit:cover;border-radius:12px;display:block}.add-new-chapter-image-preview-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(35,117,142,.05) 0%,rgba(26,90,110,.05) 100%);pointer-events:none}.add-chapter-button-container{display:flex;align-items:center;justify-content:center;margin-top:8px;width:100%}.add-chapter-button{cursor:pointer;border-radius:10px;background:linear-gradient(135deg,var(--Primary, #23758e) 0%,#1a5a6e 100%);color:#fff;text-align:center;font-family:Nunito Sans,sans-serif;font-size:var(--font-16-px);font-weight:700;letter-spacing:.3px;padding:16px 32px;display:flex;align-items:center;justify-content:center;gap:10px;border:none;box-shadow:0 4px 12px #23758e4d;transition:all .3s ease;width:100%;max-width:100%;min-height:52px}.add-chapter-button i{font-size:var(--font-16-px)}.add-chapter-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #23758e66;background:linear-gradient(135deg,#1a5a6e 0%,#23758e 100%)}.add-chapter-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #23758e4d}.add-chapter-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.button-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.bank-payment-label{color:#1a1a1a;font-size:var(--font-15-px);font-weight:600;font-family:Inter,sans-serif;margin-bottom:10px;display:block}.custom-input-container{width:100%;margin-bottom:4px}.add-new-chapter-container .custom-input-container{position:relative}.add-new-chapter-container .custom-text-field{transition:all .3s ease;border:2px solid #e1e8ed;background:#ffffff}.add-new-chapter-container .custom-text-field:hover{border-color:#b8c5d1}.add-new-chapter-container .custom-text-field:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #23758e1a}.add-new-chapter-container .custom-file-field{cursor:pointer;transition:all .3s ease;border:2px solid #e1e8ed;background:#ffffff;color:#6b7280}.add-new-chapter-container .custom-file-field:hover{border-color:var(--primary-color);background:#f0f7fa;color:#1a1a1a}.add-new-chapter-container .custom-file-field:active{transform:scale(.98)}.add-new-chapter-container .form-error-message{margin-top:6px;font-size:var(--font-13-px);color:#dc3545;font-weight:500;display:block}.add-new-chapter-image-upload-area{width:100%;border:2px dashed #d1d9e9;border-radius:12px;padding:20px;text-align:center;background:#fafbfc;transition:all .3s ease;cursor:pointer}.add-new-chapter-image-upload-area:hover{border-color:var(--primary-color);background:#f0f7fa}@media all and (max-width: 768px){.add-new-chapter-container{max-width:100%}.add-new-chapter-container .header{padding:20px 24px;font-size:var(--font-18-px)}.add-new-chapter-container .body{padding:24px;gap:20px}.add-new-chapter-field{padding:14px 16px}.add-new-chapter-image-preview{height:180px}.add-new-chapter-image-preview-container{min-height:180px}}@media all and (max-width: 600px){.add-new-chapter-container .header{padding:18px 20px;font-size:var(--font-16-px)}.add-new-chapter-container .header:before{font-size:20px}.add-new-chapter-container .body{padding:20px;gap:18px}.add-new-chapter-field{padding:12px 14px;font-size:var(--font-14-px)}.add-new-chapter-image-preview{height:160px}.add-new-chapter-image-preview-container{min-height:160px}.add-chapter-button{padding:14px 24px;font-size:var(--font-15-px)}.bank-payment-label{font-size:var(--font-14-px)}}@media all and (max-width: 441px){.add-new-chapter-container .header{padding:16px 18px;font-size:var(--font-15-px)}.add-new-chapter-container .body{padding:18px;gap:16px}.add-new-chapter-field{padding:12px;font-size:var(--font-14-px)}.add-new-chapter-image-preview{height:140px}.add-new-chapter-image-preview-container{min-height:140px}.add-chapter-button{padding:12px 20px;font-size:var(--font-14-px)}}.admin-all-chapter-content-chapter-details-container{display:flex;width:100%;justify-content:space-between;gap:20px;align-items:center}.admin-all-chapter-content-button-container{display:flex;gap:20px}.admin-all-chapter-content-heading{color:var(--Secondary-Color, #23758e);font-family:Nunito Sans;font-size:32px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:-.114px;margin-top:20px}.admin-all-payments-content-heading{color:#281f56;font-family:Nunito Sans;font-size:32px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:-.114px}.admin-all-chapter-content-chapter-data{display:flex;width:100%;gap:79px;color:var(--Secondary-Color, #23758e);font-family:Nunito Sans;font-size:var(--font-16-px);font-style:normal;font-weight:700;line-height:normal;padding:14px;background:#dfe8ff;border-radius:12px}.add-chapter-content-button-admin{display:flex;align-items:center;gap:10px;background:#23758e;border:none;border-radius:12px;padding:14px 38px;color:#fff;color:var(--white-100, #fff);font-family:Nunito Sans;font-size:16px;font-style:normal;font-weight:700;line-height:normal;cursor:pointer;width:120px;justify-content:center}.add-chapter-content-button-admin .plus{background:#dfe8ff;height:10px;width:10px;display:block;display:flex;align-items:center;justify-content:center;color:#000;padding:5px;border-radius:5px;font-family:Nunito Sans;font-size:16px;font-style:normal;font-weight:700;line-height:normal}.add-exams-button-admin{display:flex;align-items:center;gap:10px;background:transparent;border:none;border-radius:12px;padding:12px 38px;color:#fff;color:#000;font-family:Nunito Sans;font-size:16px;font-style:normal;font-weight:700;line-height:normal;cursor:pointer;width:120px;justify-content:center;border:2px solid var(--primary-color)}.add-exams-button-admin .plus{background:var(--primary-color);height:10px;width:10px;display:block;display:flex;align-items:center;justify-content:center;color:#fff;padding:5px;border-radius:5px;font-family:Nunito Sans;font-size:16px;font-style:normal;font-weight:700;line-height:normal}.admin-all-chapter-content-tab{display:flex;width:100%;margin-bottom:12px}.admin-all-chapter-content-tab div{padding:5px 20px;border-bottom:2px solid #e6e6ff;color:var(--Disable-tab, rgba(46, 37, 89, .7));font-family:Nunito Sans;font-size:16px;font-style:normal;font-weight:700;line-height:normal;cursor:pointer;transition:all .2s ease-in-out}.admin-all-chapter-content-tab-active{border-bottom:2px solid rgba(46,37,89,.85)!important;color:#23758e!important;font-family:Nunito Sans}@media all and (max-width: 1398px){.admin-all-chapter-content-chapter-data{gap:40px;justify-content:space-between}}@media all and (max-width: 1138px){.admin-all-chapter-content-chapter-details-container{flex-direction:column}}@media all and (max-width: 846px){.admin-all-chapter-content-chapter-details-container{flex-direction:column}.admin-all-chapter-content-chapter-data{gap:20px;flex-direction:column;box-sizing:border-box}}@media all and (max-width: 600px){.admin-all-chapter-content-heading{font-size:25px}.admin-all-chapter-content-chapter-data{gap:20px;flex-direction:column;box-sizing:border-box;font-size:13px}}.admin-chapter-content-container{width:100%;height:100%;padding:20px;box-sizing:border-box;border-radius:14px;background:var(--white-100, #fff);box-shadow:0 0 1px #00000040;display:flex;flex-direction:column;gap:30px;overflow:auto}@media all and (max-width: 767px){.admin-chapter-content-container{width:100%;height:100%;padding:0;box-sizing:border-box;border-radius:14px;background:unset;box-shadow:unset;display:flex;flex-direction:column;gap:30px;overflow:unset}}.add-new-unit-body-container{display:grid;grid-template-columns:1fr 1fr;gap:50px}@media all and (max-width: 821px){.add-new-unit-body-container{display:grid;grid-template-columns:1fr;gap:0px}}.admin-exam-unit-open-handle{display:flex;align-items:center;gap:5px;justify-content:flex-start;text-decoration:none;color:#000}.admin-exam-unit-open-handle:hover{color:var(--primary-color)}.arrow-cal-main-container{position:relative;display:flex;align-items:center;justify-content:center}.arrow-cal-popup{position:absolute;top:25px;width:200px;height:200px}.arrow-cal-popup input{padding:5px;border-radius:5px;border:none;outline:none;background-color:#808080b4}.admin-student-overview-filter-container{display:flex;align-items:center;justify-content:space-between;background:var(--primary-color);padding:29px 33px;border-radius:10px;margin-bottom:9px;color:#fff}.admin-student-overview-filter-container .right{display:flex;align-items:center;gap:20px}.admin-student-overview-filter-container .left{display:flex;align-items:center;gap:55px}.arrow-cal-label{font-size:20px;cursor:pointer}.arrow-cal-label input{display:none}.adm-stu-ov-arrow-cal{display:flex;align-items:center;gap:2px}.adm-stu-ov-filter-icon{margin-right:30px}.adm-stu-ov-reset-icon{margin-right:15px}@media all and (max-width: 1066px){.admin-student-overview-filter-container{flex-direction:column-reverse;justify-content:flex-start;align-items:flex-start;gap:23px}.admin-student-overview-filter-container .left{display:flex;align-items:center;gap:55px;justify-content:space-between;width:100%}.admin-student-overview-filter-container .right{display:flex;align-items:center;gap:20px;width:100%;justify-content:space-between}}@media all and (max-width: 494px){.admin-student-overview-filter-container .left{display:flex;align-items:center;gap:55px;justify-content:space-between;width:100%;gap:13px;flex-wrap:wrap}}.admin-all-student-content-chapter-data{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%;gap:16px;color:var(--Secondary-Color, #23758e);font-family:Nunito Sans;font-size:var(--font-16-px);font-style:normal;font-weight:700;line-height:normal;padding:14px;background:#dfe8ff;border-radius:12px}@media all and (max-width: 1100px){.admin-all-student-content-chapter-data{grid-template-columns:1fr 1fr}}@media all and (max-width: 600px){.admin-all-student-content-chapter-data{grid-template-columns:1fr}.admin-all-student-content-chapter-data{font-size:13px;box-sizing:border-box}}.notfound-container{display:flex;width:100vw;height:100vh;align-items:center;justify-content:center;background:#000000d1;color:#fff;font-size:20px}.payment-history-status-dot{display:flex;align-items:center;gap:3px;justify-content:center}.payment-history-status-green{color:var(--Green, #3ba736);text-align:center;font-family:Nunito Sans;font-style:normal;font-weight:700;line-height:normal}.payment-history-status-red{color:var(--Red, #d93f49);text-align:center;font-family:Nunito Sans;font-style:normal;font-weight:700;line-height:normal}@media all and (max-width: 767px){.payment-history-status-green{justify-content:flex-start}}.payment-over-view-cards{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;box-sizing:border-box;row-gap:3vw;column-gap:5vw;justify-items:center;padding:7px 63px}@media all and (max-width: 1734px){.payment-over-view-cards{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;box-sizing:border-box;row-gap:2vw;column-gap:2vw;justify-items:center;padding:7px 63px}}@media all and (max-width: 1585px){.payment-over-view-cards{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;box-sizing:border-box;row-gap:2vw;column-gap:2vw;justify-items:center;padding:0}}@media all and (max-width: 1450px){.payment-over-view-cards{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;box-sizing:border-box;row-gap:2vw;column-gap:4vw;justify-items:center;padding:0 32px}}@media all and (max-width: 1450px){.payment-over-view-cards{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;box-sizing:border-box;row-gap:2vw;column-gap:2vw;justify-items:center;padding:0}}@media all and (max-width: 846px){.payment-over-view-cards{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;box-sizing:border-box;row-gap:2vw;column-gap:2vw;justify-items:center;padding:0 80px}}@media all and (max-width:600px){.payment-over-view-cards{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;box-sizing:border-box;row-gap:2vw;column-gap:2vw;justify-items:center;padding:0 10px}}.payment-over-view-card-container{width:100%;padding:20px;border-radius:14px;box-shadow:6px 6px 54px #0000000d;box-sizing:border-box;display:flex;flex-direction:column;gap:30px;position:relative}.payment-over-view-card-main-container{position:relative;width:100%}.payment-over-view-card-logo{position:absolute;right:20px;top:20px}.payment-over-view-card-container .heading{color:#202224;font-family:Nunito Sans;font-size:16px;font-style:normal;font-weight:600;line-height:normal}.payment-over-view-card-container .value{color:#202224;font-family:Nunito Sans;font-size:28px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:1px}.payment-over-view-card-container .total{color:var(--Text-Color, #595368);font-family:Nunito Sans;font-size:16px;font-style:normal;font-weight:600;line-height:normal;display:flex;align-items:center;gap:10px}.admin-profile-top-main-container{margin-top:80px}.admin-profile-main-form-container{margin-top:39px;display:grid;grid-template-columns:3fr 2fr;gap:32px}.admin-profile-general-acc-info-container,.admin-profile-change-password-container{border-radius:10px;background:var(--white-100, #fff);box-shadow:0 0 4px #00000040;padding:30px 50px;display:flex;flex-direction:column;gap:44px;margin-bottom:50px}.admin-profile-update-button{border:none;padding:10px 20px;height:45px;width:145px;border-radius:11px;background:var(--primary-color);color:var(--db-bg, #fafafd);text-align:center;font-family:Nunito Sans;font-size:14px;font-style:normal;font-weight:600;line-height:normal;letter-spacing:-.064px}.admin-profile-button-container{flex:1 1 0%;display:flex;align-items:end;justify-content:flex-end}.admin-profile-update-button-2{margin-top:24px}.password-image-container-admin{width:100%;display:flex;align-items:center;justify-content:center}@media all and (max-width: 1100px){.admin-profile-general-acc-info-container,.admin-profile-change-password-container{height:auto}}@media all and (max-width: 998px){.admin-profile-main-form-container{grid-template-columns:1fr}.admin-profile-general-acc-info-container,.admin-profile-change-password-container{overflow:unset;height:unset}}@media all and (max-width: 600px){.password-image-container-admin{display:none}.admin-profile-change-password-container{margin-bottom:30px}.admin-profile-update-button{width:100%}.admin-profile-general-acc-info-container,.admin-profile-change-password-container{padding:30px 26px;gap:44px}}@media all and (max-width: 1157px){#user-layout-admin-profile-header{padding-top:33px}}@media all and (max-width: 749px){#user-layout-admin-profile-header{padding-top:1px}}@media all and (max-width: 650px){#user-layout-admin-profile-header{padding-top:1px}.admin-profile-top-main-container{margin-top:0}}.toast{position:fixed;top:80px;right:0;transform:translate(-10%);background-color:#333;color:#fff;padding:10px;border-radius:5px;opacity:0}@keyframes mymove{0%{right:0}to{right:50px}}.toast.show{opacity:1;z-index:10000;animation:mymove .9s;animation-timing-function:cubic-bezier(.075,.82,.075,.82)}.toast-content{display:flex;justify-content:space-between;align-items:center}.close-btn{background:none;border:none;color:#fff;cursor:pointer}.successToast{background-color:#4bb543}.errorToast{background-color:#d03636}.warningToast{background-color:#f49a50}
