/* =========================================================================
   Sparsh Global School - inner pages v2  (loaded by sub-page.php only)
   Part 1 (PALETTE, generated): every rule from style.css / color.css / the shared
   includes that paints with the old purple-yellow palette, repeated in the home
   page's navy / blue / orange.  Part 2 (DESIGN): layout and components.
   ========================================================================= */
/* PALETTE:START */
/* generated: old purple/yellow palette -> home navy/blue/orange (195 rules) */
.loader-anim , .loader-anim2{background:#1a487f !important}
.pl-row span.pl-row-anim{background:#1a487f !important}
.pl-spinner{background:#1a487f !important}
.header-contacts:after{background:#248bca !important}
.left-header_social li{background:#248bca !important}
.share-btn:after{background:#1a487f !important}
.btn{background:#1a487f !important}
.btn:before{background:#143a68 !important}
.share-icon:hover{background:#1a487f !important}
.close-share-btn{background:#248bca !important}
.nav-footer{background:#143a68 !important}
.nav-holder-wrap_dec{background:#1a487f !important}
.hero-slider-wrap_halftwo{background:#1a487f !important}
.hero-conatiner{background:#1a487f !important}
.hsc{background:#1a487f !important}
.hsc:hover{background:#1a487f !important}
.hero-slider-wrap_pagination:before{background:rgb(20 58 104) !important}
.scroller{background:#1a487f !important}
.start-btn{background:#143a68 !important}
.hero-corner-dec2{background:#1a487f !important}
.hero_promo-wrap{background:#1a487f !important}
.hero_promo-title{background:#1a487f !important}
.hdyn_gal{background:#1a487f !important}
.page-scroll-nav, .fixed-bottom-panel{background:#0f2b4d !important}
.fs-slider-controls-wrap{background:#1a487f !important}
.fsc{background:#1a487f !important}
.psn_button{background:#0f2b4d !important}
.to-top-btn{background:#248bca !important}
.to-top-btn:before{background:#1a487f !important}
.accordion a.toggle.act-accordion{background:#df6926 !important}
.gallery-item img{background:#1a487f !important}
.grid-media-zoom{background:#1a487f !important}
.show-details.sd_btn2{background:#1a487f !important}
.next-project-swiper-link{background:#1a487f !important}
.next-project-swiper-link:before{background:#1a487f !important}
.fsc-holder:before{background:#1a487f !important}
.thumbnail-container{background:#1a487f !important}
.thumb-img:before{background:#1a487f !important}
.thumb-img:after{background:#1a487f !important}
.fix-pr-det-dec{background:#1a487f !important}
.det-overlay{background:#1a487f !important}
.closedet_style{background:#1a487f !important}
.closedet_style:before{background:#1a487f !important}
.content-nav_holder{background:#1a487f !important}
.project-details ul{background:#1a487f !important}
.project-details ul:before{background:#1a487f !important}
.fs-slider-item .box-media-zoom{background:#1a487f !important}
.skillbar-bg{background:#1a487f !important}
.percent{color:#1a487f !important}
.fixed-column-wrap{background:#1a487f !important}
.fixed-column-wrap:before{background:#1a487f !important}
.main-about h2{color:#1a487f !important}
.video_link i{background:#1a487f !important}
.video_link:hover i{background:#1a487f !important}
.process-details{background:#1a487f !important}
.proces-details-content{background:#248bca !important}
.team-social{background:#1a487f !important}
.team-contact_btn:hover{color:#1a487f !important}
.gc-slider-cont{background:#1a487f !important}
.tc-button{background:#1a487f !important}
.leaflet-touch .leaflet-bar a{background:#1a487f !important}
.leaflet-popup-content-wrapper{background:#1a487f !important}
.content-inner .content-front, .content-inner .content-back{background:#1a487f !important}
.content-front{background:#1a487f !important}
.content-front:before{background:#248bca !important}
.content-inner .content-back{background:rgb(26 72 127) !important}
.main_social{background:#1a487f !important}
.main_social li a{background:#1a487f !important}
.close-contact_form{background:#143a68 !important}
.custom-form textarea,.custom-form select, .custom-form input[type="text"], .custom-form input[type=email]{background:#143a68 !important}
.waves-button-input{background-color:#248bca !important}
.post-det-num{background:#1a487f !important}
.post-link{color:#1a487f !important}
.post-det h3{color:#1a487f !important}
.post-det h3 a{color:#1a487f !important}
.pr-tags{background:#1a487f !important}
.ss-slider-cont{background:#1a487f !important}
.blog-filters{background:#1a487f !important}
.blog-btn-filter ul{background:#1a487f !important}
.comment-body{background:#1a487f !important;border:1px solid #1a487f !important}
.comment2 .comment-body{background:#1a487f !important;border:1px solid #1a487f !important}
.comment3 .comment-body{background:#248bca !important;border:1px solid #248bca !important}
.comment4 .comment-body{background:#248bca !important;border:1px solid #248bca !important}
.comment-author:before{border-bottom:1px solid #1a487f !important;border-left:1px solid #1a487f !important}
.comment2 .comment-author:before{border-bottom:1px solid #1a487f !important;border-left:1px solid #1a487f !important}
.comment2 .comment-author img{border:1px solid #1a487f !important}
.comment3 .comment-author:before{border-bottom:1px solid #248bca !important;border-left:1px solid #248bca !important}
.comment3 .comment-author img{border:1px solid #248bca !important}
.comment4 .comment-author:before{border-bottom:1px solid #248bca !important;border-left:1px solid #248bca !important}
.comment4 .comment-author img{border:1px solid #248bca !important}
.comment-author img{border:1px solid #1a487f !important}
.comment-meta, .comment-meta a{color:#1a487f !important}
@media only screen and (max-width: 1064px){.fs-folio-counter{background:#1a487f !important}}
@media only screen and (max-width: 1064px){.hs_counter-wrap{background:#1a487f !important}}
@media only screen and (max-width: 1064px){.hero-slider-wrap_pagination:before{background:#1a487f !important}}
@media only screen and (max-width: 1064px){.main_social{background:#1a487f !important}}
@media only screen and (max-width: 564px){.page-scroll-nav_wrap ul , .gallery-filters{background:#1a487f !important}}
.cprightdiv{background-color:#143a68 !important}
.cont_breadcrumbs_1 > ul > li:hover{background-color:#1a487f !important}
.cont_breadcrumbs_1 > ul > li:last-child{background-color:#143a68 !important}
.formdiv{background-color:#1a487f !important}
.timeline{border-left:4px solid #248bca !important;background:rgb(26 72 127) !important}
.timeline .event:after{box-shadow:0 0 0 4px #248bca !important;background:#1a487f !important}
.dscrtitile:hover .dm-readmbtn{color:#1a487f !important}
.dscrtitile:hover .dm-readmbtn svg{fill:#1a487f !important}
.dm-readmbtn{background:#df6926 !important}
.passion-box{background:#248bca !important}
.infrelist li{background:#1a487f !important}
.evpin{background:#1a487f !important}
.ev02overlay{background:linear-gradient(45deg, #248bca 50%, #248bca 50%) !important}
.ev04overlay{background:linear-gradient(45deg, #248bca 50%, #248bca 50%) !important}
.ev05overlay{background:linear-gradient(45deg, #248bca 50%, #248bca 50%) !important}
.ev07overlay{background:linear-gradient(45deg, #248bca 50%, #248bca 50%) !important}
.ev10overlay{background:linear-gradient(45deg, #248bca 50%, #248bca 50%) !important}
.evptitle h2:after{background:#1a487f !important}
.app2{color:#df6926 !important}
.applochlist{background:#1a487f !important}
.mealbox{background:#1a487f !important}
.mealbg{background:#1a487f !important}
.gscprev, .gscnext{color:#1a487f !important}
.gscprev2, .gscnext2{background:#1a487f !important}
.mealbg2{background:#1a487f !important}
.spttext{background:#248bca !important}
.lssvg{fill:#1a487f !important}
.flip-box .front{background-color:#1a487f !important}
.flip-box .back{background-color:#248bca !important}
.flip-box.alternative .front{background:linear-gradient(19deg, #e7a500 50%, #df6926 50%) !important}
.flip-box .back .flip-content{color:#248bca !important}
.alternative .object .back .backcont{color:#1a487f !important}
.topbtn{background:#143a68 !important}
.dropdown-content{background-color:#248bca !important}
.searcmainbox{background:#143a68 !important}
.evlmtpara span{color:#0f2b4d !important}
.bluestrip{color:#0f2b4d !important}
.bluestrip:before{background:#0f2b4d !important}
.infraul{background:#143a68 !important}
.pdgbox .pdback{background-color:#248bca !important}
.pdgbox .pdback .backpdgcont::-webkit-scrollbar-track{background:#df6926 !important}
.pdgbox .pdback .backpdgcont::-webkit-scrollbar-thumb{background:#1a487f !important}
@media screen and (max-device-width: 425px){.pdgbox{background:#1a487f !important}}
.allinnerdiv{background:#f5f8fc !important}
.relogodec{background:#143a68 !important}
.relogodec::-webkit-scrollbar-track{background:#df6926 !important}
.relogodec::-webkit-scrollbar-thumb{background:#248bca !important}
.hvrreadm{background:#df6926 !important}
.disredmore{color:#1a487f !important}
.disredmore i{background-color:#df6926 !important}
.infrabox{background:#df6926 !important}
.infra2container .infracard .infracard__head{background:rgb(223 105 38) !important}
.infraarticle{background:#df6926 !important}
.g a{border-bottom:thin solid #df6926 !important;background:#1a487f !important}
#dwrapper .d-cardall .disc-content-all{background:#df6926 !important}
.disredmore2{color:#1a487f !important}
.rating .checked{color:#df6926 !important}
.color-bg , .left-header_social li:before , .left-header:after , .hc_dec:after , .hc_dec_color , .hc_dec_color:after , .hero-slider-wrap_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before , .tc-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before , .scroller , .nhw-col.menuhol-dec-vis:before , .share-icon , .folio-list-title h2:before , .single-page-title h1:before , .hero-section:after , .page-scroll-nav_wrap li a:after , .ci_details:before , .accordion a.toggle span:before, .accordion a.toggle span:after , .custom-skillbar , .line-item:first-child:before , .line-item:last-child:before , .hero-corner-dec2 , .hero-decor-numb:before , .parallax-circle:before , .fixed-column-wrap_title h2:before , .section-separator:after , .section-title:before , .section-separator span , .pdcw_list li:before , .process-details:before , .fcwc-wrap .swiper-pagination-bullet.swiper-pagination-bullet-active:before , .fixed-bottom-panel .gallery-filters a.gallery-filter-active:after , .grid-det_link:before , .swiper-scrollbar-drag , .list div.list-btn i , .fwc-title:before , .content-nav li a.rn:before , .fs-slider-wrap_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before , .fs-slider-item .half-hero-wrap:before , .fhhw .half-hero-wrap:before , .pagination a:after , .ss-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active , .hero-section-dec , .start-btn:before , .grid-carousel-title h3:before , .hero_promo-wrap:before , .hero_promo-title:after , .element-item:before , .main_social li a:hover , .pl-row span.pl-row-anim2 , .hiddec-anim:before , .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover{background:#248bca !important}
.nav-button:hover .menu-button-text , .header-contacts li a , .half-hero-wrap h1 span , .hsc:hover, .hs_counter .current , .hero-scroll-down-notifer i , .btn:after , .hsc_pp , .sliding-menu a.act-link , .sliding-menu a.back:before , .close-share-btn , .hero-start-link i , .to-top-btn , .video-box-btn , .column-inner-small h4 span.cis_number , .box-media-zoom , .start-btn i , .clone-counter:before , .section-title h3 span , .video_link i , .pd-icon i , .process-numder , .show-phdc:hover , .close-hidden_pdc:hover , .gc-slider-cont , .team-social li a , .testi-number , .tc-button , .section-counter div.sc_current , .submen-dec:before , .leaflet-touch .leaflet-bar a , .contact-details li a:hover , .close-contact_form , .aside-show_cf, .leaflet-container a.leaflet-popup-close-button , .grid-det_category a , .grid-det_link i , .grid-media-zoom , .fcc_column div.all-album , .fs-folio-counter div.all-album , .show-details i , .fw-carousel-counter span.j2total , .fwcb , .next-project-swiper-link span , .show-info:hover span , .closedet_style , .content-nav li a i , .project-details ul li a , .thumb-img:after , .project-details ul:after , .share-btn:hover span , .fsc , .hsc_pp2 , .accordion a.toggle.act-accordion , .hero_promo-button a , .hdyn_gal i , .pagination a:hover , .pagination a.current-page , .post-header a , .post-link i , .blog-btn i , .blog-search-wrap button , .post-det-num , .ss-slider-cont , .pr-tags span , .blog-title-opt li a:hover , blockquote:before , .comment-num , .grid-carousel-title h3 a:hover , hero-decor-let span , .hero-facts-wrap .inline-facts:before , .hsc_total , .contacts-btn , .psn_button i , .main_social li a , .loader_count , .lg-actions .lg-next, .lg-actions .lg-prev , #message p strong{color:#df6926 !important}
.start-btn , blockquote{border-color:#248bca !important}
.infocont{color:#0f2b4d !important}
.logoinfobox{background:#df6926 !important}
.sticydiv{background:#248bca !important}
.stickylink{background:#df6926 !important;color:#143a68 !important}
.wateref{box-shadow:0 0 10px 0 rgb(20 58 104) !important}
.undersidebar2{background:#1a487f !important}
.footertext{background:#143a68 !important}
.active{background-color:#1a487f !important}
ul.vc_tta-tabs-list li{border:2px solid #1a487f !important;background-color:#1a487f !important}
.headt{background-color:#1a487f !important}
.fab{color:#1a487f !important}
.messagepage{background:#f5f8fc !important}
.process .processimgdiv::after{background:#f5f8fc !important}
.processimgdiv:before{background:#df6926 !important}
.process:before{background:#df6926 !important}
@media only screen and (max-width: 950px){.process img{background:#f5f8fc !important}}
a.btn.light-btn.faucltybtn{background-color:#df6926 !important}
.revsloc{background-color:#0f2b4d !important}
h3.authort{background-color:#0f2b4d !important}
li.eventdate{background-color:#df6926 !important}
a.newslistbtn{background-color:#143a68 !important}
.listitemcstm{border-bottom:1px solid #df6926 !important}
.newslistbtn{background:#1a487f !important}
.pagination-center{background:#1a487f !important}
.pagination-center li{border-right:1px solid #248bca !important}
.crform-control{border:1px solid #df6926 !important}
input.crsubmitbtn{background:#df6926 !important}
ul.careerli li i{background-color:#1a487f !important}
li.eventdate, li.eventtime, li.eventlocation{background-color:#df6926 !important}
details{background:#143a68 !important}
.club-head{background:linear-gradient(#1a487f) !important}
.qtitle{color:#1a487f !important}
.chead{background-color:#1a487f !important}
tbody.clist{border-left:2px solid #1a487f !important;border-right:2px solid #1a487f !important;border-bottom:2px solid #1a487f !important}
.why-heading{color:#1a487f !important}
.why-subheading{color:#1a487f !important;border-bottom:2px solid #1a487f !important}
.why-box{border-left:4px solid #1a487f !important}
.contact-box{background:#1a487f !important}
/* PALETTE:END */

/* =========================================================================
   DESIGN LAYER - inner pages in the home page's language
   Navy #1a487f / deep #143a68 / blue #248bca / orange #df6926, Arial type,
   uppercase display headings, eyebrow labels, 20px cards, pill buttons.
   Everything is scoped to elements that only exist on sub-page.php.
   ========================================================================= */
:root{
  --sg-navy:#1a487f; --sg-deep:#143a68; --sg-ink:#0f2b4d; --sg-blue:#248bca; --sg-orange:#df6926; --sg-orange-2:#ffa15a;
  --sg-text:#4d5873; --sg-muted:#7a849b; --sg-line:#e6eaf2; --sg-soft:#f5f8fc; --sg-soft-2:#eef4fb;
  --sg-radius:20px; --sg-shadow:0 10px 26px rgba(20,30,70,.06); --sg-shadow-hover:0 22px 44px -14px rgba(20,58,104,.28);
  --sg-font:Arial, Helvetica, sans-serif; --sg-display:'Oswald', Arial, Helvetica, sans-serif;
  --sg-ease:cubic-bezier(.2,.8,.2,1);
}

/* ---------------------------------------------------------------- chrome */
/* header contact line stays black, exactly like the home page */
.header-contacts li a, .header-contacts li span{ color:#111 !important; }
/* footer: same deep navy the home page paints over the inline colour */
#sec7.scroll_sec{ background-color:#143a68 !important; }
/* the theme clamps the footer's .container to 824px on inner pages, which left wide empty bands either
   side; give it the same frame as the page body (80px social rail reserved on the left) */
html body #sec7.scroll_sec > .container{
  float:none !important; width:100% !important; max-width:1400px !important; margin-left:auto !important; margin-right:auto !important;
  padding:0 40px 0 100px !important; box-sizing:border-box;
}
@media (max-width:1064px){ html body #sec7.scroll_sec > .container{ padding:0 24px !important; } }
@media (max-width:767px){ html body #sec7.scroll_sec > .container{ padding:0 18px !important; } }

/* ---------------------------------------------------------------- page title band
   No banner photo on inner pages (the home page dropped its split photo column too).
   The theme's photo column (.fixed-column-wrap) becomes a light title band at every
   width; above 1500px the theme used to pin it to the right and squeeze the content
   into the left 70%, which is switched off here as well. */
html body .column-wrap{ float:none !important; width:100% !important; }
html body .fixed-column-wrap{
  position:relative !important; top:auto !important; right:auto !important; float:none !important;
  width:100% !important; height:auto !important; z-index:1 !important; overflow:hidden;
  background:transparent !important;
}
html body .fixed-column-wrap:before{ display:none !important; }
/* the photo, its shade and the theme's decorations */
body .fixed-column-wrap .slideshow-container,
body .fixed-column-wrap .overlay,
body .fixed-column-wrap .pr-bg,
body .fixed-column-wrap .progress-bar-wrap,
body .fixed-column-wrap .fixed-column-dec,
body .fixed-column-wrap .swiper-pagination{ display:none !important; }
html body .fixed-column-wrap .fixed-column-wrap-content{
  position:relative !important; float:none !important; display:block !important; height:auto !important; min-height:0 !important;
  padding:clamp(130px, 11vw, 160px) 0 clamp(40px, 4vw, 60px) !important; box-sizing:border-box; overflow:hidden;
  background:linear-gradient(180deg, #eaf2fa 0%, #f4f8fc 55%, #fff 100%);
  border-bottom:1px solid var(--sg-line);
}
/* dotted field on the right + soft orange / blue glows, as in the home sections */
html body .fixed-column-wrap .fixed-column-wrap-content:before{
  content:''; position:absolute; top:0; right:0; bottom:0; width:min(55%, 760px); z-index:0; pointer-events:none;
  background-image:radial-gradient(rgba(26,72,127,.16) 1.3px, transparent 1.7px); background-size:24px 24px;
  -webkit-mask-image:radial-gradient(80% 90% at 100% 30%, #000, transparent 75%); mask-image:radial-gradient(80% 90% at 100% 30%, #000, transparent 75%);
}
html body .fixed-column-wrap .fixed-column-wrap-content:after{
  content:''; position:absolute; right:-140px; top:-120px; width:480px; height:480px; z-index:0; border-radius:50%; pointer-events:none;
  background:radial-gradient(circle, rgba(223,105,38,.16) 0%, rgba(223,105,38,0) 66%);
}
body .fixed-column-wrap_title.custom-header{
  position:relative !important; z-index:5; width:100% !important; max-width:1240px !important;
  margin:0 auto !important; padding:0 40px 0 100px !important; box-sizing:border-box; left:auto !important; right:auto !important; bottom:auto !important; top:auto !important;
  text-align:left !important;
}
/* eyebrow above the page name */
body .custom-header:before{
  content:'Sparsh Global School'; display:inline-flex; align-items:center; margin-bottom:14px;
  font:700 11.5px/1 var(--sg-font); letter-spacing:2.6px; text-transform:uppercase; color:var(--sg-blue);
  padding-left:40px; background:linear-gradient(var(--sg-orange), var(--sg-orange)) left center / 28px 2px no-repeat;
}
body .fixed-column-wrap_title.custom-header h1{
  margin:0 !important; padding:0 !important; max-width:none;
  font-family:var(--sg-display) !important; font-size:clamp(32px, 3.6vw, 54px) !important; line-height:1.06 !important;
  font-weight:700 !important; letter-spacing:.4px; text-transform:uppercase; color:var(--sg-navy) !important; text-shadow:none !important;
}
/* orange rule under the title */
body .fixed-column-wrap_title.custom-header h1:after{
  content:''; display:block; width:64px; height:4px; margin-top:18px; border-radius:4px;
  background:linear-gradient(90deg, var(--sg-orange), var(--sg-orange-2));
}
/* long page names (articles, events) get a calmer size; .sg-long is set by js/inner-v2.js */
body .fixed-column-wrap_title.custom-header h1.sg-long{ font-size:clamp(26px, 2.6vw, 40px) !important; line-height:1.15 !important; max-width:none; }
/* breadcrumbs: white pills, current page in orange */
body .cont_principal{ margin-top:20px; }
/* the theme floats / positions the crumb wrappers, so the band never counted their height */
body .cont_principal, body .cont_breadcrumbs, body .cont_breadcrumbs_1{ float:none !important; width:auto !important; position:relative !important; top:auto !important; bottom:auto !important; left:auto !important; }
/* big watermark numbers behind CMS cards: keep them as a faint backdrop */
body .innerpage-space .bodyall .section-number{ opacity:.05 !important; color:var(--sg-navy) !important; pointer-events:none; z-index:0; }
body .innerpage-space .bodyall .section-number ~ *{ position:relative; z-index:1; }
@media (max-width:768px){ body .innerpage-space .bodyall .section-number{ display:none !important; } }
body .cont_breadcrumbs_1 > ul{ display:flex !important; flex-wrap:wrap; gap:8px; margin:0 !important; padding:0 !important; list-style:none; }
body .cont_breadcrumbs_1 > ul > li{
  float:none !important; margin:0 !important; transform:none !important; box-shadow:0 6px 16px -10px rgba(20,58,104,.35) !important;
  background:#fff !important; border:1px solid var(--sg-line); border-radius:999px; transition:border-color .25s ease, background .25s ease;
}
body .cont_breadcrumbs_1 > ul > li > a{
  transform:none !important; padding:8px 16px !important; font:600 12.5px/1.2 var(--sg-font) !important;
  letter-spacing:.4px; color:var(--sg-navy) !important; text-transform:capitalize;
}
body .cont_breadcrumbs_1 > ul > li:hover{ border-color:var(--sg-blue); background:#fff !important; }
body .cont_breadcrumbs_1 > ul > li:hover > a{ color:var(--sg-blue) !important; }
body .cont_breadcrumbs_1 > ul > li:last-child{ background:var(--sg-orange) !important; border-color:var(--sg-orange); }
body .cont_breadcrumbs_1 > ul > li:last-child > a{ color:#fff !important; max-width:46ch; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* ---------------------------------------------------------------- page frame */
body .innerpage-space{ margin-top:0 !important; padding:clamp(36px, 4vw, 60px) 0 clamp(56px, 7vw, 96px) !important; position:relative; overflow:hidden; background:#fff; }
body .innerpage-space:before{
  content:''; position:absolute; right:-160px; top:-180px; width:520px; height:520px; border-radius:50%; pointer-events:none;
  background:radial-gradient(circle, rgba(36,139,202,.10) 0%, rgba(36,139,202,0) 68%);
}
body .innerpage-space > .container{
  position:relative; z-index:1; width:100% !important; max-width:1240px !important;
  padding:0 40px 0 100px !important; box-sizing:border-box;
}
body .innerpage-space .bodyall{ float:none !important; width:100% !important; padding:0 !important; }
body .innerpage-space .container > .row,
body .innerpage-space .container > .row > div,
body .innerpage-space .bodyall{ max-width:100%; min-width:0; }
body .innerpage-space .page-scroll-nav,
body .innerpage-space .page-scroll-nav_wrap,
body .innerpage-space .page-scroll-nav_wrap ul{ max-width:100% !important; min-width:0; box-sizing:border-box; }
/* Some CMS pages ship "@media (max-width:600px){ #sec1{display:none} }" to hide an intro block,
   but the page wrapper carries id="sec1" too, so on phones the whole page body vanished
   (live bug on /about/). Keep the wrapper visible. */
html body section.innerpage-space#sec1,
html body .bodyall section#sec1{ display:block !important; }
/* article / event detail were laid out for a sidebar that is switched off: centre them */
body .innerpage-space .bodyall.col-lg-8{ max-width:860px !important; margin:0 auto !important; }

/* ---------------------------------------------------------------- type */
body .innerpage-space .bodyall,
body .innerpage-space .bodyall p,
body .innerpage-space .bodyall li,
body .innerpage-space .bodyall td,
body .innerpage-space .bodyall th,
body .innerpage-space .bodyall span,
body .innerpage-space .bodyall label,
body .innerpage-space .bodyall input,
body .innerpage-space .bodyall select,
body .innerpage-space .bodyall textarea,
body .innerpage-space .bodyall a{ font-family:var(--sg-font) !important; }
body .innerpage-space .bodyall p,
body .innerpage-space .bodyall li{ font-size:16px !important; line-height:1.8 !important; color:var(--sg-text); text-align:left !important; }
body .innerpage-space .bodyall p{ margin:0 0 16px; }
body .innerpage-space .bodyall b,
body .innerpage-space .bodyall strong{ color:var(--sg-navy); font-weight:700; }
body .innerpage-space .bodyall a:not([class]){ color:var(--sg-blue) !important; text-decoration:none; background:linear-gradient(currentColor,currentColor) left bottom / 0 1px no-repeat; transition:background-size .3s ease, color .2s ease; }
body .innerpage-space .bodyall a:not([class]):hover{ color:var(--sg-orange) !important; background-size:100% 1px; }

body .innerpage-space .bodyall h1,
body .innerpage-space .bodyall h2,
body .innerpage-space .bodyall h3,
body .innerpage-space .bodyall h4,
body .innerpage-space .bodyall h5{
  font-family:var(--sg-font) !important; color:var(--sg-navy) !important; font-weight:700 !important;
  text-align:left !important; letter-spacing:-.01em; line-height:1.25 !important; text-transform:none;
}
body .innerpage-space .bodyall h2{ font-size:clamp(22px, 2vw, 28px) !important; margin:34px 0 14px !important; }
body .innerpage-space .bodyall h3{ font-size:clamp(19px, 1.6vw, 22px) !important; margin:26px 0 12px !important; }
body .innerpage-space .bodyall h4,
body .innerpage-space .bodyall h5{ font-size:17px !important; margin:22px 0 10px !important; }
body .innerpage-space .bodyall h2 strong,
body .innerpage-space .bodyall h3 strong{ color:inherit; }

/* the CMS section headings ("innert") get the home page's display treatment + eyebrow */
body .innerpage-space .bodyall .innert{
  position:relative; margin:0 0 18px !important; padding-top:22px;
  font-family:var(--sg-display) !important; font-size:clamp(24px, 2.4vw, 34px) !important; line-height:1.1 !important;
  text-transform:uppercase; letter-spacing:.3px !important; color:var(--sg-navy) !important;
}
body .innerpage-space .bodyall .innert:before{
  content:''; position:absolute; left:0; top:0; width:28px; height:2px; border-radius:2px; background:var(--sg-orange);
}

/* lists: orange dot markers */
body .innerpage-space .bodyall ul:not([class]),
body .innerpage-space .bodyall ol:not([class]),
body .innerpage-space .bodyall .careerli{ padding-left:0 !important; margin:0 0 18px !important; list-style:none !important; }
body .innerpage-space .bodyall ul:not([class]) > li,
body .innerpage-space .bodyall .careerli > li{ position:relative; padding-left:26px !important; margin:0 0 8px; list-style:none !important; }
body .innerpage-space .bodyall .contact-details ul > li{ padding-left:0 !important; }
body .innerpage-space .bodyall .contact-details ul > li:before{ display:none !important; }
body .innerpage-space .bodyall ul:not([class]) > li:before{
  content:''; position:absolute; left:4px; top:.72em; width:8px; height:8px; border-radius:50%;
  background:var(--sg-orange); box-shadow:0 0 0 4px rgba(223,105,38,.14);
}
body .innerpage-space .bodyall ol:not([class]){ counter-reset:sgol; }
body .innerpage-space .bodyall ol:not([class]) > li{ position:relative; padding-left:38px !important; margin:0 0 10px; counter-increment:sgol; }
body .innerpage-space .bodyall ol:not([class]) > li:before{
  content:counter(sgol, decimal-leading-zero); position:absolute; left:0; top:.15em;
  font:700 12px/24px var(--sg-font); width:26px; height:24px; text-align:center; border-radius:7px;
  color:#fff; background:var(--sg-navy);
}
body .innerpage-space .bodyall .circulrighticon{
  position:absolute; left:0; top:.35em; width:18px; height:18px; border-radius:50%; font-size:9px !important; line-height:18px !important;
  text-align:center; color:#fff !important; background:var(--sg-orange); margin:0 !important;
}

/* images inside content */
body .innerpage-space .bodyall img{ max-width:100%; height:auto; border-radius:16px; }
body .innerpage-space .bodyall .articledata img,
body .innerpage-space .bodyall .imgnews{ display:block; margin:10px auto 24px; box-shadow:var(--sg-shadow); }

/* quotes */
body .innerpage-space .bodyall blockquote{
  margin:24px 0; padding:22px 26px; border:0 !important; border-left:4px solid var(--sg-orange) !important; border-radius:0 16px 16px 0;
  background:var(--sg-soft); color:var(--sg-navy); font-size:17px; font-style:italic;
}

/* ---------------------------------------------------------------- cards */
body .innerpage-space .bodyall .allinnerdiv{
  position:relative; margin:0 0 26px !important; padding:clamp(24px, 2.6vw, 36px) !important;
  background:#fff !important; border:1px solid var(--sg-line) !important; border-radius:var(--sg-radius) !important;
  box-shadow:var(--sg-shadow) !important; overflow:hidden;
  transition:transform .45s var(--sg-ease), box-shadow .45s var(--sg-ease), border-color .3s ease;
}
/* thin gradient spine on the left of every card */
body .innerpage-space .bodyall .allinnerdiv:before{
  content:''; position:absolute; left:0; top:22px; bottom:22px; width:4px; border-radius:0 4px 4px 0;
  background:linear-gradient(180deg, var(--sg-blue), var(--sg-orange));
}
body .innerpage-space .bodyall .allinnerdiv > .innert:first-child{ margin-top:0 !important; }
body .innerpage-space .bodyall .allinnerdiv .allinnerdiv{ box-shadow:none !important; background:var(--sg-soft) !important; border-color:transparent !important; }
body .innerpage-space .bodyall .allinnerdiv .allinnerdiv:before{ display:none; }

/* dark panels (the CMS paints some blocks navy): keep their text light.
   .sg-dark is added by js/inner-v2.js to any block whose background is dark. */
body .innerpage-space .bodyall .sg-dark,
body .innerpage-space .bodyall .sg-dark p,
body .innerpage-space .bodyall .sg-dark li,
body .innerpage-space .bodyall .sg-dark span,
body .innerpage-space .bodyall .sg-dark td,
body .innerpage-space .bodyall .sg-dark b,
body .innerpage-space .bodyall .sg-dark strong{ color:rgba(255,255,255,.9) !important; }
body .innerpage-space .bodyall .sg-dark h1, body .innerpage-space .bodyall .sg-dark h2,
body .innerpage-space .bodyall .sg-dark h3, body .innerpage-space .bodyall .sg-dark h4,
body .innerpage-space .bodyall .sg-dark h5, body .innerpage-space .bodyall .sg-dark h6,
body .innerpage-space .bodyall .sg-dark .innert{ color:#fff !important; }
body .innerpage-space .bodyall .sg-dark a:not([class]){ color:var(--sg-orange-2) !important; }
body .innerpage-space .bodyall .sg-dark ul:not([class]) > li:before{ background:var(--sg-orange-2); box-shadow:0 0 0 4px rgba(255,161,90,.18); }

/* generic "panel" blocks the CMS pages use (cream boxes, navy boxes painted inline) */
body .innerpage-space .bodyall [style*="background"]:not(img):not(a):not(span){ border-radius:16px; }

/* ---------------------------------------------------------------- buttons */
body .innerpage-space .bodyall .btn,
body .innerpage-space .bodyall .newslatterbtn,
body .innerpage-space .bodyall .downloadpdf,
body .innerpage-space .bodyall button:not(.close):not([class*="slick"]),
body .innerpage-space .bodyall input[type="submit"]{
  display:inline-flex !important; align-items:center; justify-content:center; gap:10px;
  height:auto !important; padding:12px 22px !important; border:0 !important; border-radius:999px !important;
  font:700 12px/1.2 var(--sg-font) !important; letter-spacing:1.6px !important; text-transform:uppercase;
  color:#fff !important; background:var(--sg-navy) !important; box-shadow:0 12px 24px -12px rgba(26,72,127,.8);
  transition:background .25s ease, transform .25s ease, box-shadow .25s ease; cursor:pointer;
}
body .innerpage-space .bodyall .btn:hover,
body .innerpage-space .bodyall .newslatterbtn:hover,
body .innerpage-space .bodyall .downloadpdf:hover,
body .innerpage-space .bodyall button:not(.close):not([class*="slick"]):hover,
body .innerpage-space .bodyall input[type="submit"]:hover{ background:var(--sg-blue) !important; transform:translateY(-2px); }
body .innerpage-space .bodyall .btn:before{ display:none !important; }

/* "Read more" text links -> home style arrow link */
body .innerpage-space .bodyall .newslistbtn{
  display:inline-flex !important; align-items:center; gap:8px; margin-top:6px; padding:0 !important; background:none !important;
  font:700 12px/1.2 var(--sg-font) !important; letter-spacing:1.6px; text-transform:uppercase; color:var(--sg-navy) !important; border:0 !important;
}
body .innerpage-space .bodyall .newslistbtn:after{ content:'\2192'; font-size:15px; letter-spacing:0; transition:transform .3s var(--sg-ease); }
body .innerpage-space .bodyall .newslistbtn:hover{ color:var(--sg-orange) !important; }
body .innerpage-space .bodyall .newslistbtn:hover:after{ transform:translateX(5px); }
body .innerpage-space .bodyall .newslistbtn img,
body .innerpage-space .bodyall .newslistbtn i{ display:none !important; }

/* ---------------------------------------------------------------- listings (events, articles) */
body .innerpage-space .bodyall .pagetext p{ font-size:14px !important; color:var(--sg-muted); margin:0 0 6px; }
body .innerpage-space .bodyall .listrow:has(> .articlediv){
  display:grid !important; grid-template-columns:repeat(auto-fill, minmax(min(100%, 330px), 1fr)); gap:26px; margin:0 !important;
}
body .innerpage-space .bodyall .listrow:has(> .articlediv):before,
body .innerpage-space .bodyall .listrow:has(> .articlediv):after{ display:none; }
body .innerpage-space .bodyall .articlediv{ display:flex; flex-direction:column; margin:0 !important; padding:0 !important; height:100%; }
body .innerpage-space .bodyall .articlediv:before{ display:none; }
body .innerpage-space .bodyall .articlediv:hover{ transform:translateY(-6px); box-shadow:var(--sg-shadow-hover) !important; border-color:rgba(36,139,202,.35) !important; }
body .innerpage-space .bodyall .articlediv > div,
body .innerpage-space .bodyall .articlediv .listitem{ display:flex !important; flex-direction:column; height:100%; margin:0 !important; padding:0 !important; float:none !important; width:100% !important; }
body .innerpage-space .bodyall .articlediv .listcol-l,
body .innerpage-space .bodyall .articlediv .listcol-r{ float:none !important; width:100% !important; max-width:none !important; flex:none; padding:0 !important; }
body .innerpage-space .bodyall .articlediv .listcol-l{ position:relative; overflow:hidden; aspect-ratio:16/10; background:var(--sg-soft-2); }
body .innerpage-space .bodyall .articlediv .list-img{
  position:absolute; inset:0; width:100% !important; height:100% !important; max-width:none; object-fit:cover;
  border-radius:0 !important; margin:0 !important; box-shadow:none; transition:transform .9s var(--sg-ease);
}
body .innerpage-space .bodyall .articlediv:hover .list-img{ transform:scale(1.06); }
body .innerpage-space .bodyall .articlediv .listcol-r{ display:flex; flex-direction:column; flex:1 1 auto; padding:20px 22px 22px !important; }
body .innerpage-space .bodyall .articlediv .articlet{
  order:2; margin:10px 0 8px !important; font-size:18px !important; line-height:1.35 !important;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
body .innerpage-space .bodyall .articlediv .topnews{ order:1; margin:0 !important; padding:0 !important; list-style:none; }
body .innerpage-space .bodyall .articlediv .list-text{
  order:3; margin:0 0 14px !important; font-size:14.5px !important; line-height:1.65 !important; color:var(--sg-text);
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
body .innerpage-space .bodyall .articlediv .newslistbtn{ order:4; margin-top:auto !important; align-self:flex-start; width:auto !important; white-space:nowrap; }
/* pagination sits inside the list wrapper: give it the whole row */
body .innerpage-space .bodyall .listrow > :not(.articlediv){ grid-column:1 / -1; }

/* date chips (lists and detail pages) */
body .innerpage-space .bodyall .topnews{ padding:0 !important; margin:0 0 12px !important; list-style:none; }
body .innerpage-space .bodyall .topnews .eventdate{
  display:inline-flex !important; align-items:center; gap:8px; padding:6px 12px !important; margin:0 !important; border-radius:999px;
  background:rgba(223,105,38,.1) !important; color:var(--sg-orange) !important;
  font:700 11.5px/1.2 var(--sg-font) !important; letter-spacing:1.2px; text-transform:uppercase;
}
body .innerpage-space .bodyall .topnews .eventdate:before{ display:none !important; }
body .innerpage-space .bodyall .topnews .eventdate i{ font-size:11.5px !important; line-height:1.2 !important; color:inherit !important; font-family:var(--sg-font) !important; }
body .innerpage-space .bodyall .topnews .eventdate i:before{ font-family:'Font Awesome 5 Pro'; margin-right:6px; }

/* pagination */
body .fcwc-pagination{ background:none !important; padding:34px 0 0 !important; text-align:center; }
body ul.pagination-center{
  display:flex !important; flex-wrap:wrap; justify-content:center; gap:8px; margin:0 auto !important; padding:0 !important;
  background:none !important; width:auto !important; max-width:1100px;
}
body ul.pagination-center li{ float:none !important; margin:0 !important; list-style:none; background:none !important; }
body ul.pagination-center li a{
  display:grid !important; place-items:center; min-width:40px; height:40px; padding:0 10px !important; border-radius:12px;
  font:700 13px/1 var(--sg-font) !important; color:var(--sg-navy) !important; background:#fff !important;
  border:1px solid var(--sg-line) !important; transition:all .2s ease;
}
body ul.pagination-center li a:hover{ border-color:var(--sg-blue) !important; color:var(--sg-blue) !important; transform:translateY(-2px); }
body ul.pagination-center li.active a,
body ul.pagination-center li a.active,
body ul.pagination-center li a.current-page{ background:var(--sg-navy) !important; border-color:var(--sg-navy) !important; color:#fff !important; }

/* ---------------------------------------------------------------- article detail */
body .innerpage-space .bodyall.articlepage{
  padding:clamp(24px, 3vw, 44px) !important; background:#fff !important; border:1px solid var(--sg-line); border-radius:var(--sg-radius); box-shadow:var(--sg-shadow) !important;
}
body .innerpage-space .bodyall .rating{ display:flex; gap:3px; margin:0 0 18px; color:#f5b301; }
body .innerpage-space .bodyall .rating .checked{ color:#f5b301 !important; }
body .innerpage-space .bodyall .articledata article > p:first-child{ font-size:18px !important; color:var(--sg-navy); }
body .innerpage-space .bodyall .articledata h2{
  padding-left:16px; border-left:4px solid var(--sg-orange);
}
/* Article detail = .allinnerdiv > .row > [article .col-lg-8, related list .col-lg-4], then the author box.
   The outer .allinnerdiv painted a second card around the article card and the 860px centring left wide
   empty bands on both sides, with the related list dropped below. Standard blog layout instead:
   article column + related-articles sidebar side by side, one card each. */
body .innerpage-space .allinnerdiv:has(.articlepage){
  margin:0 !important; padding:0 !important; background:none !important; border:0 !important;
  border-radius:0 !important; box-shadow:none !important; overflow:visible !important;
}
body .innerpage-space .allinnerdiv:has(.articlepage):before,
body .innerpage-space .allinnerdiv:has(.articlepage):after{ display:none !important; }
body .innerpage-space .allinnerdiv:has(.articlepage) > .row{
  display:grid !important; grid-template-columns:minmax(0,1fr) 330px; gap:30px; align-items:start; margin:0 !important;
}
body .innerpage-space .allinnerdiv:has(.articlepage) > .row:before,
body .innerpage-space .allinnerdiv:has(.articlepage) > .row:after{ display:none !important; }
body .innerpage-space .allinnerdiv .bodyall.articlepage{
  float:none !important; width:auto !important; max-width:none !important; min-width:0; margin:0 !important;
}
body .innerpage-space .allinnerdiv .bodyall.articlepage.col-lg-8{ padding:clamp(24px, 3.4vw, 48px) !important; }
body .innerpage-space .bodyall.articlepage .articledata img{ width:100%; }
/* related articles sidebar */
body .innerpage-space .allinnerdiv .bodyall.articlepage.col-lg-4{
  padding:26px 24px 14px !important; background:var(--sg-soft) !important; box-shadow:none !important;
  position:sticky !important; top:120px;
}
/* overflow:hidden on the page frame would make it the sticky container; clip trims the glow without that */
body .innerpage-space:has(.articlepage){ overflow:clip !important; }
body .innerpage-space:has(.articlepage) > .container,
body:has(.articlepage) .fixed-column-wrap_title.custom-header{ max-width:1400px !important; }
body .innerpage-space .bodyall.col-lg-4 .articledata ul{ margin:0 !important; padding:0 !important; }
body .innerpage-space .bodyall.col-lg-4 .sgreltitle{
  position:relative; margin:0 0 8px !important; padding-top:18px;
  font-family:var(--sg-display) !important; font-size:20px !important; text-transform:uppercase; letter-spacing:.4px !important;
  color:var(--sg-navy) !important; border:0 !important;
}
body .innerpage-space .bodyall.col-lg-4 .sgreltitle:before{
  content:''; position:absolute; left:0; top:0; width:28px; height:2px; border-radius:2px; background:var(--sg-orange);
}
body .innerpage-space .bodyall.col-lg-4 .articledata ul > a{
  display:block; padding:14px 0 !important; border-bottom:1px solid var(--sg-line); background:none !important; counter-increment:sgrel;
}
body .innerpage-space .bodyall.col-lg-4 .articledata ul{ counter-reset:sgrel; }
body .innerpage-space .bodyall.col-lg-4 .articledata ul > a:last-child{ border-bottom:0; }
body .innerpage-space .bodyall.col-lg-4 .articledata ul > a .row{ margin:0 !important; }
body .innerpage-space .bodyall.col-lg-4 .articledata ul > a li{
  display:flex; gap:14px; align-items:flex-start; margin:0 !important; padding:0 !important; list-style:none !important;
}
body .innerpage-space .bodyall.col-lg-4 .articledata ul > a li:before{
  content:counter(sgrel, decimal-leading-zero); position:static !important; flex:0 0 auto;
  width:32px; height:32px; border-radius:10px; box-shadow:none !important;
  display:grid; place-items:center; font:700 12px/1 var(--sg-font); color:var(--sg-orange); background:#fff !important;
  border:1px solid var(--sg-line); transition:background .25s ease, color .25s ease;
}
body .innerpage-space .bodyall.col-lg-4 .articledata ul > a li > div{ float:none !important; width:auto !important; padding:0 !important; }
body .innerpage-space .bodyall.col-lg-4 .sgarpara{
  margin:0 !important; font-size:14.5px !important; line-height:1.5 !important; font-weight:700;
  color:var(--sg-navy) !important; transition:color .2s ease;
}
body .innerpage-space .bodyall.col-lg-4 .articledata ul > a:hover .sgarpara{ color:var(--sg-orange) !important; }
body .innerpage-space .bodyall.col-lg-4 .articledata ul > a:hover li:before{ background:var(--sg-orange) !important; color:#fff; }
/* author box under the article */
body .innerpage-space .brk-testimonials-dash-two__text-reviews{
  position:relative; margin:30px 0 0 !important; padding:64px clamp(22px, 3vw, 36px) 28px !important;
  background:#fff !important; border:1px solid var(--sg-line); border-radius:var(--sg-radius); box-shadow:var(--sg-shadow) !important;
  font-family:var(--sg-font);
}
body .innerpage-space .brk-testimonials-dash-two__text-reviews h3.authort{
  left:clamp(22px, 3vw, 36px) !important; top:24px !important; margin:0 !important; padding:6px 14px !important; border-radius:999px;
  font:700 11px/1.2 var(--sg-font) !important; letter-spacing:2px !important; color:#fff !important; background:var(--sg-navy) !important;
}
body .innerpage-space .brk-testimonials-dash-two__text-reviews > .row{ display:flex; align-items:center; gap:16px; margin:0 0 10px !important; }
body .innerpage-space .brk-testimonials-dash-two__text-reviews > .row > div{ float:none !important; width:auto !important; padding:0 !important; }
body .innerpage-space .brk-testimonials-dash-two__text-reviews .revclogo{
  width:64px; height:64px; border-radius:50%; object-fit:contain; background:#fff; border:1px solid var(--sg-line); padding:6px;
}
body .innerpage-space .brk-testimonials-dash-two__text-reviews .revsname{
  margin:0 !important; font-family:var(--sg-display) !important; font-size:22px !important; color:var(--sg-navy) !important; letter-spacing:.4px;
}
body .innerpage-space .brk-testimonials-dash-two__text-reviews .revdesign:empty,
body .innerpage-space .brk-testimonials-dash-two__text-reviews .revdesign p:empty{ display:none; }
body .innerpage-space .brk-testimonials-dash-two__text-reviews .revstureview{ margin:0 0 16px; font-size:15px; line-height:1.7; color:var(--sg-text); }
body .innerpage-space .brk-testimonials-dash-two__text-reviews a.faucltybtn{
  display:inline-flex !important; align-items:center; gap:8px; margin:0 !important; padding:11px 20px !important; border:0 !important;
  border-radius:999px !important; background:var(--sg-orange) !important; color:#fff !important;
  font:700 12px/1.2 var(--sg-font) !important; letter-spacing:1.6px; text-transform:uppercase;
  transition:background .25s ease, transform .25s ease;
}
body .innerpage-space .brk-testimonials-dash-two__text-reviews a.faucltybtn:hover{ background:var(--sg-navy) !important; color:#fff !important; transform:translateY(-2px); }
@media (max-width:1100px){
  body .innerpage-space .allinnerdiv:has(.articlepage) > .row{ grid-template-columns:minmax(0,1fr); gap:24px; }
  body .innerpage-space .allinnerdiv .bodyall.articlepage.col-lg-4{ position:relative !important; top:auto; }
}

/* ---------------------------------------------------------------- tables */
body .innerpage-space .bodyall .table-responsive,
body .innerpage-space .bodyall .sg-table-wrap{
  margin:0 0 28px; border:1px solid var(--sg-line); border-radius:var(--sg-radius); overflow:auto; box-shadow:var(--sg-shadow); background:#fff;
}
body .innerpage-space .bodyall figure.table{ margin:0 !important; }
body .innerpage-space .bodyall table{
  width:100% !important; border-collapse:separate !important; border-spacing:0 !important; margin:0 !important; border:0 !important; background:#fff;
}
body .innerpage-space .bodyall table th,
body .innerpage-space .bodyall table .chead td{
  padding:16px 18px !important; background:var(--sg-navy) !important; color:#fff !important; border:0 !important;
  font:700 12.5px/1.4 var(--sg-font) !important; letter-spacing:1px; text-transform:uppercase; text-align:left !important;
}
body .innerpage-space .bodyall table .chead td strong{ color:#fff !important; }
body .innerpage-space .bodyall table td{
  padding:14px 18px !important; border:0 !important; border-bottom:1px solid var(--sg-line) !important;
  font-size:15px !important; line-height:1.6 !important; color:var(--sg-text) !important; background:transparent; vertical-align:middle;
}
body .innerpage-space .bodyall table tr:nth-child(even) td{ background:var(--sg-soft) !important; }
body .innerpage-space .bodyall table tr:not(.chead):hover td{ background:var(--sg-soft-2) !important; }
body .innerpage-space .bodyall table tr:last-child td{ border-bottom:0 !important; }
body .innerpage-space .bodyall table td{ text-align:left !important; }
body .innerpage-space .bodyall table td a{ color:var(--sg-blue) !important; font-weight:600; }
body .innerpage-space .bodyall table td .newslatterbtn{ padding:9px 16px !important; font-size:11px !important; }

/* ---------------------------------------------------------------- quick links (section tabs) */
body .innerpage-space .page-scroll-nav{
  /* the theme scrolls inside its own wrapper, so sticky would pin it in the wrong place */
  position:relative !important; top:auto !important; left:auto !important; right:auto !important; bottom:auto !important; width:auto !important;
  z-index:30; margin:0 0 34px; padding:6px; background:rgba(255,255,255,.86) !important; border:1px solid var(--sg-line);
  border-radius:999px; box-shadow:0 14px 32px -18px rgba(20,58,104,.35); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  transform:none !important; opacity:1 !important;
}
body .innerpage-space .page-scroll-nav_wrap{ float:none !important; padding:0 !important; width:auto !important; }
body .innerpage-space .page-scroll-nav_wrap ul{
  position:static !important; display:flex !important; flex-wrap:wrap; justify-content:center; gap:4px; width:auto !important;
  padding:0 !important; margin:0 !important; background:none !important;
}
body .innerpage-space .page-scroll-nav_wrap ul li{ float:none !important; width:auto !important; margin:0 !important; }
body .innerpage-space .page-scroll-nav_wrap li a{
  height:auto !important; line-height:1.2 !important; padding:11px 18px !important; border-radius:999px;
  font:700 11.5px/1.2 var(--sg-font) !important; letter-spacing:1.4px; text-transform:uppercase; color:var(--sg-navy) !important;
  background:transparent !important; transition:background .25s ease, color .25s ease;
}
body .innerpage-space .page-scroll-nav_wrap li a:after{ display:none !important; }
body .innerpage-space .page-scroll-nav_wrap li a:hover{ background:var(--sg-soft-2) !important; color:var(--sg-blue) !important; }
body .innerpage-space .page-scroll-nav_wrap li a.act-sec{ background:var(--sg-navy) !important; color:#fff !important; }
body .innerpage-space .psn_button{ display:none !important; }

/* ---------------------------------------------------------------- admission steps */
body .innerpage-space .bodyall .process{ display:grid !important; grid-template-columns:repeat(auto-fit, minmax(120px, 1fr)); gap:16px; margin:0 0 40px !important; counter-reset:sgstep; }
body .innerpage-space .bodyall .process:before,
body .innerpage-space .bodyall .process:after{ display:none !important; }
body .innerpage-space .bodyall .processimgdiv{
  position:relative; float:none !important; width:auto !important; margin:0 !important; padding:26px 14px 20px !important; text-align:center;
  background:#fff !important; border:1px solid var(--sg-line) !important; border-radius:var(--sg-radius) !important; box-shadow:var(--sg-shadow) !important;
  counter-increment:sgstep; transition:transform .4s var(--sg-ease), box-shadow .4s var(--sg-ease);
}
body .innerpage-space .bodyall .processimgdiv:hover{ transform:translateY(-6px); box-shadow:var(--sg-shadow-hover) !important; }
body .innerpage-space .bodyall .processimgdiv:before{
  content:counter(sgstep, decimal-leading-zero); position:absolute; top:-12px; left:50%; transform:translateX(-50%);
  width:30px; height:24px; border-radius:8px; background:var(--sg-orange); color:#fff; font:700 11px/24px var(--sg-font);
}
body .innerpage-space .bodyall .processimgdiv img{
  width:64px !important; height:64px !important; padding:0 !important; object-fit:contain; margin:4px auto 12px !important;
  border-radius:0 !important; box-shadow:none !important; background:none !important;
}
body .innerpage-space .bodyall .processimgdiv:after{ display:none !important; }
body .innerpage-space .bodyall .processimgdiv{ min-height:0 !important; }
body .innerpage-space .bodyall .processimgdiv .adpro-point{ margin:0 !important; font:700 13px/1.3 var(--sg-font) !important; color:var(--sg-navy) !important; text-align:center !important; }
body .innerpage-space .bodyall .process ~ * .number-line,
body .innerpage-space .bodyall .numberline{ display:none !important; }

/* ---------------------------------------------------------------- FAQ accordion */
body .innerpage-space .bodyall .faq-group-title{
  margin:36px 0 14px !important; padding:0 0 0 40px; position:relative;
  font:700 12px/1.2 var(--sg-font) !important; letter-spacing:2.4px; text-transform:uppercase; color:var(--sg-blue) !important; background:none !important;
}
body .innerpage-space .bodyall .faq-group-title:before{ content:''; position:absolute; left:0; top:50%; width:28px; height:2px; background:var(--sg-orange); }
body .innerpage-space .bodyall .faq-group-title:first-child{ margin-top:0 !important; }
body .innerpage-space .bodyall .accordion .toggle{
  position:relative; display:block !important; margin:0 0 10px !important; padding:18px 60px 18px 22px !important;
  background:#fff !important; border:1px solid var(--sg-line) !important; border-radius:16px !important;
  font:700 16px/1.45 var(--sg-font) !important; color:var(--sg-navy) !important; text-align:left; box-shadow:var(--sg-shadow);
  transition:border-color .25s ease, background .25s ease;
}
body .innerpage-space .bodyall .accordion .toggle span{ display:none !important; }
body .innerpage-space .bodyall .accordion .toggle:after{
  content:'+'; position:absolute; right:18px; top:50%; width:30px; height:30px; margin-top:-15px; border-radius:50%;
  display:grid; place-items:center; font:400 20px/1 var(--sg-font); color:var(--sg-navy); background:var(--sg-soft-2);
  transition:transform .3s var(--sg-ease), background .25s ease, color .25s ease;
}
body .innerpage-space .bodyall .accordion .toggle:hover{ border-color:rgba(36,139,202,.45) !important; }
body .innerpage-space .bodyall .accordion .toggle.act-accordion{ background:var(--sg-navy) !important; color:#fff !important; border-color:var(--sg-navy) !important; border-radius:16px 16px 0 0 !important; margin-bottom:0 !important; }
body .innerpage-space .bodyall .accordion .toggle.act-accordion:after{ transform:rotate(45deg); background:var(--sg-orange); color:#fff; }
body .innerpage-space .bodyall .accordion .accordion-inner{
  margin:0 0 10px !important; padding:18px 22px 6px !important; background:var(--sg-soft) !important;
  border:1px solid var(--sg-line) !important; border-top:0 !important; border-radius:0 0 16px 16px !important;
}

/* media page accordions (<details>) */
/* media page: drop the washed-out photo strip behind the list and widen the list */
body .innerpage-space .bodyall .vc_column-inner{ background-image:none !important; }
body .innerpage-space .bodyall .mediaoverlay{ display:none !important; }
body .innerpage-space .bodyall .wpb_wrapper-main{ max-width:900px !important; width:100%; }
body .innerpage-space .bodyall summary .icon{
  display:inline-grid !important; place-items:center; width:30px !important; height:30px !important; border-radius:50%;
  background:var(--sg-soft-2) !important; color:var(--sg-navy) !important; fill:var(--sg-navy) !important; padding:6px; box-sizing:border-box;
}
body .innerpage-space .bodyall details[open] summary .icon{ background:var(--sg-orange) !important; color:#fff !important; fill:#fff !important; }
body .innerpage-space .bodyall .club-head h3 span{ color:var(--sg-muted) !important; font-size:14px !important; }
body .innerpage-space .bodyall details{ margin:0 0 12px; border:1px solid var(--sg-line); border-radius:16px; background:#fff; box-shadow:var(--sg-shadow); overflow:hidden; }
body .innerpage-space .bodyall details > summary{ padding:16px 22px !important; cursor:pointer; background:#fff !important; list-style:none; }
body .innerpage-space .bodyall details > summary h3{ margin:0 !important; font-size:17px !important; }
body .innerpage-space .bodyall details[open] > summary{ background:var(--sg-soft-2) !important; }

/* ---------------------------------------------------------------- forms */
body .innerpage-space .bodyall input[type="text"],
body .innerpage-space .bodyall input[type="email"],
body .innerpage-space .bodyall input[type="tel"],
body .innerpage-space .bodyall input[type="number"],
body .innerpage-space .bodyall input[type="date"],
body .innerpage-space .bodyall input[type="file"],
body .innerpage-space .bodyall select,
body .innerpage-space .bodyall textarea{
  width:100%; min-height:50px; padding:12px 16px !important; box-sizing:border-box;
  background:var(--sg-soft) !important; border:1.5px solid var(--sg-line) !important; border-radius:14px !important;
  font-size:15px !important; color:#10243e !important; box-shadow:none !important; transition:border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
body .innerpage-space .bodyall input:focus,
body .innerpage-space .bodyall select:focus,
body .innerpage-space .bodyall textarea:focus{ outline:none; background:#fff !important; border-color:var(--sg-blue) !important; box-shadow:0 0 0 4px rgba(36,139,202,.15) !important; }
body .innerpage-space .bodyall label,
body .innerpage-space .bodyall .control-label{ font:700 13px/1.4 var(--sg-font) !important; color:var(--sg-navy) !important; margin-bottom:6px; }

/* contact page panel */
body .innerpage-space .bodyall .contact-details-title h2{ font-family:var(--sg-display) !important; text-transform:uppercase; }
body .innerpage-space .bodyall iframe{ border-radius:var(--sg-radius); border:1px solid var(--sg-line) !important; box-shadow:var(--sg-shadow); }

/* principal's message */
body .innerpage-space .bodyall .messagepage{
  position:relative; padding:clamp(28px, 3.4vw, 48px) !important; border-radius:var(--sg-radius);
  background:linear-gradient(160deg, var(--sg-soft) 0%, #fff 60%); border:1px solid var(--sg-line); box-shadow:var(--sg-shadow);
}
body .innerpage-space .bodyall .messagepage .qtitle{ font-size:clamp(19px, 1.8vw, 24px) !important; line-height:1.5 !important; color:var(--sg-navy) !important; font-style:italic; font-weight:700; }
body .innerpage-space .bodyall .mess-sign{ color:var(--sg-orange) !important; }

/* gallery thumbnails on event pages */
body .portfolio_item .grid-item-holder{ border-radius:16px; overflow:hidden; box-shadow:var(--sg-shadow); }
body .portfolio_item .grid-item-holder img{ transition:transform .9s var(--sg-ease); }
body .portfolio_item .grid-item-holder:hover img{ transform:scale(1.06); }

/* ---------------------------------------------------------------- scroll reveal (driven by js/inner-v2.js) */
html.sg-motion .sg-reveal{ opacity:0; transform:translate3d(0, 34px, 0); }
html.sg-motion .sg-reveal.is-in{ opacity:1; transform:none; transition:opacity .9s var(--sg-ease), transform 1.1s var(--sg-ease); transition-delay:var(--sg-d, 0ms); }
html.sg-motion .fixed-column-wrap_title.custom-header > *{ opacity:0; transform:translate3d(0, 26px, 0); }
html.sg-motion.sg-ready .fixed-column-wrap_title.custom-header > *{ opacity:1; transform:none; transition:opacity .9s var(--sg-ease), transform 1.1s var(--sg-ease); }
html.sg-motion.sg-ready .fixed-column-wrap_title.custom-header > *:nth-child(2){ transition-delay:.15s; }
html.sg-motion .custom-header:before{ opacity:0; }
html.sg-motion.sg-ready .custom-header:before{ opacity:1; transition:opacity .8s ease .1s; }

/* reading progress */
.sg-progress{ position:fixed; left:0; right:0; top:0; height:3px; z-index:100000; pointer-events:none; }
.sg-progress i{ display:block; height:100%; background:linear-gradient(90deg, var(--sg-blue), var(--sg-orange)); transform:scaleX(var(--p, 0)); transform-origin:left; }

@media (prefers-reduced-motion: reduce){
  html.sg-motion .sg-reveal, html.sg-motion .fixed-column-wrap_title.custom-header > *{ opacity:1 !important; transform:none !important; }
}

/* ---------------------------------------------------------------- responsive */
@media (max-width:1064px){
  body .fixed-column-wrap_title.custom-header,
  body .innerpage-space > .container{ padding:0 24px !important; }
  body .innerpage-space .page-scroll-nav{ border-radius:18px; }
}
@media (max-width:768px){
  html body .fixed-column-wrap .fixed-column-wrap-content{ padding:112px 0 34px !important; }
  body .fixed-column-wrap_title.custom-header,
  body .innerpage-space > .container{ padding:0 18px !important; }
  body .custom-header:before{ font-size:10.5px; letter-spacing:2.2px; margin-bottom:12px; }
  body .fixed-column-wrap_title.custom-header h1:after{ margin-top:14px; width:52px; }
  body .innerpage-space .bodyall p, body .innerpage-space .bodyall li{ font-size:15.5px !important; line-height:1.75 !important; }
  /* quick links scroll sideways instead of wrapping into a tall block */
  body .innerpage-space .page-scroll-nav{ border-radius:16px; margin-bottom:24px; }
  body .innerpage-space .page-scroll-nav_wrap ul{ flex-wrap:nowrap; justify-content:flex-start; overflow-x:auto; scrollbar-width:none; }
  body .innerpage-space .page-scroll-nav_wrap ul::-webkit-scrollbar{ display:none; }
  body .innerpage-space .page-scroll-nav_wrap li a{ white-space:nowrap; padding:10px 14px !important; }
  body .innerpage-space .bodyall .process{ grid-template-columns:repeat(2, 1fr); }
  body .innerpage-space .bodyall table td, body .innerpage-space .bodyall table th{ padding:12px 14px !important; font-size:14px !important; }
}