:root{--bg-start:#f6f9fb;--bg-end:#eef4fb;--accent1:#6b78b2;--accent2:#b57a6a;--heading-dark:#052243;--muted:#5b6a79;--max-width:1100px}
*{box-sizing:border-box;margin:0;padding:0}
html,body{font-family:apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";overflow-x:hidden}
h1{font-size:70px;line-height:1.15;font-weight:700;margin-top:18px}
.top-header{width:100%;padding:15px 40px;background:#273852;display:flex;align-items:center;justify-content:space-between;transition:.3s ease;position:fixed;top:0;z-index:1000;
padding-inline: 24px;border-radius: 0;backdrop-filter: blur(24px);border-bottom: 1px solid rgba(255, 255, 255, .1);box-shadow: 0 10px 30px #00000014;
}
.top-header .logo img{height:46px;border-radius:14px;background:#fff;padding:5px 10px}
.school-card{display:flex;align-items:center;gap:10px;background:#fff;padding:10px 10px;border-radius:14px;width:fit-content;box-shadow:2px 2px 12px -2px #0003;border:1px solid #edf0f5;margin-bottom:14px; width: 95% !important; display: flex; justify-content: center;}
.schoollogo .owl-nav.disabled{display:none}
.school-logo{width:55px!important;height:50px;object-fit:contain}
.schoollogosec{padding:50px 0;background:#f5f7fa}
.school-name {font-size: 15px;font-weight: 500;color: #3a3f52;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;    overflow: hidden;}
.schoollogosec p{text-align:center;margin-bottom:40px; color: #6a7282;}
nav{display:flex;gap:40px}
nav.active a{color:#fff!important}
nav a{color:#ffffffe6;font-size:16px;text-decoration:none;transition:all .2s ease 0s;font-weight:500}
nav a:hover{opacity:.7}
.btns{display:flex;gap:15px}
.login-btn{padding:8px 22px;background:transparent;border:1px solid #6E7C92;border-radius:10px;color:#fff;font-size:16px;cursor:pointer}
.top-header-btn{padding:8px 16px;background:#ff9f43;border-radius:10px;border:none;color:#fff;font-size:16px}
div#menuToggle{display:none}
nav a:hover{color:#fff}
.top-header.sticky{background:#EEF2F5;padding:15px 40px;box-shadow:0 4px 20px #00000026;width:50%;left:50%;margin-top:20px;transform:translateX(-50%);border-radius:15px}
.dashboardvalue{color:#0a2342;font-size:20px;font-weight:700}
.top-header.sticky nav a{color:#000}
.top-header.sticky .login-btn{border-color:#bfc5d1;color:#000}
.top-header.sticky .top-header-btn{background:#FFA645}
.hero{color:var(--heading-dark);text-align:center;width:100%;margin:0 auto;padding:0px 20px 70px;background:#f5f7fa}
.videocontent{position:absolute;top:40%;left:0;color:#fffc;opacity:0;font-size:16px;z-index: 9;}
.card:hover .video>.videocontent{opacity:1}
.heroslider{padding:150px 0 100px;display:flex;justify-content:space-between;align-items:center}
.heroslider .owl-dots.disabled{display:none}
.heroslidersec{position:relative;width:100%;padding:80px 0px;overflow:hidden;background:#0a1d3afa;}
.bg-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}
.content{position:relative;z-index:1;color:#fff}
.top-badge{display:flex;align-items:center;gap:10px;color:#c9d6df;font-size:16px;margin-bottom:18px}
.top-badge .square {width: 12px;height: 12px;border-radius: 2px;box-shadow: inset 0 0 0 1px #ffffff08;position: relative; overflow: hidden;}
.top-badge .square::before {content: '';position:absolute;top: 50%;left: 50%;width: 12px;height: 12px;border-radius: 2px;background: #ff9f43;transform: translate(-50%, -50%) scale(0);animation: squareWave 1.5s ease-in-out infinite;}
@keyframes squareWave {
0% {transform: translate(-50%, -50%) scale(0);background: #ff9f43;opacity: 1;}
50% {transform: translate(-50%, -50%) scale(1);background: #ffc36b;opacity: 0.6;}
100% {transform: translate(-50%, -50%) scale(1.5);background: #ff9f43;opacity: 0;}
}
.meta-pill{display:inline-block;padding:10px 16px;border-radius:28px;background:linear-gradient(180deg,#ffffff08,#ffffff03);border: 1px solid rgba(255, 255, 255, .1);color:#d6eefc;font-weight:normal;font-size:14px;margin-bottom:18px;box-shadow:0 6px 18px #02141e40}
.herodiv{display:flex;gap:28px;align-items:flex-start;flex-wrap:wrap}
.hero-left{flex:1 1 700px;min-width:280px}
.gradient-text{background:linear-gradient(90deg,#00c66a,#00b5d9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;padding-right:6px;position:relative;text-shadow:0 1px 0 #00000026 0 2px 0 #0000000f 0 6px 22px #02141e73}
p.lead{font-size:18px;color:#b9c7d4;max-width:780px;line-height:1.6;margin:10px 0 22px;font-weight:500}
.chips{display:flex;gap:12px;align-items:center;margin:18px 0 26px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:#ffffff0d;border:1px solid #ffffff08;color:#cbe6d9;font-weight:600;font-size:14px}
.chip .dot{width:10px;height:10px;border-radius:50%;background:#00c66a;box-shadow:0 0 6px #00c66a47}
.actions{display:flex;gap:12px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:10px;font-weight:700;border:0;cursor:pointer;font-size:15px;min-width:140px}
.heroslider .btn-ghost{background:#273652;color:#fff;width:auto;margin-top:0;font-weight:600;padding:8px; border-radius:7px; border: solid 1px #a5a5a5;}
.btn-ghost,.btn-ghost:hover{background:#ff8a20;color:#fff;width:auto;margin-top:0;font-weight:600;padding:8px; border-radius:7px; border: solid 1px #a5a5a5;}
.heroslider .btn-primary{background:#ff8a20;color:#fff;width:auto;margin-top:0;font-weight:600;padding:8px; border-radius:7px;}
.heroslidersec-content h1{margin:6px 0 18px;font-size:40px;line-height:45px;font-weight:800;color:#fff;letter-spacing:-1px;max-width:100%;text-shadow:0 6px 20px #020c1499}
@keyframes pop {
from{opacity:0;transform:scale(.8)}
to{opacity:1;transform:scale(1)}
}
/* Reset animation state */
.heroslider .hero-left h1,
.heroslider .hero-left p,
.heroslider .hero-left .chips,
.heroslider .hero-left .actions {opacity: 0;transform: translateY(30px);}
.heroslider .owl-item.active .hero-left h1 {animation: fadeUp 0.7s ease forwards;}
.heroslider .owl-item.active .hero-left p {animation: fadeUp 0.7s ease forwards;animation-delay: 0.2s;}
.heroslider .owl-item.active .chips {animation: fadeUp 0.7s ease forwards;animation-delay: 0.4s;}
.heroslider .owl-item.active .actions {animation: fadeUp 0.7s ease forwards;animation-delay: 0.6s;}
@keyframes fadeUp {to {opacity: 1;transform: translateY(0);}
}
/* box-shadow:rgb(0 0 0 / 83%) 0px 4px 12px; */
.heroslider .sldimg img {opacity: 0;transform: scale(0.95);transition: transform 2s ease, opacity 1.5s ease;
}
.heroslider .owl-item.active .sldimg img {opacity: 1 !important;transform: scale(1.02) !important;}
.sldimg img {width: 100% !important;object-fit: contain;padding-right: 10px;}
ul.sliderli li{list-style:none;color:#ffffff;font-size:16px;margin-left:0;line-height:35px;font-weight:400; display: flex;}
ul.sliderli ol,ul{padding-left:0!important}
ul.sliderli li img{width:20px !important;height:20px;margin-right:10px; margin-top: 8px;}
/* Reset animation state */
.metric-card{background:linear-gradient(135deg,#7e3bff60,#c77dff60);padding:15px 20px;border-radius:15px;margin-bottom:15px}
.metric-title{font-size:16px;opacity:.9}
.metric-value{font-size:28px;font-weight:700;margin-top:5px}
.section-title{margin-top:25px;font-size:20px;font-weight:600}
.label{opacity:.8;margin-top:8px}
.demo-btn { position: sticky;left: 50%;transform: translateX(-50%);top: -30px; display: inline-flex;align-items: center;gap: 10px;padding: 5px 18px;border-radius: 50px;box-shadow: 0 6px 18px #14285014;border: 1px solid #004aad33;font-weight: 600;white-space: nowrap;color: #004aad;background: linear-gradient(90deg, rgba(217, 224, 235, 1) 20%, rgba(240, 234, 230, 1) 100%);}
.demo-btn .dot{width:8px;height:8px;border-radius:50%;background:#f5a623;box-shadow:0 0 0 4px #f5a62314}
.demo-btn .play { font-size: 25px;}

.eyebrow{font-size:40px;font-weight:800;letter-spacing:-.02em;color:var(--heading-dark);margin-top:50px; line-height: 57px;}
.eyebrow .line-break{display:block;margin-top:10px}
.gradient-word{display:inline-block;font-weight:700;letter-spacing:-.015em;background:linear-gradient(90deg,var(--accent1) 0%,#8f92b7 35%,var(--accent2) 85%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 6px 18px #505f7814;display:block;margin-top:-10px; font-size: 40px;}
.top-line{font-weight:700;color:var(--heading-dark);display:block;}



.sub{max-width:820px;margin:10px auto 0;color:var(--muted);font-weight:500;padding-bottom:60px; font-size: 18px;}
.cardtop{ display: flex;}
.cardcontainer{display:flex;gap:35px;justify-content:center}
.card { position: relative; width: 100%; background: #fff; border-radius: 26px; overflow: hidden; transition: all 0.3s ease-in, border-left-color 0.3s ease; margin-bottom: 10px;  box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;  cursor: pointer; }
.card:hover {  transform: scale(1.05);}
.card.active {border:2px solid #ff8a20;}
.card.hovered {border:2px solid #ff8a20;}
.video{height:300px;position:relative;border-radius:26px 26px 0 0;overflow:hidden}
.video img{width:100%;height:100%;object-fit:cover;    border-radius: 0px 0px 26px 26px;}
.tag-left{position:absolute;top:20px;left:10px;display:flex;align-items:center;background:#ffffff1c;padding:7px 18px;border-radius:50px;color:#fff;font-size:14px;font-weight:normal;gap:7px;box-shadow:0 3px 12px #0003;backdrop-filter:blur(12px); border: solid 1px #c2c7d9;}
.tag-right{position:absolute;top:20px;right:10px;background:#fff;padding:7px 18px;border-radius:50px;font-size:14px;color:#004aad;display:flex;align-items:center;gap:6px;box-shadow:0 3px 12px #0000001f;}
.playyoutube {position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%);width: 80px; height: 80px; cursor: pointer;background-image: url("https://webapi.entab.info/api/image/ENTABWEBSITE/public/Images/play.png");background-size: cover;background-position: center;transition: transform 0.3s ease, background-image 0.3s ease; }
.card:hover .playyoutube { background-image: url("https://webapi.entab.info/api/image/ENTABWEBSITE/public/Images/YouTube.webp"); /* hover image */    width: 80px; height: 80px;    transform: translate(-50%, -60%);}
.content{padding:15px}
.title-row{display:flex;align-items:center;gap:12px}
.icon-box{width:50px;height:50px;background:#083c86;display:flex;justify-content:center;align-items:center;border-radius:14px;box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;}
.icon{color:#fff;font-size:22px}
.title{font-size:17px;font-weight:400;color:#1a1a1a}
.desc{margin-top:18px;font-size:15px;line-height:1.6;color:#555;    text-align: left;}
.btn-primary{width:100%;padding:16px;background:linear-gradient(135deg, rgb(0, 74, 173), rgba(0, 74, 173, 0.867));color:#fff;border-radius:12px;border:none;margin-top:30px;font-size:16px;font-weight:600;cursor:pointer}
.btn-learn{width:100%;padding:16px;background:#eef2fa;color:#1a1a1a;border-radius:12px;border:none;margin-top:15px;font-size:16px;font-weight:600;cursor:pointer}
.Watch i {padding-left: 7px;display: inline-block;transition: transform 0.3s ease;}
.Watch:hover i {transform: translateX(5px); }
.wrapper {padding: 60px;border-radius: 25px;color: #fff;display: flex;justify-content: space-between;align-items: center; gap:10px;margin-bottom: 20px;background-image: url(https://webapi.entab.info/api/image/ENTABWEBSITE/public/Images/bluebg.webp);    background-repeat: no-repeat; background-size: cover;}
.wrapper svg {width: 30px;margin-bottom: 6px !important;}
/* LEFT SECTION */
.wrapper .left{width:50%}
.wrapper .top-btn {background: #ffffff26;border:1px solid #ff8d2980;padding:8px 15px;border-radius: 30px;display: inline-flex;gap: 10px;align-items: center;font-size: 15px;background:linear-gradient(135deg,#3b3e49,#3c4960,#3c4960);}
.top-btn svg{color: #ff9f43;width: 15px; }
.wrapper h2{margin-top:25px;font-size:17px;font-weight:normal}
.wrapper p{font-size:17px;opacity:.9;margin-top:15px;line-height:1.6}
.buttons{margin-top:30px;display:flex;gap:20px;align-items:center}
.buttons .btn-primary{background:#ff9f43;padding:10px 17px;border-radius:10px;border:none;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;gap:10px;width:max-content;margin-top:0;font-weight:500}
.buttons .btn-outline{background:linear-gradient(135deg,#224676,#224676,#305384);border:1.5px solid #6982a5;padding:10px 17px;border-radius:10px;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;gap:10px;font-weight:500;width:max-content}
.wrapper .right{width:45%;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.wrapper .card{background:#ffffff0f;border:1px solid #ffffff26;padding:20px;border-radius:20px;text-align:center;backdrop-filter:blur(4px)}
.wrapper .icon{color:#ff9f43;}
.wrapper .value{font-size:24px;font-weight:700}
.wrapper.label{font-size:17px;margin-top:5px;opacity:.8}
.schoolmanagementwrapper{background:linear-gradient(135deg,#f9fbfd,#fcfdfe,#ffffff); padding: 50px 0px;}
.schoolmanagement{text-align:center;padding:0}
.nav-item i{ font-size: 20px;}
.schoolmanagement h1{font-size:40px;font-weight:700;color:#1a1a1a}
.schoolmanagement p{font-size:17px;color:#555;margin-top:15px}
.schoolmanagementtabs{border:0;margin-top:45px;display:flex;justify-content:center;gap:10px}
.schoolmanagementtabs button{background:#f1f4ff;border:none;padding:10px 25px;border-radius:30px;font-size:17px;cursor:pointer;display:flex;align-items:center;gap:6px;color:#666C80; font-weight: normal;}
.schoolmanagementtabs button.active{background:#004aad !important;color:#fff!important;border-radius:100px}
.schoolmanagementtabs button:hover{border:0!important;outline:0!important}
.schoolmanagementgrid{width:90%;max-width:1200px;margin:40px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.schoolmanagementcard{background:#fff;padding:25px;border-radius:15px;box-shadow:0 5px 20px #0000000d;transition:.3s}
.schoolmanagementcard:hover{transform:translateY(-5px);box-shadow:0 8px 28px #00000014}
.schoolmanagementcard h3{margin:10px 0 5px;font-size:18px;color:#222}
.schoolmanagementcard p{font-size:16px;color:#555}
.schoolmanagementicon{width:42px;height:42px;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:20px;margin-bottom:10px;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;}
.nav-tabs .nav-link{background: transparent;border-radius: 0px; border: none;}
.nav-link {transition: color 0.2s ease-in-out;}
.nav-link:focus,
.nav-link:hover {color: #666C80;}
.nav-link i { transition: transform 200ms ease;}
.nav-link:hover i {transform: translateX(2px);}
.schooltabblue{background:#3b82f6}
.schooltabgreen{background:#22c55e}
.schooltabpurple{background:#8b5cf6}
.schooltaborange{background:#f97316}
.schooltabred{background:#ef4444}
.schooltabviolet{background:#6366f1}
.schooltabteal{background:#14b8a6}
.schooltabpink{background:#ec4899}
.schooltabgrey{background:#94a3b8}
.dashboardwrapper{background:#f8faff;display:flex;justify-content:center;padding:60px 50px 100px 50px}
.dashboard-card{background:#fff;border-radius:15px;padding:25px;position:relative;border:1px solid #fbfafa;margin-right:25px;
box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}

.dashboard-card .dashboardheader{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.dashboard-card .dashboardheader h3{font-size:18px;font-weight:600;color:#1b2747}
.dashboarddots{display:flex;gap:5px}
.dashboarddot{width:12px;height:12px;border-radius:50%}
.dashboarddot.red{background:#ff5f56}
.dashboarddot.yellow{background:#ffbd2e}
.dashboarddot.green{background:#27c93f}
.dashboardstats{display:flex;justify-content:space-between;margin-bottom:20px}
.dashboardstat-box{background:#ffffff;padding:15px;border-radius:12px;width:48%; 
box-shadow:rgba(0, 0, 0, 0.1) -6px 4px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px
}

.dashboardstat-box .dashboardlabel{display:flex;align-items:center;gap:5px;font-size:17px;color:#000;margin-bottom:5px}
.dashboardlabel i{ color: #004aad; font-size: 18px;}
.performance svg{color: #004aad; }
.dashboardstat-box svg{color: #ff9f43; }
.stat-box .dashboardvalue{font-size:24px;font-weight:700;color:#1b2747}
.performance{background:#fff;padding:15px;border-radius:12px;
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;}
.performance h4{font-size:16px;font-weight:600;color:#1b2747;margin-bottom:18px}
.progress-row div{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.progress-bar{height:10px;border-radius:10px;flex:1;margin-right:10px;position:relative;background:#f5f7fa}
.class10{background:#004aad!important;width:85%;height:10px;border-radius:10px;flex:1;margin-right:0;position:absolute;left:0}
.class9{background:#f59e0b;width:78%}
.class8{background:#004aad;width:92%}
.info-section{display:flex;flex-direction:column;gap:20px;flex:1;min-width:300px}
.info-card{display:flex;gap:15px;align-items:flex-start}
.info-card-icon {padding: 12px; width: 50px; height: 50px;border-radius: 15px; display: flex;align-items: center;justify-content: center;font-size: 24px;color: #fff;line-height: 43px;}
.info-card-icon.analytics{background:#e1e8f2;color:#1d4ed8}
.info-card-icon.predictive{background:#fff5ec;color:#f59e0b}
.info-card-icon.student{background:#e5edf7;color:#1d4ed8}
.info-card-icon.schedule{background:#fff5ec;color:#f59e0b}
.info-text{max-width:400px}
.info-text h5{font-size:17px;font-weight:600;color:#0a2342;margin-bottom:5px}
.info-text p{font-size:16px;color:#4a5565;line-height:1.5}
.today-events { position: absolute;bottom: -20px;right: 20px;background: #fff; border-radius: 12px; font-weight: normal;display: flex;align-items: center;gap: 10px;box-shadow: 0 5px 15px #0000001a; border:1px solid #d9d9d9;padding: 12px 22px;display: flex;}
.today-events p{color:#6a7282;font-weight:normal;align-items:center;font-size:16px;}
.today-events p span{ display: grid; color: #0a2342; font-weight: bold; font-size: 16px;}
.today-events i { width: 45px;height: 45px;border-radius: 15px;display: flex; align-items: center;justify-content: center; font-size: 21px; color: #fff; line-height: 39px;background: #03449C;background: linear-gradient(90deg, rgba(3, 68, 156, 1) 0%, rgba(10, 43, 85, 1) 100%);}
.vert-move{-webkit-animation:mover 2s infinite alternate;animation:mover 2s infinite alternate;-webkit-animation:mover 2s infinite alternate;animation:mover 2s infinite alternate}
@-webkit-keyframes mover {
0%{transform:translateY(0)}
100%{transform:translateY(-10px)}
}
@keyframes mover {
0%{transform:translateY(0)}
100%{transform:translateY(-10px)}
}

/* Experience Next-Gen School Management */
.innovation{background:linear-gradient(90deg, rgba(11, 36, 66, 1) 0%, rgb(9 71 154 / 98%) 100%);color:#fff;padding:50px 0;position:relative}
.innovation .container-fluid{ padding:50px;} 
.innovationbadge {background: #ffffff26;border: 1px solid #ff8d2980;padding: 8px 15px;border-radius: 30px;display: inline-flex;gap: 10px;align-items: center;font-size: 15px;background: linear-gradient(135deg, #3c3c42, #3c3c41, #3c3d43);}
.innovationbadge i{ color: #ff9f43;}
.innovationleft h1{font-size:40px;font-weight:700;margin:25px 0 15px}
.innovationdesc{font-size:18px;line-height:1.6;margin-bottom:25px}
.innovationpoints li{list-style:none;font-size:16px;margin-bottom:14px;display:flex;align-items:center;gap:10px}
.innovationpoints i{color:#ffb75d;font-size:22px}
.innovationbtn{margin-top:25px;padding:14px 28px;background:#ff9e42;border:none;border-radius:10px;font-size:16px;cursor:pointer;color:#fff;font-weight:600}
.innovationright{width:100%;display:flex;flex-direction:column;gap:32px;margin-top:80px}
.glass-card h3{font-size:16px;font-weight:400;line-height:1.5}
.glass-card p{font-size:16px;font-weight:400;line-height:1.5;color:#fff9}
.glass-card {backdrop-filter: blur(12px);border-radius: 18px;padding: 25px 30px;display: flex; gap: 20px;border: 1px solid #ffffff38;background: #30435C;background: linear-gradient(90deg, rgb(62 83 110) 0%, rgba(72, 92, 127, 1) 53%, rgba(58, 98, 156, 1) 100%);animation: slideTopToBottom 1s ease-out infinite;}
@keyframes floatVertical { 0% { transform: translateY(-12px); }50% { transform: translateY(12px); } 100% { transform: translateY(-12px); }}
.glass-card:nth-child(1) {animation: floatVertical 4s ease-in-out infinite;}
.glass-card:nth-child(2) { animation: floatVertical 4s ease-in-out infinite;animation-delay: 1.5s;}
.innovationicon {width: 58px;height: 50px;border-radius: 15px;display: flex; align-items: center;justify-content: center; font-size: 24px;color: #fff;line-height: 45px;}
.innovationorange{background:#ff9e42}
.innovationblue{background:#004aad}
.innovationprogress{margin-top:10px;width:100%;height:6px;background:#ffffff30;border-radius:5px}
.innovationbar{height:100%;width:75%;background:#ff9e42;border-radius:5px}
.innovationstats{display:flex;gap:14px;margin-top:14px}
.innovationpoints li i{ color: white; background-color: #ff9f43; border-radius:50px; width:25px; height:25px; line-height:23px; text-align: center;
font-size: 16px;}
.glass-card div:nth-child(2){width:100%}
ul.innovationpoints{padding-left:0}
.innovationbox{width:100%!important;height:55px;border-radius:12px;background:#ffffff2e}
.securitywrapper{background:linear-gradient(90deg, rgba(11, 36, 66, 1) 0%, rgb(9 71 154 / 98%) 100%);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:70px 20px}
.securityheader{text-align:center;margin-bottom:50px}
.securityheader img{width:50px;margin-bottom:20px;background:#ffffff1a;padding:10px;border-radius:10px}
.securityheader h1{font-size:40px;font-weight:700;margin-bottom:10px}
.securityheader p{font-size:1rem;color:#cbd5e1}
.securitycards{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:50px}
.securitycard{background:linear-gradient(90deg, #244775 0%, #22497d 100%);padding:20px;border-radius:15px;width:23%;border:1px solid #4e6f9b;text-align:left;transition:transform 0.3s,background .3s}
.securitycard:hover{transform: translateY(-10px) scale(1.05);background: #ffffff1a;box-shadow: 0 10px 20px rgba(0,0,0,0.2);cursor: pointer;}
.securitycard-icon {width: 47px;height: 47px;background: #4e6f9d;border-radius: 10px;display: flex;align-items: center;justify-content: center;margin-bottom: 15px;}
.securitycard h3{font-size:1.1rem;font-weight:600;margin-bottom:5px}
.securitycard p{font-size:.9rem;color:#cbd5e1}
.securityfootersec {background: #22477A;background: linear-gradient(90deg, rgba(34, 71, 122, 1) 0%, rgba(49, 95, 160, 1) 100%);text-align: center;padding:40px 30px;border-radius: 15px; width: 97%;border: 1px solid #cccccc38;}
.securityfootersec p{font-size: 18px;letter-spacing: .5px;}
.securityfooter{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;align-items:center}
.securityfooter-item {display: flex;align-items: center;gap: 10px;font-size: 14px;color: #cbd5e1;font-weight: bold;}
.securityfooter-item i{ width:38px;height:38px;background: #4e6f9d;border-radius: 10px; display: flex; align-items: center;justify-content: center;font-size: 17px;}
.securityfooter-item img{width:20px;height:20px;background:#ffffff1a;border-radius:5px;padding:3px}
.stayconnect{background-color:#f8faff;color:#1f2937;padding:60px 20px}
.stayconnectright{text-align:center;padding-bottom:20px}
.stayconnectright h1{font-size:40px;font-weight:700;margin-bottom:10px;color:#0a2342;line-height:1.5}
.stayconnectright p.subtitle{font-size:17px;color:#6b7280;margin-bottom:30px}
.stayconnectfeature{display:flex;gap:15px;margin-bottom:25px;align-items:flex-start}
.stayconnectfeature-icon{background-color:#004aad1a;padding:6px 11px;border-radius:14px;display:flex;align-items:center;justify-content:center}
.stayconnectfeature-icon.teacher{background-color:#ff9f431a}
.stayconnectfeature-icon.management{background-color:#004aad1a}
.stayconnectfeature-content h3{font-size:20px;font-weight:600;margin-bottom:5px;color:#0a2342}
.stayconnectfeature-content p{font-size:16px;color:#4b5563;line-height:1.5}
.stayconnectbuttons {margin-top: 30px;display: flex;gap: 14px;flex-wrap: wrap;align-items: center;justify-content: space-evenly;}
.stayconnectbtn{background-color:#0a2342;color:#fff;padding:12px 40px;border-radius:10px;text-decoration:none;font-weight:400;transition:background .3s ease; width: 48%; text-align: center;}
.stayconnectbtn:hover{background-color:#004aad;color:#fff}
.stayconnectbtn.google{background-color:#0a2342}
.stayconnectfeature-icon .ri-smartphone-line{color:#004aad;font-size:24px}
.stayconnectfeature-icon .ri-chat-4-line{color:#ff9f43;font-size:24px}
.stayconnectfeature-icon .ri-bar-chart-line{color:#004aad;font-size:24px}
.securityheader-Topicon { width: 65px;height: 65px;background: #224573;border-radius: 15px;display: flex;justify-content: center;margin-bottom: 15px;font-size: 37px;align-items: center;margin: 0 auto;}
.cta-containerwrapper {background: #F5F7FA;background: linear-gradient(90deg, rgb(238 239 241) 0%, rgba(247, 249, 251, 1) 100%);display: flex;justify-content: center;align-items: center;padding: 80px 0;}
.testimonialswraper{background-color:#f9faff;padding:70px 0}
.testimonialswraper h2{font-size:40px;font-weight:700;color:#0b1a40;margin-bottom:10px;text-align:center}
.testimonialswraper p.subtitle{font-size:16px;color:#4a5568;text-align:center;margin-bottom:40px}
.slider-container{width:100%;margin:0 auto;max-width:70%;overflow:hidden;position:relative;box-shadow:0 25px 19px -12px #0000001a;margin-bottom:34px;border-radius:24px}
.slider-wrapper{display:flex;transition:.6s ease}
.testimonial-card{background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px;padding:30px 40px;min-width:100%;text-align:center;position:relative}
.schoolmanagementcard{background:#fff;border-radius:18px;padding:25px;box-shadow:0 6px 18px #0000000f;border:1px solid #e5e7eb;transition:.25s ease}
.schoolmanagementcard:hover{transform:translateY(-8px) scale(1.02);
box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
.schoolmanagementicon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:18px;color:bwhite}
.schooltabbgreen{background:#00c15a}
.schooltabbgreen2{background:#00b870}
.schooltabbblue{background:#1978ff}
.schooltabbpurple{background:#9b4dff}
.schooltabbviolet{background:#823dff}
.schooltabborange{background:#ff7b00}
.schooltabbcyan{background:#00b5d9}
.schooltabbpink{background:#ff2ea6}
.schooltabbwhite{background:#f3f3f3;color:#555}
.schoolmanagementcard h3{font-size:16px;margin-bottom:10px;font-weight:300;color:#000000}
.schoolmanagementcard p{font-size:14px;color:#666;line-height:1.5}
.quote-icon{background-color:#e8f0fe;width:60px;height:60px;border-radius:8px;display:flex;justify-content:center;align-items:center;position:absolute;top:20px;left:55px;font-size:25px;color:#0b3d91}
.stars{color:#f59e0b;margin-bottom:15px;font-size:25px}
.testimonial-text{font-size:18px;color:#0b1a40;margin-bottom:25px;line-height:30px;padding-top: 10px;}
.user-info{display:flex;align-items:center;justify-content:center;gap:15px}
.user-info img{width:65px!important;height:65px;border-radius:50%;object-fit:cover;border:2px solid #0b3d91}
.user-details{text-align:left}
.user-details .name{font-weight:600;color:#0b1a40}
.user-details .role{font-size:15px;color:#6b7280}
.user-details .school{font-size:14px;color:#2563eb;text-decoration:none}
.testimonialswraper .owl-nav{display:flex;justify-content:center;gap:10px;margin-top:30px}
.testimonialswraper .owl-theme .owl-nav [class*=owl-]:hover{background:none}
.owl-nav span.custom-next,
.owl-nav span.custom-prev {width: 45px;height:45px;border: 1px solid #c9c9c9 !important; border-radius: 50% !important;background-color: transparent;cursor: pointer !important;font-size: 15px !important;color: #0b1a40 !important;display: flex;align-items: center;justify-content: center;padding: 0;}
/* Default arrow styles */
#heroslider .sld-prev,
#heroslider .sld-next {color: white !important;width: 38px;height: 38px;background: #273852;border-radius: 10px;display: flex;align-items: center;justify-content: center;font-size: 17px;transition: all 0.3s ease; cursor: pointer;border: solid 1px #536074;}
#heroslider .sld-prev:hover,
#heroslider .sld-next:hover {background: #0f213e;color: #ffffff;  border-radius: 10px;}
#heroslider .owl-nav {text-align: left;-webkit-tap-highlight-color: transparent;padding-top:30px;}
.testimonialswraper .owl-theme .owl-nav [class*=owl-]:hover span{background:#0d448d!important;border:2px solid #fff!important;color:#fff!important}
.testimonialswraper .owl-theme .owl-nav{margin-bottom:10px}
.testimonialswraper .owl-theme .owl-dots .owl-dot span {width: 8px !important;height:8px !important;border-radius: 50px !important;background-color: #d1d5dc !important;opacity: 1 !important;transition: background-color .3s ease !important;}
.testimonialswraper .owl-theme .owl-dots .owl-dot.active span {background-color: #004aad !important;width: 30px !important;height: 8px !important;border-radius:50px !important;opacity: 1 !important;transition: background-color .3s ease !important;}
.cta-container{background:linear-gradient(135deg,#0e4f9e,#0a2a66);color:#fff;padding:60px 60px;border-radius:25px;text-align:center;width:90%;box-shadow:0 10px 25px #0000001a}
.cta-container h1{font-size:40px;font-weight:700;margin-bottom:30px}
.cta-container p{font-size:18px;line-height:1.6;margin-bottom:40px}
.cta-buttons{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin-bottom:30px;}
.cta-buttons button{border:none;padding:12px 25px;font-size:1rem;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}
.borbtm{ height: 1px; background-color: #3a5984; width: 70%; margin:50px auto;}
.cta-demo-btn{background-color:#ff9a3c;color:#fff}
.cta-demo-btn:hover{background-color:#e88c32}
.cta-sales-btn{background-color:#1e2f55;color:#fff;border:1px solid #fff}
.cta-sales-btn:hover{background-color:#053475}
.cta-sales-btn{ background-color: #22477b !important; border: solid 1px #647fa5 !important;padding:5px 15px !important;}
.cta-footer{display:flex;justify-content:center;gap:30px;font-size:.9rem}
.cta-footer span{display:flex;align-items:center;gap:5px;    font-size: 16px;}
.cta-footer span::before{content:"★";color:#ff9a3c}
.entab-footer{background:#0a2342;color:#E8EDF4;padding:60px 60px;font-family:"Inter",sans-serif}
.footer-top{display:flex;justify-content:space-between;margin-bottom:60px}
.footer-about{width:35%}
.footer-logo-line{display:flex;align-items:flex-start;gap:10px}
.logo-icon{font-size:32px;margin-top:-5px}
.logo-text{font-size:24px;font-weight:300;color:#fff}
.footer-desc{margin:0 0 25px;line-height:1.6;color:#ffffffb3}
.footer-contact p{margin:8px 0;color:#C9D5E2}
.footer-col{width:15%}
.footer-col h3{color:#fff;font-weight:600;font-size:18px;margin-bottom:18px}
.footer-col ul{list-style:none;padding:0}
.footer-col ul li{color:#ffffffb3;margin:10px 0;cursor:pointer;font-size:15px}
.footer-col ul li:hover{color:#fff}
.footer-bottom{border-top:1px solid #0C345C;padding-top:25px;display:flex;justify-content:space-between;align-items:center}
.footer-social{display:flex;gap:14px}
.social-icon{width:38px;height:38px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;color:#E5EEF7;font-size:16px;cursor:pointer}
.social-icon:hover{background:#fff3}
.policy-links a{color:#C8D5E5;margin-left:20px;text-decoration:none;font-size:14px}
.policy-links a:hover{color:#fff}
.footer-bottom p{font-size:14px;color:#C8D5E5}
.footer-about i{color:#ff9f43}
/* Application Excellence */
.scrollsection{text-align:center;padding:10px 20px 0px;background:radial-gradient(circle at top,#edf1f7,#f7f7f8)}
.scrollsectionbadge{display:inline-flex;align-items:center;gap:6px;background:#fffc;border:1px solid #e4e7ee;padding:8px 18px;border-radius:30px;font-size:13px;color:#3752a6}
.scrollmaintitle{ padding: 0px 0px 100px 0px;}
.scrollsectiontitle{font-size:40px;font-weight:700;color:#0d1a3c;margin-top:25px}
.scrollsectionsubtitle{margin-top:8px;font-size:16px;color:#6e7ba6}
.scrollcard{padding:36px 40px;position:relative;box-sizing:border-box;color:#fff;width:500px;height:500px;border-radius:24px;overflow:hidden;transition:all .6s cubic-bezier(0.4,0,0.2,1);box-shadow:0 24px 80px #0a23422e;border:1px solid #fff3}
.scrollcard1{background:linear-gradient(135deg,#ff9f43 0%,#ff9f43dd 100%)}
.scrollcard2{background:linear-gradient(135deg,#004aad 0%,#004aaddd 100%)}
.scrollcard3{background:linear-gradient(135deg,#0a2342 0%,#0a2342dd 100%)}
.scrollcard4{background:linear-gradient(135deg, rgb(255, 159, 67) 0%, rgba(255, 159, 67, 0.867) 100%);border:solid 2px #ffffff;}
.scrollcard5{background:linear-gradient(135deg, rgb(0, 74, 173) 0%, rgba(0, 74, 173, 0.867) 100%) ;border:solid 2px #ffffff;}
.scrollicon-box{position:absolute;top:28px;left:32px;width:64px;height:64px;display:block;object-fit:contain;transform:translateZ(0);font-size:64px;filter:drop-shadow(0 6px 14px #0003);line-height:1}
.scrollbadge{position:absolute;top:32px;right:32px;background:#fff3;backdrop-filter:blur(10px);border:1px solid #ffffff4d;border-radius:16px;padding:10px 18px;text-align:center;min-width:75px}
.scrollbadge .scrollbig{font-size:20px;font-weight:800;padding: 0px 24px 0px 25px;}
.scrollbadge .scrollsmall{margin-top:4px;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform: uppercase;}
.scrollcontent{margin-top:120px;max-width:430px; text-align: left;}
.scrolltitle{font-size:36px;font-weight:700;margin-bottom:10px;letter-spacing:-.02em;text-shadow:0 2px 8px #0000001a}
.scrollsubtitle{font-size:18px;font-weight:600;margin-bottom:12px;opacity:.98;line-height:1.45;letter-spacing:-.01em; text-align: left;}
.scrolldesc{font-size:15.5px;line-height:1.6;opacity:.9;font-weight:400}
.scrollprogress{position:absolute;left:40px;right:40px;bottom:34px}
.scrollprogress-bg{height:4px;width:100%;background:#ffffff4d;border-radius:8px;overflow:hidden}
.scrollprogress-fill{height:100%;width:30%;background:#fff}
.scrollwrapper{position:sticky;top:0;height:100vh;overflow:hidden}
.scrolltrack{position:relative;width:100%;height:60vh}
.scrollslide{position:absolute;left:50%;top:50%;opacity:.4;transition:transform .3s ease,opacity .3s;overflow:hidden}
.scrollprogress-bg{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);height:6px;width:80%;background:#ffffff4d;border-radius:10px;overflow:hidden}
.scrollprogress-fill{height:100%;width:0;background:#fff;border-radius:10px;transition:width .25s linear}
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}
.owl-carousel{display:none;width:100%;z-index:1}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}
.owl-carousel .owl-item img{display:block;width:100%}
.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-grab{cursor:move;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{animation-name:fadeOut}
@keyframes fadeOut {
0%{opacity:1}
100%{opacity:0}
}
.owl-height{transition:height .5s ease-in-out}
.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}
.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}
.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}
.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}
.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}
.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}
.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}
.owl-theme .owl-nav{margin-top:10px}
.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}
.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}
.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}
.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}
.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}
.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 5px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}


/* ------------------------------------
Media Quiry
---------------------------------------*/
@media (max-width:1600px) {
nav{gap:20px}.top-header.sticky{width:60%}
}

@media (max-width: 1399.98px) {
.scrollcard{width:100%}
.top-badge{font-size:14px;}
.schoolmanagementcard p{font-size:14px;}
.innovationdesc{font-size:17px;}
.info-text{width:100%  !important}
}

@media (max-width: 1199.98px) { 
.top-header.sticky{width:70%;padding:8px 10px}
.entab-footer{padding:60px 50px}
}

@media (max-width: 991.98px) { 
.innovationleft h1{font-size:30px}
.wrapper .left{width:100%}
.wrapper{flex-wrap:wrap}
.wrapper .right{width:100%}
.schoolmanagementgrid{grid-template-columns:repeat(2,1fr)}
.heroslidersec-content h1{font-size:44px}
.top-header.sticky{box-shadow:0 4px 20px #00000026;left:0;margin-top:0;transform:translateX(0%);border-radius:5px;width:100%;padding:12px 40px;background:#243651;display:flex;align-items:center;justify-content:space-between;transition:.3s ease;position:fixed;top:0;z-index:1000}
div#menuToggle{display:block}
nav{position:fixed;top:0;right:-100%;height:100vh;width:250px!important;background:#243651;flex-direction:column;align-items:center;justify-content:center;gap:30px;transition:.3s ease}
nav.active{right:0}
.menu-toggle{display:block;cursor:pointer;width:30px;height:25px;position:relative}
.menu-toggle span{position:absolute;height:3px;width:100%;background:#fff;left:0;transition:.3s}
.menu-toggle span:nth-child(1){top:0}
.menu-toggle span:nth-child(2){top:11px}
.menu-toggle span:nth-child(3){top:22px}
.menu-toggle.active span:nth-child(1){transform:rotate(45deg);top:11px}
.menu-toggle.active span:nth-child(2){opacity:0}
.menu-toggle.active span:nth-child(3){transform:rotate(-45deg);top:11px}
.info-text {width: 100% !important;max-width: 100%;}
.footer-bottom{flex-wrap:wrap}
.footer-about{width:100%}
.footer-top{flex-wrap:wrap}
.footer-col{width:31%}
.school-name{ font-size: 13px;}
.entab-footer {padding: 50px 15px;}
.securitycards{flex-direction:row;}
.securitycard{width:48%}
.securityfootersec {width: 100%;}

}

@media (max-width: 900px) {
.dashboardcontainer{flex-direction:column;align-items:center}
.dashboard-card{width:100%}
.stayconnectcontainer{flex-direction:column-reverse;text-align:center}
.stayconnectleft{gap:15px}
.stayconnectbuttons{justify-content:center}
}

@media (max-width: 767.98px) {
.scrollslide{opacity:1!important}
.footer-social{margin-bottom:5px}
.footer-top{margin-bottom:0}
.entab-footer{padding:60px 15px}
.footer-about{width:100%}
.entab-footer { padding: 30px 15px;}
.policy-links a {margin-left: 4px;}
.footer-bottom p {margin-bottom: 0px;}
.scrollcontent {max-width: 90% !important;width: 90%;}
.scrollslide {width:90%;}
.scrolltitle {font-size: 23px;}
.schoolmanagementwrapper {padding: 30px 16px;}
.demo-btn {width: fit-content;margin: 0 auto; left:0%; transform: translateX(0%)}
.buttons {gap: 10px;align-items: flex-start;justify-content: space-evenly;}
.top-header.sticky .login-btn {color: #ffffff;}
.stayconnectbtn {width: 100%;}

.cta-container h1 {font-size:30px;}
.testimonialswraper h2 {font-size:30px;}
.stayconnectright h1{font-size:30px;}
.securityheader h1 {font-size:30px;}
.scrollsectiontitle {font-size:30px;}
.schoolmanagement h1 {font-size: 30px;}
.eyebrow{ font-size: 30px;}
.gradient-word{ font-size: 30px;}
.heroslidersec-content h1{ font-size:30px;}

.schoollogosec {padding:30px 0;}
.eyebrow{ margin-top: 30px;}
.sub{ padding-bottom: 30px;}
.hero {padding: 0px 20px 40px;}
.wrapper { padding: 30px;}
.innovation .container-fluid {padding: 30px;}
.innovation { padding: 30px 0;}
.scrollsection {padding: 10px 20px 30px;}
.dashboardwrapper{padding: 30px 30px 30px 30px;}
.stayconnect{ padding: 30px;}
.testimonialswraper{padding:30px 0;}
.cta-containerwrapper{padding:30px 0;}
.slider-container{ max-width:90%;}
.cta-container{padding: 30px;}
.buttons .btn-primary {padding: 11px 6px;font-size: 14px; gap: 5px;}
.buttons .btn-outline {padding: 11px 6px;font-size: 14px; gap: 5px;}
.wrapper .right {width: 100%; display: block;}
}

@media (max-width: 575.98px) {
.school-card{width:80%;margin:0 auto}
.schoolmanagementgrid{grid-template-columns:repeat(1,1fr)}
.top-header{padding:12px 20px}
.top-header-btn,.login-btn{padding:6px 14px;font-size:14px}
.heroslider {padding:70px 0 70px;}
.heroslidersec {padding: 80px 0px 20px;}
.footer-col{width:48%}
.footer-bottom {padding: 10px;display: flow;text-align: center;}
.footer-social {justify-content: center;justify-content: center;padding: 10px;margin-bottom: 0px;}
.footer-desc { margin: 0 0 13px;}
.footer-col {padding-top:15px;}
.securitycard{width:100%}
}

@media (max-width:520px) {
.heroslidersec-content h1{font-size:34px}
.meta-pill{font-size:13px;padding:8px 12px}
.lead{font-size:15px}
}

@media (max-width:480px) {
.demo-btn{top:-24px;font-size:13px;padding:8px 12px}
.hero{padding:20px 10px}
.footer-col{width:100%}
}