/*
Theme Name: Sunbeam World School
Theme URI: https://sunbeamworldschool.com/
Author: The OrangeMonkE Development Team
Author URI: https://orangemonke.com/
Description: Sunbeam World School is a clean, responsive WordPress theme built for schools and educational institutions. It features a modern design, fast performance, and easy customization to showcase academics, admissions, and events across all devices.
Version: 8.0.0
Text Domain: sunbeamworldschool
*/

/*ORANGEX TEMPALTE*/
.orangex-section{ min-height:200px; position:relative;}
.orangex-loading-placeholder{padding:60px 20px;text-align:center;font-size:18px;}
.orangex-section.orangex-loading{opacity:0.7;transition:0.3s;}

header .submenu a{ white-space: nowrap;}

.footerContactSocial .ravinderKaur{max-width:160px;position:fixed;bottom:65px;right:40px}
.footerContactSocialInner{display:flex;position:fixed;bottom:10px;right:60px;gap:10px}
.footerContactSocialInner .whatsapp-float{position:initial}
.blog-section .blog_cards .card .card-text a{color:#46557c;text-decoration:none;font-weight:700}
.collaborations-tieups .tieupInnerwrapper{flex-wrap:nowrap}
.glass-scroll{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.53) rgba(255,255,255,.8);--glass-bg-1:rgba(255, 255, 255, .14);--glass-bg-2:rgba(255, 255, 255, .06);--glass-border:rgba(255, 255, 255, .28);--glass-shadow:rgba(0, 0, 0, .25);--sb-track:rgba(255, 255, 255, .08);--sb-thumb:rgba(255, 255, 255, .55);--sb-thumb-hover:rgba(255, 255, 255, .75);position:relative;max-height:600px;overflow:auto;scrollbar-gutter:stable;overscroll-behavior:contain}
.accordion-body.hidden{display:none}
.accordion-header1{cursor:pointer}
.cbse-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 auto}
.cbse-table{width:100%;min-width:600px;border-collapse:separate;border-spacing:0;color:#000;font-size:16px;font-family:$primary-font}
.cbse-table .table-title-row th{background-color:#1f3c72;color:#ffd78a;font-size:24px;font-weight:700;padding:18px 24px;text-align:center;border-top-left-radius:18px;border-top-right-radius:18px}
.cbse-table .table-header-row th{background-color:#184f99;color:#fff;font-weight:600;padding:14px 20px;text-align:center;border-top:2px solid #1f3c72}
.cbse-table td,.cbse-table th{border:1px solid #e5e7eb;vertical-align:middle}
.cbse-table tbody tr{background:#fff}
.cbse-table tbody td{padding:18px 20px;text-align:center}
.cbse-table tbody td:first-child{border-right:1px solid #e5e7eb}
.cbse-table tbody tr.alt-row{background-color:#f6f6f6}


/* New css start */
.heroSlider .container .edu-content .edu-left .cta-btn, 
.heroSlider .container .edu-content .edu-left .cta-btn:hover,
.heroSlider .container .edu-content .edu-left .cta-btn::after{
  border-radius: 100px;
}
.privacyPolicy .container{margin-left: auto; margin-right: auto; padding-left: 16px; padding-right: 16px;}

.heroSlider .img-fluid{display: block;}
.enrollWrapper{background-size:cover;}
.enrollWrapper .enrollmain .enrollright .primary-btn,
.enrollWrapper .enrollmain .enrollright .primary-btn::after,
.future-onlinestarts .select-curriculum,
.future-onlinestarts .select-curriculum::after,
.academicLearn .primary-btn,
.academicLearn .primary-btn::after,
.grow_leading .applynow,
.grow_leading .applynow::after,
.golive .primary-btn,
.golive .primary-btn::after,
.futureAhead .primary-btn,
.futureAhead .primary-btn::after{
  border-radius: 20px;
}
.hero-image-wrapper {
  aspect-ratio: 2.88 / 1;
  width: 100%;
  overflow: hidden;
}

.hero-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.partnerwithus-form .edu-left a.cta-btn {
  display: none !important;
}
.partnerwithus-form #conatctusForm .field {
  margin-bottom: 20px;
}
.partnerwithus-form .error{top: 48px;}
.partnerwithus-form .registrationForm .form-control{margin-bottom: 0}
.a-f-img{background: #fff; border-radius: 10px 0 0px 10px;}
.a-s-img{border-radius: 0px 10px 10px 0; background: #fff;padding-right: 15px;}
.heroSlider.partnerwithus-form .container .edu-content .edu-left .affiliations{gap: 0}
.hide-desk{display: none;}
.new-hide-desk{display: none !important;}
.pwu-sec{
  max-width:800px; margin:30px auto; font-family:Arial, sans-serif;
}
.pwu-box{
  display:flex;
  align-items:center;
  gap:20px;
  padding:20px 30px;
  border:2px solid #9DC3E6;
  border-radius:60px;
  margin-bottom:25px;
}
.pwu-box-inner{
  width:60px;
  height:60px;
  background:#2F5D7C;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ffffff;
  font-size:28px;
  font-weight:bold;
}
.pwu-box-desc{
  font-size:22px; color:#2F5D7C; font-weight:500;
      width: calc(100% - 60px);
}



@media screen and (min-width: 1920px) {
  .heroSlider .container .edu-content .edu-left .arrow-container{
    left: -78px;
    top: 315px;
  }
}
@media screen and (max-width: 1900px) {
  .heroSlider .container .edu-content .edu-left .arrow-container{
    left: -78px;
    top: 265px;
  }
}
@media screen and (max-width: 1500px) {
  .heroSlider .container .edu-content .edu-left .arrow-container{
   left: -68px;
   top: 205px;
 }  
}
@media screen and (max-width: 767px) {
  .heroSlider .affiliations img {
    max-width: 100%;
    height: auto;
  }
  .collaborations-tieups .tieupInnerwrapper{
    display: block;
    text-align: center;
  }
  .collaborations-tieups .tieupInnerwrapper img{
    max-width: 100%;
    margin-top: 20px;  
    height: auto;
  }
  .heroSlider.partnerwithus-form .affiliations img{height: 44px;}

  .heroSlider.partnerwithus-form .pw-banenr {
    display: none;
  }
  .heroSlider.partnerwithus-form.pw-us{padding: 0 24px 40px;}
  .hide-mob{display: none !important;}
  .new-hide-mob{display: none !important;}
  .hide-desk{display: block;}
  .new-hide-desk{display: block !important;}
  .heroSlider .hero-image-wrapper{
    margin-bottom: 15px;
  }
}
/* new css end*/

@media (max-width: 767px) {
  .cbse-table {font-size: 14px;min-width: 520px;}
  .cbse-table .table-title-row th {font-size: 20px;padding: 14px 16px;}
  .cbse-table tbody td {padding: 14px 14px;}
  .cbse-table tbody td:first-child { padding-left: 20px;}
  .footerContactSocialInner{bottom: 52px;}
  .topHeader .slider .slide-track .slide a{ font-size: 83%!important;}
}
.schoolTimingWrapper{ background-image:url(assets/images/school-timingbg.png);}

.bookFreeDemo .bookForm .form .input-group{margin-bottom: 26px;}
.alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb;}
.alert { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; width: 100%;}

@media (max-width: 766px) {
  .applynow .enroll-card{ margin-top: 40px;}
  .menu.show {right: -14px;top: 51px; width: 318px; height: calc(100vh - 235px); display: flex;flex-direction: column; gap: 0; overflow-y: auto; -webkit-overflow-scrolling: touch;}
  .sticky .menu.show{height: calc(100vh - 152px);}
}
 
p a{ color: #2563eb!important; font-weight: 600;}
p.fb-copy a{color: #F56F0F!important;}
/* organizational-structure start */

/* ===============================
   CEO → ASSISTANT DIRECTOR
================================ */
.school-official-sec .container, .oraganizationWrapper .container{padding: 0 15px;}
.companyOwner_profile {
  position: relative;
  display: block;
  justify-content: center;
}
.designation-name {
  background: #cfb582;
  margin: 10px auto;
  display: block;
  width: 160px;
  text-align: center;
  padding: 6px 0;
  font-weight: 600;
  color: #000;
  border-radius: 16px;
}
.des-add .designation-name {
  margin: 60px auto -20px;
}

.organization_profile ul{
  max-width: 200px;
  margin: 0 auto 15px;
}
.organization_profile ul li{
  list-style: disc;
  text-align: left;
  padding-left: 20px;
  list-style-position: inside;
}

/* ===============================
   JUBLI (PARENT NODE)
================================ */
.organization_profile.is-parent {
  position: relative;
  margin-top: 30px;
  text-align: center;
}


.organization_children {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  gap: 40px;
  position: relative;
}

/* horizontal connector line 
.companyOwner_profile::after {
  content: "";
  position: absolute;
  bottom: -40px;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 40px;
  background: #cfcfcf;
}
.organization_profile.is-parent::after {
  content: "";
  position: absolute;
  bottom: -40px;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 40px;
  background: #cfcfcf;
}
.organization_children::before {
  content: "";
  position: absolute;
  top: -40px;
  left: 5%;
  right: 5%;
  height: 2px;
  background: #cfcfcf;
}
.organization_children .organization_profile::before {
  content: "";
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 40px;
  background: #cfcfcf;
}*/

.organization_children .organization_profile {
  position: relative;
}


@media (max-width: 768px) {

  .companyOwner_profile::after {
    height: 30px;
    bottom: -30px;
  }

  .organization_profile.is-parent::after {
    height: 30px;
    bottom: -30px;
  }

  .organization_children {
    align-items: center;
  }

  .organization_children::before {
    display: none;
  }

  .organization_children .organization_profile::before {
    height: 30px;
    top: -30px;
  }
}
@media (max-width: 767px) {
  .organization_children{
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding: 0 5px 25px;
    gap: 15px;
    justify-content: flex-start;
  }
  .organization_profile{
    min-height: 380px;
    flex: 0 0 calc(100% / 1.3);
    scroll-snap-align: start;
    align-items: flex-start;
    justify-content: flex-start;
    box-shadow: none;
  }
}

/* organizational-structure End */

.blogcontentWrapper .blog_contentleftbar a{color:#2563eb!important; }

/*SPOTLIGHT SECTION TITLE*/
.spv2-header{ position: relative; display: flex; align-items: center; justify-content: center; gap: 50px; padding: 52px 0;overflow: hidden;}
.spv2-content{ max-width: 880px; position: relative; z-index: 2; text-align:center;}
.spv2-title{ margin: 0; color: #2C3D69; font-size: 22px; font-weight: 800;}
.spv2-title em{ font-style: normal; color: #F56F0F;}
.spv2-sub{ margin-top: 12px; /*max-width: 700px;*/ font-size: 16px; }
.spv2-cta{ flex-shrink: 0; position: relative; z-index: 2;}
.spv2-btn{ display: inline-flex; align-items: center; gap: 12px; padding: 10px 15px; border-radius: 12px; background: #1d385c; color: #fff;text-decoration: none;
    font-size: 14px;font-weight: 700;}
.spv2-btn svg{ width: 20px; height: 20px; transition: transform .3s ease;}
.spv2-eyebrow { display: inline-flex;align-items: center; gap: 0.6rem; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: #F56F0F;margin-bottom: 1.25rem;}
.spv2-eyebrow::before { content: ""; width: 28px; height: 1px; background: #F56F0F; display: inline-block;}
.spv2-visually-hidden{width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; 
clip: rect(0, 0, 0, 0) !important;white-space: nowrap !important;border: 0 !important;}

@media(max-width: 991px){
    .spv2-header{ flex-direction: column; align-items: flex-start; padding: 70px 0;}
}
@media(max-width: 576px){
    .spv2-header{ gap: 35px; padding: 60px 0;}
    .spv2-btn{ width: 100%; justify-content: center;}
}

/*========================
||       HERO BANNER     ||
==========================*/
.sbv2-hero { position:relative; display:flex;flex-direction:column; overflow:hidden;}
.sbv2-hero .hero-bg { position:absolute;inset:0;z-index:0;}
.sbv2-hero .hero-bg img {
 width:100%;height:100%;object-fit:cover;
 object-position:center 20%;display:block;
 min-height:100%;
 position:relative;z-index:0;
}
.sbv2-hero .hero-bg::after {
 content:'';position:absolute;inset:0;
 z-index:1;
 background:linear-gradient(
 to bottom,
 rgba(10,16,35,.40) 0%,
 rgba(10,16,35,.58) 50%,
 rgba(10,16,35,.80) 100%
 );
}
.sbv2-hero .hero-content { position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;
 padding:60px 0 130px; text-align:center; background: rgba(29, 55, 91, .6);}

@media(max-width:430px){
  .sbv2-hero .hero-bg{ display: none;}
  .sbv2-hero{background: rgba(29, 55, 91, 1);}
  .sbv2-hero .hero-content{ padding-left: 20px;padding-right: 20px;}
}

.sbv2-hero .hero-center { max-width:800px; margin:0 auto;}
.sbv2-hero .hero-badges {
 display:flex;flex-wrap:wrap;gap:8px;
 justify-content:center;margin-bottom:28px;
}
.sbv2-hero .hbadge {
 display:inline-flex;align-items:center;gap:6px;
 font-size:12px;font-weight:700;letter-spacing:1.5px;
 padding:5px 14px;border-radius:6px;
 background:rgba(255,255,255,.1);
 border:1px solid rgba(255,255,255,.2);
 color:rgba(255,255,255,.9);
 backdrop-filter:blur(6px);
}
.sbv2-hero .hbadge svg{width:12px;height:12px;}
.sbv2-hero h1 {font-size:44px;font-weight:800;line-height:1.08;letter-spacing:-.5px;
 margin-bottom:20px; color: #fff;text-shadow: 2px 6px 4px #000;}
.sbv2-hero h1 em{font-style:normal;color:#f5a623;/*#60a5fa;*/}
.sbv2-hero .hero-sub {
 font-size:18px;color:rgba(255,255,255,.8);
 line-height:1.7;margin-bottom:10px;margin-left:auto;margin-right:auto;
}
.sbv2-hero .hero-ctas {
 display:flex;gap:14px;flex-wrap:wrap;
 justify-content:center;margin-bottom:44px;
}
.sbv2-hero .btn-enroll {
 height:56px;padding:0 40px;
 background:#fff;/*var(--blue)*/;
 color:#0f3246/*var(--w)*/;
 border:none;border-radius:10px;
 font-size:16px;font-weight:700;
 display:inline-flex;align-items:center;gap:8px;text-decoration:none;
 transition:background .2s,transform .15s,box-shadow .2s;
}
.sbv2-hero .btn-demo {
 height:56px;padding:0 32px;
 background:rgba(255,255,255,.1);color:var(--w);
 border:1.5px solid rgba(255,255,255,.3);border-radius:10px;
 font-size:16px;font-weight:600;
 display:inline-flex;align-items:center;gap:8px;text-decoration:none;
 backdrop-filter:blur(6px);
 transition:background .2s,border-color .2s;
}
.sbv2-hero .hc-blue {background:rgba(255, 255, 255, .8);color:#2563eb;}
.sbv2-hero .hc-green {background:rgba(255, 255, 255, .8);color:#22a861;}
.sbv2-hero .hc-gold {background:rgba(255, 255, 255, .8);color:#b45309;}
.sbv2-hero .hc-purple{background:rgba(255, 255, 255, .8);color:#7c3aed;}
.sbv2-hero .hc-teal {background:rgba(255, 255, 255, .8);color:#0d9488;}
@media(max-width:700px){
  .sbv2-hero .hero-content{padding:60px 20px 60px;}
  .sbv2-hero h1{font-size:clamp(28px,8vw,42px);}
  .sbv2-hero .hero-ctas{flex-direction:column;align-items:center;}
  .sbv2-hero .btn-enroll,.sbv2-hero .btn-demo{width:100%;max-width:340px;justify-content:center;}

  
}

@media(max-width:760px){
.sbv2-hero  .hero-badges .hbadge{ display: none;}.sbv2-hero .hero-badges .hmbadge{ display: inline-flex;}
}
@media(max-width:430px){
  .sbv2-hero h1{font-size:24px;}
  .sbv2-hero .hero-sub{ font-size: 16px;}
}

.sbv2-hero.hero-full{min-height:unset;}