/*
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: 4.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);}
}


/* 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;}
}