@import url(../fonts/stylesheet.css);
*, *:before, *:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html, body {
  scroll-behavior: smooth;
  font-feature-settings: "liga" 0;
  font-kerning: normal;
  font-optical-sizing: auto;
  font-family: 'Adani', sans-serif;
  font-weight: 400;
  font-size: 1rem;
  color: #303030; }

ul, ol {
  list-style: none; }

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

/* media Queries */
section {
  width: 100%; }

.start_page {
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-flow: column;
  gap: 24px;
  align-items: stretch;
  /* background: url(../icons/footer_bg.svg) no-repeat left bottom #FFF8FF;
    background-size: 100%;

    @include desktop() {
        background-size: 150%;
    }

    @include mobile() {
        background: url(../icons/footer_bg.svg) no-repeat left -60px bottom #FFF8FF;
        background-size: 200%;
    }*/ }
  .start_page header {
    padding: 32px 6vw;
    display: flex;
    align-items: center;
    flex-flow: row;
    justify-content: space-between; }
    @media (max-width: 1024px) {
      .start_page header {
        flex-flow: row wrap;
        gap: 16px; } }
    @media (max-width: 768px) {
      .start_page header {
        flex-flow: column; } }
    .start_page header .logo {
      width: 100%;
      max-width: 124px; }
      .start_page header .logo img {
        display: block;
        width: 100%; }
    .start_page header h1 {
      text-align: center;
      font-weight: 600;
      font-size: 2.5rem;
      color: #7F2281;
      white-space: pre-line; }
      @media (max-width: 1024px) {
        .start_page header h1 {
          font-size: 2rem;
          width: 70%;
          text-align: right;
          white-space: unset; } }
      @media (max-width: 768px) {
        .start_page header h1 {
          width: 100%;
          text-align: center; } }
    .start_page header .text {
      width: 100%;
      max-width: 306px;
      padding: 0 0 0 16px;
      border-left: 2px solid #8D2D8F; }
      @media (max-width: 1024px) {
        .start_page header .text {
          border-left: none;
          border-top: 2px solid #8D2D8F;
          padding: 16px 0 0 0;
          max-width: 100%; } }
      .start_page header .text p {
        text-align: left;
        font-size: .925rem;
        color: #202022;
        font-weight: 500; }
        @media (max-width: 1024px) {
          .start_page header .text p {
            text-align: center; } }
  .start_page .start_pageWrapper {
    width: 100%;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center; }
    .start_page .start_pageWrapper .owl-starter .photo {
      width: 100%; }
      .start_page .start_pageWrapper .owl-starter .photo img {
        display: block;
        width: 100%;
        border-radius: 16px; }
    .start_page .start_pageWrapper .owl-item {
      transition: all 0.3s ease-in-out;
      /* Smooth transition for size changes */ }
      .start_page .start_pageWrapper .owl-item .photo {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center; }
        .start_page .start_pageWrapper .owl-item .photo img {
          display: block;
          width: 100%;
          border-radius: 16px;
          transition: all 0.3s ease-in-out;
          transform: scale(0.75); }
    .start_page .start_pageWrapper .owl-item.center .photo {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
      .start_page .start_pageWrapper .owl-item.center .photo img {
        display: block;
        width: 100%;
        border-radius: 16px;
        transition: all 0.3s ease-in-out;
        transform: scale(1); }
  .start_page footer {
    width: 100%;
    padding: 32px 6vw;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media (max-width: 1024px) {
      .start_page footer {
        padding: 16px 6vw 8px 15vw; } }
    @media (max-width: 834px) {
      .start_page footer {
        flex-flow: column-reverse;
        gap: 56px;
        padding: 32px 6vw 12px 6vw; } }
    .start_page footer p {
      text-align: center;
      font-size: 1rem;
      color: #fff; }
    .start_page footer a {
      display: inline-block;
      width: auto;
      font-size: 1rem;
      font-weight: 500;
      color: #802281;
      line-height: 48px;
      border-radius: 8px;
      border: 1px solid #802281;
      padding: 0 56px 0 28px;
      background: url(../icons/right_arr.svg) no-repeat right 16px center transparent;
      background-size: 24px; }
      .start_page footer a:hover {
        background-color: #fff; }

header {
  width: 100%; }
  header .toplinks {
    width: 100%;
    padding: 10px 10vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    background: linear-gradient(90deg, #007ba6 0%, #8d2d8f 63%, #c15475 100%); }
    @media (max-width: 1024px) {
      header .toplinks {
        padding: 10px 8vw; } }
    @media (max-width: 834px) {
      header .toplinks {
        padding: 10px 8vw;
        justify-content: center; } }
    @media (max-width: 768px) {
      header .toplinks {
        padding: 10px 6vw; } }
    @media (max-width: 480px) {
      header .toplinks {
        padding: 10px 4vw; } }
    header .toplinks .phone_email {
      width: auto;
      display: inline-flex;
      align-items: center;
      gap: 24px; }
      header .toplinks .phone_email .phoneNo {
        width: auto;
        display: inline-flex;
        align-items: center;
        gap: 6px; }
        header .toplinks .phone_email .phoneNo img {
          display: block;
          width: 20px; }
          @media (max-width: 480px) {
            header .toplinks .phone_email .phoneNo img {
              width: 14px; } }
        header .toplinks .phone_email .phoneNo b {
          display: inline-block;
          width: auto;
          text-align: left;
          font-weight: 400;
          color: #fff;
          letter-spacing: -.02rem; }
          @media (max-width: 480px) {
            header .toplinks .phone_email .phoneNo b {
              font-size: .825rem; } }
    header .toplinks .register_btn {
      width: auto;
      display: inline-flex;
      align-items: center;
      gap: 8px; }
      @media (max-width: 834px) {
        header .toplinks .register_btn {
          display: none; } }
      header .toplinks .register_btn a {
        display: block;
        width: auto;
        min-width: 124px;
        height: 36px;
        border: 2px solid #fff;
        text-align: center;
        border-radius: 6px;
        font-weight: 500;
        font-size: 1rem;
        color: #fff;
        line-height: 34px;
        letter-spacing: -.02rem; }
        header .toplinks .register_btn a.login {
          background-color: #fff;
          color: #000; }
          header .toplinks .register_btn a.login:hover {
            background-color: #F8F0EA; }
        header .toplinks .register_btn a:hover {
          background-color: #F8F0EA;
          color: #202020;
          border-color: #F8F0EA; }
  header .header {
    width: 100%;
    background-color: #fff;
    padding: 12px 10vw;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    header .header .logo {
      width: auto; }
      header .header .logo a {
        display: inline-block;
        width: auto; }
        header .header .logo a img {
          display: block;
          width: 125px; }
    header .header nav {
      display: inline-block;
      width: auto; }
      @media (max-width: 1024px) {
        header .header nav {
          width: 100%;
          height: 100%;
          position: fixed;
          right: 0;
          top: 0;
          background-color: rgba(0, 0, 0, 0.78);
          display: flex;
          flex-flow: column;
          align-items: flex-end;
          transform: translateX(100%);
          transition: 1s ease;
          z-index: 9999; } }
      header .header nav ul {
        width: auto;
        display: inline-flex;
        align-items: center;
        gap: 8px; }
        @media (max-width: 1024px) {
          header .header nav ul {
            flex-flow: column;
            justify-content: center;
            max-width: 300px;
            width: 100%;
            background-color: #fff;
            height: 100%;
            padding: 1.5rem;
            gap: .825rem; } }
        header .header nav ul li {
          width: auto;
          position: relative; }
          @media (max-width: 1024px) {
            header .header nav ul li {
              width: 100%; } }
          header .header nav ul li.hide {
            display: none; }
            @media (max-width: 1024px) {
              header .header nav ul li.hide {
                display: inline-block; } }
          header .header nav ul li.login {
            background-color: #FDC06A;
            color: #000;
            border-radius: 8px; }
            header .header nav ul li.login:hover {
              background-color: #C15475;
              color: #fff; }
          header .header nav ul li.register {
            background-color: #e0e0e0;
            color: #000;
            border-radius: 8px; }
            header .header nav ul li.register:hover {
              background-color: #C15475;
              color: #fff; }
          header .header nav ul li a {
            display: inline-block;
            width: auto;
            text-align: center;
            font-weight: 500;
            font-size: 1rem;
            padding: 0 24px;
            border-radius: 8px;
            color: #202020;
            line-height: 40px;
            letter-spacing: -.01rem;
            position: relative;
            z-index: 100; }
            @media (max-width: 1024px) {
              header .header nav ul li a {
                width: 100%;
                display: block;
                text-align: center; } }
            header .header nav ul li a:hover {
              background-color: #C15475;
              color: #fff; }
            header .header nav ul li a.active {
              background-color: #0678A5;
              color: #fff; }
          header .header nav ul li .sub_menu {
            width: auto;
            min-width: 260px;
            display: none;
            position: absolute;
            left: 0;
            top: -2px;
            z-index: 98;
            padding: 48px 0 0 0; }
            @media (max-width: 1024px) {
              header .header nav ul li .sub_menu {
                position: relative;
                padding: 0; } }
            header .header nav ul li .sub_menu.right {
              left: unset;
              right: 0; }
            header .header nav ul li .sub_menu .submenuinenr {
              width: 100%;
              padding: 12px;
              border-radius: 12px;
              background-color: #fff;
              display: flex;
              flex-flow: column;
              gap: 6px;
              border: 1px solid #ddd; }
              header .header nav ul li .sub_menu .submenuinenr a {
                display: block;
                width: 100%;
                font-size: 1rem;
                font-weight: 500;
                color: #313131;
                padding: 0;
                border-radius: 8px;
                transition: .5s ease;
                border: none; }
                header .header nav ul li .sub_menu .submenuinenr a:hover {
                  color: #fff;
                  transition: .5s ease;
                  background-color: #0678A5; }
      header .header nav .closePop {
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 50%;
        display: none;
        align-items: center;
        justify-content: center;
        background-color: #FDC06A;
        cursor: pointer; }
        header .header nav .closePop:hover {
          background-color: #ffe1b6; }
        @media (max-width: 1024px) {
          header .header nav .closePop {
            position: absolute;
            right: 24px;
            top: 24px;
            display: flex; } }
        header .header nav .closePop img {
          display: block;
          width: 20px; }
    header .header .popMenu {
      width: 2.75rem;
      height: 2.75rem;
      border-radius: 50%;
      background: #0678A5;
      display: none;
      align-items: center;
      justify-content: center;
      cursor: pointer; }
      @media (max-width: 1024px) {
        header .header .popMenu {
          display: flex; } }
      header .header .popMenu img {
        display: block;
        width: 22px; }

.sliderContainer {
  width: 100%;
  position: relative; }
  .sliderContainer img {
    display: block;
    width: 100%; }
    @media (max-width: 1024px) {
      .sliderContainer img {
        min-height: 460px;
        object-fit: cover;
        object-position: right; } }
    @media (max-width: 480px) {
      .sliderContainer img {
        min-height: 360px;
        object-fit: cover;
        object-position: right; } }
  .sliderContainer .sliderWrapper {
    width: 100%;
    padding: 72px 10vw;
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: center;
    gap: 48px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    align-items: flex-start; }
    @media (max-width: 768px) {
      .sliderContainer .sliderWrapper {
        padding: 72px 8vw;
        gap: 32px; } }
    @media (max-width: 768px) {
      .sliderContainer .sliderWrapper {
        padding: 48px 6vw;
        gap: 24px; } }
    @media (max-width: 480px) {
      .sliderContainer .sliderWrapper {
        padding: 48px 4vw;
        gap: 24px; } }
    .sliderContainer .sliderWrapper .heading {
      width: 100%;
      display: flex;
      flex-flow: column;
      gap: 12px; }
      @media (max-width: 768px) {
        .sliderContainer .sliderWrapper .heading {
          gap: 6px; } }
      .sliderContainer .sliderWrapper .heading h1 {
        text-align: left;
        font-weight: 600;
        font-size: 4.5rem;
        color: #fff;
        letter-spacing: -.05; }
        @media (max-width: 768px) {
          .sliderContainer .sliderWrapper .heading h1 {
            font-size: 3rem; } }
        @media (max-width: 480px) {
          .sliderContainer .sliderWrapper .heading h1 {
            font-size: 2.5rem; } }
      .sliderContainer .sliderWrapper .heading h2 {
        text-align: left;
        font-weight: 400;
        font-size: 2rem;
        color: #fff;
        letter-spacing: -.05; }
        @media (max-width: 768px) {
          .sliderContainer .sliderWrapper .heading h2 {
            font-size: 1.5rem; } }
        @media (max-width: 480px) {
          .sliderContainer .sliderWrapper .heading h2 {
            font-size: 1.25rem; } }
    .sliderContainer .sliderWrapper p {
      text-align: left;
      font-weight: 400;
      font-size: 1.125rem;
      color: #fff;
      letter-spacing: -.02;
      white-space: pre-line;
      line-height: 1.4; }
      @media (max-width: 1024px) {
        .sliderContainer .sliderWrapper p {
          white-space: unset; } }
      @media (max-width: 480px) {
        .sliderContainer .sliderWrapper p {
          font-size: .925rem; } }
    .sliderContainer .sliderWrapper a {
      display: inline-block;
      width: auto;
      font-weight: 500;
      font-size: 1.125rem;
      line-height: 56px;
      padding: 0 48px;
      background-color: #C15475;
      color: #fff;
      border-radius: .5rem; }
      @media (max-width: 480px) {
        .sliderContainer .sliderWrapper a {
          font-size: 1rem;
          line-height: 48px;
          padding: 0 40px; } }
      .sliderContainer .sliderWrapper a:hover {
        background-color: #9b3554; }

.welcomeWrapper {
  width: 100%;
  padding: 72px 10vw;
  display: flex;
  align-items: center;
  gap: 48px;
  background: linear-gradient(90deg, white 0%, white 22%, #0678a5 22%, #0678a5 27%, white 27%, white 100%); }
  @media (max-width: 1024px) {
    .welcomeWrapper {
      padding: 72px 8vw;
      gap: 16px;
      align-items: flex-start; } }
  @media (max-width: 768px) {
    .welcomeWrapper {
      padding: 48px 6vw;
      flex-flow: column;
      gap: 24px;
      background: linear-gradient(180deg, white 0%, white 22%, #0678a5 22%, #0678a5 27%, white 27%, white 100%); } }
  @media (max-width: 480px) {
    .welcomeWrapper {
      padding: 48px 4vw;
      flex-flow: column;
      gap: 24px;
      background: linear-gradient(180deg, white 0%, white 22%, #0678a5 22%, #0678a5 27%, white 27%, white 100%); } }
  .welcomeWrapper .photo {
    width: 100%;
    max-width: 460px;
    flex-shrink: 0; }
    @media (max-width: 1024px) {
      .welcomeWrapper .photo {
        max-width: 272px; } }
    @media (max-width: 768px) {
      .welcomeWrapper .photo {
        max-width: 100%; } }
    .welcomeWrapper .photo img {
      display: block;
      width: 100%; }
  .welcomeWrapper .welcomeText {
    width: 100%;
    display: flex;
    flex-flow: column;
    gap: 24px; }
    .welcomeWrapper .welcomeText h1 {
      text-align: left;
      font-size: 3rem;
      color: #000;
      font-weight: 500;
      letter-spacing: -.05rem; }
      @media (max-width: 480px) {
        .welcomeWrapper .welcomeText h1 {
          font-size: 2rem; } }
      .welcomeWrapper .welcomeText h1 span {
        font-weight: 600;
        color: #0678A5; }
    .welcomeWrapper .welcomeText .text {
      width: 100%;
      display: flex;
      flex-flow: column;
      gap: 16px; }
      .welcomeWrapper .welcomeText .text p {
        font-size: 1.05rem;
        text-align: left; }

.ourVisionWrapper {
  width: 100%;
  padding: 48px 10vw;
  background-color: #0678A5;
  display: flex;
  align-items: center;
  gap: 24px; }
  @media (max-width: 1024px) {
    .ourVisionWrapper {
      padding: 24px 8vw; } }
  @media (max-width: 480px) {
    .ourVisionWrapper {
      padding: 24px 4vw;
      flex-flow: column;
      gap: 16px;
      align-items: flex-start; } }
  .ourVisionWrapper img {
    display: block;
    width: 96px;
    flex-shrink: 0; }
  .ourVisionWrapper .text {
    width: 100%;
    display: flex;
    flex-flow: column;
    gap: 8px; }
    .ourVisionWrapper .text b {
      text-align: left;
      font-size: 2rem;
      font-weight: 600;
      color: #fff;
      letter-spacing: -.05rem; }
      @media (max-width: 480px) {
        .ourVisionWrapper .text b {
          font-size: 1.5rem; } }
    .ourVisionWrapper .text p {
      text-align: left;
      font-weight: 400;
      font-size: 1.125rem;
      color: #fff;
      letter-spacing: -.025rem; }
      @media (max-width: 480px) {
        .ourVisionWrapper .text p {
          font-size: 1rem; } }

.latestMembersWrapper {
  width: 100%;
  padding: 0 0 0 10vw;
  background-color: #F8F0EA;
  display: grid;
  gap: 72px;
  grid-template-columns: repeat(2, minmax(0, 1fr)); }
  @media (max-width: 1024px) {
    .latestMembersWrapper {
      padding: 0 0 0 8vw;
      gap: 0; } }
  @media (max-width: 768px) {
    .latestMembersWrapper {
      padding: 0;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: 0; } }
  .latestMembersWrapper .latestMembersLeft {
    width: 100%;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    gap: 24px;
    padding: 72px 0; }
    @media (max-width: 768px) {
      .latestMembersWrapper .latestMembersLeft {
        padding: 48px 6vw; } }
    @media (max-width: 480px) {
      .latestMembersWrapper .latestMembersLeft {
        padding: 48px 4vw; } }
    .latestMembersWrapper .latestMembersLeft h1 {
      text-align: left;
      font-weight: 500;
      font-size: 3rem;
      color: #000;
      letter-spacing: -.05rem; }
      @media (max-width: 480px) {
        .latestMembersWrapper .latestMembersLeft h1 {
          font-size: 2rem; } }
    .latestMembersWrapper .latestMembersLeft ul {
      width: 100%;
      display: grid;
      gap: 16px;
      align-items: flex-start;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      margin: 0 0 24px 0; }
      @media (max-width: 480px) {
        .latestMembersWrapper .latestMembersLeft ul {
          gap: 8px;
          margin: 0 0 8px 0; } }
      .latestMembersWrapper .latestMembersLeft ul li {
        width: 100%;
        border-radius: 16px;
        background-color: #fff;
        padding: 8px;
        display: flex;
        flex-flow: column;
        gap: 12px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); }
        .latestMembersWrapper .latestMembersLeft ul li .photo {
          width: 100%;
          aspect-ratio: 4 / 3;
          overflow: hidden;
          border-radius: 8px; }
          .latestMembersWrapper .latestMembersLeft ul li .photo img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: top; }
        .latestMembersWrapper .latestMembersLeft ul li .text {
          width: 100%;
          display: flex;
          flex-flow: column;
          gap: 4px;
          padding: 0 16px 8px 16px; }
          @media (max-width: 480px) {
            .latestMembersWrapper .latestMembersLeft ul li .text {
              padding: 0 8px 8px 8px; } }
          .latestMembersWrapper .latestMembersLeft ul li .text b {
            display: block;
            width: 100%;
            text-align: left;
            font-weight: 600;
            font-size: 1.125rem; }
            @media (max-width: 480px) {
              .latestMembersWrapper .latestMembersLeft ul li .text b {
                font-size: 1rem; } }
          .latestMembersWrapper .latestMembersLeft ul li .text p {
            text-align: left;
            font-size: .925rem;
            color: #505050; }
            @media (max-width: 480px) {
              .latestMembersWrapper .latestMembersLeft ul li .text p {
                font-size: .825rem; } }
    .latestMembersWrapper .latestMembersLeft a {
      display: inline-block;
      width: auto;
      font-size: 1rem;
      text-transform: uppercase;
      padding: 0 36px;
      border-radius: 50px;
      line-height: 3rem;
      font-weight: 500;
      background-color: #0678A5;
      color: #fff; }
      @media (max-width: 480px) {
        .latestMembersWrapper .latestMembersLeft a {
          display: block;
          width: 100%;
          text-align: center; } }
      .latestMembersWrapper .latestMembersLeft a:hover {
        background-color: #C15475; }
  .latestMembersWrapper .latestMembersRight {
    width: 100%;
    height: 100%;
    max-height: 628px;
    overflow: hidden; }
    @media (max-width: 1024px) {
      .latestMembersWrapper .latestMembersRight {
        max-height: 534px; } }
    @media (max-width: 768px) {
      .latestMembersWrapper .latestMembersRight {
        max-height: 460px; } }
    .latestMembersWrapper .latestMembersRight .rotate {
      height: 910px;
      width: 910px;
      transform: translate(5%, -12%); }
      @media (max-width: 1024px) {
        .latestMembersWrapper .latestMembersRight .rotate {
          transform: translateX(5%) translateY(-20%);
          left: 50%; } }
      @media (max-width: 768px) {
        .latestMembersWrapper .latestMembersRight .rotate {
          transform: translateX(-23%) translateY(5%);
          left: 50%; } }
      @media (max-width: 480px) {
        .latestMembersWrapper .latestMembersRight .rotate {
          transform: translateX(-32%) translateY(5%);
          left: 50%; } }
      .latestMembersWrapper .latestMembersRight .rotate .rotate_1 {
        width: 910px;
        aspect-ratio: 1 / 1;
        border: 1px dashed #5E5E5E;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        border-radius: 50%; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_1 .rotate_1_1 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          left: 0;
          top: 0;
          right: 0;
          margin: 0 auto;
          transform: translateY(-50%);
          display: flex;
          align-items: center;
          justify-content: center; }
          .latestMembersWrapper .latestMembersRight .rotate .rotate_1 .rotate_1_1 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_1 .rotate_1_2 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          left: 0;
          bottom: 0;
          right: 0;
          margin: 0 auto;
          transform: translateY(50%) rotate(180deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .latestMembersWrapper .latestMembersRight .rotate .rotate_1 .rotate_1_2 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_1 .rotate_1_3 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          margin: auto 0;
          transform: translateX(-50%) rotate(-90deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .latestMembersWrapper .latestMembersRight .rotate .rotate_1 .rotate_1_3 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_1 .rotate_1_4 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          right: 0;
          top: 0;
          bottom: 0;
          margin: auto 0;
          transform: translateX(50%) rotate(90deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .latestMembersWrapper .latestMembersRight .rotate .rotate_1 .rotate_1_4 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_1 .rotate_1_5 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          left: 0;
          bottom: 0;
          right: 0;
          margin: 0 auto;
          transform: translateY(-187%) translateX(-552%) rotate(232deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .latestMembersWrapper .latestMembersRight .rotate .rotate_1 .rotate_1_5 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_1 .rotate_1_6 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          margin: auto 0;
          transform: translateX(160%) translateY(-506%) rotate(-54deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .latestMembersWrapper .latestMembersRight .rotate .rotate_1 .rotate_1_6 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_1 .rotate_1_7 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          right: 0;
          top: 0;
          bottom: 0;
          margin: auto 0;
          transform: translateX(-124%) translateY(480%) rotate(120deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .latestMembersWrapper .latestMembersRight .rotate .rotate_1 .rotate_1_7 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_1 .rotate_1_8 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          right: 0;
          top: 0;
          bottom: 0;
          margin: auto 0;
          transform: translateX(-124%) translateY(-480%) rotate(45deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .latestMembersWrapper .latestMembersRight .rotate .rotate_1 .rotate_1_8 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_1 .color_1 {
          background-color: #5D5D5D;
          height: 9px;
          width: 9px;
          border-radius: 50%;
          transform: translateY(270px) translateX(32px);
          position: absolute;
          margin: auto; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_1 .color_2 {
          background-color: #5D5D5D;
          height: 9px;
          width: 9px;
          border-radius: 50%;
          transform: translateY(36px) translateX(639px);
          position: absolute;
          margin: auto; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_1 .color_3 {
          background-color: #5D5D5D;
          height: 9px;
          width: 9px;
          border-radius: 50%;
          transform: translateY(593px) translateX(881px);
          position: absolute;
          margin: auto; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_1 .color_4 {
          background-color: #5D5D5D;
          height: 9px;
          width: 9px;
          border-radius: 50%;
          transform: translateY(852px) translateX(238px);
          position: absolute;
          margin: auto; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_1 .color_5 {
          background-color: #FFD646;
          height: 20px;
          width: 20px;
          border-radius: 50%;
          transform: translateY(30px) translateX(258px);
          position: absolute;
          margin: auto; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_1 .color_6 {
          background-color: #FFD646;
          height: 20px;
          width: 20px;
          border-radius: 50%;
          transform: translateY(843px) translateX(662px);
          position: absolute;
          margin: auto; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_1 .color_7 {
          background-color: #FFD646;
          height: 20px;
          width: 20px;
          border-radius: 50%;
          transform: translateY(277px) translateX(867px);
          position: absolute;
          margin: auto; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_1 .color_8 {
          background-color: #FFD646;
          height: 20px;
          width: 20px;
          border-radius: 50%;
          transform: translateY(606px) translateX(18px);
          position: absolute;
          margin: auto; }
      .latestMembersWrapper .latestMembersRight .rotate .rotate_2 {
        width: 760px;
        aspect-ratio: 1 / 1;
        border: 1px dashed #5E5E5E;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        border-radius: 50%; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_2 .rotate_2_1 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          left: 0;
          top: 0;
          right: 0;
          margin: 0 auto;
          transform: translateY(-49%) translateX(-59%) rotate(-4deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .latestMembersWrapper .latestMembersRight .rotate .rotate_2 .rotate_2_1 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_2 .rotate_2_2 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          left: 0;
          bottom: 0;
          right: 0;
          margin: 0 auto;
          transform: translateY(50%) rotate(180deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .latestMembersWrapper .latestMembersRight .rotate .rotate_2 .rotate_2_2 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_2 .rotate_2_3 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          margin: auto 0;
          transform: translateX(-21%) translateY(-190%) rotate(-70deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .latestMembersWrapper .latestMembersRight .rotate .rotate_2 .rotate_2_3 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_2 .rotate_2_4 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          right: 0;
          top: 0;
          bottom: 0;
          margin: auto 0;
          transform: translateX(-41%) translateY(-327%) rotate(54deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .latestMembersWrapper .latestMembersRight .rotate .rotate_2 .rotate_2_4 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_2 .rotate_2_5 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          margin: auto 0;
          transform: translateX(42%) translateY(322%) rotate(-116deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .latestMembersWrapper .latestMembersRight .rotate .rotate_2 .rotate_2_5 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_2 .rotate_2_6 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          right: 0;
          top: 0;
          bottom: 0;
          margin: auto 0;
          transform: translateX(-8%) translateY(263%) rotate(116deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .latestMembersWrapper .latestMembersRight .rotate .rotate_2 .rotate_2_6 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_2 .color_1 {
          background-color: #5D5D5D;
          height: 9px;
          width: 9px;
          border-radius: 50%;
          transform: translateY(87px) translateX(126px);
          position: absolute;
          margin: auto; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_2 .color_2 {
          background-color: #5D5D5D;
          height: 9px;
          width: 9px;
          border-radius: 50%;
          transform: translateY(346px) translateX(753px);
          position: absolute;
          margin: auto; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_2 .color_3 {
          background-color: #5D5D5D;
          height: 9px;
          width: 9px;
          border-radius: 50%;
          transform: translateY(697px) translateX(176px);
          position: absolute;
          margin: auto; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_2 .color_4 {
          background-color: #FFD646;
          height: 20px;
          width: 20px;
          border-radius: 50%;
          transform: translateY(30px) translateX(538px);
          position: absolute;
          margin: auto; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_2 .color_5 {
          background-color: #FFD646;
          height: 20px;
          width: 20px;
          border-radius: 50%;
          transform: translateY(393px) translateX(-9px);
          position: absolute;
          margin: auto; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_2 .color_6 {
          background-color: #FFD646;
          height: 20px;
          width: 20px;
          border-radius: 50%;
          transform: translateY(685px) translateX(579px);
          position: absolute;
          margin: auto; }
      .latestMembersWrapper .latestMembersRight .rotate .rotate_3 {
        width: 610px;
        aspect-ratio: 1 / 1;
        border: 1px dashed #5E5E5E;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        border-radius: 50%; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_3 .rotate_3_1 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          left: 0;
          top: 0;
          right: 0;
          margin: 0 auto;
          transform: translateY(-50%);
          display: flex;
          align-items: center;
          justify-content: center; }
          .latestMembersWrapper .latestMembersRight .rotate .rotate_3 .rotate_3_1 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_3 .rotate_3_2 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          left: 0;
          bottom: 0;
          right: 0;
          margin: 0 auto;
          transform: translateY(50%) rotate(180deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .latestMembersWrapper .latestMembersRight .rotate .rotate_3 .rotate_3_2 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_3 .rotate_3_3 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          margin: auto 0;
          transform: translateX(-50%) rotate(-90deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .latestMembersWrapper .latestMembersRight .rotate .rotate_3 .rotate_3_3 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_3 .rotate_3_4 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          right: 0;
          top: 0;
          bottom: 0;
          margin: auto 0;
          transform: translateX(50%) rotate(90deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .latestMembersWrapper .latestMembersRight .rotate .rotate_3 .rotate_3_4 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_3 .rotate_3_5 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          right: 0;
          top: 0;
          bottom: 0;
          margin: auto 0;
          transform: translateX(50%) rotate(90deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .latestMembersWrapper .latestMembersRight .rotate .rotate_3 .rotate_3_5 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_3 .color_1 {
          background-color: #5D5D5D;
          height: 9px;
          width: 9px;
          border-radius: 50%;
          transform: translateY(87px) translateX(81px);
          position: absolute;
          margin: auto; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_3 .color_2 {
          background-color: #5D5D5D;
          height: 9px;
          width: 9px;
          border-radius: 50%;
          transform: translateY(495px) translateX(535px);
          position: absolute;
          margin: auto; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_3 .color_3 {
          background-color: #FFD646;
          height: 20px;
          width: 20px;
          border-radius: 50%;
          transform: translateY(81px) translateX(513px);
          position: absolute;
          margin: auto; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_3 .color_4 {
          background-color: #FFD646;
          height: 20px;
          width: 20px;
          border-radius: 50%;
          transform: translateY(493px) translateX(65px);
          position: absolute;
          margin: auto; }
      .latestMembersWrapper .latestMembersRight .rotate .rotate_4 {
        width: 460px;
        aspect-ratio: 1 / 1;
        border: 1px dashed #5E5E5E;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        border-radius: 50%; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_4 .rotate_4_1 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          left: 0;
          top: 0;
          right: 0;
          margin: 0 auto;
          transform: translateY(-50%);
          display: flex;
          align-items: center;
          justify-content: center; }
          .latestMembersWrapper .latestMembersRight .rotate .rotate_4 .rotate_4_1 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_4 .rotate_4_2 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          left: 0;
          bottom: 0;
          right: 0;
          margin: 0 auto;
          transform: translateY(50%) rotate(180deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .latestMembersWrapper .latestMembersRight .rotate .rotate_4 .rotate_4_2 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_4 .rotate_4_3 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          margin: auto 0;
          transform: translateX(-50%) rotate(-90deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .latestMembersWrapper .latestMembersRight .rotate .rotate_4 .rotate_4_3 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_4 .rotate_4_4 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          right: 0;
          top: 0;
          bottom: 0;
          margin: auto 0;
          transform: translateX(50%) rotate(90deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .latestMembersWrapper .latestMembersRight .rotate .rotate_4 .rotate_4_4 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_4 .color_1 {
          background-color: #5D5D5D;
          height: 9px;
          width: 9px;
          border-radius: 50%;
          transform: translateY(72px) translateX(53px);
          position: absolute;
          margin: auto; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_4 .color_2 {
          background-color: #5D5D5D;
          height: 9px;
          width: 9px;
          border-radius: 50%;
          transform: translateY(381px) translateX(393px);
          position: absolute;
          margin: auto; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_4 .color_3 {
          background-color: #FFD646;
          height: 20px;
          width: 20px;
          border-radius: 50%;
          transform: translateY(70px) translateX(394px);
          position: absolute;
          margin: auto; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_4 .color_4 {
          background-color: #FFD646;
          height: 20px;
          width: 20px;
          border-radius: 50%;
          transform: translateY(363px) translateX(41px);
          position: absolute;
          margin: auto; }
      .latestMembersWrapper .latestMembersRight .rotate .rotate_5 {
        width: 302px;
        aspect-ratio: 1 / 1;
        border: 1px dashed #5E5E5E;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        border-radius: 50%; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_5 .rotate_5_1 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          left: 0;
          top: 0;
          right: 0;
          margin: 0 auto;
          transform: translateY(-22%) translateX(110%) rotate(24deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .latestMembersWrapper .latestMembersRight .rotate .rotate_5 .rotate_5_1 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_5 .rotate_5_2 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          left: 0;
          bottom: 0;
          right: 0;
          margin: 0 auto;
          transform: translateY(15%) translateX(120%) rotate(160deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .latestMembersWrapper .latestMembersRight .rotate .rotate_5 .rotate_5_2 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_5 .rotate_5_3 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          margin: auto 0;
          transform: translateX(-50%) rotate(-90deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .latestMembersWrapper .latestMembersRight .rotate .rotate_5 .rotate_5_3 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_5 .rotate_5_4 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          right: 0;
          top: 0;
          bottom: 0;
          margin: auto 0;
          transform: translateX(50%) rotate(90deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .latestMembersWrapper .latestMembersRight .rotate .rotate_5 .rotate_5_4 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_5 .color_1 {
          background-color: #5D5D5D;
          height: 9px;
          width: 9px;
          border-radius: 50%;
          transform: translateY(24px) translateX(57px);
          position: absolute;
          margin: auto; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_5 .color_2 {
          background-color: #FFD646;
          height: 20px;
          width: 20px;
          border-radius: 50%;
          transform: translateY(115px) translateX(288px);
          position: absolute;
          margin: auto; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_5 .color_3 {
          background-color: #FFD646;
          height: 20px;
          width: 20px;
          border-radius: 50%;
          transform: translateY(261px) translateX(51px);
          position: absolute;
          margin: auto; }
      .latestMembersWrapper .latestMembersRight .rotate .rotate_6 {
        width: 150px;
        aspect-ratio: 1 / 1;
        border: 1px dashed #5E5E5E;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        border-radius: 50%; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_6 .rotate_6_1 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          left: 0;
          top: 0;
          right: 0;
          margin: 0 auto;
          transform: translateY(-50%);
          display: flex;
          align-items: center;
          justify-content: center; }
          .latestMembersWrapper .latestMembersRight .rotate .rotate_6 .rotate_6_1 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_6 .rotate_6_2 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          left: 0;
          bottom: 0;
          right: 0;
          margin: 0 auto;
          transform: translateY(50%) rotate(180deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .latestMembersWrapper .latestMembersRight .rotate .rotate_6 .rotate_6_2 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_6 .rotate_6_3 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          margin: auto 0;
          transform: translateX(-50%) rotate(-90deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .latestMembersWrapper .latestMembersRight .rotate .rotate_6 .rotate_6_3 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_6 .rotate_6_4 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          right: 0;
          top: 0;
          bottom: 0;
          margin: auto 0;
          transform: translateX(50%) rotate(90deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .latestMembersWrapper .latestMembersRight .rotate .rotate_6 .rotate_6_4 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_6 .color_1 {
          background-color: #5D5D5D;
          height: 9px;
          width: 9px;
          border-radius: 50%;
          transform: translateY(67px) translateX(-5px);
          position: absolute;
          margin: auto; }
        .latestMembersWrapper .latestMembersRight .rotate .rotate_6 .color_2 {
          background-color: #FFD646;
          height: 20px;
          width: 20px;
          border-radius: 50%;
          transform: translateY(64px) translateX(137px);
          position: absolute;
          margin: auto; }

.accoladedWrapper {
  width: 100%;
  padding: 72px 10vw;
  background-color: #fff;
  display: flex;
  flex-flow: column;
  gap: 48px; }
  @media (max-width: 1024px) {
    .accoladedWrapper {
      padding: 72px 8vw; } }
  @media (max-width: 768px) {
    .accoladedWrapper {
      gap: 24px;
      padding: 48px 6vw; } }
  @media (max-width: 480px) {
    .accoladedWrapper {
      gap: 24px;
      padding: 48px 4vw; } }
  .accoladedWrapper .heading {
    width: 100%;
    display: flex;
    flex-flow: column;
    gap: 16px;
    padding: 0 8vw; }
    @media (max-width: 1024px) {
      .accoladedWrapper .heading {
        padding: 0; } }
    .accoladedWrapper .heading h1 {
      text-align: center;
      font-size: 3rem;
      font-weight: 600;
      color: #000;
      letter-spacing: -.05rem; }
      @media (max-width: 480px) {
        .accoladedWrapper .heading h1 {
          font-size: 2rem; } }
    .accoladedWrapper .heading p {
      text-align: center;
      font-size: 1.125rem;
      color: #505050; }
      @media (max-width: 480px) {
        .accoladedWrapper .heading p {
          font-size: 1rem; } }
  .accoladedWrapper ul {
    width: 100%;
    display: grid;
    gap: 48px;
    grid-template-columns: repeat(2, minmax(0, 1fr)); }
    @media (max-width: 1024px) {
      .accoladedWrapper ul {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 24px; } }
    .accoladedWrapper ul li {
      width: 100%; }
      .accoladedWrapper ul li img {
        display: block;
        width: 100%;
        border-radius: 32px; }
      .accoladedWrapper ul li ol {
        width: 100%;
        height: 100%;
        display: grid;
        gap: 16px;
        grid-template-columns: repeat(2, minmax(0, 1fr)); }
        @media (max-width: 480px) {
          .accoladedWrapper ul li ol {
            gap: 8px; } }
        .accoladedWrapper ul li ol li {
          width: 100%;
          background-color: #0678A5;
          border-radius: 32px;
          display: flex;
          flex-flow: column;
          align-items: center;
          justify-content: center;
          gap: 24px;
          padding: 24px; }
          .accoladedWrapper ul li ol li span {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center; }
            .accoladedWrapper ul li ol li span img {
              display: block;
              width: 3rem; }
          .accoladedWrapper ul li ol li .text {
            width: 100%;
            display: flex;
            flex-flow: column;
            gap: .5rem; }
            .accoladedWrapper ul li ol li .text b {
              display: block;
              width: 100%;
              text-align: center;
              font-size: 2.25rem;
              font-weight: 600;
              color: #fff;
              letter-spacing: -.05rem; }
              @media (max-width: 480px) {
                .accoladedWrapper ul li ol li .text b {
                  font-size: 2rem; } }
            .accoladedWrapper ul li ol li .text p {
              text-align: center;
              font-size: 1rem;
              font-weight: 500;
              color: #fff; }
              @media (max-width: 480px) {
                .accoladedWrapper ul li ol li .text p {
                  font-size: .925rem; } }

.companiesWrapper {
  width: 100%;
  padding: 72px 0;
  background-color: #EFF2F7;
  display: flex;
  flex-flow: column;
  gap: 48px; }
  @media (max-width: 768px) {
    .companiesWrapper {
      padding: 48px 0; } }
  .companiesWrapper h1 {
    text-align: center;
    font-size: 3rem;
    font-weight: 600;
    color: #000;
    white-space: pre-line;
    letter-spacing: -.05rem; }
    @media (max-width: 1024px) {
      .companiesWrapper h1 {
        padding: 0 8vw; } }
    @media (max-width: 768px) {
      .companiesWrapper h1 {
        padding: 0 6vw;
        font-size: 2.5rem; } }
    @media (max-width: 480px) {
      .companiesWrapper h1 {
        font-size: 2rem;
        padding: 0; } }
  .companiesWrapper .companiesContainer {
    width: 100%;
    display: flex;
    flex-flow: column;
    gap: 16px; }
    .companiesWrapper .companiesContainer .leftmarquee {
      width: 100%; }
      .companiesWrapper .companiesContainer .leftmarquee .photo {
        width: 100%;
        aspect-ratio: 1 / 1;
        overflow: hidden; }
        .companiesWrapper .companiesContainer .leftmarquee .photo img {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: top; }
    .companiesWrapper .companiesContainer .rightmarquee {
      width: 100%; }
      .companiesWrapper .companiesContainer .rightmarquee .photo {
        width: 100%;
        aspect-ratio: 1 / 1;
        overflow: hidden; }
        .companiesWrapper .companiesContainer .rightmarquee .photo img {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: top; }

.upcomingEventsWrapper {
  width: 100%;
  padding: 72px 0 72px 10vw;
  background-color: #fff;
  display: flex;
  gap: 32px; }
  @media (max-width: 1024px) {
    .upcomingEventsWrapper {
      padding: 72px 0 72px 8vw; } }
  @media (max-width: 768px) {
    .upcomingEventsWrapper {
      padding: 48px 6vw;
      flex-flow: column;
      gap: 24px; } }
  @media (max-width: 480px) {
    .upcomingEventsWrapper {
      padding: 48px 4vw;
      flex-flow: column;
      gap: 24px; } }
  .upcomingEventsWrapper .eventsWrapper {
    width: 100%;
    max-width: 418px;
    flex-shrink: 0;
    display: flex;
    flex-flow: column;
    gap: 16px; }
    @media (max-width: 1024px) {
      .upcomingEventsWrapper .eventsWrapper {
        max-width: 360px; } }
    @media (max-width: 768px) {
      .upcomingEventsWrapper .eventsWrapper {
        max-width: 100%; } }
    .upcomingEventsWrapper .eventsWrapper h1 {
      display: block;
      width: 100%;
      text-align: left;
      text-transform: uppercase;
      font-size: 1rem;
      font-weight: 500;
      letter-spacing: -.025rem;
      color: #000; }
    .upcomingEventsWrapper .eventsWrapper .eventsContainer {
      width: 100%;
      max-height: 268px;
      overflow-y: auto; }
      .upcomingEventsWrapper .eventsWrapper .eventsContainer table {
        width: 100%;
        border-collapse: collapse; }
        .upcomingEventsWrapper .eventsWrapper .eventsContainer table tbody {
          width: 100%;
          display: flex;
          flex-flow: column;
          gap: 16px; }
          .upcomingEventsWrapper .eventsWrapper .eventsContainer table tbody tr {
            display: block;
            width: 100%; }
            .upcomingEventsWrapper .eventsWrapper .eventsContainer table tbody tr td {
              display: block;
              width: 100%; }
              .upcomingEventsWrapper .eventsWrapper .eventsContainer table tbody tr td a {
                width: 100%;
                background-color: #F7EFF2;
                display: flex;
                align-items: center; }
                .upcomingEventsWrapper .eventsWrapper .eventsContainer table tbody tr td a:hover .news_cc b {
                  color: #9b3554; }
                .upcomingEventsWrapper .eventsWrapper .eventsContainer table tbody tr td a .date {
                  width: 72px;
                  height: 100%;
                  flex-shrink: 0;
                  display: flex;
                  flex-flow: column;
                  gap: 2px;
                  background-color: #C15475;
                  padding: 12px 6px; }
                  .upcomingEventsWrapper .eventsWrapper .eventsContainer table tbody tr td a .date b {
                    display: block;
                    width: 100%;
                    text-align: center;
                    font-weight: 500;
                    font-size: 1.825rem;
                    color: #fff; }
                  .upcomingEventsWrapper .eventsWrapper .eventsContainer table tbody tr td a .date p {
                    text-align: center;
                    font-size: .875rem;
                    color: #fff;
                    text-transform: uppercase; }
                .upcomingEventsWrapper .eventsWrapper .eventsContainer table tbody tr td a .news_cc {
                  width: 100%;
                  display: flex;
                  flex-flow: column;
                  gap: 4px;
                  padding: 10px 8px; }
                  .upcomingEventsWrapper .eventsWrapper .eventsContainer table tbody tr td a .news_cc b {
                    display: block;
                    width: 100%;
                    text-align: left;
                    font-size: 1rem;
                    font-weight: 500;
                    color: #000; }
                  .upcomingEventsWrapper .eventsWrapper .eventsContainer table tbody tr td a .news_cc p {
                    text-align: left;
                    font-size: .825rem;
                    color: #505050;
                    font-weight: 400; }
  .upcomingEventsWrapper .featuredEvent {
    width: 100%; }
    .upcomingEventsWrapper .featuredEvent a {
      width: 100%;
      padding: 24px 10vw 24px 24px;
      background-color: #C15475;
      display: flex;
      align-items: center;
      gap: 24px; }
      .upcomingEventsWrapper .featuredEvent a:hover .text h2 {
        color: #ffe991; }
      @media (max-width: 1262px) {
        .upcomingEventsWrapper .featuredEvent a {
          flex-flow: column;
          gap: 16px;
          padding: 16px 8vw 16px 16px; } }
      @media (max-width: 768px) {
        .upcomingEventsWrapper .featuredEvent a {
          flex-flow: column;
          gap: 16px;
          padding: 16px; } }
      .upcomingEventsWrapper .featuredEvent a .photo {
        width: 100%;
        max-width: 306px;
        flex-shrink: 0; }
        @media (max-width: 1262px) {
          .upcomingEventsWrapper .featuredEvent a .photo {
            max-width: 100%; } }
        .upcomingEventsWrapper .featuredEvent a .photo img {
          display: block;
          width: 100%; }
      .upcomingEventsWrapper .featuredEvent a .text {
        width: 100%;
        display: flex;
        flex-flow: column;
        gap: 20px; }
        @media (max-width: 480px) {
          .upcomingEventsWrapper .featuredEvent a .text {
            gap: 8px; } }
        .upcomingEventsWrapper .featuredEvent a .text b {
          display: block;
          width: 100%;
          text-align: left;
          text-transform: uppercase;
          font-size: 1rem;
          font-weight: 500;
          letter-spacing: -.025rem;
          color: #fff; }
        .upcomingEventsWrapper .featuredEvent a .text h2 {
          display: inline-block;
          width: auto;
          text-align: left;
          font-weight: 600;
          font-size: 2rem;
          letter-spacing: -.05rem;
          color: #fff; }
          @media (max-width: 480px) {
            .upcomingEventsWrapper .featuredEvent a .text h2 {
              font-size: 1.5rem; } }
        .upcomingEventsWrapper .featuredEvent a .text p {
          text-align: left;
          font-weight: 500;
          color: #fff; }

.newsroomWrapper {
  width: 100%;
  padding: 72px 10vw;
  display: flex;
  flex-flow: column;
  gap: 48px;
  background-color: #EBE9EA; }
  @media (max-width: 1262px) {
    .newsroomWrapper {
      padding: 72px 8vw; } }
  @media (max-width: 768px) {
    .newsroomWrapper {
      padding: 48px 6vw;
      gap: 24px; } }
  @media (max-width: 480px) {
    .newsroomWrapper {
      padding: 48px 4vw;
      gap: 24px; } }
  .newsroomWrapper h1 {
    text-align: left;
    font-weight: 600;
    font-size: 3rem;
    color: #000;
    letter-spacing: -.05rem; }
    @media (max-width: 480px) {
      .newsroomWrapper h1 {
        font-size: 2rem; } }
  .newsroomWrapper .newsroomContainer {
    width: 100%; }
    .newsroomWrapper .newsroomContainer .newsCon {
      width: 100%; }
      .newsroomWrapper .newsroomContainer .newsCon a {
        display: block;
        width: 100%; }
        .newsroomWrapper .newsroomContainer .newsCon a .photo {
          width: 100%;
          aspect-ratio: 4 / 3;
          overflow: hidden;
          position: relative; }
          .newsroomWrapper .newsroomContainer .newsCon a .photo img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: top; }
          .newsroomWrapper .newsroomContainer .newsCon a .photo small {
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #0678A5;
            width: 40px;
            height: 40px;
            aspect-ratio: 1 / 1;
            position: absolute;
            right: 0;
            bottom: 0;
            z-index: 1; }
            .newsroomWrapper .newsroomContainer .newsCon a .photo small img {
              display: block;
              width: 20px; }
        .newsroomWrapper .newsroomContainer .newsCon a .text {
          width: 100%;
          padding: 20px;
          background-color: #fff;
          display: flex;
          flex-flow: column;
          gap: 8px; }
          .newsroomWrapper .newsroomContainer .newsCon a .text b {
            display: block;
            width: 100%;
            text-align: left;
            font-weight: 500;
            font-size: 1.125rem;
            color: #000; }
          .newsroomWrapper .newsroomContainer .newsCon a .text p {
            text-align: left;
            font-weight: 400;
            font-size: .925rem;
            color: #505050; }
          .newsroomWrapper .newsroomContainer .newsCon a .text small {
            display: block;
            width: 100%;
            text-align: left;
            font-size: .825rem;
            font-weight: 400;
            color: #808080;
            margin: 8px 0 0 0; }

.bendoGrid {
  width: 100%;
  background-color: #fff;
  padding: 72px 10vw; }
  @media (max-width: 1024px) {
    .bendoGrid {
      padding: 48px 8vw; } }
  @media (max-width: 768px) {
    .bendoGrid {
      padding: 48px 6vw; } }
  @media (max-width: 480px) {
    .bendoGrid {
      padding: 48px 4vw; } }
  .bendoGrid ul {
    width: 100%;
    display: grid;
    align-items: stretch;
    gap: 16px;
    grid-template-columns: repeat(4, minmax(0, 1fr)); }
    @media (max-width: 768px) {
      .bendoGrid ul {
        grid-template-columns: repeat(2, minmax(0, 1fr)); } }
    .bendoGrid ul li {
      width: 100%;
      height: 180px;
      color: #fff;
      border-radius: 24px;
      overflow: hidden; }
      .bendoGrid ul li.col-1 {
        grid-row: 1 / 3;
        height: 376px; }
        @media (max-width: 768px) {
          .bendoGrid ul li.col-1 {
            grid-row: unset;
            height: 180px; } }
        .bendoGrid ul li.col-1 .birthday {
          width: 100%;
          height: 100%; }
          .bendoGrid ul li.col-1 .birthday a {
            width: 100%;
            height: 100%;
            display: flex;
            flex-flow: column;
            align-items: center;
            justify-content: space-between;
            padding: 80px 40px 40px 40px;
            background: linear-gradient(0deg, #108f55 0%, #a7d50e 100%);
            transition: .25s ease; }
            @media (max-width: 1024px) {
              .bendoGrid ul li.col-1 .birthday a {
                padding: 24px 16px; } }
            .bendoGrid ul li.col-1 .birthday a:hover {
              background: linear-gradient(45deg, #108f55 0%, #a7d50e 100%);
              transition: .25s ease; }
            .bendoGrid ul li.col-1 .birthday a .photo {
              width: 100%;
              display: flex;
              align-items: center;
              justify-content: center; }
              .bendoGrid ul li.col-1 .birthday a .photo img {
                display: block;
                width: 75%; }
                @media (max-width: 768px) {
                  .bendoGrid ul li.col-1 .birthday a .photo img {
                    width: 60%; } }
                @media (max-width: 480px) {
                  .bendoGrid ul li.col-1 .birthday a .photo img {
                    width: 75%; } }
            .bendoGrid ul li.col-1 .birthday a b {
              display: block;
              width: 100%;
              text-align: center;
              font-weight: 500;
              font-size: 1.75rem;
              color: #fff;
              letter-spacing: -.025rem; }
              @media (max-width: 1024px) {
                .bendoGrid ul li.col-1 .birthday a b {
                  font-size: 1.125rem; } }
      .bendoGrid ul li.col-2 .yearbook {
        width: 100%;
        height: 100%; }
        .bendoGrid ul li.col-2 .yearbook a {
          width: 100%;
          height: 100%;
          display: flex;
          flex-flow: column;
          justify-content: center;
          align-items: flex-start;
          gap: 24px;
          background: linear-gradient(45deg, #EC115B 0%, #FE9E95 100%);
          padding: 24px 48px; }
          @media (max-width: 1024px) {
            .bendoGrid ul li.col-2 .yearbook a {
              padding: 24px 16px; } }
          .bendoGrid ul li.col-2 .yearbook a:hover {
            background: linear-gradient(90deg, #EC115B 0%, #FE9E95 100%); }
            .bendoGrid ul li.col-2 .yearbook a:hover span {
              background-color: #ffe791; }
          .bendoGrid ul li.col-2 .yearbook a b {
            display: block;
            width: 100%;
            text-align: left;
            font-weight: 500;
            font-size: 1.75rem;
            letter-spacing: -.05rem;
            color: #fff; }
            @media (max-width: 1024px) {
              .bendoGrid ul li.col-2 .yearbook a b {
                font-size: 1.25rem; } }
          .bendoGrid ul li.col-2 .yearbook a span {
            width: 3rem;
            height: 3rem;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #FFB237; }
            .bendoGrid ul li.col-2 .yearbook a span img {
              display: block;
              width: 24px; }
      .bendoGrid ul li.col-3 .opportunities {
        width: 100%;
        height: 100%; }
        .bendoGrid ul li.col-3 .opportunities a {
          width: 100%;
          height: 100%;
          display: flex;
          flex-flow: column;
          justify-content: center;
          align-items: flex-start;
          gap: 16px;
          background: linear-gradient(45deg, #1305DF 0%, #01C2FE 100%);
          padding: 16px 48px;
          position: relative; }
          @media (max-width: 1024px) {
            .bendoGrid ul li.col-3 .opportunities a {
              padding: 24px 16px; } }
          .bendoGrid ul li.col-3 .opportunities a:hover {
            background: linear-gradient(90deg, #1305DF 0%, #01C2FE 100%); }
            .bendoGrid ul li.col-3 .opportunities a:hover span {
              background-color: #a3fff6; }
          .bendoGrid ul li.col-3 .opportunities a b {
            display: block;
            width: 100%;
            text-align: left;
            font-weight: 500;
            font-size: 1.75rem;
            letter-spacing: -.05rem;
            color: #fff;
            position: relative;
            z-index: 1; }
            @media (max-width: 1024px) {
              .bendoGrid ul li.col-3 .opportunities a b {
                font-size: 1.25rem; } }
          .bendoGrid ul li.col-3 .opportunities a span {
            width: 3rem;
            height: 3rem;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #37FFEB;
            position: relative;
            z-index: 1; }
            .bendoGrid ul li.col-3 .opportunities a span img {
              display: block;
              width: 24px; }
          .bendoGrid ul li.col-3 .opportunities a small {
            display: block;
            width: 100%;
            position: absolute;
            right: 0;
            bottom: 0;
            z-index: 0; }
            .bendoGrid ul li.col-3 .opportunities a small img {
              display: block;
              width: 100%; }
      .bendoGrid ul li.col-4 {
        grid-row: 1 / 3;
        height: 376px; }
        @media (max-width: 768px) {
          .bendoGrid ul li.col-4 {
            grid-row: unset;
            height: 180px; } }
        .bendoGrid ul li.col-4 .success {
          width: 100%;
          height: 100%; }
          .bendoGrid ul li.col-4 .success a {
            width: 100%;
            height: 100%;
            display: flex;
            flex-flow: column;
            justify-content: center;
            align-items: flex-start;
            gap: 48px;
            background: linear-gradient(180deg, #E56545 0%, #E18E0A 100%);
            padding: 16px 48px;
            position: relative; }
            @media (max-width: 1024px) {
              .bendoGrid ul li.col-4 .success a {
                padding: 24px 16px;
                gap: 24px; } }
            @media (max-width: 768px) {
              .bendoGrid ul li.col-4 .success a {
                padding: 24px 16px;
                gap: 0; } }
            .bendoGrid ul li.col-4 .success a:hover {
              background: linear-gradient(90deg, #E56545 0%, #E18E0A 100%); }
            .bendoGrid ul li.col-4 .success a b {
              display: block;
              width: 100%;
              text-align: center;
              font-weight: 500;
              font-size: 2rem;
              letter-spacing: -.05rem;
              color: #fff;
              position: relative;
              z-index: 1;
              white-space: pre-line; }
              @media (max-width: 1024px) {
                .bendoGrid ul li.col-4 .success a b {
                  font-size: 1.25rem; } }
            .bendoGrid ul li.col-4 .success a span {
              width: 100%;
              display: flex;
              align-items: center;
              justify-content: center; }
              .bendoGrid ul li.col-4 .success a span img {
                display: block;
                width: 100%; }
                @media (max-width: 1024px) {
                  .bendoGrid ul li.col-4 .success a span img {
                    width: 60%; } }
                @media (max-width: 480px) {
                  .bendoGrid ul li.col-4 .success a span img {
                    width: 100%; } }
      .bendoGrid ul li.col-5 {
        grid-row: 2 / 4;
        grid-column: 2 / 4;
        height: 376px; }
        @media (max-width: 768px) {
          .bendoGrid ul li.col-5 {
            grid-column: 1 / 3;
            grid-row: unset;
            height: 180px; } }
        .bendoGrid ul li.col-5 .memory {
          width: 100%;
          height: 100%; }
          .bendoGrid ul li.col-5 .memory a {
            width: 100%;
            height: 100%;
            display: flex;
            flex-flow: column;
            justify-content: flex-end;
            align-items: flex-start;
            gap: 20px;
            background: linear-gradient(0deg, #1C1F5A 0%, #6D3BA2 100%);
            padding: 16px 0 0 0;
            position: relative; }
            @media (max-width: 1024px) {
              .bendoGrid ul li.col-5 .memory a {
                align-items: center;
                justify-content: center; } }
            .bendoGrid ul li.col-5 .memory a:hover {
              background: linear-gradient(90deg, #1C1F5A 0%, #6D3BA2 100%); }
            .bendoGrid ul li.col-5 .memory a b {
              display: block;
              width: 100%;
              text-align: center;
              font-weight: 500;
              font-size: 3rem;
              letter-spacing: -.05rem;
              color: #fff;
              position: relative;
              z-index: 1;
              white-space: pre-line; }
              @media (max-width: 1024px) {
                .bendoGrid ul li.col-5 .memory a b {
                  font-size: 2.5rem; } }
            .bendoGrid ul li.col-5 .memory a span {
              width: 100%;
              display: flex;
              align-items: center;
              justify-content: center;
              max-height: 260px;
              overflow: hidden; }
              .bendoGrid ul li.col-5 .memory a span img {
                display: block;
                width: 100%; }
      .bendoGrid ul li.col-6 {
        grid-row: 3 / 4; }
        @media (max-width: 768px) {
          .bendoGrid ul li.col-6 {
            grid-row: unset; } }
        .bendoGrid ul li.col-6 .chapters {
          width: 100%;
          height: 100%; }
          .bendoGrid ul li.col-6 .chapters a {
            width: 100%;
            height: 100%;
            display: flex;
            flex-flow: column;
            justify-content: center;
            align-items: center;
            padding: 24px;
            gap: 20px;
            background: linear-gradient(22deg, #4A0BB4 0%, #0893E6 100%); }
            @media (max-width: 1024px) {
              .bendoGrid ul li.col-6 .chapters a {
                padding: 24px 16px;
                gap: 16px; } }
            .bendoGrid ul li.col-6 .chapters a:hover {
              background: linear-gradient(90deg, #4A0BB4 0%, #0893E6 100%); }
            .bendoGrid ul li.col-6 .chapters a span {
              width: 100%;
              display: flex;
              align-items: center;
              justify-content: center; }
              .bendoGrid ul li.col-6 .chapters a span img {
                display: block;
                width: 62px; }
            .bendoGrid ul li.col-6 .chapters a b {
              display: block;
              width: 100%;
              text-align: center;
              font-weight: 500;
              font-size: 1.75rem;
              letter-spacing: -.05rem;
              color: #fff;
              position: relative;
              z-index: 1;
              white-space: pre-line; }
              @media (max-width: 1024px) {
                .bendoGrid ul li.col-6 .chapters a b {
                  font-size: 1.25rem; } }
      .bendoGrid ul li.col-7 {
        grid-row: 3 / 5;
        height: 376px; }
        @media (max-width: 768px) {
          .bendoGrid ul li.col-7 {
            grid-row: unset;
            height: 180px; } }
        .bendoGrid ul li.col-7 .invite {
          width: 100%;
          height: 100%;
          background: linear-gradient(0deg, #5503AC 0%, #D5008F 100%);
          padding: 24px 32px;
          display: flex;
          flex-flow: column;
          justify-content: space-between; }
          @media (max-width: 1024px) {
            .bendoGrid ul li.col-7 .invite {
              padding: 24px 16px; } }
          .bendoGrid ul li.col-7 .invite .heading {
            width: 100%;
            display: flex;
            flex-flow: column;
            gap: 16px; }
            @media (max-width: 768px) {
              .bendoGrid ul li.col-7 .invite .heading {
                gap: 8px;
                flex-flow: row; } }
            .bendoGrid ul li.col-7 .invite .heading b {
              display: block;
              width: 100%;
              text-align: left;
              font-weight: 500;
              line-height: 1.2;
              font-size: 2rem;
              letter-spacing: -.05rem;
              color: #fff;
              position: relative;
              z-index: 1;
              white-space: pre-line; }
              @media (max-width: 1024px) {
                .bendoGrid ul li.col-7 .invite .heading b {
                  font-size: 1rem; } }
            .bendoGrid ul li.col-7 .invite .heading a {
              width: 3rem;
              aspect-ratio: 1 / 1;
              border-radius: 50%;
              display: flex;
              align-items: center;
              justify-content: center;
              background-color: #FFB237; }
              @media (max-width: 1024px) {
                .bendoGrid ul li.col-7 .invite .heading a {
                  width: 2rem;
                  height: 2rem;
                  flex-shrink: 0; } }
              .bendoGrid ul li.col-7 .invite .heading a:hover {
                background-color: #ffdda7; }
              .bendoGrid ul li.col-7 .invite .heading a img {
                display: block;
                width: 24px; }
                @media (max-width: 1024px) {
                  .bendoGrid ul li.col-7 .invite .heading a img {
                    width: 16px; } }
          .bendoGrid ul li.col-7 .invite .friends {
            width: 100%;
            display: flex;
            align-items: center;
            gap: 12px; }
            @media (max-width: 1024px) {
              .bendoGrid ul li.col-7 .invite .friends {
                flex-flow: column; } }
            .bendoGrid ul li.col-7 .invite .friends .group {
              width: auto;
              display: inline-flex;
              align-items: center; }
              .bendoGrid ul li.col-7 .invite .friends .group:hover a {
                margin: 0 0 0 -12px;
                transition: .25s ease; }
              .bendoGrid ul li.col-7 .invite .friends .group a {
                display: block;
                width: 40px;
                aspect-ratio: 1 / 1;
                border-radius: 50%;
                overflow: hidden;
                margin: 0 0 0 -16px;
                border: 3px solid #6B03A7;
                transition: .25s ease; }
                .bendoGrid ul li.col-7 .invite .friends .group a:first-child {
                  margin: 0; }
                .bendoGrid ul li.col-7 .invite .friends .group a img {
                  display: block;
                  width: 100%;
                  height: 100%;
                  object-fit: cover;
                  object-position: top; }
            .bendoGrid ul li.col-7 .invite .friends b {
              display: inline-block;
              width: auto; }
              .bendoGrid ul li.col-7 .invite .friends b a {
                display: inline-block;
                width: auto;
                font-size: .875rem;
                font-weight: 400;
                color: #fff; }
                .bendoGrid ul li.col-7 .invite .friends b a:hover {
                  text-decoration: underline; }
      .bendoGrid ul li.col-8 {
        grid-column: 1 / 3; }
        @media (max-width: 768px) {
          .bendoGrid ul li.col-8 {
            grid-column: unset; } }
        .bendoGrid ul li.col-8 .notable {
          width: 100%;
          height: 100%; }
          .bendoGrid ul li.col-8 .notable a {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 40px;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, #D20B7F 0%, #E6505B 100%);
            padding: 0 0 0 48px; }
            @media (max-width: 768px) {
              .bendoGrid ul li.col-8 .notable a {
                padding: 16px 0 0 0;
                gap: 0;
                flex-flow: column; } }
            .bendoGrid ul li.col-8 .notable a:hover {
              background: linear-gradient(180deg, #D20B7F 0%, #E6505B 100%); }
            .bendoGrid ul li.col-8 .notable a b {
              display: block;
              width: 100%;
              text-align: center;
              font-size: 2rem;
              font-weight: 500;
              color: #fff;
              letter-spacing: -.05rem;
              position: relative; }
              @media (max-width: 1024px) {
                .bendoGrid ul li.col-8 .notable a b {
                  font-size: 1.25rem; } }
              .bendoGrid ul li.col-8 .notable a b::after {
                content: '';
                background: url(../icons/lines.svg) no-repeat center;
                background-size: 68%;
                width: 100%;
                height: 24px;
                display: block; }
            .bendoGrid ul li.col-8 .notable a .photo {
              width: 266px;
              flex-shrink: 0; }
              @media (max-width: 768px) {
                .bendoGrid ul li.col-8 .notable a .photo {
                  width: 100%; } }
              .bendoGrid ul li.col-8 .notable a .photo img {
                display: block;
                width: 100%; }
      .bendoGrid ul li.col-9 .blogs {
        width: 100%;
        height: 100%; }
        .bendoGrid ul li.col-9 .blogs a {
          display: flex;
          flex-flow: column;
          gap: 16px;
          padding: 24px;
          height: 100%;
          width: 100%;
          position: relative;
          background: linear-gradient(20deg, #A54FD7 0%, #D49AF6 100%); }
          @media (max-width: 1024px) {
            .bendoGrid ul li.col-9 .blogs a {
              padding: 24px 16px; } }
          .bendoGrid ul li.col-9 .blogs a:hover {
            background: linear-gradient(90deg, #A54FD7 0%, #D49AF6 100%); }
          .bendoGrid ul li.col-9 .blogs a span {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            position: relative;
            z-index: 1; }
            .bendoGrid ul li.col-9 .blogs a span img {
              display: block;
              width: 56px; }
          .bendoGrid ul li.col-9 .blogs a b {
            display: block;
            width: 100%;
            text-align: center;
            font-weight: 500;
            font-size: 1.75rem;
            color: #fff;
            position: relative;
            z-index: 1; }
            @media (max-width: 1024px) {
              .bendoGrid ul li.col-9 .blogs a b {
                font-size: 1.25rem; } }
          .bendoGrid ul li.col-9 .blogs a small {
            display: flex;
            width: 100%;
            align-items: flex-start;
            justify-content: flex-end;
            position: absolute;
            right: 0;
            bottom: 0; }
            .bendoGrid ul li.col-9 .blogs a small img {
              display: block;
              width: 70%; }

.alumniMsgWrapper {
  width: 100%;
  background-color: #0678A5;
  padding: 72px 10vw; }
  @media (max-width: 1024px) {
    .alumniMsgWrapper {
      padding: 72px 8vw; } }
  @media (max-width: 768px) {
    .alumniMsgWrapper {
      padding: 48px 6vw; } }
  @media (max-width: 480px) {
    .alumniMsgWrapper {
      padding: 48px 4vw; } }
  .alumniMsgWrapper .alumniCon {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 72px; }
    @media (max-width: 1024px) {
      .alumniMsgWrapper .alumniCon {
        gap: 24px;
        align-items: flex-start; } }
    @media (max-width: 768px) {
      .alumniMsgWrapper .alumniCon {
        flex-flow: column;
        gap: 32px; } }
    .alumniMsgWrapper .alumniCon .photo {
      width: 100%;
      max-width: 474px;
      padding: 4px;
      background-color: #fff;
      border-radius: 32px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0; }
      @media (max-width: 1024px) {
        .alumniMsgWrapper .alumniCon .photo {
          max-width: 324px; } }
      @media (max-width: 768px) {
        .alumniMsgWrapper .alumniCon .photo {
          max-width: 100%; } }
      .alumniMsgWrapper .alumniCon .photo .photoInner {
        width: 100%;
        aspect-ratio: 1 / 1;
        border-radius: 28px;
        overflow: hidden; }
        .alumniMsgWrapper .alumniCon .photo .photoInner img {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: top; }
    .alumniMsgWrapper .alumniCon .text {
      width: 100%;
      display: flex;
      flex-flow: column;
      gap: 32px; }
      @media (max-width: 1024px) {
        .alumniMsgWrapper .alumniCon .text {
          gap: 16px; } }
      .alumniMsgWrapper .alumniCon .text h1 {
        text-align: left;
        font-size: 3rem;
        font-weight: 500;
        color: #fff;
        letter-spacing: -.05rem; }
        @media (max-width: 1024px) {
          .alumniMsgWrapper .alumniCon .text h1 {
            font-size: 2.5rem; } }
        @media (max-width: 480px) {
          .alumniMsgWrapper .alumniCon .text h1 {
            font-size: 2rem; } }
      .alumniMsgWrapper .alumniCon .text p {
        text-align: left;
        font-size: 1.125rem;
        line-height: 1.3;
        color: #fff;
        font-weight: 400; }
        @media (max-width: 480px) {
          .alumniMsgWrapper .alumniCon .text p {
            font-size: 1rem; } }
      .alumniMsgWrapper .alumniCon .text .by {
        width: 100%;
        display: flex;
        flex-flow: column;
        gap: 8px; }
        .alumniMsgWrapper .alumniCon .text .by b {
          display: block;
          width: 100%;
          text-align: left;
          font-weight: 500;
          font-size: 2rem;
          color: #fff; }
          @media (max-width: 480px) {
            .alumniMsgWrapper .alumniCon .text .by b {
              font-size: 1.25rem; } }
        .alumniMsgWrapper .alumniCon .text .by small {
          display: block;
          width: 100%;
          text-align: left;
          font-size: 1rem;
          color: #fff; }

.feedWrapper {
  width: 100%;
  padding: 72px 10vw;
  background: linear-gradient(240deg, #C05375 0%, #5C2B99 27%, #027AA6 100%);
  display: flex;
  flex-flow: column;
  gap: 24px; }
  @media (max-width: 1024px) {
    .feedWrapper {
      padding: 72px 8vw; } }
  @media (max-width: 768px) {
    .feedWrapper {
      padding: 48px 6vw; } }
  @media (max-width: 480px) {
    .feedWrapper {
      padding: 48px 4vw; } }
  .feedWrapper .feed_container {
    width: 100%;
    display: grid;
    align-items: flex-start;
    gap: 24px;
    grid-template-columns: repeat(3, minmax(0, 1fr)); }
    @media (max-width: 1024px) {
      .feedWrapper .feed_container {
        grid-template-columns: repeat(2, minmax(0, 1fr)); } }
    @media (max-width: 480px) {
      .feedWrapper .feed_container {
        grid-template-columns: repeat(1, minmax(0, 1fr)); } }
    .feedWrapper .feed_container .text {
      width: 100%; }
      .feedWrapper .feed_container .text h1 {
        text-align: left;
        font-weight: 600;
        font-size: 5.5rem;
        color: #fff;
        position: relative; }
        @media (max-width: 1262px) {
          .feedWrapper .feed_container .text h1 {
            font-size: 4rem; } }
        @media (max-width: 480px) {
          .feedWrapper .feed_container .text h1 {
            font-size: 3rem; } }
        .feedWrapper .feed_container .text h1::after {
          content: '';
          display: block;
          width: 100%;
          background: url(../icons/feed2.svg) no-repeat right bottom;
          background-size: 123px;
          height: 96px;
          position: absolute;
          right: 92px;
          bottom: 70px; }
        .feedWrapper .feed_container .text h1:before {
          content: '';
          display: block;
          width: 100%;
          background: url(../icons/lines.svg) no-repeat right bottom;
          background-size: 224px;
          height: 96px;
          position: absolute;
          right: 140px;
          bottom: -24px; }
        .feedWrapper .feed_container .text h1 b {
          display: block;
          width: 100%;
          text-align: left;
          font-weight: 600;
          font-size: 4rem;
          color: #fff;
          position: relative;
          z-index: 1; }
          @media (max-width: 1262px) {
            .feedWrapper .feed_container .text h1 b {
              font-size: 3rem; } }
          @media (max-width: 480px) {
            .feedWrapper .feed_container .text h1 b {
              font-size: 3rem; } }
          .feedWrapper .feed_container .text h1 b::after {
            content: '';
            background: url(../icons/feed1.svg) no-repeat center;
            background-size: 108px;
            display: block;
            width: 96px;
            height: 102px;
            position: absolute;
            right: 40px;
            top: -36px;
            z-index: -1; }
        .feedWrapper .feed_container .text h1 small {
          display: block;
          width: 100%;
          text-align: left;
          font-size: 3rem;
          font-weight: 400;
          color: #fff; }
    .feedWrapper .feed_container .facebookWrapper {
      width: 100%;
      padding: 24px;
      background-color: #fff;
      border-radius: 16px;
      display: flex;
      flex-flow: column;
      gap: 16px; }
      .feedWrapper .feed_container .facebookWrapper h2 {
        text-align: left;
        font-weight: 600;
        font-size: 1.5rem;
        color: #463F9C;
        letter-spacing: -.025rem; }
      .feedWrapper .feed_container .facebookWrapper .facebookContent {
        width: 100%;
        padding: 16px 0 0 0;
        border-top: 1px solid #DDDDDD;
        display: flex;
        flex-flow: column;
        gap: 8px;
        max-height: 300px;
        overflow-y: auto; }
    .feedWrapper .feed_container .instagramPosts {
      width: 100%;
      padding: 24px;
      background-color: #fff;
      border-radius: 16px;
      display: flex;
      flex-flow: column;
      gap: 16px; }
      .feedWrapper .feed_container .instagramPosts h2 {
        text-align: left;
        font-weight: 600;
        font-size: 1.5rem;
        color: #463F9C;
        letter-spacing: -.025rem; }
      .feedWrapper .feed_container .instagramPosts .instagramContent {
        width: 100%;
        padding: 16px 0 0 0;
        border-top: 1px solid #DDDDDD;
        display: flex;
        flex-flow: column;
        gap: 8px;
        max-height: 300px;
        overflow-y: auto; }
    .feedWrapper .feed_container .youtubePosts {
      width: 100%;
      padding: 24px;
      background-color: #fff;
      border-radius: 16px;
      display: flex;
      flex-flow: column;
      gap: 16px; }
      .feedWrapper .feed_container .youtubePosts h2 {
        text-align: left;
        font-weight: 600;
        font-size: 1.5rem;
        color: #463F9C;
        letter-spacing: -.025rem; }
      .feedWrapper .feed_container .youtubePosts .youtubeContent {
        width: 100%;
        padding: 16px 0 0 0;
        border-top: 1px solid #DDDDDD;
        display: flex;
        flex-flow: column;
        gap: 8px;
        max-height: 300px;
        overflow-y: auto; }
    .feedWrapper .feed_container .thread {
      width: 100%;
      padding: 24px;
      background-color: #fff;
      border-radius: 16px;
      display: flex;
      flex-flow: column;
      gap: 16px; }
      .feedWrapper .feed_container .thread h2 {
        text-align: left;
        font-weight: 600;
        font-size: 1.5rem;
        color: #463F9C;
        letter-spacing: -.025rem; }
      .feedWrapper .feed_container .thread .threadContent {
        width: 100%;
        padding: 16px 0 0 0;
        border-top: 1px solid #DDDDDD;
        display: flex;
        flex-flow: column;
        gap: 8px;
        max-height: 300px;
        overflow-y: auto; }
    .feedWrapper .feed_container .twitter {
      width: 100%;
      padding: 24px;
      background-color: #fff;
      border-radius: 16px;
      display: flex;
      flex-flow: column;
      gap: 16px; }
      .feedWrapper .feed_container .twitter h2 {
        text-align: left;
        font-weight: 600;
        font-size: 1.5rem;
        color: #463F9C;
        letter-spacing: -.025rem; }
      .feedWrapper .feed_container .twitter .twitterContent {
        width: 100%;
        padding: 16px 0 0 0;
        border-top: 1px solid #DDDDDD;
        display: flex;
        flex-flow: column;
        gap: 8px;
        max-height: 300px;
        overflow-y: auto; }

.photoGalleryWrapper {
  width: 100%;
  background: url(../../images/gallery.jpg) no-repeat center #000;
  background-size: cover;
  display: flex;
  flex-flow: column;
  gap: 48px;
  padding: 72px 10vw; }
  @media (max-width: 1024px) {
    .photoGalleryWrapper {
      padding: 72px 8vw; } }
  @media (max-width: 768px) {
    .photoGalleryWrapper {
      padding: 48px 6vw; } }
  @media (max-width: 480px) {
    .photoGalleryWrapper {
      padding: 48px 4vw; } }
  .photoGalleryWrapper .heading {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 480px) {
      .photoGalleryWrapper .heading {
        flex-flow: column;
        gap: 16px; } }
    .photoGalleryWrapper .heading h1 {
      text-align: left;
      font-weight: 600;
      font-size: 3rem;
      color: #fff;
      letter-spacing: -.05rem; }
      @media (max-width: 768px) {
        .photoGalleryWrapper .heading h1 {
          font-size: 2.5rem; } }
      @media (max-width: 480px) {
        .photoGalleryWrapper .heading h1 {
          font-size: 2rem; } }
    .photoGalleryWrapper .heading a {
      display: inline-block;
      width: auto;
      font-size: 1rem;
      font-weight: 500;
      color: #fff;
      background-color: #0678A5;
      line-height: 48px;
      padding: 0 24px;
      border-radius: .5rem; }
      @media (max-width: 768px) {
        .photoGalleryWrapper .heading a {
          padding: 0 16px;
          font-size: .825rem; } }
      @media (max-width: 480px) {
        .photoGalleryWrapper .heading a {
          display: block;
          width: 100%;
          text-align: center; } }
      .photoGalleryWrapper .heading a:hover {
        background-color: #C15475; }
  .photoGalleryWrapper .photoGalleryContainer {
    width: 100%; }
    .photoGalleryWrapper .photoGalleryContainer .pgCon {
      width: 100%; }
      .photoGalleryWrapper .photoGalleryContainer .pgCon a {
        display: block;
        width: 100%;
        background-color: #fff; }
        .photoGalleryWrapper .photoGalleryContainer .pgCon a .photo {
          width: 100%;
          aspect-ratio: 4 / 3;
          overflow: hidden;
          position: relative; }
          .photoGalleryWrapper .photoGalleryContainer .pgCon a .photo img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: top; }
          .photoGalleryWrapper .photoGalleryContainer .pgCon a .photo small {
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #0678A5;
            width: 40px;
            aspect-ratio: 1 / 1;
            position: absolute;
            left: 0;
            bottom: 0;
            z-index: 1; }
            .photoGalleryWrapper .photoGalleryContainer .pgCon a .photo small img {
              display: block;
              width: 20px;
              height: 20px; }
        .photoGalleryWrapper .photoGalleryContainer .pgCon a b {
          display: block;
          width: 100%;
          text-align: center;
          font-size: 1.12rem;
          font-weight: 500;
          color: #000;
          padding: 12px; }

footer {
  width: 100%;
  position: relative;
  background-color: #EFF2F7; }
  footer .footer_inner {
    width: 100%;
    padding: 72px 10vw; }
    @media (max-width: 1024px) {
      footer .footer_inner {
        padding: 72px 8vw; } }
    @media (max-width: 768px) {
      footer .footer_inner {
        padding: 48px 6vw; } }
    @media (max-width: 480px) {
      footer .footer_inner {
        padding: 48px 4vw; } }
    footer .footer_inner .footer_innInn {
      width: 100%;
      margin: 0 auto; }
      footer .footer_inner .footer_innInn .text {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem; }
        @media (max-width: 480px) {
          footer .footer_inner .footer_innInn .text {
            flex-flow: column;
            gap: 1.5rem; } }
        footer .footer_inner .footer_innInn .text h2 {
          color: #101010;
          text-align: left;
          font-size: 3rem;
          font-weight: 600; }
          @media (max-width: 480px) {
            footer .footer_inner .footer_innInn .text h2 {
              font-size: 2rem; } }
        footer .footer_inner .footer_innInn .text p {
          text-align: left;
          font-size: 1.25rem;
          font-weight: 400;
          line-height: 1.4; }
          @media (max-width: 480px) {
            footer .footer_inner .footer_innInn .text p {
              font-size: 1rem; } }
        footer .footer_inner .footer_innInn .text .logo {
          width: 100%;
          max-width: 180px; }
          footer .footer_inner .footer_innInn .text .logo img {
            display: block;
            width: 100%; }
        footer .footer_inner .footer_innInn .text .links {
          width: auto;
          display: inline-flex;
          gap: 8px;
          align-items: center; }
          @media (max-width: 480px) {
            footer .footer_inner .footer_innInn .text .links {
              width: 100%;
              display: flex; } }
          footer .footer_inner .footer_innInn .text .links a {
            display: block;
            width: 180px;
            text-align: center;
            line-height: 48px;
            color: #fff;
            background-color: #0B4D9C;
            font-size: 1rem; }
            @media (max-width: 480px) {
              footer .footer_inner .footer_innInn .text .links a {
                font-size: .825rem;
                width: 100%; } }
            footer .footer_inner .footer_innInn .text .links a:hover {
              background-color: #063774; }

.copyright {
  width: 100%;
  background-color: #0B4D9C;
  padding: 1.5rem 10vw; }
  @media (max-width: 1024px) {
    .copyright {
      padding: 1.5rem 8vw; } }
  .copyright .copyrightInner {
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px; }
    @media (max-width: 768px) {
      .copyright .copyrightInner {
        flex-flow: column; } }
    .copyright .copyrightInner p {
      text-align: left;
      font-size: .875rem;
      font-weight: 400;
      color: #fff; }
      .copyright .copyrightInner p a {
        color: #fff; }

.slider {
  width: 100%;
  min-height: 548px;
  padding: 0 0 0 6vw;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  gap: 6rem;
  overflow: hidden;
  background-color: #EBE9EA; }
  @media (max-width: 1024px) {
    .slider {
      grid-template-columns: repeat(1, minmax(0, 1fr));
      padding: 0;
      height: auto;
      gap: 0; } }
  .slider .slider_left {
    width: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: 40px;
    padding: 106px 0; }
    @media (max-width: 1262px) {
      .slider .slider_left {
        padding: 106px 0; } }
    @media (max-width: 1024px) {
      .slider .slider_left {
        padding: 48px 6vw;
        gap: 24px; } }
    .slider .slider_left h1 {
      text-align: center;
      font-weight: 500;
      font-size: 4.5rem;
      letter-spacing: -3px;
      line-height: 1; }
      @media (max-width: 1024px) {
        .slider .slider_left h1 {
          font-size: 3rem; } }
    .slider .slider_left h2 {
      text-align: center;
      font-weight: 400;
      font-size: 2.25rem;
      letter-spacing: -1px;
      line-height: 1; }
      @media (max-width: 1024px) {
        .slider .slider_left h2 {
          font-size: 1.25rem;
          letter-spacing: -.5px; } }
    .slider .slider_left p {
      text-align: center;
      font-weight: 400;
      font-size: 1.25rem;
      line-height: 1.4;
      color: #5D5D67;
      letter-spacing: -.5px; }
    .slider .slider_left .links {
      width: auto;
      display: inline-flex;
      align-items: center;
      gap: 16px; }
      @media (max-width: 480px) {
        .slider .slider_left .links {
          flex-flow: column;
          width: 100%; } }
      .slider .slider_left .links a {
        display: inline-block;
        width: auto;
        padding: 0 24px;
        border-radius: 50px;
        background-color: #B4FF2D;
        color: #161618;
        line-height: 48px; }
        @media (max-width: 480px) {
          .slider .slider_left .links a {
            display: block;
            width: 100%;
            text-align: center; } }
        .slider .slider_left .links a:hover {
          background-color: #161618;
          color: #fff; }
        .slider .slider_left .links a:last-child {
          background-color: #fff; }
          .slider .slider_left .links a:last-child:hover {
            background-color: #161618;
            color: #fff; }
  .slider .slider_right {
    width: 100%;
    height: 100%;
    position: relative; }
    @media (max-width: 1024px) {
      .slider .slider_right {
        height: 450px;
        overflow: hidden; } }
    .slider .slider_right .rotate {
      height: 910px;
      width: 910px;
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto 0;
      transform: translateX(5%); }
      @media (max-width: 1024px) {
        .slider .slider_right .rotate {
          transform: translateX(-50%) translateY(30%);
          left: 50%; } }
      .slider .slider_right .rotate .rotate_1 {
        width: 910px;
        aspect-ratio: 1 / 1;
        border: 1px dashed #5E5E5E;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        border-radius: 50%; }
        .slider .slider_right .rotate .rotate_1 .rotate_1_1 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          left: 0;
          top: 0;
          right: 0;
          margin: 0 auto;
          transform: translateY(-50%);
          display: flex;
          align-items: center;
          justify-content: center; }
          .slider .slider_right .rotate .rotate_1 .rotate_1_1 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1;
            border-radius: 50%; }
        .slider .slider_right .rotate .rotate_1 .rotate_1_2 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          left: 0;
          bottom: 0;
          right: 0;
          margin: 0 auto;
          transform: translateY(50%) rotate(180deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .slider .slider_right .rotate .rotate_1 .rotate_1_2 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1;
            border-radius: 50%; }
        .slider .slider_right .rotate .rotate_1 .rotate_1_3 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          margin: auto 0;
          transform: translateX(-50%) rotate(-90deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .slider .slider_right .rotate .rotate_1 .rotate_1_3 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1;
            border-radius: 50%; }
        .slider .slider_right .rotate .rotate_1 .rotate_1_4 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          right: 0;
          top: 0;
          bottom: 0;
          margin: auto 0;
          transform: translateX(50%) rotate(90deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .slider .slider_right .rotate .rotate_1 .rotate_1_4 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1;
            border-radius: 50%; }
        .slider .slider_right .rotate .rotate_1 .rotate_1_5 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          left: 0;
          bottom: 0;
          right: 0;
          margin: 0 auto;
          transform: translateY(-187%) translateX(-552%) rotate(232deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .slider .slider_right .rotate .rotate_1 .rotate_1_5 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1;
            border-radius: 50%; }
        .slider .slider_right .rotate .rotate_1 .rotate_1_6 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          margin: auto 0;
          transform: translateX(160%) translateY(-506%) rotate(-54deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .slider .slider_right .rotate .rotate_1 .rotate_1_6 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1;
            border-radius: 50%; }
        .slider .slider_right .rotate .rotate_1 .rotate_1_7 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          right: 0;
          top: 0;
          bottom: 0;
          margin: auto 0;
          transform: translateX(-124%) translateY(480%) rotate(120deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .slider .slider_right .rotate .rotate_1 .rotate_1_7 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1;
            border-radius: 50%; }
        .slider .slider_right .rotate .rotate_1 .rotate_1_8 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          right: 0;
          top: 0;
          bottom: 0;
          margin: auto 0;
          transform: translateX(-124%) translateY(-480%) rotate(45deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .slider .slider_right .rotate .rotate_1 .rotate_1_8 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1;
            border-radius: 50%; }
        .slider .slider_right .rotate .rotate_1 .color_1 {
          background-color: #161618;
          height: 9px;
          width: 9px;
          border-radius: 50%;
          transform: translateY(270px) translateX(32px);
          position: absolute;
          margin: auto; }
        .slider .slider_right .rotate .rotate_1 .color_2 {
          background-color: #161618;
          height: 9px;
          width: 9px;
          border-radius: 50%;
          transform: translateY(36px) translateX(639px);
          position: absolute;
          margin: auto; }
        .slider .slider_right .rotate .rotate_1 .color_3 {
          background-color: #161618;
          height: 9px;
          width: 9px;
          border-radius: 50%;
          transform: translateY(593px) translateX(881px);
          position: absolute;
          margin: auto; }
        .slider .slider_right .rotate .rotate_1 .color_4 {
          background-color: #161618;
          height: 9px;
          width: 9px;
          border-radius: 50%;
          transform: translateY(852px) translateX(238px);
          position: absolute;
          margin: auto; }
        .slider .slider_right .rotate .rotate_1 .color_5 {
          background-color: #C4FB62;
          height: 20px;
          width: 20px;
          border-radius: 50%;
          transform: translateY(30px) translateX(258px);
          position: absolute;
          margin: auto; }
        .slider .slider_right .rotate .rotate_1 .color_6 {
          background-color: #C4FB62;
          height: 20px;
          width: 20px;
          border-radius: 50%;
          transform: translateY(843px) translateX(662px);
          position: absolute;
          margin: auto; }
        .slider .slider_right .rotate .rotate_1 .color_7 {
          background-color: #C4FB62;
          height: 20px;
          width: 20px;
          border-radius: 50%;
          transform: translateY(277px) translateX(867px);
          position: absolute;
          margin: auto; }
        .slider .slider_right .rotate .rotate_1 .color_8 {
          background-color: #C4FB62;
          height: 20px;
          width: 20px;
          border-radius: 50%;
          transform: translateY(606px) translateX(18px);
          position: absolute;
          margin: auto; }
      .slider .slider_right .rotate .rotate_2 {
        width: 760px;
        aspect-ratio: 1 / 1;
        border: 1px dashed #5E5E5E;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        border-radius: 50%; }
        .slider .slider_right .rotate .rotate_2 .rotate_2_1 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          left: 0;
          top: 0;
          right: 0;
          margin: 0 auto;
          transform: translateY(-49%) translateX(-59%) rotate(-4deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .slider .slider_right .rotate .rotate_2 .rotate_2_1 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1;
            border-radius: 50%; }
        .slider .slider_right .rotate .rotate_2 .rotate_2_2 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          left: 0;
          bottom: 0;
          right: 0;
          margin: 0 auto;
          transform: translateY(50%) rotate(180deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .slider .slider_right .rotate .rotate_2 .rotate_2_2 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1;
            border-radius: 50%; }
        .slider .slider_right .rotate .rotate_2 .rotate_2_3 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          margin: auto 0;
          transform: translateX(-21%) translateY(-190%) rotate(-70deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .slider .slider_right .rotate .rotate_2 .rotate_2_3 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1;
            border-radius: 50%; }
        .slider .slider_right .rotate .rotate_2 .rotate_2_4 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          right: 0;
          top: 0;
          bottom: 0;
          margin: auto 0;
          transform: translateX(-41%) translateY(-327%) rotate(54deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .slider .slider_right .rotate .rotate_2 .rotate_2_4 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1;
            border-radius: 50%; }
        .slider .slider_right .rotate .rotate_2 .rotate_2_5 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          margin: auto 0;
          transform: translateX(42%) translateY(322%) rotate(-116deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .slider .slider_right .rotate .rotate_2 .rotate_2_5 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1;
            border-radius: 50%; }
        .slider .slider_right .rotate .rotate_2 .rotate_2_6 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          right: 0;
          top: 0;
          bottom: 0;
          margin: auto 0;
          transform: translateX(-8%) translateY(263%) rotate(116deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .slider .slider_right .rotate .rotate_2 .rotate_2_6 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1;
            border-radius: 50%; }
        .slider .slider_right .rotate .rotate_2 .color_1 {
          background-color: #161618;
          height: 9px;
          width: 9px;
          border-radius: 50%;
          transform: translateY(87px) translateX(126px);
          position: absolute;
          margin: auto; }
        .slider .slider_right .rotate .rotate_2 .color_2 {
          background-color: #161618;
          height: 9px;
          width: 9px;
          border-radius: 50%;
          transform: translateY(346px) translateX(753px);
          position: absolute;
          margin: auto; }
        .slider .slider_right .rotate .rotate_2 .color_3 {
          background-color: #161618;
          height: 9px;
          width: 9px;
          border-radius: 50%;
          transform: translateY(697px) translateX(176px);
          position: absolute;
          margin: auto; }
        .slider .slider_right .rotate .rotate_2 .color_4 {
          background-color: #C4FB62;
          height: 20px;
          width: 20px;
          border-radius: 50%;
          transform: translateY(30px) translateX(538px);
          position: absolute;
          margin: auto; }
        .slider .slider_right .rotate .rotate_2 .color_5 {
          background-color: #C4FB62;
          height: 20px;
          width: 20px;
          border-radius: 50%;
          transform: translateY(393px) translateX(-9px);
          position: absolute;
          margin: auto; }
        .slider .slider_right .rotate .rotate_2 .color_6 {
          background-color: #C4FB62;
          height: 20px;
          width: 20px;
          border-radius: 50%;
          transform: translateY(685px) translateX(579px);
          position: absolute;
          margin: auto; }
      .slider .slider_right .rotate .rotate_3 {
        width: 610px;
        aspect-ratio: 1 / 1;
        border: 1px dashed #5E5E5E;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        border-radius: 50%; }
        .slider .slider_right .rotate .rotate_3 .rotate_3_1 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          left: 0;
          top: 0;
          right: 0;
          margin: 0 auto;
          transform: translateY(-50%);
          display: flex;
          align-items: center;
          justify-content: center; }
          .slider .slider_right .rotate .rotate_3 .rotate_3_1 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1;
            border-radius: 50%; }
        .slider .slider_right .rotate .rotate_3 .rotate_3_2 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          left: 0;
          bottom: 0;
          right: 0;
          margin: 0 auto;
          transform: translateY(50%) rotate(180deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .slider .slider_right .rotate .rotate_3 .rotate_3_2 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1;
            border-radius: 50%; }
        .slider .slider_right .rotate .rotate_3 .rotate_3_3 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          margin: auto 0;
          transform: translateX(-50%) rotate(-90deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .slider .slider_right .rotate .rotate_3 .rotate_3_3 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1;
            border-radius: 50%; }
        .slider .slider_right .rotate .rotate_3 .rotate_3_4 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          right: 0;
          top: 0;
          bottom: 0;
          margin: auto 0;
          transform: translateX(50%) rotate(90deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .slider .slider_right .rotate .rotate_3 .rotate_3_4 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1;
            border-radius: 50%; }
        .slider .slider_right .rotate .rotate_3 .rotate_3_5 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          right: 0;
          top: 0;
          bottom: 0;
          margin: auto 0;
          transform: translateX(50%) rotate(90deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .slider .slider_right .rotate .rotate_3 .rotate_3_5 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1;
            border-radius: 50%; }
        .slider .slider_right .rotate .rotate_3 .color_1 {
          background-color: #161618;
          height: 9px;
          width: 9px;
          border-radius: 50%;
          transform: translateY(87px) translateX(81px);
          position: absolute;
          margin: auto; }
        .slider .slider_right .rotate .rotate_3 .color_2 {
          background-color: #161618;
          height: 9px;
          width: 9px;
          border-radius: 50%;
          transform: translateY(495px) translateX(535px);
          position: absolute;
          margin: auto; }
        .slider .slider_right .rotate .rotate_3 .color_3 {
          background-color: #C4FB62;
          height: 20px;
          width: 20px;
          border-radius: 50%;
          transform: translateY(81px) translateX(513px);
          position: absolute;
          margin: auto; }
        .slider .slider_right .rotate .rotate_3 .color_4 {
          background-color: #C4FB62;
          height: 20px;
          width: 20px;
          border-radius: 50%;
          transform: translateY(493px) translateX(65px);
          position: absolute;
          margin: auto; }
      .slider .slider_right .rotate .rotate_4 {
        width: 460px;
        aspect-ratio: 1 / 1;
        border: 1px dashed #5E5E5E;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        border-radius: 50%; }
        .slider .slider_right .rotate .rotate_4 .rotate_4_1 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          left: 0;
          top: 0;
          right: 0;
          margin: 0 auto;
          transform: translateY(-50%);
          display: flex;
          align-items: center;
          justify-content: center; }
          .slider .slider_right .rotate .rotate_4 .rotate_4_1 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1;
            border-radius: 50%; }
        .slider .slider_right .rotate .rotate_4 .rotate_4_2 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          left: 0;
          bottom: 0;
          right: 0;
          margin: 0 auto;
          transform: translateY(50%) rotate(180deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .slider .slider_right .rotate .rotate_4 .rotate_4_2 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1;
            border-radius: 50%; }
        .slider .slider_right .rotate .rotate_4 .rotate_4_3 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          margin: auto 0;
          transform: translateX(-50%) rotate(-90deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .slider .slider_right .rotate .rotate_4 .rotate_4_3 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1;
            border-radius: 50%; }
        .slider .slider_right .rotate .rotate_4 .rotate_4_4 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          right: 0;
          top: 0;
          bottom: 0;
          margin: auto 0;
          transform: translateX(50%) rotate(90deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .slider .slider_right .rotate .rotate_4 .rotate_4_4 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1;
            border-radius: 50%; }
        .slider .slider_right .rotate .rotate_4 .color_1 {
          background-color: #161618;
          height: 9px;
          width: 9px;
          border-radius: 50%;
          transform: translateY(72px) translateX(53px);
          position: absolute;
          margin: auto; }
        .slider .slider_right .rotate .rotate_4 .color_2 {
          background-color: #161618;
          height: 9px;
          width: 9px;
          border-radius: 50%;
          transform: translateY(381px) translateX(393px);
          position: absolute;
          margin: auto; }
        .slider .slider_right .rotate .rotate_4 .color_3 {
          background-color: #C4FB62;
          height: 20px;
          width: 20px;
          border-radius: 50%;
          transform: translateY(70px) translateX(394px);
          position: absolute;
          margin: auto; }
        .slider .slider_right .rotate .rotate_4 .color_4 {
          background-color: #C4FB62;
          height: 20px;
          width: 20px;
          border-radius: 50%;
          transform: translateY(363px) translateX(41px);
          position: absolute;
          margin: auto; }
      .slider .slider_right .rotate .rotate_5 {
        width: 302px;
        aspect-ratio: 1 / 1;
        border: 1px dashed #5E5E5E;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        border-radius: 50%; }
        .slider .slider_right .rotate .rotate_5 .rotate_5_1 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          left: 0;
          top: 0;
          right: 0;
          margin: 0 auto;
          transform: translateY(-22%) translateX(110%) rotate(24deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .slider .slider_right .rotate .rotate_5 .rotate_5_1 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1;
            border-radius: 50%; }
        .slider .slider_right .rotate .rotate_5 .rotate_5_2 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          left: 0;
          bottom: 0;
          right: 0;
          margin: 0 auto;
          transform: translateY(15%) translateX(120%) rotate(160deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .slider .slider_right .rotate .rotate_5 .rotate_5_2 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1;
            border-radius: 50%; }
        .slider .slider_right .rotate .rotate_5 .rotate_5_3 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          margin: auto 0;
          transform: translateX(-50%) rotate(-90deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .slider .slider_right .rotate .rotate_5 .rotate_5_3 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1;
            border-radius: 50%; }
        .slider .slider_right .rotate .rotate_5 .rotate_5_4 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          right: 0;
          top: 0;
          bottom: 0;
          margin: auto 0;
          transform: translateX(50%) rotate(90deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .slider .slider_right .rotate .rotate_5 .rotate_5_4 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1;
            border-radius: 50%; }
        .slider .slider_right .rotate .rotate_5 .color_1 {
          background-color: #161618;
          height: 9px;
          width: 9px;
          border-radius: 50%;
          transform: translateY(24px) translateX(57px);
          position: absolute;
          margin: auto; }
        .slider .slider_right .rotate .rotate_5 .color_2 {
          background-color: #C4FB62;
          height: 20px;
          width: 20px;
          border-radius: 50%;
          transform: translateY(115px) translateX(288px);
          position: absolute;
          margin: auto; }
        .slider .slider_right .rotate .rotate_5 .color_3 {
          background-color: #C4FB62;
          height: 20px;
          width: 20px;
          border-radius: 50%;
          transform: translateY(261px) translateX(51px);
          position: absolute;
          margin: auto; }
      .slider .slider_right .rotate .rotate_6 {
        width: 150px;
        aspect-ratio: 1 / 1;
        border: 1px dashed #5E5E5E;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        border-radius: 50%; }
        .slider .slider_right .rotate .rotate_6 .rotate_6_1 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          left: 0;
          top: 0;
          right: 0;
          margin: 0 auto;
          transform: translateY(-50%);
          display: flex;
          align-items: center;
          justify-content: center; }
          .slider .slider_right .rotate .rotate_6 .rotate_6_1 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1;
            border-radius: 50%; }
        .slider .slider_right .rotate .rotate_6 .rotate_6_2 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          left: 0;
          bottom: 0;
          right: 0;
          margin: 0 auto;
          transform: translateY(50%) rotate(180deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .slider .slider_right .rotate .rotate_6 .rotate_6_2 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1;
            border-radius: 50%; }
        .slider .slider_right .rotate .rotate_6 .rotate_6_3 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          margin: auto 0;
          transform: translateX(-50%) rotate(-90deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .slider .slider_right .rotate .rotate_6 .rotate_6_3 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1;
            border-radius: 50%; }
        .slider .slider_right .rotate .rotate_6 .rotate_6_4 {
          height: 62px;
          width: 62px;
          border-radius: 50%;
          background-color: #fff;
          position: absolute;
          right: 0;
          top: 0;
          bottom: 0;
          margin: auto 0;
          transform: translateX(50%) rotate(90deg);
          display: flex;
          align-items: center;
          justify-content: center; }
          .slider .slider_right .rotate .rotate_6 .rotate_6_4 img {
            display: block;
            width: 100%;
            aspect-ratio: 1 / 1;
            border-radius: 50%; }
        .slider .slider_right .rotate .rotate_6 .color_1 {
          background-color: #161618;
          height: 9px;
          width: 9px;
          border-radius: 50%;
          transform: translateY(67px) translateX(-5px);
          position: absolute;
          margin: auto; }
        .slider .slider_right .rotate .rotate_6 .color_2 {
          background-color: #C4FB62;
          height: 20px;
          width: 20px;
          border-radius: 50%;
          transform: translateY(64px) translateX(137px);
          position: absolute;
          margin: auto; }

.chairman {
  width: 100%;
  padding: 72px 6vw;
  display: grid;
  gap: 72px;
  align-items: center;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  background-color: #161618;
  position: sticky;
  top: 0; }
  @media (max-width: 1024px) {
    .chairman {
      gap: 24px; } }
  @media (max-width: 768px) {
    .chairman {
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: 24px; } }
  .chairman .photo {
    width: 100%; }
    .chairman .photo img {
      display: block;
      width: 100%; }
  .chairman .text {
    width: 100%;
    display: flex;
    flex-flow: column;
    gap: 48px; }
    @media (max-width: 1024px) {
      .chairman .text {
        gap: 24px; } }
    .chairman .text h1 {
      text-align: left;
      font-size: 3.5rem;
      font-weight: 500;
      color: #fff;
      letter-spacing: -2.5px; }
      @media (max-width: 1024px) {
        .chairman .text h1 {
          font-size: 2rem;
          letter-spacing: -1px; } }
    .chairman .text p {
      text-align: left;
      font-size: 1.375rem;
      color: rgba(255, 255, 255, 0.78);
      line-height: 1.4;
      letter-spacing: -.5px;
      font-weight: 400; }
      @media (max-width: 1024px) {
        .chairman .text p {
          font-size: 1rem; } }
    .chairman .text .by {
      width: 100%;
      display: flex;
      flex-flow: column;
      gap: .5rem; }
      .chairman .text .by b {
        display: block;
        width: 100%;
        text-align: left;
        font-weight: 500;
        font-size: 1.8rem;
        line-height: 1;
        color: #B4FF2D;
        letter-spacing: -.5px; }
        @media (max-width: 1024px) {
          .chairman .text .by b {
            font-size: 1.5rem;
            letter-spacing: -.25px; } }
      .chairman .text .by small {
        display: block;
        width: 100%;
        text-align: left;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1;
        color: #fff;
        letter-spacing: -.25px; }

.chairperson {
  width: 100%;
  padding: 72px 6vw;
  display: grid;
  gap: 72px;
  align-items: center;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  background-color: #fff;
  position: sticky;
  z-index: 1;
  top: 0; }
  @media (max-width: 1024px) {
    .chairperson {
      gap: 24px; } }
  @media (max-width: 768px) {
    .chairperson {
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: 24px; } }
  .chairperson .photo {
    width: 100%; }
    .chairperson .photo img {
      display: block;
      width: 100%; }
  .chairperson .text {
    width: 100%;
    display: flex;
    flex-flow: column;
    gap: 48px; }
    @media (max-width: 1024px) {
      .chairperson .text {
        gap: 24px; } }
    .chairperson .text h1 {
      text-align: left;
      font-size: 3.5rem;
      font-weight: 500;
      color: #161618;
      letter-spacing: -2.5px; }
      @media (max-width: 1024px) {
        .chairperson .text h1 {
          font-size: 2rem;
          letter-spacing: -1px; } }
    .chairperson .text p {
      text-align: left;
      font-size: 1.375rem;
      color: rgba(0, 0, 0, 0.78);
      line-height: 1.4;
      letter-spacing: -.5px;
      font-weight: 400; }
      @media (max-width: 1024px) {
        .chairperson .text p {
          font-size: 1rem; } }
    .chairperson .text .by {
      width: 100%;
      display: flex;
      flex-flow: column;
      gap: .5rem; }
      .chairperson .text .by b {
        display: block;
        width: 100%;
        text-align: left;
        font-weight: 500;
        font-size: 1.8rem;
        line-height: 1;
        color: #161618;
        letter-spacing: -.5px; }
        @media (max-width: 1024px) {
          .chairperson .text .by b {
            font-size: 1.5rem;
            letter-spacing: -.25px; } }
      .chairperson .text .by small {
        display: block;
        width: 100%;
        text-align: left;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1;
        color: rgba(0, 0, 0, 0.7);
        letter-spacing: -.25px; }

.vision {
  width: 100%;
  background-color: #B4FF2D;
  padding: 40px 36vw 40px 6vw;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  position: relative;
  z-index: 1; }
  @media (max-width: 1024px) {
    .vision {
      padding: 40px 6vw; } }
  @media (max-width: 480px) {
    .vision {
      padding: 40px 6vw;
      flex-flow: column; } }
  .vision .icon {
    width: 96px;
    flex-shrink: 0; }
    .vision .icon img {
      display: block;
      width: 100%; }
  .vision .text {
    width: 100%;
    display: flex;
    flex-flow: column;
    gap: .5rem; }
    .vision .text b {
      display: block;
      width: 100%;
      text-align: left;
      line-height: 1;
      font-size: 2rem;
      color: #161618;
      letter-spacing: -.5px;
      font-weight: 500; }
    .vision .text p {
      display: block;
      width: 100%;
      text-align: left;
      line-height: 1.4;
      font-size: 1rem;
      color: #161618;
      letter-spacing: -.2px;
      font-weight: 400; }

.star_and_chapters {
  width: 100%;
  padding: 72px 6vw;
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: flex-start;
  position: relative;
  z-index: 1;
  background-color: #B4FF2D; }
  @media (max-width: 768px) {
    .star_and_chapters {
      grid-template-columns: repeat(1, minmax(0, 1fr)); } }
  .star_and_chapters .star_alumni, .star_and_chapters .success_stories, .star_and_chapters .chapters {
    width: 100%;
    display: flex;
    flex-flow: column;
    gap: 1rem; }
    .star_and_chapters .star_alumni h2, .star_and_chapters .success_stories h2, .star_and_chapters .chapters h2 {
      text-align: left;
      font-size: 2rem;
      font-weight: 500;
      letter-spacing: -1px; }
    .star_and_chapters .star_alumni .star_alumni_link, .star_and_chapters .success_stories .star_alumni_link, .star_and_chapters .chapters .star_alumni_link {
      width: 100%;
      background-color: #fff;
      display: flex;
      flex-flow: column;
      gap: 20px;
      width: 100%;
      padding: 1.5rem; }
      @media (max-width: 1024px) {
        .star_and_chapters .star_alumni .star_alumni_link, .star_and_chapters .success_stories .star_alumni_link, .star_and_chapters .chapters .star_alumni_link {
          padding: 1rem; } }
      .star_and_chapters .star_alumni .star_alumni_link .photo, .star_and_chapters .success_stories .star_alumni_link .photo, .star_and_chapters .chapters .star_alumni_link .photo {
        width: 100%;
        position: relative; }
        .star_and_chapters .star_alumni .star_alumni_link .photo img, .star_and_chapters .success_stories .star_alumni_link .photo img, .star_and_chapters .chapters .star_alumni_link .photo img {
          display: block;
          width: 100%; }
      .star_and_chapters .star_alumni .star_alumni_link .text, .star_and_chapters .success_stories .star_alumni_link .text, .star_and_chapters .chapters .star_alumni_link .text {
        display: flex;
        flex-flow: column;
        gap: 4px;
        width: 100%;
        background-color: #fff;
        position: relative; }
        .star_and_chapters .star_alumni .star_alumni_link .text b, .star_and_chapters .success_stories .star_alumni_link .text b, .star_and_chapters .chapters .star_alumni_link .text b {
          display: block;
          width: 100%;
          text-align: left;
          font: 600 18px "Adani", sans-serif;
          color: #000; }
        .star_and_chapters .star_alumni .star_alumni_link .text p, .star_and_chapters .success_stories .star_alumni_link .text p, .star_and_chapters .chapters .star_alumni_link .text p {
          text-align: left;
          font: 400 14px "Adani", sans-serif;
          color: #808080; }
        .star_and_chapters .star_alumni .star_alumni_link .text .branch, .star_and_chapters .success_stories .star_alumni_link .text .branch, .star_and_chapters .chapters .star_alumni_link .text .branch {
          width: 100%;
          background-color: #B4FF2D;
          color: #101010;
          font: 500 15px "Adani", sans-serif;
          text-align: center;
          padding: 8px;
          margin: 8px 0 0 0; }
    .star_and_chapters .star_alumni .success_stories_link, .star_and_chapters .success_stories .success_stories_link, .star_and_chapters .chapters .success_stories_link {
      width: 100%;
      background-color: #fff; }
      .star_and_chapters .star_alumni .success_stories_link a, .star_and_chapters .success_stories .success_stories_link a, .star_and_chapters .chapters .success_stories_link a {
        display: flex;
        flex-flow: column;
        gap: 20px;
        width: 100%;
        padding: 1.5rem; }
        @media (max-width: 1024px) {
          .star_and_chapters .star_alumni .success_stories_link a, .star_and_chapters .success_stories .success_stories_link a, .star_and_chapters .chapters .success_stories_link a {
            padding: 1rem; } }
        .star_and_chapters .star_alumni .success_stories_link a:hover .photo span, .star_and_chapters .success_stories .success_stories_link a:hover .photo span, .star_and_chapters .chapters .success_stories_link a:hover .photo span {
          background-color: #EBE9EA; }
        .star_and_chapters .star_alumni .success_stories_link a .photo, .star_and_chapters .success_stories .success_stories_link a .photo, .star_and_chapters .chapters .success_stories_link a .photo {
          width: 100%;
          position: relative; }
          .star_and_chapters .star_alumni .success_stories_link a .photo img, .star_and_chapters .success_stories .success_stories_link a .photo img, .star_and_chapters .chapters .success_stories_link a .photo img {
            display: block;
            width: 100%; }
          .star_and_chapters .star_alumni .success_stories_link a .photo span, .star_and_chapters .success_stories .success_stories_link a .photo span, .star_and_chapters .chapters .success_stories_link a .photo span {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 40px;
            width: 40px;
            position: absolute;
            right: 0;
            bottom: 0;
            z-index: 1;
            background-color: #B4FF2D; }
            .star_and_chapters .star_alumni .success_stories_link a .photo span img, .star_and_chapters .success_stories .success_stories_link a .photo span img, .star_and_chapters .chapters .success_stories_link a .photo span img {
              display: block;
              width: 24px; }
        .star_and_chapters .star_alumni .success_stories_link a .text, .star_and_chapters .success_stories .success_stories_link a .text, .star_and_chapters .chapters .success_stories_link a .text {
          width: 100%;
          display: flex;
          flex-flow: column;
          gap: .5rem; }
          .star_and_chapters .star_alumni .success_stories_link a .text b, .star_and_chapters .success_stories .success_stories_link a .text b, .star_and_chapters .chapters .success_stories_link a .text b {
            display: block;
            width: 100%;
            text-align: left;
            font-weight: 500;
            font-size: 1.5rem;
            letter-spacing: -.85px;
            color: #161618; }
            @media (max-width: 1024px) {
              .star_and_chapters .star_alumni .success_stories_link a .text b, .star_and_chapters .success_stories .success_stories_link a .text b, .star_and_chapters .chapters .success_stories_link a .text b {
                font-size: 1.20rem; } }
          .star_and_chapters .star_alumni .success_stories_link a .text p, .star_and_chapters .success_stories .success_stories_link a .text p, .star_and_chapters .chapters .success_stories_link a .text p {
            text-align: left;
            font-size: 1rem;
            letter-spacing: -.5px;
            font-weight: 400;
            color: #161618;
            line-height: 1.4; }
    .star_and_chapters .star_alumni .chapters_link, .star_and_chapters .success_stories .chapters_link, .star_and_chapters .chapters .chapters_link {
      width: 100%;
      background-color: #fff; }
      .star_and_chapters .star_alumni .chapters_link a, .star_and_chapters .success_stories .chapters_link a, .star_and_chapters .chapters .chapters_link a {
        display: block;
        width: 100%;
        position: relative; }
        .star_and_chapters .star_alumni .chapters_link a:hover span, .star_and_chapters .success_stories .chapters_link a:hover span, .star_and_chapters .chapters .chapters_link a:hover span {
          background-color: #EBE9EA; }
        .star_and_chapters .star_alumni .chapters_link a img, .star_and_chapters .success_stories .chapters_link a img, .star_and_chapters .chapters .chapters_link a img {
          display: block;
          width: 100%; }
        .star_and_chapters .star_alumni .chapters_link a span, .star_and_chapters .success_stories .chapters_link a span, .star_and_chapters .chapters .chapters_link a span {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 40px;
          width: 40px;
          position: absolute;
          right: 0;
          top: 0;
          z-index: 1;
          background-color: #B4FF2D; }
          .star_and_chapters .star_alumni .chapters_link a span img, .star_and_chapters .success_stories .chapters_link a span img, .star_and_chapters .chapters .chapters_link a span img {
            display: block;
            width: 24px; }

.comm_alumni {
  width: 100%;
  padding: 72px 6vw;
  display: flex;
  flex-flow: column;
  gap: 2rem;
  background-color: #EBE9EA;
  position: relative;
  z-index: 1; }
  .comm_alumni .heading {
    width: 100%;
    display: flex;
    flex-flow: column;
    gap: 1.5rem;
    align-items: center;
    padding: 0 14vw; }
    @media (max-width: 1024px) {
      .comm_alumni .heading {
        padding: 0; } }
    .comm_alumni .heading h1 {
      text-align: center;
      font-weight: 500;
      font-size: 40px;
      line-height: 1;
      letter-spacing: -1px; }
      @media (max-width: 480px) {
        .comm_alumni .heading h1 {
          font-size: 30px; } }
    .comm_alumni .heading p {
      text-align: center;
      font-size: 1rem;
      font-weight: 500;
      letter-spacing: -.05px;
      line-height: 1.4; }
  .comm_alumni .community_links {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: center;
    gap: 1rem; }
    @media (max-width: 1024px) {
      .comm_alumni .community_links {
        grid-template-columns: repeat(2, minmax(0, 1fr)); } }
    @media (max-width: 480px) {
      .comm_alumni .community_links {
        grid-template-columns: repeat(1, minmax(0, 1fr)); } }
    .comm_alumni .community_links a {
      width: 100%;
      display: flex;
      align-items: center;
      gap: 10px;
      height: 100%;
      background-color: #fff;
      padding: 16px; }
      .comm_alumni .community_links a:hover small {
        background-color: #EBE9EA; }
      .comm_alumni .community_links a span {
        width: 32px;
        flex-shrink: 0;
        display: block; }
        .comm_alumni .community_links a span img {
          display: block;
          width: 100%; }
      .comm_alumni .community_links a b {
        display: block;
        width: 100%;
        text-align: left;
        font-weight: 500;
        font-size: 1rem;
        letter-spacing: -.15px;
        color: #161618; }
      .comm_alumni .community_links a small {
        flex-shrink: 0;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #B4FF2D; }
        .comm_alumni .community_links a small img {
          display: block;
          width: 24px; }
  .comm_alumni .networks {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    gap: 48px; }
    @media (max-width: 768px) {
      .comm_alumni .networks {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 24px; } }
    .comm_alumni .networks .photo {
      width: 100%; }
      .comm_alumni .networks .photo img {
        display: block;
        width: 100%; }
    .comm_alumni .networks .text {
      width: 100%;
      display: flex;
      flex-flow: column;
      gap: 24px;
      align-items: flex-start; }
      .comm_alumni .networks .text b {
        display: block;
        width: 100%;
        text-align: left;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 1rem; }
      .comm_alumni .networks .text h2 {
        text-align: left;
        font-weight: 500;
        font-size: 2.5rem;
        line-height: 1;
        letter-spacing: -1.5px; }
      .comm_alumni .networks .text p {
        text-align: left;
        line-height: 1.4;
        letter-spacing: -.1;
        color: #5D5D67; }
      .comm_alumni .networks .text a {
        display: inline-block;
        width: auto;
        padding: 0 32px;
        font-size: 1rem;
        font-weight: 500;
        line-height: 46px;
        background-color: #B4FF2D;
        color: #161618; }
        .comm_alumni .networks .text a:hover {
          background-color: #161618;
          color: #fff; }

.upcoming_events {
  width: 100%;
  padding: 0 0 72px 6vw;
  display: grid;
  gap: 32px;
  grid-template-columns: 416px auto;
  align-items: flex-start;
  background-color: #EBE9EA;
  position: relative;
  z-index: 1; }
  @media (max-width: 1262px) {
    .upcoming_events {
      padding: 0 6vw 72px 6vw; } }
  @media (max-width: 1024px) {
    .upcoming_events {
      grid-template-columns: repeat(1, 1fr);
      padding: 0 6vw 72px 6vw;
      gap: 0; } }
  .upcoming_events .upcoming_eventsWrapp {
    width: 100%;
    display: flex;
    flex-flow: column;
    gap: 16px; }
    .upcoming_events .upcoming_eventsWrapp h2 {
      text-align: left;
      text-transform: uppercase;
      font-size: 1rem;
      font-weight: 500; }
    .upcoming_events .upcoming_eventsWrapp .upcoming_wrapper {
      width: 100%; }
      .upcoming_events .upcoming_eventsWrapp .upcoming_wrapper ul {
        width: 100%;
        display: flex;
        flex-flow: column;
        gap: 13px; }
        .upcoming_events .upcoming_eventsWrapp .upcoming_wrapper ul li {
          width: 100%; }
          .upcoming_events .upcoming_eventsWrapp .upcoming_wrapper ul li a {
            width: 100%;
            display: grid;
            grid-template-columns: 74px auto;
            align-items: center;
            background-color: #fff;
            flex-shrink: 0; }
            .upcoming_events .upcoming_eventsWrapp .upcoming_wrapper ul li a:hover {
              background-color: #161618; }
              .upcoming_events .upcoming_eventsWrapp .upcoming_wrapper ul li a:hover .text b {
                color: #fff; }
              .upcoming_events .upcoming_eventsWrapp .upcoming_wrapper ul li a:hover .text small {
                color: #fff; }
            .upcoming_events .upcoming_eventsWrapp .upcoming_wrapper ul li a .date {
              width: 100%;
              background-color: #B4FF2D;
              height: 100%;
              display: flex;
              flex-flow: column;
              align-items: center;
              justify-content: center;
              padding: 0 6px; }
              .upcoming_events .upcoming_eventsWrapp .upcoming_wrapper ul li a .date b {
                display: block;
                width: 100%;
                text-align: center;
                font-size: 30px;
                color: #161618;
                font-weight: 500; }
              .upcoming_events .upcoming_eventsWrapp .upcoming_wrapper ul li a .date small {
                display: block;
                width: 100%;
                text-align: center;
                font-size: 15px;
                font-weight: 500;
                color: #161618; }
            .upcoming_events .upcoming_eventsWrapp .upcoming_wrapper ul li a .text {
              width: 100%;
              display: flex;
              flex-flow: column;
              gap: 4px;
              padding: 12px 16px; }
              .upcoming_events .upcoming_eventsWrapp .upcoming_wrapper ul li a .text b {
                display: block;
                width: 100%;
                text-align: left;
                font-size: 17px;
                font-weight: 500;
                letter-spacing: -.5px;
                line-height: 1.1;
                color: #161618; }
              .upcoming_events .upcoming_eventsWrapp .upcoming_wrapper ul li a .text small {
                display: block;
                width: 100%;
                text-align: left;
                font-weight: 400;
                font-size: 13px;
                color: #5D5D67; }
  .upcoming_events .futured_events {
    padding: 24px 6vw 24px 24px;
    background-color: #B4FF2D;
    width: 100%;
    display: grid;
    gap: 24px;
    grid-template-columns: 306px auto;
    align-items: center; }
    @media (max-width: 1262px) {
      .upcoming_events .futured_events {
        padding: 24px; } }
    @media (max-width: 1262px) {
      .upcoming_events .futured_events {
        grid-template-columns: repeat(1, 1fr);
        gap: 16px; } }
    .upcoming_events .futured_events .photo {
      width: 100%; }
      .upcoming_events .futured_events .photo img {
        display: block;
        width: 100%; }
    .upcoming_events .futured_events .text {
      width: 100%;
      display: flex;
      flex-flow: column;
      gap: 24px; }
      @media (max-width: 1262px) {
        .upcoming_events .futured_events .text {
          gap: 16px; } }
      .upcoming_events .futured_events .text b {
        display: block;
        width: 100%;
        text-align: left;
        font-weight: 500;
        font-size: 1rem;
        color: #161618;
        text-transform: uppercase; }
      .upcoming_events .futured_events .text a {
        text-align: left;
        display: block;
        width: 100%;
        font-size: 2rem;
        font-weight: 500;
        color: #161618;
        letter-spacing: -.6px;
        line-height: 1.1; }
        .upcoming_events .futured_events .text a:hover {
          text-decoration: underline; }
      .upcoming_events .futured_events .text p {
        text-align: left;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.4;
        color: #161618; }

.event_detailWrapper {
  width: 100%;
  padding: 48px 10vw;
  display: flex;
  flex-flow: column;
  gap: 24px; }
  @media (max-width: 1024px) {
    .event_detailWrapper {
      padding: 48px 8vw; } }
  @media (max-width: 768px) {
    .event_detailWrapper {
      padding: 48px 6vw; } }
  @media (max-width: 480px) {
    .event_detailWrapper {
      padding: 48px 4vw; } }
  .event_detailWrapper table {
    width: 100%;
    border-collapse: collapse; }
    .event_detailWrapper table tbody {
      width: 100%;
      display: flex;
      flex-flow: column;
      gap: 48px; }
      .event_detailWrapper table tbody tr {
        width: 100%; }
        .event_detailWrapper table tbody tr td {
          display: flex;
          flex-flow: column;
          gap: 24px;
          width: 100%; }
          .event_detailWrapper table tbody tr td h1 {
            text-align: left;
            font-size: 2.5rem;
            font-weight: 600;
            color: #000;
            letter-spacing: -.05rem; }
            @media (max-width: 1024px) {
              .event_detailWrapper table tbody tr td h1 {
                font-size: 2.2rem; } }
            @media (max-width: 480px) {
              .event_detailWrapper table tbody tr td h1 {
                font-size: 1.75rem; } }
          .event_detailWrapper table tbody tr td .event_detImg {
            width: 100%;
            aspect-ratio: 16 / 9;
            overflow: hidden; }
            .event_detailWrapper table tbody tr td .event_detImg img {
              display: block;
              width: 100%;
              height: 100%;
              object-fit: contain; }
          .event_detailWrapper table tbody tr td .text {
            width: 100%;
            display: flex;
            flex-flow: column;
            gap: 16px; }
            .event_detailWrapper table tbody tr td .text p {
              text-align: left;
              font-size: 1rem;
              line-height: 1.5;
              color: #000; }
          .event_detailWrapper table tbody tr td dl {
            width: 100%;
            display: flex;
            flex-flow: column;
            gap: 16px; }
            .event_detailWrapper table tbody tr td dl dt {
              width: 100%;
              display: flex;
              align-items: center;
              gap: 8px;
              padding: 16px 0 0 0;
              border-top: 1px solid #DDD; }
              .event_detailWrapper table tbody tr td dl dt small {
                display: inline-flex;
                width: 110px;
                flex-shrink: 0;
                align-items: center;
                gap: 8px;
                font-weight: 400;
                font-size: 1rem;
                color: #555; }
                .event_detailWrapper table tbody tr td dl dt small img {
                  display: block;
                  width: 20px; }
              .event_detailWrapper table tbody tr td dl dt p {
                text-align: left;
                font-size: 1rem;
                font-weight: 500; }
          .event_detailWrapper table tbody tr td .details {
            width: 100%;
            display: flex;
            flex-flow: column;
            align-items: center;
            gap: 6px; }
            .event_detailWrapper table tbody tr td .details .evenheadings {
              width: 100%;
              display: flex;
              align-items: flex-start;
              gap: 6px; }
              .event_detailWrapper table tbody tr td .details .evenheadings small {
                display: block;
                text-align: left;
                font: 400 16px "Adani", sans-serif;
                color: #555;
                flex-shrink: 0;
                width: 72px; }
              .event_detailWrapper table tbody tr td .details .evenheadings span {
                display: block;
                text-align: left;
                font: 400 16px "Adani", sans-serif;
                color: #000; }

.job_wrapp {
  width: 100%;
  padding: 0 10vw;
  background-color: #EBE9EA;
  position: relative;
  z-index: 1; }
  @media (max-width: 1024px) {
    .job_wrapp {
      padding: 0 8vw; } }
  @media (max-width: 834px) {
    .job_wrapp {
      padding: 0 8vw;
      justify-content: center; } }
  @media (max-width: 768px) {
    .job_wrapp {
      padding: 0 6vw; } }
  @media (max-width: 480px) {
    .job_wrapp {
      padding: 0 4vw; } }
  .job_wrapp .jobsWrapper {
    width: 100%;
    background-color: #B4FF2D;
    padding: 32px;
    display: flex;
    flex-flow: column;
    gap: 24px; }
    .job_wrapp .jobsWrapper h2 {
      text-align: left;
      font-weight: 500;
      font-size: 2.5rem;
      line-height: 1;
      letter-spacing: -1.5px;
      color: #161618; }
    .job_wrapp .jobsWrapper .jobsContainer {
      width: 100%;
      display: grid;
      gap: 8px;
      grid-template-columns: repeat(3, minmax(0, 1fr)); }
      @media (max-width: 1024px) {
        .job_wrapp .jobsWrapper .jobsContainer {
          grid-template-columns: repeat(1, minmax(0, 1fr)); } }
      .job_wrapp .jobsWrapper .jobsContainer .job {
        width: 100%; }
        .job_wrapp .jobsWrapper .jobsContainer .job a {
          display: block;
          width: 100%;
          padding: 16px;
          background-color: #fff; }
          .job_wrapp .jobsWrapper .jobsContainer .job a:hover ul li b {
            color: #0678A5; }
          .job_wrapp .jobsWrapper .jobsContainer .job a ul {
            width: 100%;
            display: grid;
            gap: 8px;
            grid-template-columns: auto 96px;
            align-items: flex-start; }
            @media (max-width: 480px) {
              .job_wrapp .jobsWrapper .jobsContainer .job a ul {
                grid-template-columns: 100%; } }
            .job_wrapp .jobsWrapper .jobsContainer .job a ul li {
              width: 100%; }
              .job_wrapp .jobsWrapper .jobsContainer .job a ul li b {
                display: block;
                width: 100%;
                text-align: left;
                font-size: 18px;
                font-weight: 500;
                letter-spacing: -.5px;
                color: #161618; }
              .job_wrapp .jobsWrapper .jobsContainer .job a ul li p {
                width: 100%;
                text-align: left;
                font-size: 14px;
                font-weight: 500;
                color: #5D5D67;
                padding: 4px 0 0 0; }
              .job_wrapp .jobsWrapper .jobsContainer .job a ul li small {
                display: block;
                width: 100%;
                text-align: right;
                font-size: 14px;
                font-weight: 500;
                color: #959796; }

.message_wrapp {
  width: 100%;
  padding: 0 6vw;
  background-color: #EBE9EA;
  position: relative;
  z-index: 1; }
  .message_wrapp .message_wrapper_inn {
    width: 100%;
    background-color: #161618;
    padding: 72px;
    position: relative;
    z-index: 1; }
    @media (max-width: 1024px) {
      .message_wrapp .message_wrapper_inn {
        padding: 36px; } }
    .message_wrapp .message_wrapper_inn .message_wrapper {
      width: 100%;
      display: grid;
      gap: 48px;
      align-items: center;
      grid-template-columns: repeat(2, minmax(0, 1fr)); }
      @media (max-width: 768px) {
        .message_wrapp .message_wrapper_inn .message_wrapper {
          grid-template-columns: repeat(1, minmax(0, 1fr));
          gap: 32px; } }
      .message_wrapp .message_wrapper_inn .message_wrapper .photo {
        width: 100%; }
        .message_wrapp .message_wrapper_inn .message_wrapper .photo img {
          display: block;
          width: 100%; }
      .message_wrapp .message_wrapper_inn .message_wrapper .text {
        width: 100%;
        display: flex;
        flex-flow: column;
        gap: 32px; }
        @media (max-width: 1024px) {
          .message_wrapp .message_wrapper_inn .message_wrapper .text {
            gap: 16px; } }
        .message_wrapp .message_wrapper_inn .message_wrapper .text h2 {
          text-align: left;
          font-weight: 500;
          color: #fff;
          font-size: 3rem;
          letter-spacing: -1px; }
          @media (max-width: 1024px) {
            .message_wrapp .message_wrapper_inn .message_wrapper .text h2 {
              font-size: 2rem; } }
        .message_wrapp .message_wrapper_inn .message_wrapper .text p {
          text-align: left;
          font-size: 18px;
          font-weight: 400;
          line-height: 1.3;
          color: rgba(255, 255, 255, 0.78); }
          @media (max-width: 1024px) {
            .message_wrapp .message_wrapper_inn .message_wrapper .text p {
              font-size: 1rem; } }
        .message_wrapp .message_wrapper_inn .message_wrapper .text .by {
          width: 100%;
          display: flex;
          flex-flow: column;
          gap: 6px; }
          .message_wrapp .message_wrapper_inn .message_wrapper .text .by b {
            display: block;
            width: 100%;
            text-align: left;
            font-weight: 500;
            color: #fff;
            letter-spacing: -.25px;
            font-size: 26px; }
            @media (max-width: 1024px) {
              .message_wrapp .message_wrapper_inn .message_wrapper .text .by b {
                font-size: 22px; } }
          .message_wrapp .message_wrapper_inn .message_wrapper .text .by small {
            display: block;
            width: 100%;
            text-align: left;
            font-weight: 400;
            color: rgba(255, 255, 255, 0.78);
            font-size: 1rem; }

.galleryWrapper {
  width: 100%;
  padding: 72px 6vw;
  display: flex;
  flex-flow: column;
  gap: 24px;
  background-color: #B4FF2D;
  position: relative;
  z-index: 1; }
  .galleryWrapper .heading {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: space-between; }
    .galleryWrapper .heading h2 {
      text-align: left;
      font-weight: 500;
      font-size: 2.5rem;
      line-height: 1;
      letter-spacing: -1.5px; }
    .galleryWrapper .heading a {
      display: inline-block;
      width: auto;
      border: 1px solid #000;
      font: 600 13px/40px "Adani", sans-serif;
      color: #000;
      text-transform: uppercase;
      padding: 0 24px; }
      .galleryWrapper .heading a:hover {
        background-color: #000;
        color: #fff; }
  .galleryWrapper .galleryContainer {
    width: 100%; }
    .galleryWrapper .galleryContainer .galleryLink {
      width: 100%; }
      .galleryWrapper .galleryContainer .galleryLink a {
        display: block;
        width: 100%;
        position: relative; }
        .galleryWrapper .galleryContainer .galleryLink a:hover span {
          background-color: #fff; }
        .galleryWrapper .galleryContainer .galleryLink a img {
          display: block;
          width: 100%; }
        .galleryWrapper .galleryContainer .galleryLink a span {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 40px;
          height: 40px;
          position: absolute;
          background-color: #B4FF2D;
          left: 0;
          bottom: 0; }
          .galleryWrapper .galleryContainer .galleryLink a span img {
            display: block;
            width: 24px; }

.membersWrapper {
  width: 100%;
  padding: 72px 6vw;
  display: flex;
  flex-flow: column;
  gap: 24px;
  background-color: #EBE9EA;
  position: relative;
  z-index: 1; }
  .membersWrapper .heading {
    width: 100%; }
    .membersWrapper .heading ul {
      width: 100%; }
      .membersWrapper .heading ul li {
        width: 100%;
        display: flex;
        flex-flow: column;
        gap: 16px; }
        .membersWrapper .heading ul li h2 {
          text-align: left;
          font-weight: 500;
          font-size: 2.5rem;
          line-height: 1;
          letter-spacing: -1.5px; }
        .membersWrapper .heading ul li p {
          text-align: left;
          font: 400 1rem/1.4 "Adani", sans-serif;
          color: rgba(0, 0, 0, 0.7); }
        .membersWrapper .heading ul li a {
          display: block;
          text-align: center;
          width: 100%;
          font: 400 1rem/3rem "Adani", sans-serif;
          color: #000;
          background-color: #B4FF2D;
          padding: 0 24px; }
          .membersWrapper .heading ul li a:hover {
            background-color: #161618;
            color: #fff; }
  .membersWrapper h2 {
    text-align: left;
    font-weight: 500;
    font-size: 2.5rem;
    line-height: 1;
    letter-spacing: -1.5px; }
  .membersWrapper .membersContainer {
    width: 100%;
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(6, minmax(0, 1fr)); }
    @media (max-width: 1024px) {
      .membersWrapper .membersContainer {
        grid-template-columns: repeat(4, minmax(0, 1fr)); } }
    @media (max-width: 768px) {
      .membersWrapper .membersContainer {
        grid-template-columns: repeat(3, minmax(0, 1fr)); } }
    @media (max-width: 480px) {
      .membersWrapper .membersContainer {
        grid-template-columns: repeat(2, minmax(0, 1fr)); } }
    .membersWrapper .membersContainer .membersLink {
      width: 100%; }
      .membersWrapper .membersContainer .membersLink a {
        display: block;
        width: 100%;
        position: relative;
        /*  &:hover{
                    span{
                        opacity: 1;
                    }
                }*/ }
        .membersWrapper .membersContainer .membersLink a img {
          display: block;
          width: 100%; }
        .membersWrapper .membersContainer .membersLink a span {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 40px;
          height: 40px;
          position: absolute;
          background-color: #B4FF2D;
          top: 0;
          right: 0;
          opacity: 0; }
          .membersWrapper .membersContainer .membersLink a span img {
            display: block;
            width: 24px; }
        .membersWrapper .membersContainer .membersLink a b {
          display: block;
          width: 100%;
          padding: 10px;
          background-color: #fff;
          font: 500 14px "Adani", sans-serif;
          color: #000;
          text-align: center; }

.mentorWrapper {
  width: 100%;
  padding: 0 6vw 72px 6vw;
  display: flex;
  flex-flow: column;
  gap: 24px; }
  .mentorWrapper h2 {
    text-align: left;
    font-weight: 500;
    font-size: 2.5rem;
    line-height: 1;
    letter-spacing: -1.5px; }
  .mentorWrapper .mentorContainer {
    width: 100%; }
    .mentorWrapper .mentorContainer .mentorLink {
      width: 100%; }
      .mentorWrapper .mentorContainer .mentorLink a {
        display: block;
        width: 100%;
        position: relative; }
        .mentorWrapper .mentorContainer .mentorLink a:hover span {
          background-color: #EBE9EA; }
        .mentorWrapper .mentorContainer .mentorLink a img {
          display: block;
          width: 100%; }
        .mentorWrapper .mentorContainer .mentorLink a span {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 40px;
          height: 40px;
          position: absolute;
          background-color: #B4FF2D;
          left: 0;
          bottom: 59px; }
          .mentorWrapper .mentorContainer .mentorLink a span img {
            display: block;
            width: 24px; }
        .mentorWrapper .mentorContainer .mentorLink a .text {
          padding: 10px 12px;
          display: flex;
          flex-flow: column;
          gap: 4px;
          width: 100%;
          background-color: #fff; }
          .mentorWrapper .mentorContainer .mentorLink a .text b {
            display: block;
            width: 100%;
            text-align: left;
            font: 600 16px "Adani", sans-serif;
            color: #000; }
          .mentorWrapper .mentorContainer .mentorLink a .text p {
            text-align: left;
            font: 400 14px "Adani", sans-serif;
            color: #808080; }

.successWrapper {
  width: 100%;
  padding: 72px 6vw;
  background-color: #fff;
  position: relative;
  z-index: 1; }
  .successWrapper .successContainer {
    width: 100%;
    display: flex;
    flex-flow: column;
    gap: 48px; }
    .successWrapper .successContainer .heading {
      width: 100%; }
      .successWrapper .successContainer .heading ul {
        width: 100%;
        display: grid;
        grid-template-columns: auto 124px;
        align-items: flex-start;
        gap: 25vw; }
        @media (max-width: 480px) {
          .successWrapper .successContainer .heading ul {
            grid-template-columns: repeat(1, 1fr);
            gap: 16px; } }
        .successWrapper .successContainer .heading ul li {
          width: 100%;
          display: flex;
          flex-flow: column;
          gap: 16px; }
          .successWrapper .successContainer .heading ul li h2 {
            text-align: left;
            font-weight: 500;
            font-size: 2.5rem;
            line-height: 1;
            letter-spacing: -1.5px; }
          .successWrapper .successContainer .heading ul li p {
            text-align: left;
            font: 400 1rem/1.4 "Adani", sans-serif;
            color: rgba(0, 0, 0, 0.7); }
          .successWrapper .successContainer .heading ul li a {
            display: block;
            text-align: center;
            width: 100%;
            font: 400 1rem/3rem "Adani", sans-serif;
            color: #000;
            background-color: #B4FF2D;
            padding: 0 24px; }
            .successWrapper .successContainer .heading ul li a:hover {
              background-color: #161618;
              color: #fff; }
    .successWrapper .successContainer .successWrapp {
      width: 100%;
      display: grid;
      gap: 32px;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      align-items: flex-start; }
      @media (max-width: 1024px) {
        .successWrapper .successContainer .successWrapp {
          grid-template-columns: repeat(2, minmax(0, 1fr)); } }
      @media (max-width: 768px) {
        .successWrapper .successContainer .successWrapp {
          grid-template-columns: repeat(1, minmax(0, 1fr)); } }
      .successWrapper .successContainer .successWrapp .successCon {
        width: 100%; }
        .successWrapper .successContainer .successWrapp .successCon a {
          width: 100%;
          display: block;
          border-radius: 24px;
          background-color: #B4FF2D;
          padding: 24px; }
          .successWrapper .successContainer .successWrapp .successCon a.s_color1 {
            background-color: #161618; }
            .successWrapper .successContainer .successWrapp .successCon a.s_color1:hover ul li small {
              background-color: #B4FF2D; }
              .successWrapper .successContainer .successWrapp .successCon a.s_color1:hover ul li small svg {
                display: block;
                width: 20px; }
                .successWrapper .successContainer .successWrapp .successCon a.s_color1:hover ul li small svg path {
                  fill: #000; }
            .successWrapper .successContainer .successWrapp .successCon a.s_color1 ul li .text b {
              color: #fff; }
            .successWrapper .successContainer .successWrapp .successCon a.s_color1 ul li .text p {
              color: rgba(255, 255, 255, 0.7); }
          .successWrapper .successContainer .successWrapp .successCon a.s_color3 {
            background-color: #EBE9EA; }
          .successWrapper .successContainer .successWrapp .successCon a:hover ul li small {
            background-color: #161618; }
            .successWrapper .successContainer .successWrapp .successCon a:hover ul li small svg {
              display: block;
              width: 20px; }
              .successWrapper .successContainer .successWrapp .successCon a:hover ul li small svg path {
                fill: #fff; }
          .successWrapper .successContainer .successWrapp .successCon a ul {
            width: 100%;
            display: grid;
            gap: 16px;
            grid-template-columns: auto 132px; }
            .successWrapper .successContainer .successWrapp .successCon a ul li {
              width: 100%;
              display: flex;
              flex-flow: column;
              gap: 48px; }
              .successWrapper .successContainer .successWrapp .successCon a ul li small {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 40px;
                height: 40px;
                border-radius: 50%;
                background-color: #fff; }
                .successWrapper .successContainer .successWrapp .successCon a ul li small img {
                  display: block;
                  width: 20px; }
                .successWrapper .successContainer .successWrapp .successCon a ul li small svg {
                  display: block;
                  width: 20px; }
                  .successWrapper .successContainer .successWrapp .successCon a ul li small svg path {
                    fill: #000; }
              .successWrapper .successContainer .successWrapp .successCon a ul li .text {
                width: 100%;
                display: flex;
                flex-flow: column;
                gap: 8px; }
                .successWrapper .successContainer .successWrapp .successCon a ul li .text b {
                  width: 100%;
                  text-align: left;
                  font: 600 1.25rem "Adani", sans-serif;
                  color: #161618; }
                .successWrapper .successContainer .successWrapp .successCon a ul li .text p {
                  text-align: left;
                  font: 400 1rem "Adani", sans-serif;
                  color: rgba(0, 0, 0, 0.7); }
              .successWrapper .successContainer .successWrapp .successCon a ul li .photo {
                width: 100%; }
                .successWrapper .successContainer .successWrapp .successCon a ul li .photo img {
                  display: block;
                  width: 100%;
                  border-radius: 24px; }

.alumni_001_Wrapper {
  width: 100%;
  padding: 48px 10vw;
  display: flex;
  flex-flow: column;
  gap: 24px;
  background-color: #EBE9EA; }
  @media (max-width: 1024px) {
    .alumni_001_Wrapper {
      padding: 48px 8vw; } }
  @media (max-width: 834px) {
    .alumni_001_Wrapper {
      padding: 48px 8vw;
      justify-content: center; } }
  @media (max-width: 768px) {
    .alumni_001_Wrapper {
      padding: 48px 6vw; } }
  @media (max-width: 480px) {
    .alumni_001_Wrapper {
      padding: 24px 4vw; } }
  .alumni_001_Wrapper .heading {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px; }
    @media (max-width: 768px) {
      .alumni_001_Wrapper .heading {
        flex-flow: column;
        align-items: flex-start; } }
    .alumni_001_Wrapper .heading h2 {
      text-align: left;
      font-weight: 500;
      font-size: 2.5rem;
      line-height: 1;
      letter-spacing: -1.5px; }
    .alumni_001_Wrapper .heading .dropdownlistdata {
      width: auto;
      display: inline-flex;
      gap: 8px; }
      @media (max-width: 480px) {
        .alumni_001_Wrapper .heading .dropdownlistdata {
          width: 100%;
          display: flex; } }
      .alumni_001_Wrapper .heading .dropdownlistdata select {
        appearance: none;
        display: block;
        width: 180px;
        height: 40px;
        border-radius: 6px;
        border: none;
        padding: 8px 12px;
        background: url(../icons/dropdown.svg) no-repeat right 6px center #fff;
        background-size: 24px;
        font: 500 14px "Adani", sans-serif;
        color: #333; }
        @media (max-width: 480px) {
          .alumni_001_Wrapper .heading .dropdownlistdata select {
            width: 100%; } }
        .alumni_001_Wrapper .heading .dropdownlistdata select:focus {
          outline: none; }
  .alumni_001_Wrapper .alumni_Container {
    width: 100%; }
    .alumni_001_Wrapper .alumni_Container ul {
      width: 100%;
      display: grid;
      gap: 24px;
      grid-template-columns: repeat(4, minmax(0, 1fr)); }
      @media (max-width: 1024px) {
        .alumni_001_Wrapper .alumni_Container ul {
          grid-template-columns: repeat(3, minmax(0, 1fr)); } }
      @media (max-width: 768px) {
        .alumni_001_Wrapper .alumni_Container ul {
          grid-template-columns: repeat(2, minmax(0, 1fr)); } }
      @media (max-width: 480px) {
        .alumni_001_Wrapper .alumni_Container ul {
          grid-template-columns: repeat(1, minmax(0, 1fr)); } }
      .alumni_001_Wrapper .alumni_Container ul li {
        width: 100%; }
        .alumni_001_Wrapper .alumni_Container ul li .photo {
          width: 100%;
          aspect-ratio: 4 / 3;
          overflow: hidden; }
          .alumni_001_Wrapper .alumni_Container ul li .photo img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: top; }
        .alumni_001_Wrapper .alumni_Container ul li .text {
          padding: 16px;
          display: flex;
          flex-flow: column;
          gap: 4px;
          width: 100%;
          background-color: #fff;
          position: relative; }
          .alumni_001_Wrapper .alumni_Container ul li .text b {
            display: block;
            width: 100%;
            text-align: left;
            font: 600 16px "Adani", sans-serif;
            color: #000; }
          .alumni_001_Wrapper .alumni_Container ul li .text p {
            text-align: left;
            font: 400 14px "Adani", sans-serif;
            color: #808080; }
          .alumni_001_Wrapper .alumni_Container ul li .text .branch {
            width: 100%;
            background-color: #B4FF2D;
            color: #101010;
            font: 500 15px "Adani", sans-serif;
            text-align: center;
            padding: 8px;
            margin: 8px 0 0 0; }
    .alumni_001_Wrapper .alumni_Container .buttonsofpagination {
      width: 100%;
      margin: 32px 0 0 0;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 16px; }
      .alumni_001_Wrapper .alumni_Container .buttonsofpagination input[type=submit] {
        appearance: none;
        width: 180px;
        height: 48px;
        text-align: center;
        font: 400 14px "Adani", sans-serif;
        color: #000;
        background-color: transparent;
        border: 1px solid #000;
        cursor: pointer; }
        .alumni_001_Wrapper .alumni_Container .buttonsofpagination input[type=submit]:focus {
          outline: none; }
        .alumni_001_Wrapper .alumni_Container .buttonsofpagination input[type=submit]:hover {
          background-color: #000;
          color: #fff; }

.success_storyInner {
  width: 100%;
  padding: 72px 6vw;
  display: flex;
  flex-flow: column;
  gap: 24px;
  background-color: #EBE9EA; }
  .success_storyInner h2 {
    text-align: left;
    font-weight: 500;
    font-size: 2.5rem;
    line-height: 1;
    letter-spacing: -1.5px; }
  .success_storyInner .success_storyInner_con {
    width: 100%;
    display: grid;
    gap: 32px;
    grid-template-columns: 360px auto;
    align-items: flex-start; }
    @media (max-width: 768px) {
      .success_storyInner .success_storyInner_con {
        grid-template-columns: 100%;
        gap: 24px; } }
    .success_storyInner .success_storyInner_con .photo {
      width: 100%;
      padding: 12px;
      background-color: #fff; }
      .success_storyInner .success_storyInner_con .photo img {
        display: block;
        width: 100%; }
    .success_storyInner .success_storyInner_con .success_storyText {
      width: 100%;
      display: flex;
      flex-flow: column;
      gap: 24px; }
      .success_storyInner .success_storyInner_con .success_storyText b {
        display: block;
        width: 100%;
        text-align: left;
        font: 500 26px "Adani", sans-serif;
        color: #161618; }
      .success_storyInner .success_storyInner_con .success_storyText .text {
        width: 100%;
        display: flex;
        flex-flow: column;
        gap: 12px; }
        .success_storyInner .success_storyInner_con .success_storyText .text p {
          text-align: left;
          font: 400 16px/1.4 "Adani", sans-serif;
          color: rgba(0, 0, 0, 0.7); }
      .success_storyInner .success_storyInner_con .success_storyText .by {
        width: 100%;
        display: flex;
        flex-flow: column;
        gap: 6px; }
        .success_storyInner .success_storyInner_con .success_storyText .by b {
          display: block;
          width: 100%;
          text-align: right;
          font: 500 22px "Adani", sans-serif;
          color: #161618; }
        .success_storyInner .success_storyInner_con .success_storyText .by p {
          text-align: right;
          font: 400 16px/1.4 "Adani", sans-serif;
          color: rgba(0, 0, 0, 0.7); }

.allNewsWrapp {
  width: 100%;
  padding: 2rem 10vw 4.5rem 10vw;
  display: flex;
  flex-flow: column;
  gap: 1.5rem; }
  @media (max-width: 1024px) {
    .allNewsWrapp {
      padding: 2rem 8vw 4.5rem 8vw; } }
  @media (max-width: 834px) {
    .allNewsWrapp {
      padding: 2rem 6vw 4.5rem 8vw; } }
  @media (max-width: 768px) {
    .allNewsWrapp {
      padding: 2rem 8vw 4.5rem 6vw; } }
  @media (max-width: 480px) {
    .allNewsWrapp {
      padding: 2rem 4vw 3rem 4vw; } }
  .allNewsWrapp h1 {
    text-align: left;
    font: 600 3rem "Adani", sans-serif;
    color: #313131; }
    @media (max-width: 768px) {
      .allNewsWrapp h1 {
        font-size: 2rem; } }
  .allNewsWrapp .allNewscon {
    width: 100%; }
    .allNewsWrapp .allNewscon table {
      width: 100%;
      border-collapse: collapse; }
      .allNewsWrapp .allNewscon table tbody {
        width: 100%;
        display: grid;
        grid-gap: 24px;
        grid-template-columns: repeat(3, 1fr); }
        @media (max-width: 834px) {
          .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: 500 1rem "Adani", sans-serif;
                  color: #313131;
                  padding: 16px 16px 8px 16px; }
                .allNewsWrapp .allNewscon table tbody tr td .news a span {
                  display: block;
                  width: 100%;
                  text-align: left;
                  font: 400 0.775rem/18px "Adani", sans-serif;
                  color: #53524E;
                  padding: 0 0 0 42px;
                  background: url(../icons/calendar.png) no-repeat left 16px center;
                  background-size: 16px;
                  box-sizing: border-box; }

.aboutWrapp {
  width: 100%;
  padding: 2rem 10vw 4.5rem 10vw;
  background: #F5F3ED; }
  @media (max-width: 1262px) {
    .aboutWrapp {
      padding: 2rem 4vw 4.5rem 4vw; } }
  .aboutWrapp .aboutus {
    width: 100%;
    display: flex;
    flex-flow: column;
    gap: 1.5rem; }
    .aboutWrapp .aboutus h1 {
      text-align: left;
      font-size: 2.5rem;
      font-weight: 600;
      color: #000;
      letter-spacing: -.05rem; }
      @media (max-width: 1024px) {
        .aboutWrapp .aboutus h1 {
          font-size: 2.2rem; } }
      @media (max-width: 480px) {
        .aboutWrapp .aboutus h1 {
          font-size: 1.75rem; } }
    .aboutWrapp .aboutus h2 {
      text-align: left;
      font: 600 32px "Adani", sans-serif;
      color: #313131; }
    .aboutWrapp .aboutus .photo {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
      .aboutWrapp .aboutus .photo img {
        display: block;
        width: 100%; }
    .aboutWrapp .aboutus p {
      text-align: left;
      color: #505055; }
    .aboutWrapp .aboutus .share {
      height: auto;
      width: 100%;
      margin-top: 60px; }
      .aboutWrapp .aboutus .share h4 {
        text-align: left;
        font: 600 14px "Adani", 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; }

.contact_us {
  width: 100%;
  padding: 2rem 10vw 4.5rem 10vw;
  background: #F5F3ED; }
  @media (max-width: 1024px) {
    .contact_us {
      padding: 2rem 8vw 4.5rem 8vw; } }
  @media (max-width: 834px) {
    .contact_us {
      padding: 2rem 6vw 4.5rem 8vw; } }
  @media (max-width: 768px) {
    .contact_us {
      padding: 2rem 8vw 4.5rem 6vw; } }
  @media (max-width: 480px) {
    .contact_us {
      padding: 2rem 4vw 3rem 4vw; } }
  .contact_us .contact_us_inner {
    width: 100%;
    display: flex;
    flex-flow: column;
    gap: 24px; }
    .contact_us .contact_us_inner .heading {
      width: 100%;
      display: flex;
      align-items: center;
      gap: 48px; }
      @media (max-width: 768px) {
        .contact_us .contact_us_inner .heading {
          flex-flow: column; } }
      .contact_us .contact_us_inner .heading .heading_left {
        width: 100%;
        display: flex;
        flex-flow: column;
        gap: 24px; }
        .contact_us .contact_us_inner .heading .heading_left b {
          display: block;
          width: 100%;
          text-align: left;
          font: 600 16px "Adani", sans-serif;
          color: #313131;
          text-transform: uppercase; }
        .contact_us .contact_us_inner .heading .heading_left h1 {
          text-align: left;
          font: 600 48px/1 "Adani", sans-serif;
          color: #313131;
          white-space: pre-line; }
          @media (max-width: 768px) {
            .contact_us .contact_us_inner .heading .heading_left h1 {
              font-size: 2rem; } }
      .contact_us .contact_us_inner .heading .heading_right {
        width: 100%;
        max-width: 354px; }
        .contact_us .contact_us_inner .heading .heading_right img {
          display: block;
          width: 100%; }
    .contact_us .contact_us_inner .map {
      width: 100%; }
      .contact_us .contact_us_inner .map a {
        display: block;
        width: 100%; }
        .contact_us .contact_us_inner .map a img {
          display: block;
          width: 100%;
          border-radius: 16px; }
    .contact_us .contact_us_inner .contactInfo {
      width: 100%; }
      .contact_us .contact_us_inner .contactInfo ul {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 32px;
        align-items: flex-start; }
        @media (max-width: 1024px) {
          .contact_us .contact_us_inner .contactInfo ul {
            grid-template-columns: repeat(2, minmax(0, 1fr)); } }
        @media (max-width: 768px) {
          .contact_us .contact_us_inner .contactInfo ul {
            grid-template-columns: repeat(1, minmax(0, 1fr)); } }
        .contact_us .contact_us_inner .contactInfo ul li {
          display: flex;
          flex-flow: column;
          align-items: center;
          width: 100%;
          height: 100%;
          padding: 48px;
          background-color: #fff;
          border-radius: 16px; }
          .contact_us .contact_us_inner .contactInfo ul li.add {
            background-color: linear-gradient(90deg, #007ba6 0%, #8d2d8f 63%, #c15475 100%); }
            .contact_us .contact_us_inner .contactInfo ul li.add span {
              background-color: #073f5d; }
          .contact_us .contact_us_inner .contactInfo ul li.call {
            background-color: linear-gradient(90deg, #007ba6 0%, #8d2d8f 63%, #c15475 100%); }
            .contact_us .contact_us_inner .contactInfo ul li.call span {
              background-color: #733B93; }
          .contact_us .contact_us_inner .contactInfo ul li.whatsapp {
            background-color: linear-gradient(90deg, #007ba6 0%, #8d2d8f 63%, #c15475 100%); }
            .contact_us .contact_us_inner .contactInfo ul li.whatsapp span {
              background-color: #BE5276; }
          .contact_us .contact_us_inner .contactInfo ul li.email {
            background-color: linear-gradient(90deg, #007ba6 0%, #8d2d8f 63%, #c15475 100%); }
            .contact_us .contact_us_inner .contactInfo ul li.email span {
              background-color: #BE5276; }
          .contact_us .contact_us_inner .contactInfo ul li span {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 6rem;
            background-color: #000;
            aspect-ratio: 1 / 1;
            margin: 0 0 2rem 0;
            border-radius: 4px 32px 4px 32px; }
            .contact_us .contact_us_inner .contactInfo ul li span img {
              display: block;
              width: 100%;
              max-width: 32px; }
          .contact_us .contact_us_inner .contactInfo ul li b {
            display: block;
            width: 100%;
            text-align: center;
            font: 600 16px "Adani", sans-serif;
            color: #313131;
            text-transform: uppercase;
            margin: 0 0 8px 0; }
          .contact_us .contact_us_inner .contactInfo ul li p {
            text-align: center;
            font: 500 15px/1.2 "Adani", sans-serif;
            color: #313131; }

.about_us_bg {
  width: 100%;
  min-height: 360px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center; }
  .about_us_bg img {
    display: block;
    width: 100%;
    min-height: 360px;
    object-fit: cover; }

.about_us_wrapper {
  width: 100%;
  overflow-x: hidden;
  display: flex;
  flex-flow: column; }
  .about_us_wrapper .heading {
    width: 100%;
    display: flex;
    flex-flow: column;
    gap: 2rem;
    padding: 4.5rem 10vw;
    background-color: #fff; }
    @media (max-width: 1262px) {
      .about_us_wrapper .heading {
        padding: 4.5rem 4vw; } }
    @media (max-width: 480px) {
      .about_us_wrapper .heading {
        gap: 1rem; } }
    .about_us_wrapper .heading h1 {
      text-align: left;
      font: 600 3rem "Adani", sans-serif;
      color: #313131; }
      @media (max-width: 768px) {
        .about_us_wrapper .heading h1 {
          font-size: 2rem; } }
    .about_us_wrapper .heading b {
      text-align: left;
      font: 400 1.25rem/1.4 "Adani", sans-serif;
      color: #313131; }
      @media (max-width: 768px) {
        .about_us_wrapper .heading b {
          font-size: 1rem; } }
  .about_us_wrapper .about_us_container {
    width: 100%; }
    .about_us_wrapper .about_us_container .found_Wrapper {
      width: 100%;
      padding: 4.5rem 10vw;
      background-color: #733B93;
      display: flex;
      flex-flow: column;
      gap: 3rem; }
      @media (max-width: 1262px) {
        .about_us_wrapper .about_us_container .found_Wrapper {
          padding: 4.5rem 4vw; } }
      .about_us_wrapper .about_us_container .found_Wrapper h1 {
        text-align: left;
        font: 600 3rem "Adani", sans-serif;
        color: #fff; }
        @media (max-width: 768px) {
          .about_us_wrapper .about_us_container .found_Wrapper h1 {
            font-size: 2rem; } }
      .about_us_wrapper .about_us_container .found_Wrapper .heading_found {
        width: 100%;
        display: flex;
        flex-flow: column;
        gap: 1rem; }
        .about_us_wrapper .about_us_container .found_Wrapper .heading_found h2 {
          text-align: left;
          font: 600 1.5rem "Adani", sans-serif;
          color: #fff; }
        .about_us_wrapper .about_us_container .found_Wrapper .heading_found b {
          display: block;
          width: 100%;
          text-align: left;
          font: 400 1rem/1.4 "Adani", sans-serif;
          color: #fff; }
      .about_us_wrapper .about_us_container .found_Wrapper .found_con {
        width: 100%;
        display: flex;
        flex-flow: column;
        gap: 1.5rem; }
        .about_us_wrapper .about_us_container .found_Wrapper .found_con h2 {
          width: 100%;
          text-align: left;
          font: 600 1.5rem "Adani", sans-serif;
          color: #fff; }
        .about_us_wrapper .about_us_container .found_Wrapper .found_con ul {
          width: 100%;
          display: grid;
          grid-template-columns: repeat(4, 1fr);
          gap: 1.5rem; }
          @media (max-width: 1024px) {
            .about_us_wrapper .about_us_container .found_Wrapper .found_con ul {
              grid-template-columns: repeat(2, 1fr); } }
          @media (max-width: 480px) {
            .about_us_wrapper .about_us_container .found_Wrapper .found_con ul {
              grid-template-columns: repeat(1, 1fr); } }
          .about_us_wrapper .about_us_container .found_Wrapper .found_con ul li {
            width: 100%;
            padding: 2rem;
            background: linear-gradient(180deg, white 0%, #f5f3ed 100%);
            display: flex;
            flex-flow: column;
            gap: 1rem; }
            .about_us_wrapper .about_us_container .found_Wrapper .found_con ul li:first-child {
              grid-column: 1 / 3; }
              @media (max-width: 480px) {
                .about_us_wrapper .about_us_container .found_Wrapper .found_con ul li:first-child {
                  grid-column: 1 / 2; } }
            .about_us_wrapper .about_us_container .found_Wrapper .found_con ul li b {
              display: block;
              width: 100%;
              text-align: left;
              font: 600 1.5rem "Adani", sans-serif;
              color: #313131; }
            .about_us_wrapper .about_us_container .found_Wrapper .found_con ul li p {
              text-align: left;
              font: 400 1rem/1.4 "Adani", sans-serif;
              color: #53524E; }
              .about_us_wrapper .about_us_container .found_Wrapper .found_con ul li p span {
                font-weight: 500;
                color: #313131; }
            .about_us_wrapper .about_us_container .found_Wrapper .found_con ul li .text {
              width: 100%;
              display: flex;
              flex-flow: column;
              gap: .5rem; }
    .about_us_wrapper .about_us_container .journey_wrapper {
      width: 100%;
      display: flex;
      flex-flow: column;
      overflow-x: hidden; }
      .about_us_wrapper .about_us_container .journey_wrapper .heading {
        width: 100%;
        display: flex;
        flex-flow: column;
        gap: 1.5rem;
        padding: 4.5rem 26vw 3rem 26vw;
        background-color: #fff; }
        @media (max-width: 1262px) {
          .about_us_wrapper .about_us_container .journey_wrapper .heading {
            padding: 4.5rem 4vw; } }
        .about_us_wrapper .about_us_container .journey_wrapper .heading h1 {
          text-align: center;
          font: 600 3rem "Adani", sans-serif;
          color: #313131; }
          @media (max-width: 768px) {
            .about_us_wrapper .about_us_container .journey_wrapper .heading h1 {
              font-size: 2rem; } }
        .about_us_wrapper .about_us_container .journey_wrapper .heading b {
          display: block;
          width: 100%;
          text-align: center;
          font: 400 1.5rem/1.4 "Adani", sans-serif;
          color: #53524E; }
          @media (max-width: 1024px) {
            .about_us_wrapper .about_us_container .journey_wrapper .heading b {
              font-size: 1.125rem; } }
      .about_us_wrapper .about_us_container .journey_wrapper .journey_container {
        width: 100%;
        display: flex;
        flex-flow: column;
        align-items: center;
        position: relative;
        z-index: -3;
        padding: 0 20vw; }
        @media (max-width: 1024px) {
          .about_us_wrapper .about_us_container .journey_wrapper .journey_container {
            padding: 0 4vw; } }
        @media (max-width: 768px) {
          .about_us_wrapper .about_us_container .journey_wrapper .journey_container {
            padding: 0 4vw 0 0; } }
        .about_us_wrapper .about_us_container .journey_wrapper .journey_container .progressbar {
          width: 3px;
          height: 100%;
          position: absolute;
          background-color: #D4C0E0;
          z-index: -2; }
          @media (max-width: 768px) {
            .about_us_wrapper .about_us_container .journey_wrapper .journey_container .progressbar {
              left: 22px; } }
          .about_us_wrapper .about_us_container .journey_wrapper .journey_container .progressbar .timeline_progress {
            width: 3px;
            height: 50vh;
            background-color: #733B93;
            position: fixed;
            bottom: 50vh;
            z-index: -1; }
        .about_us_wrapper .about_us_container .journey_wrapper .journey_container .timeline_wrapper {
          width: 100%;
          display: grid;
          grid-template-columns: 1fr 124px 1fr;
          padding: 4.5rem 0;
          grid-template-areas: "year dot text"; }
          @media (max-width: 768px) {
            .about_us_wrapper .about_us_container .journey_wrapper .journey_container .timeline_wrapper {
              padding: 1.5rem 0 3rem 0;
              grid-template-columns: 48px auto;
              grid-template-areas: "dot year" "dot text"; } }
          @media (max-width: 480px) {
            .about_us_wrapper .about_us_container .journey_wrapper .journey_container .timeline_wrapper {
              padding: 1.5rem 0 3rem 0;
              grid-template-columns: 48px auto;
              grid-template-areas: "dot year" "dot text"; } }
          .about_us_wrapper .about_us_container .journey_wrapper .journey_container .timeline_wrapper.right {
            grid-template-areas: "text dot year"; }
            @media (max-width: 768px) {
              .about_us_wrapper .about_us_container .journey_wrapper .journey_container .timeline_wrapper.right {
                padding: 1.5rem 0 3rem 0;
                grid-template-columns: 48px auto;
                grid-template-areas: "dot year" "dot text"; } }
            @media (max-width: 480px) {
              .about_us_wrapper .about_us_container .journey_wrapper .journey_container .timeline_wrapper.right {
                padding: 1.5rem 0 3rem 0;
                grid-template-columns: 48px auto;
                grid-template-areas: "dot year" "dot text"; } }
            .about_us_wrapper .about_us_container .journey_wrapper .journey_container .timeline_wrapper.right .year h3 {
              text-align: left; }
            .about_us_wrapper .about_us_container .journey_wrapper .journey_container .timeline_wrapper.right .text b {
              text-align: right; }
              @media (max-width: 768px) {
                .about_us_wrapper .about_us_container .journey_wrapper .journey_container .timeline_wrapper.right .text b {
                  text-align: left; } }
          .about_us_wrapper .about_us_container .journey_wrapper .journey_container .timeline_wrapper .year {
            width: 100%;
            grid-area: year; }
            .about_us_wrapper .about_us_container .journey_wrapper .journey_container .timeline_wrapper .year h3 {
              width: 100%;
              text-align: right;
              font: 600 2rem "Adani", sans-serif;
              color: #313131; }
              @media (max-width: 768px) {
                .about_us_wrapper .about_us_container .journey_wrapper .journey_container .timeline_wrapper .year h3 {
                  text-align: left;
                  font-size: 1.5rem; } }
            .about_us_wrapper .about_us_container .journey_wrapper .journey_container .timeline_wrapper .year .photo {
              width: 100%;
              margin: 16px 0 0 0; }
              .about_us_wrapper .about_us_container .journey_wrapper .journey_container .timeline_wrapper .year .photo img {
                display: block;
                width: 100%;
                border-radius: 8px; }
            .about_us_wrapper .about_us_container .journey_wrapper .journey_container .timeline_wrapper .year .table_sch {
              width: 100%;
              margin: 16px 0 0 0; }
              .about_us_wrapper .about_us_container .journey_wrapper .journey_container .timeline_wrapper .year .table_sch table {
                width: 100%;
                border-collapse: collapse; }
                .about_us_wrapper .about_us_container .journey_wrapper .journey_container .timeline_wrapper .year .table_sch table tr td {
                  padding: 6px;
                  text-align: center;
                  font: 400 0.875rem "Adani", sans-serif;
                  color: #222;
                  border: 1px solid #d0d0dd; }
          .about_us_wrapper .about_us_container .journey_wrapper .journey_container .timeline_wrapper .dot {
            width: 100%;
            display: flex;
            justify-content: center;
            padding: 8px 0 0 0;
            grid-area: dot; }
            .about_us_wrapper .about_us_container .journey_wrapper .journey_container .timeline_wrapper .dot span {
              display: block;
              width: 15px;
              height: 15px;
              border-radius: 50%;
              background-color: #733B93; }
          .about_us_wrapper .about_us_container .journey_wrapper .journey_container .timeline_wrapper .text {
            width: 100%;
            display: flex;
            flex-flow: column;
            gap: 1rem;
            grid-area: text; }
            @media (max-width: 768px) {
              .about_us_wrapper .about_us_container .journey_wrapper .journey_container .timeline_wrapper .text {
                padding: .875rem 0 0 0; } }
            .about_us_wrapper .about_us_container .journey_wrapper .journey_container .timeline_wrapper .text ul {
              width: 100%;
              display: flex;
              flex-flow: column;
              gap: .5rem; }
              .about_us_wrapper .about_us_container .journey_wrapper .journey_container .timeline_wrapper .text ul li {
                text-align: left;
                font: 400 1.125rem "Adani", sans-serif;
                color: #313131; }
                @media (max-width: 480px) {
                  .about_us_wrapper .about_us_container .journey_wrapper .journey_container .timeline_wrapper .text ul li {
                    font-size: .875rem; } }
                .about_us_wrapper .about_us_container .journey_wrapper .journey_container .timeline_wrapper .text ul li small {
                  display: inline;
                  font: 600 1.125rem "Adani", sans-serif;
                  color: #101010; }
                  @media (max-width: 480px) {
                    .about_us_wrapper .about_us_container .journey_wrapper .journey_container .timeline_wrapper .text ul li small {
                      font-size: .875rem; } }
            .about_us_wrapper .about_us_container .journey_wrapper .journey_container .timeline_wrapper .text b {
              text-align: left;
              font: 400 1.125rem "Adani", sans-serif;
              color: #313131; }
              @media (max-width: 480px) {
                .about_us_wrapper .about_us_container .journey_wrapper .journey_container .timeline_wrapper .text b {
                  font-size: .875rem; } }
              .about_us_wrapper .about_us_container .journey_wrapper .journey_container .timeline_wrapper .text b small {
                display: inline;
                font: 600 1.125rem "Adani", sans-serif;
                color: #101010; }
                @media (max-width: 480px) {
                  .about_us_wrapper .about_us_container .journey_wrapper .journey_container .timeline_wrapper .text b small {
                    font-size: .875rem; } }
            .about_us_wrapper .about_us_container .journey_wrapper .journey_container .timeline_wrapper .text .photo {
              width: 100%;
              display: flex;
              flex-flow: column;
              gap: .5rem; }
              .about_us_wrapper .about_us_container .journey_wrapper .journey_container .timeline_wrapper .text .photo img {
                display: block;
                width: 100%;
                border-radius: 8px; }
            .about_us_wrapper .about_us_container .journey_wrapper .journey_container .timeline_wrapper .text .table_sch {
              width: 100%; }
              .about_us_wrapper .about_us_container .journey_wrapper .journey_container .timeline_wrapper .text .table_sch table {
                width: 100%;
                border-collapse: collapse; }
                .about_us_wrapper .about_us_container .journey_wrapper .journey_container .timeline_wrapper .text .table_sch table tr td {
                  padding: 6px;
                  text-align: center;
                  font: 400 0.875rem "Adani", sans-serif;
                  color: #222;
                  border: 1px solid #d0d0dd; }
        .about_us_wrapper .about_us_container .journey_wrapper .journey_container .journey_text {
          width: 100%;
          padding: 2rem;
          background: #fff; }
          .about_us_wrapper .about_us_container .journey_wrapper .journey_container .journey_text b {
            display: block;
            width: 100%;
            text-align: center;
            font: 500 2rem "Adani", sans-serif;
            color: #313131; }
    .about_us_wrapper .about_us_container .chairman_message {
      width: 100%;
      padding: 6rem 10vw;
      background-color: #F5F3ED;
      overflow: hidden; }
      @media (max-width: 1262px) {
        .about_us_wrapper .about_us_container .chairman_message {
          padding: 6rem 4vw; } }
      .about_us_wrapper .about_us_container .chairman_message .chairman_inner {
        width: 100%;
        display: grid;
        grid-template-columns: 40% auto;
        gap: 4.5rem; }
        @media (max-width: 834px) {
          .about_us_wrapper .about_us_container .chairman_message .chairman_inner {
            grid-template-columns: repeat(1, 1fr);
            gap: 2.5rem; } }
        .about_us_wrapper .about_us_container .chairman_message .chairman_inner .charman_photo {
          width: 100%; }
          .about_us_wrapper .about_us_container .chairman_message .chairman_inner .charman_photo img {
            display: block;
            width: 100%; }
        .about_us_wrapper .about_us_container .chairman_message .chairman_inner .text_outer {
          width: 100%;
          display: flex;
          flex-flow: column;
          gap: 3rem; }
          .about_us_wrapper .about_us_container .chairman_message .chairman_inner .text_outer h2 {
            text-align: left;
            font: 600 3.5rem/1 "Adani", sans-serif;
            color: #D3D2CE;
            letter-spacing: -1px;
            width: 100%; }
            @media (max-width: 768px) {
              .about_us_wrapper .about_us_container .chairman_message .chairman_inner .text_outer h2 {
                font-size: 2.5rem; } }
          .about_us_wrapper .about_us_container .chairman_message .chairman_inner .text_outer .charman_text {
            width: 100%;
            display: flex;
            flex-flow: column;
            gap: 3rem;
            position: relative; }
            .about_us_wrapper .about_us_container .chairman_message .chairman_inner .text_outer .charman_text p {
              text-align: left;
              font: 400 1.25rem/1.4 "Adani", sans-serif;
              color: #313131;
              position: absolute;
              left: 0;
              top: 0; }
              @media (max-width: 768px) {
                .about_us_wrapper .about_us_container .chairman_message .chairman_inner .text_outer .charman_text p {
                  font-size: 1rem; } }
              .about_us_wrapper .about_us_container .chairman_message .chairman_inner .text_outer .charman_text p.txt_ww {
                opacity: .25;
                position: unset; }
            .about_us_wrapper .about_us_container .chairman_message .chairman_inner .text_outer .charman_text .chairperson_name {
              width: 100%;
              display: flex;
              align-items: center;
              gap: 1rem; }
              .about_us_wrapper .about_us_container .chairman_message .chairman_inner .text_outer .charman_text .chairperson_name .name {
                width: 100%;
                display: flex;
                flex-flow: column;
                gap: .5rem; }
                .about_us_wrapper .about_us_container .chairman_message .chairman_inner .text_outer .charman_text .chairperson_name .name b {
                  display: block;
                  width: 100%;
                  text-align: left;
                  font: 600 2rem "Adani", sans-serif;
                  color: #313131;
                  letter-spacing: -.5px; }
                .about_us_wrapper .about_us_container .chairman_message .chairman_inner .text_outer .charman_text .chairperson_name .name span {
                  display: block;
                  width: 100%;
                  text-align: left;
                  font: 400 1.125rem "Adani", sans-serif;
                  color: #53524E; }

.chaptersWrapper {
  width: 100%;
  padding: 24px 10vw 48px 10vw;
  display: flex;
  flex-flow: column;
  gap: 24px; }
  @media (max-width: 1024px) {
    .chaptersWrapper {
      padding: 48px 8vw; } }
  @media (max-width: 768px) {
    .chaptersWrapper {
      padding: 48px 6vw; } }
  @media (max-width: 480px) {
    .chaptersWrapper {
      padding: 48px 4vw; } }
  .chaptersWrapper .heading {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: space-between; }
    .chaptersWrapper .heading h1 {
      text-align: left;
      font-size: 2.5rem;
      font-weight: 600;
      color: #000;
      letter-spacing: -.05rem; }
      @media (max-width: 1024px) {
        .chaptersWrapper .heading h1 {
          font-size: 2.2rem; } }
      @media (max-width: 480px) {
        .chaptersWrapper .heading h1 {
          font-size: 1.75rem; } }
    .chaptersWrapper .heading select {
      appearance: none;
      width: 100%;
      max-width: 180px;
      background: url(../icons/dropdown.svg) no-repeat right 8px center #fff;
      background-size: 24px;
      text-align: left;
      font-weight: 500;
      font-size: 16px;
      color: #222;
      padding: 0 12px;
      height: 40px;
      border: 1px solid #d0d0d0;
      border-radius: 8px; }
      .chaptersWrapper .heading select:focus {
        outline: none;
        border-color: #a0a0a0; }
  .chaptersWrapper .chapters_container {
    width: 100%; }
    .chaptersWrapper .chapters_container table {
      width: 100%;
      border-collapse: collapse; }
      .chaptersWrapper .chapters_container table tbody {
        width: 100%;
        display: grid;
        gap: 16px;
        grid-template-columns: repeat(3, minmax(0, 1fr)); }
        @media (max-width: 1024px) {
          .chaptersWrapper .chapters_container table tbody {
            grid-template-columns: repeat(2, minmax(0, 1fr)); } }
        @media (max-width: 768px) {
          .chaptersWrapper .chapters_container table tbody {
            grid-template-columns: repeat(1, minmax(0, 1fr)); } }
        .chaptersWrapper .chapters_container table tbody tr {
          width: 100%;
          display: block; }
          .chaptersWrapper .chapters_container table tbody tr td {
            display: block;
            width: 100%; }
            .chaptersWrapper .chapters_container table tbody tr td a {
              display: flex;
              align-items: center;
              justify-content: space-between;
              border-radius: 12px;
              background-color: #eee;
              border: 1px solid #eee;
              overflow: hidden; }
              .chaptersWrapper .chapters_container table tbody tr td a.color1 {
                background-color: #FFE9F1; }
                .chaptersWrapper .chapters_container table tbody tr td a.color1 .count {
                  background-color: #D25484; }
                  .chaptersWrapper .chapters_container table tbody tr td a.color1 .count small {
                    color: #fff; }
                  .chaptersWrapper .chapters_container table tbody tr td a.color1 .count b {
                    color: #fff; }
                .chaptersWrapper .chapters_container table tbody tr td a.color1:hover {
                  border-color: #D25484; }
              .chaptersWrapper .chapters_container table tbody tr td a.color2 {
                background-color: #E4EFF4; }
                .chaptersWrapper .chapters_container table tbody tr td a.color2 .count {
                  background-color: #478FB0; }
                  .chaptersWrapper .chapters_container table tbody tr td a.color2 .count small {
                    color: #fff; }
                  .chaptersWrapper .chapters_container table tbody tr td a.color2 .count b {
                    color: #fff; }
                .chaptersWrapper .chapters_container table tbody tr td a.color2:hover {
                  border-color: #478FB0; }
              .chaptersWrapper .chapters_container table tbody tr td a.color3 {
                background-color: #F6E5F8; }
                .chaptersWrapper .chapters_container table tbody tr td a.color3 .count {
                  background-color: #A935B7; }
                  .chaptersWrapper .chapters_container table tbody tr td a.color3 .count small {
                    color: #fff; }
                  .chaptersWrapper .chapters_container table tbody tr td a.color3 .count b {
                    color: #fff; }
                .chaptersWrapper .chapters_container table tbody tr td a.color3:hover {
                  border-color: #A935B7; }
              .chaptersWrapper .chapters_container table tbody tr td a.color4 {
                background-color: #E9EBFE; }
                .chaptersWrapper .chapters_container table tbody tr td a.color4 .count {
                  background-color: #757BB2; }
                  .chaptersWrapper .chapters_container table tbody tr td a.color4 .count small {
                    color: #fff; }
                  .chaptersWrapper .chapters_container table tbody tr td a.color4 .count b {
                    color: #fff; }
                .chaptersWrapper .chapters_container table tbody tr td a.color4:hover {
                  border-color: #757BB2; }
              .chaptersWrapper .chapters_container table tbody tr td a:hover {
                border-color: #000; }
              .chaptersWrapper .chapters_container table tbody tr td a .text {
                display: flex;
                flex-flow: column;
                gap: 4px;
                padding: 20px; }
                .chaptersWrapper .chapters_container table tbody tr td a .text small {
                  text-align: left;
                  font-weight: 400;
                  font-size: 14px;
                  color: #555; }
                .chaptersWrapper .chapters_container table tbody tr td a .text b {
                  text-align: left;
                  font-weight: 600;
                  font-size: 17px;
                  color: #000; }
              .chaptersWrapper .chapters_container table tbody tr td a .count {
                display: flex;
                flex-flow: column;
                gap: 4px;
                padding: 20px; }
                .chaptersWrapper .chapters_container table tbody tr td a .count small {
                  text-align: center;
                  font-weight: 400;
                  font-size: 14px;
                  color: #555; }
                .chaptersWrapper .chapters_container table tbody tr td a .count b {
                  text-align: center;
                  font-weight: 600;
                  font-size: 17px;
                  color: #000; }

.chaptersWrapper_det {
  width: 100%;
  padding: 48px 10vw;
  display: flex;
  flex-flow: column;
  gap: 24px;
  background-color: #F1FAFF; }
  @media (max-width: 1024px) {
    .chaptersWrapper_det {
      padding: 48px 8vw; } }
  @media (max-width: 768px) {
    .chaptersWrapper_det {
      padding: 48px 6vw; } }
  @media (max-width: 480px) {
    .chaptersWrapper_det {
      padding: 48px 4vw; } }
  .chaptersWrapper_det .heading_detail {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: space-between; }
    @media (max-width: 480px) {
      .chaptersWrapper_det .heading_detail {
        flex-flow: column;
        align-items: flex-start; } }
    .chaptersWrapper_det .heading_detail h1 {
      display: flex;
      align-items: center;
      gap: 12px;
      text-align: left;
      font-size: 2rem;
      font-weight: 600;
      color: #000;
      letter-spacing: -.05rem; }
      .chaptersWrapper_det .heading_detail h1 span {
        display: inline-block;
        width: auto;
        padding: 4px 16px;
        border-radius: 50px;
        color: #fff;
        background-color: #C15475;
        font-size: 1.5rem; }
      @media (max-width: 1024px) {
        .chaptersWrapper_det .heading_detail h1 {
          font-size: 1.5rem; } }
      @media (max-width: 480px) {
        .chaptersWrapper_det .heading_detail h1 {
          font-size: 1.25rem; } }
    .chaptersWrapper_det .heading_detail select {
      appearance: none;
      width: 100%;
      max-width: 180px;
      background: url(../icons/dropdown.svg) no-repeat right 8px center #fff;
      background-size: 24px;
      text-align: left;
      font-weight: 500;
      font-size: 16px;
      color: #222;
      padding: 0 12px;
      height: 40px;
      border: 1px solid #d0d0d0;
      border-radius: 8px; }
      @media (max-width: 480px) {
        .chaptersWrapper_det .heading_detail select {
          max-width: 100%; } }
      .chaptersWrapper_det .heading_detail select:focus {
        outline: none;
        border-color: #a0a0a0; }
  .chaptersWrapper_det .chapters_detail_container {
    width: 100%; }
    .chaptersWrapper_det .chapters_detail_container table {
      width: 100%;
      border-collapse: collapse; }
      .chaptersWrapper_det .chapters_detail_container table tbody {
        width: 100%;
        display: grid;
        gap: 16px;
        grid-template-columns: repeat(3, minmax(0, 1fr)); }
        @media (max-width: 834px) {
          .chaptersWrapper_det .chapters_detail_container table tbody {
            grid-template-columns: repeat(2, minmax(0, 1fr)); } }
        @media (max-width: 480px) {
          .chaptersWrapper_det .chapters_detail_container table tbody {
            grid-template-columns: repeat(1, minmax(0, 1fr)); } }
        .chaptersWrapper_det .chapters_detail_container table tbody tr {
          width: 100%;
          display: block; }
          .chaptersWrapper_det .chapters_detail_container table tbody tr td {
            display: block;
            width: 100%; }
            .chaptersWrapper_det .chapters_detail_container table tbody tr td .chapter_members {
              width: 100%;
              border-radius: 12px;
              overflow: hidden;
              background-color: #fff;
              box-shadow: 0 8px 12px rgba(0, 0, 0, 0.05); }
              .chaptersWrapper_det .chapters_detail_container table tbody tr td .chapter_members .photo {
                width: 100%;
                aspect-ratio: 4 / 3;
                overflow: hidden; }
                .chaptersWrapper_det .chapters_detail_container table tbody tr td .chapter_members .photo img {
                  display: block;
                  width: 100%;
                  height: 100%;
                  object-fit: cover;
                  object-position: top; }
              .chaptersWrapper_det .chapters_detail_container table tbody tr td .chapter_members .text {
                width: 100%;
                display: flex;
                flex-flow: column;
                gap: 12px;
                padding: 20px; }
                .chaptersWrapper_det .chapters_detail_container table tbody tr td .chapter_members .text .text_inner {
                  width: 100%;
                  display: flex;
                  flex-flow: column;
                  gap: 4px; }
                  .chaptersWrapper_det .chapters_detail_container table tbody tr td .chapter_members .text .text_inner b {
                    text-align: left;
                    font-weight: 600;
                    font-size: 18px;
                    color: #000; }
                  .chaptersWrapper_det .chapters_detail_container table tbody tr td .chapter_members .text .text_inner p {
                    text-align: left;
                    font-weight: 400;
                    font-size: 14px;
                    color: #555; }
                .chaptersWrapper_det .chapters_detail_container table tbody tr td .chapter_members .text .school_name {
                  width: 100%;
                  padding: 12px 0 0 0;
                  border-top: 1px solid #ddd; }
                  .chaptersWrapper_det .chapters_detail_container table tbody tr td .chapter_members .text .school_name b {
                    text-align: left;
                    font-weight: 600;
                    font-size: 16px;
                    color: #000; }

.blogs_wrapper {
  width: 100%;
  display: grid;
  gap: 32px;
  grid-template-columns: repeat(3, 1fr);
  align-items: flex-start;
  width: 100%;
  padding: 24px 10vw 48px 10vw; }
  @media (max-width: 1024px) {
    .blogs_wrapper {
      padding: 48px 8vw;
      grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 768px) {
    .blogs_wrapper {
      padding: 24px 6vw 48px 6vw;
      grid-template-columns: repeat(1, 1fr); } }
  @media (max-width: 480px) {
    .blogs_wrapper {
      padding: 24px 4vw 48px 4vw; } }
  .blogs_wrapper .blogs_container {
    width: 100%;
    grid-column: span 2;
    display: flex;
    flex-flow: column;
    gap: 24px; }
    @media (max-width: 1024px) {
      .blogs_wrapper .blogs_container {
        grid-column: unset; } }
    .blogs_wrapper .blogs_container .heading {
      width: 100%;
      display: flex;
      flex-flow: column;
      gap: 4px; }
      .blogs_wrapper .blogs_container .heading h2 {
        text-align: left;
        font-size: 31px;
        font-weight: 600;
        color: #000; }
      .blogs_wrapper .blogs_container .heading p {
        text-align: left;
        font-size: 16px;
        color: #777; }
    .blogs_wrapper .blogs_container .photo {
      width: 100%;
      aspect-ratio: 16 / 9;
      overflow: hidden; }
      .blogs_wrapper .blogs_container .photo img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: top; }
    .blogs_wrapper .blogs_container .text {
      width: 100%;
      display: flex;
      flex-flow: column;
      gap: 16px; }
  .blogs_wrapper .recent_blogs {
    width: 100%;
    border-radius: 12px;
    border: 1px solid #ddd;
    overflow: hidden; }
    .blogs_wrapper .recent_blogs .heading {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      background-color: #0678A5;
      padding: 12px 16px; }
      .blogs_wrapper .recent_blogs .heading h1 {
        text-align: left;
        color: #fff;
        font-size: 24px;
        font-weight: 600; }
      .blogs_wrapper .recent_blogs .heading button {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: none;
        cursor: pointer;
        background-color: rgba(0, 0, 0, 0.25); }
        .blogs_wrapper .recent_blogs .heading button:hover {
          background-color: rgba(0, 0, 0, 0.58); }
        .blogs_wrapper .recent_blogs .heading button img {
          display: block;
          width: 22px; }
    .blogs_wrapper .recent_blogs .range {
      padding: 16px;
      width: 100%;
      background-color: #f2f2f2;
      border-bottom: 1px solid #d0d0d0; }
      .blogs_wrapper .recent_blogs .range p {
        text-align: left;
        font-size: 16px;
        font-weight: 400;
        color: #555; }
    .blogs_wrapper .recent_blogs .recent_blogs_con {
      width: 100%;
      padding: 4px 16px;
      max-height: 50vh;
      overflow-y: auto; }
      .blogs_wrapper .recent_blogs .recent_blogs_con table {
        width: 100%;
        border-collapse: collapse; }
        .blogs_wrapper .recent_blogs .recent_blogs_con table tbody {
          width: 100%;
          display: flex;
          flex-flow: column; }
          .blogs_wrapper .recent_blogs .recent_blogs_con table tbody tr {
            display: block;
            width: 100%; }
            .blogs_wrapper .recent_blogs .recent_blogs_con table tbody tr:first-child td a {
              border: none; }
            .blogs_wrapper .recent_blogs .recent_blogs_con table tbody tr td {
              display: block;
              width: 100%; }
              .blogs_wrapper .recent_blogs .recent_blogs_con table tbody tr td a {
                width: 100%;
                display: flex;
                flex-flow: column;
                gap: 6px;
                padding: 12px 0;
                border-top: 1px solid #ddd; }
                .blogs_wrapper .recent_blogs .recent_blogs_con table tbody tr td a:hover b {
                  color: #0678A5; }
                .blogs_wrapper .recent_blogs .recent_blogs_con table tbody tr td a b {
                  display: block;
                  width: 100%;
                  text-align: left;
                  font-size: 18px;
                  font-weight: 600;
                  color: #000; }
                .blogs_wrapper .recent_blogs .recent_blogs_con table tbody tr td a p {
                  text-align: left;
                  font-size: 15px;
                  font-weight: 400;
                  color: #555; }

.birthday_wrapper {
  width: 100%;
  padding: 24px 10vw 48px 10vw;
  display: flex;
  flex-flow: column;
  gap: 24px; }
  @media (max-width: 1024px) {
    .birthday_wrapper {
      padding: 24px 8vw 48px 8vw; } }
  @media (max-width: 768px) {
    .birthday_wrapper {
      padding: 24px 6vw 48px 6vw; } }
  @media (max-width: 480px) {
    .birthday_wrapper {
      padding: 24px 4vw 48px 4vw; } }
  .birthday_wrapper .heading {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: space-between; }
    @media (max-width: 480px) {
      .birthday_wrapper .heading {
        flex-flow: column;
        align-items: flex-start; } }
    .birthday_wrapper .heading h1 {
      text-align: left;
      font-size: 2.5rem;
      font-weight: 600;
      color: #000;
      letter-spacing: -.05rem; }
      @media (max-width: 1024px) {
        .birthday_wrapper .heading h1 {
          font-size: 2.2rem; } }
      @media (max-width: 480px) {
        .birthday_wrapper .heading h1 {
          font-size: 1.75rem; } }
    .birthday_wrapper .heading select {
      appearance: none;
      width: 100%;
      max-width: 180px;
      background: url(../icons/dropdown.svg) no-repeat right 8px center #fff;
      background-size: 24px;
      text-align: left;
      font-weight: 500;
      font-size: 16px;
      color: #222;
      padding: 0 12px;
      height: 40px;
      border: 1px solid #d0d0d0;
      border-radius: 8px; }
      @media (max-width: 480px) {
        .birthday_wrapper .heading select {
          max-width: 100%; } }
      .birthday_wrapper .heading select:focus {
        outline: none;
        border-color: #a0a0a0; }
  .birthday_wrapper .Birthday_wrapp {
    width: 100%; }
    .birthday_wrapper .Birthday_wrapp table {
      width: 100%;
      border-collapse: collapse; }
      .birthday_wrapper .Birthday_wrapp table tbody {
        width: 100%;
        display: grid;
        gap: 16px;
        grid-template-columns: repeat(3, minmax(0, 1fr)); }
        @media (max-width: 1024px) {
          .birthday_wrapper .Birthday_wrapp table tbody {
            grid-template-columns: repeat(2, minmax(0, 1fr)); } }
        @media (max-width: 768px) {
          .birthday_wrapper .Birthday_wrapp table tbody {
            grid-template-columns: repeat(1, minmax(0, 1fr)); } }
        .birthday_wrapper .Birthday_wrapp table tbody tr {
          width: 100%;
          display: block; }
          .birthday_wrapper .Birthday_wrapp table tbody tr td {
            display: block;
            width: 100%; }
            .birthday_wrapper .Birthday_wrapp table tbody tr td .star_alumni {
              width: 100%;
              border-radius: 12px;
              overflow: hidden;
              background-color: #F1FAFF; }
              .birthday_wrapper .Birthday_wrapp table tbody tr td .star_alumni .photo {
                width: 100%;
                aspect-ratio: 4 / 3;
                overflow: hidden;
                position: relative; }
                .birthday_wrapper .Birthday_wrapp table tbody tr td .star_alumni .photo img {
                  display: block;
                  width: 100%;
                  height: 100%;
                  object-fit: cover;
                  object-position: top; }
                .birthday_wrapper .Birthday_wrapp table tbody tr td .star_alumni .photo small {
                  position: absolute;
                  right: 12px;
                  bottom: 0;
                  width: 90px;
                  z-index: 1; }
                  .birthday_wrapper .Birthday_wrapp table tbody tr td .star_alumni .photo small img {
                    display: block;
                    width: 100%; }
              .birthday_wrapper .Birthday_wrapp table tbody tr td .star_alumni .text {
                width: 100%;
                display: flex;
                flex-flow: column;
                gap: 12px;
                padding: 20px; }
                @media (max-width: 768px) {
                  .birthday_wrapper .Birthday_wrapp table tbody tr td .star_alumni .text {
                    padding: 16px; } }
                .birthday_wrapper .Birthday_wrapp table tbody tr td .star_alumni .text .textInner {
                  width: 100%;
                  display: flex;
                  flex-flow: column;
                  align-items: center;
                  gap: 8px; }
                  .birthday_wrapper .Birthday_wrapp table tbody tr td .star_alumni .text .textInner b {
                    text-align: center;
                    font-weight: 600;
                    font-size: 20px;
                    color: #000; }
                    @media (max-width: 768px) {
                      .birthday_wrapper .Birthday_wrapp table tbody tr td .star_alumni .text .textInner b {
                        font-size: 18px; } }
                  .birthday_wrapper .Birthday_wrapp table tbody tr td .star_alumni .text .textInner p {
                    display: flex;
                    align-items: center;
                    gap: 8px;
                    text-align: center;
                    font-weight: 400;
                    font-size: 16px;
                    color: #555; }
                .birthday_wrapper .Birthday_wrapp table tbody tr td .star_alumni .text .school_name {
                  width: 100%;
                  padding: 12px 0 0 0;
                  border-top: 1px solid #ddd;
                  display: flex;
                  align-items: center;
                  justify-content: space-between;
                  gap: 8px; }
                  .birthday_wrapper .Birthday_wrapp table tbody tr td .star_alumni .text .school_name b {
                    display: flex;
                    align-items: center;
                    gap: 4px;
                    text-align: left;
                    font-weight: 500;
                    font-size: 14px;
                    color: #555; }
                    .birthday_wrapper .Birthday_wrapp table tbody tr td .star_alumni .text .school_name b img {
                      display: block;
                      width: 20px; }
                  .birthday_wrapper .Birthday_wrapp table tbody tr td .star_alumni .text .school_name p {
                    display: flex;
                    align-items: center;
                    gap: 6px;
                    text-align: left;
                    font-weight: 500;
                    font-size: 14px;
                    color: #555; }
                    .birthday_wrapper .Birthday_wrapp table tbody tr td .star_alumni .text .school_name p img {
                      display: block;
                      width: 20px; }

.star_alumni_wrapper {
  width: 100%;
  padding: 48px 10vw;
  display: flex;
  flex-flow: column;
  gap: 24px;
  background-color: #F1FAFF; }
  @media (max-width: 1024px) {
    .star_alumni_wrapper {
      padding: 48px 8vw; } }
  @media (max-width: 768px) {
    .star_alumni_wrapper {
      padding: 48px 6vw; } }
  @media (max-width: 480px) {
    .star_alumni_wrapper {
      padding: 48px 4vw; } }
  .star_alumni_wrapper h1 {
    text-align: left;
    font-size: 2.5rem;
    font-weight: 600;
    color: #000;
    letter-spacing: -.05rem; }
    @media (max-width: 1024px) {
      .star_alumni_wrapper h1 {
        font-size: 2.2rem; } }
    @media (max-width: 480px) {
      .star_alumni_wrapper h1 {
        font-size: 1.75rem; } }
  .star_alumni_wrapper .star_alumni_wrapp {
    width: 100%; }
    .star_alumni_wrapper .star_alumni_wrapp table {
      width: 100%;
      border-collapse: collapse; }
      .star_alumni_wrapper .star_alumni_wrapp table tbody {
        width: 100%;
        display: flex;
        flex-flow: column;
        gap: 24px; }
        .star_alumni_wrapper .star_alumni_wrapp table tbody tr {
          display: block;
          width: 100%; }
          .star_alumni_wrapper .star_alumni_wrapp table tbody tr td {
            display: block;
            width: 100%; }
            .star_alumni_wrapper .star_alumni_wrapp table tbody tr td .star_alumni_con {
              width: 100%;
              padding: 24px;
              border-radius: 24px;
              background-color: #fff;
              border: 1px solid #0678A5;
              display: flex;
              flex-flow: column;
              gap: 24px; }
              .star_alumni_wrapper .star_alumni_wrapp table tbody tr td .star_alumni_con h2 {
                display: flex;
                align-items: center;
                gap: 12px;
                text-align: left;
                font-size: 2rem;
                font-weight: 600;
                color: #000;
                letter-spacing: -.05rem; }
                @media (max-width: 768px) {
                  .star_alumni_wrapper .star_alumni_wrapp table tbody tr td .star_alumni_con h2 {
                    font-size: 1.5rem; } }
                @media (max-width: 480px) {
                  .star_alumni_wrapper .star_alumni_wrapp table tbody tr td .star_alumni_con h2 {
                    font-size: 1.25rem; } }
              .star_alumni_wrapper .star_alumni_wrapp table tbody tr td .star_alumni_con .star_alumni_table {
                width: 100%; }
                .star_alumni_wrapper .star_alumni_wrapp table tbody tr td .star_alumni_con .star_alumni_table table {
                  width: 100%;
                  border-collapse: collapse; }
                  .star_alumni_wrapper .star_alumni_wrapp table tbody tr td .star_alumni_con .star_alumni_table table tbody {
                    width: 100%;
                    display: grid;
                    gap: 24px;
                    grid-template-columns: repeat(3, minmax(0, 1fr)); }
                    @media (max-width: 1024px) {
                      .star_alumni_wrapper .star_alumni_wrapp table tbody tr td .star_alumni_con .star_alumni_table table tbody {
                        grid-template-columns: repeat(2, minmax(0, 1fr)); } }
                    @media (max-width: 480px) {
                      .star_alumni_wrapper .star_alumni_wrapp table tbody tr td .star_alumni_con .star_alumni_table table tbody {
                        grid-template-columns: repeat(1, minmax(0, 1fr)); } }
                    .star_alumni_wrapper .star_alumni_wrapp table tbody tr td .star_alumni_con .star_alumni_table table tbody tr {
                      display: block;
                      width: 100%; }
                      .star_alumni_wrapper .star_alumni_wrapp table tbody tr td .star_alumni_con .star_alumni_table table tbody tr td {
                        display: block;
                        width: 100%; }
                        .star_alumni_wrapper .star_alumni_wrapp table tbody tr td .star_alumni_con .star_alumni_table table tbody tr td .star_alumni {
                          width: 100%;
                          border-radius: 12px;
                          overflow: hidden;
                          background-color: #F7EEF3; }
                          .star_alumni_wrapper .star_alumni_wrapp table tbody tr td .star_alumni_con .star_alumni_table table tbody tr td .star_alumni .photo {
                            width: 100%;
                            aspect-ratio: 4 / 3;
                            overflow: hidden;
                            position: relative; }
                            .star_alumni_wrapper .star_alumni_wrapp table tbody tr td .star_alumni_con .star_alumni_table table tbody tr td .star_alumni .photo img {
                              display: block;
                              width: 100%;
                              height: 100%;
                              object-fit: cover;
                              object-position: top; }
                            .star_alumni_wrapper .star_alumni_wrapp table tbody tr td .star_alumni_con .star_alumni_table table tbody tr td .star_alumni .photo small {
                              display: block;
                              width: 48px;
                              position: absolute;
                              right: 16px;
                              top: 16px;
                              z-index: 1; }
                              .star_alumni_wrapper .star_alumni_wrapp table tbody tr td .star_alumni_con .star_alumni_table table tbody tr td .star_alumni .photo small img {
                                display: block;
                                width: 100%; }
                          .star_alumni_wrapper .star_alumni_wrapp table tbody tr td .star_alumni_con .star_alumni_table table tbody tr td .star_alumni .text {
                            width: 100%;
                            display: flex;
                            flex-flow: column;
                            gap: 12px;
                            padding: 20px; }
                            @media (max-width: 768px) {
                              .star_alumni_wrapper .star_alumni_wrapp table tbody tr td .star_alumni_con .star_alumni_table table tbody tr td .star_alumni .text {
                                padding: 16px; } }
                            .star_alumni_wrapper .star_alumni_wrapp table tbody tr td .star_alumni_con .star_alumni_table table tbody tr td .star_alumni .text .textInner {
                              width: 100%;
                              display: flex;
                              flex-flow: column;
                              gap: 8px; }
                              .star_alumni_wrapper .star_alumni_wrapp table tbody tr td .star_alumni_con .star_alumni_table table tbody tr td .star_alumni .text .textInner b {
                                text-align: left;
                                font-weight: 600;
                                font-size: 20px;
                                color: #000; }
                                @media (max-width: 768px) {
                                  .star_alumni_wrapper .star_alumni_wrapp table tbody tr td .star_alumni_con .star_alumni_table table tbody tr td .star_alumni .text .textInner b {
                                    font-size: 18px; } }
                              .star_alumni_wrapper .star_alumni_wrapp table tbody tr td .star_alumni_con .star_alumni_table table tbody tr td .star_alumni .text .textInner p {
                                display: flex;
                                align-items: center;
                                gap: 8px;
                                text-align: left;
                                font-weight: 400;
                                font-size: 16px;
                                color: #555; }
                                @media (max-width: 768px) {
                                  .star_alumni_wrapper .star_alumni_wrapp table tbody tr td .star_alumni_con .star_alumni_table table tbody tr td .star_alumni .text .textInner p {
                                    font-size: 14px; } }
                                .star_alumni_wrapper .star_alumni_wrapp table tbody tr td .star_alumni_con .star_alumni_table table tbody tr td .star_alumni .text .textInner p img {
                                  display: block;
                                  width: 20px; }
                            .star_alumni_wrapper .star_alumni_wrapp table tbody tr td .star_alumni_con .star_alumni_table table tbody tr td .star_alumni .text .school_name {
                              width: 100%;
                              padding: 12px 0 0 0;
                              border-top: 1px solid #ddd; }
                              .star_alumni_wrapper .star_alumni_wrapp table tbody tr td .star_alumni_con .star_alumni_table table tbody tr td .star_alumni .text .school_name b {
                                text-align: left;
                                font-weight: 600;
                                font-size: 16px;
                                color: #000; }
                                @media (max-width: 768px) {
                                  .star_alumni_wrapper .star_alumni_wrapp table tbody tr td .star_alumni_con .star_alumni_table table tbody tr td .star_alumni .text .school_name b {
                                    font-size: 14px; } }

.notable_alumniWrapper {
  width: 100%;
  padding: 48px 10vw;
  display: flex;
  flex-flow: column;
  gap: 24px;
  background-color: #F1FAFF; }
  @media (max-width: 1024px) {
    .notable_alumniWrapper {
      padding: 48px 8vw; } }
  @media (max-width: 768px) {
    .notable_alumniWrapper {
      padding: 48px 6vw; } }
  @media (max-width: 480px) {
    .notable_alumniWrapper {
      padding: 48px 4vw; } }
  .notable_alumniWrapper table {
    width: 100%;
    border-collapse: collapse; }
    .notable_alumniWrapper table tbody {
      width: 100%;
      display: flex;
      flex-flow: column;
      gap: 24px; }
      .notable_alumniWrapper table tbody tr {
        width: 100%; }
        .notable_alumniWrapper table tbody tr:nth-child(even) td .notable_alumniCon {
          border-color: #C15475; }
        .notable_alumniWrapper table tbody tr td {
          width: 100%; }
          .notable_alumniWrapper table tbody tr td .notable_alumniCon {
            width: 100%;
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 32px;
            align-items: flex-start;
            padding: 24px;
            border-radius: 24px;
            border: 1px solid #0678A5;
            background-color: #fff; }
            @media (max-width: 834px) {
              .notable_alumniWrapper table tbody tr td .notable_alumniCon {
                grid-template-columns: repeat(1, minmax(0, 1fr)); } }
            .notable_alumniWrapper table tbody tr td .notable_alumniCon .photo {
              width: 100%; }
              .notable_alumniWrapper table tbody tr td .notable_alumniCon .photo img {
                display: block;
                width: 100%; }
            .notable_alumniWrapper table tbody tr td .notable_alumniCon .text {
              width: 100%;
              display: flex;
              flex-flow: column;
              gap: 24px; }
              .notable_alumniWrapper table tbody tr td .notable_alumniCon .text h1 {
                text-align: left;
                font-weight: 600;
                font-size: 1.75rem;
                color: #000; }
                @media (max-width: 480px) {
                  .notable_alumniWrapper table tbody tr td .notable_alumniCon .text h1 {
                    font-size: 1.5rem; } }
              .notable_alumniWrapper table tbody tr td .notable_alumniCon .text .text_inner {
                width: 100%;
                display: flex;
                flex-flow: column;
                gap: 12px; }
                .notable_alumniWrapper table tbody tr td .notable_alumniCon .text .text_inner p {
                  text-align: left;
                  font-size: 16px;
                  color: #222;
                  line-height: 1.4; }
            .notable_alumniWrapper table tbody tr td .notable_alumniCon dl {
              width: 100%;
              display: flex;
              flex-flow: column;
              gap: 12px; }
              .notable_alumniWrapper table tbody tr td .notable_alumniCon dl dt {
                width: 100%;
                display: flex;
                align-items: flex-start;
                gap: 8px;
                border-top: 1px solid #ddd;
                padding: 12px 0 0 0; }
                .notable_alumniWrapper table tbody tr td .notable_alumniCon dl dt:first-child {
                  border: none;
                  padding: 0; }
                .notable_alumniWrapper table tbody tr td .notable_alumniCon dl dt small {
                  display: block;
                  width: 72px;
                  text-align: left;
                  font-size: 16px;
                  font-weight: 400;
                  color: #555;
                  flex-shrink: 0; }
                .notable_alumniWrapper table tbody tr td .notable_alumniCon dl dt p {
                  display: block;
                  width: 100%;
                  text-align: left;
                  font-weight: 500;
                  font-size: 16px;
                  color: #000; }

.photoGallery {
  width: 100%;
  padding: 24px 10vw 48px 10vw;
  display: flex;
  flex-flow: column;
  gap: 24px; }
  @media (max-width: 1024px) {
    .photoGallery {
      padding: 24px 8vw 48px 8vw; } }
  @media (max-width: 768px) {
    .photoGallery {
      padding: 24px 6vw 48px 6vw; } }
  @media (max-width: 480px) {
    .photoGallery {
      padding: 24px 4vw 48px 4vw; } }
  .photoGallery h1 {
    text-align: left;
    font-size: 2.5rem;
    font-weight: 600;
    color: #000;
    letter-spacing: -.05rem; }
    @media (max-width: 1024px) {
      .photoGallery h1 {
        font-size: 2.2rem; } }
    @media (max-width: 480px) {
      .photoGallery h1 {
        font-size: 1.75rem; } }
  .photoGallery .gallery {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    align-items: flex-start; }
    @media (max-width: 1024px) {
      .photoGallery .gallery {
        grid-template-columns: repeat(3, minmax(0, 1fr)); } }
    @media (max-width: 834px) {
      .photoGallery .gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr)); } }
    @media (max-width: 480px) {
      .photoGallery .gallery {
        grid-template-columns: repeat(1, minmax(0, 1fr)); } }
    .photoGallery .gallery .galleryInner {
      width: 100%;
      height: 100%; }
      .photoGallery .gallery .galleryInner .image_tn {
        width: 100%;
        height: 100%;
        padding: 16px;
        border: 1px solid #ddd;
        border-radius: 8px;
        background-color: #fff;
        box-shadow: 2px 6px rgba(0, 0, 0, 0.15); }
        .photoGallery .gallery .galleryInner .image_tn a {
          display: block;
          width: 100%;
          background-color: #F1FAFF; }
          .photoGallery .gallery .galleryInner .image_tn a img {
            display: block;
            aspect-ratio: 4 / 3;
            width: 100%;
            object-fit: cover;
            object-position: top; }
          .photoGallery .gallery .galleryInner .image_tn a b {
            display: block;
            width: 100%;
            text-align: left;
            font: 400 16px "Adani", sans-serif;
            color: #000;
            padding: 12px 8px; }

/******* Birthday Popup ******/
.birthday_popupWrapper {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999; }
  .birthday_popupWrapper .birthdaypopup_wrapperInner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer {
      width: 100%;
      max-width: 460px;
      background: #FFF;
      background: linear-gradient(0deg, white 0%, #fffcf6 100%);
      height: auto;
      max-height: 100%;
      border-radius: 12px;
      overflow-y: auto;
      position: relative; }
      .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .close {
        width: 40px;
        height: 40px;
        position: absolute;
        right: 8px;
        top: 8px;
        display: flex;
        align-items: center;
        justify-content: center; }
        .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .close img {
          display: block;
          width: 18px; }
      .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .birthday_header {
        width: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: space-between; }
        .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .birthday_header .flag_left, .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .birthday_header .flag_right {
          width: auto; }
          .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .birthday_header .flag_left img, .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .birthday_header .flag_right img {
            display: block;
            width: 100%;
            max-width: 116px; }
        .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .birthday_header .flag_logo {
          width: auto;
          padding: 20px 0 12px 0; }
          .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .birthday_header .flag_logo img {
            display: block;
            width: 120px; }
      .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .happy_birthdaytext {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center; }
        .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .happy_birthdaytext img {
          display: block;
          width: 100%;
          max-width: 45%; }
      .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .birthday_students {
        width: 100%;
        display: flex;
        flex-flow: column;
        gap: 24px;
        background: url(../icons/birthday_bg1.png) no-repeat top center;
        background-size: cover; }
        .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .birthday_students .cake {
          width: 100%;
          display: none;
          align-items: center;
          justify-content: center; }
          .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .birthday_students .cake img {
            display: block;
            width: 116px; }
        .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .birthday_students .student_grid {
          width: 100%;
          padding: 24px 16px 8px 16px; }
          .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .birthday_students .student_grid table {
            width: 100%;
            border-collapse: collapse; }
            .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .birthday_students .student_grid table tbody {
              width: 100%;
              display: flex;
              align-items: flex-start;
              gap: 12px;
              flex-flow: row wrap;
              justify-content: center; }
              .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .birthday_students .student_grid table tbody tr {
                display: block;
                width: 30%; }
                @media (max-width: 480px) {
                  .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .birthday_students .student_grid table tbody tr {
                    width: 45%; } }
                .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .birthday_students .student_grid table tbody tr td {
                  display: block;
                  width: 100%; }
                  .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .birthday_students .student_grid table tbody tr td .birthday_studentInfo {
                    width: 100%;
                    padding: 4px;
                    background-color: #fff;
                    border-radius: 12px;
                    display: flex;
                    flex-flow: column;
                    gap: 4px; }
                    .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .birthday_students .student_grid table tbody tr td .birthday_studentInfo .photo {
                      width: 100%;
                      aspect-ratio: 4 / 3;
                      overflow: hidden;
                      border-radius: 8px; }
                      .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .birthday_students .student_grid table tbody tr td .birthday_studentInfo .photo img {
                        display: block;
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        object-position: top; }
                    .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .birthday_students .student_grid table tbody tr td .birthday_studentInfo .text {
                      display: flex;
                      flex-flow: column;
                      gap: 4px; }
                      .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .birthday_students .student_grid table tbody tr td .birthday_studentInfo .text .text_inner {
                        width: 100%;
                        display: flex;
                        flex-flow: column;
                        gap: 2px; }
                        .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .birthday_students .student_grid table tbody tr td .birthday_studentInfo .text .text_inner b {
                          text-align: center;
                          font-size: 14px;
                          font-weight: 500;
                          color: #000; }
                        .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .birthday_students .student_grid table tbody tr td .birthday_studentInfo .text .text_inner p {
                          text-align: center;
                          font-size: 11px;
                          color: #222222;
                          font-weight: 500; }
                      .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .birthday_students .student_grid table tbody tr td .birthday_studentInfo .text .schoolInf {
                        padding: 4px 0 0 0;
                        border-top: 1px solid #ddd; }
                        .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .birthday_students .student_grid table tbody tr td .birthday_studentInfo .text .schoolInf p {
                          text-align: center;
                          font-size: 11px;
                          color: #555; }
        .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .birthday_students .birthday_footer {
          width: 100%;
          background: url(../icons/birthday_bg2.png) no-repeat top center;
          background-size: cover; }
          .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .birthday_students .birthday_footer .b_f_top {
            width: 100%;
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            padding: 0 24px; }
            .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .birthday_students .birthday_footer .b_f_top .ballon {
              width: auto; }
              .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .birthday_students .birthday_footer .b_f_top .ballon img {
                display: block;
                width: 72px; }
            .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .birthday_students .birthday_footer .b_f_top .boxx {
              width: auto; }
              .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .birthday_students .birthday_footer .b_f_top .boxx img {
                display: block;
                width: 124px; }
          .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .birthday_students .birthday_footer .wishes_by {
            width: 100%;
            padding: 24px 60px; }
            @media (max-width: 480px) {
              .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .birthday_students .birthday_footer .wishes_by {
                padding: 24px 16px; } }
            .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .birthday_students .birthday_footer .wishes_by p {
              text-align: center;
              color: #fff; }
            .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .birthday_students .birthday_footer .wishes_by .wishes_by {
              width: 100%;
              padding: 12px 0 0 0;
              border-top: 1px solid rgba(255, 255, 255, 0.2);
              margin: 12px 0 0 0;
              display: flex;
              align-items: center;
              gap: 12px; }
              .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .birthday_students .birthday_footer .wishes_by .wishes_by .text {
                width: 100%;
                display: flex;
                flex-flow: column;
                gap: 4px; }
                .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .birthday_students .birthday_footer .wishes_by .wishes_by .text b {
                  display: block;
                  width: 100%;
                  text-align: right;
                  font-weight: 500;
                  font-size: 18px;
                  color: #fff; }
                .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .birthday_students .birthday_footer .wishes_by .wishes_by .text p {
                  text-align: right;
                  font-size: 16px;
                  color: rgba(255, 255, 255, 0.8); }
              .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .birthday_students .birthday_footer .wishes_by .wishes_by .photo {
                width: 60px;
                height: 60px;
                border-radius: 12px;
                overflow: hidden;
                flex-shrink: 0; }
                .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .birthday_students .birthday_footer .wishes_by .wishes_by .photo img {
                  display: block;
                  width: 100%;
                  height: 100%;
                  object-fit: cover;
                  object-position: top; }
          .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .birthday_students .birthday_footer .gifs {
            width: 100%;
            display: flex;
            align-items: flex-end;
            justify-content: space-between; }
            .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .birthday_students .birthday_footer .gifs .gif {
              width: auto; }
              .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .birthday_students .birthday_footer .gifs .gif img {
                display: block;
                width: 100%;
                max-width: 124px; }
            .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .birthday_students .birthday_footer .gifs .logo_foot {
              width: auto; }
              .birthday_popupWrapper .birthdaypopup_wrapperInner .birthday_popupContainer .birthday_students .birthday_footer .gifs .logo_foot img {
                display: block;
                width: 100%;
                max-width: 148px; }