@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap");
@import url(../fonts/stylesheet.css);
*, *:before, *:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html, body {
  width: 100%;
  height: 100%; }

a, img {
  text-decoration: none;
  outline: none; }

ul, ol {
  list-style: none; }

/* media Queries */
.main {
  width: 100%;
  min-height: 100vh; }

.popupmenu {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 10010;
  left: 0;
  top: 0;
  background: url(../images/t_building.png) no-repeat center #3a893a;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px;
  transform: translateX(100%);
  transition: 1s ease;
  overflow: hidden; }
  @media (max-width: 480px) {
    .popupmenu {
      padding: 24px; } }
  .popupmenu #closePop {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-color: rgba(29, 181, 115, 0.16);
    transition: .25s ease-in-out;
    cursor: pointer;
    position: absolute;
    right: 48px;
    top: 48px;
    z-index: 999; }
    @media (max-width: 768px) {
      .popupmenu #closePop {
        right: 24px;
        top: 24px; } }
    .popupmenu #closePop img {
      display: block;
      width: 70%; }
    .popupmenu #closePop:hover {
      background-color: #5da35d;
      transition: .25s ease-in-out; }
  .popupmenu .popupmenuInner {
    width: 100%;
    height: 100%;
    max-width: 1280px;
    padding: 24px;
    overflow-y: auto; }
    .popupmenu .popupmenuInner ul {
      width: 100%;
      display: grid;
      gap: 48px;
      grid-template-columns: repeat(6, 1fr);
      margin: 0 auto; }
      @media (max-width: 1440px) {
        .popupmenu .popupmenuInner ul {
          grid-template-columns: repeat(3, 1fr); } }
      @media (max-width: 1024px) {
        .popupmenu .popupmenuInner ul {
          grid-template-columns: repeat(2, 1fr);
          gap: 32px; } }
      @media (max-width: 480px) {
        .popupmenu .popupmenuInner ul {
          grid-template-columns: repeat(1, 1fr);
          gap: 32px; } }
      .popupmenu .popupmenuInner ul li {
        width: auto;
        display: inline-flex;
        flex-flow: column;
        gap: 16px; }
        .popupmenu .popupmenuInner ul li b {
          display: inline-block;
          width: auto;
          text-align: left;
          font: 500 20px/40px "Rubik", sans-serif;
          color: #fff;
          transition: .25 ease; }
        .popupmenu .popupmenuInner ul li .submenu {
          width: auto; }
          .popupmenu .popupmenuInner ul li .submenu dl {
            width: auto;
            display: inline-flex;
            flex-flow: column;
            gap: 8px; }
            .popupmenu .popupmenuInner ul li .submenu dl dt {
              width: auto; }
              .popupmenu .popupmenuInner ul li .submenu dl dt a {
                display: inline-block;
                width: auto;
                font: 400 14px "Rubik", sans-serif;
                color: rgba(255, 255, 255, 0.78);
                padding: 8px 0;
                box-sizing: border-box; }
                .popupmenu .popupmenuInner ul li .submenu dl dt a:hover {
                  font-weight: 400;
                  color: #fff; }
              .popupmenu .popupmenuInner ul li .submenu dl dt .subsubmenu {
                width: 260px;
                display: none;
                flex-flow: column;
                gap: 8px;
                position: absolute;
                left: 0;
                top: 0;
                z-index: 0; }
                @media (max-width: 1024px) {
                  .popupmenu .popupmenuInner ul li .submenu dl dt .subsubmenu {
                    width: 100%;
                    display: none;
                    position: relative;
                    padding: 16px;
                    background-color: rgba(0, 0, 0, 0.15);
                    border-radius: 16px;
                    gap: 12px; } }
                .popupmenu .popupmenuInner ul li .submenu dl dt .subsubmenu a {
                  display: inline-block;
                  width: auto;
                  font: 300 14px/32px "Rubik", sans-serif;
                  color: rgba(255, 255, 255, 0.78);
                  padding: 0 0 0 24px; }
                  .popupmenu .popupmenuInner ul li .submenu dl dt .subsubmenu a:hover {
                    font-weight: 400;
                    color: #fff; }

.header {
  width: 100%;
  position: absolute;
  z-index: 9999;
  background-color: #fff;
  left: 0;
  top: 0; }
  .header.rel {
    position: relative; }
  .header .topLinks {
    width: 100%;
    background: #3a893a;
    background-size: cover;
    padding: 10px 24px; }
    @media (max-width: 768px) {
      .header .topLinks {
        padding: 8px 24px; } }
    .header .topLinks ul {
      width: 100%;
      max-width: 1280px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .header .topLinks ul li {
        width: auto;
        display: inline-flex;
        align-items: center;
        gap: 8px; }
        @media (max-width: 768px) {
          .header .topLinks ul li {
            display: flex;
            width: 100%;
            justify-content: center; } }
        @media (max-width: 768px) {
          .header .topLinks ul li:first-child {
            display: none; } }
        .header .topLinks ul li small {
          display: block;
          width: 22px; }
          .header .topLinks ul li small img {
            display: block;
            width: 100%; }
        .header .topLinks ul li b {
          display: inline-block;
          text-align: left;
          font: 400 13px "Rubik", sans-serif;
          color: #fff; }
        .header .topLinks ul li dl {
          width: auto;
          display: inline-flex;
          align-items: center;
          gap: 24px; }
          .header .topLinks ul li dl dt {
            display: inline-flex;
            align-items: center;
            gap: 8px; }
            @media (max-width: 768px) {
              .header .topLinks ul li dl dt:last-child {
                display: none; } }
            .header .topLinks ul li dl dt small {
              display: block;
              width: 22px; }
              .header .topLinks ul li dl dt small img {
                display: block;
                width: 100%; }
            .header .topLinks ul li dl dt b {
              display: inline-block;
              text-align: left;
              font: 400 13px "Rubik", sans-serif;
              color: #fff; }
        .header .topLinks ul li .socialLinks {
          width: auto;
          display: inline-flex;
          align-items: center;
          gap: 8px;
          margin: 0 0 0 16px; }
          @media (max-width: 480px) {
            .header .topLinks ul li .socialLinks {
              display: none; } }
          .header .topLinks ul li .socialLinks a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            border: 1px solid #fff;
            flex-shrink: 0;
            transition: .25s ease; }
            .header .topLinks ul li .socialLinks a svg {
              display: block;
              height: 26px;
              width: 26px; }
              .header .topLinks ul li .socialLinks a svg path {
                fill: #fff;
                transition: .25s ease; }
            .header .topLinks ul li .socialLinks a:hover {
              background-color: white;
              transition: .25s ease; }
              .header .topLinks ul li .socialLinks a:hover svg {
                display: block;
                height: 26px;
                width: 26px; }
                .header .topLinks ul li .socialLinks a:hover svg path {
                  fill: #3a893a;
                  transition: .25s ease; }
  .header header {
    width: 100%;
    transition: .5s ease;
    background-color: #fff; }
    .header header .headerInner {
      width: 100%;
      max-width: 1280px;
      padding: 16px 24px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin: 0 auto;
      transition: .5s ease; }
      .header header .headerInner .logo {
        width: auto;
        display: inline-block; }
        .header header .headerInner .logo a {
          display: inline-block;
          width: auto; }
          .header header .headerInner .logo a img {
            display: block;
            width: 100%;
            max-width: 360px;
            transition: .5s ease; }
            @media (max-width: 480px) {
              .header header .headerInner .logo a img {
                max-width: 232px; } }
      .header header .headerInner nav {
        width: auto; }
        .header header .headerInner nav ul {
          width: auto;
          display: inline-flex;
          align-items: center;
          gap: 12px; }
          .header header .headerInner nav ul li {
            position: relative; }
            .header header .headerInner nav ul li:hover a {
              transition: .25s ease;
              background-color: #3a893a;
              color: #fff; }
            .header header .headerInner nav ul li:hover .subMenu {
              display: block; }
            .header header .headerInner nav ul li a {
              display: inline-block;
              width: auto;
              padding: 12px 20px;
              border-radius: 50px;
              font: 400 14px "Rubik", sans-serif;
              color: #202022;
              border: 1px solid rgba(7, 99, 59, 0);
              transition: .25s ease; }
              @media (max-width: 1024px) {
                .header header .headerInner nav ul li a {
                  display: none; } }
            .header header .headerInner nav ul li .subMenu {
              width: 260px;
              position: absolute;
              top: 0;
              left: 0;
              display: none;
              padding: 48px 0 0 0; }
              @media (max-width: 1024px) {
                .header header .headerInner nav ul li .subMenu {
                  position: relative;
                  top: 0;
                  width: 100%;
                  margin: 0 0 8px 0;
                  padding: 8px 0 0 0; } }
              .header header .headerInner nav ul li .subMenu dl {
                width: 100%;
                padding: 12px;
                background-color: #fff;
                border-radius: 20px;
                display: flex;
                flex-flow: column;
                gap: 4px;
                border: 1px solid #ccc;
                box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.05), 0px 16px 16px 0px rgba(0, 0, 0, 0.04), 0px 36px 22px 0px rgba(0, 0, 0, 0.03), 0px 64px 26px 0px rgba(0, 0, 0, 0.01), 0px 100px 28px 0px transparent; }
                @media (max-width: 1024px) {
                  .header header .headerInner nav ul li .subMenu dl {
                    box-shadow: none;
                    background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.15) 100%);
                    border: none; } }
                .header header .headerInner nav ul li .subMenu dl dt {
                  width: 100%; }
                  .header header .headerInner nav ul li .subMenu dl dt a {
                    display: block;
                    height: auto;
                    width: 100%;
                    text-align: left;
                    border-radius: 10px;
                    position: relative;
                    padding: 0;
                    transition: .4s width;
                    background-color: transparent; }
                    .header header .headerInner nav ul li .subMenu dl dt a span {
                      display: block;
                      text-align: left;
                      width: 100%;
                      line-height: 1.4;
                      font-size: 14px;
                      color: #505055;
                      padding: 12px 12px;
                      transition: .4s ease; }
                      @media (max-width: 1024px) {
                        .header header .headerInner nav ul li .subMenu dl dt a span {
                          color: rgba(255, 255, 255, 0.58); } }
                    .header header .headerInner nav ul li .subMenu dl dt a::before {
                      display: none; }
                    .header header .headerInner nav ul li .subMenu dl dt a:hover {
                      background: #f0f0ff;
                      transition: .4s ease; }
                      @media (max-width: 1024px) {
                        .header header .headerInner nav ul li .subMenu dl dt a:hover {
                          background-color: rgba(255, 255, 255, 0.05); } }
                      .header header .headerInner nav ul li .subMenu dl dt a:hover span {
                        display: block;
                        text-align: left;
                        transition: .4s ease;
                        padding: 12px 16px;
                        color: #202022; }
                        @media (max-width: 1024px) {
                          .header header .headerInner nav ul li .subMenu dl dt a:hover span {
                            color: #fff; } }
            .header header .headerInner nav ul li.show .subMenu {
              display: block; }
            .header header .headerInner nav ul li .menu {
              margin: 0 0 0 16px;
              padding: 0;
              display: flex;
              align-items: center;
              justify-content: center;
              height: 48px;
              width: 48px;
              border-radius: 50%;
              background-color: rgba(58, 137, 58, 0.1);
              border: none;
              transition: .25s ease;
              cursor: pointer; }
              @media (max-width: 480px) {
                .header header .headerInner nav ul li .menu {
                  height: 42px;
                  width: 42px; } }
              .header header .headerInner nav ul li .menu svg {
                display: block;
                width: 100%;
                height: 100%; }
                .header header .headerInner nav ul li .menu svg path {
                  fill: #3a893a;
                  transition: .25s ease; }
              .header header .headerInner nav ul li .menu:hover {
                background-color: #3a893a;
                border: none;
                transition: .25s ease; }
                .header header .headerInner nav ul li .menu:hover svg {
                  display: block;
                  width: 100%;
                  height: 100%; }
                  .header header .headerInner nav ul li .menu:hover svg path {
                    fill: #fff;
                    transition: .25s ease; }

#wrapper {
  overflow: hidden; }

#content {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-flow: column;
  position: sticky;
  top: 0;
  overflow: hidden;
  scrollbar-width: none;
  z-index: 99;
  background-color: #fff;
  padding-top: 15%; }
  #content .heading {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px; }
    @media (max-width: 768px) {
      #content .heading {
        padding: 12% 0 0 0; } }
    @media (max-width: 480px) {
      #content .heading {
        padding: 60% 0 0 0; } }
    #content .heading h1 {
      text-align: center;
      font: 700 62px "Rubik", sans-serif;
      color: #3a893a; }
      @media (max-width: 768px) {
        #content .heading h1 {
          font-size: 48px; } }
      @media (max-width: 480px) {
        #content .heading h1 {
          font-size: 30px; } }
      #content .heading h1 small {
        display: inline-block;
        font: italic 700 82px "EB Garamond", serif;
        color: #3a893a;
        transform: translateY(-6px); }
        @media (max-width: 768px) {
          #content .heading h1 small {
            font-size: 70px;
            transform: translateY(-12px); } }
        @media (max-width: 480px) {
          #content .heading h1 small {
            font-size: 40px;
            transform: translateY(-4px); } }
  #content .sliderleft {
    width: 32vw;
    padding-right: 20px;
    display: flex;
    align-items: flex-end;
    gap: 20px;
    position: absolute;
    left: -30px;
    bottom: -3%; }
    @media (max-width: 768px) {
      #content .sliderleft {
        display: none; } }
    #content .sliderleft .sl {
      width: 100%;
      height: 40vh;
      overflow: hidden;
      border-radius: 0 16px 16px 0; }
      #content .sliderleft .sl img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover; }
    #content .sliderleft .slr {
      width: 100%;
      display: flex;
      flex-flow: column;
      gap: 20px; }
      #content .sliderleft .slr .slrtop {
        width: 100%;
        height: 20vh;
        border-radius: 16px;
        overflow: hidden; }
        #content .sliderleft .slr .slrtop img {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover; }
      #content .sliderleft .slr .slrbtm {
        width: 100%;
        height: 20vh;
        border-radius: 16px;
        overflow: hidden; }
        #content .sliderleft .slr .slrbtm img {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover; }
  #content .sliderCon {
    height: 60vh;
    width: 40vw;
    background-color: #000;
    border-radius: 16px;
    overflow: hidden;
    flex-shrink: 0;
    position: absolute;
    left: 50%;
    bottom: -15%;
    transform: translateX(-50%); }
    @media (max-width: 768px) {
      #content .sliderCon {
        width: 90vw; } }
    #content .sliderCon img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover; }
  #content .sliderright {
    width: 32vw;
    padding-left: 20px;
    display: flex;
    align-items: flex-end;
    position: absolute;
    gap: 20px;
    right: -30px;
    bottom: -3%; }
    @media (max-width: 768px) {
      #content .sliderright {
        display: none; } }
    #content .sliderright .sl {
      width: 100%;
      height: 40vh;
      overflow: hidden;
      border-radius: 16px 0 0 16px; }
      #content .sliderright .sl img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover; }
    #content .sliderright .slr {
      width: 100%;
      display: flex;
      flex-flow: column;
      gap: 20px; }
      #content .sliderright .slr .slrtop {
        width: 100%;
        height: 20vh;
        border-radius: 16px;
        overflow: hidden; }
        #content .sliderright .slr .slrtop img {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover; }
      #content .sliderright .slr .slrbtm {
        width: 100%;
        height: 20vh;
        border-radius: 16px;
        overflow: hidden; }
        #content .sliderright .slr .slrbtm img {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover; }

.amazingslider, .amazingslider-wrapper, .amazingslider-wrapper-1, .amazingslider-slider-1, .amazingslider-box-1, .amazingslider-swipe-box-1, .amazingslider-img-box-1, .amazingslider-img-1 {
  width: 100% !important;
  height: 100% !important; }

.amazingsliderimg {
  display: block;
  width: 100%;
  height: 100% !important;
  object-fit: cover; }

.schoolJourney {
  height: 100vh;
  width: 100%;
  background-color: rgba(58, 137, 58, 0.78);
  z-index: 99;
  position: absolute;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  overflow-x: hidden;
  transform: translateY(100%); }
  .schoolJourney h1 {
    text-align: center;
    font: 400 34px "Rubik", sans-serif;
    color: #fff;
    opacity: 1; }
    @media (max-width: 768px) {
      .schoolJourney h1 {
        font-size: 24px; } }
    @media (max-width: 480px) {
      .schoolJourney h1 {
        font-size: 16px; } }
    .schoolJourney h1 span {
      display: inline-block;
      font: italic 500 48px "EB Garamond", serif;
      color: #FFBE81;
      padding: 0 0 0 4px; }
      @media (max-width: 768px) {
        .schoolJourney h1 span {
          font-size: 32px; } }
      @media (max-width: 480px) {
        .schoolJourney h1 span {
          font-size: 22px; } }

.videoCardWrapper {
  width: 100%;
  padding: 72px 24px;
  background: url(../images/video-bg.jpg) no-repeat left bottom;
  background-size: cover; }
  .videoCardWrapper .videoInner {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-flow: column;
    gap: 62px; }
    @media (max-width: 768px) {
      .videoCardWrapper .videoInner {
        gap: 24px; } }
    .videoCardWrapper .videoInner .heading {
      width: 100%;
      display: flex;
      flex-flow: column;
      gap: 32px;
      align-items: center;
      justify-content: center;
      padding: 0 112px; }
      @media (max-width: 768px) {
        .videoCardWrapper .videoInner .heading {
          padding: 0; } }
      .videoCardWrapper .videoInner .heading h1 {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 4px;
        text-align: center; }
        .videoCardWrapper .videoInner .heading h1 b {
          display: inline-block;
          width: auto;
          font: 700 48px "Rubik", sans-serif;
          color: #3a893a; }
          @media (max-width: 480px) {
            .videoCardWrapper .videoInner .heading h1 b {
              font-size: 24px; } }
        .videoCardWrapper .videoInner .heading h1 span {
          display: inline-block;
          width: auto;
          font: italic 700 52px "EB Garamond", serif;
          color: #3a893a;
          transform: translateY(-1px); }
          @media (max-width: 480px) {
            .videoCardWrapper .videoInner .heading h1 span {
              font-size: 32px; } }
      .videoCardWrapper .videoInner .heading p {
        text-align: center;
        font: 400 15px/1.4 "Rubik", sans-serif;
        color: #202022; }
        @media (max-width: 480px) {
          .videoCardWrapper .videoInner .heading p {
            font-size: 13px; } }
    .videoCardWrapper .videoInner .videoContainer {
      width: 100%;
      max-width: 1024px;
      aspect-ratio: 16 / 9;
      background-color: #000;
      margin: 0 auto;
      padding: 16px;
      box-sizing: border-box;
      background-color: #fff;
      border-radius: 8px;
      box-shadow: 0 16px 32px rgba(0, 0, 0, 0.16); }
      @media (max-width: 768px) {
        .videoCardWrapper .videoInner .videoContainer {
          padding: 8px; } }
      .videoCardWrapper .videoInner .videoContainer iframe {
        width: 100%;
        height: 100%;
        border-radius: 12px; }

.aboutusWrapper {
  width: 100%;
  padding: 72px 24px 0 24px;
  display: flex;
  flex-flow: column;
  gap: 16px; }
  .aboutusWrapper .aboutusInner {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: flex-start;
    gap: 16px; }
    @media (max-width: 1024px) {
      .aboutusWrapper .aboutusInner {
        grid-template-columns: repeat(1, minmax(0, 1fr)); } }
    .aboutusWrapper .aboutusInner .ethosWrapp {
      width: 100%;
      height: 100%;
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: 16px; }
      .aboutusWrapper .aboutusInner .ethosWrapp .aboutConethos {
        width: 100%;
        height: 100%;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        border-radius: 16px;
        overflow: hidden; }
        @media (max-width: 1024px) {
          .aboutusWrapper .aboutusInner .ethosWrapp .aboutConethos {
            grid-template-columns: repeat(1, minmax(0, 1fr)); } }
        .aboutusWrapper .aboutusInner .ethosWrapp .aboutConethos .aboutPhoto {
          width: 100%;
          height: 100%;
          overflow: hidden; }
          .aboutusWrapper .aboutusInner .ethosWrapp .aboutConethos .aboutPhoto img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover; }
        .aboutusWrapper .aboutusInner .ethosWrapp .aboutConethos .aboutText {
          width: 100%;
          height: 100%;
          padding: 24px;
          background-color: #3a893a;
          display: flex;
          flex-flow: column;
          align-items: flex-start;
          justify-content: center;
          gap: 16px; }
          .aboutusWrapper .aboutusInner .ethosWrapp .aboutConethos .aboutText h2 {
            text-align: left;
            font: 700 32px "EB Garamond", serif;
            color: #ffe400; }
          .aboutusWrapper .aboutusInner .ethosWrapp .aboutConethos .aboutText .text {
            width: 100%;
            display: flex;
            flex-flow: column;
            gap: 12px; }
            .aboutusWrapper .aboutusInner .ethosWrapp .aboutConethos .aboutText .text p {
              text-align: left;
              font: 400 14px/1.5 "Rubik", sans-serif;
              color: #fff; }
    .aboutusWrapper .aboutusInner .aboutConsupport {
      width: 100%;
      height: 100%;
      margin: 0 auto;
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      border-radius: 16px;
      overflow: hidden; }
      .aboutusWrapper .aboutusInner .aboutConsupport .aboutPhoto {
        width: 100%;
        height: 100%;
        overflow: hidden; }
        .aboutusWrapper .aboutusInner .aboutConsupport .aboutPhoto img {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .aboutusWrapper .aboutusInner .aboutConsupport .aboutText {
        width: 100%;
        height: 100%;
        padding: 48px;
        background-color: #f1df45;
        display: flex;
        flex-flow: column;
        align-items: flex-start;
        justify-content: center;
        gap: 24px; }
        @media (max-width: 1024px) {
          .aboutusWrapper .aboutusInner .aboutConsupport .aboutText {
            padding: 24px; } }
        .aboutusWrapper .aboutusInner .aboutConsupport .aboutText h2 {
          text-align: left;
          font: 700 48px "EB Garamond", serif;
          color: #000; }
          @media (max-width: 1024px) {
            .aboutusWrapper .aboutusInner .aboutConsupport .aboutText h2 {
              font-size: 32px; } }
        .aboutusWrapper .aboutusInner .aboutConsupport .aboutText .text {
          width: 100%;
          display: flex;
          flex-flow: column;
          gap: 12px; }
          .aboutusWrapper .aboutusInner .aboutConsupport .aboutText .text p {
            text-align: left;
            font: 400 15px/1.5 "Rubik", sans-serif;
            color: #20202d; }
            @media (max-width: 1024px) {
              .aboutusWrapper .aboutusInner .aboutConsupport .aboutText .text p {
                font-size: 14px; } }
  .aboutusWrapper .aboutCon {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-radius: 16px;
    overflow: hidden; }
    @media (max-width: 1024px) {
      .aboutusWrapper .aboutCon {
        grid-template-columns: repeat(1, minmax(0, 1fr)); } }
    .aboutusWrapper .aboutCon .aboutPhoto {
      width: 100%;
      height: 100%;
      overflow: hidden; }
      .aboutusWrapper .aboutCon .aboutPhoto img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .aboutusWrapper .aboutCon .aboutText {
      width: 100%;
      height: 100%;
      padding: 48px;
      background-color: #3a893a;
      display: flex;
      flex-flow: column;
      align-items: flex-start;
      justify-content: center;
      gap: 24px; }
      @media (max-width: 1024px) {
        .aboutusWrapper .aboutCon .aboutText {
          padding: 24px; } }
      .aboutusWrapper .aboutCon .aboutText h2 {
        text-align: left;
        font: 700 48px "EB Garamond", serif;
        color: #ffe400; }
        @media (max-width: 1024px) {
          .aboutusWrapper .aboutCon .aboutText h2 {
            font-size: 32px; } }
      .aboutusWrapper .aboutCon .aboutText .text {
        width: 100%;
        display: flex;
        flex-flow: column;
        gap: 12px; }
        .aboutusWrapper .aboutCon .aboutText .text p {
          text-align: left;
          font: 400 15px/1.5 "Rubik", sans-serif;
          color: #fff; }
          @media (max-width: 1024px) {
            .aboutusWrapper .aboutCon .aboutText .text p {
              font-size: 14px; } }

.coreValues {
  width: 100%;
  height: auto;
  background: url(../images/textures/texture-7.png) no-repeat center #fff;
  background-size: cover;
  padding: 72px 24px;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center; }
  @media (max-width: 768px) {
    .coreValues {
      height: auto;
      padding: 72px 24px; } }
  .coreValues .corevaluesInner {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    gap: 56px; }
    @media (max-width: 480px) {
      .coreValues .corevaluesInner {
        gap: 32px; } }
    .coreValues .corevaluesInner h1 {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 4px;
      text-align: center; }
      .coreValues .corevaluesInner h1 b {
        display: inline-block;
        width: auto;
        font: 700 48px "Rubik", sans-serif;
        color: #3a893a; }
        @media (max-width: 480px) {
          .coreValues .corevaluesInner h1 b {
            font-size: 24px; } }
      .coreValues .corevaluesInner h1 span {
        display: inline-block;
        width: auto;
        font: italic 700 52px "EB Garamond", serif;
        color: #3a893a;
        transform: translateY(-1px); }
        @media (max-width: 480px) {
          .coreValues .corevaluesInner h1 span {
            font-size: 32px; } }
    .coreValues .corevaluesInner .corevalueswrapper {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      align-items: flex-start;
      gap: 24px; }
      @media (max-width: 480px) {
        .coreValues .corevaluesInner .corevalueswrapper {
          gap: 8px;
          grid-template-columns: repeat(2, minmax(0, 1fr)); } }
      .coreValues .corevaluesInner .corevalueswrapper .coreContainer {
        width: 100%;
        max-height: 440px;
        background-color: #eee;
        border-radius: 48px 0 48px 0;
        position: relative;
        overflow: hidden; }
        @media (max-width: 480px) {
          .coreValues .corevaluesInner .corevalueswrapper .coreContainer {
            max-height: 200px; } }
        .coreValues .corevaluesInner .corevalueswrapper .coreContainer.trans {
          margin-top: 48px; }
          @media (max-width: 480px) {
            .coreValues .corevaluesInner .corevalueswrapper .coreContainer.trans {
              margin-top: 16px; } }
        .coreValues .corevaluesInner .corevalueswrapper .coreContainer img {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover; }
        .coreValues .corevaluesInner .corevalueswrapper .coreContainer .coretext {
          width: 100%;
          height: 100%;
          position: absolute;
          left: 0;
          top: 0;
          z-index: 1;
          display: flex;
          flex-flow: column;
          gap: 4px;
          justify-content: flex-end;
          padding: 20px;
          background: linear-gradient(0deg, black 0%, transparent 100%); }
          .coreValues .corevaluesInner .corevalueswrapper .coreContainer .coretext b {
            display: block;
            width: 100%;
            text-align: center;
            font: italic 700 96px "EB Garamond", serif;
            color: #fff; }
            @media (max-width: 480px) {
              .coreValues .corevaluesInner .corevalueswrapper .coreContainer .coretext b {
                font-size: 32px; } }
          .coreValues .corevaluesInner .corevalueswrapper .coreContainer .coretext p {
            text-align: center;
            font: 400 14px "Rubik", sans-serif;
            color: #FFF;
            min-height: 44px; }
            @media (max-width: 480px) {
              .coreValues .corevaluesInner .corevalueswrapper .coreContainer .coretext p {
                font-size: 13px; } }

.newsEvents {
  overflow: hidden;
  height: auto;
  width: 100%;
  padding: 96px 24px;
  background: url(../images/newsbg.jpg) no-repeat left top;
  background-size: cover;
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center; }
  .newsEvents .newsEventsCon {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: auto 948px;
    align-items: center;
    border: 1px solid #3a893a;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 156px 44px transparent, 0 100px 40px rgba(0, 0, 0, 0.01), 0 56px 34px rgba(0, 0, 0, 0.03), 0 25px 25px rgba(0, 0, 0, 0.05), 0 6px 14px rgba(0, 0, 0, 0.06); }
    @media (max-width: 1024px) {
      .newsEvents .newsEventsCon {
        grid-template-columns: auto 75%; } }
    @media (max-width: 768px) {
      .newsEvents .newsEventsCon {
        grid-template-columns: repeat(1, minmax(0, 1fr)); } }
    .newsEvents .newsEventsCon .heading {
      width: 100%;
      display: flex;
      flex-flow: column;
      align-items: center;
      gap: 24px;
      padding: 40px 24px;
      background-color: #3a893a; }
      .newsEvents .newsEventsCon .heading .icon {
        width: 56px;
        height: 56px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #5da35d; }
        .newsEvents .newsEventsCon .heading .icon img {
          display: block;
          width: 100%;
          max-width: 22px; }
      .newsEvents .newsEventsCon .heading b {
        display: block;
        width: 100%;
        text-align: center;
        font: 500 18px "Rubik", sans-serif;
        color: #fff; }
    .newsEvents .newsEventsCon .newsCon {
      height: 100%;
      width: 100%;
      padding: 20px 56px;
      background: linear-gradient(0deg, #f4fffb 0%, white 25%, #f4fffb 100%);
      display: flex;
      align-items: center;
      justify-content: center; }
      .newsEvents .newsEventsCon .newsCon .newseventsCon {
        padding: 8px;
        width: 100%;
        border: 1px solid #CDCDCD;
        border-radius: 8px;
        background-color: #fff;
        overflow: hidden;
        display: grid;
        gap: 12px;
        grid-template-columns: 48px auto;
        align-items: center;
        position: relative; }
        @media (max-width: 480px) {
          .newsEvents .newsEventsCon .newsCon .newseventsCon {
            grid-template-columns: repeat(1, 1fr);
            padding: 28px 8px 8px 8px; } }
        .newsEvents .newsEventsCon .newsCon .newseventsCon small {
          display: inline-block;
          width: auto;
          padding: 0 10px;
          font: 500 10px/24px "Rubik", sans-serif;
          color: #fff;
          background-color: #5da35d;
          border-radius: 0 0 0 8px;
          position: absolute;
          right: 0;
          top: 0; }
        .newsEvents .newsEventsCon .newsCon .newseventsCon .date {
          width: 100%;
          display: flex;
          flex-flow: column;
          border-radius: 5px;
          overflow: hidden; }
          @media (max-width: 480px) {
            .newsEvents .newsEventsCon .newsCon .newseventsCon .date {
              flex-flow: column-reverse; } }
          .newsEvents .newsEventsCon .newsCon .newseventsCon .date i {
            display: block;
            width: 100%;
            text-align: center;
            font: 500 13px/32px "Rubik", sans-serif;
            color: #fff;
            background-color: #FF435B;
            text-transform: none; }
          .newsEvents .newsEventsCon .newsCon .newseventsCon .date strong {
            width: 100%;
            text-align: center;
            font: 700 16px/32px "Rubik", sans-serif;
            color: #202022;
            background-color: #FFEBF1; }
            @media (max-width: 480px) {
              .newsEvents .newsEventsCon .newsCon .newseventsCon .date strong {
                font: 700 40px/62px "Rubik", sans-serif; } }
        .newsEvents .newsEventsCon .newsCon .newseventsCon b {
          display: block;
          width: 100%;
          text-align: left;
          font: 500 16px "Rubik", sans-serif;
          color: #202022; }
          @media (max-width: 480px) {
            .newsEvents .newsEventsCon .newsCon .newseventsCon b {
              text-align: center;
              font-size: 15px; } }

.ourPhilosphy {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  background: url(../images/textures/texture-5.png) no-repeat center #fff;
  background-size: cover;
  padding: 96px 24px 0 24px;
  position: relative;
  z-index: 10; }
  .ourPhilosphy .heading {
    width: 100%;
    display: flex;
    flex-flow: column;
    gap: 32px;
    align-items: center;
    justify-content: center;
    padding: 0 112px;
    margin: 0 0 72px 0; }
    @media (max-width: 768px) {
      .ourPhilosphy .heading {
        padding: 0 0 48px 0; } }
    .ourPhilosphy .heading h1 {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 4px;
      text-align: center; }
      .ourPhilosphy .heading h1 b {
        display: inline-block;
        width: auto;
        font: 700 48px "Rubik", sans-serif;
        color: #3a893a; }
        @media (max-width: 480px) {
          .ourPhilosphy .heading h1 b {
            font-size: 24px; } }
      .ourPhilosphy .heading h1 span {
        display: inline-block;
        width: auto;
        font: italic 700 52px "EB Garamond", serif;
        color: #3a893a;
        transform: translateY(-1px); }
        @media (max-width: 480px) {
          .ourPhilosphy .heading h1 span {
            font-size: 32px; } }
    .ourPhilosphy .heading p {
      text-align: center;
      font: 400 15px/1.4 "Rubik", sans-serif;
      color: #202022; }
      @media (max-width: 480px) {
        .ourPhilosphy .heading p {
          font-size: 13px; } }
  .ourPhilosphy .philosphyWrapper {
    width: 100%;
    display: flex; }
    .ourPhilosphy .philosphyWrapper .leftSide {
      width: 30%;
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 24px; }
      @media (max-width: 768px) {
        .ourPhilosphy .philosphyWrapper .leftSide {
          display: none; } }
      .ourPhilosphy .philosphyWrapper .leftSide .ssl {
        width: 13px;
        position: relative; }
        .ourPhilosphy .philosphyWrapper .leftSide .ssl ul {
          width: 13px;
          display: flex;
          flex-flow: column;
          gap: 38px;
          position: relative;
          z-index: 1; }
          .ourPhilosphy .philosphyWrapper .leftSide .ssl ul li {
            width: 13px;
            height: 13px;
            border-radius: 50%;
            background-color: #fff;
            border: 1px solid #d0d0d0;
            position: relative; }
            .ourPhilosphy .philosphyWrapper .leftSide .ssl ul li span {
              display: block;
              width: 100%;
              height: 0;
              background-color: #5da35d;
              position: absolute;
              left: 0;
              top: 0; }
        .ourPhilosphy .philosphyWrapper .leftSide .ssl small {
          width: 1px;
          height: calc(100% - 2px);
          position: absolute;
          left: 50%;
          top: 0;
          transform: translateX(-50%);
          display: block;
          background-color: #d0d0d0; }
          .ourPhilosphy .philosphyWrapper .leftSide .ssl small span {
            height: 0;
            width: 100%;
            background-color: #5da35d;
            display: block; }
      .ourPhilosphy .philosphyWrapper .leftSide dl {
        width: auto;
        display: inline-flex;
        flex-flow: column;
        gap: 32px; }
        .ourPhilosphy .philosphyWrapper .leftSide dl dt {
          width: auto;
          text-align: left;
          font: 500 14px/18px "Rubik", sans-serif;
          color: #202022; }
    .ourPhilosphy .philosphyWrapper .rightSide {
      width: 70%; }
      @media (max-width: 768px) {
        .ourPhilosphy .philosphyWrapper .rightSide {
          width: 100%; } }
      .ourPhilosphy .philosphyWrapper .rightSide .philosophycon {
        width: 100%;
        margin: auto;
        display: flex;
        flex-flow: column;
        gap: 24px; }
        .ourPhilosphy .philosphyWrapper .rightSide .philosophycon .philosophyconWrapp {
          width: 100%;
          height: 100vh;
          display: flex;
          align-items: center;
          justify-content: center;
          overflow: hidden; }
          @media (max-width: 768px) {
            .ourPhilosphy .philosphyWrapper .rightSide .philosophycon .philosophyconWrapp {
              height: auto; } }
          .ourPhilosphy .philosphyWrapper .rightSide .philosophycon .philosophyconWrapp .phil_con {
            width: 100%;
            position: relative;
            overflow: hidden; }
            .ourPhilosphy .philosphyWrapper .rightSide .philosophycon .philosophyconWrapp .phil_con .photo {
              width: 100%;
              aspect-ratio: 16 / 9;
              border-radius: 16px;
              overflow: hidden; }
              @media (max-width: 480px) {
                .ourPhilosphy .philosphyWrapper .rightSide .philosophycon .philosophyconWrapp .phil_con .photo {
                  border-radius: 16px 16px 0 0; } }
              .ourPhilosphy .philosphyWrapper .rightSide .philosophycon .philosophyconWrapp .phil_con .photo img {
                display: block;
                width: 100%;
                height: 100%;
                object-fit: cover; }
            .ourPhilosphy .philosphyWrapper .rightSide .philosophycon .philosophyconWrapp .phil_con .phil_text {
              background-color: rgba(58, 137, 58, 0.86);
              padding: 24px;
              display: flex;
              flex-flow: column;
              gap: 16px;
              width: 396px;
              border-radius: 12px;
              height: auto;
              position: absolute;
              right: 40px;
              bottom: 40px; }
              @media (max-width: 480px) {
                .ourPhilosphy .philosphyWrapper .rightSide .philosophycon .philosophyconWrapp .phil_con .phil_text {
                  width: 100%;
                  position: relative;
                  right: unset;
                  bottom: unset;
                  border-radius: 0 0 16px 16px; } }
              .ourPhilosphy .philosphyWrapper .rightSide .philosophycon .philosophyconWrapp .phil_con .phil_text b {
                display: block;
                width: 100%;
                text-align: left;
                font: 700 18px "Rubik", sans-serif;
                color: #fff; }
                @media (max-width: 480px) {
                  .ourPhilosphy .philosphyWrapper .rightSide .philosophycon .philosophyconWrapp .phil_con .phil_text b {
                    font-size: 15px; } }
              .ourPhilosphy .philosphyWrapper .rightSide .philosophycon .philosophyconWrapp .phil_con .phil_text p {
                text-align: left;
                font: 400 14px/1.4 "Rubik", sans-serif;
                color: #fff; }
                @media (max-width: 480px) {
                  .ourPhilosphy .philosphyWrapper .rightSide .philosophycon .philosophyconWrapp .phil_con .phil_text p {
                    font-size: 13px; } }
  .ourPhilosphy .ourPhil {
    width: 100%;
    height: 500px;
    position: relative; }
    @media (max-width: 1024px) {
      .ourPhilosphy .ourPhil {
        height: 350px; } }
    @media (max-width: 768px) {
      .ourPhilosphy .ourPhil {
        width: 480px;
        margin: 0 auto;
        height: 500px; } }
    @media (max-width: 480px) {
      .ourPhilosphy .ourPhil {
        width: 320px;
        margin: 0 auto;
        height: 500px; } }
    .ourPhilosphy .ourPhil .swiper {
      width: 100%;
      height: 100%; }
      .ourPhilosphy .ourPhil .swiper .philosophyconWrapp {
        width: 100%;
        padding: 0 0 0 36%;
        margin: 0 auto;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden; }
        @media (max-width: 768px) {
          .ourPhilosphy .ourPhil .swiper .philosophyconWrapp {
            padding: 0; } }
        .ourPhilosphy .ourPhil .swiper .philosophyconWrapp .phil_con {
          width: 100%;
          position: relative;
          overflow: hidden;
          border-radius: 16px; }
          .ourPhilosphy .ourPhil .swiper .philosophyconWrapp .phil_con .photo {
            width: 100%;
            aspect-ratio: 16 / 9;
            border-radius: 16px;
            overflow: hidden; }
            @media (max-width: 768px) {
              .ourPhilosphy .ourPhil .swiper .philosophyconWrapp .phil_con .photo {
                border-radius: 16px 16px 0 0; } }
            .ourPhilosphy .ourPhil .swiper .philosophyconWrapp .phil_con .photo img {
              display: block;
              width: 100%;
              height: 100%;
              object-fit: cover; }
          .ourPhilosphy .ourPhil .swiper .philosophyconWrapp .phil_con .phil_text {
            background-color: rgba(58, 137, 58, 0.86);
            padding: 24px;
            display: flex;
            flex-flow: column;
            gap: 16px;
            width: 396px;
            border-radius: 12px;
            height: auto;
            position: absolute;
            right: 40px;
            bottom: 40px; }
            @media (max-width: 768px) {
              .ourPhilosphy .ourPhil .swiper .philosophyconWrapp .phil_con .phil_text {
                width: 100%;
                position: relative;
                right: unset;
                bottom: unset;
                border-radius: 0 0 16px 16px; } }
            .ourPhilosphy .ourPhil .swiper .philosophyconWrapp .phil_con .phil_text b {
              display: block;
              width: 100%;
              text-align: left;
              font: 700 18px "Rubik", sans-serif;
              color: #fff; }
              @media (max-width: 768px) {
                .ourPhilosphy .ourPhil .swiper .philosophyconWrapp .phil_con .phil_text b {
                  font-size: 15px; } }
            .ourPhilosphy .ourPhil .swiper .philosophyconWrapp .phil_con .phil_text p {
              text-align: left;
              font: 400 14px/1.4 "Rubik", sans-serif;
              color: #fff; }
              @media (max-width: 768px) {
                .ourPhilosphy .ourPhil .swiper .philosophyconWrapp .phil_con .phil_text p {
                  font-size: 13px; } }
      .ourPhilosphy .ourPhil .swiper .swiper-pagination {
        right: auto;
        left: 0; }
        @media (max-width: 768px) {
          .ourPhilosphy .ourPhil .swiper .swiper-pagination {
            display: none; } }
        .ourPhilosphy .ourPhil .swiper .swiper-pagination::before {
          content: '';
          position: absolute;
          left: 50%;
          top: 0;
          height: 100%;
          width: 1px;
          background-color: #3a893a;
          transform: translateX(-1px); }
        .ourPhilosphy .ourPhil .swiper .swiper-pagination span {
          margin: 32px 0;
          width: 12px;
          height: 12px;
          position: relative;
          border: 1px solid #3a893a;
          background-color: #fff;
          opacity: 1; }
          .ourPhilosphy .ourPhil .swiper .swiper-pagination span:first-child {
            margin-top: 0; }
          .ourPhilosphy .ourPhil .swiper .swiper-pagination span:last-child {
            margin-bottom: 0; }
          .ourPhilosphy .ourPhil .swiper .swiper-pagination span.swiper-pagination-bullet-active {
            border-color: #3a893a;
            background-color: #3a893a; }
            .ourPhilosphy .ourPhil .swiper .swiper-pagination span.swiper-pagination-bullet-active i {
              color: #3a893a;
              font-weight: 500; }
          .ourPhilosphy .ourPhil .swiper .swiper-pagination span i {
            display: block;
            width: 100%;
            position: absolute;
            left: 0;
            top: -2px;
            bottom: 0;
            margin: auto 0;
            white-space: nowrap;
            font: 400 14px "Rubik", sans-serif;
            font-style: normal;
            padding: 0 0 0 24px; }

.beyondAcademics {
  overflow: hidden;
  width: 100%;
  height: auto;
  max-width: 1280px;
  margin: 0 auto;
  padding: 72px 24px;
  display: grid;
  grid-template-columns: auto 864px;
  align-items: center;
  gap: 24px;
  background: url(../images/textures/texture-5.png) center #fff;
  background-size: cover;
  position: relative;
  z-index: 10; }
  @media (max-width: 1024px) {
    .beyondAcademics {
      grid-template-columns: auto 65%; } }
  @media (max-width: 768px) {
    .beyondAcademics {
      height: auto;
      grid-template-columns: 100%; } }
  .beyondAcademics .heading {
    width: 100%;
    display: flex;
    flex-flow: column;
    gap: 16px; }
    .beyondAcademics .heading h1 {
      font: 700 48px "Rubik", sans-serif;
      color: #3a893a;
      text-align: left; }
      @media (max-width: 480px) {
        .beyondAcademics .heading h1 {
          font-size: 24px; } }
      .beyondAcademics .heading h1 span {
        display: block;
        width: 100%;
        text-align: left;
        font: italic 700 52px "EB Garamond", serif;
        color: #3a893a;
        margin: 0 0 4px 0; }
        @media (max-width: 480px) {
          .beyondAcademics .heading h1 span {
            font-size: 32px; } }
    .beyondAcademics .heading p {
      text-align: left;
      font: italic 400 15px/1.4 "Rubik", sans-serif;
      color: #505055; }
      .beyondAcademics .heading p span {
        display: block;
        width: 100%;
        text-align: left;
        margin: 8px 0 0 0;
        font: italic 500 15px "Rubik", sans-serif;
        color: #202022; }
        .beyondAcademics .heading p span i {
          display: inline-block;
          letter-spacing: -3px; }
  .beyondAcademics .academicsSlider {
    width: 100%; }
    .beyondAcademics .academicsSlider .academicCon {
      width: 100%;
      display: flex;
      flex-flow: column;
      gap: 16px;
      padding: 16px;
      border: 1px solid #cdcdcd;
      border-radius: 12px; }
      .beyondAcademics .academicsSlider .academicCon .photo {
        width: 100%;
        aspect-ratio: 4 / 3;
        overflow: hidden;
        border-radius: 8px; }
        .beyondAcademics .academicsSlider .academicCon .photo img {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .beyondAcademics .academicsSlider .academicCon .academicText {
        width: 100%;
        display: flex;
        flex-flow: column;
        align-items: flex-start;
        gap: 8px; }
        .beyondAcademics .academicsSlider .academicCon .academicText b {
          display: block;
          width: 100%;
          text-align: left;
          font: 700 17px "Rubik", sans-serif;
          color: #202022; }
        .beyondAcademics .academicsSlider .academicCon .academicText p {
          text-align: left;
          font: 400 13.4px "Rubik", sans-serif;
          color: #505055;
          padding: 0 0 8px 0;
          height: 82px;
          overflow: hidden; }
        .beyondAcademics .academicsSlider .academicCon .academicText a {
          display: inline-block;
          width: auto;
          text-align: left;
          font: 500 13px "Rubik", sans-serif;
          color: #5da35d;
          background: url(../icons/right-arrow.svg) no-repeat right center;
          background-size: 24px;
          padding: 0 32px 0 0; }

.recentEvents {
  overflow: hidden;
  width: 100%;
  padding: 72px 24px;
  background: url(../images/textures/texture-5.png) center #fff;
  background-size: cover;
  position: relative;
  z-index: 10; }
  @media (max-width: 768px) {
    .recentEvents {
      padding: 48px 24px; } }
  .recentEvents .recentEventsInner {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-flow: column;
    gap: 32px; }
    .recentEvents .recentEventsInner .heading {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .recentEvents .recentEventsInner .heading h1 {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        text-align: center; }
        .recentEvents .recentEventsInner .heading h1 b {
          display: inline-block;
          width: auto;
          font: 700 48px "Rubik", sans-serif;
          color: #3a893a; }
          @media (max-width: 480px) {
            .recentEvents .recentEventsInner .heading h1 b {
              font-size: 24px; } }
        .recentEvents .recentEventsInner .heading h1 span {
          display: inline-block;
          width: auto;
          font: italic 700 52px "EB Garamond", serif;
          color: #3a893a;
          transform: translateY(-1px); }
          @media (max-width: 480px) {
            .recentEvents .recentEventsInner .heading h1 span {
              font-size: 28px; } }
      .recentEvents .recentEventsInner .heading a {
        display: inline-block;
        width: auto;
        font: 500 15px "Rubik", sans-serif;
        color: #5da35d;
        background: url(../icons/right-arrow.svg) no-repeat right center;
        background-size: 32px;
        padding: 0 36px 0 0; }
        @media (max-width: 480px) {
          .recentEvents .recentEventsInner .heading a {
            font-size: 13px; } }
    .recentEvents .recentEventsInner .recentCon {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      align-items: center;
      gap: 24px; }
      @media (max-width: 768px) {
        .recentEvents .recentEventsInner .recentCon {
          grid-template-columns: repeat(1, minmax(0, 1fr)); } }
      .recentEvents .recentEventsInner .recentCon .impLinsk {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: center;
        gap: 24px; }
        .recentEvents .recentEventsInner .recentCon .impLinsk .link {
          width: 100%; }
          .recentEvents .recentEventsInner .recentCon .impLinsk .link a {
            display: block;
            width: 100%;
            aspect-ratio: 4 / 3;
            border-radius: 16px;
            overflow: hidden;
            position: relative;
            overflow: hidden; }
            .recentEvents .recentEventsInner .recentCon .impLinsk .link a img {
              display: block;
              width: 100%;
              height: 100%;
              object-fit: cover;
              transition: .25s ease; }
            .recentEvents .recentEventsInner .recentCon .impLinsk .link a:hover img {
              transform: scale(1.2);
              transition: .25s ease; }
            .recentEvents .recentEventsInner .recentCon .impLinsk .link a b {
              width: 100%;
              height: 100%;
              position: absolute;
              left: 0;
              top: 0;
              display: flex;
              align-items: flex-end;
              justify-content: center;
              padding: 24px;
              font: 400 16px "Rubik", sans-serif;
              color: #fff;
              background: linear-gradient(0deg, rgba(0, 0, 0, 0.78) 0%, transparent 100%); }
              @media (max-width: 480px) {
                .recentEvents .recentEventsInner .recentCon .impLinsk .link a b {
                  font-size: 14px; } }
      .recentEvents .recentEventsInner .recentCon .newsContainer {
        width: 100%;
        height: 100%;
        padding: 20px;
        border-radius: 16px;
        background-color: #3a893a; }
        .recentEvents .recentEventsInner .recentCon .newsContainer .scroll {
          width: 100%;
          height: 436px;
          overflow: hidden;
          border-radius: 8px; }
          .recentEvents .recentEventsInner .recentCon .newsContainer .scroll ul {
            width: 100%;
            display: flex;
            flex-flow: column;
            gap: 8px;
            position: relative; }
            .recentEvents .recentEventsInner .recentCon .newsContainer .scroll ul li {
              width: 100%; }
              .recentEvents .recentEventsInner .recentCon .newsContainer .scroll ul li .news_Con {
                padding: 8px;
                width: 100%;
                border: 1px solid #CDCDCD;
                border-radius: 8px;
                background-color: #fff;
                overflow: hidden;
                align-items: center;
                position: relative; }
                .recentEvents .recentEventsInner .recentCon .newsContainer .scroll ul li .news_Con dl {
                  width: 100%;
                  display: grid;
                  grid-template-columns: auto 86px;
                  gap: 24px;
                  align-items: center; }
                  .recentEvents .recentEventsInner .recentCon .newsContainer .scroll ul li .news_Con dl dt {
                    width: 100%;
                    display: grid;
                    align-items: center;
                    grid-template-columns: 48px auto;
                    gap: 8px; }
                    .recentEvents .recentEventsInner .recentCon .newsContainer .scroll ul li .news_Con dl dt:last-child {
                      display: block; }
                    .recentEvents .recentEventsInner .recentCon .newsContainer .scroll ul li .news_Con dl dt .date {
                      width: 100%;
                      max-width: 48px;
                      display: flex;
                      flex-flow: column;
                      border-radius: 5px;
                      overflow: hidden;
                      flex-shrink: 0; }
                      @media (max-width: 480px) {
                        .recentEvents .recentEventsInner .recentCon .newsContainer .scroll ul li .news_Con dl dt .date {
                          flex-flow: column-reverse; } }
                      .recentEvents .recentEventsInner .recentCon .newsContainer .scroll ul li .news_Con dl dt .date i {
                        display: block;
                        width: 100%;
                        text-align: center;
                        font: 500 13px/32px "Rubik", sans-serif;
                        color: #fff;
                        background-color: #FF435B;
                        text-transform: none; }
                      .recentEvents .recentEventsInner .recentCon .newsContainer .scroll ul li .news_Con dl dt .date strong {
                        width: 100%;
                        text-align: center;
                        font: 700 16px/32px "Rubik", sans-serif;
                        color: #202022;
                        background-color: #FFEBF1; }
                        @media (max-width: 480px) {
                          .recentEvents .recentEventsInner .recentCon .newsContainer .scroll ul li .news_Con dl dt .date strong {
                            font: 700 40px/62px "Rubik", sans-serif; } }
                    .recentEvents .recentEventsInner .recentCon .newsContainer .scroll ul li .news_Con dl dt b {
                      display: block;
                      width: 100%;
                      text-align: left;
                      font: 500 16px "Rubik", sans-serif;
                      color: #202022; }
                      @media (max-width: 480px) {
                        .recentEvents .recentEventsInner .recentCon .newsContainer .scroll ul li .news_Con dl dt b {
                          text-align: center;
                          font-size: 15px; } }
                    .recentEvents .recentEventsInner .recentCon .newsContainer .scroll ul li .news_Con dl dt a {
                      display: block;
                      width: 100%;
                      padding: 0 12px;
                      border-radius: 50px;
                      border: 1px solid #3a893a;
                      font: 600 10px/28px "Rubik", sans-serif;
                      color: #3a893a;
                      text-transform: uppercase;
                      transition: .25s ease;
                      flex-shrink: 0; }
                      .recentEvents .recentEventsInner .recentCon .newsContainer .scroll ul li .news_Con dl dt a:hover {
                        background-color: #3a893a;
                        color: #fff;
                        transition: .25s ease; }

.ourAchievements {
  overflow: hidden;
  width: 100%;
  height: auto;
  padding: 72px 0;
  background: url(../images/achievemtsbg.jpg) no-repeat left top;
  background-size: cover;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  position: relative;
  z-index: 10; }
  @media (max-width: 768px) {
    .ourAchievements {
      height: auto;
      padding: 48px 0; } }
  .ourAchievements .achievementInner {
    width: 100%;
    max-width: 1280px;
    padding: 0 24px;
    margin: 0 auto;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    gap: 62px; }
    @media (max-width: 480px) {
      .ourAchievements .achievementInner {
        grid-gap: 32px; } }
    .ourAchievements .achievementInner h1 {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 4px;
      text-align: center; }
      .ourAchievements .achievementInner h1 b {
        display: inline-block;
        width: auto;
        font: 700 48px "Rubik", sans-serif;
        color: #3a893a; }
        @media (max-width: 480px) {
          .ourAchievements .achievementInner h1 b {
            font-size: 24px; } }
      .ourAchievements .achievementInner h1 small {
        display: inline-block;
        width: auto;
        font: italic 700 52px "EB Garamond", serif;
        color: #3a893a;
        transform: translateY(-1px); }
        @media (max-width: 480px) {
          .ourAchievements .achievementInner h1 small {
            font-size: 28px; } }
    .ourAchievements .achievementInner .achievementContainer {
      width: 100%; }
      .ourAchievements .achievementInner .achievementContainer .achievementCon {
        width: 100%;
        height: 100%; }
        .ourAchievements .achievementInner .achievementContainer .achievementCon a {
          width: 100%;
          height: 100%;
          display: flex;
          flex-flow: column;
          gap: 24px;
          padding: 16px;
          border-radius: 24px;
          background-color: #fff; }
          .ourAchievements .achievementInner .achievementContainer .achievementCon a .photo {
            width: 100%;
            aspect-ratio: 4 / 3;
            overflow: hidden;
            border-radius: 12px; }
            .ourAchievements .achievementInner .achievementContainer .achievementCon a .photo img {
              display: block;
              width: 100%;
              height: 100%;
              object-fit: cover;
              transition: .25s ease; }
          .ourAchievements .achievementInner .achievementContainer .achievementCon a:hover .photo img {
            transform: scale(1.2);
            transition: .25s ease; }
          .ourAchievements .achievementInner .achievementContainer .achievementCon a .text {
            width: 100%;
            display: flex;
            flex-flow: column;
            gap: 12px;
            height: 56px;
            overflow: hidden; }
            .ourAchievements .achievementInner .achievementContainer .achievementCon a .text b {
              display: block;
              width: 100%;
              text-align: left;
              font: 400 14px "Rubik", sans-serif;
              color: #202022;
              max-height: 54px;
              overflow-y: hidden; }
            .ourAchievements .achievementInner .achievementContainer .achievementCon a .text p {
              text-align: left;
              font: 400 13px "Rubik", sans-serif;
              color: #505055;
              max-height: 54px;
              overflow-y: hidden; }
    .ourAchievements .achievementInner .more {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
      .ourAchievements .achievementInner .more a {
        display: block;
        width: 100%;
        max-width: 180px;
        border-radius: 8px;
        background-color: transparent;
        font: 400 14px/48px "Rubik", sans-serif;
        text-align: center;
        background-color: #3a893a;
        color: #fff; }
        .ourAchievements .achievementInner .more a:hover {
          background-color: #222; }

.testimonials {
  overflow: hidden;
  width: 100%;
  height: auto;
  padding: 72px 0;
  background: url(../images/textures/texture-5.png) center #fff;
  background-size: cover;
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (max-width: 768px) {
    .testimonials {
      height: auto; } }
  .testimonials .testimonialsInner {
    width: 100%;
    max-width: 1280px;
    padding: 0 24px;
    margin: 0 auto;
    display: flex;
    flex-flow: column;
    gap: 62px; }
    @media (max-width: 480px) {
      .testimonials .testimonialsInner {
        gap: 32px; } }
    .testimonials .testimonialsInner h1 {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      text-align: center; }
      .testimonials .testimonialsInner h1 b {
        display: inline-block;
        width: auto;
        font: 700 48px "Rubik", sans-serif;
        color: #3a893a; }
        @media (max-width: 480px) {
          .testimonials .testimonialsInner h1 b {
            font-size: 24px; } }
      .testimonials .testimonialsInner h1 span {
        display: inline-block;
        width: auto;
        font: italic 700 52px "EB Garamond", serif;
        color: #3a893a;
        transform: translateY(-1px); }
        @media (max-width: 480px) {
          .testimonials .testimonialsInner h1 span {
            font-size: 28px; } }
    .testimonials .testimonialsInner .testimonialsWrapper {
      width: 100%; }
      .testimonials .testimonialsInner .testimonialsWrapper .testWrapp {
        width: 100%;
        text-align: center; }
        .testimonials .testimonialsInner .testimonialsWrapper .testWrapp span {
          width: 48px;
          height: 48px;
          background: url(../icons/inv-comma.svg) no-repeat center #5da35d;
          background-size: 24px;
          border-radius: 50%;
          display: inline-block; }
        .testimonials .testimonialsInner .testimonialsWrapper .testWrapp p {
          text-align: justify;
          width: 99%;
          background-color: #fff;
          border: 1px solid #5da35d;
          padding: 48px 24px;
          box-sizing: border-box;
          font: 400 15px/1.3 "Rubik", sans-serif;
          color: #000;
          border-radius: 16px;
          margin: -24px 0 0 0;
          min-height: 424px; }
        .testimonials .testimonialsInner .testimonialsWrapper .testWrapp ul {
          display: flex;
          flex-flow: column;
          align-items: center;
          justify-content: center;
          gap: 8px;
          margin: -24px 0 0 0; }
          .testimonials .testimonialsInner .testimonialsWrapper .testWrapp ul li {
            width: auto;
            display: flex;
            flex-flow: column;
            align-items: center;
            justify-content: center;
            gap: 2px; }
            .testimonials .testimonialsInner .testimonialsWrapper .testWrapp ul li small {
              height: 92px;
              width: 92px;
              border-radius: 8px;
              display: inline-flex;
              align-items: center;
              justify-content: center;
              overflow: hidden;
              outline: 1px solid #5da35d;
              background-color: #fff; }
              .testimonials .testimonialsInner .testimonialsWrapper .testWrapp ul li small img {
                display: block;
                width: 90%;
                aspect-ratio: 1 / 1;
                border-radius: 8px; }
            .testimonials .testimonialsInner .testimonialsWrapper .testWrapp ul li b {
              display: block;
              width: 100%;
              text-align: center;
              font: 600 14px "Rubik", sans-serif;
              color: #000; }
            .testimonials .testimonialsInner .testimonialsWrapper .testWrapp ul li i {
              display: block;
              width: 100%;
              text-align: center;
              font: 400 12px "Rubik", sans-serif;
              color: #505050; }

.alumniWrapper {
  overflow: hidden;
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 62px;
  padding: 96px 0;
  background: url(../images/textures/texture-5.png) center #fff;
  background-size: cover;
  position: relative;
  z-index: 10; }
  @media (max-width: 480px) {
    .alumniWrapper {
      gap: 32px;
      padding: 48px 0 72px 0; } }
  .alumniWrapper h1 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    text-align: center; }
    .alumniWrapper h1 b {
      display: inline-block;
      width: auto;
      font: 700 48px "Rubik", sans-serif;
      color: #3a893a; }
      @media (max-width: 480px) {
        .alumniWrapper h1 b {
          font-size: 24px; } }
    .alumniWrapper h1 span {
      display: inline-block;
      width: auto;
      font: italic 700 52px "EB Garamond", serif;
      color: #3a893a;
      transform: translateY(-1px); }
      @media (max-width: 480px) {
        .alumniWrapper h1 span {
          font-size: 28px; } }
  .alumniWrapper .alumniContainer {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 24px; }
    .alumniWrapper .alumniContainer .alumniConn {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      align-items: center;
      background: url(../images/texture1.jpg) no-repeat center #3a893a;
      background-size: cover;
      padding: 40px;
      border-radius: 16px; }
      @media (max-width: 768px) {
        .alumniWrapper .alumniContainer .alumniConn {
          grid-template-columns: repeat(1, minmax(0, 1fr)); } }
      .alumniWrapper .alumniContainer .alumniConn .alumniPhoto {
        width: 100%;
        height: 100%;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center; }
        .alumniWrapper .alumniContainer .alumniConn .alumniPhoto .photo {
          width: 100%;
          max-width: 360px;
          aspect-ratio: 4 / 3;
          border-radius: 16px;
          overflow: hidden; }
          .alumniWrapper .alumniContainer .alumniConn .alumniPhoto .photo img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover; }
      .alumniWrapper .alumniContainer .alumniConn .alumniText {
        width: 100%;
        height: 100%;
        display: flex;
        flex-flow: column;
        gap: 24px;
        background: url(../images/texture1.jpg) no-repeat center #3a893a;
        background-size: cover;
        overflow: hidden; }
        @media (max-width: 768px) {
          .alumniWrapper .alumniContainer .alumniConn .alumniText {
            border-radius: 0 0 16px 16px;
            padding: 20px; } }
        .alumniWrapper .alumniContainer .alumniConn .alumniText .name {
          display: flex;
          flex-flow: column;
          gap: 8px; }
          .alumniWrapper .alumniContainer .alumniConn .alumniText .name b {
            display: block;
            text-align: left;
            font: 600 24px "Rubik", sans-serif;
            color: #deca15; }
            @media (max-width: 768px) {
              .alumniWrapper .alumniContainer .alumniConn .alumniText .name b {
                font-size: 18px; } }
          .alumniWrapper .alumniContainer .alumniConn .alumniText .name small {
            display: block;
            text-align: justify;
            font: 500 15px "Rubik", sans-serif;
            color: #fff; }
            @media (max-width: 768px) {
              .alumniWrapper .alumniContainer .alumniConn .alumniText .name small {
                font-size: 14px; } }
        .alumniWrapper .alumniContainer .alumniConn .alumniText .text {
          display: flex;
          flex-flow: column;
          gap: 8px; }
          .alumniWrapper .alumniContainer .alumniConn .alumniText .text p {
            text-align: justify;
            font: 400 15px/1.5 "Rubik", sans-serif;
            color: rgba(255, 255, 255, 0.78); }
            @media (max-width: 768px) {
              .alumniWrapper .alumniContainer .alumniConn .alumniText .text p {
                font-size: 14px; } }

footer {
  width: 100%;
  height: auto;
  background: #3a893a;
  background-size: cover;
  display: flex;
  flex-flow: column;
  position: relative;
  z-index: 10;
  scroll-snap-align: end;
  scroll-snap-stop: normal; }
  footer .footerSlider {
    width: 100%;
    padding: 72px 48px; }
    footer .footerSlider .footerSliderInner {
      width: 100%; }
      footer .footerSlider .footerSliderInner .footerSImg {
        width: 99%;
        padding: 8px;
        border: 1px solid #fff; }
        footer .footerSlider .footerSliderInner .footerSImg .footerPhoto {
          width: 100%; }
          footer .footerSlider .footerSliderInner .footerSImg .footerPhoto img {
            display: block;
            width: 100%; }
  footer .footer {
    width: 100%;
    max-width: 1280px;
    padding: 72px 24px;
    margin: 0 auto;
    flex-grow: 1;
    display: flex;
    flex-flow: column;
    gap: 48px; }
    footer .footer .footerLogo {
      width: 100%;
      display: flex;
      flex-flow: column;
      gap: 32px; }
      footer .footer .footerLogo .logo {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center; }
        footer .footer .footerLogo .logo img {
          display: block;
          width: 100%;
          max-width: 302px; }
      footer .footer .footerLogo .address {
        width: 100%;
        display: flex;
        flex-flow: column;
        gap: 4px;
        align-items: center; }
        footer .footer .footerLogo .address p {
          text-align: center;
          font: 500 15px "Rubik", sans-serif;
          color: #fff; }
    footer .footer .socialLinks {
      width: 100%;
      display: flex;
      align-content: center;
      justify-content: center;
      gap: 16px; }
      footer .footer .socialLinks a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        border: 1px solid #fff;
        flex-shrink: 0;
        transition: .25s ease; }
        footer .footer .socialLinks a svg {
          display: block;
          height: 36px;
          width: 36px; }
          footer .footer .socialLinks a svg path {
            fill: #fff;
            transition: .25s ease; }
        footer .footer .socialLinks a:hover {
          background-color: white;
          transition: .25s ease; }
          footer .footer .socialLinks a:hover svg {
            display: block;
            height: 36px;
            width: 36px; }
            footer .footer .socialLinks a:hover svg path {
              fill: #3a893a;
              transition: .25s ease; }
    footer .footer .relatedlinks {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-flow: row wrap;
      gap: 32px;
      row-gap: 12px; }
      footer .footer .relatedlinks a {
        display: inline-block;
        width: auto;
        font: 500 13px "Rubik", sans-serif;
        color: #fff; }
        footer .footer .relatedlinks a:hover {
          color: #FFBE81; }
    footer .footer .footertext {
      width: 100%;
      display: flex;
      flex-flow: column;
      gap: 24px;
      padding: 0 150px; }
      @media (max-width: 768px) {
        footer .footer .footertext {
          padding: 0; } }
      footer .footer .footertext p {
        text-align: center;
        font: 400 14px/1.4 "Rubik", sans-serif;
        color: #fff; }
  footer .copyright {
    flex-shrink: 0;
    width: 100%;
    padding: 32px 0;
    background-color: #3a893a; }
    footer .copyright .copyrightInner {
      width: 100%;
      max-width: 1280px;
      padding: 0 24px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      footer .copyright .copyrightInner b {
        display: inline-block;
        width: auto;
        text-align: left;
        font: 400 14px "Rubik", sans-serif;
        color: #fff; }
        footer .copyright .copyrightInner b a {
          display: inline-block;
          width: auto;
          font: 500 14px "Rubik", sans-serif;
          color: #fff; }
          footer .copyright .copyrightInner b a:hover {
            color: #FFBE81; }

.scrollToTop {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #5da35d;
  display: none;
  position: fixed;
  z-index: 9999;
  bottom: 48px;
  right: 24px;
  transition: .25s ease;
  cursor: pointer; }
  .scrollToTop:hover {
    background-color: #3a893a;
    transition: .25s ease; }
  .scrollToTop svg {
    display: block;
    width: 100%;
    height: 100%; }

.contactPhoto {
  width: 100%;
  min-height: 360px; }
  .contactPhoto img {
    display: block;
    width: 100%;
    min-height: 360px;
    object-fit: cover; }

.contactWrapper {
  width: 100%;
  max-width: 1280px;
  padding: 0 24px 72px 24px;
  margin: 0 auto; }
  .contactWrapper h1 {
    text-align: center;
    font: 600 48px "Rubik", sans-serif;
    color: #3a893a;
    transform: translateY(-72px); }
  .contactWrapper .contactUsInff {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 48px;
    overflow: hidden; }
    @media (max-width: 1024px) {
      .contactWrapper .contactUsInff {
        gap: 24px; } }
    @media (max-width: 768px) {
      .contactWrapper .contactUsInff {
        grid-template-columns: repeat(1, 1fr);
        gap: 24px; } }
    .contactWrapper .contactUsInff .contactCon {
      width: 100%;
      border-radius: 24px;
      padding: 32px;
      background-color: #ECF9F3;
      display: flex;
      flex-flow: column;
      align-items: center;
      gap: 40px; }
      @media (max-width: 768px) {
        .contactWrapper .contactUsInff .contactCon {
          padding: 24px; } }
      .contactWrapper .contactUsInff .contactCon small {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 62px;
        width: 62px;
        background-color: #3a893a;
        border-radius: 50%; }
        .contactWrapper .contactUsInff .contactCon small img {
          display: block;
          width: 32px; }
      .contactWrapper .contactUsInff .contactCon b {
        display: block;
        width: 100%;
        text-align: center;
        font: 400 16px "Rubik", sans-serif;
        color: #10101d; }

.contactForm {
  width: 100%;
  max-width: 660px;
  margin: 0 auto;
  padding: 0 24px 72px 24px;
  display: flex;
  flex-flow: column;
  gap: 40px; }
  .contactForm h2 {
    text-align: center;
    font: 600 36px "Rubik", sans-serif;
    color: #20202d; }
  .contactForm ul {
    width: 100%;
    display: flex;
    flex-flow: column;
    gap: 16px; }
    .contactForm ul li {
      width: 100%;
      display: flex;
      flex-flow: column;
      align-items: center;
      gap: 8px; }
      .contactForm ul li label {
        display: block;
        width: 100%;
        text-align: left;
        font: 400 14px "Rubik", sans-serif;
        color: #505055; }
        .contactForm ul li label span {
          display: inline-block;
          font-size: 16px;
          color: red; }
      .contactForm ul li input[type=text], .contactForm ul li input[type=email] {
        display: block;
        width: 100%;
        height: 48px;
        border-radius: 8px;
        border: 1px solid #d0d0d0;
        padding: 8px 12px;
        text-align: left;
        font: 400 14px "Rubik", sans-serif;
        color: #10101d; }
        .contactForm ul li input[type=text]:focus, .contactForm ul li input[type=email]:focus {
          outline: none;
          border-color: #3a893a; }
      .contactForm ul li textarea {
        display: block;
        width: 100%;
        height: 72px;
        border-radius: 8px;
        border: 1px solid #d0d0d0;
        padding: 8px 12px;
        text-align: left;
        font: 400 14px "Rubik", sans-serif;
        color: #10101d; }
        .contactForm ul li textarea:focus {
          outline: none;
          border-color: #3a893a; }
      .contactForm ul li select {
        display: block;
        width: 100%;
        height: 48px;
        border-radius: 8px;
        border: 1px solid #d0d0d0;
        padding: 8px 12px;
        text-align: left;
        font: 400 14px "Rubik", sans-serif;
        color: #10101d; }
        .contactForm ul li select:focus {
          outline: none;
          border-color: #3a893a; }
      .contactForm ul li input[type=submit] {
        width: 100%;
        max-width: 180px;
        height: 48px;
        border-radius: 8px;
        text-align: center;
        font: 400 14px "Rubik", sans-serif;
        color: #fff;
        background-color: #3a893a;
        cursor: pointer;
        border: none;
        margin: 8px 0 0 0; }
        @media (max-width: 480px) {
          .contactForm ul li input[type=submit] {
            max-width: 100%; } }
        .contactForm ul li input[type=submit]:focus {
          outline: none; }
        .contactForm ul li input[type=submit]:hover {
          background-color: #3a893a; }

.map {
  width: 100%;
  min-height: 260px; }
  .map img {
    display: block;
    width: 100%;
    min-height: 260px;
    object-fit: cover; }

.beyondAcademicsWrapp {
  width: 100%;
  overflow-x: hidden; }
  .beyondAcademicsWrapp .beyondPhoto {
    width: 100%;
    min-height: 360px; }
    .beyondAcademicsWrapp .beyondPhoto img {
      display: block;
      width: 100%;
      min-height: 360px;
      object-fit: cover; }
  .beyondAcademicsWrapp .beyondWrapper {
    width: 100%;
    max-width: 1280px;
    padding: 0 24px 72px 24px;
    margin: 0 auto; }
    .beyondAcademicsWrapp .beyondWrapper h1 {
      text-align: center;
      font: 600 48px "Rubik", sans-serif;
      color: #3a893a;
      transform: translateY(-72px); }
    .beyondAcademicsWrapp .beyondWrapper .beyondSections {
      width: 100%;
      display: flex;
      flex-flow: column;
      gap: 48px; }
      .beyondAcademicsWrapp .beyondWrapper .beyondSections .beyondSecLeft {
        width: 100%;
        display: grid;
        align-items: center;
        grid-template-columns: auto 608px;
        gap: 40px; }
        @media (max-width: 1440px) {
          .beyondAcademicsWrapp .beyondWrapper .beyondSections .beyondSecLeft {
            grid-template-columns: auto 460px; } }
        @media (max-width: 1024px) {
          .beyondAcademicsWrapp .beyondWrapper .beyondSections .beyondSecLeft {
            grid-template-columns: 100%;
            gap: 24px; } }
        .beyondAcademicsWrapp .beyondWrapper .beyondSections .beyondSecLeft .beyondText {
          width: 100%;
          display: flex;
          flex-flow: column;
          gap: 24px; }
          .beyondAcademicsWrapp .beyondWrapper .beyondSections .beyondSecLeft .beyondText h2 {
            text-align: left;
            font: 600 32px "Rubik", sans-serif;
            color: #10101d; }
          .beyondAcademicsWrapp .beyondWrapper .beyondSections .beyondSecLeft .beyondText .text {
            width: 100%;
            display: flex;
            flex-flow: column;
            gap: 8px;
            max-height: 360px;
            overflow-y: auto; }
            @media (max-width: 1024px) {
              .beyondAcademicsWrapp .beyondWrapper .beyondSections .beyondSecLeft .beyondText .text {
                max-height: 100%; } }
            .beyondAcademicsWrapp .beyondWrapper .beyondSections .beyondSecLeft .beyondText .text p {
              text-align: left;
              font: 400 15px/1.5 "Rubik", sans-serif;
              color: #50505d; }
        .beyondAcademicsWrapp .beyondWrapper .beyondSections .beyondSecLeft .beyondSlider {
          width: 100%; }
          .beyondAcademicsWrapp .beyondWrapper .beyondSections .beyondSecLeft .beyondSlider .sportsImg {
            width: 100%; }
            .beyondAcademicsWrapp .beyondWrapper .beyondSections .beyondSecLeft .beyondSlider .sportsImg img {
              display: block;
              width: 100%; }
      .beyondAcademicsWrapp .beyondWrapper .beyondSections .beyondSecRight {
        width: 100%;
        display: grid;
        align-items: center;
        grid-template-columns: 608px auto;
        gap: 40px; }
        @media (max-width: 1440px) {
          .beyondAcademicsWrapp .beyondWrapper .beyondSections .beyondSecRight {
            grid-template-columns: 460px auto; } }
        @media (max-width: 1024px) {
          .beyondAcademicsWrapp .beyondWrapper .beyondSections .beyondSecRight {
            display: flex;
            flex-flow: column-reverse;
            gap: 24px; } }
        .beyondAcademicsWrapp .beyondWrapper .beyondSections .beyondSecRight .beyondText {
          width: 100%;
          display: flex;
          flex-flow: column;
          gap: 24px; }
          .beyondAcademicsWrapp .beyondWrapper .beyondSections .beyondSecRight .beyondText h2 {
            text-align: left;
            font: 600 32px "Rubik", sans-serif;
            color: #10101d; }
          .beyondAcademicsWrapp .beyondWrapper .beyondSections .beyondSecRight .beyondText .text {
            width: 100%;
            display: flex;
            flex-flow: column;
            gap: 8px;
            max-height: 360px;
            overflow-y: auto; }
            @media (max-width: 1024px) {
              .beyondAcademicsWrapp .beyondWrapper .beyondSections .beyondSecRight .beyondText .text {
                max-height: 100%; } }
            .beyondAcademicsWrapp .beyondWrapper .beyondSections .beyondSecRight .beyondText .text p {
              text-align: left;
              font: 400 15px/1.5 "Rubik", sans-serif;
              color: #50505d; }
        .beyondAcademicsWrapp .beyondWrapper .beyondSections .beyondSecRight .beyondSlider {
          width: 100%; }
          .beyondAcademicsWrapp .beyondWrapper .beyondSections .beyondSecRight .beyondSlider .sportsImg {
            width: 100%; }
            .beyondAcademicsWrapp .beyondWrapper .beyondSections .beyondSecRight .beyondSlider .sportsImg img {
              display: block;
              width: 100%; }

.docWrapper {
  width: 100%;
  max-width: 1280px;
  padding: 32px 24px 72px 24px;
  margin: 0 auto; }
  .docWrapper h1 {
    text-align: center;
    font: 600 48px "Rubik", sans-serif;
    color: #3a893a; }
  .docWrapper .docContainer {
    width: 100%;
    padding: 48px 0 0 0; }
    .docWrapper .docContainer table {
      width: 100%;
      border-collapse: collapse; }
      .docWrapper .docContainer table tbody {
        width: 100%;
        display: flex;
        flex-flow: column;
        gap: 48px; }
        .docWrapper .docContainer table tbody tr {
          display: block;
          width: 100%; }
          .docWrapper .docContainer table tbody tr td {
            display: block;
            width: 100%; }
            .docWrapper .docContainer table tbody tr td h3 {
              display: block;
              width: 100%;
              text-align: left;
              font: 600 24px "Rubik", sans-serif;
              color: #10101d;
              padding: 0 0 24px 0; }
            .docWrapper .docContainer table tbody tr td table {
              width: 100%;
              border-collapse: collapse; }
              .docWrapper .docContainer table tbody tr td table tbody {
                width: 100%;
                display: grid;
                grid-gap: 24px;
                grid-template-columns: repeat(4, minmax(0, 1fr)); }
                @media (max-width: 1024px) {
                  .docWrapper .docContainer table tbody tr td table tbody {
                    grid-template-columns: repeat(3, minmax(0, 1fr));
                    grid-gap: 16px; } }
                @media (max-width: 768px) {
                  .docWrapper .docContainer table tbody tr td table tbody {
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                    grid-gap: 16px; } }
                @media (max-width: 480px) {
                  .docWrapper .docContainer table tbody tr td table tbody {
                    grid-template-columns: repeat(1, minmax(0, 1fr));
                    grid-gap: 16px; } }
                .docWrapper .docContainer table tbody tr td table tbody tr {
                  display: block;
                  width: 100%; }
                  .docWrapper .docContainer table tbody tr td table tbody tr td {
                    display: block;
                    width: 100%; }
                    .docWrapper .docContainer table tbody tr td table tbody tr td a {
                      display: block;
                      width: 100%;
                      border-radius: 12px;
                      overflow: hidden;
                      border: 1px solid #ddd;
                      transition: .25s ease; }
                      .docWrapper .docContainer table tbody tr td table tbody tr td a:hover {
                        transition: .25s ease; }
                        .docWrapper .docContainer table tbody tr td table tbody tr td a:hover span img {
                          transform: scale(1.25);
                          transition: .25s ease; }
                      .docWrapper .docContainer table tbody tr td table tbody tr td a span {
                        width: 100%;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        height: 180px;
                        border-radius: 12px; }
                        .docWrapper .docContainer table tbody tr td table tbody tr td a span.doc1 {
                          background-color: #fff3e8; }
                        .docWrapper .docContainer table tbody tr td table tbody tr td a span.doc2 {
                          background-color: #fce8ff; }
                        .docWrapper .docContainer table tbody tr td table tbody tr td a span.doc3 {
                          background-color: #e8ffef; }
                        .docWrapper .docContainer table tbody tr td table tbody tr td a span.doc4 {
                          background-color: #e8f6ff; }
                        .docWrapper .docContainer table tbody tr td table tbody tr td a span img {
                          display: block;
                          width: 100%;
                          max-width: 56px;
                          transition: .25s ease; }
                      .docWrapper .docContainer table tbody tr td table tbody tr td a b {
                        display: block;
                        width: 100%;
                        text-align: center;
                        font: 400 16px "Rubik", sans-serif;
                        color: #10101d;
                        padding: 20px 16px; }

.awardsWrapper {
  width: 100%;
  max-width: 1280px;
  padding: 60px 24px 72px 24px;
  margin: 0 auto; }
  .awardsWrapper .awardsPhoto {
    width: 100%;
    min-height: 360px; }
    .awardsWrapper .awardsPhoto img {
      display: block;
      width: 100%;
      min-height: 360px;
      object-fit: cover; }
  .awardsWrapper .awardsContainer {
    width: 100%;
    max-width: 1280px;
    padding: 0 24px 72px 24px;
    display: flex;
    flex-flow: column;
    margin: 0 auto; }
    .awardsWrapper .awardsContainer h1 {
      text-align: center;
      font: 600 48px "Rubik", sans-serif;
      color: #3a893a;
      transform: translateY(-72px); }
    .awardsWrapper .awardsContainer .awardsContinerInner {
      width: 100%;
      display: grid;
      gap: 24px;
      grid-template-columns: repeat(3, minmax(0, 1fr)); }
      @media (max-width: 1024px) {
        .awardsWrapper .awardsContainer .awardsContinerInner {
          grid-template-columns: repeat(2, minmax(0, 1fr)); } }
      @media (max-width: 480px) {
        .awardsWrapper .awardsContainer .awardsContinerInner {
          grid-template-columns: repeat(1, minmax(0, 1fr)); } }
      .awardsWrapper .awardsContainer .awardsContinerInner .awardCon {
        width: 100%;
        overflow: hidden;
        position: relative;
        border-radius: 8px;
        box-shadow: 0 105px 30px transparent, 0 67px 27px rgba(0, 0, 0, 0.01), 0 38px 23px rgba(0, 0, 0, 0.04), 0 17px 17px rgba(0, 0, 0, 0.07), 0 4px 9px rgba(0, 0, 0, 0.08);
        border: 1px solid #ddd; }
        .awardsWrapper .awardsContainer .awardsContinerInner .awardCon:hover .awardText {
          bottom: 0;
          transition: .25s ease; }
        .awardsWrapper .awardsContainer .awardsContinerInner .awardCon .awardPhoto {
          width: 100%;
          height: 100%;
          padding: 8px;
          background-color: #fff; }
          .awardsWrapper .awardsContainer .awardsContinerInner .awardCon .awardPhoto img {
            display: block;
            width: 100%;
            height: 100%; }
        .awardsWrapper .awardsContainer .awardsContinerInner .awardCon .awardText {
          width: 100%;
          height: 100%;
          position: absolute;
          z-index: 1;
          background-color: rgba(58, 137, 58, 0.9);
          display: flex;
          flex-flow: column;
          gap: 16px;
          padding: 24px;
          left: 0;
          bottom: -100%;
          transition: .25s ease;
          overflow-y: auto; }
          @media (max-width: 768px) {
            .awardsWrapper .awardsContainer .awardsContinerInner .awardCon .awardText {
              padding: 16px; } }
          .awardsWrapper .awardsContainer .awardsContinerInner .awardCon .awardText b {
            display: block;
            width: 100%;
            text-align: left;
            font: 500 16px "Rubik", sans-serif;
            color: #f0e321; }
            @media (max-width: 768px) {
              .awardsWrapper .awardsContainer .awardsContinerInner .awardCon .awardText b {
                font-size: 13px; } }
          .awardsWrapper .awardsContainer .awardsContinerInner .awardCon .awardText p {
            text-align: left;
            font: 400 14px/1.5 "Rubik", sans-serif;
            color: #fff; }
            @media (max-width: 768px) {
              .awardsWrapper .awardsContainer .awardsContinerInner .awardCon .awardText p {
                font-size: 12px; } }

.aboutWrapp {
  width: 100%;
  margin-bottom: 72px; }
  .aboutWrapp .aboutus {
    width: 100%;
    padding: 0 24px;
    margin: 0 auto;
    box-sizing: border-box;
    max-width: 1280px; }
    .aboutWrapp .aboutus h2 {
      text-align: left;
      font: 600 32px "Rubik", sans-serif;
      color: #3a893a; }
    .aboutWrapp .aboutus .photo {
      width: 100%;
      margin: 0 0 40px 0;
      display: flex;
      align-items: center;
      justify-content: center; }
      .aboutWrapp .aboutus .photo img {
        display: block;
        width: 100%;
        max-width: 560px; }
    .aboutWrapp .aboutus p {
      text-align: left;
      font: 400 15px/1.4 "Rubik", sans-serif;
      color: #505055;
      margin: 24px 0 0 0; }
    .aboutWrapp .aboutus .share {
      height: auto;
      width: 100%;
      margin-top: 60px; }
      .aboutWrapp .aboutus .share h4 {
        text-align: left;
        font: 600 14px "Rubik", sans-serif;
        color: #515778;
        text-transform: uppercase; }
      .aboutWrapp .aboutus .share .share_infra {
        height: auto;
        width: 100%;
        margin-top: 15px;
        display: flex;
        flex-flow: row nowrap;
        align-items: center; }
        .aboutWrapp .aboutus .share .share_infra a {
          height: 30px;
          width: 30px;
          display: block;
          margin-right: 2px;
          border-radius: 2px;
          background: url(../icons/share_links.png) no-repeat #ddd;
          font-size: 0px; }
          .aboutWrapp .aboutus .share .share_infra a.face {
            background-position: 0 0; }
          .aboutWrapp .aboutus .share .share_infra a.twi {
            background-position: -32px 0; }
          .aboutWrapp .aboutus .share .share_infra a.in {
            background-position: -64px 0; }
          .aboutWrapp .aboutus .share .share_infra a.wapp {
            background-position: -96px 0; }

.newsletterWrapper {
  width: 100%;
  max-width: 1280px;
  padding: 32px 24px 72px 24px;
  margin: 0 auto; }
  .newsletterWrapper h1 {
    text-align: center;
    font: 600 48px "Rubik", sans-serif;
    color: #3a893a; }
  .newsletterWrapper .newsletterContainer {
    width: 100%;
    padding: 48px 0 0 0; }
    .newsletterWrapper .newsletterContainer table {
      width: 100%;
      border-collapse: collapse; }
      .newsletterWrapper .newsletterContainer table tbody {
        width: 100%;
        display: flex;
        flex-flow: column;
        gap: 48px; }
        .newsletterWrapper .newsletterContainer table tbody tr {
          display: block;
          width: 100%; }
          .newsletterWrapper .newsletterContainer table tbody tr td {
            display: block;
            width: 100%; }
            .newsletterWrapper .newsletterContainer table tbody tr td b {
              display: none;
              width: 100%;
              text-align: left;
              font: 600 24px "Rubik", sans-serif;
              color: #10101d;
              padding: 0 0 24px 0; }
            .newsletterWrapper .newsletterContainer table tbody tr td table {
              width: 100%;
              border-collapse: collapse; }
              .newsletterWrapper .newsletterContainer table tbody tr td table tbody {
                width: 100%;
                display: grid;
                grid-gap: 24px;
                grid-template-columns: repeat(4, minmax(0, 1fr)); }
                @media (max-width: 1024px) {
                  .newsletterWrapper .newsletterContainer table tbody tr td table tbody {
                    grid-template-columns: repeat(3, minmax(0, 1fr));
                    grid-gap: 16px; } }
                @media (max-width: 768px) {
                  .newsletterWrapper .newsletterContainer table tbody tr td table tbody {
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                    grid-gap: 16px; } }
                @media (max-width: 480px) {
                  .newsletterWrapper .newsletterContainer table tbody tr td table tbody {
                    grid-template-columns: repeat(1, minmax(0, 1fr));
                    grid-gap: 16px; } }
                .newsletterWrapper .newsletterContainer table tbody tr td table tbody tr {
                  display: block;
                  width: 100%; }
                  .newsletterWrapper .newsletterContainer table tbody tr td table tbody tr td {
                    display: block;
                    width: 100%; }
                    .newsletterWrapper .newsletterContainer table tbody tr td table tbody tr td a {
                      display: block;
                      width: 100%;
                      border-radius: 12px;
                      overflow: hidden;
                      border: 1px solid #ddd;
                      transition: .25s ease; }
                      .newsletterWrapper .newsletterContainer table tbody tr td table tbody tr td a:hover {
                        transition: .25s ease; }
                        .newsletterWrapper .newsletterContainer table tbody tr td table tbody tr td a:hover span img {
                          transform: scale(1.25);
                          transition: .25s ease; }
                      .newsletterWrapper .newsletterContainer table tbody tr td table tbody tr td a span {
                        width: 100%;
                        padding: 48px 0;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        border-radius: 12px;
                        overflow: hidden; }
                        .newsletterWrapper .newsletterContainer table tbody tr td table tbody tr td a span img {
                          display: block;
                          width: 100%;
                          max-width: 60px;
                          transition: .25s ease; }
                      .newsletterWrapper .newsletterContainer table tbody tr td table tbody tr td a b {
                        display: block;
                        width: 100%;
                        text-align: center;
                        font: 400 16px "Rubik", sans-serif;
                        color: #10101d;
                        padding: 20px 16px; }

.galleryWrapper {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 48px 24px;
  display: flex;
  flex-flow: column;
  gap: 48px; }
  .galleryWrapper .galleryText {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 48px;
    align-items: center; }
    @media (max-width: 1024px) {
      .galleryWrapper .galleryText {
        grid-template-columns: repeat(1, minmax(0, 1fr)); } }
    .galleryWrapper .galleryText .gaL_txt {
      width: 100%;
      display: flex;
      flex-flow: column;
      gap: 24px; }
      .galleryWrapper .galleryText .gaL_txt h1 {
        text-align: left;
        font: 400 32px "matura_mt_script_capitalsRg", serif;
        color: #3a893a; }
      .galleryWrapper .galleryText .gaL_txt p {
        text-align: left;
        font: 400 15px/1.5 "comic_sans_msbold", serif;
        color: #002060; }
    .galleryWrapper .galleryText .galPhoto {
      width: 100%;
      max-height: 348px;
      overflow: hidden; }
      .galleryWrapper .galleryText .galPhoto img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover; }
  .galleryWrapper .p_gallery {
    width: 80%;
    display: grid;
    grid-gap: 16px;
    grid-template-columns: repeat(7, minmax(0, 1fr)); }
    @media (max-width: 1440px) {
      .galleryWrapper .p_gallery {
        grid-template-columns: repeat(7, minmax(0, 1fr)); } }
    @media (max-width: 1440px) {
      .galleryWrapper .p_gallery {
        grid-template-columns: repeat(6, minmax(0, 1fr)); } }
    @media (max-width: 1440px) {
      .galleryWrapper .p_gallery {
        grid-template-columns: repeat(5, minmax(0, 1fr)); } }
    @media (max-width: 1024px) {
      .galleryWrapper .p_gallery {
        grid-template-columns: repeat(4, minmax(0, 1fr)); } }
    @media (max-width: 480px) {
      .galleryWrapper .p_gallery {
        grid-template-columns: repeat(3, minmax(0, 1fr)); } }
    @media (max-width: 480px) {
      .galleryWrapper .p_gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr)); } }
    @media (max-width: 480px) {
      .galleryWrapper .p_gallery {
        grid-template-columns: repeat(1, minmax(0, 1fr)); } }
    .galleryWrapper .p_gallery .photo_gallery_box {
      width: 100%;
      height: auto; }
      .galleryWrapper .p_gallery .photo_gallery_box .photo_gallery_link {
        height: 100%;
        width: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 8px; }
        .galleryWrapper .p_gallery .photo_gallery_box .photo_gallery_link span {
          width: 100%;
          display: block;
          text-align: left;
          color: #fff;
          background: black;
          background: linear-gradient(180deg, transparent 0%, black 100%);
          position: absolute;
          left: 0;
          bottom: 0;
          padding: 62px 16px 16px 16px;
          box-sizing: border-box; }
        .galleryWrapper .p_gallery .photo_gallery_box .photo_gallery_link a {
          display: block;
          width: 100%;
          aspect-ratio: 4 / 3;
          overflow: hidden; }
          .galleryWrapper .p_gallery .photo_gallery_box .photo_gallery_link a img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover; }

.flavour {
  width: 100%;
  background: url(../images/textures/texture-5.png) no-repeat center #fff;
  background-size: cover; }
  .flavour .flavourWrapper {
    width: 100%;
    max-width: 1280px;
    padding: 72px 24px 0 24px;
    margin: 0 auto;
    display: flex;
    flex-flow: column;
    gap: 62px;
    overflow: hidden; }
    .flavour .flavourWrapper h1 {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 4px;
      text-align: center; }
      .flavour .flavourWrapper h1 b {
        display: inline-block;
        width: auto;
        font: 700 48px "Rubik", sans-serif;
        color: #3a893a; }
        @media (max-width: 480px) {
          .flavour .flavourWrapper h1 b {
            font-size: 24px; } }
      .flavour .flavourWrapper h1 span {
        display: inline-block;
        width: auto;
        font: italic 700 52px "EB Garamond", serif;
        color: #3a893a;
        transform: translateY(-1px); }
        @media (max-width: 480px) {
          .flavour .flavourWrapper h1 span {
            font-size: 28px; } }
    .flavour .flavourWrapper .flavourContainer {
      width: 100%;
      display: grid;
      grid-gap: 24px;
      grid-template-columns: repeat(4, minmax(0, 1fr)); }
      @media (max-width: 1024px) {
        .flavour .flavourWrapper .flavourContainer {
          grid-template-columns: repeat(2, minmax(0, 1fr)); } }
      @media (max-width: 480px) {
        .flavour .flavourWrapper .flavourContainer {
          grid-template-columns: repeat(1, minmax(0, 1fr)); } }
      .flavour .flavourWrapper .flavourContainer .learning_sys {
        width: 100%;
        padding: 20px;
        border-radius: 16px;
        background-color: #3a893a;
        display: flex;
        flex-flow: column;
        gap: 16px;
        /* &.color1 {
                    background-color: $green;
                }

                &.color2 {
                    background-color: $green;
                }

                &.color3 {
                    background-color: $green;
                }

                &.color4 {
                    background-color: #2dbb7d;
                }*/ }
        .flavour .flavourWrapper .flavourContainer .learning_sys:hover .image img {
          transform: scale(1.2);
          transition: .25s ease; }
        .flavour .flavourWrapper .flavourContainer .learning_sys .image {
          width: 100%;
          overflow: hidden; }
          .flavour .flavourWrapper .flavourContainer .learning_sys .image img {
            display: block;
            width: 100%;
            border-radius: 10px;
            transition: .25s ease; }
        .flavour .flavourWrapper .flavourContainer .learning_sys .text {
          width: 100%; }
          .flavour .flavourWrapper .flavourContainer .learning_sys .text b {
            display: block;
            width: 100%;
            text-align: center;
            font: 600 18px "Rubik", sans-serif;
            color: #fff; }

.photoGalleryWrapp {
  width: 100%;
  padding: 32px 0 72px 0; }
  .photoGalleryWrapp .photogalleryCon {
    width: 100%;
    max-width: 1280px;
    padding: 0 24px;
    margin: 0 auto;
    box-sizing: border-box; }
    .photoGalleryWrapp .photogalleryCon h1 {
      text-align: center;
      font: 600 48px "Rubik", sans-serif;
      color: #3a893a; }
    .photoGalleryWrapp .photogalleryCon .photo_gallery_inner {
      width: 100%;
      margin: 48px 0 0 0;
      display: grid;
      grid-gap: 16px;
      grid-template-columns: repeat(4, 1fr);
      box-sizing: border-box; }
      @media (max-width: 1440px) {
        .photoGalleryWrapp .photogalleryCon .photo_gallery_inner {
          grid-template-columns: repeat(3, 1fr); } }
      @media (max-width: 1024px) {
        .photoGalleryWrapp .photogalleryCon .photo_gallery_inner {
          grid-template-columns: repeat(2, 1fr); } }
      @media (max-width: 480px) {
        .photoGalleryWrapp .photogalleryCon .photo_gallery_inner {
          grid-template-columns: repeat(1, 1fr); } }
      .photoGalleryWrapp .photogalleryCon .photo_gallery_inner .photo_gallery_box {
        width: 100%;
        height: auto; }
        .photoGalleryWrapp .photogalleryCon .photo_gallery_inner .photo_gallery_box .photo_gallery_link {
          height: 100%;
          width: 100%;
          position: relative;
          overflow: hidden; }
          .photoGalleryWrapp .photogalleryCon .photo_gallery_inner .photo_gallery_box .photo_gallery_link span {
            width: 100%;
            display: block;
            text-align: left;
            font: 500 14px "Rubik", sans-serif;
            color: #fff;
            background: black;
            background: linear-gradient(180deg, transparent 0%, black 100%);
            position: absolute;
            left: 0;
            bottom: 0;
            padding: 62px 16px 16px 16px;
            box-sizing: border-box; }
          .photoGalleryWrapp .photogalleryCon .photo_gallery_inner .photo_gallery_box .photo_gallery_link a {
            display: block;
            width: 100%; }
            .photoGalleryWrapp .photogalleryCon .photo_gallery_inner .photo_gallery_box .photo_gallery_link a img {
              display: block;
              width: 100%; }

.contentWrapp {
  width: 100%;
  margin-bottom: 72px; }
  .contentWrapp .content {
    width: 100%;
    padding: 0 24px;
    margin: 0 auto;
    box-sizing: border-box;
    max-width: 1280px; }
    .contentWrapp .content h2 {
      text-align: left;
      font: 600 32px "Rubik", sans-serif;
      color: #3a893a; }
    .contentWrapp .content .photo {
      width: 100%;
      margin: 0 0 40px 0;
      display: flex;
      align-items: center;
      justify-content: center; }
      .contentWrapp .content .photo img {
        display: block;
        width: 100%;
        max-width: 560px; }
    .contentWrapp .content p {
      text-align: left;
      font: 400 15px/1.4 "Rubik", sans-serif;
      color: #505055;
      margin: 24px 0 0 0; }
    .contentWrapp .content .contentTable {
      width: 100%; }
      .contentWrapp .content .contentTable p {
        text-align: left;
        font: 400 15px/1.4 "Rubik", sans-serif;
        color: #505055;
        margin: 16px 0 0 0; }
      .contentWrapp .content .contentTable embed {
        width: 100% !important;
        height: 1200px;
        margin-top: 32px; }
    .contentWrapp .content .share {
      height: auto;
      width: 100%;
      margin-top: 60px; }
      .contentWrapp .content .share h4 {
        text-align: left;
        font: 600 14px "Rubik", sans-serif;
        color: #515778;
        text-transform: uppercase; }
      .contentWrapp .content .share .share_infra {
        height: auto;
        width: 100%;
        margin-top: 15px;
        display: flex;
        flex-flow: row nowrap;
        align-items: center; }
        .contentWrapp .content .share .share_infra a {
          height: 30px;
          width: 30px;
          display: block;
          margin-right: 2px;
          border-radius: 2px;
          background: url(../icons/share_links.png) no-repeat #ddd;
          font-size: 0px; }
          .contentWrapp .content .share .share_infra a.face {
            background-position: 0 0; }
          .contentWrapp .content .share .share_infra a.twi {
            background-position: -32px 0; }
          .contentWrapp .content .share .share_infra a.in {
            background-position: -64px 0; }
          .contentWrapp .content .share .share_infra a.wapp {
            background-position: -96px 0; }

.contentbgPhoto {
  width: 100%;
  min-height: 360px; }
  .contentbgPhoto img {
    display: block;
    width: 100%;
    min-height: 360px;
    object-fit: cover; }

.allNewsWrapp {
  width: 100%;
  padding-top: 32px;
  margin-bottom: 72px; }
  @media (max-width: 480px) {
    .allNewsWrapp {
      padding-top: 120px; } }
  .allNewsWrapp .allNewscon {
    width: 100%;
    max-width: 1280px;
    padding: 0 24px;
    margin: 0 auto;
    box-sizing: border-box; }
    .allNewsWrapp .allNewscon h2 {
      text-align: left;
      text-transform: uppercase;
      font: 700 40px "Rubik", sans-serif;
      color: #3a893a; }
    .allNewsWrapp .allNewscon table {
      width: 100%;
      border-collapse: collapse;
      margin: 32px 0; }
      .allNewsWrapp .allNewscon table tbody {
        width: 100%;
        display: grid;
        grid-gap: 24px;
        grid-template-columns: repeat(4, 1fr); }
        @media (max-width: 1440px) {
          .allNewsWrapp .allNewscon table tbody {
            grid-template-columns: repeat(3, 1fr); } }
        @media (max-width: 1024px) {
          .allNewsWrapp .allNewscon table tbody {
            grid-template-columns: repeat(2, 1fr); } }
        @media (max-width: 480px) {
          .allNewsWrapp .allNewscon table tbody {
            grid-template-columns: repeat(1, 1fr); } }
        .allNewsWrapp .allNewscon table tbody tr {
          display: block;
          width: 100%;
          height: 100%; }
          .allNewsWrapp .allNewscon table tbody tr td {
            display: block;
            width: 100%;
            height: 100%; }
            .allNewsWrapp .allNewscon table tbody tr td .news {
              width: 100%;
              height: 100%; }
              .allNewsWrapp .allNewscon table tbody tr td .news a {
                display: block;
                width: 100%;
                height: 100%;
                border-radius: 8px;
                overflow: hidden;
                border: 1px solid #a0a0a0;
                padding: 0 0 16px 0; }
                .allNewsWrapp .allNewscon table tbody tr td .news a:hover {
                  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); }
                .allNewsWrapp .allNewscon table tbody tr td .news a .photo {
                  width: 100%; }
                  .allNewsWrapp .allNewscon table tbody tr td .news a .photo img {
                    display: block;
                    width: 100%;
                    aspect-ratio: 16 / 9; }
                .allNewsWrapp .allNewscon table tbody tr td .news a b {
                  display: block;
                  width: 100%;
                  text-align: left;
                  font: 400 18px "Rubik", sans-serif;
                  color: #000;
                  padding: 16px 16px 8px 16px; }
                .allNewsWrapp .allNewscon table tbody tr td .news a span {
                  display: block;
                  width: 100%;
                  text-align: left;
                  font: 400 13px "Rubik", sans-serif;
                  color: #808080;
                  padding: 0 0 0 42px;
                  background: url(~/icons/calendar.svg) no-repeat left 16px center;
                  background-size: 20px;
                  box-sizing: border-box; }

.photoGalleryContainerWrapper {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden; }
  .photoGalleryContainerWrapper .photogalleryBg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.78);
    display: flex;
    align-items: center;
    justify-content: center; }
    .photoGalleryContainerWrapper .photogalleryBg .galleryLink {
      width: auto;
      display: inline-flex;
      flex-flow: column;
      align-items: center;
      gap: 24px;
      padding: 32px 40px;
      border-radius: 16px;
      background-color: rgba(255, 214, 0, 0.82); }
      .photoGalleryContainerWrapper .photogalleryBg .galleryLink b {
        display: block;
        width: 100%;
        text-align: center;
        font: 400 36px "satoshibold", arial, sans-serif;
        color: #202022; }
      .photoGalleryContainerWrapper .photogalleryBg .galleryLink a {
        display: inline-block;
        width: auto;
        font: 400 16px "satoshimedium", arial, sans-serif;
        color: #fff;
        border-radius: 8px;
        padding: 16px 64px 16px 32px;
        background: url(../icons/right-arrow.svg) no-repeat right 24px center #192482;
        background-size: 24px; }
        .photoGalleryContainerWrapper .photogalleryBg .galleryLink a:hover {
          background-color: #3C49B9; }
  .photoGalleryContainerWrapper .photoGalleryWrapperhome {
    width: 100%;
    display: grid;
    grid-template-columns: 50.69% 21.88% 27.43%;
    align-items: center;
    overflow: hidden; }
    @media (max-width: 480px) {
      .photoGalleryContainerWrapper .photoGalleryWrapperhome {
        grid-template-columns: repeat(1, 1fr); } }
    .photoGalleryContainerWrapper .photoGalleryWrapperhome .photoGalleryOne {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      overflow: hidden; }
      .photoGalleryContainerWrapper .photoGalleryWrapperhome .photoGalleryOne .photoGalOne {
        width: 100%;
        display: grid;
        grid-template-columns: 54% 46%;
        overflow: hidden; }
        .photoGalleryContainerWrapper .photoGalleryWrapperhome .photoGalleryOne .photoGalOne .gal {
          width: 100%;
          height: 100%;
          overflow: hidden; }
          .photoGalleryContainerWrapper .photoGalleryWrapperhome .photoGalleryOne .photoGalOne .gal img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover; }
      .photoGalleryContainerWrapper .photoGalleryWrapperhome .photoGalleryOne .photoGalTwo {
        width: 100%;
        display: grid;
        grid-template-columns: 71.23% 28.76%;
        overflow: hidden; }
        .photoGalleryContainerWrapper .photoGalleryWrapperhome .photoGalleryOne .photoGalTwo .gal {
          width: 100%;
          height: 100%;
          overflow: hidden; }
          .photoGalleryContainerWrapper .photoGalleryWrapperhome .photoGalleryOne .photoGalTwo .gal img {
            display: block;
            width: 99%;
            height: 100%;
            object-fit: cover; }
    .photoGalleryContainerWrapper .photoGalleryWrapperhome .photoGalleryTwo {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      overflow: hidden; }
      .photoGalleryContainerWrapper .photoGalleryWrapperhome .photoGalleryTwo .gal {
        width: 100%;
        height: 100%;
        overflow: hidden; }
        .photoGalleryContainerWrapper .photoGalleryWrapperhome .photoGalleryTwo .gal img {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover; }
    .photoGalleryContainerWrapper .photoGalleryWrapperhome .photoGalleryThree {
      width: 100%;
      overflow: hidden; }
      .photoGalleryContainerWrapper .photoGalleryWrapperhome .photoGalleryThree .gal {
        width: 100%; }
        .photoGalleryContainerWrapper .photoGalleryWrapperhome .photoGalleryThree .gal img {
          display: block;
          width: 100%; }

.inspiringWrapp {
  width: 100%;
  padding: 96px 0 48px 0;
  background: url(../icons/inspiringBg.svg) no-repeat left center;
  background-size: 550px; }
  .inspiringWrapp .inspiringWrapper {
    width: 100%;
    max-width: 1280px;
    padding: 0 24px;
    margin: 0 auto;
    display: grid;
    grid-gap: 96px;
    grid-template-columns: 200px auto;
    align-items: center; }
    @media (max-width: 1024px) {
      .inspiringWrapp .inspiringWrapper {
        max-width: 620px;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 48px; } }
    @media (max-width: 480px) {
      .inspiringWrapp .inspiringWrapper {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 48px; } }
    .inspiringWrapp .inspiringWrapper .inspiringContainer {
      width: 100%;
      display: flex;
      flex-flow: column;
      gap: 24px;
      align-items: flex-start;
      justify-content: flex-start; }
      .inspiringWrapp .inspiringWrapper .inspiringContainer .logo {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start; }
        .inspiringWrapp .inspiringWrapper .inspiringContainer .logo img {
          display: block;
          width: 100%;
          max-width: 106px; }
      .inspiringWrapp .inspiringWrapper .inspiringContainer h1 {
        display: flex;
        align-items: center;
        flex-flow: row wrap;
        gap: 4px;
        text-align: center; }
        .inspiringWrapp .inspiringWrapper .inspiringContainer h1 b {
          display: inline-block;
          width: auto;
          font: 700 48px "Rubik", sans-serif;
          color: #3a893a; }
          @media (max-width: 480px) {
            .inspiringWrapp .inspiringWrapper .inspiringContainer h1 b {
              font-size: 24px; } }
        .inspiringWrapp .inspiringWrapper .inspiringContainer h1 small {
          display: inline-block;
          width: auto;
          font: italic 700 52px "EB Garamond", serif;
          color: #3a893a;
          transform: translateY(-1px); }
          @media (max-width: 480px) {
            .inspiringWrapp .inspiringWrapper .inspiringContainer h1 small {
              font-size: 28px; } }
    .inspiringWrapp .inspiringWrapper .inspiringCon {
      width: 100%; }
      .inspiringWrapp .inspiringWrapper .inspiringCon ul {
        width: 100%;
        display: grid;
        grid-gap: 20px;
        grid-template-columns: repeat(3, minmax(0, 1fr)); }
        @media (max-width: 1024px) {
          .inspiringWrapp .inspiringWrapper .inspiringCon ul {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            grid-gap: 16px; } }
        @media (max-width: 480px) {
          .inspiringWrapp .inspiringWrapper .inspiringCon ul {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            grid-gap: 8px; } }
        .inspiringWrapp .inspiringWrapper .inspiringCon ul li {
          width: 100%;
          padding: 16px;
          background-color: #fff;
          border-radius: 16px;
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
          display: flex;
          flex-flow: column;
          gap: 16px; }
          @media (max-width: 480px) {
            .inspiringWrapp .inspiringWrapper .inspiringCon ul li {
              padding: 8px;
              box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); } }
          .inspiringWrapp .inspiringWrapper .inspiringCon ul li .inspingPhoto {
            width: 100%;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15); }
            .inspiringWrapp .inspiringWrapper .inspiringCon ul li .inspingPhoto img {
              display: block;
              width: 100%; }
          .inspiringWrapp .inspiringWrapper .inspiringCon ul li .inspiringText {
            width: 100%;
            display: flex;
            flex-flow: column;
            gap: 8px; }
            .inspiringWrapp .inspiringWrapper .inspiringCon ul li .inspiringText b {
              display: block;
              width: 100%;
              text-align: center;
              font: 500 18px "Rubik", sans-serif;
              color: #202022; }
            .inspiringWrapp .inspiringWrapper .inspiringCon ul li .inspiringText p {
              text-align: center;
              font: 400 15px "Rubik", sans-serif;
              color: #505055; }

.starsWrapp {
  width: 100%;
  padding: 0 24px;
  box-sizing: border-box; }
  .starsWrapp h2 {
    text-align: center;
    text-transform: uppercase;
    font: 400 40px "satoshibold", arial, sans-serif;
    color: #006532; }
  .starsWrapp ul {
    width: 100%;
    max-width: 1280px;
    padding: 0 24px;
    box-sizing: border-box;
    margin: 40px auto 0 auto;
    display: grid;
    grid-gap: 16px;
    grid-template-columns: repeat(5, 1fr); }
    @media (max-width: 1024px) {
      .starsWrapp ul {
        grid-template-columns: repeat(2, 1fr); } }
    @media (max-width: 480px) {
      .starsWrapp ul {
        grid-template-columns: repeat(1, 1fr); } }
    .starsWrapp ul li {
      width: 100%;
      position: relative; }
      .starsWrapp ul li .stars {
        height: auto;
        width: 100%;
        border-radius: 12px;
        background: url(../icons/shining.svg) no-repeat left bottom #fff;
        background-size: cover;
        padding: 0px 20px 20px 20px;
        box-sizing: border-box;
        overflow: hidden; }
        .starsWrapp ul li .stars .image {
          display: block;
          width: 100%;
          aspect-ratio: 1 / 1;
          border-radius: 12px;
          overflow: hidden;
          position: relative; }
          .starsWrapp ul li .stars .image img {
            display: block;
            width: 100%; }
        .starsWrapp ul li .stars b {
          display: block;
          width: 100%;
          text-align: center;
          font: 400 16px "satoshimedium", arial, sans-serif;
          color: #fff;
          margin: 16px 0 0 0; }
        .starsWrapp ul li .stars small {
          display: block;
          width: 100%;
          text-align: center;
          font: 400 12px "satoshimedium", arial, sans-serif;
          color: #fff;
          margin: 6px 0 0 0; }

.photoGalleryWrapper {
  width: 100%;
  padding: 62px 0;
  /*background-color: $lightGreen;*/ }
  @media (max-width: 1440px) {
    .photoGalleryWrapper {
      padding: 24px 0 62px 0; } }
  .photoGalleryWrapper .photogalleryInner {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    flex-flow: column;
    align-items: center; }
    .photoGalleryWrapper .photogalleryInner h2 {
      text-align: center;
      font: 700 40px "Rubik", sans-serif;
      color: #202022; }
      @media (max-width: 480px) {
        .photoGalleryWrapper .photogalleryInner h2 {
          font-size: 32px; } }
    .photoGalleryWrapper .photogalleryInner .gallery {
      width: 100%;
      margin: 24px 0 0 0;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-gap: 16px; }
      @media (max-width: 1440px) {
        .photoGalleryWrapper .photogalleryInner .gallery {
          grid-template-columns: repeat(3, 1fr); } }
      @media (max-width: 1024px) {
        .photoGalleryWrapper .photogalleryInner .gallery {
          grid-template-columns: repeat(2, 1fr); } }
      @media (max-width: 480px) {
        .photoGalleryWrapper .photogalleryInner .gallery {
          grid-template-columns: repeat(1, 1fr); } }
      .photoGalleryWrapper .photogalleryInner .gallery .photo_gallery_box {
        width: 100%; }
        .photoGalleryWrapper .photogalleryInner .gallery .photo_gallery_box a {
          display: block;
          width: 100%;
          padding: 14px;
          background-color: #fff;
          transition: .3s ease; }
          .photoGalleryWrapper .photogalleryInner .gallery .photo_gallery_box a:hover span img {
            transform: scale(1.25);
            transition: .3s ease; }
          .photoGalleryWrapper .photogalleryInner .gallery .photo_gallery_box a span {
            display: block;
            width: 100%;
            aspect-ratio: 4 / 3;
            overflow: hidden; }
            .photoGalleryWrapper .photogalleryInner .gallery .photo_gallery_box a span img {
              display: block;
              width: 100%;
              object-fit: cover;
              transition: .3s ease;
              height: 100%; }
          .photoGalleryWrapper .photogalleryInner .gallery .photo_gallery_box a b {
            display: block;
            width: 100%;
            text-align: center;
            font: 500 15px "Rubik", sans-serif;
            color: #202020;
            padding: 1rem 0 .25rem 0; }

.schoolAppWrapper {
  width: 100%;
  background-color: #FFFDFC; }
  .schoolAppWrapper .schoolAppwrapp {
    width: 100%;
    max-width: 1280px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    margin: 0 auto;
    padding: 72px 0 0 24px; }
    @media (max-width: 480px) {
      .schoolAppWrapper .schoolAppwrapp {
        padding: 24px 0 0 24px;
        grid-template-columns: repeat(1, 1fr); } }
    .schoolAppWrapper .schoolAppwrapp .appText {
      width: auto;
      display: inline-flex;
      flex-flow: column;
      align-items: center;
      gap: 40px;
      padding: 0 0 62px 0; }
      @media (max-width: 480px) {
        .schoolAppWrapper .schoolAppwrapp .appText {
          padding: 0 24px 62px 0; } }
      .schoolAppWrapper .schoolAppwrapp .appText .introd {
        width: auto;
        display: inline-flex;
        flex-flow: column;
        align-items: center; }
        .schoolAppWrapper .schoolAppwrapp .appText .introd h1 {
          text-align: center;
          font: 400 78px "dk_au_revoirregular", serif;
          color: #000; }
        .schoolAppWrapper .schoolAppwrapp .appText .introd b {
          display: inline-block;
          width: auto;
          text-align: center;
          font: 700 24px "Rubik", sans-serif;
          color: #000; }
      .schoolAppWrapper .schoolAppwrapp .appText .unified_edu_001 {
        width: auto;
        display: inline-flex;
        flex-flow: column;
        gap: 16px; }
        .schoolAppWrapper .schoolAppwrapp .appText .unified_edu_001 b {
          display: inline-block;
          width: auto;
          text-align: center;
          font: 700 40px "Rubik", sans-serif;
          color: #EA4F23; }
        .schoolAppWrapper .schoolAppwrapp .appText .unified_edu_001 .edusecurelogo {
          width: auto;
          display: inline-flex;
          align-items: center;
          justify-content: center; }
          .schoolAppWrapper .schoolAppwrapp .appText .unified_edu_001 .edusecurelogo img {
            display: block;
            width: 100%;
            max-width: 248px; }
      .schoolAppWrapper .schoolAppwrapp .appText .code {
        width: auto;
        display: inline-block;
        font: 600 16px "Rubik", sans-serif;
        color: #fff;
        background-color: #EA4F23;
        padding: 12px 32px;
        border-radius: 4px 24px 4px 24px; }
      .schoolAppWrapper .schoolAppwrapp .appText .appStore {
        width: auto;
        display: inline-flex;
        align-items: center;
        gap: 24px; }
        @media (max-width: 480px) {
          .schoolAppWrapper .schoolAppwrapp .appText .appStore {
            gap: 16px; } }
        .schoolAppWrapper .schoolAppwrapp .appText .appStore a {
          display: inline-block;
          width: auto; }
          .schoolAppWrapper .schoolAppwrapp .appText .appStore a img {
            display: block;
            width: 100%;
            max-width: 200px; }
    .schoolAppWrapper .schoolAppwrapp .appPhoto {
      width: 100%;
      background: url(../icons/mobilebg.svg) no-repeat right bottom;
      background-size: 100%; }
      .schoolAppWrapper .schoolAppwrapp .appPhoto img {
        display: block;
        width: 100%; }

.appfeatures {
  width: 100%;
  padding: 62px 0;
  background-color: #EA4F23; }
  .appfeatures .appfeaturesInner {
    width: 100%;
    max-width: 1280px;
    padding: 0 24px;
    margin: 0 auto;
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: 48px; }
    .appfeatures .appfeaturesInner h1 {
      text-align: center;
      font: 700 40px "Rubik", sans-serif;
      color: #fff;
      padding: 0 148px; }
      @media (max-width: 1024px) {
        .appfeatures .appfeaturesInner h1 {
          padding: 0 48px; } }
      @media (max-width: 480px) {
        .appfeatures .appfeaturesInner h1 {
          padding: 0; } }
    .appfeatures .appfeaturesInner .featuresCon {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      align-items: flex-start;
      grid-gap: 20px; }
      @media (max-width: 1024px) {
        .appfeatures .appfeaturesInner .featuresCon {
          grid-template-columns: repeat(3, minmax(0, 1fr)); } }
      @media (max-width: 480px) {
        .appfeatures .appfeaturesInner .featuresCon {
          grid-template-columns: repeat(2, minmax(0, 1fr)); } }
      .appfeatures .appfeaturesInner .featuresCon .featureCC {
        width: 100%;
        height: 100%;
        min-height: 204px;
        display: flex;
        flex-flow: column;
        gap: 32px;
        padding: 48px 24px 24px 24px;
        background-color: #fff;
        border-radius: 16px; }
        .appfeatures .appfeaturesInner .featuresCon .featureCC span {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 100%; }
          .appfeatures .appfeaturesInner .featuresCon .featureCC span img {
            display: block;
            width: 100%;
            max-width: 48px; }
            @media (max-width: 480px) {
              .appfeatures .appfeaturesInner .featuresCon .featureCC span img {
                max-width: 36px; } }
        .appfeatures .appfeaturesInner .featuresCon .featureCC b {
          display: block;
          width: 100%;
          text-align: center;
          font: 400 15px "Rubik", sans-serif;
          color: #202020; }
          @media (max-width: 480px) {
            .appfeatures .appfeaturesInner .featuresCon .featureCC b {
              font-size: 14px; } }

.houses {
  width: 100%; }
  .houses .housesInner {
    width: 100%;
    max-width: 1280px;
    padding: 72px 24px 0 24px;
    margin: 0 auto;
    display: flex;
    flex-flow: column;
    gap: 62px;
    overflow: hidden; }
    .houses .housesInner h1 {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 4px;
      text-align: center; }
      .houses .housesInner h1 b {
        display: inline-block;
        width: auto;
        font: 700 48px "Rubik", sans-serif;
        color: #3a893a; }
        @media (max-width: 480px) {
          .houses .housesInner h1 b {
            font-size: 24px; } }
      .houses .housesInner h1 span {
        display: inline-block;
        width: auto;
        font: italic 700 52px "EB Garamond", serif;
        color: #3a893a;
        transform: translateY(-1px); }
        @media (max-width: 480px) {
          .houses .housesInner h1 span {
            font-size: 28px; } }
    .houses .housesInner ul {
      width: 100%;
      display: grid;
      grid-gap: 24px;
      grid-template-columns: repeat(4, minmax(0, 1fr)); }
      @media (max-width: 1024px) {
        .houses .housesInner ul {
          grid-template-columns: repeat(2, minmax(0, 1fr)); } }
      @media (max-width: 480px) {
        .houses .housesInner ul {
          grid-template-columns: repeat(1, minmax(0, 1fr)); } }
      .houses .housesInner ul li {
        width: 100%;
        border-radius: 16px;
        overflow: hidden; }
        .houses .housesInner ul li .photo {
          width: 100%; }
          .houses .housesInner ul li .photo img {
            display: block;
            width: 100%; }
        .houses .housesInner ul li .housestext {
          width: 100%;
          background-color: #3A893A;
          display: flex;
          flex-flow: column;
          gap: 16px;
          padding: 16px;
          box-sizing: border-box;
          position: relative; }
          .houses .housesInner ul li .housestext::before {
            content: '';
            width: 100%;
            background: url(../icons/houses.svg) no-repeat left top;
            background-size: 100%;
            height: 48px;
            position: absolute;
            left: 0;
            top: -36px; }
            @media (max-width: 1440px) {
              .houses .housesInner ul li .housestext::before {
                top: -24px; } }
            @media (max-width: 1024px) {
              .houses .housesInner ul li .housestext::before {
                top: -32px; } }
          .houses .housesInner ul li .housestext b {
            display: block;
            width: 100%;
            text-align: center;
            font: 700 20px "Rubik", sans-serif;
            color: #fff;
            position: relative; }
            .houses .housesInner ul li .housestext b::after {
              content: '';
              width: 100%;
              background: url(../icons/houses-heading.svg) no-repeat center;
              background-size: 46%;
              height: 16px;
              position: absolute;
              left: 0;
              right: 0;
              bottom: -20px;
              margin: 0 auto; }
          .houses .housesInner ul li .housestext p {
            text-align: center;
            font: 400 14px/1.5 "Rubik", sans-serif;
            color: #fff;
            margin: 16px 0 0 0; }
          .houses .housesInner ul li .housestext a {
            display: block;
            width: 100%;
            text-align: center;
            font: 500 14px/40px "Rubik", sans-serif;
            color: #000;
            border-radius: 8px;
            background-color: #FFE400; }
            .houses .housesInner ul li .housestext a:hover {
              background-color: #FFFAD3; }

.simplePopupWrap {
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.78);
  z-index: 9999; }
  .simplePopupWrap .simplePopup {
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    box-sizing: border-box;
    overflow: hidden; }
    .simplePopupWrap .simplePopup .simplePopup_outer {
      width: 100%;
      max-width: 768px;
      max-height: 100%;
      position: relative; }
      .simplePopupWrap .simplePopup .simplePopup_outer .closepopup {
        display: block;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: url(../icons/close_black.svg) no-repeat center #F05555;
        background-size: 22px;
        position: absolute;
        top: -12px;
        right: -12px;
        font-size: 0;
        z-index: 99; }
      .simplePopupWrap .simplePopup .simplePopup_outer .closepopup:hover {
        background-color: red; }
      .simplePopupWrap .simplePopup .simplePopup_outer .simplePopup_inner {
        width: 100%;
        padding: 16px;
        box-sizing: border-box;
        background-color: #fff;
        overflow-y: auto;
        max-height: 80vh; }
        .simplePopupWrap .simplePopup .simplePopup_outer .simplePopup_inner img {
          display: block;
          width: 100%; }

.unified {
  width: 206px;
  position: fixed;
  bottom: 112px;
  right: 24px;
  z-index: 999; }
  @media (max-width: 480px) {
    .unified {
      right: 78px;
      bottom: 48px; } }
  .unified a {
    display: block;
    width: 100%; }
    .unified a:hover img {
      transform: scale(1.1);
      transition: .2s ease; }
    .unified a img {
      display: block;
      width: 100%;
      transition: .2s ease; }

.news_b_wrapp {
  width: 100%; }
  .news_b_wrapp .news_birthdaysWrapper {
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 24px;
    display: grid;
    gap: 32px;
    grid-template-columns: 400px auto; }
    @media (max-width: 1024px) {
      .news_b_wrapp .news_birthdaysWrapper {
        display: flex;
        flex-flow: column; } }
    .news_b_wrapp .news_birthdaysWrapper .birthdayWrapper {
      width: 100%;
      border-radius: 16px;
      border: 1px solid #3a893a;
      background-color: #fff;
      display: flex;
      flex-flow: column;
      overflow: hidden; }
      .news_b_wrapp .news_birthdaysWrapper .birthdayWrapper .heading {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #3a893a;
        padding: 16px 24px; }
        @media (max-width: 480px) {
          .news_b_wrapp .news_birthdaysWrapper .birthdayWrapper .heading {
            padding: 10px 20px; } }
        .news_b_wrapp .news_birthdaysWrapper .birthdayWrapper .heading b {
          display: inline-block;
          width: auto;
          text-align: left;
          font: 500 22px "Rubik", sans-serif;
          color: #fff;
          letter-spacing: -.5px; }
          @media (max-width: 480px) {
            .news_b_wrapp .news_birthdaysWrapper .birthdayWrapper .heading b {
              font: 600 20px "Rubik", sans-serif; } }
        .news_b_wrapp .news_birthdaysWrapper .birthdayWrapper .heading a {
          display: inline-block;
          width: auto;
          font: 500 14px/40px "Rubik", sans-serif;
          color: var(--color-heading);
          padding: 0 24px;
          border-radius: 50px;
          background-color: #5da35d; }
          .news_b_wrapp .news_birthdaysWrapper .birthdayWrapper .heading a:hover {
            background-color: #fff; }
      .news_b_wrapp .news_birthdaysWrapper .birthdayWrapper .birthday_con {
        width: 100%;
        padding: 24px 24px 0 24px;
        height: 100%; }
        .news_b_wrapp .news_birthdaysWrapper .birthdayWrapper .birthday_con .birthdayWrapp {
          width: 100%;
          height: 100%;
          display: flex;
          flex-flow: column;
          gap: 61px; }
          .news_b_wrapp .news_birthdaysWrapper .birthdayWrapper .birthday_con .birthdayWrapp .studentInfo_wrapp {
            width: 100%;
            display: flex;
            flex-flow: column;
            align-items: center;
            gap: 16px;
            flex: 1; }
            .news_b_wrapp .news_birthdaysWrapper .birthdayWrapper .birthday_con .birthdayWrapp .studentInfo_wrapp .studentPhoto {
              width: 106px;
              height: 106px;
              border-radius: 16px;
              overflow: hidden; }
              .news_b_wrapp .news_birthdaysWrapper .birthdayWrapper .birthday_con .birthdayWrapp .studentInfo_wrapp .studentPhoto img {
                display: block;
                width: 100%;
                object-fit: cover; }
            .news_b_wrapp .news_birthdaysWrapper .birthdayWrapper .birthday_con .birthdayWrapp .studentInfo_wrapp .student_info {
              width: 100%;
              display: flex;
              flex-flow: column;
              gap: 8px; }
              .news_b_wrapp .news_birthdaysWrapper .birthdayWrapper .birthday_con .birthdayWrapp .studentInfo_wrapp .student_info b {
                display: block;
                width: 100%;
                text-align: center;
                font: 600 18px/1 "Rubik", sans-serif;
                color: #000; }
              .news_b_wrapp .news_birthdaysWrapper .birthdayWrapper .birthday_con .birthdayWrapp .studentInfo_wrapp .student_info p {
                text-align: center;
                font: 500 14px/1 "Rubik", sans-serif;
                color: #505050; }
          .news_b_wrapp .news_birthdaysWrapper .birthdayWrapper .birthday_con .birthdayWrapp .birthday_bg {
            width: 100%;
            flex: 1; }
            .news_b_wrapp .news_birthdaysWrapper .birthdayWrapper .birthday_con .birthdayWrapp .birthday_bg img {
              display: block;
              width: 100%; }
    .news_b_wrapp .news_birthdaysWrapper .newsWrapper {
      width: 100%;
      border-radius: 16px;
      border: 1px solid #3a893a;
      background-color: #fff;
      display: flex;
      flex-flow: column;
      overflow: hidden;
      height: 100%;
      grid-column: 2 / 4; }
      .news_b_wrapp .news_birthdaysWrapper .newsWrapper .heading {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 5px;
        background-color: #3a893a;
        padding: 9px 24px; }
        @media (max-width: 480px) {
          .news_b_wrapp .news_birthdaysWrapper .newsWrapper .heading {
            padding: 8px 20px; } }
        .news_b_wrapp .news_birthdaysWrapper .newsWrapper .heading b {
          display: inline-block;
          width: auto;
          text-align: left;
          font: 500 22px "Rubik", sans-serif;
          color: #fff;
          letter-spacing: -.5px; }
          @media (max-width: 480px) {
            .news_b_wrapp .news_birthdaysWrapper .newsWrapper .heading b {
              font: 600 20px "Rubik", sans-serif; } }
        .news_b_wrapp .news_birthdaysWrapper .newsWrapper .heading a {
          display: inline-block;
          width: auto;
          font: 400 14px/36px "Rubik", sans-serif;
          color: #fff;
          padding: 0 24px;
          border-radius: 50px;
          border: 1px solid #fff; }
          @media (max-width: 480px) {
            .news_b_wrapp .news_birthdaysWrapper .newsWrapper .heading a {
              padding: 0 16px; } }
          .news_b_wrapp .news_birthdaysWrapper .newsWrapper .heading a:hover {
            background-color: #fff;
            color: #000; }
      .news_b_wrapp .news_birthdaysWrapper .newsWrapper .newsContainer {
        width: 100%;
        padding: 8px 24px 24px 24px; }
        @media (max-width: 480px) {
          .news_b_wrapp .news_birthdaysWrapper .newsWrapper .newsContainer {
            padding: 4px 20px 20px 20px; } }
        .news_b_wrapp .news_birthdaysWrapper .newsWrapper .newsContainer .announcements_inner {
          width: 100%; }
          .news_b_wrapp .news_birthdaysWrapper .newsWrapper .newsContainer .announcements_inner ul {
            width: 100%;
            display: flex;
            flex-flow: column; }
            .news_b_wrapp .news_birthdaysWrapper .newsWrapper .newsContainer .announcements_inner ul li {
              width: 100%;
              background: url(../icons/star-blue.svg) no-repeat left top 18px;
              background-size: 16px;
              padding: 0 0 0 30px; }
              .news_b_wrapp .news_birthdaysWrapper .newsWrapper .newsContainer .announcements_inner ul li:first-child .news_Con {
                border: none; }
              .news_b_wrapp .news_birthdaysWrapper .newsWrapper .newsContainer .announcements_inner ul li .news_Con {
                width: 100%;
                display: flex;
                flex-flow: column;
                border-top: 1px solid #D4D8DC;
                padding: 16px 0; }
                .news_b_wrapp .news_birthdaysWrapper .newsWrapper .newsContainer .announcements_inner ul li .news_Con a {
                  display: block;
                  width: 100%;
                  text-align: left;
                  font: 500 18px "Rubik", sans-serif;
                  color: #101010; }
                  @media (max-width: 480px) {
                    .news_b_wrapp .news_birthdaysWrapper .newsWrapper .newsContainer .announcements_inner ul li .news_Con a {
                      font-size: 16px; } }
                  .news_b_wrapp .news_birthdaysWrapper .newsWrapper .newsContainer .announcements_inner ul li .news_Con a:hover {
                    color: #3a893a; }
                .news_b_wrapp .news_birthdaysWrapper .newsWrapper .newsContainer .announcements_inner ul li .news_Con p {
                  text-align: left;
                  font: 400 14px "Rubik", sans-serif;
                  color: #808080; }