:root {
	--primary-color:#00306E;
	--secondary-color:#D6E0FF;
	--white-color:#ffffff;
  --text-color:#272727;


}
/*
font-family: "Fraunces", serif;
font-family: "Poppins", sans-serif;
*/
body { font-family: "Poppins", sans-serif; color:var(--text-color); font-size:17px; line-height:24px;background: var(--white-color);  }
* { margin:0px; padding:0px; }
h1, 
h2,
h3,
h4,
h5,
h6 { margin:0px 0px 15px; font-family: "Fraunces", serif; color: var(--text-color);font-weight: 400; }
ol, ul { padding: 0; margin: 0; }
strong { font-weight: 400; }
a { transition: all,background-color .2s ease-out,border-color .2s ease-out; }

h1 { font-size:60px; }
h2 { line-height: 1.2; font-size: 40px; margin: 0px 0px 20px; font-weight: 500;font-family: Fraunces; }
h3 { font-size: 32px; font-weight: 600; }
p { margin:0px 0px 20px; font-size: 18px; line-height: 1.5;font-weight: 400; }
.btn-check:focus + .btn, .btn:focus { box-shadow: none; }
img { max-width:100%; }
.container { max-width:1400px; width: 100%; }
.logo { float:left; max-width:180px; }
.logo img { width:125px;height:125px; }
.nav-container { position: relative; display: flex; justify-content: center; width: 100%;  }
.nav-container ul { margin:0px; padding:0px; display: flex; flex-wrap: wrap; column-gap: 15px; }
.nav-container ul li { list-style:none; padding:12px 20px; position:relative; }
.nav-container ul li a { color:var(--primary-color); display:block; text-decoration:none; outline: none; position: relative;font-weight: 600;
  font-size: 17px;  }
.nav-container ul li a:hover,.nav-container ul li.active a ,.nav-container ul li.current-menu-item > a { color: var(--primary-color);  }
.nav-container ul li a.parent:after { content: "\f107"; font-family: FontAwesome; padding-left: 3px; }
.header-top { display: flex; align-items: center; justify-content: space-between; padding: 20px 0px; column-gap: 0px; }
.header-right-btn ul { margin: 0; padding: 0; display: flex; align-items: center; gap:24px; 
justify-content: flex-end; }
.header-right-btn .primary-btn { height: 60px; }
.header-right-btn .secondary-btn { font-size: 16px; padding: 0 17px; }
.header-right-btn ul li { margin: 0; padding: 0; list-style: none; }
.header-top .container:before,
.header-top .container:after { display: none; }
.header-right { display: flex; align-items: center; justify-content: space-between; gap: 3px; width: 100%; }
.nav-container li .sub-menu {  position:absolute; top: 120%; left: 0;min-width: 260px; padding: 10px 0;margin: 0; background: #fff;
  border-radius: 10px; box-shadow: 0 12px 35px rgba(0,0,0,.12);opacity: 0;visibility: hidden;transform: translateY(15px);
  transition: all .35s ease; z-index: 999; }
.nav-container li:hover > .sub-menu { opacity: 1;visibility: visible; transform: translateY(0);top: 100%; }
.nav-container li .sub-menu li { display: block; width: 100%;padding: 0;border: 0;background: transparent; }
.nav-container li .sub-menu li:hover { background: rgba(255,255,255,0.1); }
.nav-container li .sub-menu li:after { display: none; }
.nav-container ul li.parent:hover { background: var(--secondary-color); }
.nav-container li .sub-menu li a { display: block;padding: 12px 22px;color: var(--primary-color);font-size: 15px;
    font-weight: 500;transition: all .3s ease; white-space: nowrap; }
.nav-container .sub-menu .sub-menu { left: 100%;top: 0;margin-left: 10px; }
.nav-container li .sub-menu li:last-child { margin-bottom: 0; border-bottom: 0; }
.nav-container li .sub-menu li:hover a { color: #fff; }
.mob-menu { display: none; }
.header a { outline: none; text-decoration: none; }
.header ul { margin:0px; }
.header { padding:0px; width: 100%; display: inline-block; position: relative; }
.header-left { min-width: 150px; }
.header-right-btn ul li .login { font-weight: 500; padding: 8px 0px; text-decoration: none;
color: var(--secondary-color); display: block; }
.header-right-btn ul li .login:hover { color: var(--primary-color); }
.header-right-btn .primary-btn { padding: 8px 28px; white-space: nowrap; }
.mobile-hide { display: block; }

.nav-container .sub-menu { position: absolute;overflow: hidden; }
.nav-container .sub-menu::before { content: "";position: absolute;right: 0;bottom: 0;width:15px; height: 15px;
  background: url(../images/mob-menu-icon.svg) no-repeat center;background-size: contain;opacity: .12;pointer-events: none; }
.nav-container .sub-menu li { position: relative; z-index: 2; }

@media (min-width: 992px) {

.primary-navigation .sub-menu,.nav-container .sub-menu { display: block !important; }
.nav-container li:hover > .sub-menu { opacity: 1; visibility: visible; }
.primary-navigation .submenu-container button,.primary-navigation .sub-menu-toggle,.nav-container .sub-menu-toggle { display: none !important; }

}

/*======================
 Top Bar
======================*/

.top-bar { background:var(--primary-color); padding:12px 0; color:#fff; font-size:15px; }
.top-bar-inner { display:flex; justify-content:space-between;align-items:center; }
.top-bar-left,.top-bar-right { display:flex; align-items:center; gap:25px; }
.top-bar-left span img { padding-right:3px; }
.top-bar-right ul { display: flex; align-items: center; justify-content: center;gap:20px; }
.top-bar-right ul { margin: 0; padding: 0; list-style: none; }
.top-bar-right li { margin-bottom: 0px; }
.top-bar-right li { margin: 0; font-size: 19px; list-style: none; }
.top-bar-right ul li a { width: 25px; height: 25px; display: flex; align-items: center;justify-content: center;text-decoration: none;
     border-radius: 100%;color: var(--black-color); }
.icon-facebook, .icon-instagram, .icon-youtube {  color: var(--white-color); }
.top-bar-left a { color:var(--white-color); }

.primary-btn { padding: 10px 28px;text-align: center; color: var(--white-color); line-height: 18px; border: 0; text-decoration: none;
height: 66px; display: inline-flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 400; 
background: var(--primary-color); border-radius: 5px;border:1px solid var(--primary-color); }
.primary-btn:hover { text-decoration: none; color: var(--primary-color);background: var( --white-color);border:1px solid var(--primary-color); }

.secondary-btn { padding: 10px 28px; text-align: center; color: var(--primary-color); line-height: 18px; border: 0; text-decoration: none;
  background:var(--white-color);height: 66px; display: inline-flex; align-items: center; justify-content: center; font-size: 22px; 
  font-weight: 500; border: 1px solid var(--primary-color); border-radius: 5px; }
.secondary-btn:hover { text-decoration: none; color: var(--primary-color);background: var(--secondary-color);
  border: 1px solid var(--primary-color); }

.white-btn { padding: 10px 28px; text-align: center; color:var(--primary-color); line-height: 18px; border: 0; text-decoration: none;
height: 66px; display: inline-flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 500; 
background: #fff; border-radius: 5px;border:1px solid var(--primary-color); }
.white-btn:hover { text-decoration: none; color: var(--white-color);background:transparent;border:1px solid var(--white-color); }

.pricing-btn { padding: 10px 28px; text-align: center; color: var(--primary-color); line-height: 18px; border: 0; text-decoration: none;
height: 66px; display: inline-flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 500; 
background: transparent; border-radius: 5px;border: 1.32px solid #000; }
.pricing-btn:hover { text-decoration: none; background: var(--lignt-pink);color: var(--primary-color);
  border: 1.32px solid var(--Primary-Color, #90000E); }
 
.section-title { text-align:center;margin-bottom:60px;  }
.section-title h2 span { color:var(--primary-color); }
.section-title p { font-size:21px;line-height: 38px; }
.section-title h2 { margin-bottom:20px; }
.section-title p span { color:var(--primary-color); }

/** home page **/
.hero-banner { position:relative; height:100vh; overflow:hidden; }
.hero-video{ position:absolute; top:0;left:0;width:100%;height:100%; object-fit:cover; }
.hero-overlay { position:absolute; inset:0; background:rgba(0,0,0,.4); }
.hero-banner .container{ position:relative; height:100%; }
.hero-content { position:absolute;left:0;bottom:70px;z-index:2;max-width:700px;padding: 20px; }
.hero-content h1 { color:#fff;font-size:60px; line-height:1.2; margin-bottom:35px; }
.hero-content h1 span.typing-effect { border-right: 10px solid var(--primary-color); color: var(--primary-color);line-height: 1.1; }

.welcome-school-section { padding:100px 0px;position: relative; }
.welcome-school-content p { font-size: 20px;line-height: 32px; }
.welcome-school-content h2 span { color:var(--primary-color);font-size: 45px; }
.welcome-school-content h2 ,.welcome-school-content p { margin-bottom:30px; }
.children-rocket { position:absolute;left:20%;bottom:0px; z-index:2; animation:float 4s ease-in-out infinite;width: 290px; }

@keyframes float{ 
0%,100%{transform:translateY(0);}
50%{transform:translateY(-10px);}
}

.vision-mission-section { padding:100px 0px; }
.vision-mission-box {  background-color:var(--primary-color);padding: 40px;border-radius: 20px;color: #fff;width:100%;text-align: center; }
.vision-mission-box h2 { color:#fff; }
.vision-mission-box p { margin-bottom:0px; }
.vision-mission-image { margin-bottom:30px; }

.school-counter-section{ padding:100px 0;background:#D6E0FF; }
.counter-box { text-align:center; color:#fff; position:relative; }
.counter-box:after { content:""; position:absolute;right:0;top:50%;transform:translateY(-50%);
    width:1px;height:100px; background:rgba(255,255,255,.15); }
.col-lg-3:last-child .counter-box:after { display:none; }
.counter-box h2 { color:var(--primary-color);font-size: 50px; }
.counter-box h5 { color:var(--primary-color); font-size:21px; margin:0; }

.enroll-section { padding:100px 0; }
.section-title { text-align:center; margin-bottom:60px; }
.section-title h2 { margin-bottom:30px; }

.enroll-box{ margin-bottom:30px; }
.enroll-image { overflow:hidden; margin-bottom:25px; }
.enroll-image img{ width:100%;aspect-ratio:1/1; object-fit:cover; transition:.4s; }
.enroll-box:hover .enroll-image img{ transform:scale(1.08); }
.enroll-box h3{ color:var(--primary-color); margin-bottom:15px; }
.enroll-box span { display:block;color:var(--primary-color);font-size:23px; font-weight:400;margin-bottom:15px; }
.enroll-box p{ margin-bottom:0; }

.school-tabs-section { padding:40px 0px 120px 0px; }
.school-tabs-nav { display:flex; flex-wrap:wrap; gap:20px; margin-bottom:80px;justify-content: center;border-bottom: 2px solid #d6d6d6;
    padding-bottom: 80px; }
.school-tab-btn{ display:flex;align-items:center;gap:15px; border:1px solid #e5e5e5;border-radius:50px;background:#fff;padding:15px 20px;
cursor:pointer;transition:.3s; min-width:230px; }
.school-tab-btn img { width:55px; height:55px;border-radius:50%;object-fit:cover; }
.school-tab-btn h4 { margin:0;font-size:20px;color: var(--primary-color); }
.school-tab-btn span { color:#666; font-size:15px; }
.school-tab-btn.active  { background:var(--primary-color); }
.school-tab-btn.active h4 { color:var(--white-color); }
.school-tabs-section .section-title { margin-bottom:90px; }

.school-tab-btn.active span { color:var(--white-color); }
.school-tab-content { display:none; }
.school-tab-content.active { display:block; }
.school-tab-content img { width:100%; border-radius:20px; }
.school-tab-content h2 { margin-bottom:15px; }
.school-tab-content h5 { margin-bottom:20px;color:var(--primary-color);font-weight: 500; }
.school-tab-content .col-lg-6.school-desc { padding-left: 35px; }
.school-tab-content .col-lg-6.school-desc p { margin-bottom:0px; }
.school-tabs-section .section-title p { max-width: 850px; margin: 0px auto; }

/** about page **/
.why-svpm-section { padding:20px 0px 90px 0px; }
.why-svpm-section .section-title p { max-width: 1000px; margin: 0px auto; }
.why-svpm-box { padding: 30px; text-align: center; height: 100%; border-radius: 5px; border: 0.979px solid var(--primary-color); }
.why-svpm-box h3 { font-size: 26px;color: var(--primary-color); font-weight: 500;letter-spacing: 0.264px;margin-bottom: 25px; }
.why-svpm-box:hover { background: var(--secondary-color);box-shadow: 0 0 18px 0 rgba(18, 60, 128, 0.18); }
.why-svpm-box p { margin-bottom:0px;font-size: 17px;line-height: 25px; }
.why-svpm-box img { margin-bottom:25px; }

/** contact page **/

.contact-us-section { padding:90px 0px; }
.contact-us-section .stay-coonect-detail h3, .contact-us-section .stay-coonect-detail span { display: flex;gap: 15px; 
  color: var(--text-color); margin-bottom: 25px; align-items: center;font-family: "Poppins", sans-serif; }
.contact-us-section .stay-coonect-detail h3 a { color: var(--text-color);text-decoration: none;font-weight: 400; font-size: 21px;
  font-family: "Poppins", sans-serif; }
.contact-us-section .stay-coonect-detail span {  font-size: 21px; }
.contact-us-text .reach-us-title p { font-size: 22px;line-height: 38px;margin-bottom: 35px; }
.contact-us-text span p { margin-bottom:0px;font-size: 21px; }
.contact-us-section .stay-coonect-detail h3 a:hover { color:var(--primary-color); }
.reach-us-title h2 span { color:var(--primary-color); }

.contact-form { background: #fff;border: 0.889px solid var(--primary-color);box-shadow: 0 50px 50px 0 rgba(215, 229, 255, .3);
    border-radius: 14px;padding: 30px; }
.gform_required_legend { display:none; }
.contact-form .gform-body .gfield_label { color: var(--text-color);font-size: 18px; font-weight: 400; line-height: normal;
   letter-spacing: -0.195px; }
.contact-form .gform_wrapper input.large { background:transparent;color:#757575;  padding: 12px 20px;
  height: auto; min-height: auto;line-height: 1.4;box-sizing: border-box;border-radius: 4px;outline: none;border:1.099px solid var(--secondary-color);
  font-size:19px; }
.contact-form .gfield textarea.large { border-radius: 8px !important;height: 52px !important; border: 1px solid var(--secondary-color) !important;
  background: transparent !important;color: #757575 !important;font-size: 18px !important;padding: 12px 20px !important;
  outline: none !important;appearance: none;width: 100%; min-height: 120px !important;border: 1.099px solid #E6D8C5; }
#gform_confirmation_message_1 { font-size:19px; }
.contact-form .gform-theme--foundation .gform_fields { row-gap:20px !important; }

.contact-form .gform_button {  display: inline-flex !important; align-items: center !important;justify-content: center !important;
  height:66px !important;padding: 10px 28px !important; border-radius: 5px !important;background: var(--primary-color) !important;
  color: var(--white-color) !important;font-size: 22px !important;font-weight: 500 !important;line-height: 18px !important;
    text-decoration: none !important;transition: all .3s ease !important;width:100% !important;border: 1px solid var(--primary-color) !important; }
.contact-form .gform_button:hover { text-decoration: none !important; color: var(--primary-color) !important;
  background: var( --secondary-color) !important; border: 1px solid var(--primary-color) !important;  }
.contact-form .gform_button:focus,.contact-form .gform_button:focus-visible,.contact-form .gform_button:active { border-color:var(--primary-color) !important;
    outline: none !important; box-shadow: none !important; }
.check-list { margin: 0;padding: 0; list-style: none;display:grid;grid-template-columns:repeat(3, 1fr);gap:7px;font-size: 15px; }
.check-list li { position: relative; padding-left:27px;margin-bottom: 12px; }
.check-list li::before { content: ""; position: absolute;left: 0;top:1px;width: 20px;height: 20px;
    background: url("../images/check-icon.svg") no-repeat center;background-size: contain; }
.contact-form .gform-footer.gform_footer.top_label { margin-top: 20px; }
.contact-form .gform-body h4 { margin-bottom: 0px; }
.contact-section .col-lg-6 { display: flex; align-items: center; justify-content: center; }
.contact-form { transition: all .4s ease; }

/** privacy policy **/
.custom-banner-section {  padding: 120px 0px;background: var(--secondary-color); }
.custom-content h1 span { color: var(--primary-color); }
.custom-content p { margin-bottom: 0px; font-size: 18px; }
.privacy-policy-section { padding: 60px 0px; }
.privacy-policy-section .entry-content h2 { font-size: 30px; }
.privacy-policy-section .entry-content h3 { font-size: 24px; }
.page-template-default .wp-block-list { padding-left: 30px;  font-size: 17px; line-height: 30px; }
.privacy-policy-section .entry-content h2 strong { font-weight: 600; }
.privacy-policy-section .entry-content h3 strong { font-weight: 500; }
.privacy-policy-section span.custom-main-heading { color: var(--primary-color);font-weight: 600; }
.privacy-policy-section .entry-content p a { color:var(--primary-color);  }
.privacy-policy-section .entry-content p a strong { font-weight:600; }
.error-404-section {  padding: 90px 0px; }
.error-expert-img { margin-bottom: 30px; }
.error-404 h2 { font-size: 35px; }

/** footer **/

.whatsapp-float{ position:fixed;right:22px;bottom:22px;width:54px;height:54px;background:var(--primary-color);border-radius:50%;display:flex;
  align-items:center;justify-content:center;z-index:99999;box-shadow:0 8px 24px rgba(0,0,0,.18);transition:all .25s ease;overflow:hidden; }
.whatsapp-float:hover{ transform:translateY(-3px) scale(1.05);box-shadow:0 12px 30px rgba(0,0,0,.25); }
.whatsapp-float img{ width:38px;height:38px;display:block;object-fit:contain;transition:transform .25s ease; }
.whatsapp-float:hover img{ transform:scale(1.08); }

.footer-cta-section { background:var(--primary-color);padding:100px 0px;text-align: center;  }
.footer-container .icon-facebook, .footer-container .icon-instagram { color: var(--white-color); }
.footer-cta-text  { color:var(--white-color); }
.footer-cta-text h2  { color:var(--white-color);margin-bottom:30px;  }
.footer-cta-text p { font-size: 20px; line-height: 34px; max-width: 950px; margin: 0px auto 35px auto; }

.footer-container { padding: 75px 0 0px; font-size: 19px; background:#F5F5F5; position: relative; }
.footer-container p { margin: 0; font-size: 18px; color: var(--primary-color); line-height: 1.5;
margin-bottom: 22px; }
.footer-container h3 { margin: 0; color: var(--primary-color); font-weight: 700; margin-bottom: 20px; font-size: 25px; }
.footer-container ul { margin: 0; padding: 0; list-style: none; }
.footer-container li a { color: var(--primary-color); text-decoration: none;font-weight:400;font-size: 19px; }
.footer-container ul li a:hover { opacity: 0.9; }
.footer-container li { margin-bottom: 15px;font-size: 19px;list-style: none;  }
.footer-newslatter span p  { font-size:19px;margin-bottom: 0px; }
.footer-newslatter span  {  display: flex;align-items: flex-start; gap: 10px;color: var(--primary-color); margin-bottom: 15px; }
.footer-newslatter span a { color:var(--primary-color);text-decoration:none; }
.newslatter-box { position: relative; display: flex; gap:11px; margin-bottom: 10px; }
.footer-container span.data-privacy-text p { font-size: 13px; margin: 0; }
.footer-top { padding: 0 0 20px; }
.data-privacy-text a { color:var(--primary-color); text-decoration: underline; }
.footer-newslatter h3 { margin-bottom: 25px; } 
.footer-bottom-text p { font-size:16px;margin-bottom: 17px; }
.footer-links li a:hover ,.footer-newslatter span a:hover { color:var(--primary-color); }
.footer-bottom a { white-space: nowrap; }

.footer-wp-icon:hover .icon-default { opacity: 0; }
.footer-wp-icon:hover .icon-hover { opacity: 1; }
.footer-middle { text-align: center; }
.footer-logo { max-width: 355px; padding: 0; margin: 0 auto 20px; }
.footer-social ul { display: flex; align-items: center; gap:16px; justify-content: center; }
.footer-container .footer-social li { margin-bottom: 0px;  }
.footer-social ul li a { width: 45px; height:45px; display: flex; align-items: center; justify-content: center; text-decoration: none; 
 border-radius: 100%;color: var(--black-color);background: var(--primary-color); }
.footer-social ul li a:hover { opacity:0.7; }
.footer-wp-icon img { position: absolute; display: block;transition: opacity 0.3s ease; }
.footer-wp-icon .icon-hover { opacity: 0; }
.footer-social h5 { font-size: 18px; color: #fff; padding-top: 12px; }
.footer-container .copy-right p { font-size: 14px; margin: 0 0 22px; }
.footer-bottom { border-top: 1px solid var(--primary-color); padding: 20px 0 28px; margin-top: 45px; text-align: center; }
.footer-container .footer-bottom p { color: var(--primary-color); font-size: 16px; margin: 0; }
.footer-container .footer-bottom p a { color: var(--primary-color); } 
.backto-top { position: absolute; left: 0; right: 0; width: 138px; margin: 0 auto; bottom: 100%; 
cursor: pointer; margin-bottom: -1px; }

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

/*****************************************/

@media(min-width: 1280px) and (max-width: 1400px) {
.logo { /* max-width: 200px; */ }
.container { padding-left: 20px; padding-right: 20px; }
.banner-container h2 { font-size: 54px; margin-bottom: 20px; }

}

@media(min-width: 1024px) and (max-width: 1279px) {
h1 { font-size: 52px; }
h2 { font-size: 36px; }
h3 { font-size: 28px; }
.header-left { min-width: 150px; }
.logo { max-width: 150px; }
.header-right-btn ul { gap: 16px; }
.header-right { gap:10px; }
.header-right-btn .primary-btn { padding: 8px 24px; }
.nav-container ul { column-gap: 0; }
.nav-container ul li { font-size: 15px;padding: 12px 8px; }

.footer-container { padding: 50px 0 0px; font-size: 19px; }
.footer-container li { margin-bottom: 8px; }
.footer-container h3 { margin-bottom: 20px; font-size: 19px; }
.footer-container p { font-size: 16px; }
.footer-logo { max-width: 280px; }
.footer-bottom { margin-top: 40px; }
.backto-top { width: 120px; }
.testimonial-author { align-items: flex-start; }
.testimonial-author-img-name { align-items: flex-start;flex-direction: column; }
.hero-banner { height: 60vh; }
.hero-content {  bottom:40px;padding: 20px; }
.welcome-school-section,.enroll-section,.footer-cta-section ,.school-counter-section ,.custom-banner-section ,.contact-us-section { padding:90px 0px; } 
.hero-content h1 { font-size: 55px; }
.children-rocket {  left: 23%;bottom: -20px;width: 270px; }
.school-tabs-section { padding: 20px 0px 90px 0px; }
.school-tabs-nav { margin-bottom: 60px;padding-bottom: 60px; }
.enroll-box span { font-size:21px; }
.enroll-box h3 { font-size:26px; }
.why-svpm-section { padding: 20px 0px 90px 0px; }

}

@media (min-width: 1024px) and (max-width: 1376px) {

.why-svpm-section .row { --bs-gutter-x: 2rem; }

}

@media(max-width: 1023px){

.container { width: 100%; padding-left: 20px; padding-right:20px; }   
/*menu*/
.mob-menu { display:block; background:url(../images/mob-menu-icon.svg) center center no-repeat; padding:10px 12px; color:#000; border-radius:0px; cursor:pointer; text-align:left; 
font-size: 0; line-height: 0; width: 40px; height: 30px; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); }
.header-right { position: absolute; top: 100%; right: 0px; text-align: left; z-index: 9; display: none; 
background: var(--text-color); width: 100%; max-width: 500px; box-shadow: 0px 10px 10px rgba(0,0,0,0.1); }
.nav-container ul li.active a::before { display: none; }
.nav-container ul { margin:0px; padding:0px 0px; width: 100%; }
.nav-container ul li { display:block; padding:0px 0px; margin:0px; font-size:16px; width:100%; background:var(--blue01-color); margin:0px !important; }
.nav-container ul li a { border-radius:0px; padding:12px 20px; border-bottom:1px solid rgba(255,255,255,0.2); color:var(--white-color); }
.nav-container ul li:hover > a { color:var(--white-color); }
.nav-container ul li a.parent::after { display: none; }
.nav-container ul li .sub-menu { padding:0px; display:none; position:static; width:100%; }
.nav-container ul li .sub-menu li a { padding:10px 0px 10px 32px; }
.nav-container .nav-icon { position: absolute;  right: 0px; top: 0px; width: 45px;  height: 48px; background-repeat: no-repeat; cursor:pointer; z-index:99;}
.nav-container .nav-icon.open {  background: url(../images/menu-plus.png) center center no-repeat; }
.nav-container .nav-icon.close {  background: url(../images/menu-minus.png) center center no-repeat; opacity:1; }
.nav-container li .sub-menu li { border-bottom:0px; padding:0px; background:#111; border-radius: 0; } 
.nav-container li .sub-menu li a { padding-bottom:8px; }
.nav-container .menu-main-menu-container { display:none; text-align:left;  }
.header-right-btn ul { flex-direction: column; padding: 15px 20px 20px; gap:15px; }
.header-right-btn ul li .login { display: block; padding: 4px 0; color: #fff; width: auto; }
.header-right-btn ul li { width: 100%; }
.header-right-btn ul li a { text-align: center; justify-content: center; width: 100%; }
.nav-container ul li a:hover, 
.nav-container ul li.active a { color: var(--primary-color); }
.header-right-btn .secondary-btn { border-color: #fff; color: #fff; }
.header-right-btn { min-width: 50px; }
.nav-container ul li.current-menu-item > a { color: var(--white-color);background: var(--primary-color); }

}

@media(min-width: 768px) and (max-width: 1023px) {
.mobile-hide { display: none !important;}
h1 { font-size:42px; }
h2 { font-size: 32px; }
h3 { font-size: 24px; }
p { line-height: 1.5; }
.section-title p { font-size: 20px; line-height: 32px; }
.section-title { margin-bottom: 40px; }
.primary-btn { padding: 12px 24px; }
.header-left { min-width: 200px; }
.logo { max-width: 200px; }
.header-right-btn ul { gap: 16px; }
.header-right { gap:10px; }
.header-right-btn .primary-btn { padding: 8px 24px; }
.nav-container ul { column-gap: 0; }
.nav-container ul li { font-size: 15px; }

.footer-container { padding: 50px 0 0px; font-size: 16px; }
.footer-container li { margin-bottom: 8px; }
.footer-container h3 { margin-bottom: 12px; font-size: 20px; }
.footer-links { margin-bottom: 24px; }
.footer-container p { font-size: 16px; }
.footer-logo { max-width: 250px; }
.footer-bottom { margin-top: 40px; }
.header-top { padding:12px 0px; }
.welcome-school-section,.enroll-section,.footer-cta-section ,.custom-banner-section ,.error-404-section ,.contact-us-section { padding:60px 0px; } 
.hero-content {  bottom:40px;padding: 20px; }
.hero-content h1  { font-size:40px; }
.welcome-school-content h2 span { font-size:38px; }
.welcome-school-section .col-lg-6.welcome-img { margin-top:35px; }
.children-rocket { width: 230px; left: 10%;bottom: 40px; }
.vision-mission-section { padding:20px 0px 60px 0px; }
.vision-mission-box { margin-bottom:30px;padding: 30px; }
.vision-mission-section .row > div:last-child .vision-mission-box { margin-bottom:0px; } 
.school-tabs-section { padding: 20px 0px 60px 0px; }
.school-tabs-nav { flex-wrap: nowrap; overflow-x: auto;overflow-y: hidden;justify-content: flex-start;
        gap: 15px;padding-bottom: 20px;margin-bottom: 50px; -webkit-overflow-scrolling: touch;scrollbar-width: none; }
.school-tabs-nav::-webkit-scrollbar { display: none; }
.school-tab-btn { flex: 0 0 auto; min-width: 240px; white-space: nowrap; }
.school-tab-content .col-lg-6.school-desc { padding: 25px 10px 0px 20px; }
.counter-box { margin-bottom:40px; }
.counter-box h2 { margin-bottom: 12px;font-size: 36px; }
.school-counter-section { padding:60px 0px 20px 0px; }
.enroll-box h3 { margin-bottom:12px; }
.enroll-box span { font-size: 21px; }
.enroll-box { margin-bottom: 40px; }
.footer-cta-text h2 { font-size:35px; }
.why-svpm-section { padding: 20px 0px 60px 0px; }
.contact-us-text .reach-us-title p { font-size: 20px;line-height: 32px; }

}

@media (max-width:768px){

.whatsapp-float{ width:50px;height:50px;right:16px;bottom:16px; }
.whatsapp-float img{ width:26px;height:26px; }
}

@media (min-width: 768px) {
.page-template-default .wp-block-list { padding-left: 50px;font-size: 17px;line-height: 30px; }


}

@media(max-width: 767px){
.mobile-hide { display: none !important;}
body { font-size: 15px; }
h1 { font-size: 30px; }
h2 { font-size: 26px; }
h3 { font-size: 24px; }
p { line-height: 1.5; }
.secondary-btn { padding: 8px 24px; }
.primary-btn { padding: 8px 24px; }
.primary-btn { padding: 12px 24px; }
.header-left { min-width: 160px; }
.logo { max-width: 140px; }
.header-right-btn ul { gap: 16px; }
.header-right-btn .primary-btn { padding: 8px 24px; }

.section-title p { font-size: 19px; line-height: 30px; }
.section-title {  margin-bottom: 30px; }
.header-top { padding:12px 0px; }

.footer-container { padding: 50px 0 0px; font-size: 16px; }
.footer-container li { margin-bottom: 8px; }
.footer-container h3 { margin-bottom: 12px; font-size: 20px; }
.footer-links { margin-bottom: 24px; }
.footer-container p { font-size: 16px; }
.footer-logo { max-width: 200px; }
.footer-bottom { margin-top: 40px; }
.footer-container li a,.footer-newslatter span p { font-size:16px; }
.hero-banner{ height:70vh; }
.hero-content{  bottom:40px;padding: 20px;  }
.hero-content h1{ font-size:32px; }
.welcome-school-section,.enroll-section,.footer-cta-section ,.custom-banner-section ,.privacy-policy-section ,.error-404-section ,.contact-us-section 
 { padding:50px 0px; } 
.vision-mission-section { padding:20px 0px 50px 0px; }
.welcome-school-content h2 span { font-size:30px; }
.welcome-school-content h2, .welcome-school-content p { margin-bottom:20px; }
.welcome-school-section .col-lg-6.welcome-img { margin-top:30px; }
.children-rocket { display:none; }
.vision-mission-box { margin-bottom:30px;padding: 30px; }
.vision-mission-section .row > div:last-child .vision-mission-box { margin-bottom:0px; } 
.school-tabs-section { padding: 20px 0px 50px 0px; }
.school-tabs-section .section-title { margin-bottom: 40px; }
.school-tabs-nav { flex-wrap: nowrap; overflow-x: auto;overflow-y: hidden;justify-content: flex-start;
        gap: 15px;padding-bottom: 20px;margin-bottom: 40px;-webkit-overflow-scrolling: touch;scrollbar-width: none;  }
.school-tabs-nav::-webkit-scrollbar { display: none; }
.school-tab-btn { flex: 0 0 auto;min-width: 240px; white-space: nowrap; }
.school-tab-content .col-lg-6.school-desc { padding: 25px 0px 0px 20px; }
.counter-box { margin-bottom:40px; }
.counter-box h2 { margin-bottom: 12px;font-size: 32px; }
.school-counter-section { padding:50px 0px 20px 0px; }
.enroll-box h3 { margin-bottom:12px; }
.enroll-box span { font-size: 21px; }
.enroll-section .row > div:last-child .enroll-box { margin-bottom: 0px; }
.footer-cta-text h2 { font-size:30px; }
.privacy-policy-section .entry-content h2 { font-size: 27px; }
.privacy-policy-section .entry-content h3 { font-size: 23px; }
.error-expert-img img { width:80%; }
.error-404 h2 { font-size: 28px; }
.why-svpm-section { padding: 20px 0px 50px 0px; }
.contact-us-text .reach-us-title p { font-size: 19px;line-height: 32px; }
.contact-us-text { margin-bottom: 40px; }
.banner-form { padding: 20px; }

}

@media(max-width: 575px) {
h2 { font-size: 28px; }
}

@media(max-width: 380px) {
h2 { font-size: 26px; }
.logo { width: 200px; }	
}