/*@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Roboto+Serif:ital,opsz,wght@0,8..144,100..900;1,8..144,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rozha+One&display=swap');
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
/*      font-family: "Poppins", sans-serif;*/
/*  font-family: "Roboto Serif", serif;*/
 font-family: "Roboto", sans-serif;
}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1240px;
    }
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a { text-decoration: none;}
.learling-list li, .accordion-body ul li  { font-size: 1.25rem; line-height: 2.25rem; margin-bottom: 1rem;}

h1 { font-size:3rem; font-weight: 600; font-family: "Roboto Serif", serif; margin-bottom: 1.5rem;}
h2 { font-size: 2rem; color: #174A99; font-weight: 600; line-height: 2.75rem; margin-bottom: 1.5rem; font-family: "Roboto Serif", serif;}
h3 { font-size: 1.50rem; color: #28282A; font-weight: 500; margin-bottom: 2.50rem; font-family: "Roboto Serif", serif;}

h4 { font-size: 1.375rem; line-height:2.5rem; color: #28282A; font-weight: 500;}
h5 {  font-size: 1.25rem; line-height: 2rem; color: #28282A; font-weight: 600;}
h6 {  font-size: 1.12rem; line-height: 1.6rem; font-weight: 600;} 


p { font-size: 1.08rem;
    font-weight: 400;
    line-height: 1.8rem;
    color: #28282A;
    letter-spacing: .032rem;}

.white-space-nowrap {white-space: nowrap;}

.glolist  { margin-bottom: 1rem; }
.glolist li { line-height: 2.5rem; font-size: 1.25rem; position: relative; padding-left: 4rem;}
.glolist li:before { position: absolute; left: 0; width: 20px; height: 20px;  background: url(../images/list-icon.png) no-repeat; content: ''; top: 10px;}

.top-bar { background: #0094D4; line-height: 50px; color: #fff; }
.social { display: flex; justify-content: flex-end; align-items: center;}
.social span { font-size: 0.875rem ; margin-right: 10px; }
.social a { background: #fff; color: #0094D4; width: 30px; height: 30px; margin:0 5px; border-radius: 50px; display: flex; align-items: center; justify-content: center;  text-decoration: none; }
.social a:hover {background-color: #F8DE5A;}

header { background: #fff; box-shadow: 0px 3px 6px #00000016 }
.main-logo {max-width: 310px;}
.logo { display: flex; align-items: center;  color: #28282A;}
.logo div { margin-left: 10px; line-height: 25px;}
.logo h2 { font-size:1.563rem; font-weight: 600; margin-bottom: 0.750rem; line-height: 2.0rem; color: #28282A;}
.logo p { font-size: 0.875rem; line-height: 1.563;}

.navbar-toggler {box-shadow: none !important}

.nav-link { color: #28282A !important; font-size: 0.875rem; font-weight: 400; } 
.nav-item { margin: 0 0.20rem}
.nav-link:hover { color: #174A99 !important; border-bottom: 2px solid #F8DE5A;}
.dropdown-toggle::after {  font-family: "Font Awesome 5 Free"; content: "\f078"; font-weight: 900; font-size: 0.7rem; margin-left: 0.1em; position: relative; top: 3px; border: none; }
.dropdown:hover > .dropdown-menu {  display: block;}
.dropdown-menu { border: 0; padding: 15px;}
.dropdown-menu li {border-bottom: 1px solid #D1D1D1;position: relative;}
.dropdown-menu li:last-child {border:0}
.dropdown-menu .dropdown-item {color: #57595F !important; line-height: 1.50rem; font-size: 0.875rem !important;}
.dropdown-item { 
  transform: translateX(1);
  transition: transform 0.5s ease; }
.dropdown-item:focus, .dropdown-item:hover {
    color: #174A99 !important;
    background: none !important;
    background-color: none !important;
  transform: translateX(1.5rem);
}
.dropdown-item:focus::before, .dropdown-item:hover::before { position: absolute; content: '-'; left: 0;  }

/*#navbarNavDropdown .dropdown-submenu::after {
  content: '\f054';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  right: 1.5rem;
  font-size: .75rem;
  width: 20px;
  height: 20px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  top: 7px;
  right: 0;
  color: #174A99;
}*/
.dropdown-submenu-icon {
    position: absolute;
    right: 0;
    top: 4px;
    font-size: .75rem;
    color: #174A99;
    width: 24px;
    height: 24px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.dropdown-submenu-icon i:before {
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
}

.dropdown-submenu > .sub-dropdown-menu {
  left: 100%;
  margin-top: -34px;
  margin-left: 0;
  display: none;
  position: absolute;
      background: #fff;
    width: max-content;
    padding: 15px;
        border-radius: .25rem;
}
.sub-dropdown-item {
      color: #57595F ;
    line-height: 1.50rem;
    font-size: 0.875rem ;
    padding: .25rem 1rem;
    display: block;
        transition: .2s all ease-out;
        position: relative;
}
.sub-dropdown-item:hover {
   transform: translateX(1.5rem);
}
.sub-dropdown-item:hover:after {
  position: absolute;
  content: '-';
  left: 0;
}
.dropdown-submenu:hover > .sub-dropdown-menu {
  display: block;
}



.page-head-banner { background: url(../images/training-banner.png) center center; background-size: cover; padding: 6rem 0 5rem;}
.page-heading { text-align: center; color: #fff;}
.page-heading p { font-size: 1.125rem; font-weight: 500; line-height: 2.5rem; color: #ffffff;} 
.page-heading p a { color: #ffffff;}

.about-bg {background: url(../images/about.png) no-repeat center center !important; }

.pg-area { padding: 110px 0 40px;}
.gray-bg { background: #F6FAFC; padding: 4.688rem 0 2.813rem }
.inner-page-txt { padding-left: 2rem;}
/* .inner-page-txt p { font-size: 1rem;} */

.accordion-button {  font-size: 1.375rem !important;  font-weight: 600 !important; background-color: unset; padding: 20px 0;}
.accordion-button:not(.collapsed) { color: #174A99; background-color:#F6FAFC !important; box-shadow: none;}
/* .accordion-button::after { font-family: "Font Awesome 5 Free"; font-weight:900; content: "\f067";  font-size:15px; margin-left:auto; transition:transform 02s; 	background-image: none;	transform: none;  } */
  /* When expanded, show minus icon */
/* .accordion-button:not(.collapsed)::after { content: "\f068"; background-image: none; transform: none;  } */
.accordion-item {background-color: #F6FAFC; border:none; border-bottom: 1px solid #a79999;}
.accordion-body {font-size: 1rem; color: #28282A; font-weight: 500; line-height:1.75rem; padding: 0 0 1.375rem 0; }
.accordion-item:last-of-type{ border-radius: 0 !important;}

footer { background: #28426B; padding: 40px 0 55px; color: #fff;}
.f-logo, .f-logo:hover { color: #fff;}
.f-logo img {max-width: 420px;}
.f-logo h2 { color: #fff;}
.f-logo p { color: #fff;}
.addr-info { display: flex; gap: 15px; align-items: center; margin-bottom: 1.50rem;}
.addr-info p { line-height: 1.50rem; color: #fff;  font-size: 1.125rem; font-weight: 400; }
.addr-info p a { color: #fff; font-weight: 300; margin-right: 20px; }
.addr-info p a:hover {color: #F8DE5A;}
.footer-links { margin-top: 20px;}
.footer-links h5 {text-decoration: underline; text-transform: uppercase; color: #fff; margin-bottom: 1.50rem;}
.footer-links ul li a { line-height:2.5rem; color: #fff; font-size: 1.13rem; text-decoration: none;}
.footer-links ul li a:hover {color: #F8DE5A;}
.newslettre-slide { background: #445E87; padding: 1.25rem ; border-radius: 5px; }
.newslettre-slide p { line-height: 1.5rem !important; font-size: 1rem; margin-bottom: 1rem; color: #fff;}
.newslettre-slide input { height: 60px; background: transparent; color: #fff !important; }
.newslettre-slide input::placeholder { color: #fff; }
.newslettre-slide input::-moz-placeholder { color: #fff; }
.newslettre-slide input::-ms-input-placeholder { color: #fff; }
.newslettre-slide input::-ms-input-placeholder { color: #fff; }
.newslettre-slide input:focus {background-color: transparent;}
.newslettre-slide .social { justify-content: flex-start; margin: 1rem 0 0rem}

.t-class { padding-left: 100px;}
.f-social a {color: #445E87;}

/*Core Philosophy & Principles */
.foundational { padding: 50px 0;}
.found-box { padding: 2rem 5rem 3rem 4rem; background: url(../images/found-bg.png) no-repeat; color: #fff; position: relative; background-size: cover; }
.found-box h2 { color: #fff;}
.found-box p { color: #fff;     font-size: 1rem;}
.main-found { position: relative;}
.found-img { position: absolute; bottom: -30px; left: -72px;}
.found-img img {  width: 96%; float: inline-end; }

.quate-box { background: #EDF0F9; border-left: 6px solid #0094D4; width: 100%; padding-left: 3rem;}
.quate-box h3 { font-size: 1.25rem; font-weight: 500; line-height: 3.125rem;  color: #174A99; }
.quate-box h3 small { font-weight: 400; color: #A79999; font-size: 1.125rem; }

.quate-txt { height: auto; display: flex; align-items: center; gap: 10px;}
.quate-txt img { position: relative; top: 20px;}
.quate-txt2 { height: auto; justify-content: center; margin-top: 1rem;}
.quate-txt2 p { font-weight: 500; }

.fontw400 { font-weight: 400 !important;}
.core-accordion { padding-bottom: 4rem;}
.core-accordion .accordion-button { padding: 20px; }
.core-accordion .accordion-body { background: #ffff; padding-top: 20px;
    padding-left: 20px !important;}
	.side-head {  padding-top: 5rem;}
.quate-txt-small {     height: auto;
    padding: 1rem 0;}
/*Mission & Vision */
.mission { background:#EDF0F9; padding-top: 4rem; margin-top: 40px;}
.mission-box { padding-right: 3rem; }
.bg-heading {
        display: inline-flex;
        position: relative;
      }
      .bg-heading::before {
        content: '';
        position: absolute;
        top: 0;
        height: 100%;
        width: 100vw;
        background: #174A99;
        right: 0;
      }
      .bg-heading::after {
        content: '';
        background-image: url(../images/heading-shape.svg);
        width: 164px;
        height: 20px;
        position: absolute;
        left: calc(100% - 105px);
        top: 50%;
        transform: translateY(-50%);
      }
      .bg-heading span {
        color: #fff;
        z-index: 1;
        font-size:3.563rem;
        padding: 1.563rem 6.125rem 1.563rem 0;
      }
.mi-img { position: absolute; padding: 2ren; margin-bottom: -50px;}
.mi-img img { position: absolute; top: -10px;}
.mission-box p, .vision-box p {  font-weight: 400; padding-bottom: 6rem;}
.vision-box {padding-top: 2.75rem;}
.vision-box img { padding-left: 2rem;width: 70px;}
.vision-box h2 { padding-left: 2rem; margin-bottom:1rem;}
 .vision-box p  { padding: 2rem; padding-bottom: 0; padding-top: 0;}
.slok {text-align: center; padding: 4.5rem 0 1rem;}
.slok h4 { position: relative;}
.slok h4 span {background: #fff;position: relative; z-index: 1; display: inline-block; padding: 0 1rem; margin-bottom: 1rem;}
.slok h4::after , .slok h4::before { position: absolute; content: ''; background: url(../images/leaf-right.png); width: 469px; height: 59px; 
    top: 15px;  right: 75px;}
.slok h4::before { background: url(../images/leaf-left.png); left: 75px;}	
.slok p {color: #708A96;}
.side-head { display: flex;}
.side-head h6 { color: #28282A; font-size: 1.75rem; font-weight: 500; width: 300px; margin-top: 1rem; flex-shrink: 0; }
.side-head p { color: #28282A; font-weight: 500; }

/*philosophy*/
.philosophy { padding: 7rem 0;}
.philosophy-img { padding-left: 4rem; }

.philosophy-carousel { padding-bottom: 4.75rem;}
.philosophy-carousel .carousel-inner {border-left:1px solid #A79999; border-right:1px solid #A79999; width: 80%; margin: 0 auto; height: 480px;}
.philosophy-carousel .carousel-item .testimonial-caption h5 { color: #708A96; font-size:1.438rem ;}
.philosophy-carousel .carousel-item .testimonial-caption p { color: #28282A; font-size:1.25rem ; line-height: 2rem;}
.philosophy-carousel .carousel-item .testimonial-caption img {padding: 2rem 0;}
.philosophy-carousel .carousel-control-next, .philosophy-carousel .carousel-control-prev { width: auto;}
.carousel-control-prev-icon { background-image: url(../images/arrow-left.svg);}
.carousel-control-next-icon { background-image: url(../images/arrow-right.svg);}
.philosophy-carousel .testimonial-caption { padding:0 20rem;}

.gandhi-section { background: #F2F4F6; padding: 5rem 0;}
.gandhi-img { padding-right: 2rem;}

.gandhi-txt {   display: flex;
    align-items: center;
    height: 100%;}
.gandhi-txt p {}
.education-system { padding: 2rem 0;}

.learling-list { margin-top: 30px;}
.learling-list li span { color:#174A99	 ;}

/*core-values*/

.core-values { padding: 6.50rem 0 2rem; }
/* .timeline {

  position: relative;
  margin-bottom: 50px;
}

.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 1px;
  background-color: #A79999;
  left: 50%;
  margin-left: -1.5px;
  height: 100%;
}

.timeline > li {
  position: relative;
}

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}

.timeline > li:after {
  clear: both;
}

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}

.timeline > li:after {
  clear: both;
}

.timeline > li > .timeline-panel {
  width: 43%;
  float: right;
  background:#F8FCFE ;
  border: 1px dashed #A79999;
  padding: 20px;
  position: relative;
}

.timeline > li > .timeline-panel:before {
    position: absolute;
    top: 80px;
    left: -115px;
    width: 113px;
    height: 1px;
    background: #A79999;
    content: " ";
}





.timeline > li.timeline-inverted > .timeline-panel {
  float: left;
}

.timeline > li.timeline-inverted > .timeline-panel:before {
  right: -113px;
  left: auto;
}

.timeline-body { font-size: 1.438rem;}

.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
}

.timeline-body > p + p {
  margin-top: 5px;
}

.timeline-heading { position: relative;}
.timeline-title {
    position: absolute;
    left: -125px;
    font-size: 4.375rem;
    top: 0;
    color: #174A99;
  font-family: "Rozha One", serif;
  width: 100px;
    text-align: center;
}
.timeline-inverted .timeline-title {
    right: -125px;
    left: auto;
    width: 100px;
    text-align: center;
    } */

/* @media (max-width: 767px) {

  ul.timeline > li > .timeline-panel {
    width: calc(100% - 90px);
    width: -moz-calc(100% - 90px);
    width: -webkit-calc(100% - 90px);
  }

  ul.timeline > li > .timeline-badge {
    left: 15px;
    margin-left: 0;
    top: 16px;
  }

  ul.timeline > li > .timeline-panel {
    float: right;
  }

  ul.timeline > li > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
  }

  ul.timeline > li > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
  }
} */

/* start timeline css */
.timeline {
  list-style: none;
  position: relative;
}
.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 1px;
  background-color: #A79999;
  left: 50%;
  margin-left: -1px;
  height: calc(100% - 70px);
}
.timeline > li {
  margin-bottom: 70px;
  position: relative;
  width: 50%;
  float: left;
  clear: left;
}
.timeline > li:last-child {
  margin-bottom: 0;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li > .timeline-panel {
  width: calc(100% - 100px);
  float: left;
  background: #F8FCFE;
  border: 1px dashed #A79999;
  padding: 1rem;
  position: relative;
}

.timeline > li > .timeline-panel:before {
  content: "";
  position: absolute;
  top: 100px;
  display: inline-block;
  width: 100px;
  height: 1px;
  background: #A79999;
  left: 100%;
}
.timeline > li > .timeline-panel .timeline-heading {
  color: #174A99;
  font-size: 4.375rem;
  position: absolute;
  left: 100%;
  width: 100px;
  text-align: center;
  top: 0;
  font-family: "Rozha One", serif;
}
.timeline > li.timeline-inverted > .timeline-panel .timeline-heading {
  left: inherit;
  right: 100%;
}
.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  right: 100%;
  left: inherit;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}
.timeline-badge > a {
  color: #C5C7C5 !important;
}
.timeline-badge a:hover {
  color: #000 !important;
}
.timeline-title {
  margin-top: 0;
  color: inherit;
}
.timeline-body {
  font-size: 1.438rem;
  font-weight: 500;
  line-height: 2.5rem;
}
/* .timeline-body > p,
.timeline-body > ul {
    padding:20px;
    margin-bottom: 0;
} */
.timeline-body > p + p {
  margin-top: 5px;
}
.tooltip{

    position:absolute;
    z-index:1020;
    display:block;
    visibility:visible;
    padding:5px;
    font-size:11px;
    opacity:0;
    filter:alpha(opacity=0);
    
}
.tooltip.in{
    /*opacity:0;
    filter:alpha(opacity=80);*/
    
}
.tooltip.top{
    margin-top:-2px;
}
.tooltip.right{
    margin-left:2px;
}
.tooltip.bottom{
    margin-top:2px;
}
.tooltip.left{
    margin-left:-2px;
}
.tooltip.top .tooltip-arrow{
    bottom:0;
    left:0;
    margin-left:0;
    border-left:0 solid transparent;
    border-right:5px solid transparent;
    border-top:0 solid #000;
}
.tooltip.left .tooltip-arrow{
    bottom:0;
    left:0;
    margin-left:0;
    border-left:0 solid transparent;
    border-right:5px solid transparent;
    border-top:0 solid #000;
}
.tooltip.bottom .tooltip-arrow{
    bottom:0;
    left:0;
    margin-left:0;
    border-left:0 solid transparent;
    border-right:5px solid transparent;
    border-top:0 solid #000;
}
.tooltip.right .tooltip-arrow{
    bottom:0;
    left:0;
    margin-left:0;
    border-left:0 solid transparent;
    border-right:5px solid transparent;
    border-top:0 solid #000;
}
.tooltip-inner{
    width:200px;
    padding:3px 8px;
    color:#fff;
    text-align:center;
    text-decoration:none;
    background-color:#313131;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
}
.tooltip-arrow{
    position:absolute;
    width:0;
    height:0;
}
.timeline > li.timeline-inverted{
  float: right; 
  clear: right;
}
.timeline > li:nth-child(2){
  margin-top: 60px;
}
.timeline > li.timeline-inverted > .timeline-badge{
  left: -12px;
}
/* end timeline css */

.structure-governance { padding: 3.75rem 0 6rem;} 
.structure-box {background: #fff;
    box-shadow: 0px 0px 8px #00000016;
    padding: 3.40rem 1rem 3.40rem 3.40rem;
    position: absolute;
    left: -3.5rem;
    top: 3.5rem;
}
.guiding-philosophy { padding: 7rem 0;}
.organisational-structure { padding: 5rem 0; text-align: center;}

.executive-board { background:#F2F4F6 ; padding: 4rem 0;}

.governing-council{ text-align: center; padding-bottom: 5rem;}
.executive-board-content { padding: 0 2rem;}
.executive-board-content ul li {font-size: 1.338rem; line-height: 2.75rem; margin-top: 1rem; display: flex;}
.executive-board-content ul li span  { color: #174A99;     padding-right: 1.50rem;}

.the-board { padding: 6rem 0 4rem 0;}
.the-board h2 { font-size: 2rem;}

.principles {  margin: 3rem 0 8rem; background: #E4F1F6; padding: 5rem 0;}
.principles-box { padding-right: 1rem;min-height: 400px;}
.principles-img { position: relative; padding-left: 2rem;}
.principles-img img { position: absolute;}

.textbooks {  margin: 3rem 0 0; padding: 5rem 0; background: #ffffff;
background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(228, 241, 246, 1) 100%);  }

.glolist2 { margin: 4rem 0;}
.glolist2 li { color: #174A99;} 

.bye-laws-faqs { padding: 5rem 0;}
.bye-laws-faqs .accordion-header .accordion-button { padding-left: 1rem; padding-right: 1rem ;}
.bye-laws-faqs .accordion-header img { width: 30px; margin-right:.25rem;} 
.bye-laws-faqs .accordion-body { padding-left: 3rem; padding-right: 1rem; padding-top: 1rem; background: #fff;}
.bye-laws-faqs  .accordion-item { border-bottom: 1px solid #D0D4DA !important;}

.faq-view-list li { line-height: 3rem; border-bottom: 1px solid #e3e3e3; display: flex; justify-content: space-between; align-items: center;     margin-bottom: 0 !important; padding: .5rem 0;}
.faq-view-list li a {    padding: .5rem 0;}
.faq-view-list li:last-child {border-bottom: 0;}
.faq-view-list li img { width: 15px; margin-right: 15px; }
.faq-view-btn {  background: #E5EDFD; color: #1753CA; border-radius: 2px; height: 45px; width: 110px; display: flex; align-items: center; justify-content: center;    margin-left: .5rem; flex-shrink: 0; margin-bottom: 15px;}
.faq-view-btn i { margin-right: .5rem;}

    .q-paper-body { padding-left: 0 !important;}
    .q-paper-body button.accordion-button { background: #fff; line-height: 3rem; border: 0; border-bottom: 1px solid #e3e3e3; background-color: #fff !important; padding: 0;  color: #28282A; padding-left: 50px;}
.q-paper-body .accordion-button{font-size:18px !important;}

 .bsb-table td, .bsb-table th {
  border: 1px solid #dee2e6;
      font-size: 1.25rem;
      padding: .5rem 2rem;
}
.bsb-table thead { background: #F0F0F0; border: 0;     border-bottom-color: #dee2e6 !important; }
.bsb-table tbody { color: #57595F !important;}
.table>:not(:last-child)>:last-child>* {
    border-bottom-color: #dee2e6;
}

.press-release { padding-bottom: 6rem; }
.press-release-box { position: relative; background: #F6FAFC; box-shadow: 0px 3px 6px #00000016; display: flex; align-items: center; padding: 1.5rem;}
.press-release-box p {color: #28282A; margin-left: 2rem;  }
.press-release-box a { position: absolute; right: 10px; top: 10px;}

.affiliation { background: #174A99; padding: 4rem 0 8rem;}
.affiliation h2 { color: #fff !important;}
.affiliation-box {display: flex;
    align-items: center;
    border: 1px solid #fff;
    background: #ffffff05;
    border-radius: 10px;
    padding: 2rem 1.5rem;
        min-height: 142px;
  }

.affiliation-box span { font-size:1.313rem; color: #fff; padding-left: 1.25rem;}

.apply-middle-class { margin: 4.5rem 0; background: #fff;}
.apply-middle-class h2 { color: #28282A;}

.apply-middle-class { background: #ffffff; padding-bottom: 6rem;
background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(237, 240, 249, 1) 50%, rgba(237, 240, 249, 1) 100%);}

.apply-middle-class-box { border: 1px solid #708A96; background: #fff; border-radius: 10px; display: flex; align-items: center; padding: 2.5rem 2rem; position: relative; min-height: 158px }
.apply-middle-class-box span {font-size:1.313rem; color: #28282A; padding-left: 1.25rem;}
.apply-middle-class-box a {position: absolute;
    transform: translate(-50%, -50%); top: 101%; left: 50%; background: #174A99; width: 66px; height: 66px; display: flex; align-items: center; justify-content: center;
    border-radius: 100%; color: #fff; border-top: 1px solid #708a96; box-shadow: inset 0 0px 0px 6px #edf0f9;}


.apply-section { padding: 5.5rem 0 3rem;}
 .apply-container { background: url(../images/apply-bg.png) no-repeat; padding: 2rem 3rem 1rem; position: relative;    min-height: 540px;}
 .apply-container .ap-logo { width: 160px;}  
 .apply-container h2 { color: #fff !important;} 
 .office-img { position: absolute; right: 0; top: 3rem;}

 .affiliation-form-list { margin-bottom: 2rem; padding:.75rem 1rem .75rem 1.75rem; width: 99%;  background: #ffffff05; border: 1px solid #ffffff; border-radius: 10px; display: flex; align-items: center; justify-content: space-between; }
 .affiliation-form-list span { font-size: 1.75rem; color: #fff;}
 .line {     font-size: 40px;
    color: #fff;
    padding: 0 20px;
    font-weight: 100;}
  .aff-faq { min-height: 8.563rem; justify-content: start; position: relative;}
    .aff-faq  span { padding-left: 5rem;}
    .aff-faq a { position: absolute; right: 1rem; top: 1rem;}

    .ap-accordian { padding: 4.50rem 0; }
    .ap-accordian .accordion-button { padding-left: 20px; padding-right: 20px;}
    .ap-accordian .accordion-button img { margin-right: 30px;}
    .ap-accordian .accordion-body { padding-left: 5rem;}

   .signin-section { padding: 3rem 0;} 
   .signin-container { text-align: center;}
   .signin-container img { margin-bottom: 2.25rem; }
   .signin-box { background: #EDF0F9; border: 1px solid #708A96;  border-radius: 2px; padding: 3rem;  margin:  0 auto;   width: 670px;}
   .signin-box h2 { color: #28282A; text-align: left;}
    .signin-box .form-control { border-radius: 0; height: 70px; border: 1px solid #708A96; margin-bottom: 2rem;  font-size: 1.50rem; color: #A79999; }
    .re-for {display: flex; justify-content: space-between; color: #174A99; font-size: 18px; font-weight: 500;}
    .re-for a { color: #174A99; }
    .sign-btn {width: 100%; height: 70px; background: #174A99; border-radius: 0; margin-top: 3.75rem; color: #fff;    border: none;}    
.list-app { padding: 3rem 0;}
.list-app h2 { color: #28282A; text-align: center;}

.b-filetr { display: flex; justify-content: space-between; margin-bottom: 2rem;     flex-wrap: wrap;}
.b-filetr .form-select, .b-filetr .form-control {height: 50px; border-radius: 10px; background: #F7F7F7; }
.search-input { position: relative;}
.search-input i { position: absolute; left: 10px; top: 17px; color: #A79999;}
.search-input input { text-indent: 20px;}

.list-table { text-align: center;}
.list-table thead { background:#28426B ;height: 77px; vertical-align: middle; color: #fff; border-radius: 10px 10px 0 0;}
.list-table tr td { line-height: 77px;}
.news-box1 { display: flex;    height: 100%;}
.news-box1 .news-content {width: 70%;}
.news-content { background:#28426B; padding: 2.5rem; color: #fff; padding-right: 4rem;}
.news-content h2 { color: #fff; font-size: 2rem; line-height: 3rem; font-weight: 400; margin-bottom: 2rem;}
.news-content p, .news-content2 p { color: #fff; font-size: 15px; font-weight: 400; line-height: 1.50rem;}

.news { padding: 5rem 0;}

.news-img { position: relative;}
.news-img1 {width: 30%;}
.news-img1 img {max-width: 100%;height: 100%;object-fit: cover;    width: 100%;}
.news-img a { position: absolute; top: 1rem; right: 1rem;} 

.news-box2 { background: #174A99;height: 100%;}
.news-img2 { height: 52%;}
.news-img2 img { height: 100%; object-fit: cover;}
.news-content2 { color: #fff; padding: 1.20rem; height: 48%;}
.news-content2 h3 { color: #fff; font-size: 1.20rem; font-weight: 500; line-height: 1.65rem; margin-bottom: 1rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.events { background: #F6FAFC; padding:4.75rem 0 ;}

.event-content { background:#174A99; padding: 1rem 1.5rem; color: #fff;    margin-top: -7px; min-height: 202px;}
.event-category { font-size: 1rem; font-weight: 400; margin-bottom: 1.5rem; display: block;}
.event-content h3 a { font-size: 1.25rem; line-height: 2rem; color: #fff; font-weight: 500;}

.event-date { margin-top: 1rem; }
.upcoming-events-box h3 { font-size: 1.875rem; color:#174A99; font-weight: 400; margin-bottom: 1.75rem; }

.upconing-event { font-size: 1rem; }
.upconing-event span { color: #57595F; margin-bottom: 0;} 
.upconing-event h4 { font-size: 1rem; line-height: 1.50rem; margin: 0.5rem 0;  }
.upconing-event h4 a {  color:#28282A;  }
.event-date { font-weight: 400; color: #708A96;}

.bye-laws-faqs .accordion-body{padding-left: 1rem;}
.bye-laws-faqs .accordion-body .bsb-table{margin-bottom: 0;}

.card-row {display: flex}
.card-col {flex: 1;}
.card-content {position: relative; left: -40px; top: 30px;}
.card-content-box {    background: #fff; box-shadow: 0px 0px 8px #00000016; padding: 3.40rem 1rem 3.40rem 3.40rem;width: calc(100% + 40px);}

.result-link { color: #CA433A; }

.affiliation-table-responsive {overflow-x: auto;}
.affiliation-table {border-radius: 0.625rem; overflow: hidden;}
.affiliation-table thead tr th {background: #28426B; color: #fff; padding: 10px; vertical-align: middle; font-size: 1rem;  border-left: 1px solid #708A96; border-right: 1px solid #708A96;}
.affiliation-table thead tr th:first-child { border-left: 0;}
.affiliation-table thead tr th:last-child { border-right: 0;}
.affiliation-table tbody tr:nth-child(even) td {background: #E4F1F6;}
.affiliation-table tbody tr td { padding: 10px; vertical-align: middle; font-size: 1rem; color: #28282A; border-left: 1px solid #708A96; border-right: 1px solid #708A96;}
.affiliation-table tbody tr td:first-child { border-left: 0;}
.affiliation-table tbody tr td:last-child { border-right: 0;}
.affiliation-table tbody tr td a {color: #174A99; text-decoration: underline;}
.form-select-affiliation {width: 100px;}
.dataTables_length {margin-bottom: .5rem;}
.dataTables_filter {margin-bottom: .5rem;}
.dataTables_paginate .page-item.active .page-link{background-color: #0094D4; border-color: #0094D4;}
.dataTables_paginate .page-link {color: #0094D4;}
.dataTables_info {margin-bottom: .5rem;}

/*Home Page*/
.carousel-caption { top: 30%; left: 0; right: 0;}
.carousel-control-next, .carousel-control-prev { background: #FFFFFF; opacity: 1; width: 48px; height: 48px; bottom: 50px; top: auto; right: 100px;}
.carousel-control-prev {left: auto; right: 160px;}
.carousel-control-next-icon, .carousel-control-prev-icon { width: 1.2rem; height: 1.2rem;}


.slide2c  {  text-align: left !important;top: 30%;}
.slide2c  p{ color: #fff;font-size: 1.75rem; font-weight: 400; line-height: 3rem; }
.slide2c2 h1 {color: #000; }
.abt { padding: 5rem 0;}

.bsb-history { padding-bottom: 5rem; }
.pedagogy  { background: url(../images/pedagogy.jpg); padding: 40px;  height: 400px; display: flex; align-items: center; }
.pedagogy h2 { color: #000;}
.root  { background: url(../images/root.jpg) !important; padding: 75px !important; color: #fff !important;}
.root h2, .root p { color: #fff;}
.pedagogy .ped-box { background: #fff; padding: 60px; box-shadow: 0px 3px 6px #00000016; width: 100%;}

.certified {padding: 6rem 0; background: #F3F2F0;}
.certi-box { text-align: center;}
.certi-box p { padding: 0 27rem; margin-bottom: 4rem; }
.certi-document { position: relative; height: 400px;}
.certi-document-img { height: 100%; }
.blue-box {position: absolute; bottom: 0px; background: url(../images/certified.png) center center ; width: 100%; height: 245px; background-size: cover;}
.blue-txt { border-bottom: 1px solid #fff; margin-top: 53px;}
.blue-txt p {  color: #fff; padding: 20px; font-size: 1rem; }
.bb-ft { display: flex; justify-content: space-between; padding: 20px; color: #fff;}
.bb-ft img { width: auto !important;}

.bsb-books { padding: 6rem 0; background: url(../images/starts.png) no-repeat center 50px;}
.book-bg { background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 15%, rgba(19, 45, 80, 1) 15%, rgba(19, 45, 80, 1) 85%, rgba(255, 255, 255, 1) 85%, rgba(255, 255, 255, 1) 100%);  position: relative;  }
 .book-bg::after, .book-bg::before { background: url(../images/book-bg.png) no-repeat; position: absolute; left: 30px; top:110px; content: ''; width: 282px; height: 282px; }
 .book-bg::before  { right: 30px; left: auto; }

 .book-bg img { box-shadow: 0 0 13px #00000016; }

 .message { padding: 6rem 0; background: #F3F2F0;}
 
 

 .members { background: #fff; padding: 4rem 0;}
 .members p { padding: 0 7rem;}
 .members-box { text-align: left;} 
 .members-box h5 { font-size: 17px; font-weight: 500; line-height: 24px; margin: 10px 0;  }
 .members-box h6 {color: #174A99; margin-top: 10px;}
.owl-theme .owl-nav {
    position: absolute;
    top: 30%; width: 100%;
}
 .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display:  block;}
.owl-theme .owl-nav .owl-prev, .owl-theme .owl-nav .owl-next {
     background: #00000023 !important;
    width: 50px; position: absolute;
    height: 50px;
    border-radius: 50px; color: #fff !important; font-size: 38px !important; 
}

.owl-theme .owl-nav .owl-prev span, .owl-theme .owl-nav .owl-next span { position: relative; top: -4px;}
.owl-theme .owl-nav .owl-prev { left: -31px;}
.owl-theme .owl-nav .owl-next { right: -31px;}
.book-bg .carousel { z-index: 2;}
.history img { height: 400px; object-fit: cover; width: 100%;}
.bsb-banner {    height: calc(100vh - 260px);
    overflow: hidden}

    .container-line, .container-line2 {
        position: relative;
        border-left: 1px solid #b1b1b0;
        padding-top: 30px;
        padding-bottom: 30px;
        margin-left: 40px;
      }
       .container-line2  { 
        border-left: 0;
        border-right: 1px solid #b1b1b0;
      
        margin-left: 0px;
        margin-right: 40px; }
        
      .container-line:before {
        content: '';
        height: 1px;
        position: absolute;
        background: #b1b1b0;
        width: calc(70% + 30px);
        left: -40px;
        top: 0;
      }
        .container-line2:before {
 
        right: -40px;
        left: auto;
      }
      .container-line:after {
        content: '';
        height: 1px;
        position: absolute;
        background: #b1b1b0;
        width: calc(70% + 30px);
        left: -40px;
            bottom: 0;
      }
      .container-line2:after {
           right: -40px;
        left: auto
      }
.profile-box { padding: 3rem 3rem 2rem; }
.profile-box2 { padding: 5rem 3rem 2rem 1rem; }
 .profile-box h3 { font-size: 1.50rem; color: #28282A; font-weight:500; margin-bottom: 2.50rem;} 

 .profile-box a { color: #174A99; font-weight: 600; font-size: 1.25rem; margin-top: 1rem; display: inline-block; }

 .profile-box2 div { padding: 0  2.50rem;}

 .subscribe {
  position: relative;
 }
 .subscribe button {
    position: absolute;
    right: 0;
    background: transparent;
    border: none;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    border-left: 1px solid rgba(255, 255, 255, .5);
 }
 .subscribe button:hover svg path {
        stroke: #F8DE5A;
 }
 .mb-64 {
  margin-bottom: 4rem;
 }

 .vocational-education-section {
  padding: 4rem 0 5rem;
 }
  .vocational-education-section h2 .h2-span {
    font-size: 1.375rem;
    line-height: 2rem;
    display: block;
  }
 .list {
  background: #F6FAFC;
 }
 .list li {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  padding: 1.25rem 2.5rem;
  border-bottom: 1px solid #D0D4DA;
 }
 .list-btn {
  font-size: 1.25rem;
  display: inline-flex;
  padding: .375rem .75rem;
  align-items: center;
  margin-left: auto;
  gap: .75rem;
  white-space: nowrap;
 }
.list-btn img {
  width: 1rem;
  height: 1rem;
}
 .list-click-btn {
  color: #174A99;
  background: #E5EDFD;
 }
 .list-click-btn:hover {
  color: #174A99;
 }
.list-click-btn .list-btn-icon {
  overflow: hidden;
 }
 .list-click-btn .list-btn-icon img {
  filter: drop-shadow(0px 1000px 0 #174A99);
  transform: translateY(-1000px);
 }
 .list-download-btn {
  background: #174A99;
  color: #fff;
 }
.list-download-btn:hover {
  color: #fff;
}

.bsb-table-members th {
  font-weight: 500;
  font-size: 1rem;
}
.bsb-table-members td {
  font-weight: 400;
  color: #57595F;
  font-size: 1rem;
}
.bsb-table-members td:nth-child(2) {
  width: 340px;
}

.member-card {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.member-card .content {
  padding: .75rem 0;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.member-card figure {
  margin-bottom: 0;
  aspect-ratio: 0.93 / 1;
  overflow: hidden;
}
.member-card figure img { 
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.member-card .content h3 {
  font-size: 1.125rem;
  margin-bottom: .625rem;
}
.member-card .content .name {
  color: #174A99;
  font-size: 1rem;
  margin-top: auto;
}

.board-members-wrapper {
  position: relative;
  margin-top: 3rem;
}
.board-members-wrapper:before {
  content: '';
  position: absolute;
  background: #132D50;
  width: 100%;
  height: 50%;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.board-members-row {
  display: flex;
  gap: 1rem;
  justify-content: space-evenly;
}
.board-members-col {
  max-width: 280px;
  box-shadow: 0px 3px 6px #00000029;
}
.board-members-col .member-card .content {
  padding: .75rem 2rem;
  background: #fff;
}
.board-members-col .member-card .content h3 {
  font-size: 1.25rem;
}

[class*=col-]:has(.executive-card-wrap) {
    margin-bottom: 1.5rem;
}
.executive-card-wrap {
  position: relative;
  padding: 1rem;
  height: 100%;
}
.executive-card-wrap:before {
    content: '';
    height: 1px;
    background: #A79999;
    position: absolute;
    top: 1rem;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.executive-card-wrap:after {
    content: '';
    height: 1px;
    background: #A79999;
    position: absolute;
    bottom: 1rem;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.executive-card {
    text-align: center;
    padding: 1.5rem .5rem 2rem;
    position: relative;
    height: 100%;
}
.executive-card:before {
    content: '';
    height: calc(100% + 2rem);
    background: #A79999;
    position: absolute;
    top: -1rem;
    width: 1px;
    left: 0;
}
.executive-card:after {
    content: '';
    height: calc(100% + 2rem);
    background: #A79999;
    position: absolute;
    top: -1rem;
    width: 1px;
    right: 0;
}
.executive-card figure {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 2rem;
}
.executive-card figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.executive-card h3 {
    font-size: 1rem;
    margin-bottom: .25rem;
}
.executive-card .designation {
    color: #708A96;
    font-size: .75rem;
    padding: 0 1rem 1rem;
    display: inline-flex;
    margin-bottom: .75rem;
    position: relative;
}
.executive-card .designation:before {
  content: '';
  height: 1px;
  background: #D0D4DA;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 80px;
}
.executive-card .name {
    color: #174A99;
    font-size: .875rem;
}

.header-afillations {
    background: #0094D4;
    padding: 8px 0px;
}
.social-links-header a {
    background: #fff;
    color: #0094D4;
    width: 30px;
    height: 30px;
    margin: 0 5px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}
.social-links-heade a:hover {
    background-color: #F8DE5A;
}
.pn-india h3 {
    font-size: 1.25rem;
    color: #fff;
    margin: .25rem 0;
}
.swal-button {
    background-color: #0094d4;
}
#school_login_form .btn {
    font-size: 1.125rem;
    display: inline-flex;
    padding: .375rem 1.5rem;
    align-items: center;
    margin-left: auto;
    gap: .75rem;
    white-space: nowrap;
    background: #174A99;
    color: #fff;
    border: none;
    border-radius: 0;
}
.section-bg-login .card {
    padding: 2rem;
}
.section-bg-login h4 {
   color: #28282A;
}
.section-bg-login {
    background-color: #f3f3f3;
    padding: 2rem 0;
}
#school_login_form label {
    color: #28282A;
    font-size: 1rem;
    margin-bottom: .5rem;
}
#school_login_form .form-control {
    border: 1px solid #708A96;
    font-size: 1rem;
    border-radius: 0;
}
.registration-img {
    max-width: 480px;
    margin: 0 auto;
}
.list-click-login, .list-click-login:hover {
    background: #0094D4;
    color: #fff;
}
#school_registration_form label {
    color: #28282A;
    font-size: 1rem;
    margin-bottom: .5rem;
}
#school_registration_form .form-control {
    border: 1px solid #708A96;
    font-size: 1rem;
    border-radius: 0;
}
.btn-info {
    background: #0094D4 !important;
    color: #fff !important;
    border: transparent !important;
}
.register-submit-btn {
    font-size: 1.125rem;
    display: inline-flex;
    padding: .375rem 1.5rem;
    align-items: center;
    margin-left: auto;
    gap: .75rem;
    white-space: nowrap;
    background: #174A99;
    color: #fff;
    border: none;
}
.fixed-top .dropdown {
    display: inline-block;
    padding-top: .5rem;
}
#userDropdown {
    color: #fff !important;
    border-bottom: 2px solid transparent;
}
.footer-info {
    margin-top: 20px;
}
.footer-info h4, .footer-links h4 {
    text-decoration: underline;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 1.50rem;
}
.social-links {
    display: flex;
    margin-bottom: 1.5rem;
}
.social-links a {
    background: #fff;
    color: #0094D4;
    width: 30px;
    height: 30px;
    margin: 0 5px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}
.copyright {
    text-align: center;
    padding: .5rem;
    background: #445E87;
    color: #fff;
}