@charset "UTF-8";
:root {
  --bs-primary: rgb(1, 5, 68);
  --JAIN-secondary: #07B2FF;
  --JAIN-main-vertical: linear-gradient(180deg, #010544 0%, #07B2FF 100%);
  --JAIN-main-horizontal: linear-gradient(90deg, #010544 0%, #07B2FF 100%);
  --JAIN-main-cover-down: linear-gradient(109.22deg,
      #010544 0%,
      rgba(206, 87, 193, 0) 100%,
      rgba(206, 87, 193, 0.5) 100%);
  --JAIN-main-cover-up: linear-gradient(70.78deg, #010154 0%, rgba(206, 87, 193, 0.5) 100%);
  --JAIN-main-radial: radial-gradient(128.59% 100% at 50% 0%, #0089C6 0%, #001C54 76.54%);
  --bs-success: rgba(167, 213, 0, 1);
  --bs-danger: rgba(224, 0, 77, 1);
  --JAIN-background-overlay: linear-gradient(180deg, rgba(27, 27, 35, 0) 0%, rgba(27, 27, 35, 0.54) 100%);
  --JAIN-dark-black: rgb(27, 27, 35);
  --JAIN-dark-secondary: rgba(71, 71, 88, 1);
  --JAIN-light-white: rgba(255, 255, 255, 1);
  --JAIN-light-secondary: rgba(242, 242, 249, 1);
  --JAIN-light-white20: rgba(255, 255, 255, 0.2);
  --JAIN-light-white40: rgba(255, 255, 255, 0.4);
  --JAIN-light-white60: rgba(255, 255, 255, 0.6);
  --JAIN-light-white80: rgba(255, 255, 255, 0.8);
  --JAIN-shadow-15: rgba(0, 0, 0, 0.15);
  --JAIN-shadow-10: rgba(0, 0, 0, 0.1);
  --JAIN-accordion-btn-icon: url("../images/plus_icon.svg");
  --JAIN-accordion-btn-active-icon: url("../images/minus_icon.svg");
  --bs-breadcrumb-dividers: url("../images/mutation1_right.svg");
  --bs-breadcrumb-dividers-light: url("../images/mutation1_right_light.svg");
  --bs-breadcrumb-dividers-small: url("../images/mutation1_right_small.svg");
  --bs-breadcrumb-dividers-light-small: url("../images/mutation1_right_light_small.svg");
  --JAIN-blue-linear-gradient: linear-gradient(180deg, rgba(37, 197, 249, 0.2) 0%, rgba(37, 197, 249, 0) 100%);
  --JAIN-white-linear-gradient: linear-gradient(265.75deg, #EEF0F4 1.66%, #F9F9F9 98.42%);
  --JAIN-dark-black15: rgba(27, 27, 35, 0.15);
  --JAIN-dark-black10: rgba(27, 27, 35, 0.1);
}

@font-face {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 400;
  src: url("../font/Gilroy-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  src: url("../font/Gilroy-SemiBold.woff2") format("woff2");
}

@font-face {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 900;
  src: url("../font/Gilroy-Black.ttf") format("truetype");
}


.t1 {
  transition-delay: 0.1s !important;
}

.t2 {
  transition-delay: 0.2s !important;
}

.t3 {
  transition-delay: 0.3s !important;
}

.t4 {
  transition-delay: 0.4s !important;
}

.t5 {
  transition-delay: 0.5s !important;
}

.t6 {
  transition-delay: 0.6s !important;
}

.t7 {
  transition-delay: 0.7s !important;
}

.t8 {
  transition-delay: 0.8s !important;
}

.visible-invisible {
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.scaleup {
  transform: scaleY(0);
  transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.slideleft {
  opacity: 0;
  transform: translateX(60px);
  transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.slideright {
  opacity: 0;
  transform: translateX(-60px);
  transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.slideup {
  opacity: 0;
  transform: translateY(60px);
  transition: all 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.fade {
  opacity: 0;
  transition: opacity 1s linear;
}

.init .scaleup {
  transform: scaleY(1);
}

.init .slideleft,
.init .slideright {
  opacity: 1;
  transform: translateX(0px);
}

.init .fade {
  opacity: 1;
}

.init .slideup,
.init .sliderightin {
  opacity: 1;
  transform: translateY(0px);
}

.init .sliderightin,
.init .slideup {
  opacity: 1;
  transform: translateY(0px) !important;
  transform: scaleY(1);
}

@keyframes submenu_animation {
  from {
    opacity: 0;
  }

  1% {
    opacity: 0;
  }

  99% {
    opacity: 1;
  }

  to {
    opacity: 1;
  }
}

em {
  font-style: italic;
  color: var(--JAIN-dark-black);
}

em.highlight {
  color: var(--JAIN-secondary);
}

.accordion {
  --bs-accordion-btn-focus-box-shadow: var(--JAIN-light-secondary) !important;
}

.JAIN-blue-linear {
  background: var(--JAIN-blue-linear-gradient) !important;
}

.JAIN-dark-black10 {
  background: var(--JAIN-dark-black10) !important;
}

.JAIN-card-bg {
  background: var(--JAIN-card-bg-gradient) !important;
}


.JAIN-while-linear {
  background: var(--JAIN-light-white) !important;
}

.JAIN-white-linear-gradients {
  background: var(--JAIN-white-linear-gradient) !important;
}

.bs-primary {
  background: var(--bs-primary) !important;
}

.JAIN-secondary {
  background: var(--JAIN-secondary) !important;
}

.JAIN-main-vertical {
  background: var(--JAIN-main-vertical) !important;
}

.JAIN-main-horizontal {
  background: var(--JAIN-main-horizontal) !important;
}

.JAIN-main-cover-down {
  background: var(--JAIN-main-cover-down) !important;
}

.JAIN-main-cover-up {
  background: var(--JAIN-main-cover-up) !important;
}

.JAIN-main-radial {
  background: var(--JAIN-main-radial) !important;
}

.bs-success {
  background: var(--bs-success) !important;
}

.bs-danger {
  background: var(--bs-danger) !important;
}

.JAIN-background-overlay {
  background: var(--JAIN-background-overlay) !important;
}

.JAIN-dark-balck {
  background: var(--JAIN-dark-black) !important;
}

.JAIN-dark-secondary {
  background: var(--JAIN-dark-secondary) !important;
}

.JAIN-dark-tertiary {
  background: var(--JAIN-dark-tertiary) !important;
}

.JAIN-dark-quaternary {
  background: var(--JAIN-dark-quaternary) !important;
}

.JAIN-dark-black20 {
  background: var(--JAIN-dark-black20) !important;
}

.JAIN-dark-black10 {
  background: var(--JAIN-dark-black10) !important;
}

.JAIN-light-white {
  background: var(--JAIN-light-white) !important;
}

.JAIN-light-secondary {
  background: var(--JAIN-light-secondary) !important;
}

.JAIN-light-tertiary {
  background: var(--JAIN-light-tertiary) !important;
}

.JAIN-light-quaternary {
  background: var(--JAIN-light-quaternary) !important;
}

.JAIN-light-white20 {
  background: var(--JAIN-light-white20) !important;
}

.JAIN-light-white40 {
  background: var(--JAIN-light-white40) !important;
}

.JAIN-light-white60 {
  background: var(--JAIN-light-white60) !important;
}

.JAIN-light-white80 {
  background: var(--JAIN-light-white80) !important;
}

.JAIN-gradient-alt {
  background: radial-gradient(100% 100% at 100% 74.06%, #67d293 0%, #0fa393 100%) !important;
}

.JAIN-grey-gradient {
  background: radial-gradient(100% 100% at 100% 74.06%, #e0e0ec 0%, #acacbf 100%) !important;
}


.color-bs-primary {
  color: var(--bs-primary) !important;
}

.color-JAIN-secondary {
  color: var(--JAIN-secondary) !important;
}

.color-JAIN-main-vertical {
  color: var(--JAIN-main-vertical) !important;
}

.light-background {
  background: linear-gradient(70.78deg, rgba(1, 1, 84, 0.1) 0%, rgba(206, 87, 193, 0.1) 100%);
}

.dark-background {
  background: linear-gradient(109.22deg, rgba(1, 5, 68, 0.3) 0%, rgba(206, 87, 193, 0.2) 100%, rgb(206, 87, 193) 100%);
}

body {
  position: relative;
  scrollbar-width: none;
  -ms-overflow-style: none;
  font-family: "Gilroy", "Helvetica Neue", Helvetica, Arial, sans-serif;
  overflow-x: unset;
}

body::-webkit-scrollbar {
  display: none;
}

::-webkit-scrollbar {
  display: none;
}

body.single::-webkit-scrollbar {
  display: inline;
  width: 8px;
}

body.single::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 4px;
}

body.single {
  scrollbar-width: initial;
  -ms-overflow-style: initial;
}

img {
  border-radius: 12px;
}

ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

input {
  outline: none;
  color: var(--JAIN-dark-tertiary);
  font-weight: 400;
  font-family: "Gilroy", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border: none;
}

input.light {
  background: transparent;
}

input.light-secondary {
  background: var(--JAIN-light-secondary);
}

a {
  color: var(--JAIN-dark-black);
  font-size: 16px;
  font-weight: 400;
  font-family: "Gilroy", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
}

.link {
  font-weight: 600;
  font-family: "Gilroy", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.link-small {
  font-size: 14px;
}

.link-extra-small {
  font-size: 12px;
}

.inline-link {
  text-decoration: underline;
}

.inline-link-small {
  font-size: 14px;
}

.inline-link-extra-small {
  font-size: 12px;
}

p {
  font-weight: 400;
  font-size: 16px;
  color: var(--JAIN-dark-black);
  line-height: 26.1px;
  font-family: "Gilroy", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0 0 12px 0;
}

p.small {
  font-size: 14px;
  line-height: 20.3px;
}

p.extra-small {
  font-size: 12px;
  line-height: 18px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  color: var(--bs-primary);
  font-family: "Gilroy", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-weight: 600;
  color: var(--bs-primary);
  padding: 0 !important;
}

h1 {
  font-size: 72px;
  letter-spacing: -0.03em;
}

h1 a {
  font-size: 72px;
}

h2 {
  font-size: 40px;
  font-weight: 400;
  letter-spacing: -0.03em;
}

h2 span {
  font-size: 48px !important;
  color: #2196F3;
  letter-spacing: -0.03em;
}

@media (max-width: 420px) {
  h2 span {
    font-size: 28px !important;
    color: #2196F3;
    letter-spacing: -0.03em;
  }
}

h2 a {
  font-size: 40px;
}

h3 {
  font-size: 32px;
  letter-spacing: -0.02em;
}

h3 a {
  font-size: 32px;
}

h4 {
  font-size: 24px;
  letter-spacing: -0.02em;
}

h4 a {
  font-size: 24px;
}

h5 {
  font-size: 20px;
  letter-spacing: -0.01em;
}

h5 a {
  font-size: 20px;
}

h6 {
  font-size: 16px;
  letter-spacing: -0.01em;
}

h6 a {
  font-size: 16px;
}

.page-content .page-detail {
  position: relative;
  width: 86%;
  max-width: 1380px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  gap: 24px;
}

.page-content .page-detail .content {
  overflow-x: clip;
  width: 100%;
  min-width: 0;
}

.page-content .page-detail .content>.posters {
  height: 500px;
}

.page-content .page-detail .content>.posters img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.page-content .page-detail .sidebar {
  border-radius: 0;
  flex-shrink: 0;
  height: -moz-fit-content;
  height: fit-content;
  position: sticky;
  top: 85px;
  overflow-x: hidden;
}

.page-content .page-detail .info-box {
  width: 403px;
  position: sticky;
  top: 85px;
  z-index: 10;
}

.page-content p a {
  font-size: 18px;
  line-height: 26.1px;
}

.page-content p:empty {
  height: 25px;
  margin: 0;
}

.page-content hr {
  margin: 60px 0;
}

.page-detail .content h3 {
  margin: 16px 0;
}

.page-detail .content h4 {
  margin: 16px 0;
}

.page-detail .content h5 {
  margin: 12px 0;
}

.page-detail .condition-content {
  padding-top: 0;
}

.page-detail .JAIN-video {
  aspect-ratio: 877/527;
}

.page-detail .portal-card .card_img {
  aspect-ratio: 426/300;
}

.page-detail .card-group-2 .portal-card .card_img {
  aspect-ratio: 486/280;
}

.content {
  width: 100%;
  position: relative;
}

.content h2 {
  margin: 20px 0;
}

.content strong {
  margin: 16px 0;
}

.content strong a {
  font-weight: bolder;
}

.content ul {
  padding-left: 24px;
  margin-bottom: 10px;
}

.content ul li {
  list-style-type: disc;
  font-size: 18px;
}

.content ul li a {
  font-size: 18px;
}

.content ul li p {
  margin-bottom: 0;
}

.content ol {
  padding-left: 35px;
  margin-bottom: 10px;
}

.content ol li {
  list-style-type: decimal;
  font-size: 18px;
}

.content ol li a {
  font-size: 18px;
}

.content .title {
  margin-top: 60px;
  margin-bottom: 24px;
  line-height: 55.2px;
  color: var(--bs-primary);
}

.content .title a {
  color: var(--bs-primary);
}

.content .title span {
  color: var(--bs-primary);
}

.content a:not([class]) {
  text-decoration: underline;
}

.content .business-card a,
.content .info-list a {
  text-decoration: none;
}

.content> :first-child {
  margin-top: 0 !important;
}



table {
  width: 100%;
  table-layout: fixed;
  word-break: break-all;
  word-wrap: break-word;
  border: 1px solid var(--JAIN-light-tertiary);
  border-spacing: 0;
  border-collapse: separate;
  border-radius: 8px;
  overflow: hidden;
}

table tbody {
  transform: translate(-1px, -1px);
}

table td,
table th {
  border: 1px solid var(--JAIN-light-tertiary);
  border-right: none;
  border-bottom: none;
  padding: 8px 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 23px;
  color: var(--bs-primary);
  vertical-align: top;
  color: var(--JAIN-dark-black);
  font-family: "Gilroy", "Helvetica Neue", Helvetica, Arial, sans-serif;
  word-break: normal;
}

table a {
  font-size: 14px;
}

table th {
  border-top: none;
  font-size: 16px;
  font-weight: 600;
  color: var(--bs-primary);
}

video::-webkit-media-controls-enclosure {
  display: none;
}

video:hover::-webkit-media-controls-enclosure {
  position: absolute;
  display: block;
}

.calendar {
  width: 88px;
  border-radius: 8px;
  overflow: hidden;
  background: var(--JAIN-light-white);
  padding-bottom: 8px;
}

.calendar .calendar-title {
  padding: 6px 8px;
  background: var(--JAIN-main-vertical);
}

.calendar .calendar-title h6 {
  margin: 0;
  text-align: center;
  color: var(--JAIN-light-white);
}

.calendar .calendar-date {
  text-align: center;
}

.calendar .calendar-date h3 {
  margin: 0;
  background-image: var(--JAIN-main-vertical);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top: 8px;
}

.calendar .calendar-date .link {
  color: var(--JAIN-dark-tertiary);
}

.swiper.JAIN-swiper {
  width: 70px;
  height: 48px;
  margin: 0;
}

.swiper.JAIN-swiper-large,
.swiper.JAIN-swiper-small {
  width: 160px;
  height: 140px;
  margin: 0;
}

.swiper-pagination .swiper-pagination-bullet {
  background: var(--JAIN-light-quaternary);
  opacity: 1;
}

.swiper-pagination .swiper-pagination-bullet-active {
  background: var(--JAIN-dark-black);
  opacity: 1;
}

.swiper-pagination-small .swiper-pagination-bullet {
  width: 4px;
  height: 4px;
}

.pagination {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 0 !important;
}

.pagination .page-numbers {
  display: block;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pagination .numbers-list {
  display: flex;
  gap: 2px;
}

.pagination .current {
  border-radius: 8px;
  border: 1px solid var(--JAIN-secondary);
}

.page-handoff-btn {
  display: flex;
  gap: 8px;
  align-items: center;
  flex: 0 0 auto;
  color: var(--JAIN-dark-tertiary);
  overflow: hidden;
  cursor: pointer;
}

.page-handoff-btn img,
.page-handoff-btn svg {
  width: 20px;
  height: 20px;
}

.page-handoff-btn .pre {
  filter: invert(45%) sepia(23%) saturate(256%) hue-rotate(201deg) brightness(98%) contrast(90%);
}

.page-handoff-btn .next {
  filter: invert(45%) sepia(23%) saturate(256%) hue-rotate(201deg) brightness(98%) contrast(90%);
}



.overlay {
  width: 472px;
  height: 239px;
  background: var(--JAIN-main-cover-up);
}

.text-field {
  border: 1px solid var(--JAIN-light-secondary);
  background: var(--JAIN-light-secondary);
  width: 100%;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 12px;
  position: relative;
}

.text-field img {
  width: 24px;
  height: 24px;
}

.text-field input {
  width: 100%;
  font-size: 16px;
}

.text-field:focus-within {
  border: 1px solid var(--JAIN-secondary);
}

.text-field .search-data-list {
  border-radius: 12px;
  position: absolute;
  text-align: left;
  left: 0;
  top: calc(100% + 10px);
  border: 1px solid var(--JAIN-dark-black10);
  box-shadow: 0px 8px 26px 0px var(--JAIN-shadow-15);
  width: 100%;
  padding: 0 16px;
  box-sizing: border-box;
}

.text-field .search-data-list li {
  border-radius: 12px;
  padding: 12px 0 12px 16px;
}

.text-field .search-data-list li:active {
  background: var(--JAIN-light-secondary);
}

.text-field .search-data-list a {
  width: 237px;
  display: block;
}

.text-field .connect {
  width: 100%;
  height: 10px;
  position: absolute;
  top: 100%;
  left: 0;
}

.text-field.light-white {
  background: var(--JAIN-light-white60);
}

.text-field.little-input {
  width: 332px;
}

.subheading {
  text-align: left;
  width: 100%;
}

.subheading h5,
.subheading h2 {
  margin: 0;
}

.subheading h5 {
  margin-bottom: 6px;
  color: var(--JAIN-secondary);
}

.subheading h3 {
  margin-bottom: 12px;
}

.subheading p {
  margin: 12px auto;
}

.subheading p:last-of-type {
  margin-bottom: 0;
}

.subheading .right p {
  margin: 0;
}

.subheading .btns {
  display: flex;
  justify-content: center;
  gap: 24px;
  margin-top: 24px;
}

.subheading2 {
  text-align: left;
  width: 100%;
  display: flex;
  gap: 24px;
  margin-bottom: 24px;
  justify-content: space-between;
  align-items: center;
}

.subheading2 h5,
.subheading2 h2 {
  margin: 0;
}

.subheading2 h5 {
  margin-bottom: 6px;
}

.subheading2 h3 {
  margin-bottom: 12px;
}

.subheading2 p {
  color: var(--bs-primary);
  margin: 12px auto;
}

.subheading2 p:last-of-type {
  margin-bottom: 0;
}

.subheading2 .left,
.subheading2 .right {
  flex: 1;
}

.subheading2 .right {
  display: flex;
  justify-content: flex-end;
}

.subheading2 .right p {
  margin: 0;
}

.subheading2 .btns {
  display: flex;
  justify-content: center;
  gap: 24px;
  margin-top: 24px;
}

.subheading2 a {
  padding: 8px 12px;
}

.subheading3 {
  text-align: center;
  width: 100%;
}

.subheading3 h5,
.subheading3 h2 {
  margin: 0;
}

.subheading3 h5 {
  margin-bottom: 6px;
  color: var(--JAIN-secondary);
}

.subheading3 h3 {
  margin-bottom: 12px;
}

.subheading3 p {
  margin: 12px auto;
}

.subheading3 p:last-of-type {
  margin-bottom: 0;
}

.subheading3 .right p {
  margin: 0;
}

.subheading3 .btns {
  display: flex;
  justify-content: center;
  gap: 24px;
  margin-top: 24px;
}

.subheading.align-left .btns {
  justify-content: left;
}

.subheading.align-left p {
  width: 100%;
  margin: 0;
  color: var(--JAIN-dark-secondary);
}

.subheading.both-sides {
  width: 100%;
  display: flex;
  gap: 24px;
  margin-bottom: 24px;
  justify-content: space-between;
  align-items: center;
}

.subheading.both-sides .left,
.subheading.both-sides .right {
  flex: 1;
}

.subheading.both-sides .right {
  display: flex;
  justify-content: flex-end;
  flex: 1;
}

.subheading.both-sides p {
  color: var(--bs-primary);
}

.subheading.both-sides a {
  padding: 8px 12px;
}

.subheading.datepicker-subheading {
  margin-bottom: 24px;
}

.subheading.datepicker-subheading .right {
  flex: none;
  flex-shrink: 0;
}

.subheading.datepicker-subheading .left {
  flex: 1 1 100%;
  text-align: left;
}

.subheading.dateline-subheading {
  margin-bottom: 24px;
}

.subheading.dateline-subheading .right {
  flex: 1 1 100%;
}

.subheading.dateline-subheading .right .line {
  width: 100%;
  height: 2px;
  background: var(--JAIN-secondary);
}

.subheading.dateline-subheading .left {
  flex-shrink: 0;
  flex: none;
  width: 213px;
  text-align: left;
}

.subheading.dateline-subheading .left h5 {
  color: var(--bs-primary);
}

.subheading.dateline-subheading .left h3 {
  margin-bottom: 4px;
}

.side-nav {
  display: block;
  border: 1px solid var(--JAIN-dark-black10);
  width: 332px;
  border-radius: 12px;
}

.side-nav hr {
  margin: 12px 0;
}

.side-nav .top {
  padding: 14px 47px 14px 16px;
  border-bottom: 1px solid var(--JAIN-dark-black10);
}

.side-nav .top h5 {
  margin: 0;
}

.side-nav .nav-item {
  padding: 12px 16px;
}

.side-nav .nav-item .accordion {
  padding: 12px 16px;
}

.side-nav .nav-item li {
  display: flex;
  align-items: center;
  border-radius: 12px;
  letter-spacing: 0.02em;
}

.side-nav .nav-item li a {
  padding: 12px 16px;
  width: 100%;
  color: var(--bs-primary);
}

.side-nav .nav-item .active {
  background: var(--bs-primary);
}

.side-nav .nav-item .active .link {
  color: var(--JAIN-light-white);
}

.side-nav .nav-item .active .accordion-item .accordion-button {
  background: var(--bs-primary) !important;
}

.side-nav .nav-item .active .accordion-item .accordion-button .link {
  color: var(--JAIN-light-white);
}

.side-nav .nav-item .JAIN-accordion .accordion-item {
  width: 100%;
}

.side-nav .nav-item .JAIN-accordion .accordion-item .accordion-button {
  padding: 0;
}

.side-nav .nav-item .JAIN-accordion .accordion-item .accordion-button .link {
  letter-spacing: 0.02em;
}

.side-nav .nav-item .JAIN-accordion .accordion-body {
  margin-top: 14px;
}

.side-nav .nav-item .JAIN-accordion .accordion-body a {
  text-decoration: none !important;
}

.side-nav .nav.no-top-title {
  font-size: 20px;
}

.text-bigger .nav-item .link {
  font-size: 20px;
  line-height: 25px;
}

.logo-icon {
  border-radius: 0;
}


.pole {
  width: 4px;
  height: 128px;
  background-color: #ffffff;
}

.btn-primary {
  overflow: hidden;
  border: 1px solid var(--JAIN-secondary);
  background: rgba(0, 0, 0, 0);
  border-radius: 28px;
  color: var(--JAIN-dark-black);
  padding: 16px 32px;
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  gap: 8px;
}

.btn-primary:hover {
  background-color: var(--JAIN-secondary);
  color: white !important;
  border: 1px solid var(--JAIN-secondary);
}

.btn-primary:active {
  background: var(--JAIN-light-tertiary);
  color: #010544;
  border: 1px solid var(--bs-primary);
}

.btn-primary:focus {
  background-color: var(--JAIN-light-white);
  color: #022366;
}

.btn-primary img,
.btn-primary svg {
  width: 15px;
  height: 15px;
}

a.dark-border {
  border: 1px solid var(--JAIN-dark-tertiary);
}

a.dark-border:focus {
  color: var(--JAIN-dark-tertiary);
}

a.dark-border:focus .pre {
  filter: invert(50%) sepia(8%) saturate(705%) hue-rotate(201deg) brightness(91%) contrast(87%);
}

a.dark-border:focus .next {
  filter: invert(50%) sepia(8%) saturate(705%) hue-rotate(201deg) brightness(91%) contrast(87%);
}

a.no-border {
  background: var(--JAIN-light-white40);
  border: 1px solid var(--JAIN-light-white40);
  color: var(--JAIN-light-white);
}

a.no-border:hover,
a.no-border:focus {
  background: var(--JAIN-light-white40);
  border: 1px solid var(--JAIN-light-white);
  color: var(--JAIN-light-white);
}

a.no-border:active {
  background: var(--JAIN-light-white20);
  color: var(--JAIN-light-white);
  border: 1px solid var(--JAIN-light-white40);
}

a.no-border .pre {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(298deg) brightness(102%) contrast(102%);
}

a.no-border .next {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(298deg) brightness(102%) contrast(102%);
}

a.light-border {
  color: var(--JAIN-light-white);
  border: 1px solid var(--JAIN-light-white);
}

a.light-border:hover,
a.light-border:focus {
  background: var(--JAIN-light-white40);
  border: 1px solid var(--JAIN-light-white);
  color: var(--JAIN-light-white);
}

a.light-border:active {
  background: var(--JAIN-light-white20);
  color: var(--JAIN-light-white);
  border: 1px solid var(--JAIN-light-white40);
}

a.light-border .pre {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(298deg) brightness(102%) contrast(102%);
}

a.light-border .next {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(298deg) brightness(102%) contrast(102%);
}

a.no-bg {
  border: 1px solid rgba(0, 0, 0, 0);
  padding: 12px;
}

a.no-bg:hover,
a.no-bg:active {
  border: 1px solid rgba(0, 0, 0, 0);
  background: var(--JAIN-navy5);
}

a.no-bg:focus {
  border: 1px solid var(--JAIN-secondary);
  background: rgba(0, 0, 0, 0);
}

a.no-bg-arrowhead {
  border: 1px solid rgba(0, 0, 0, 0);
  padding: 8px;
}

a.no-bg-arrowhead:hover {
  border: 1px solid rgba(0, 0, 0, 0);
}

a.no-bg-arrowhead:hover img .pre {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(298deg) brightness(102%) contrast(102%);
}

a.no-bg-arrowhead:hover.light-icon {
  background: var(--JAIN-light-white20);
}

a.no-bg-arrowhead:hover.dark-icon {
  background: var(--JAIN-dark-black10);
}

a.no-bg-arrowhead img,
a.no-bg-arrowhead svg {
  width: 20px;
  height: 20px;
}

a.no-bg-arrowhead .pre {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(298deg) brightness(102%) contrast(102%);
}

a.light-bg {
  background: var(--JAIN-light-white);
  box-shadow: 0px 6px 16px 0px var(--JAIN-shadow-10);
  padding: 12px;
  border: 1px solid var(--JAIN-light-white);
  border-radius: 50%;
}

a.light-bg:hover {
  box-shadow: 0px 2px 4px 0px var(--JAIN-shadow-10);
  border: 1px solid var(--JAIN-light-white);
}

a.light-bg:active {
  box-shadow: none;
  border: 1px solid var(--JAIN-light-white);
  background: var(--JAIN-light-white);
}

a.light-bg:focus {
  box-shadow: none;
  border: 1px solid var(--JAIN-secondary);
  background: var(--JAIN-light-white);
}

a.light-bg img {
  width: 20px;
  height: 20px;
}

a.paly-m {
  padding: 20px;
  background: var(--JAIN-light-white);
  border: 1px solid var(--JAIN-light-white);
}

a.paly-m img {
  width: 46px;
  height: 46px;
}

a.big-btn {
  font-size: 24px;
  padding: 24px 36px;
  border-radius: 48px;
}

a.big-btn img {
  width: 24px;
  height: 24px;
}

.btn-secondary {
  background: rgba(0, 0, 0, 0);
  border-radius: 25px;
  border: none;
  padding: 12px 16px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  gap: 8px;
  overflow: hidden;
  color: var(--JAIN-dark-black);
}

.btn-secondary:hover {
  background-color: var(--JAIN-light-secondary);
}

.btn-secondary:active {
  background-color: var(--JAIN-light-secondary);
  color: var(--JAIN-secondary);
}

.btn-secondary:active img.pre {
  filter: invert(69%) sepia(30%) saturate(7067%) hue-rotate(276deg) brightness(84%) contrast(90%);
}

.btn-secondary:active img.next {
  filter: invert(69%) sepia(30%) saturate(7067%) hue-rotate(276deg) brightness(84%) contrast(90%);
}

.btn-secondary img {
  width: 15px;
  height: 15px;
  filter: invert(8%) sepia(14%) saturate(928%) hue-rotate(201deg) brightness(96%) contrast(93%);
}

.btn-secondary svg.pre,
.btn-secondary svg.next {
  filter: invert(8%) sepia(14%) saturate(928%) hue-rotate(201deg) brightness(96%) contrast(93%);
}

.btn-secondary.light-white {
  color: var(--JAIN-light-white);
}

.btn-secondary.light-white:hover {
  background-color: var(--JAIN-light-white20);
}

.btn-secondary.light-white:active {
  background-color: var(--JAIN-light-white20);
}

.btn-secondary.light-white:active .pre {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(298deg) brightness(102%) contrast(102%);
}

.btn-secondary.light-white:active .next {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(298deg) brightness(102%) contrast(102%);
}

.btn-secondary.light-white .pre {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(298deg) brightness(102%) contrast(102%);
}

.btn-secondary.light-white .next {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(298deg) brightness(102%) contrast(102%);
}

.breadcrumb {
  color: var(--JAIN-dark-black);
}

.breadcrumb .breadcrumb-item {
  display: flex;
  align-items: flex-start;
}

.breadcrumb .breadcrumb-item.active {
  color: var(--JAIN-secondary);
}

.breadcrumb .breadcrumb-item+.breadcrumb-item::before {
  content: var(--bs-breadcrumb-dividers-light, "../../../../../index.html");
}

.breadcrumb.light-white .breadcrumb-item a {
  color: var(--JAIN-light-white);
}

.breadcrumb.light-white .breadcrumb-item+.breadcrumb-item::before,
.breadcrumb.light-white .breadcrumb-item.active {
  color: var(--JAIN-light-white);
}

.breadcrumb.light-white .breadcrumb-item.active .link {
  color: var(--JAIN-light-white80);
}

.breadcrumb.light-white .breadcrumb-item+.breadcrumb-item::before {
  content: var(--bs-breadcrumb-dividers-light, "../../../../../index.html");
}



.card {
  border: none;
  width: 100%;
  overflow: hidden;
  border-radius: 12px;
  background: linear-gradient(265.75deg, #eef0f4 1.66%, #f9f9f9 98.42%);
}

.card .tag {
  color: var(--bs-primary);
  font-size: 14px;
  font-weight: 600;
}

.card .tags {
  display: flex;
  gap: 8px 16px;
  flex-wrap: wrap;
}

.card .desc {
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 12px;
  font-weight: 600;
  line-height: 16.8px;
  margin-bottom: 0;
}

.card .date {
  font-size: 12px;
  margin-top: 6px;
  color: #474758;
}

.card .card_img {
  max-height: 417px;
}

.card .card_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0;
}

.card .card-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 36px 24px;
}

.card .card-body .card-title {
  line-height: 38.4px;
  text-align: left;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 16px 0 12px 0;
  color: var(--bs-primary);
}

.card .card-body p {
  color: var(--JAIN-dark-secondary);
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.card .card-body .card-date {
  color: var(--JAIN-dark-secondary);
  font-weight: 400;
}

.card .btn-primary {
  font-weight: 600;
}

.card .btn-secondary {
  font-weight: 600;
  color: var(--JAIN-secondary);
  padding: 0;
}

.card .btn-secondary img {
  filter: invert(69%) sepia(30%) saturate(7067%) hue-rotate(276deg) brightness(84%) contrast(90%);
}

.card .btn-secondary:hover {
  background-color: rgba(0, 0, 0, 0);
}

.card.pdf-card.JAIN-white-linear-gradients .card-body .card-title {
  color: var(--bs-primary);
}

.card.pdf-card.JAIN-white-linear-gradients .card-body .btn-primary {
  border: 1px solid var(--JAIN-secondary);
  color: var(--JAIN-dark-black);
}

.card.pdf-card.JAIN-white-linear-gradients .card-body .btn-primary img {
  filter: none;
}

.card.up-down {
  width: 100%;
}

.card.up-down .card_img {
  flex: 1 1 100%;
  max-height: 458px;
  overflow: hidden;
}

.card.up-down .tag {
  color: var(--bs-primary);
}

.card.up-down .card-body .btn-secondary {
  font-weight: 400;
  color: var(--JAIN-dark-secondary);
}

.card.card-img-bg {
  max-height: 569px;
  height: 569px;
}

.card.card-img-bg .card-overlay {
  padding: 0 24px 24px 24px;
  position: absolute;
  left: 0;
  bottom: 0;
}

.card.card-img-bg .card-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.card.card-img-bg h3,
.card.card-img-bg p,
.card.card-img-bg a.link {
  color: var(--JAIN-light-white);
}

.card.card-img-bg a.link .revert {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(298deg) brightness(102%) contrast(102%);
}

.card.card-img-bg:hover {
  background: linear-gradient(180deg, rgba(2, 6, 69, 0) 50.52%, rgba(2, 6, 69, 0.5) 100%);
  box-shadow: 0px 8px 26px 0px var(--JAIN-dark-black15);
}

.card.medium {
  width: 100%;
}

.card.medium .card-body {
  padding: 36px 24px;
}

.card.medium .card-body h3 {
  font-size: 24px;
  line-height: 30px;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.card.medium .card-body p {
  -webkit-line-clamp: 2;
}

.up-down.small .card-body {
  flex: 0;
  padding: 24px;
}

.up-down.small .card-body h3 {
  font-size: 24px;
  line-height: 30px;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0 0 8px 0;
  letter-spacing: -0.01em;
}

.up-down.small .card-body p {
  font-size: 16px;
  line-height: 23.2px;
  margin-bottom: 12px;
}

.up-down.small .card-body a {
  margin: 0;
}

.up-down.small .card-body .tag {
  color: var(--bs-primary);
  margin-bottom: 16px;
}

.card.up-down-card p {
  display: none;
}

.card.up-down-card .card_img {
  overflow: hidden;
}

.card.up-down-card .card_img img {
  aspect-ratio: 450/275;
}

.card.up-down-card .card-body {
  padding: 24px;
}

.card.up-down-card .card-body .btn-secondary {
  margin: 4px 0;
  font-weight: 400;
  color: var(--JAIN-dark-secondary);
}

.card.across-medium {
  width: 100%;
  transition: all 0.5s linear;
}

.card.across-medium .card_img {
  max-height: 236px;
  overflow: hidden;
}

.card.across-medium .col-5,
.card.across-medium .col-7,
.card.across-medium .col-6 {
  padding-left: 0;
  padding-right: 0;
}

.card.across-medium .col-7 {
  height: 100%;
  align-self: center;
}

.card.across-medium .card-body {
  padding: 24px;
  height: 100%;
}

.card.across-medium .card-body .card-title {
  -webkit-line-clamp: 2;
  line-height: 30px;
  margin: 8px 0;
}

.card.across-medium .card-body p {
  -webkit-line-clamp: 2;
  line-height: 20.3px;
}

.card.across-medium .card-body .btn-secondary {
  color: var(--JAIN-dark-secondary);
  font-weight: 400;
}

.card.across-medium:hover {
  box-shadow: 0px 8px 26px 0px var(--JAIN-dark-black15);
  background: linear-gradient(100.73deg, #f2f2f9 1.3%, #ffffff 100%);
}

.across-medium.small .row {
  height: 100%;
}

.across-medium.small .card_img {
  width: 40%;
  height: 100%;
  max-height: 180px;
  overflow: hidden;
}

.across-medium.small .card-body {
  width: auto;
  padding: 0 24px 0 16px;
  height: 100%;
}

.across-medium.small .card-body h4 {
  font-size: 20px;
  line-height: 25px;
}

.across-medium.small .card-body .btn-secondary {
  color: var(--JAIN-dark-secondary);
  font-weight: 400;
}

header .across-medium.small .card-body h4 {
  font-size: 12px;
  line-height: 16.8px;
}

header .no-border,
header .revert {
  display: none;
}

header.stick {
  position: fixed;
  top: -46px;
}

header.dark {
  position: fixed;
}

.up-down.no-link-btn .card_img {
  height: 399px;
}

.up-down.no-link-btn .card-body .card-title {
  -webkit-line-clamp: 1;
  line-height: 30px;
}

.card.no-img-card .card-body {
  padding: 24px;
}

.card.no-img-card .card-body .card-title {
  font-size: 32px;
  line-height: 38.4px;
}

.card.no-img-card .card-body .btn-secondary {
  color: var(--JAIN-dark-secondary);
  font-weight: 400;
  font-size: 16px;
}

.card.no-img-card p {
  -webkit-line-clamp: 2;
  font-size: 16px;
  line-height: 23.2px;
}

.card.no-img-card p a {
  font-size: 16px;
}

.card.overlap .tags,
.card.overlap .small-date-card,
.card.overlap .btns {
  display: flex;
  justify-content: flex-start;
  gap: 8px;
  margin: 0 0 16px 0;
  flex-wrap: wrap;
}

.card.overlap .card-text {
  margin: 0 0 16px 0;
}

.card.overlap .btns {
  margin: 0;
}

.card.overlap .btns a.link {
  margin: 0;
  color: var(--bs-primary);
}

.card.overlap .card-body {
  padding: 24px;
}

.card.overlap .card-body .card-title {
  font-size: 24px;
  line-height: 30px;
  margin: 0 0 16px 0;
}

.card.overlap .small-date-card {
  gap: 0px 16px;
}

.card.overlap .small-date-card div {
  display: flex;
  justify-content: flex-start;
  gap: 8px;
}

.card.overlap .small-date-card div img {
  width: 20px;
  height: 20px;
}

.card.overlap .small-date-card p {
  font-size: 14px;
  line-height: 20.3px;
}

.card.overlap .btns {
  gap: 12px;
}

.card.overlap .btns a.link {
  padding: 12px 20px;
}

.card.programme {
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  background: var(--JAIN-cyan-gradient);
  height: 233px;
}

.card.programme .card-body {
  padding: 24px;
  height: 100%;
  justify-content: space-between;
}

.card.programme .card-body .link {
  color: var(--JAIN-dark-black);
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 0;
}

.card.programme .card-body .link img {
  width: 15px;
  height: 15px;
}

.card.programme .card-body .card-title {
  margin: 0;
}

.card.programme::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: var(--JAIN-cyan-gradient-radial);
  opacity: 0;
  transition: opacity 0.5s;
  z-index: -1;
}

.card.programme:hover::before {
  opacity: 1;
}

.card.programme:hover {
  -webkit-transform: scale(1.05);
}

.card.JAIN-aqua-gradient::before {
  background: var(--JAIN-aqua-gradient-radial);
}

.card.JAIN-green-gradient::before {
  background: var(--JAIN-green-gradient-radial);
}

.card.JAIN-orange-gradient::before {
  background: var(--JAIN-orange-gradient-radial);
}

.card.JAIN-grey-gradient::before {
  background: radial-gradient(100% 100% at 100% 74.06%, #acacbf 0%, #e0e0ec 100%) !important;
}

.card.vertical {
  flex: 0 0 calc((100% - 72px) / 4);
  aspect-ratio: 332/300;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  background: var(--JAIN-background-overlay);
  text-decoration: none;
}

.card.vertical .left {
  display: none;
}

.card.vertical .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -1;
}

.card.vertical .card-overlay {
  padding: 0 16px;
}

.card.vertical .card-overlay h4 {
  color: var(--JAIN-light-white);
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.card.vertical .card-overlay h6 {
  color: var(--JAIN-light-white80);
  margin: 4px 0 20px 0;
}

.card.vertical .bottom {
  width: 100%;
  height: 4px;
}

.card.horizontal {
  flex: 0 0 calc((100% - 24px) / 2);
  display: flex;
  gap: 20px;
  flex-direction: row;
  text-decoration: none !important;
}

.card.horizontal .bottom,
.card.horizontal .bg {
  display: none;
}

.card.horizontal .left {
  flex: 0 0 4px;
  height: auto;
}

.card.horizontal .card-overlay {
  padding: 16px 16px 16px 0;
}

.card.horizontal .card-overlay h4 {
  color: var(--bs-primary);
  margin-bottom: 4px;
  margin-top: 0;
}

.card.horizontal h6 {
  color: var(--JAIN-dark-tertiary);
}

.card.event-card {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 24px 0 16px;
}

.card.event-card .calendar {
  flex: 0 0 88px;
}

.card.event-card .calendar .calendar-title h6 {
  color: var(--JAIN-light-white);
}

.card.event-card .card-body {
  padding: 24px 0 24px 16px;
}

.card.event-card .card-body .card-title {
  font-size: 20px;
  line-height: 25px;
  margin: 0 0 6px 0;
}

.card.event-card .card-body p {
  font-size: 16px;
  line-height: 23.2px;
}

.card.event-card .card-body .address {
  display: flex;
  gap: 2px;
  align-items: flex-start;
}

.card.event-card .card-body .address img {
  width: 20px;
  height: 20px;
}

.card.event-card .card-body .address p {
  -webkit-line-clamp: 1;
  margin-bottom: 0;
}

.card.event-card .card-body .address.calendars {
  display: none;
}


.event-card.small {
  width: 248px;
  padding: 12px 16px;
}

.event-card.small .card-body {
  padding: 0;
}

.event-card.small .card-body .card-title {
  font-size: 16px;
  line-height: 20.8px;
}

.event-card.small .address img {
  width: 18px;
  height: 18px;
}

.card.icon-card {
  align-items: center;
  padding: 24px;
}

.card.icon-card .card_img {
  width: 120px;
  height: 120px;
  flex: none;
  margin-bottom: 12px;
}

.card.icon-card .card-body {
  padding: 0 24px;
  align-items: center;
}

.card.icon-card .card-body .card-title {
  text-align: center;
  margin: 0 0 8px 0;
}

.card.icon-card .card-body h4 {
  text-align: center;
}

.card.icon-card .card-body p {
  text-align: center;
  font-size: 16px;
  line-height: 23.2px;
}

.card.icon-card .card-body p a {
  font-size: 16px;
}

.card.icon-card .card-body a {
  margin-top: 12px;
}

.card.icon-card .card-body .btn-secondary {
  display: flex;
}

.card.white-bg-card {
  background: var(--JAIN-light-white);
}

.card.white-bg-card .card-body p {
  font-size: 18px;
  line-height: 26.1px;
}

.info-list-box .info-list {
  display: flex;
  gap: 8px;
  margin: 10px 0;
}

.info-list-box .info-list .left-icon {
  width: 20px;
  height: 21px;
  flex-shrink: 0;
}

.info-list-box .info-list .left-icon img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.info-list-box .info-list p {
  font-size: 16px;
  line-height: 23.2px;
  margin-bottom: 0;
}

.info-list-box .info-list a {
  font-size: 16px;
}

.info-list-box .info-list .right-info-item a {
  padding: 0;
}

.info-list-box .email-a {
  text-decoration: underline;
  padding: 0;
}

.info-list-box a {
  padding: 12px 20px;
}

.card.pdf-card {
  padding: 0 33px;
  flex-direction: row;
  align-items: center;
  max-width: 800px;
  background: radial-gradient(100% 100% at 100% 74.06%, #67d293 0%, #0fa393 100%);
  margin: 60px auto;
}

.card.pdf-card a {
  border: 1px solid var(--JAIN-light-white);
  border-radius: 28px;
  color: var(--JAIN-light-white);
}

.card.pdf-card a img {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(298deg) brightness(102%) contrast(102%);
}

.card.pdf-card a:hover {
  background-color: var(--JAIN-light-white40);
}

.card.pdf-card .btn-primary {
  padding: 16px 32px;
  font-size: 16px;
  line-height: 19.09px;
}

.card.pdf-card .btn-secondary {
  padding: 12px;
  font-size: 12px;
  display: flex;
}

.card.pdf-card .card_img {
  flex-shrink: 0;
  height: 207px;
  max-width: 164px;
  max-height: 207px;
  border-radius: 6px;
  overflow: hidden;
  margin: 24px 0;
}

.card.pdf-card .card_img img {
  -o-object-fit: cover;
  object-fit: cover;
}

.card.pdf-card .card-body {
  padding: 30px;
}

.card.pdf-card .card-body .card-title,
.card.pdf-card .card-body a.link {
  color: var(--JAIN-light-white);
  margin-top: 0;
}

.card.pdf-card .card-body .card-title {
  margin-bottom: 24px;
}

.card.pdf-card .card-body .btns {
  display: flex;
  justify-content: flex-start;
  gap: 24px;
}



.card-swiper {
  width: 100%;
}

.card-swiper .card {
  width: 100%;
}

.card-swiper .card .card_img {
  aspect-ratio: 688/320;
  overflow: hidden;
  flex: none;
}

.card-swiper .card .card-body {
  padding: 32px;
}

.card-swiper .card .card-body .card-text {
  -webkit-line-clamp: 2;
  margin: 12px 0 68px 0;
}

.card-swiper .card .card-body .card-title {
  margin: 0;
}

.card-swiper .card.up-down .card-body {
  min-height: 235px;
}

.card-swiper .swiper-horizontal>.swiper-pagination-bullets,
.card-swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
.card-swiper .swiper-pagination-custom,
.card-swiper .swiper-pagination-fraction {
  left: 32px;
  bottom: 32px;
  top: auto;
  width: auto;
}

.card-swiper .change-btn {
  position: absolute;
  z-index: 10;
  right: 32px;
  bottom: 32px;
  top: auto;
  width: auto;
  display: flex;
  gap: 16px;
}

.data-block img {
  width: 72px;
  height: 72px;
  border-radius: 0;
}

.data-block .title {
  margin: 0;
}

.data-block.extra-large {
  text-align: center;
}

.data-block.extra-large .phone {
  display: none;
}

.data-block.extra-large img {
  width: 100px;
  height: 100px;
  margin-bottom: 16px;
}

.data-block.large {
  width: 280px;
  text-align: center;
}

.data-block.large .phone {
  display: none;
}

.data-block.light h2 {
  color: var(--JAIN-light-white);
}

.data-block.light h4 {
  color: var(--JAIN-light-white60);
}

.selected:active {
  color: var(--JAIN-secondary);
}



.section-title {
  background: rgba(0, 0, 0, 0);
}

.header-section-navigation {
  position: relative;
  padding: 280px 140px 60px 140px;
  width: 100%;
  overflow: hidden;
  background: linear-gradient(70.78deg, #07b2ff05 0%, #0d6efd1f 100%);
  background-size: 100% 100%;
  margin-bottom: 100px;
}

.header-section-navigation img {
  border-radius: 0;
}

.header-section-navigation a,
.header-section-navigation h1,
.header-section-navigation p {
  color: var(--JAIN-light-white);
}

.header-section-navigation p {
  max-width: 925px;
  margin-top: 16px;
  font-size: 18px;
  line-height: 26.1px;
}

.header-section-navigation h1,
.header-section-navigation h3 {
  margin-bottom: 0;
}

.header-section-navigation h1 {
  margin: 24px 0 0 0;
  line-height: 75.6px;
}

.header-section-navigation .title-pole {
  position: relative;
}

.header-section-navigation .pole {
  width: 105px;
  height: 4px;
  position: absolute;
  left: -140px;
  top: 35px;
}

.header-section-navigation .ipad,
.header-section-navigation .phone {
  display: none;
}

.header-section-navigation .breadcrumb {
  margin-bottom: 0;
}

.header-section-navigation .bg {
  position: absolute;
  width: 100%;
  height: 120%;
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
  left: 0;
  z-index: -1;
}

.header-section-navigation .tag-group {
  margin-top: 24px;
}

.header-section-navigation.no-cover {
  background: linear-gradient(180deg, #07b2ff9e 10%, rgb(137 125 135 / 0%) 100%);
  /*background: linear-gradient(180deg, rgba(1, 5, 68, 0.2) 34%, rgba(206, 87, 193, 0) 100%);*/
  padding: 200px 140px 60px 140px;
  margin-bottom: 0;
}

.header-section-navigation.no-cover a,
.header-section-navigation.no-cover h1,
.header-section-navigation.no-cover p,
.header-section-navigation.no-cover h2 {
  color: var(--bs-primary);
}

.header-section-navigation.no-cover h2 {
  margin-top: 8px;
  font-size: 32px;
  line-height: 38.4px;
}

.header-section-navigation.no-cover .breadcrumb .breadcrumb-item.active .link {
  color: var(--JAIN-secondary);
}

.header-section-navigation.no-cover .pole {
  background: var(--JAIN-main-horizontal);
}



.JAIN-accordion {
  width: 100%;
}

.JAIN-accordion .accordion-item {
  background: var(--JAIN-light-secondary);
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 16px;
}

.JAIN-accordion .accordion-item .accordion-button,
.JAIN-accordion .accordion-item .accordion-button:not(.collapsed) {
  background: var(--JAIN-light-secondary);
  box-shadow: none;
}

.JAIN-accordion .accordion-item .accordion-button::after,
.JAIN-accordion .accordion-item .accordion-button:not(.collapsed)::after {
  background-image: var(--JAIN-accordion-btn-icon);
}

.JAIN-accordion .accordion-item .accordion-button:not(.collapsed)::after,
.JAIN-accordion .accordion-item .accordion-button:not(.collapsed):not(.collapsed)::after {
  background-image: var(--JAIN-accordion-btn-active-icon);
}

.JAIN-accordion .accordion-item .accordion-button:focus,
.JAIN-accordion .accordion-item .accordion-button:not(.collapsed):focus {
  border: none;
}

.JAIN-accordion .accordion-item .accordion-header {
  margin: 0;
}

.JAIN-accordion .accordion-item .accordion-header h4 {
  margin-bottom: 0;
}

.JAIN-accordion .accordion-item .accordion-button {
  padding: 14px 24px;
}

.JAIN-accordion .accordion-item .accordion-header:has(.accordion-button.collapsed)+hr {
  opacity: 0;
}

.JAIN-accordion .accordion-item .accordion-collapse .accordion-body {
  padding-left: 24px;
  padding-right: 24px;
}

.JAIN-accordion .accordion-item .accordion-collapse .accordion-body h5 {
  margin: 16px 0;
}

.JAIN-accordion .accordion-item .accordion-collapse .accordion-body h5:first-child {
  margin-top: 0;
}

.JAIN-accordion .accordion-item .accordion-collapse .accordion-body a {
  text-decoration: underline;
}

.JAIN-accordion .accordion-item .accordion-collapse .accordion-body ul {
  margin-bottom: 10px;
}

.JAIN-accordion .accordion-item .dark {
  margin: 0 auto !important;
  width: calc(100% - 48px);
}

.border-none .accordion-item {
  border: none;
  background: var(--JAIN-light-white);
  margin-bottom: 0;
}

.border-none .accordion-item .accordion-button {
  background: var(--JAIN-light-white) !important;
  padding: 14px 16px;
}

.border-none .accordion-item .accordion-button .link {
  color: var(--bs-primary);
}

.border-none .accordion-item .accordion-collapse .accordion-body {
  padding: 0;
}

.border-none .accordion-item .accordion-collapse .accordion-body .depth_1 {
  padding: 0;
}

.border-none .accordion-item .accordion-collapse .accordion-body .depth_1 .depth_1_menu {
  padding-left: 32px;
}

.a-links-block {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.introduction-video {
  padding: 100px 0;
  background: var(--JAIN-light-secondary);
}

.introduction-video .wrapper {
  display: flex;
  gap: 24px;
  align-items: center;
}

.introduction-video .video-block {
  flex: 0 0 70%;
  width: 100%;
}

.introduction-video .video-block .JAIN-video {
  aspect-ratio: 925/520;
}

.introduction-video .section-header {
  background: none;
}

.introduction-video .section-header h2.title {
  margin: 4px 0 12px 0;
}

.title-line {
  width: 120px;
  height: 8px;
}

.pole-text {
  display: flex;
  gap: 16px;
  align-items: center;
}

.pole-text .pole {
  flex-shrink: 0;
  width: 4px;
  align-self: stretch;
  height: auto;
  background: var(--JAIN-main-vertical);
}

.qrcode-list {
  margin-top: 32px;
}

.qrcode-list img {
  width: 180px;
  height: 180px;
  margin: 0 auto 10px auto;
}

.gride {
  display: flex;
  gap: 32px 24px;
  flex-wrap: wrap;
}

.gride .gride-item1 {
  width: 100%;
}

.gride .gride-item3-block {
  flex: 0 0 calc((100% - 48px) / 3);
  height: 233px;
}

.gride .gride-item3 {
  flex: 0 0 calc((100% - 48px) / 3);
  height: 100%;
}

.gride .gride-item2 {
  flex: 0 0 calc((100% - 24px) / 2);
  height: 100%;
}

.gride .gride-item2-img {
  width: calc((100% - 24px) / 2);
  border-radius: 12px;
}

.gride .gride-item4 {
  flex: 0 0 calc((100% - 72px) / 4);
}

.gride .gride-item5-link {
  flex: 0 0 calc((100% - 96px) / 5);
  height: 100%;
}

.gride .across-medium .card_img {
  width: 50%;
}

.gride-vertical {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

.gride-vertical-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.gride-vertical-3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}

.gride3-2-1 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
}

.img-video-group-line1 {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  max-height: 360px;
  overflow: hidden;
  gap: 20px;
  height: 100%;
}

.img-video-group-line1 img,
.img-video-group-line1 video {
  width: 100%;
  height: 100%;
}

.img-video-group-line1 img {
  -o-object-fit: cover;
  object-fit: cover;
}

.img-video-group-line2 {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 20px;
  height: 100%;
}

.img-video-group-line2 img,
.img-video-group-line2 video {
  width: 100%;
  height: 100%;
}

.img-video-group-line2 img {
  -o-object-fit: cover;
  object-fit: cover;
}

.img-video-group-line3 {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  gap: 20px;
  height: 100%;
}

.img-video-group-line3 img,
.img-video-group-line3 video {
  width: 100%;
  height: 100%;
}

.img-video-group-line3 img {
  -o-object-fit: cover;
  object-fit: cover;
}

.image-top-block .card {
  height: auto;
}

.image-top-block .card .card-body {
  padding: 0;
  justify-content: space-between;
  flex: 1 1 100%;
}

.image-top-block .card .card-body .card-title {
  margin-top: 24px;
  margin-bottom: 4px;
  -webkit-line-clamp: 2;
  font-size: 32px;
  line-height: 38.4px;
  letter-spacing: -0.02em;
}

.image-top-block .card .card-body p {
  -webkit-line-clamp: 2;
  margin: 0 0 12px 0;
}

.image-top-block .card .card-body .btn-primary {
  display: none;
}

.image-top-block .card .card_img {
  flex: none;
  height: 280px;
  border-radius: 12px;
  overflow: hidden;
}

.block-item3 .card .card-body {
  justify-content: flex-start;
}

.article-module-left-right-layout .section-title {
  width: 100%;
  margin-bottom: 24px;
}

.article-module-left-right-layout-list {
  width: 100%;
  display: flex;
  gap: 24px;
}

.article-module-left-right-layout-list .card .card-title {
  -webkit-line-clamp: 2;
  margin-top: 0;
}

.article-module-left-right-layout-list .card .tags {
  margin-bottom: 16px;
}

.article-module-left-right-layout-list .card .card-body .btn-secondary {
  color: var(--JAIN-dark-secondary);
  font-weight: 400;
}

.article-module-left-right-layout-list .left {
  flex: 0 0 calc((100% - 24px) / 2);
  min-height: 550px;
}

.article-module-left-right-layout-list .left .card {
  width: 100%;
  height: 100%;
}

.article-module-left-right-layout-list .left .card .card_img {
  max-height: 458px;
  overflow: hidden;
  aspect-ratio: 688/368;
}

.article-module-left-right-layout-list .left .card .card_img img {
  transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.article-module-left-right-layout-list .left .card .card-text {
  font-size: 16px;
  line-height: 23.2px;
}

.article-module-left-right-layout-list .left .card:hover {
  box-shadow: 0px 8px 26px 0px var(--JAIN-dark-black15);
  background: linear-gradient(100.73deg, #f2f2f9 1.3%, #ffffff 100%);
  transition: all 0.5s linear;
}

.article-module-left-right-layout-list .right {
  flex: 0 0 calc((100% - 24px) / 2);
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.article-module-left-right-layout-list .right .card {
  width: 100%;
}

.article-module-left-right-layout-list .right .card:nth-child(-n+3) {
  min-height: calc((100% - 40px) / 3);
}

.article-module-left-right-layout-list .right .card .row {
  height: 100%;
  width: 100%;
  margin-left: 0;
}

.article-module-left-right-layout-list .right .card:hover {
  box-shadow: 0px 8px 26px 0px var(--JAIN-dark-black15);
  transition: all 0.5s linear;
  background: linear-gradient(100.73deg, #f2f2f9 1.3%, #ffffff 100%);
}

.article-module-left-right-layout-list .right .card .card_img {
  overflow: hidden;
}

.article-module-left-right-layout-list .right .card .card-body .tags {
  margin-bottom: 0;
}

.article-module-left-right-layout-list .right .card .card-body .card-text .some-desc {
  display: block;
}

.article-module-left-right-layout-list .right .card .card-body .card-text .some-date {
  display: none;
}

.article-module-left-right-layout-list .right .card:last-child {
  margin-bottom: 0;
}



.sidebar-box {
  width: 332px;
  flex-shrink: 0;
  overflow-y: auto;
}

.sidebar {
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: relative;
  border-radius: 12px;
  background: var(--JAIN-light-white);
  z-index: 10;
  overflow-y: overlay;
}

.sidebar .omit-select {
  flex-shrink: 0;
}

.sidebar .omit-select .side-nav {
  width: 332px;
  left: auto;
  right: 0;
}

.sidebar .view-more {
  display: none;
  height: 100%;
  align-items: center;
  cursor: pointer;
}

.sidebar .view-more img {
  width: 24px;
  height: 24px;
}

.sidebar .JAIN-accordion .accordion-item {
  border-radius: 0;
}

.sidebar .JAIN-accordion .accordion-item .accordion-button::after {
  background-image: url("../images/mutation1_down_little.svg");
}

.sidebar .JAIN-accordion .accordion-item .accordion-button:not(.collapsed)::after {
  background-image: url("../images/mutation1_up_little_black.svg");
}

.sidebar .choose-select {
  width: 100%;
  position: relative;
}

.sidebar .view-input {
  display: none;
  cursor: pointer;
  width: 323px;
  padding: 19px 16px;
  background: var(--JAIN-light-white);
  border: 1px solid var(--JAIN-dark-black10);
  justify-content: space-between;
  align-items: center;
  border-radius: 12px;
  position: relative;
}

.sidebar .view-input .text {
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.sidebar .view-input input {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--JAIN-dark-black);
}

.sidebar .view-input input::-moz-placeholder {
  color: var(--JAIN-dark-black);
}

.sidebar .view-input input::placeholder {
  color: var(--JAIN-dark-black);
}

.sidebar .choose-down.rotate-img {
  transform: rotate(180deg) !important;
}

.sidebar .side-nav-link {
  position: relative;
  display: block;
}

.sidebar .row-layouts .side-nav {
  border: 1px solid var(--JAIN-light-tertiary);
  padding: 16px;
  border-radius: 12px;
  margin: 40px 0 80px 0;
  width: 100%;
}

.sidebar .row-layouts .side-nav .nav-item {
  display: flex;
  padding: 0;
}

.sidebar .row-layouts .side-nav .nav-item .active {
  background: var(--JAIN-navy5);
  color: var(--bs-primary);
}

.sidebar .row-layouts .side-nav .nav-item li {
  padding: 0;
}

.sidebar .row-layouts .side-nav .nav-item a {
  padding: 10px 16px;
  border-radius: 12px;
}

.sidebar .multiple-link-select {
  display: none;
}

.sidebar .swiper {
  width: 100%;
  border: none;
}

.sidebar .swiper .swiper-wrapper {
  padding: 0;
}

.sidebar .swiper .swiper-wrapper .swiper-slide {
  padding: 0;
}

.sidebar .swiper .swiper-wrapper .active {
  background: none;
}

.sidebar .swiper .swiper-wrapper .active a {
  background: var(--JAIN-navy5);
}

.sidebar .swiper .swiper-wrapper .link {
  color: var(--bs-primary);
}

.anchor-bar {
  width: 100%;
  border: 1px solid var(--JAIN-light-secondary);
  border-radius: 12px;
  overflow: hidden;
  background: var(--JAIN-light-white);
}

.anchor-bar ul {
  display: flex;
  padding: 16px !important;
}

.anchor-bar ul li {
  padding: 10px 16px;
  border-radius: 8px;
  list-style-type: none !important;
}

.anchor-bar ul li a {
  color: var(--bs-primary);
}

.anchor-bar ul .active {
  background: var(--JAIN-dark-black15);
}

.anchor-bar-box {
  height: 77px;
  position: sticky;
  top: 85px;
  z-index: 9;
  background: var(--JAIN-light-white);
}

.anchor-is-fixed::before {
  content: "";
  display: block;
  position: absolute;
  top: -20px;
  width: 100%;
  height: 20px;
  background: var(--JAIN-light-white);
}

.anchor-bar-stick {
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  background-color: var(--JAIN-light-white80);
  position: fixed;
  z-index: 15;
  top: 86px;
  width: calc(86% - 342px);
}

.cover-block {
  height: 80px;
  width: 100%;
  display: none;
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  background-color: var(--JAIN-light-white80);
  z-index: 10;
}

.cover-block-active {
  display: block;
  position: fixed;
  top: 66px;
  left: 0;
}

.menu-footer-change {
  position: absolute;
}

.state-data-block {
  margin: 40px 0 60px 0;
}

.state-data-block .date {
  text-align: center;
  color: var(--JAIN-dark-tertiary);
  font-size: 16px;
  line-height: 23.2px;
}

.data-list4 {
  display: flex;
  gap: 32px 24px;
  flex-wrap: wrap;
}

.data-list4 .data-block {
  flex: 0 0 calc((100% - 72px) / 4);
  height: 100%;
  text-align: center;
}

.data-list4 .data-block .title {
  margin-top: 0 !important;
  margin-bottom: 2px !important;
}

.data-list4 .data-block h5 {
  color: var(--JAIN-dark-secondary);
}

.data-list4 .data-block img {
  width: 72px;
  height: 72px;
  margin-bottom: 8px;
}

.program-details-module {
  background: var(--JAIN-cyan-gradient);
  padding: 24px;
  border-radius: 12px;
}

.program-details-module .link-item {
  display: flex;
  gap: 12px;
  align-items: center;
  height: auto;
}

.program-details-module .link-item .icon {
  width: 48px;
  height: 48px;
  border: 2px solid var(--bs-primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.program-details-module .link-item .icon img {
  width: 32px;
  height: 32px;
}

.program-details-module .link-item .link-extra-small,
.program-details-module .link-item h6 {
  color: var(--bs-primary);
}

.program-details-module .link-item .underline {
  text-decoration: underline;
}

.programme-btn-link {
  display: flex;
  gap: 12px;
  align-items: center;
  flex: 0 0 100%;
  position: relative;
}

.programme-btn-link .icon {
  width: 48px;
  height: 48px;
  border: 2px solid var(--bs-primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.programme-btn-link .icon img {
  width: 32px;
  height: 32px;
  border-radius: 0;
}

.programme-btn-link .link-extra-small,
.programme-btn-link h6 {
  color: var(--bs-primary);
}

.programme-btn-link .underline {
  text-decoration: underline;
}

.programme-btn-link .go-btn {
  font-size: 14px;
  line-height: 16.7px;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
}

.programme-btn-link .go-btn img {
  width: 15px;
  height: 15px;
}

.programme-btn-link .phone-go-btn {
  width: 12px;
  height: 12px;
  display: none;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.alphabet-list {
  padding: 24px 0 32px 0;
}

.alphabet-list ul {
  display: flex;
  gap: 2px;
}

.alphabet-list ul li {
  padding: 12px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.alphabet-list ul li a {
  color: var(--JAIN-dark-tertiary);
}

.alphabet-list ul .active {
  border: 1px solid var(--JAIN-secondary);
}

.alphabet-list ul .active a {
  color: var(--bs-primary);
}

.marquee .swiper-slide {
  width: auto;
}

.marquee .swiper-slide .shadow-picture {
  width: 360px;
  height: 360px;
  padding-bottom: 16px;
  border-radius: 12px;
  overflow: hidden;
}

.marquee .swiper-slide .shadow-picture .caption {
  padding: 12px 16px;
}

.marquee .swiper-slide a {
  text-decoration: none;
}

.marquee .swiper-slide img {
  width: 360px;
  height: 360px;
}

.marquee.swiper-free-mode .swiper-wrapper {
  transition-timing-function: linear;
}

.logoSwiper .swiper-slide img {
  width: 264px;
  height: 90px;
  overflow: hidden;
  border-radius: 0;
}

.horizontal-card {
  width: 100%;
  margin: 60px 0;
  display: flex;
  align-items: center;
  gap: 48px;
}

.horizontal-card .img-desc,
.horizontal-card .section-header,
.horizontal-card .swiper {
  flex: 1;
}

.horizontal-card .cover-card .card_img {
  height: auto;
  max-height: none;
}

.horizontal-card .img-desc {
  position: relative;
  overflow: hidden;
}

.horizontal-card .img-desc img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 12px;
}

.horizontal-card .img-desc .overlay-box {
  position: absolute;
  color: var(--JAIN-light-white);
  bottom: -20px;
  left: -20px;
  border: 10px var(--JAIN-light-white) solid;
  border-radius: 12px;
  background: var(--JAIN-light-white);
}

.horizontal-card .img-desc .overlay-box .overlay-content {
  width: 244px;
  background: var(--bs-primary);
  text-align: center;
  padding: 24px 24px 44px 24px;
  border-radius: 12px;
}

.horizontal-card .img-desc .overlay-box .percentage-box {
  font-size: 32px;
  font-weight: 600;
}

.horizontal-card .img-desc .overlay-box.right {
  right: -20px;
  left: auto;
}

.horizontal-card .section-header {
  background: none;
  width: 100%;
}

.horizontal-card .section-header .btns {
  gap: 8px;
  flex-wrap: wrap;
  justify-content: left;
}

.horizontal-card .section-header .btns a.link {
  border-radius: 28px;
}

.horizontal-card .section-header .btn-flat {
  display: flex;
  gap: 8px;
  margin-top: 8px;
}

.horizontal-card .section-header .btn-flat .btn-primary {
  flex: 1;
  color: var(--bs-primary);
  background: var(--JAIN-light-secondary);
  border-radius: 8px;
  padding: 12px 16px;
}

.horizontal-card .section-header h4 {
  display: none;
  color: var(--JAIN-secondary);
}

.horizontal-card .section-header .text {
  display: block;
}

.horizontal-card .section-header .title {
  line-height: 38.4px;
  margin: 0 0 12px 0;
}

.horizontal-card .content-desc p {
  font-size: 18px;
  line-height: 26.1px;
  margin-bottom: 24px;
}

.horizontal-card .btn-secondary {
  border: 1px solid var(--JAIN-dark-tertiary);
}

.horizontal-card .btn-flat:first-of-type {
  margin-top: 24px;
}

.horizontal-card2 {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 24px;
}

.horizontal-card2 .img-desc,
.horizontal-card2 .section-header {
  flex: 0 0 calc((100% - 24px) / 2);
}

.horizontal-card2 .img-desc img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 12px;
}

.horizontal-card2 .section-header {
  background: none;
}

.horizontal-card2 .section-header .btns {
  justify-content: left;
}

.horizontal-card2 .section-header .btns a.link {
  border-radius: 28px;
}

.horizontal-card2 .section-header h4 {
  display: none;
}

.horizontal-card2 .section-header .text {
  display: block;
}

.horizontal-card2 .section-header .title {
  line-height: 38.4px;
}

.horizontal-card2 .section-header .icon-desc {
  display: flex;
  gap: 8px;
}

.horizontal-card2 .content-desc p {
  font-size: 18px;
  line-height: 26.1px;
  margin-bottom: 24px;
}

.horizontal-card2 .content-desc .btns {
  display: flex;
  gap: 24px;
}

.horizontal-card2 p:last-child {
  margin-bottom: 0;
}

.horizontal-card2 .btn-secondary {
  border: 1px solid var(--JAIN-dark-tertiary);
}

.horizontal-card-group2 .horizontal-card:first-child,
.horizontal-card-group1 .horizontal-card:first-child {
  margin-top: 0;
}

.horizontal-card-group1 .cover-card {
  width: auto;
  flex: 1;
}

.horizontal-card-group1 .horizontal-card .img-desc {
  border-radius: 12px;
}

.interested .call-to-action-1 {
  padding: 100px 140px 200px 140px;
}

.interested .call-to-action-1 h5,
.interested .call-to-action-1 h2 {
  max-width: 807px;
  padding: 0;
}

.interested .call-to-action-1 h2 {
  margin: 4px 0 32px 0;
}

.JAIN-video {
  width: 100%;
  overflow: hidden;
  position: relative;
  border-radius: 12px;
}

.JAIN-video video {
  width: 100%;
  height: 100%;
  position: relative;
}

.JAIN-video .video-desc {
  position: absolute;
  background: var(--JAIN-light-white40);
  top: 24px;
  left: 24px;
  z-index: 10;
  padding: 16px 32px;
  border-radius: 12px;
}

.JAIN-video .video-desc h4 {
  margin: 0;
  color: var(--JAIN-light-white);
}

.JAIN-video .video-js {
  height: 100% !important;
}

.JAIN-video .video-js .vjs-big-play-button {
  width: 86px;
  height: 86px;
  background-color: var(--JAIN-light-white);
  border-radius: 50%;
  margin-left: 0;
  margin-top: 0;
  transform: translate(-50%, -50%);
}

.JAIN-video .vjs-paused.vjs-has-started .vjs-big-play-button {
  display: block;
}

.JAIN-video .video-js .vjs-big-play-button .vjs-control-text {
  display: none;
}

.JAIN-video .video-js .vjs-big-play-button .vjs-icon-placeholder {
  width: 100%;
  height: 100%;
  display: block;
}

.JAIN-video .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: url("../images/play_icon.svg");
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 48px;
  height: 48px;
}

.JAIN-video .video-js:hover .vjs-big-play-button {
  background-color: var(--JAIN-light-white);
}

.JAIN-video .video-plays {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 5;
}

.video-swiper {
  width: 100%;
  position: relative;
  margin-bottom: 60px;
}

.video-swiper .swiper-horizontal>.swiper-pagination-bullets,
.video-swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
.video-swiper .swiper-pagination-custom,
.video-swiper .swiper-pagination-fraction {
  bottom: 24px;
  top: auto;
}

.video-swiper .btn-left,
.video-swiper .btn-right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  left: 24px;
}

.video-swiper .btn-right {
  left: auto;
  right: 24px;
}



.banner-call-to-action {
  padding: 296px 90px 32px 90px;
}

.banner-call-to-action h5,
.banner-call-to-action h2,
.banner-call-to-action p {
  width: 100%;
}

.banner-call-to-action h2 {
  margin-bottom: 4px;
}

.banner-call-to-action p {
  margin: 0 0 24px 0;
}


.testimonial {
  background: linear-gradient(265.75deg, #eef0f4 1.66%, #f9f9f9 98.42%);
  padding: 32px;
}

.testimonial p {
  margin: 0;
}

.testimonial .desc {
  color: var(--bs-primary);
  max-width: 800px;
  margin: 24px 0;
}

.testimonial .avatar {
  width: 56px;
  height: 56px;
  margin-bottom: 12px;
  -o-object-fit: cover;
  object-fit: cover;
}

.testimonial.small {
  padding: 24px 16px;
  text-align: center;
}

.testimonial.small .avatar {
  width: 32px;
  height: 32px;
}

.testimonial.small .desc {
  color: var(--bs-primary);
  max-width: 800px;
  margin: 24px auto;
}

.testimonial.horizontal {
  width: 100%;
  padding: 100px 98px;
  text-align: center;
  background: var(--JAIN-light-secondary);
  margin: 60px 0;
  border-radius: 12px;
}

.testimonial.horizontal p,
.testimonial.horizontal h5 {
  margin: 0 auto;
}

.testimonial.horizontal img {
  margin: 24px auto 12px auto;
}

.testimonial.horizontal p.desc {
  color: var(--JAIN-dark-secondary);
}

.wrapper {
  width: 86%;
  max-width: 1380px;
  margin: 0 auto;
}

.wrapper> :first-child {
  margin-top: 0 !important;
}

.wrapper> :last-child {
  margin-bottom: 0;
}

.wrapper-thin {
  width: 800px;
  margin: 0 auto;
}

.wrapper-thin .posters {
  height: 500px;
}

.wrapper-thin .posters img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.wrapper-thin> :last-child {
  margin-bottom: 0;
}

header {
  position: fixed;
  width: 100%;
  z-index: 30;
  top: 0;
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

header::before {
  background-color: transparent;
}

header a {
  color: var(--bs-primary);
  font-size: 16px;
}

header .active {
  background: var(--JAIN-navy5);
  border-radius: 8px;
}

header hr {
  margin: 0;
}

header .hamburger {
  display: none;
}

header .hamburger img,
header .hamburger svg {
  width: 20px;
  height: 20px;
}

header .header-main {
  display: flex;
  height: 65px;
  align-items: center;
  justify-content: space-between;
  padding: 0 84px;
  position: relative;
}

header .header-main .header-logo {
  flex: 0 0 220px;
  height: 50px;
}

header .header-main .header-logo img,
header .header-main .header-logo svg {
  width: 95%;
  border-radius: 0;
}

header .header-main .menus {
  display: flex;
}

header .header-main .menus .menu-item {
  padding: 10px 16px;
  border-radius: 8px;
  position: relative;
}

header .header-main .menus .menu-item:hover {
  background: #f2f2f9;
}

header .header-main .menus .menu-item:hover a {
  color: #07B2FF;
}

header .header-main .menus .menu-item:hover .sub-menu {
  opacity: 1;
  display: block !important;
}

header .header-main .menus .menu-item:hover:last-child:hover .sub-menu,
header .header-main .menus .menu-item:hover:nth-last-child(2):hover .sub-menu {
  display: flex !important;
}

header .header-main .menus .menu-item:hover:last-child .sub-menu,
header .header-main .menus .menu-item:hover:nth-last-child(2) .sub-menu {
  padding: 0;
}

header .header-main .menus .menu-item:hover:last-child .sub-menu .children_menu1,
header .header-main .menus .menu-item:hover:last-child .sub-menu .children_menu2,
header .header-main .menus .menu-item:hover:nth-last-child(2) .sub-menu .children_menu1,
header .header-main .menus .menu-item:hover:nth-last-child(2) .sub-menu .children_menu2 {
  padding: 24px;
}

header .header-main .menus .menu-item .connect {
  width: 100%;
  height: 50px;
  position: absolute;
  left: 0;
  top: -30px;
}

header .header-main .menus .menu-item .sub-menu {
  display: none;
  opacity: 0;
  animation-direction: normal;
  animation-name: submenu_animation;
  animation-duration: 500ms;
  animation-timing-function: linear;
  position: absolute;
  top: 66px;
  padding: 24px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  background-color: var(--JAIN-light-white80);
  border: 1px solid rgba(27, 27, 35, 0.1019607843);
  border-radius: 12px;
}

header .header-main .menus .menu-item .sub-menu hr {
  margin: 12px 0;
  opacity: 1;
}

header .header-main .menus .menu-item .sub-menu ul {
  display: flex;
  gap: 24px;
}

header .header-main .menus .menu-item .sub-menu ul ul {
  display: block;
}

header .header-main .menus .menu-item .sub-menu ul a:hover {
  color: var(--JAIN-secondary);
}

header .header-main .menus .menu-item .sub-menu ul>li {
  flex: 1;
  width: 237px;
}

header .header-main .menus .menu-item .sub-menu ul>li>ul>li {
  margin-bottom: 16px;
}

header .header-main .menus .menu-item .sub-menu ul>li>ul>li a {
  display: block;
  color: var(--bs-primary);
  font-weight: 600;
}

header .header-main .menus .menu-item .sub-menu ul>li>ul>li ul {
  padding-left: 12px;
}

header .header-main .menus .menu-item .sub-menu ul>li>ul>li ul li a {
  font-size: 14px;
  line-height: 20.3px;
  font-weight: 400;
}

header .header-main .menus .menu-item .sub-menu ul>li>ul>ul li {
  padding-bottom: 12px;
  text-align: left;
  margin-bottom: 0;
}

header .header-main .menus .menu-item .sub-menu ul>li>ul>ul li a {
  font-weight: 400;
  font-size: 14px;
  line-height: 20.3px;
}

header .header-main .menus .menu-item .sub-menu ul>li>ul>ul ul li a {
  font-weight: 600;
}

header .header-main .menus .menu-item .sub-menu ul>li>ul>ul ul ul li a {
  font-weight: 400;
}

header .header-main .menus .menu-item .sub-menu .children_menu2 {
  width: 365px;
  border-left: 1px solid rgba(27, 27, 35, 0.1019607843);
}

header .header-main .menus .menu-item .sub-menu .card {
  margin-bottom: 12px;
}

header .header-main .menus .menu-item .sub-menu .card .card-body .card-title {
  line-height: 16.8px;
}

header .header-main .side-nav {
  display: none;
  border: none;
  z-index: 20;
}

header .header-main .nav-fun {
  display: flex;
  align-items: center;
}

header .header-main .nav-fun .small-screen-language {
  display: none;
}

header .header-main .nav-fun .small-screen-language a {
  font-size: 14px;
  background: var(--JAIN-navy5);
  border-radius: 8px;
  padding: 8px 12px;
  display: block;
}

header .header-main .nav-fun .lang-switcher {
  display: flex;
  gap: 4px;
}

header .header-main .nav-fun .lang-switcher a {
  padding: 8px 12px;
  font-size: 14px;
}

header .header-main .nav-fun .btn-primary {
  padding: 8px 16px;
}

header .header-main .nav-fun .search {
  background-color: rgba(0, 0, 0, 0);
  padding: 8px;
  margin: 0 28px;
  border: none;
  transform: translateZ(0);
}

header .header-main .nav-fun .search img,
header .header-main .nav-fun .search svg {
  width: 20px;
  height: 20px;
  border-radius: 0;
}

header .header-main .nav-fun .search img.revert,
header .header-main .nav-fun .search svg.revert {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(298deg) brightness(102%) contrast(102%);
}

header .header-main .nav-fun .search img.stick-logo,
header .header-main .nav-fun .search svg.stick-logo {
  filter: none;
}

header .header-main .search-nav {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
}

header .header-main .search-nav .search-nav-bar {
  padding: 24px 84px;
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  background-color: var(--JAIN-light-white80);
}

header .header-main .search-nav .search-nav-bar .search-input {
  height: 62px;
  display: flex;
  align-items: center;
}

header .header-main .search-nav .search-nav-bar .search-input img {
  margin-right: 20.5px;
  width: 28px;
  height: 28px;
}

header .header-main .search-nav .search-nav-bar .search-input input {
  height: 100%;
  width: calc(100% - 52px);
  font-size: 24px;
  border: none;
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 1px solid rgba(27, 27, 35, 0.1019607843);
  font-weight: 600;
}

header .header-main .search-nav .search-nav-bar .search-input input::-moz-placeholder {
  color: var(--JAIN-dark-tertiary);
}

header .header-main .search-nav .search-nav-bar .search-input input::placeholder {
  color: var(--JAIN-dark-tertiary);
}

header .header-main .search-nav .search-nav-bar .search-input input:focus {
  border-bottom: 1px solid var(--JAIN-secondary);
  color: var(--bs-primary);
}

header .header-main .search-nav .search-nav-bar .search-input input:focus::-moz-placeholder {
  color: var(--bs-primary);
}

header .header-main .search-nav .search-nav-bar .search-input input:focus::placeholder {
  color: var(--bs-primary);
}

header .header-main .search-nav .search-nav-bar h6 {
  color: var(--JAIN-dark-tertiary);
  flex-shrink: 0;
}

header .header-main .search-nav .search-nav-bar .quick-search {
  padding: 24px 0;
  border-bottom: 1px solid var(--JAIN-dark-black15);
  margin-bottom: 24px;
}

header .header-main .search-nav .search-nav-bar .quick-search .menu h6 {
  margin-bottom: 12px;
}

header .header-main .search-nav .search-nav-bar .quick-search .menu li {
  margin-bottom: 10px;
}

header .header-main .search-nav .search-nav-bar .quick-search .menu li:last-child {
  margin-bottom: 0;
}

header .header-main .search-nav .search-nav-bar .quick-search .menu a.small {
  color: var(--bs-primary);
}

header .header-main .search-nav .search-nav-bar .quick-search .menu a.small:hover {
  color: var(--JAIN-secondary);
}

header .header-main .search-nav .search-nav-bar .category {
  display: flex;
  background: rgba(0, 0, 0, 0);
  align-items: center;
  gap: 12px;
  padding: 0;
  margin-bottom: 24px;
}

header .header-main .search-nav .search-nav-bar .category a.link-extra-small {
  padding: 8px 12px;
  color: var(--bs-primary);
}

header .header-main .search-nav .search-nav-bar .category .category-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

header .nav-external-links {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 9px 84px;
}

header .nav-external-links .links-item {
  padding: 2px 6px;
  margin-right: 16px;
}

header .nav-external-links .links-item:last-child {
  margin-right: 0;
}

header a.btn-secondary:active,
header a.btn-secondary:hover {
  background: rgba(0, 0, 0, 0);
}

header.dark::before {
  content: "";
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: background: linear-gradient(180deg, rgba(7, 178, 255, 0.40) -1.44%, rgba(255, 255, 255, 0.00) 100%), #FFF;
  z-index: -1;
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

header.dark a {
  color: var(--JAIN-light-white);
}

header.dark .no-border {
  background: #0089c6;
  border: 1px solid var(--JAIN-light-white20);
}

header.dark .no-border:hover,
header.dark .no-border:focus {
  background: var(--JAIN-light-white40);
  border: 1px solid var(--JAIN-light-white);
  color: var(--JAIN-light-white);
}

header.dark .no-border,
header.dark .revert {
  display: block;
}

header.dark .stick-logo {
  display: none;
}

header.stick {
  border-bottom: 1px solid var(--JAIN-dark-black10);
}

header.stick .revert,
header.stick .no-border {
  display: none;
}

header.stick::before {
  content: "";
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  background-color: var(--JAIN-light-white80);
  z-index: -1;
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

header.stick hr {
  opacity: 0;
}

footer {
  background: var(--JAIN-main-radial);
  padding: 80px 84px 32px 84px;
  margin-top: 100px;
}

footer img {
  border-radius: 0;
}


.events .section-title {
  width: 100%;
  margin-bottom: 24px;
}

.events .card .card-body .card-title {
  -webkit-line-clamp: 3;
}

.events .card .card-body .address p {
  -webkit-line-clamp: 2;
}

.event-swiper {
  position: relative;
  width: 100%;
}

.event-swiper .swiper-next,
.event-swiper .swiper-pre {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  height: 100%;
}

.event-swiper .swiper-next {
  right: 0;
}

.event-swiper .swiper-pre {
  left: 0;
}

.event-swiper .btn-left,
.event-swiper .btn-right {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 6;
  padding: 12px;
  width: 44px;
  height: 44px;
  background: rgb(255, 255, 255);
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 6px 16px 0px var(--JAIN-shadow-10);
}

.event-swiper .btn-left img,
.event-swiper .btn-right img {
  width: 13.33px;
  height: 13.33px;
}

.event-swiper .btn-left {
  left: 20px;
}

.event-swiper .btn-left img {
  transform: rotate(-180deg);
}

.event-swiper .obscure-right {
  position: absolute;
  top: -1px;
  right: -2px;
  z-index: 5;
  width: 64px;
  height: 101%;
}

.event-swiper .obscure-right img {
  height: 100%;
  width: 100%;
}

.event-swiper .obscure-left {
  position: absolute;
  top: -1px;
  left: -2px;
  z-index: 4;
  height: 101%;
  width: 64px;
}

.event-swiper .obscure-left img {
  height: 100%;
}

.event-swiper .swiper-slide {
  display: flex;
  gap: 24px;
  height: auto;
}

.swiper .swiper-button-disabled {
  display: none;
}

.testimonial-swiper {
  position: relative;
  width: 100%;
  padding-bottom: 56px;
}

.testimonial-swiper .swiper-next,
.testimonial-swiper .swiper-pre {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  height: 100%;
}

.testimonial-swiper .swiper-next {
  right: 0;
}

.testimonial-swiper .swiper-pre {
  left: 0;
}

.testimonial-swiper .btn-left,
.testimonial-swiper .btn-right {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 6;
  padding: 12px;
  width: 44px;
  height: 44px;
  background: rgb(255, 255, 255);
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 6px 16px 0px var(--JAIN-shadow-10);
}

.testimonial-swiper .btn-left img,
.testimonial-swiper .btn-right img {
  width: 13.33px;
  height: 13.33px;
}

.testimonial-swiper .btn-left {
  left: 20px;
}

.testimonial-swiper .btn-left img {
  transform: rotate(-180deg);
}

.testimonial-swiper .obscure-right {
  position: absolute;
  top: -1px;
  right: -2px;
  z-index: 5;
  width: 64px;
  height: 101%;
}

.testimonial-swiper .obscure-right img {
  height: 100%;
  width: 100%;
}

.testimonial-swiper .obscure-left {
  position: absolute;
  top: -1px;
  left: -2px;
  z-index: 4;
  height: 101%;
  width: 64px;
}

.testimonial-swiper .obscure-left img {
  height: 100%;
}

.testimonial-swiper .swiper-slide {
  display: flex;
  gap: 24px;
}

.slider-swiper {
  position: relative;
  width: 100%;
  padding-bottom: 56px;
}

.slider-swiper .swiper-next,
.slider-swiper .swiper-pre {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  height: 100%;
}

.slider-swiper .swiper-next {
  right: 0;
}

.slider-swiper .swiper-pre {
  left: 0;
}

.slider-swiper .btn-left,
.slider-swiper .btn-right {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 6;
  padding: 12px;
  width: 44px;
  height: 44px;
  background: rgb(255, 255, 255);
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 6px 16px 0px var(--JAIN-shadow-10);
}

.slider-swiper .btn-left img,
.slider-swiper .btn-right img {
  width: 13.33px;
  height: 13.33px;
}

.slider-swiper .btn-left {
  left: 20px;
}

.slider-swiper .btn-left img {
  transform: rotate(-180deg);
}

.slider-swiper .obscure-right {
  position: absolute;
  top: -1px;
  right: -2px;
  z-index: 5;
  width: 64px;
  height: 101%;
}

.slider-swiper .obscure-right img {
  height: 100%;
  width: 100%;
}

.slider-swiper .obscure-left {
  position: absolute;
  top: -1px;
  left: -2px;
  z-index: 4;
  height: 101%;
  width: 64px;
}

.slider-swiper .obscure-left img {
  height: 100%;
}

.slider-swiper .swiper-slide {
  display: flex;
  gap: 24px;
  height: 242px;
  overflow: hidden;
}

.slider-swiper .swiper-slide a {
  width: 100%;
}

.slider-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}



.datepicker-block {
  padding: 24px;
  border: 1px solid var(--JAIN-light-quaternary);
  border-radius: 16px;
  display: flex;
  gap: 31px;
  position: relative;
}

.datepicker-block a.btn-primary {
  padding: 12px;
}

.datepicker-block input {
  border: 2px solid var(--JAIN-light-tertiary);
  border-radius: 6px;
  color: var(--JAIN-dark-black);
  padding-left: 24px;
  width: 256px;
  font-weight: 600;
}

.datepicker-block input:active,
.datepicker-block input:focus {
  border-color: var(--JAIN-secondary);
}

.datepicker-block .select-date-icon {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  display: none;
}

.datepicker-block .datepicker span {
  font-size: 18px;
  font-weight: 600;
  font-family: "Gilroy", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.datepicker-block .datepicker-cell:not(.disabled):hover {
  color: var(--JAIN-secondary);
  background-color: var(--JAIN-light-secondary);
}

.datepicker-block .datepicker-cell.selected {
  background-color: var(--JAIN-light-secondary);
  color: var(--JAIN-secondary);
}

.date-event-list {
  width: 100%;
}

.date-card-module {
  margin-bottom: 60px;
}

.date-card-module .date-event-list {
  width: calc(100% - 237px);
  margin-left: 237px;
}

.banner-swiper {
  padding-bottom: 56px;
}


.img-round {
  border-radius: 50%;
}

.mb-40 {
  margin: 0 0 40px 0;
}


.mb-24 {
  margin-bottom: 24px !important;
}

.margin-60 {
  margin-bottom: 60px;
}

.mb-100 {
  margin-bottom: 100px;
}



.user-info {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 40px 24px;
}

.user-info .business-card {
  flex: 0 0 calc((100% - 24px) / 2);
}

.user-info .business-card p {
  margin: 0;
}

.user-info .business-card .margin-p {
  margin: 4px 0 12px 0;
}

.search-list .subheading {
  margin-bottom: 24px;
}

.search-list .subheading h5 {
  font-size: 16px;
  line-height: 20.8px;
}

.search-list .subheading h2 {
  font-size: 24px;
  line-height: 30px;
  margin: 4px 0 8px 0;
}

.search-list .subheading p {
  max-width: 800px;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.search-list em {
  color: var(--JAIN-secondary) !important;
}

.clear-search {
  display: none;
  cursor: pointer;
}

.condition-content {
  width: 86%;
  max-width: 1380px;
  margin: 0 auto;
  padding: 24px 0 100px 0;
}

.condition-content .condition {
  display: flex;
  gap: 16px;
}

.condition-content .condition .sidebar {
  display: flex;
  flex-direction: row;
  gap: 16px;
  overflow: visible;
}

.condition-content .condition .sidebar .choose-select {
  width: 323px;
}

.condition-content .condition .sidebar .choose-select .view-input {
  display: flex;
  padding: 14px 16px;
}

.condition-content .condition .sidebar .choose-select .side-nav {
  position: absolute;
  display: none;
  width: 100%;
  max-height: 490px;
  overflow-y: auto;
  left: 0;
  top: calc(100% + 20px);
  box-shadow: 0px 8px 26px 0px var(--JAIN-shadow-15);
  background: var(--JAIN-light-white);
  z-index: 15;
}

.condition-content .condition .sidebar .choose-select .side-nav .nav-item .active {
  background: var(--JAIN-light-secondary);
}

.condition-content .condition .sidebar .choose-select .side-nav .nav-item .active a {
  color: var(--JAIN-secondary);
}

.condition-content .text-field {
  width: 323px;
}

.condition-content .text-field .clear-search {
  display: none;
  cursor: pointer;
}

.condition-content .change-btns {
  display: flex;
  flex-shrink: 0;
  gap: 6px;
  align-items: center;
  border: 1px solid var(--JAIN-light-tertiary);
  border-radius: 98px;
  overflow: hidden;
  padding: 6px;
  margin-left: auto;
}

.condition-content .change-btns img,
.condition-content .change-btns svg {
  width: 20px;
  height: 20px;
}

.condition-content .change-btns .img-btn {
  padding: 8px;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.condition-content .change-btns .active {
  background: var(--JAIN-secondary);
}

.condition-content .change-btns .active img {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(298deg) brightness(102%) contrast(102%);
}

.profile {
  display: flex;
  gap: 24px;
  width: 100%;
}

.profile .text-desc {
  flex: 1 1 925px;
}

.profile .img-info {
  width: auto;
  height: -moz-fit-content;
  height: fit-content;
  aspect-ratio: 451/521;
}

.profile .img-info img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 12px;
}

.center {
  text-align: center;
  margin-bottom: 30px;
}

p.center {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  text-align: initial;
  margin-bottom: 12px;
}

.top-dropdown {
  border: 1px solid var(--JAIN-dark-black10);
  padding: 19px 16px;
  border-radius: 12px;
  margin-bottom: 60px;
}


.title-bar .title {
  margin-top: 12px !important;
  margin-bottom: 0 !important;
}



.cover-card {
  background: var(--JAIN-light-white);
  height: auto;
}

.cover-card .card_img {
  border-radius: 0;
  aspect-ratio: 332/222;
  overflow: hidden;
}

.cover-card .card-body {
  padding: 24px;
  justify-content: center;
}

.cover-card .card-body .card-title {
  margin: 0;
  font-size: 24px;
  line-height: 30px;
  -webkit-line-clamp: initial;
}

.cover-card .card-body p {
  color: var(--JAIN-secondary);
  font-weight: 600;
  margin-bottom: 4px;
  font-size: 16px;
  line-height: 20.8px;
  letter-spacing: -0.01em;
}

.cover-card.large .card_img {
  aspect-ratio: 688/400;
}



.upside-down-card .card-body {
  flex: 0;
  padding: 24px;
}

.upside-down-card .card-body .card-title {
  font-size: 20px;
  line-height: 25px;
  -webkit-line-clamp: 2;
  margin: 0 0 16px 0;
}

.upside-down-card .card-body .btn-secondary {
  color: var(--JAIN-dark-secondary);
  font-weight: 400;
}

.upside-down-card .card_img {
  aspect-ratio: 486/261;
  overflow: hidden;
}

.topic-group>.btn-primary {
  font-size: 14px;
  padding: 12px 20px;
  display: none;
  font-weight: 600;
}

.bottom-email-block .email {
  display: flex;
}

.info-list {
  display: flex;
  gap: 8px;
  margin-bottom: 10px;
}

.info-list p {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 23.2px;
}

.info-list p a {
  font-size: 16px;
  text-decoration: underline !important;
}

.info-list img {
  width: 20px;
  height: 20px;
}



.hero {
  display: flex;
  justify-content: center;
  background: linear-gradient(249deg, rgba(0, 28, 84, 0.56) -0.21%, rgba(0, 28, 84, 0.56) 68.92%, rgba(7, 178, 255, 0.56) 167.04%);
  flex-direction: column;
  align-items: center;
  background-size: cover;
  position: relative;
  overflow: hidden;
  height: 100vh;
  margin-bottom: 100px;
}

.hero .full-vid {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.hero h1 {
  color: #ffffff;
  line-height: 108px;
  text-align: center;
  transform: translateY(100%);
  transition: all 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  backface-visibility: hidden;
  letter-spacing: -0.04em;
  font-size: 120px;
}

.hero p {
  line-height: 26.1px;
  text-align: center;
  color: rgb(255, 255, 255);
  transform: translateY(100%);
  transition: all 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  backface-visibility: hidden;
}

.hero .hero_content {
  width: 1000px;
  z-index: 9;
}

.hero .hero_content .title {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  margin-bottom: 24px;
}

.hero .hero_content .description {
  overflow: hidden;
}

.hero .pole {
  transform-origin: top center;
  position: absolute;
  bottom: 0;
}

.category {
  text-align: center;
  padding: 00px 0;
}

.category .category-item {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  overflow: hidden;
}

.category .category-item a {
  padding: 24px 34px;
  border-radius: 48px;
}

.partnership {
  text-align: center;
  padding-bottom: 100px;
}

.partnership .pole {
  margin: 0 auto;
  transform-origin: top center;
}

.partnership h2.slideup,
.partnership p.large {
  color: var(--JAIN-light-white);
  overflow: hidden;
  margin: 0 auto;
}

.partnership h2.slideup {
  margin: 40px auto 12px auto;
}

.partnership .logos {
  overflow: hidden;
}

.partnership .logos .change {
  width: 139px;
  height: 139px;
}

.partnership .logos .connect {
  margin: 0 42px;
}

.partnership .count-list {
  display: flex;
  justify-content: center;
  gap: 24px;
  margin: 100px 0 60px 0;
}

.partnership .count-list h2 {
  overflow: hidden;
}

.partnership .count-list .data-block {
  flex: 0 0 calc((100% - 72px) / 4);
}

.partnership .count-list .data-block span {
  display: inline-block;
  transform: translateY(100%);
}

.partnership .data {
  text-align: center;
  margin-bottom: 16px;
}

.partnership .data p {
  color: var(--JAIN-light-white60);
}

.partnership a.link {
  margin: 0 auto;
  border-radius: 28px;
}

.partnership.open .count-list .data-block.extra-large span {
  transform: translateY(0%);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.partnership.open .count-list .data-block.extra-large span:nth-child(2) {
  transition-delay: 0.1s;
}

.partnership.open .count-list .data-block.extra-large span:nth-child(3) {
  transition-delay: 0.2s;
}

.partnership.open .count-list .data-block.extra-large span:nth-child(4) {
  transition-delay: 0.3s;
}

.partnership.open .count-list .data-block.extra-large span:nth-child(5) {
  transition-delay: 0.4s;
}

.partnership.open .count-list .data-block.extra-large span:nth-child(6) {
  transition-delay: 0.5s;
}

.partnership.open .count-list .data-block.extra-large span:nth-child(7) {
  transition-delay: 0.6s;
}

.our-programmes {
  width: 94%;
  margin: 0 auto;
}

.our-programmes .call-to-action-1 {
  padding: 100px 90px;
  background: linear-gradient(180deg, rgba(206, 87, 193, 0) 15.92%, #010544 56.58%, #010544 100%), linear-gradient(109.22deg, rgba(1, 5, 68, 0.4) 0%, rgba(206, 87, 193, 0.4) 100%, rgba(206, 87, 193, 0.5) 100%);
}

.our-programmes .call-to-action-1 .bg {
  top: -110px;
}

.our-programmes .call-to-action-1 .pole {
  width: 72px;
}

.our-programmes .programme-cards {
  margin: 200px auto 0 auto;
  display: flex;
  gap: 24px;
  max-width: 1380px;
}

.our-programmes .programme-cards .card.programme {
  flex: 0 0 calc((100% - 48px) / 3);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: relative;
}

.our-programmes .programme-cards .card.programme .card-body a.link {
  padding: 4px 0;
  border-radius: 8px;
  margin-top: 0;
}

.our-programmes .programme-cards .card.programme .card-body .card-title {
  font-size: 32px;
  margin-bottom: 120px;
  overflow: visible;
}

.results-display-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 64px 24px;
  gap: 12px;
}

.results-display-box img {
  width: 200px;
  height: 200px;
}

.results-display-box .title {
  color: var(--bs-primary);
  margin: 0;
}

.results-display-box p {
  text-align: center;
}

.section-title-center {
  text-align: center;
}

.section-title-center .title {
  text-align: center;
  margin-top: 0;
}

.section-title-center .logo {
  margin: 0 auto;
  width: 64px;
  height: 64px;
}

.section-title-center p {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 24px;
}

.section-title-center a {
  font-weight: 600;
}

.section-title-center .btns {
  justify-content: center;
  display: flex;
  gap: 24px;
}

.text-group2 {
  display: flex;
  gap: 24px;
}

.text-group2 .text-box {
  flex: 1;
}

.text-group2 .text-box p {
  font-size: 16px;
  line-height: 23.2px;
}

.text-group2 .text-box .title {
  margin-top: 0;
  margin-bottom: 16px;
  line-height: 30px;
}

.btn-center {
  margin: 0 auto;
}

.tag-group {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
}

.form-group {
  margin: 32px 0;
}

.form-group label {
  margin-bottom: 8px;
  font-size: 20px;
  line-height: 25px;
  color: var(--JAIN-dark-secondary);
  font-weight: 600;
}

.form-group .form-input .text-field {
  position: relative;
}

.form-group .rotate-img {
  transform: rotate(180deg);
}

.form-group .form-select-item {
  display: none;
  left: 0;
  width: 100%;
  position: absolute;
  top: calc(100% + 20px);
  z-index: 5;
  background: var(--JAIN-light-white);
}

.form-group .form-select-item a {
  padding: 0 !important;
}

.form-group .btn-primary {
  border: 1px solid var(--JAIN-dark-tertiary);
  font-weight: 600;
}

.search-criteria {
  width: 332px;
}

.search-results {
  padding: 80px 24px 0 24px;
}

.topic-group2 {
  display: flex;
  gap: 32px 24px;
  flex-wrap: wrap;
}

.topic-group2 .gride-item2 {
  flex: 0 0 calc((100% - 24px) / 2);
  height: 100%;
}

.stepper-content {
  display: none;
}

.stepper-content p {
  max-width: 900px;
}

.panel {
  display: none;
}

.panel.active,
.stepper-content.active {
  display: block;
}

.dropdown-list {
  border: 1px solid var(--JAIN-light-secondary);
  background: var(--JAIN-light-secondary);
  width: 100%;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 12px;
  position: relative;
  cursor: pointer;
}

.dropdown-list:active {
  border: 1px solid var(--JAIN-secondary);
}

.dropdown-list input {
  width: 100%;
  height: 23px;
  font-size: 16px;
}

.dropdown-list img {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 20px;
}

.dropdown-list .rotate-img {
  transform: rotate(180deg);
}

.dropdown-list .side-nav {
  display: none;
  position: absolute;
  top: calc(100% + 20px);
  left: 0;
  z-index: 5;
  width: 100%;
  background: var(--JAIN-light-white);
  max-height: 75vh;
  overflow-y: scroll;
}

.dropdown-list .side-nav .nav-item .active {
  background: var(--JAIN-light-secondary);
}

.dropdown-list .side-nav .nav-item .active a {
  color: var(--JAIN-secondary);
}

.dropdown-list .side-nav .nav-item li:hover {
  background: var(--JAIN-light-secondary);
}

.dropdown-list .dropdown-list-container {
  width: 85%;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.dropdown-list:focus-within {
  border: 1px solid var(--JAIN-light-secondary);
}

.dropdown-list.light {
  background: var(--JAIN-light-white);
  border: 1px solid var(--JAIN-dark-black10);
}

.dropdown-list.light .side-nav .active {
  background: var(--JAIN-light-secondary);
}

.dropdown-list.light .side-nav .active a {
  color: var(--JAIN-secondary);
}

.accordion-swiper-show .swiper {
  --circle-speed: 8s;
}

@keyframes circleRight {
  0% {
    transform: rotate(-135deg);
  }

  50%,
  100% {
    transform: rotate(45deg);
  }
}

@keyframes circleLeft {

  0%,
  50% {
    transform: rotate(-135deg);
  }

  100% {
    -webkit-transform: rotate(45deg);
  }
}

@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}

.accordion-swiper .swiper-pagination {
  display: none;
}

.accordion-swiper .circle__box {
  width: 64px;
  height: 64px;
  position: relative;
  opacity: 0;
  display: none;
}

.accordion-swiper .circle__wrapper {
  width: 32px;
  height: 64px;
  position: absolute;
  top: 0;
  overflow: hidden;
  box-sizing: border-box;
}

.accordion-swiper .circle__wrapper--right {
  right: 0;
}

.accordion-swiper .circle__wrapper--left {
  left: 0;
}

.accordion-swiper .circle__whole {
  width: 64px;
  height: 64px;
  border: 4px solid transparent;
  border-radius: 50%;
  position: absolute;
  top: 0;
  transform: rotate(-135deg);
}

.accordion-swiper .circle__right {
  border-top: 4px solid var(--JAIN-light-white);
  border-right: 4px solid var(--JAIN-light-white);
  right: 1px;
  animation: circleRight var(--circle-speed) linear forwards;
}

.accordion-swiper .circle__left {
  border-bottom: 4px solid var(--JAIN-light-white);
  border-left: 4px solid var(--JAIN-light-white);
  left: 1px;
  animation: circleLeft var(--circle-speed) linear forwards;
}

.accordion-swiper .swiper-slide-active svg {
  opacity: 1;
}

.accordion-swiper .swiper-slide-active .circle {
  animation: stroke var(--circle-speed, 1s) linear forwards;
}

.accordion-swiper .swiper-slide-active .sc-content {
  opacity: 1;
}

.accordion-swiper .swiper-slide-active .counter {
  opacity: 1;
}

.accordion-swiper .swiper-slide-active .circle__box {
  opacity: 1;
  display: block;
}


.timeline-group .timeline .month-list {
  flex: 1;
}

.timeline-group .timeline .date {
  flex: 1;
  padding: 32px 24px;
}

.timeline-group .timeline:nth-child(2n+1) .date {
  text-align: end;
}

.main-title {
  text-align: center;
}

.main-title h4,
.main-title .title {
  max-width: 800px;
  margin: 0 auto;
}

.main-title h4 {
  font-size: 20px;
  line-height: 25px;
  color: var(--JAIN-secondary);
}

.main-title .title {
  margin: 4px auto 60px auto;
}

.info-box {
  background: var(--JAIN-card-bg-gradient);
  height: -moz-fit-content;
  height: fit-content;
  padding: 12px 16px;
  flex-shrink: 0;
  border-radius: 12px;
  margin-bottom: 40px;
}

.info-box .info-list {
  margin-bottom: 4px;
  gap: 4px;
}

.info-box .info-list img {
  width: 13.5px;
}

.info-box .info-list p,
.info-box .info-list a {
  font-size: 12px;
  color: var(--JAIN-dark-secondary);
}

.info-box .info-list a {
  display: flex;
  align-items: center;
  gap: 4px;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 600;
}

.info-box hr {
  margin: 8px 0;
}

.info-box .btns {
  display: flex;
  justify-content: center;
}

.info-box .btns a {
  display: flex;
  gap: 4px;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  width: -moz-fit-content;
  width: fit-content;
  padding: 8px;
  color: var(--bs-primary);
}

.info-box .btns a img {
  width: 14px;
}




.aligncenter {
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 960px) and (max-width: 1400px) {
  header .header-main {
    padding: 0 24px;
  }

  header .header-main .nav-fun .search {
    margin: 0;
  }

  header .header-main .nav-fun .btn-primary {
    padding: 8px 12px;
    font-size: 12px;
  }

  header .header-main .nav-fun .lang-switcher a {
    padding: 8px;
  }

  header .header-main .menus .menu-item {
    padding: 8px;
  }

  header .header-main .menus .menu-item a {
    font-size: 14px;
  }

  header .header-main .header-logo {
    flex: 0 0 160px;
  }

  header .nav-external-links {
    padding: 9px 24px;
  }

  .accordion-swiper {
    padding-bottom: 40px;
  }

  .accordion-swiper .swiper-pagination {
    display: block;
  }
}

@media (min-width: 560px) and (max-width: 960px) {

  .wrapper,
  .wrapper-thin {
    width: 90%;
  }

  .pc,
  .phone {
    display: none !important;
  }

  .ipad {
    display: block !important;
  }

  .page-content .page-detail {
    width: 90%;
    flex-direction: column;
    gap: 0;
  }

  .page-content .page-detail .content {
    width: 100%;
  }

  .page-content .page-detail .sidebar {
    padding-top: 25px;
    top: 60px;
    width: 100%;
    padding-bottom: 24px;
    overflow-x: visible;
  }

  .page-content .page-detail .sidebar .close {
    display: none;
  }

  .page-content .page-detail .info-box {
    width: 100%;
    top: 85px;
    z-index: 20;
    margin-top: 20px;
  }

  .page-content .page-detail .info-box::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 25px;
    top: -24px;
    left: 0;
    z-index: -1;
    background: var(--JAIN-light-white);
  }

  .page-content .page-detail .JAIN-video {
    aspect-ratio: 896/527;
  }

  .page-content .page-detail .portal-card .card_img {
    aspect-ratio: 440/236;
  }

  .page-content .page-detail .card-group-2 .portal-card .card_img {
    aspect-ratio: 436/280;
  }

  .page-content .sidebar .view-input {
    width: 100%;
  }

  .page-content .phone-select {
    display: flex;
  }

  .page-content p:empty {
    height: 20px;
  }

  .page-content hr {
    margin: 50px 0;
  }

  .content {
    width: 100%;
    padding: 0;
    overflow: visible;
  }

  .content .title {
    margin: 40px 0 24px 0;
    line-height: 38.4px;
  }

  .btn-primary,
  .btn-secondary {
    font-size: 14px;
    padding: 12px 20px;
    gap: 4px;
  }

  .btn-primary img,
  .btn-primary svg,
  .btn-secondary img,
  .btn-secondary svg {
    width: 14px;
    height: 14px;
  }

  a.no-bg {
    padding: 8px;
  }

  .subheading.both-sides .left,
  .subheading.both-sides .right {
    flex: auto;
  }

  .subheading.both-sides .right {
    flex-shrink: 0;
  }

  .subheading.align-left.big.no-btns .large {
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  h2 {
    font-size: 32px;
    letter-spacing: -0.02em;
  }

  h5 {
    font-size: 18px;
  }

  h4 {
    font-size: 20px;
    line-height: 25px;
    letter-spacing: -0.01em;
  }

  .cd-top-wrap a.cd-top {
    left: 91%;
    width: 70px;
    height: 70px;
  }

  .btn-secondary {
    padding: 12px 8px;
  }

  .btn-secondary:active {
    background: var(--JAIN-navy5);
    color: var(--bs-primary);
  }

  .btn-secondary.light-white {
    color: var(--JAIN-light-white);
  }

  .btn-secondary.light-white img.pre {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(298deg) brightness(102%) contrast(102%);
  }

  .btn-secondary.light-white img.next {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(298deg) brightness(102%) contrast(102%);
  }

  header .nav-external-links {
    display: none;
  }

  header .header-main {
    padding: 0 24px;
  }

  header .header-main .side-nav {
    display: block;
    position: absolute;
    top: 100%;
    right: 0;
    width: 480px;
    transform: translateX(100%);
    opacity: 0;
    transition: all 0.5s;
    border-radius: 0;
    padding: 0 24px;
    height: calc(100vh - 65px);
  }

  header .header-main .side-nav::before {
    content: "";
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color: var(--JAIN-light-white80);
    z-index: -1;
  }

  header .header-main .side-nav .top {
    padding: 24px 0 12px 0;
  }

  header .header-main .side-nav .top h5 {
    font-size: 20px;
  }

  header .header-main .side-nav .nav-item {
    padding: 0;
    margin-top: 24px;
  }

  header .header-main .side-nav .nav-item li {
    padding: 12px 16px;
    width: 100%;
    justify-content: flex-start;
  }

  header .header-main .side-nav .nav-item li:active {
    background: transparent;
  }

  header .header-main .side-nav .nav-item a.link {
    color: var(--JAIN-dark-black);
    padding: 0;
  }

  header .header-main .side-nav .nav-item .nav-item-li {
    margin-bottom: 16px;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children {
    position: absolute;
    display: none;
    opacity: 0;
    animation-name: submenu_animation;
    animation-duration: 1000ms;
    animation-direction: reverse;
    right: calc(100% + 5px);
    top: 50%;
    transform: translateY(-50%);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color: var(--JAIN-light-white80);
    padding: 24px;
    border-radius: 12px;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children h5,
  header .header-main .side-nav .nav-item .nav-item-li .item-children a {
    text-align: left;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children .first h5 {
    color: var(--bs-primary);
    font-size: 20px;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children .depth {
    display: flex;
    gap: 24px;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children .depth li {
    width: 100%;
    padding: 0;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children .depth li a {
    color: var(--bs-primary);
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children .depth .depth_1_menu {
    padding-left: 10px;
    margin-top: 10px;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children .depth .Programmes {
    margin-top: 12px;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children .children_menu2 {
    border-top: 1px solid var(--JAIN-dark-black10);
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children .children_menu2 .card-box {
    display: flex;
    gap: 12px;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children .children_menu2 .card-box .card .card-body h4 {
    -webkit-line-clamp: 2;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children .children_menu2 a.link-extra-small {
    font-size: 12px;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen {
    position: absolute;
    display: none;
    opacity: 1;
    right: 100%;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color: var(--JAIN-light-white80);
    padding: 24px;
    z-index: 10;
    overflow-y: auto;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .first {
    display: flex;
    gap: 10px;
    padding: 0;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .first h5 {
    font-size: 20px;
    line-height: 25px;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .first img {
    width: 25px;
    height: 25px;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen h5,
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .link,
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .small {
    color: var(--bs-primary);
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .some-link .Programmes {
    margin-bottom: 16px;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .Programmes .link {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .Programmes .link .revert {
    display: block;
    width: 15px;
    height: 15px;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .JAIN-accordion {
    width: 100%;
    margin-bottom: 16px;
    padding: 0;
    display: block;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .JAIN-accordion .accordion-item {
    border: none;
    background: rgba(0, 0, 0, 0);
    margin-bottom: 16px;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .JAIN-accordion .accordion-item:last-child {
    margin-bottom: 0;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .JAIN-accordion .accordion-item .accordion-button {
    padding: 12px 16px;
    background: rgba(0, 0, 0, 0);
    border-radius: 8px;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .JAIN-accordion .accordion-item .accordion-button::after {
    background-image: url("../images/mutation1_down_little.svg");
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .JAIN-accordion .accordion-item .accordion-button:not(.collapsed)::after {
    background-image: url("../images/mutation1_up_little.svg");
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .JAIN-accordion .accordion-item .accordion-button:not(.collapsed) {
    background: var(--JAIN-light-secondary);
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .JAIN-accordion .accordion-item .accordion-button:not(.collapsed) .link {
    color: var(--JAIN-secondary);
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .JAIN-accordion .accordion-item .accordion-body {
    padding: 0;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .JAIN-accordion .accordion-item .accordion-body .depth_1 {
    padding: 0;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .JAIN-accordion .accordion-item .accordion-body .depth_1 .depth_1_menu {
    padding: 0 16px;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .depth {
    padding: 0;
  }

  header .header-main .side-nav .nav-item .nav-item-li .academics {
    width: 510px;
  }

  header .header-main .side-nav .nav-item .nav-item-li .academics .depth_1 {
    flex: 0 0 calc((100% - 24px) / 2);
  }

  header .header-main .side-nav .nav-item .nav-item-li .admissions {
    width: 675px;
  }

  header .header-main .side-nav .nav-item .nav-item-li .admissions .depth_1 {
    flex: 0 0 calc((100% - 48px) / 3);
  }

  header .header-main .side-nav .nav-item .nav-item-li .campus-life {
    width: 510px;
  }

  header .header-main .side-nav .nav-item .nav-item-li .campus-life .depth_1 {
    flex: 0 0 calc((100% - 24px) / 2);
  }

  header .header-main .side-nav .nav-item .nav-item-li .about,
  header .header-main .side-nav .nav-item .nav-item-li .research {
    width: 623px;
  }

  header .header-main .side-nav .nav-item .nav-item-li .about .depth_1,
  header .header-main .side-nav .nav-item .nav-item-li .research .depth_1 {
    flex: 0 0 calc((100% - 24px) / 2);
  }

  header .header-main .side-nav .nav-item .active-li {
    background: #f2f2f9;
  }

  header .header-main .side-nav .nav-item .active-li .item-children {
    display: block;
    animation-direction: normal;
    opacity: 1;
  }

  header .header-main .side-nav .nav-item .active-li .item-children-small-screen {
    display: block;
    animation-direction: normal;
  }

  header .header-main .side-nav .nav-item .active-li a.menu {
    color: var(--JAIN-secondary);
  }

  header .header-main .side-nav-animate {
    display: block;
    transform: translateX(0);
    opacity: 1;
  }

  header .header-main .side-nav-children-animate {
    transform: translateX(100%);
  }

  header .header-main .side-nav-children-animate .nav-item .nav-item-li .item-children-small-screen {
    right: 100%;
  }

  header .header-main .nav-fun a.search {
    padding: 8px;
    margin: 0 24px;
  }

  header .header-main .nav-fun a.search img,
  header .header-main .nav-fun a.search svg {
    width: 20px;
    height: 20px;
  }

  header .header-main .nav-fun a.hamburger {
    padding: 8px;
  }

  header .header-main .nav-fun .lang-switcher a {
    padding: 8px 12px;
  }

  header .header-main .menus {
    position: absolute;
    flex-direction: column;
    display: none;
  }

  header .header-main .search-nav .search-nav-bar {
    padding: 24px 32px;
  }

  header .hamburger {
    display: block;
  }

  header .apply {
    display: none !important;
  }

  header .header-logo {
    flex: 0 0 180px;
  }

  header.stick {
    top: 0;
  }

  footer {
    padding: 40px 32px;
  }

  footer .column {
    flex-direction: column;
    position: relative;
  }

  footer .column .building {
    position: absolute;
    bottom: 0;
    left: 0;
  }

  footer .column .column_left {
    position: static;
  }

  footer .column .column-right {
    margin: 80px 0 224px 0;
    width: 100%;
    justify-content: flex-start;
  }

  footer .column .column-right h6 {
    font-size: 18px;
  }

  footer .record .info {
    width: 350px;
  }

  footer .record a.link {
    font-size: 12px;
  }

  .card .card-body .card-title {
    font-size: 24px;
    line-height: 30px;
  }

  .card .card-body p {
    font-size: 14px;
    line-height: 20.3px;
  }

  .card .card_img {
    max-height: 335px;
  }

  .card.across-medium .card-body .card-title {
    -webkit-line-clamp: 3;
    line-height: 25px;
  }

  .card.across-medium .card-body .tag {
    display: none;
  }

  .card.across-medium .card_img {
    max-height: 206px;
  }

  .card.no-img-card .card-body .card-title {
    font-size: 24px;
    line-height: 30px;
  }

  .card.no-img-card .card-body p a {
    font-size: 14px;
  }

  .card.overlap .card-body .card-title {
    font-size: 24px;
    line-height: 30px;
  }

  .card.pdf-card .card_img {
    margin: 24px 0;
  }

  .card.pdf-card .card-body {
    padding: 33px 25px;
  }

  .card.pdf-card .card-body .card-title {
    font-size: 32px;
    line-height: 38.4px;
  }

  .data-block {
    width: 206px;
  }

  .data-block img {
    width: 80px;
    height: 80px;
  }

  .data-block h2 {
    font-size: 24px;
    line-height: 30px;
  }

  .data-block h4 {
    font-size: 18px;
    line-height: 23.4px;
  }

  .data-block .title {
    margin: 0;
  }

  .data-block.extra-large img {
    width: 80px;
    height: 80px;
  }

  .header-section-navigation {
    padding: 180px 32px 32px 60px;
    margin-bottom: 80px;
  }

  .header-section-navigation .pole {
    width: 42px;
    left: -60px;
    top: 25px;
  }

  .header-section-navigation h1 {
    font-size: 48px;
    line-height: 55.2px;
    margin-top: 8px;
  }

  .header-section-navigation h3 {
    font-size: 24px;
    line-height: 30px;
  }

  .header-section-navigation p {
    margin-top: 4px;
  }

  .header-section-navigation .tag-group {
    margin-top: 8px;
  }

  .header-section-navigation.no-cover {
    padding: 160px 32px 32px 60px;
    margin-bottom: 0;
  }

  .header-section-navigation.no-cover h2 {
    font-size: 24px;
    line-height: 30px;
  }

  .JAIN-accordion .accordion-item .accordion-header h4 {
    font-size: 20px;
    line-height: 25px;
  }

  .JAIN-accordion .accordion-item .accordion-header .accordion-button {
    padding: 20px 24px 16px 24px;
  }

  .JAIN-accordion .accordion-item .accordion-collapse .accordion-body {
    padding-left: 24px;
    padding-right: 24px;
  }

  .JAIN-accordion .accordion-item .accordion-collapse .accordion-body h5 {
    font-size: 18px;
    line-height: 25px;
  }

  .JAIN-accordion .accordion-item .accordion-collapse .accordion-body p {
    font-size: 16px;
    line-height: 23.2px;
  }

  .JAIN-video {
    position: relative;
  }

  .JAIN-video .video-desc {
    padding: 16px 24px;
  }

  .JAIN-video .video-desc h4 {
    font-size: 20px;
    line-height: 25px;
  }

  .JAIN-video .video-js .vjs-big-play-button {
    width: 44px;
    height: 44px;
  }

  .JAIN-video .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    content: url("../images/play_icon_small.svg");
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
  }

  .interested .call-to-action-1 {
    padding: 60px 80px 100px 80px;
  }

  .interested .call-to-action-1 .pole {
    width: 70px;
    top: 92px;
  }

  .interested .call-to-action-1 h2 {
    margin: 4px 0 24px 0;
  }

  .program-details-module {
    margin: 40px 0;
    gap: 16px 24px;
  }

  .horizontal-card {
    margin: 40px 0;
    flex-direction: column;
    gap: 32px;
    width: 100%;
  }

  .horizontal-card .img-desc {
    overflow: hidden;
    border-radius: 12px;
    width: 100%;
    height: 380px;
    flex: none;
  }

  .horizontal-card .section-header {
    padding-left: 0;
    padding-right: 0;
  }

  .horizontal-card .section-header p {
    margin-bottom: 0;
  }

  .horizontal-card .section-header .subheading .title {
    margin: 4px 0 12px 0;
  }

  .horizontal-card .section-header h4 {
    display: block;
  }

  .horizontal-card .btn-secondary {
    padding: 12px 20px;
  }

  .horizontal-card2 .img-desc {
    overflow: hidden;
    border-radius: 12px;
    align-self: stretch;
  }

  .horizontal-card2 .section-header p {
    margin-bottom: 0;
  }

  .horizontal-card2 .section-header .subheading {
    padding: 60px 0;
  }

  .horizontal-card2 .section-header .subheading .title {
    margin: 4px 0 12px 0;
  }

  .horizontal-card-group1 .horizontal-card:nth-child(2n+1) {
    flex-direction: column-reverse;
    padding-right: 0;
  }

  .horizontal-card-group2 .horizontal-card:nth-child(2n) {
    flex-direction: column-reverse;
  }

  .testimonial.horizontal {
    margin: 40px 0 80px 0;
    padding: 60px 48px;
  }

  .testimonial.horizontal p {
    font-size: 16px;
    line-height: 23.2px;
    padding: 0 48px;
  }

  .testimonial.horizontal p a {
    font-size: 16px;
  }

  .testimonial.horizontal h5 {
    font-size: 20px;
    line-height: 25px;
  }

  .testimonial.horizontal h2 {
    padding: 4px 0 24px 0;
  }

  .call-to-action-1 {
    padding: 100px 0;
  }

  .call-to-action-1 .pole {
    width: 20px;
    height: 4px;
  }

  .call-to-action-1 h5 {
    font-size: 16px;
    line-height: 20.8px;
  }

  .call-to-action-1 h2 {
    font-size: 32px;
    line-height: 38.4px;
    margin: 4px 0 120px 0;
  }

  .call-to-action-1 p.link {
    font-size: 14px;
    line-height: 16.7px;
    padding: 12px 20px;
  }

  .call-to-action-1 p.link img {
    width: 14px;
    height: 14px;
  }

  .call-to-action-1 .bg {
    top: -70px;
    height: 140%;
  }

  .call-to-action-1.inline {
    padding: 40px 24px 80px 48px;
  }

  .call-to-action-1.inline .pole {
    width: 32px;
    height: 4px;
    top: 83px;
  }

  .call-to-action-1.inline h6 {
    font-size: 16px;
    line-height: 20.8px;
  }

  .call-to-action-1.inline h2 {
    margin: 4px 0 24px 0;
  }

  .call-to-action-1.inline h4 {
    font-size: 24px;
    line-height: 30px;
  }

  .call-to-action-1.inline .top-little-icon {
    width: 58.35px;
    height: 46.67px;
    top: 33.67px;
    left: 31.81;
  }

  .call-to-action-1 .user-business-card {
    bottom: -16px;
  }

  .call-to-action-1 .user-business-card img {
    width: 120px;
    height: 120px;
  }

  .call-to-action-1 .user-business-card h4 {
    font-size: 20px;
    line-height: 25px;
  }

  .call-to-action-1 .user-business-card p {
    font-size: 16px;
    line-height: 19px;
    -webkit-line-clamp: 4;
  }

  .call-to-action-1 .user-business-card>div {
    height: 104px;
    max-height: 104px;
  }

  .call-to-action-1.no-imgBg {
    padding: 60px 100px 40px 82px;
    margin: 0 0 80px 0;
  }

  .call-to-action-1.no-imgBg h2 {
    margin: 0 0 40px 0;
  }

  .call-to-action-1.no-imgBg .pole {
    width: 58px;
  }

  .call-to-action-2 {
    position: relative;
    padding: 80px 0;
  }

  .call-to-action-2 h5 {
    font-size: 20px;
    line-height: 25px;
  }

  .call-to-action-2 h2 {
    font-size: 32px;
    line-height: 38.4px;
  }

  .call-to-action-2 p {
    font-size: 16px;
    line-height: 23.2px;
  }

  .call-to-action-2 a.link {
    font-size: 14px;
    line-height: 16.7px;
    padding: 12px 20px;
  }

  .call-to-action-2 a.link img .svg {
    width: 14px;
    height: 14px;
  }

  .call-to-action-2 .bg {
    top: -75px;
    height: 140%;
  }

  .portal-block img,
  .portal-block svg {
    width: 48px;
    height: 48px;
  }

  .portal-block .ipad {
    display: block;
  }

  .portal-block .desc h3 {
    font-size: 24px;
    line-height: 30px;
  }

  .portal-block .desc img,
  .portal-block .desc svg {
    width: 24px;
    height: 24px;
  }

  .portal-block-menu .pc,
  .portal-block-menu .phone {
    display: none;
  }

  .portal-block-menu .ipad {
    display: block;
  }

  .portal-block-menu h5 {
    font-size: 18px;
    line-height: 23.4px;
  }

  .portal-block-menu .menu-block {
    padding: 16px 12px;
  }

  .portal-block-menu .menu-block ul {
    gap: 8px 24px;
  }

  .business-card .business-card-img img {
    width: 236px;
    height: 236px;
  }

  .business-card h4 {
    font-size: 20px;
    line-height: 25px;
  }

  .business-card h6 {
    font-size: 18px;
    line-height: 23.4px;
  }

  .business-card .email {
    flex-direction: column;
  }

  .business-card .email .different-view span:first-child {
    display: none;
  }

  .business-card .email .different-view span:last-child {
    display: block;
  }

  .business-card .card-content {
    max-width: 236px;
    margin: 0 auto;
  }

  .business-card .card-content .email div {
    width: 100%;
  }

  .business-card.left .business-card-img img {
    width: 236px;
    height: 236px;
  }

  .business-card.left .email div {
    width: 100%;
    justify-content: flex-start;
  }

  .business-card.left .email div p {
    margin: 0;
  }

  .business-card.round-head {
    width: 304px;
  }

  .business-card.round-head .business-card-img img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
  }

  .business-card.round-head p {
    font-size: 12px;
    line-height: 18px;
  }

  .business-card.round-head p {
    font-size: 14px;
    line-height: 20.3px;
  }

  .business-card.align-left .email div {
    width: 100%;
  }

  .card.up-down .card-body {
    padding: 24px;
  }

  .card.up-down .card-body h3 {
    font-size: 24px;
    line-height: 30px;
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .card.up-down .card-body p {
    -webkit-line-clamp: 2;
  }

  .card.up-down .card_img {
    max-height: 430px;
  }

  .image-top-block .card .card-body {
    padding: 0;
  }

  .image-top-block .card .card-body .card-desc {
    margin-bottom: 16px;
  }

  .image-top-block .card .card-body .card-title {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 12px;
  }

  .image-top-block .card .card-body p {
    margin: 0;
  }

  .image-top-block .card .card-body .link {
    display: none;
  }

  .image-top-block .card .card-body .btn-primary {
    display: flex;
    gap: 6px;
    align-items: center;
    padding: 12px 20px;
  }

  .block-item3 .card .card-body {
    justify-content: flex-start;
  }

  .block-item3 .card .card-body .link {
    display: flex;
    font-size: 16px;
    line-height: 19.09px;
  }

  .block-item3 .card .card-body .link .revert {
    width: 15px;
    height: 15px;
  }

  .block-item3 .card .card-body .card-title {
    font-size: 32px;
    line-height: 38.4px;
  }

  .block-item3 .card .card-body p {
    font-size: 18px;
    line-height: 26.1px;
  }

  .block-item3 .card .card_img {
    height: 0;
    padding-top: 100%;
    position: relative;
  }

  .block-item3 .card .card_img img {
    position: absolute;
    top: 0;
    left: 0;
  }

  .ipad-btns .card .card-body .link {
    display: none;
  }

  .ipad-btns .card .card-body .btn-primary {
    display: flex;
  }

  .section-title .both-sides .right a.link {
    font-size: 12px;
  }

  .gride {
    gap: 24px;
  }

  .gride .gride-item3-block {
    height: auto;
    min-height: 180px;
  }

  .card.programme .card-body {
    padding: 16px;
  }

  .card.programme .card-body .card-title {
    font-size: 24px;
    line-height: 30px;
  }

  .state-data-block {
    margin: 40px 0;
  }

  .state-data-block .data-block.extra-large img {
    width: 80px;
    height: 80px;
    margin-bottom: 16px;
  }

  .state-data-block .data-block.extra-large .title {
    font-size: 32px;
  }

  .state-data-block .data-block.extra-large h5 {
    font-size: 16px;
    line-height: 20.8px;
  }

  .card.icon-card .card_img {
    width: 80px;
    height: 80px;
  }

  .card.icon-card .card-body {
    padding: 0;
  }

  .card.icon-card .card-body .card-title {
    font-size: 24px;
    line-height: 30px;
  }

  .card.icon-card .card-body .card-text {
    -webkit-line-clamp: 2;
  }

  .card.icon-card .card-body .btn-secondary {
    margin-top: 16px;
    font-size: 16px;
    line-height: 19.09px;
  }

  .sidebar {
    flex-direction: row;
    width: 100%;
    overflow: visible;
  }

  .sidebar .view-input {
    width: 100%;
    display: flex;
  }

  .sidebar .top {
    display: none;
  }

  .sidebar .side-nav {
    position: absolute;
    display: none;
    width: 100%;
    max-height: 490px;
    overflow-y: auto;
    left: 0;
    top: calc(100% + 20px);
    box-shadow: 0px 8px 26px 0px var(--JAIN-shadow-15);
    background: var(--JAIN-light-white);
    z-index: 20;
  }

  .sidebar .side-nav .nav-item {
    padding: 12px 16px;
  }

  .sidebar .side-nav .nav-item .active {
    background: var(--JAIN-light-secondary);
  }

  .sidebar .side-nav .nav-item .active a {
    color: var(--JAIN-secondary);
  }

  .sidebar .side-nav .nav-item .accordion .accordion-body {
    padding: 0;
  }

  .sidebar .side-nav-link {
    position: relative;
    display: block;
    width: 283px;
    box-shadow: none;
  }

  .sidebar .side-nav-link .nav-item {
    padding: 0;
  }

  .sidebar .side-nav-link .nav-item li {
    padding: 0;
  }

  .sidebar .side-nav-link .nav-item li a {
    padding: 19px 16px;
  }

  .sidebar .text {
    font-size: 16px;
    line-height: 23.2px;
    display: flex;
    align-items: center;
    font-family: "Gilroy", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: var(--JAIN-dark-black);
  }

  .sidebar .choose-down {
    filter: invert(50%) sepia(8%) saturate(705%) hue-rotate(201deg) brightness(91%) contrast(87%);
  }

  .sidebar .row-layouts .view-input {
    display: none;
  }

  .sidebar .row-layouts .side-nav {
    padding: 16px;
    margin-bottom: 80px;
    margin-top: 40px;
    display: block !important;
    position: initial;
    box-shadow: none;
  }

  .sidebar .row-layouts .side-nav .nav-item {
    display: flex;
    padding: 0;
  }

  .sidebar .multiple-link-list {
    display: none;
  }

  .sidebar .multiple-link-select {
    display: flex;
    gap: 24px;
  }

  .sidebar .multiple-link-select .side-nav-link {
    top: 0;
    width: 206px;
  }

  .sidebar .multiple-link-select .side-nav-link .nav-item {
    padding: 0;
  }

  .sidebar .multiple-link-select .side-nav-link .nav-item a {
    padding: 19px 16px;
  }

  .sidebar .omit-select {
    width: auto;
  }

  .sidebar .omit-select .view-input {
    display: none;
  }

  .sidebar .omit-select .view-more {
    display: flex;
  }

  .sidebar .swiper {
    height: auto;
  }

  .sidebar .swiper .swiper-wrapper {
    display: block;
    padding: 8px 0;
  }

  .sidebar .swiper .swiper-wrapper .swiper-slide {
    padding: 8px 16px;
    height: auto;
  }

  .sidebar .swiper .swiper-wrapper .swiper-slide a {
    font-size: 16px;
    line-height: 23.2px;
  }

  .sidebar .swiper .swiper-wrapper .active {
    background: none;
  }

  .sidebar .swiper-next,
  .sidebar .swiper-pre {
    display: none;
  }

  .card.vertical {
    flex: 0 0 calc((100% - 48px) / 3);
    aspect-ratio: 282.67/300;
  }

  .introduction-video {
    padding: 80px 0;
  }

  .introduction-video .wrapper {
    flex-direction: column;
  }

  .introduction-video .wrapper .video-block {
    width: 100%;
  }

  .introduction-video .wrapper .video-block .JAIN-video {
    aspect-ratio: 896/400;
  }

  .introduction-video .section-header {
    width: 100%;
  }

  .introduction-video .section-header h5 {
    color: var(--JAIN-secondary);
  }

  .card.pdf-card {
    margin: 40px auto;
    max-width: 100%;
  }

  .article-module-left-right-layout .card .card-body a.link {
    font-size: 16px;
    line-height: 19.09px;
  }

  .article-module-left-right-layout .left .card .card-body {
    padding: 36px 24px;
  }

  .article-module-left-right-layout .right .row {
    width: 100%;
    margin-left: 0;
  }

  .article-module-left-right-layout .right .card .card-body .card-title {
    -webkit-line-clamp: 3;
    margin: 0 0 8px 0;
  }

  .article-module-left-right-layout .right .card .card-body .card-text {
    margin: 0 0 8px 0;
  }

  .icon-list-box {
    margin: 80px 0 50px 0;
  }

  .info-list-box h3 {
    font-size: 24px;
    line-height: 30px;
  }

  .subscribe-module {
    padding: 80px 32px;
  }

  .subscribe-module h3 {
    font-size: 24px;
    line-height: 30px;
  }

  .subscribe-module .subscribe-box {
    width: 100%;
    padding: 24px 36px 48px 36px;
  }

  .subscribe-module .subscribe-box .text-field {
    width: 100%;
    display: none;
  }

  .subscribe-module .subscribe-box a {
    font-size: 16px;
    line-height: 19.09px;
    padding: 16px 32px;
  }

  .long-btns {
    margin-bottom: 80px;
  }

  .sidebar-box {
    width: 100%;
    height: 65px;
    overflow: visible;
  }

  .anchor-bar-stick {
    width: 90%;
    top: 175px;
  }

  .cover-block {
    height: 130px;
    left: 0;
  }

  .text-image-component .subheading {
    margin-bottom: 50px;
  }

  .text-image-component h5 {
    font-size: 18px;
    line-height: 23.4px;
  }

  .text-image-component h2 {
    font-size: 32px;
    line-height: 38.4px;
  }

  .text-image-component p {
    margin: 12px auto 0 auto;
  }

  .text-image-component .image-top-block .card .card_img {
    height: 280px;
  }

  .text-image-component .image-top-block .card .card-body .card-title {
    font-size: 20px;
    line-height: 25px;
  }

  .gallery-module {
    padding: 80px 0;
    margin: 80px 0;
  }

  .gallery-module .horizontal-card {
    width: 90%;
  }

  .gallery-module .horizontal-card .title {
    margin: 0 auto;
    text-align: center;
  }

  .gallery-module .horizontal-card .img-desc {
    height: auto;
    border-radius: 0;
  }

  .gallery-module .horizontal-card p {
    text-align: center;
  }

  .gallery-module .img-desc {
    padding: 0;
    text-align: center;
    height: auto;
  }

  .gallery-module .subheading {
    text-align: center;
  }

  .gallery-module .subheading .btns {
    justify-content: center;
  }

  .gallery-module .section-header p {
    margin: 12px 0 24px 0;
  }

  .header-text h3 {
    font-size: 24px;
    line-height: 30px;
  }

  .image-gallery {
    gap: 16px;
  }

  .image-gallery img {
    min-width: 180px;
    max-width: 180px;
    height: 180px;
    width: 180px;
  }

  .image-gallery .image-box-left {
    gap: 16px;
  }

  .image-gallery .image-box-left img {
    transform: translateX(-10px);
  }

  .image-gallery .image-box-right {
    gap: 16px;
  }

  .image-gallery .image-box-right img {
    transform: translateX(-30px);
  }

  .events .subheading .left p {
    display: none;
  }

  .event-swiper .card {
    padding: 0 0 0 16px;
  }

  .event-swiper .card .card-body .card-title {
    -webkit-line-clamp: 2;
    font-size: 18px;
    line-height: 23.4px;
  }

  .event-swiper .card .address p {
    font-size: 14px;
  }

  .banner-call-to-action {
    padding: 224px 32px 32px 32px;
  }

  .banner-call-to-action h5,
  .banner-call-to-action h2,
  .banner-call-to-action p {
    width: 100%;
  }

  .banner-call-to-action h2 {
    margin-bottom: 4px;
  }

  .banner-call-to-action p {
    margin-bottom: 16px;
    font-size: 18px;
    line-height: 26.1px;
  }

  .subheading.datepicker-subheading {
    flex-direction: column;
    align-items: flex-start;
  }

  .subheading.datepicker-subheading .right {
    width: 100%;
  }

  .subheading.datepicker-subheading .datepicker-block {
    border: none;
    padding: 0;
    width: 100%;
  }

  .subheading.datepicker-subheading .datepicker-block .btn-primary {
    display: none;
  }

  .subheading.datepicker-subheading .datepicker-block input {
    width: 100%;
    padding: 14px 16px;
    border-radius: 12px;
    background: var(--JAIN-light-secondary);
  }

  .subheading.datepicker-subheading .datepicker-block .select-date-icon {
    display: block;
  }

  .datepicker-block {
    border: none;
    padding: 0;
    width: 100%;
  }

  .datepicker-block .btn-primary {
    display: none;
  }

  .datepicker-block input {
    width: 100%;
    padding: 14px 16px;
    border-radius: 12px;
    background: var(--JAIN-light-secondary);
  }

  .datepicker-block .select-date-icon {
    display: block;
  }

  .date-event-list .large-event-card {
    flex: 0 0 100%;
  }

  .large-event-card {
    padding: 16px;
  }

  .large-event-card .dark {
    display: none;
  }

  .large-event-card .btns {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    display: none;
    z-index: 20;
    pointer-events: none;
  }

  .large-event-card .btns a {
    display: none;
    width: 100%;
    height: 100%;
  }

  .large-event-card .btns a:first-of-type {
    display: block;
    pointer-events: auto;
  }

  .large-event-card .event-card.large .card-body .card-title {
    font-size: 20px;
    line-height: 25px;
  }

  .large-event-card .event-card.large .card-body .date {
    display: none;
  }

  .subheading.dateline-subheading h3 {
    font-size: 24px;
    line-height: 30px;
  }

  .date-card-list .card {
    height: auto;
  }

  .date-card-list .card .card_img {
    width: 80px;
    height: 80px;
  }

  .date-card-list .card .card-body .card-title {
    font-size: 32px;
    line-height: 38.4px;
  }

  .date-card-list .card .card-body p {
    -webkit-line-clamp: 4;
  }

  .JAIN-audio-box h5 {
    font-size: 20px;
    line-height: 25px;
  }

  .card-swiper p {
    font-size: 16px;
    line-height: 23.2px;
  }

  .margin-60 {
    margin-bottom: 50px;
  }

  .mb60-40-32 {
    margin-bottom: 40px;
  }

  .mb-100 {
    margin-bottom: 80px;
  }

  .mb-40 {
    margin: 0 0 32px 0;
  }

  .mb40-40-40 {
    margin-bottom: 40px;
  }

  .mb24-24-16 {
    margin-top: 24px;
  }

  .mb80-40-60 {
    margin-bottom: 40px;
  }

  .mb60-80-60 {
    margin-bottom: 80px;
  }

  .mb60-40-60 {
    margin-bottom: 40px;
  }

  .mb60-32-24 {
    margin-bottom: 32px;
  }

  .mb40-24-16 {
    margin-bottom: 24px;
  }

  .mb32-40-32 {
    margin-bottom: 40px;
  }

  .only-pc-btn {
    display: none !important;
  }

  footer {
    margin-top: 80px;
  }

  .error-banner {
    flex-direction: column;
    padding-bottom: 0;
  }

  .error-banner .img {
    flex: none;
    text-align: center;
    width: 88%;
    margin: 0 auto 24px;
  }

  .error-banner .img img {
    width: 100%;
  }

  .error-banner .message {
    font-size: 48px;
    font-weight: 600;
    line-height: 55px;
    text-align: center;
  }

  .audio-swiper {
    margin-bottom: 50px;
  }

  .user-info .business-card {
    flex: 0 0 calc((100% - 24px) / 2);
  }

  .user-info .business-card .business-card-img img {
    width: 90px;
    height: 90px;
  }

  .user-info .business-card h5 {
    font-size: 18px;
    line-height: 23.4px;
    margin-bottom: 2px;
  }

  .user-info .business-card p {
    font-size: 14px;
    line-height: 20.3px;
    margin: 0;
  }

  .user-info .business-card .email {
    flex-direction: row;
  }

  .user-info .business-card .email a {
    font-size: 14px;
    line-height: 20.3px;
  }

  .user-info .business-card .margin-p {
    margin-bottom: 4.5px;
  }

  .search-list .subheading h2 {
    font-size: 20px;
    line-height: 25px;
  }

  .condition-content {
    padding: 32px 0 80px 0;
    width: 90%;
  }

  .condition-content .sidebar {
    width: auto;
  }

  .profile .text-desc {
    flex: auto;
  }

  .profile .img-info {
    flex: 0 0 283px;
  }

  .profile .img-info img {
    height: 100%;
  }

  p.center {
    max-width: 100%;
  }

  .video-swiper {
    margin-bottom: 40px;
  }

  .top-dropdown {
    padding: 21px 16px;
    margin-bottom: 40px;
  }

  .tablet-title {
    display: block;
  }

  .article-module-left-right-layout-list .left {
    min-height: 570px;
  }

  .article-module-left-right-layout-list .left .card .tags {
    display: none;
  }

  .article-module-left-right-layout-list .left .card .card_img {
    max-height: 430px;
  }

  .article-module-left-right-layout-list .right .card .card-body {
    padding: 24px 24px 21px 24px;
  }

  .article-module-left-right-layout-list .right .card .card_img {
    max-height: 206px;
  }

  .portal-card .card_img {
    aspect-ratio: 436/236;
  }

  .portal-card .large-img {
    aspect-ratio: 436/235;
  }

  .portal-card .card-body {
    justify-content: flex-start;
  }

  .portal-card .card-body .btns {
    gap: 8px;
  }

  .portal-card .card-body .btns .btn-primary {
    flex: none;
  }

  .portal-card .card-body .btn-secondary {
    border: 1px solid var(--JAIN-secondary);
    padding: 12px 20px;
    color: var(--bs-primary);
    border-radius: 28px;
  }

  .portal-card .card-body .btn-secondary img,
  .portal-card .card-body .btn-secondary svg {
    filter: invert(8%) sepia(14%) saturate(928%) hue-rotate(201deg) brightness(96%) contrast(93%);
  }

  .card-group-4 {
    gap: 24px;
  }

  .card-group-4 .card,
  .card-group-4 .captions {
    flex: 0 0 calc((100% - 24px) / 2);
  }

  .captions.small {
    aspect-ratio: 436/206;
  }

  .grey-section {
    padding: 80px 0;
  }

  .cover-card .card_img {
    aspect-ratio: 436/236;
  }

  .cover-card .card-body .card-title {
    font-size: 20px;
    line-height: 25px;
  }

  .cover-card.large .card_img {
    aspect-ratio: 436/236;
  }

  .call-to-action-3 {
    padding: 80px 48px 160px 48px;
  }

  .call-to-action-3 h2 {
    line-height: 38.4px;
  }

  .call-to-action-3 .pole {
    width: 37px;
    top: 92px;
  }

  .upside-down-card .card-body .card-title {
    font-size: 24px;
    line-height: 30px;
    -webkit-line-clamp: 2;
    margin: 0 0 24px 0;
  }

  .upside-down-card .card-body .btn-secondary {
    font-size: 14px;
    line-height: 19.09px;
  }

  .upside-down-card .card_img {
    aspect-ratio: 436/261;
  }

  .card-group-5 .posters {
    flex: 0 0 calc((100% - 72px) / 4);
  }

  .card-group-5 .posters img {
    aspect-ratio: 206/321;
  }

  .card-group-5 .posters:last-child {
    display: none;
  }

  .card-group-3 .up-down-card {
    flex: 0 0 calc((100% - 24px) / 2);
  }

  .card-group-3 .up-down-card .card_img {
    aspect-ratio: 436/239;
  }

  .card-group-3 .cover-card .card_img {
    aspect-ratio: 282.67/192;
  }

  .card-group-3 .portal-card .card_img {
    aspect-ratio: 282.67/235;
  }

  .about-news-article .card-group-3 .up-down-card:last-child {
    display: none;
  }

  .about-news-article .card-group-3 .up-down-card:nth-child(2),
  .about-news-article .card-group-3 .up-down-card:nth-child(1) {
    display: block !important;
  }

  .card-group-2 .up-down-card .card_img {
    aspect-ratio: 436/297;
  }

  .card-group-2 .portal-card .card_img {
    aspect-ratio: 440/236;
  }

  .call-to-action-1.quote-photo {
    padding: 60px 82px 100px 82px;
  }

  .call-to-action-1.quote-photo .pole {
    width: 58px;
  }

  .call-to-action-1.quote-photo h2 {
    margin: 0 0 20px 0;
  }

  .call-to-action-1.quote-photo .top-little-icon {
    width: 58.35px;
    height: 46.67px;
    top: 32.67px;
    left: 31.82px;
  }

  .call-to-action-1.quote {
    padding: 60px 100px 40px 82px;
  }

  .call-to-action-1.quote .pole {
    width: 58px;
    top: 83px;
  }

  .call-to-action-1.quote h2 {
    margin: 0 0 40px 0;
  }

  .call-to-action-1.quote h4 {
    font-size: 24px;
    line-height: 30px;
  }

  .call-to-action-1.quote .top-little-icon {
    width: 58.35px;
    height: 46.67px;
    top: 33.67px;
    left: 31.81px;
  }

  .card-swiper2 {
    padding-bottom: 48px !important;
  }

  .card-swiper2 .swiper-pagination {
    display: block;
  }

  .info-list p {
    font-size: 16px;
    line-height: 23.2px;
  }

  .poster-swiper .swiper-slide {
    width: 180px;
  }

  .poster-swiper .posters img {
    height: 280px;
    aspect-ratio: 180/280;
  }

  .image-waterfall h2 {
    font-size: 32px;
    line-height: 38.4px;
    width: 100%;
  }

  .image-waterfall .btns a.link {
    font-size: 16px;
  }

  .image-waterfall .moving-bg {
    height: 418px;
    gap: 14px;
  }

  .image-waterfall .moving-bg .bg_1 {
    top: -55px;
  }

  .image-waterfall .moving-bg .bg_2 {
    top: 49px;
  }

  .image-waterfall .moving-bg .bg_3 {
    top: 77px;
  }

  .image-waterfall .moving-bg .bg_4 {
    top: 22px;
  }

  .image-waterfall .moving-bg .bg_5 {
    top: -109px;
  }

  .image-waterfall .moving-bg .bg-icon img {
    margin-bottom: 14px !important;
  }

  .hero {
    margin-bottom: 80px;
  }

  .hero .hero_content {
    max-width: 534px;
  }

  .hero .hero_content .title h1 {
    font-size: 64px;
    line-height: 64px;
    letter-spacing: -0.03em;
  }

  .hero .hero_content .description {
    margin: 0 auto;
  }

  .hero .pole {
    width: 2.29px;
    height: 78.91px;
  }

  .category {
    padding: 40px 0;
  }

  .category .category-item {
    flex-wrap: wrap;
  }

  .category .category-item a.link {
    padding: 16px 32px;
  }

  .category .category-item a.link h4 {
    font-size: 16px;
  }

  .partnership .count-list {
    padding: 0 140px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    gap: 24px;
  }

  .partnership .count-list .data-block {
    justify-self: center;
  }

  .partnership .count-list .data-block h2 span {
    font-size: 32px;
    line-height: 38.4px;
  }

  .partnership .count-list .data-block h4 {
    font-size: 20px;
    line-height: 25px;
    color: var(--JAIN-light-white);
  }

  .partnership a.light-border {
    font-size: 18px;
    padding: 16px 32px;
  }

  .partnership a.light-border img {
    width: 15px;
    height: 15px;
    margin-left: 8px;
  }

  .partnership p.large {
    width: auto;
  }

  .our-programmes {
    width: 90%;
  }

  .our-programmes .call-to-action-1 {
    padding: 80px 32px;
  }

  .our-programmes .call-to-action-1 h5 {
    font-size: 20px;
  }

  .our-programmes .call-to-action-1 .pole {
    width: 20px !important;
    top: 91px;
  }

  .our-programmes .call-to-action-1 .programme-cards {
    margin-top: 120px;
  }

  .our-programmes .call-to-action-1 .programme-cards a.link {
    font-size: 16px;
  }

  .our-programmes .call-to-action-1 .programme-cards .card.programme .card-title {
    font-size: 24px;
    margin-bottom: 128px;
  }

  .events-select-swiper {
    display: none;
  }

  .author-info h5 {
    font-size: 20px;
    line-height: 25px;
  }

  .author-info p {
    font-size: 14px;
    line-height: 20.3px;
  }

  .author-info .email img {
    display: none;
  }

  .author-info .email a {
    font-size: 14px;
    line-height: 20.3px;
  }

  .form-group label {
    font-size: 18px;
    line-height: 23.4px;
    margin-bottom: 8px;
  }

  .form-group .btn-primary {
    padding: 16px 32px;
  }

  .card-swiper .card .card-body {
    padding: 24px 32px;
  }

  .card-swiper .card .card-body .card-text {
    margin-bottom: 56px;
    color: var(--JAIN-dark-black);
  }

  .card-swiper .card .card_img {
    flex: none;
    aspect-ratio: 896/320;
  }

  .card-swiper .change-btn {
    display: none;
  }

  .card-swiper .swiper-pagination {
    left: 50% !important;
    transform: translateX(-50%);
  }

  .search-criteria {
    width: 100%;
  }

  .search-results {
    padding: 58px 0 0 0;
  }

  .results-display-box .title {
    margin: 0;
  }

  .topic-group2 {
    gap: 24px;
  }

  .stepper-content p {
    max-width: 100%;
  }

  .accordion-swiper {
    padding-bottom: 40px;
  }

  .accordion-swiper .swiper-slide img {
    width: 100%;
  }

  .accordion-swiper .swiper-slide .sc-content {
    width: 70%;
  }

  .accordion-swiper .swiper-slide .sc-content h3 {
    font-size: 24px;
    line-height: 30px;
    min-width: 100%;
    -webkit-line-clamp: 2;
  }

  .accordion-swiper .swiper-slide .counter {
    bottom: 33.5px;
  }

  .accordion-swiper .swiper-pagination {
    display: block;
  }

  .gride3-2-1 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }

  .section-title-center .logo {
    width: 48px;
    height: 48px;
  }

  .logoSwiper .swiper-slide img {
    width: 170px;
    height: 58px;
  }

  .slider-swiper .swiper-pre,
  .slider-swiper .swiper-next {
    display: none;
  }

  .slider-swiper .swiper-slide {
    height: 170px;
  }

  .main-title h4 {
    font-size: 18px;
    line-height: 23.4px;
  }

  .main-title .title {
    margin: 4px 0 32px 0;
  }

  .thumb-slides .banner-img {
    height: 450px;
  }

  .thumb-slides .banners .card-img-bg {
    max-height: 450px;
    height: 450px;
  }

  .shadow-picture-swiper .shadow-picture {
    height: 450px;
  }

  .info-box {
    width: 100%;
  }

  .info-box hr {
    margin: 8px 0;
  }

  .img-video-group-line1 img,
  .img-video-group-line1 .JAIN-video {
    max-height: 328px;
    height: 328px;
  }

  .card.card-img-bg {
    max-height: 450px;
  }

  .marquee .swiper-slide img,
  .marquee .swiper-slide .shadow-picture {
    width: 300px;
    height: 300px;
  }
}

@media (max-width: 560px) {

  .pc,
  .ipad {
    display: none !important;
  }

  .phone {
    display: block !important;
  }

  .wrapper,
  .wrapper-thin {
    width: 94%;
  }

  .wrapper-thin .posters {
    height: 300px;
  }

  .cd-top-wrap a.cd-top {
    left: 85%;
    width: 60px;
    height: 60px;
  }

  .page-content .page-detail {
    width: 94%;
    flex-direction: column;
    gap: 0;
  }

  .page-content .page-detail .content {
    width: 100%;
  }

  .page-content .page-detail .sidebar {
    padding-top: 25px;
    padding-bottom: 24px;
    top: 60px;
    width: 100%;
    overflow-x: visible;
  }

  .page-content .page-detail .info-box {
    width: 100%;
    top: 85px;
    z-index: 20;
    margin-top: 20px;
  }

  .page-content .page-detail .info-box::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 25px;
    top: -24px;
    left: 0;
    z-index: -1;
    background: var(--JAIN-light-white);
  }

  .page-content .page-detail .JAIN-video {
    aspect-ratio: 512/300;
    height: auto;
  }

  .page-content .page-detail .portal-card .card_img {
    aspect-ratio: 512/236;
  }

  .page-content .page-detail .card-group-2 .portal-card .card_img {
    aspect-ratio: 512/280;
  }

  .page-content .sidebar .view-input {
    width: 100%;
  }

  .page-content .phone-select {
    display: flex;
  }

  .page-content p:empty {
    height: 15px;
  }

  .page-content hr {
    margin: 40px 0;
  }

  .content {
    width: 100%;
    padding: 0;
  }

  .content hr {
    margin: 40px 0;
  }

  .content .title {
    margin: 40px 0 24px 0;
    line-height: 30px;
  }

  .pagination .page-numbers {
    width: 30px;
    height: 30px;
  }

  a.btn-primary,
  a.btn-secondary {
    font-size: 12px;
    padding: 8px 12px;
    gap: 4px;
  }

  a.btn-primary img,
  a.btn-secondary img {
    width: 12px;
    height: 12px;
  }

  a.no-bg {
    padding: 6px;
  }

  .subheading {
    max-width: 512px;
  }

  .subheading p {
    font-size: 16px;
    line-height: 23.2px;
  }

  .subheading .btns {
    gap: 16px;
  }

  .subheading.align-left p {
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .subheading.align-left.both-sides {
    flex-wrap: wrap;
  }

  .subheading.both-sides.some-text {
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
  }

  .subheading.both-sides.some-text .left,
  .subheading.both-sides.some-text .right {
    flex: 0 0 100%;
    text-align: center;
  }

  .subheading.both-sides.some-text h2 {
    margin-bottom: 0;
  }

  .subheading.both-sides.some-text p {
    font-size: 18px;
    line-height: 26.1px;
  }

  h1 {
    letter-spacing: -0.02em;
  }

  h2 {
    font-size: 24px;
    letter-spacing: -0.02em;
  }

  h3 {
    letter-spacing: -0.01em;
    font-size: 22px;
  }

  h4 {
    letter-spacing: -0.01em;
  }

  h5 {
    font-size: 16px;
  }

  .btn-secondary {
    padding: 6px 2px;
  }

  .btn-secondary:active {
    background: var(--JAIN-light-secondary);
    color: var(--bs-primary);
  }

  .card.event-card {
    padding: 0;
  }

  .card.event-card .calendar {
    display: none;
  }

  .card.event-card .card-body {
    padding: 12px 16px;
  }

  .card.event-card .card-body .card-title {
    margin: 0;
  }

  .card.event-card .card-body .address img {
    width: 18px;
    height: 18px;
  }

  .card.event-card .card-body .address p {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0;
  }

  .card.event-card .card-body .address.calendars {
    display: flex;
    margin: 8px 0;
  }

  .btn-secondary.light-white {
    color: var(--JAIN-light-white);
  }

  .btn-secondary.light-white img.pre {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(298deg) brightness(102%) contrast(102%);
  }

  .btn-secondary.light-white img.next {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(298deg) brightness(102%) contrast(102%);
  }

  header .nav-external-links {
    display: none;
  }

  header .header-main {
    padding: 0 16px;
  }

  header .header-main .menus {
    position: absolute;
    flex-direction: column;
    display: none;
  }

  header .header-main .search-nav .search-nav-bar {
    padding: 24px;
  }

  header .header-main .nav-fun {
    position: relative;
  }

  header .header-main .nav-fun .lang-switcher {
    display: flex;
    position: absolute;
    top: 50px;
    flex-direction: column;
    width: 100px;
    height: 104px;
    background: var(--JAIN-light-white);
    gap: 16px;
    justify-content: center;
    padding: 0 12px;
    border-radius: 6px;
    opacity: 0;
    transition: opacity 0.5s;
    box-shadow: 0px 12px 40px 0px var(--JAIN-dark-black15);
    visibility: hidden;
  }

  header .header-main .nav-fun .lang-switcher a {
    padding: 0;
    font-size: 18px;
    width: 100%;
    display: block;
    color: var(--bs-primary);
  }

  header .header-main .nav-fun .lang-switcher .active {
    background: transparent;
    color: var(--JAIN-secondary);
  }

  header .header-main .nav-fun .open-version-change {
    display: flex;
    opacity: 1;
    visibility: visible;
  }

  header .header-main .nav-fun .small-screen-language {
    display: block;
  }

  header .header-main .nav-fun .search {
    margin: 0 8px;
  }

  header .header-main .header-logo {
    flex: 0 0 160px;
    transform: translateZ(0);
  }

  header .header-main .side-nav {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    width: 100%;
    border-radius: 0;
    padding: 0 24px;
  }

  header .header-main .side-nav::before {
    content: "";
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color: var(--JAIN-light-white80);
    z-index: -1;
  }

  header .header-main .side-nav .top {
    padding: 24px 0 12px 0;
  }

  header .header-main .side-nav .top h5 {
    font-size: 20px;
  }

  header .header-main .side-nav .nav-item {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin: 24px 0;
  }

  header .header-main .side-nav .nav-item li {
    padding: 12px 16px;
    width: 100%;
    justify-content: flex-start;
  }

  header .header-main .side-nav .nav-item li:active {
    background: transparent;
  }

  header .header-main .side-nav .nav-item a.link {
    color: var(--JAIN-dark-black);
    padding: 0;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children {
    position: absolute;
    display: none;
    opacity: 0;
    animation-name: submenu_animation;
    animation-duration: 1000ms;
    animation-direction: reverse;
    top: calc(100% + 12px);
    min-width: 90%;
    transform: translateX(-50%);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color: var(--JAIN-light-white80);
    padding: 24px;
    border-radius: 12px;
    left: 50%;
    z-index: 10;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children h5,
  header .header-main .side-nav .nav-item .nav-item-li .item-children a {
    text-align: left;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children .first h5 {
    color: var(--bs-primary);
    font-size: 20px;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children .depth {
    display: flex;
    gap: 24px;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children .depth li {
    width: 100%;
    padding: 0;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children .depth li a {
    color: var(--bs-primary);
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children .depth .depth_1_menu {
    padding-left: 10px;
    margin-top: 10px;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children .depth .Programmes {
    margin-top: 12px;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children .children_menu2 {
    border-top: 1px solid var(--JAIN-dark-black10);
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children .children_menu2 .card-box {
    display: flex;
    gap: 12px;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children .children_menu2 .card-box .card .card-body h4 {
    -webkit-line-clamp: 2;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children .children_menu2 a.link-extra-small {
    font-size: 12px;
    color: var(--JAIN-secondary);
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen {
    position: absolute;
    display: none;
    opacity: 1;
    top: 100%;
    left: 0;
    width: 100%;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color: var(--JAIN-light-white80);
    padding: 24px;
    z-index: 10;
    overflow-y: auto;
    max-height: calc(100vh - 65px);
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .first {
    display: flex;
    gap: 10px;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .first h5 {
    font-size: 20px;
    line-height: 25px;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .first img {
    width: 25px;
    height: 25px;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen h5,
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .link,
  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .small {
    color: var(--bs-primary);
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .Programmes .link {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .Programmes .link .revert {
    display: block;
    width: 15px;
    height: 15px;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .depth li {
    width: 100%;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .some-link .Programmes {
    margin-bottom: 16px;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .JAIN-accordion {
    width: 100%;
    padding: 0;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .JAIN-accordion .accordion-item {
    border: none;
    background: rgba(0, 0, 0, 0);
    margin-bottom: 16px;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .JAIN-accordion .accordion-item .accordion-button {
    padding: 12px 16px;
    background: rgba(0, 0, 0, 0);
    border-radius: 8px;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .JAIN-accordion .accordion-item .accordion-button::after {
    background-image: url("../images/mutation1_down_little.svg");
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .JAIN-accordion .accordion-item .accordion-button:not(.collapsed)::after {
    background-image: url("../images/mutation1_up_little.svg");
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .JAIN-accordion .accordion-item .accordion-button:not(.collapsed) {
    background: var(--JAIN-light-secondary);
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .JAIN-accordion .accordion-item .accordion-button:not(.collapsed) .link {
    color: var(--JAIN-secondary);
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .JAIN-accordion .accordion-item .accordion-body {
    padding: 0;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .JAIN-accordion .accordion-item .accordion-body .depth_1 {
    padding: 0;
  }

  header .header-main .side-nav .nav-item .nav-item-li .item-children-small-screen .JAIN-accordion .accordion-item .accordion-body .depth_1 .depth_1_menu {
    padding: 0 16px;
    margin-top: 16px;
  }

  header .header-main .side-nav .nav-item .nav-item-li .academics .depth_1 {
    flex: 0 0 calc((100% - 24px) / 2);
  }

  header .header-main .side-nav .nav-item .nav-item-li .admissions .depth_1 {
    flex: 0 0 calc((100% - 48px) / 3);
  }

  header .header-main .side-nav .nav-item .nav-item-li .campus-life .depth_1 {
    flex: 0 0 calc((100% - 24px) / 2);
  }

  header .header-main .side-nav .nav-item .nav-item-li .about .depth_1,
  header .header-main .side-nav .nav-item .nav-item-li .research .depth_1 {
    flex: 0 0 calc((100% - 24px) / 2);
  }

  header .header-main .side-nav .nav-item .active-li {
    background: #f2f2f9;
  }

  header .header-main .side-nav .nav-item .active-li .item-children {
    display: block;
    animation-direction: normal;
    opacity: 1;
  }

  header .header-main .side-nav .nav-item .active-li .item-children-small-screen {
    display: block;
    animation-direction: normal;
    transform: translateY(65px);
  }

  header .header-main .side-nav .nav-item .active-li a.menu {
    color: var(--JAIN-secondary);
  }

  header .header-main .side-nav-children-animate {
    transform: translateY(calc(-100% - 65px));
  }

  header .hamburger {
    display: block;
    padding: 8px;
  }

  header .hamburger img,
  header .hamburger svg {
    width: 20px;
    height: 20px;
  }

  header .apply {
    display: none !important;
  }

  header.stick {
    top: 0;
  }

  footer {
    padding: 40px 32px;
    margin-top: 80px;
  }

  footer .column {
    flex-direction: column;
    position: relative;
  }

  footer .column .building {
    position: absolute;
    bottom: 0;
    left: 0;
  }

  footer .column .column_left {
    position: static;
  }

  footer .column .column-right {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 80px 0 224px 0;
    width: 100%;
  }

  footer .column .column-right h6 {
    font-size: 18px;
  }

  footer .record {
    flex-direction: column-reverse;
    align-items: center;
    margin-top: 24px;
  }

  footer .record .info {
    width: 100%;
  }

  .breadcrumb {
    align-items: center;
    display: none;
  }

  .breadcrumb .breadcrumb-item {
    display: flex;
    align-items: center;
  }

  .breadcrumb .link,
  .breadcrumb .breadcrumb-item.active .link {
    font-size: 12px;
  }

  .breadcrumb.light-white .breadcrumb-item+.breadcrumb-item::before {
    content: var(--bs-breadcrumb-dividers-light-small, "../../../../../index.html");
  }

  .card.icon-card .card_img {
    width: 60px;
    height: 60px;
  }

  .card.icon-card .card-body {
    padding: 0 16px;
  }

  .card.icon-card .card-body .card-title {
    font-size: 18px;
    line-height: 23.4px;
  }

  .card.icon-card .card-body h4 {
    font-size: 16px;
    line-height: 20.8px;
  }

  .card.icon-card .card-body p {
    -webkit-line-clamp: 5;
    text-align: center;
    font-size: 14px;
    line-height: 20.3px;
  }

  .card.icon-card .card-body p a {
    font-size: 14px;
  }

  .card.icon-card .card-body h4 {
    font-size: 14px;
    line-height: 16.7px;
  }

  .card.icon-card .card-body .btn-secondary {
    font-size: 16px;
    line-height: 19.09px;
  }

  .data-block {
    width: 116px;
  }

  .data-block img,
  .data-block svg {
    width: 60px;
    height: 60px;
  }

  .data-block h2 {
    font-size: 18px;
    line-height: 23.4px;
  }

  .data-block h4 {
    font-size: 12px;
    line-height: 16.8px;
  }

  .data-block .title {
    margin: 0;
  }

  .data-block .phone {
    display: block;
  }

  .data-block.extra-large img {
    width: 60px;
    height: 60px;
    margin-bottom: 20px;
  }

  .header-section-navigation {
    padding: 140px 24px 24px 32px;
    margin-bottom: 60px;
  }

  .header-section-navigation .pc,
  .header-section-navigation .ipad {
    display: none;
  }

  .header-section-navigation .phone {
    display: block;
  }

  .header-section-navigation .pole {
    width: 16px;
    left: -32px;
    top: 15px;
  }

  .header-section-navigation h1 {
    font-size: 32px;
    line-height: 38.4px;
    margin-top: 0;
  }

  .header-section-navigation h3 {
    font-size: 20px;
    line-height: 25px;
  }

  .header-section-navigation p {
    font-size: 16px;
    line-height: 23.2px;
  }

  .header-section-navigation .breadcrumb .link,
  .header-section-navigation .breadcrumb .breadcrumb-item.active .link {
    font-size: 12px;
    line-height: 16.8px;
  }

  .header-section-navigation .tag-group {
    margin-top: 8px;
  }

  .header-section-navigation.no-cover {
    padding: 120px 32px 32px 32px;
    margin-bottom: 0;
  }

  .header-section-navigation.no-cover .pole {
    width: 16px;
  }

  .header-section-navigation.no-cover h2 {
    font-size: 20px;
    line-height: 25px;
  }

  .card.across-medium .card-body {
    padding: 16px;
  }

  .card.across-medium .card-body h4 {
    -webkit-line-clamp: 3;
  }

  .card.across-medium .card-body .tag {
    display: none;
  }

  .card.across-medium .card_img {
    max-height: 180px;
  }

  .JAIN-accordion .accordion-item .accordion-header h4 {
    font-size: 18px;
    line-height: 23.4px;
  }

  .JAIN-accordion .accordion-item .accordion-button {
    padding: 20px 24px 16px 24px;
  }

  .JAIN-accordion .accordion-item .accordion-collapse .accordion-body {
    padding-left: 24px;
    padding-right: 24px;
  }

  .JAIN-accordion .accordion-item .accordion-collapse .accordion-body h5 {
    font-size: 16px;
    line-height: 19.09px;
  }

  .JAIN-accordion .accordion-item .accordion-collapse .accordion-body p {
    font-size: 14px;
    line-height: 20.3px;
  }

  .JAIN-video {
    position: relative;
    height: 300px;
  }

  .JAIN-video .video-desc {
    padding: 8px 16px;
  }

  .JAIN-video .video-desc h4 {
    font-size: 18px;
    line-height: 23.4px;
  }

  .JAIN-video .video-js {
    height: 100% !important;
  }

  .JAIN-video .video-js .vjs-big-play-button {
    width: 44px;
    height: 44px;
  }

  .JAIN-video .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    content: url("../images/play_icon_small.svg");
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
  }

  .call-to-action-1 {
    padding: 0;
  }

  .call-to-action-1 .pole {
    width: 32px;
    height: 4px;
  }

  .call-to-action-1 h5 {
    font-size: 18px;
    line-height: 23.4px;
  }

  .call-to-action-1 h2 {
    font-size: 24px;
    line-height: 30px;
    margin: 4px 0 16px 0;
  }

  .call-to-action-1 a.link {
    font-size: 14px;
    line-height: 16.7px;
    padding: 12px 20px;
  }

  .call-to-action-1 a.link img,
  .call-to-action-1 a.link svg {
    width: 14px;
    height: 14px;
  }

  .call-to-action-1 .bg {
    top: -50px;
    height: 150%;
  }

  .call-to-action-1 .user-business-card {
    bottom: 24px;
    right: 40px;
  }

  .call-to-action-1 .user-business-card img {
    width: 72px;
    height: 72px;
  }

  .call-to-action-1 .user-business-card h4 {
    font-size: 20px;
    line-height: 25px;
  }

  .call-to-action-1 .user-business-card h4 a {
    font-size: 20px;
    line-height: 25px;
  }

  .call-to-action-1 .user-business-card p {
    font-size: 16px;
    line-height: 20px;
    -webkit-line-clamp: 3;
    margin-bottom: 0;
  }

  .call-to-action-1 .user-business-card>div {
    width: 166px;
    height: 85px;
    max-height: 85px;
  }

  .call-to-action-1.inline {
    padding: 24px 48px;
  }

  .call-to-action-1.inline .pole {
    width: 32px;
    height: 4px;
    top: 58px;
  }

  .call-to-action-1.inline h6 {
    font-size: 18px;
    line-height: 23.4px;
  }

  .call-to-action-1.no-imgBg {
    padding: 40px;
    margin: 0 0 60px 0;
  }

  .call-to-action-1.no-imgBg h2 {
    margin: 0 0 24px 0;
  }

  .call-to-action-1.no-imgBg .pole {
    width: 30px;
    top: 55px;
  }

  .call-to-action-1.no-imgBg h4 {
    font-size: 18px;
    line-height: 23.4px;
  }

  .call-to-action-1.no-imgBg p {
    font-size: 14px;
    line-height: 20.3px;
  }

  .call-to-action-1.no-imgBg .top-little-icon {
    width: 41.68px;
    height: 33.33px;
    top: 21.33px;
    left: 30.15px;
  }

  .call-to-action-2 {
    padding: 60px 0;
  }

  .call-to-action-2 h5,
  .call-to-action-2 h2,
  .call-to-action-2 p {
    width: 100%;
  }

  .call-to-action-2 h5 {
    font-size: 18px;
    line-height: 23.4px;
  }

  .call-to-action-2 h2 {
    font-size: 24px;
    line-height: 30px;
  }

  .call-to-action-2 p {
    font-size: 16px;
    line-height: 23.2px;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 8px 0 16px 0;
  }

  .call-to-action-2 a.link {
    font-size: 14px;
    line-height: 16.7px;
    padding: 12px 20px;
  }

  .call-to-action-2 a.link img,
  .call-to-action-2 a.link svg {
    width: 14px;
    height: 14px;
  }

  .call-to-action-2 .bg {
    top: -70px;
    height: 140%;
  }

  .portal-block {
    margin-bottom: 16px;
  }

  .portal-block img,
  .portal-block svg {
    width: 48px;
    height: 48px;
  }

  .portal-block .ipad {
    display: block;
  }

  .portal-block .desc h3 {
    font-size: 20px;
    line-height: 25px;
  }

  .portal-block .desc img,
  .portal-block .desc svg {
    width: 24px;
    height: 24px;
  }

  .portal-block-menu {
    margin-bottom: 16px;
  }

  .portal-block-menu .pc,
  .portal-block-menu .ipad {
    display: none;
  }

  .portal-block-menu .phone {
    display: block;
  }

  .portal-block-menu h5 {
    font-size: 16px;
    line-height: 19.09px;
  }

  .portal-block-menu .menu-block {
    padding: 8px;
  }

  .portal-block-menu .menu-block ul {
    gap: 0 16px;
  }

  .business-card h4 {
    font-size: 18px;
    line-height: 23.4px;
  }

  .business-card p {
    margin: 4px 0 8px 0;
    font-size: 14px;
    line-height: 20.3px;
  }

  .business-card .email {
    flex-direction: column;
  }

  .business-card .email div img {
    display: none;
  }

  .business-card .email div a {
    font-size: 14px;
    line-height: 20.3px;
  }

  .business-card .email .different-view span:first-child {
    display: none;
  }

  .business-card .email .different-view span:last-child {
    display: block;
  }

  .business-card .card-content .business-card-img {
    justify-content: flex-start;
  }

  .business-card .card-content .email div {
    width: 100%;
  }

  .business-card.round-head {
    gap: 16px;
    display: flex;
    text-align: left;
  }

  .business-card.round-head .business-card-img {
    width: auto;
  }

  .business-card.round-head .business-card-img img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
  }

  .business-card.round-head p {
    font-size: 12px;
    line-height: 18px;
    text-align: left;
  }

  .business-card.round-head .email {
    justify-content: flex-start;
  }

  .business-card.round-head .email div {
    width: 100%;
    justify-content: flex-start;
  }

  .business-card.align-left .card-content {
    display: flex;
    gap: 16px;
    margin: 0;
  }

  .business-card.align-left .email div {
    width: 100%;
    justify-content: flex-start;
  }

  .sidebar .view-input {
    display: flex;
  }

  .interested .call-to-action-1 {
    padding: 40px 48px 80px 48px;
  }

  .interested .call-to-action-1 .pole {
    top: 52px;
  }

  .interested .call-to-action-1 h2 {
    margin: 4px 0 16px 0;
  }

  .gride {
    gap: 16px;
  }

  .gride .business-card {
    width: 244px;
  }

  .gride .business-card .business-card-img img {
    width: 120px;
    height: 120px;
  }

  .program-details-module {
    margin: 32px 0;
  }

  .program-details-module .gride-item3 {
    flex: 0 0 calc((100% - 24px) / 2);
  }

  .program-details-module .link-item .icon {
    width: 26px;
    height: 26px;
  }

  .program-details-module .link-item .icon img {
    width: 20px;
    height: 20px;
  }

  .program-details-module .link-item h6 {
    font-size: 14px;
    line-height: 16.7px;
  }

  .program-details-module .link-item .go-btn {
    display: none;
  }

  .program-details-module .link-item .underline {
    text-decoration: none;
  }

  .program-details-module .link-item .phone-go-btn {
    display: block;
  }

  .programme-btn-link .icon {
    width: 26px;
    height: 26px;
  }

  .programme-btn-link .icon img {
    width: 20px;
    height: 20px;
  }

  .programme-btn-link h6 {
    font-size: 14px;
    line-height: 16.7px;
    padding-right: 20px;
  }

  .programme-btn-link .go-btn {
    display: none;
  }

  .programme-btn-link .underline {
    text-decoration: none;
  }

  .programme-btn-link .phone-go-btn {
    display: block;
  }

  .horizontal-card {
    flex-direction: column;
    width: 100%;
    gap: 24px;
    margin: 40px 0;
  }

  .horizontal-card .img-desc {
    overflow: hidden;
    border-radius: 12px;
    flex: none;
    width: 100%;
    height: 300px;
  }

  .horizontal-card .img-desc .overlay-box {
    font-size: 14px;
  }

  .horizontal-card .img-desc .overlay-box .overlay-content {
    padding: 16px 16px 26px 16px;
    width: 159px;
  }

  .horizontal-card .img-desc .overlay-box .percentage-box {
    font-size: 24px;
  }

  .horizontal-card .section-header {
    padding: 0;
  }

  .horizontal-card .section-header p {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 23.2px;
    margin: 8px 0 16px 0;
  }

  .horizontal-card .section-header p:last-child {
    margin-bottom: 0;
  }

  .horizontal-card .section-header .subheading .title {
    margin: 0;
    font-size: 24px;
    line-height: 30px;
  }

  .horizontal-card .section-header .btns a.link {
    font-size: 14px;
    line-height: 16.7px;
    padding: 12px 20px;
  }

  .horizontal-card .section-header .btns a.link img {
    width: 14px;
    height: 14px;
  }

  .horizontal-card .section-header .btns .dark-border {
    display: none;
  }

  .horizontal-card .section-header .btn-flat {
    flex-wrap: wrap;
  }

  .horizontal-card .section-header .btn-flat .btn-primary {
    flex: none;
  }

  .horizontal-card2 {
    flex-direction: column;
    gap: 16px;
  }

  .horizontal-card2 .img-desc {
    overflow: hidden;
    flex: 0 0 300px;
    border-radius: 12px;
  }

  .horizontal-card2 .section-header p {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 26.1px;
    margin: 8px 0 16px 0;
  }

  .horizontal-card2 .section-header p:last-child {
    margin-bottom: 0;
  }

  .horizontal-card2 .section-header .subheading .title {
    margin: 0;
  }

  .horizontal-card2 .section-header .subheading .text {
    font-size: 20px;
    line-height: 25px;
  }

  .horizontal-card2 .section-header .subheading h5 {
    text-align: center;
  }

  .horizontal-card2 .section-header .btns a.link {
    font-size: 14px;
    line-height: 16.7px;
    padding: 12px 20px;
  }

  .horizontal-card2 .section-header .btns a.link img {
    width: 14px;
    height: 14px;
  }

  .horizontal-card2 .section-header .btns .dark-border {
    display: none;
  }

  .horizontal-card2 .content-desc {
    text-align: center;
  }

  .horizontal-card2 .content-desc .btns {
    display: flex;
    justify-content: center;
  }

  .horizontal-card-group1 .horizontal-card:nth-child(2n+1) {
    flex-direction: column-reverse;
  }

  .horizontal-card-group1 .horizontal-card:nth-child(2n+1) .img-desc .overlay-content {
    padding: 16px 26px 26px 16px;
  }

  .horizontal-card-group2 .horizontal-card:nth-child(2n) {
    flex-direction: column-reverse;
  }

  .subtitle-horizontal-card .section-header .subheading .title {
    font-size: 20px;
    line-height: 25px;
  }

  .testimonial.horizontal {
    padding: 40px 24px;
  }

  .testimonial.horizontal h5 {
    font-size: 18px;
    line-height: 23.4px;
  }

  .testimonial.horizontal p {
    font-size: 14px;
    line-height: 20.3px;
  }

  .testimonial.horizontal p a {
    font-size: 14px;
  }

  .testimonial.horizontal img {
    width: 32px;
    height: 32px;
    margin: 16px auto 12px auto;
  }

  .image-top-block {
    flex-direction: column;
    gap: 16px;
  }

  .image-top-block .card {
    width: 100%;
  }

  .image-top-block .card .card-body .card-title {
    font-size: 20px;
    line-height: 25px;
    margin: 24px 0 8px 0;
  }

  .image-top-block .card .card-body p {
    font-size: 14px;
    line-height: 23.2px;
    margin: 0 0 16px 0;
  }

  .image-top-block .card .card-body .link {
    display: none;
    margin-bottom: 8px;
  }

  .stepper-module ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
  }

  .stepper-module ul li {
    width: 100%;
    font-size: 14px;
    line-height: 16.7px;
    padding: 19.5px 24px;
    border-radius: 6px;
  }

  .stepper-module ul li a {
    font-style: normal;
    border: none;
    text-decoration: none;
  }

  .stepper-module ul li::before {
    content: " ";
    position: absolute;
    left: 0px;
    top: 0px;
    margin: auto;
    right: 0;
    border-top: 6px solid var(--JAIN-secondary);
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: none;
  }

  .stepper-module ul li::after {
    content: " ";
    position: absolute;
    top: 55px;
    left: 0;
    right: 0;
    margin: auto;
    border-top: 6px solid var(--JAIN-secondary);
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: none;
  }

  .stepper-module ul li:first-child::before {
    display: none;
  }

  .stepper-module ul li:last-child::after {
    display: none;
  }

  .stepper-module ul li span {
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    margin: auto;
    right: 0;
    z-index: 999;
    border-top: 6px solid #fff;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: none;
  }

  .stepper-module ul li .top {
    top: -1px;
    right: 0;
    left: 0;
  }

  .stepper-module ul li .bottom {
    top: 54px;
    right: 0;
    left: 0;
  }

  .stepper-module ul .dark-step::before {
    content: " ";
    position: absolute;
    left: 0px;
    top: 0px;
    margin: auto;
    right: 0;
    border-top: 6px solid var(--bs-primary);
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: none;
  }

  .stepper-module ul .dark-step::after {
    border-top: 6px solid var(--bs-primary);
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
  }

  .stepper-module ul .dark-step .top {
    display: block;
  }

  .stepper-module ul .purple-step::before {
    content: " ";
    position: absolute;
    left: 0px;
    top: 0px;
    margin: auto;
    right: 0;
    border-top: 6px solid var(--JAIN-secondary);
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: none;
  }

  .stepper-module ul .purple-step span {
    border-top: 6px solid #f5ddf3;
    border-left: 12px solid transparent;
  }

  .stepper-module ul .purple-step .top {
    border-top: 6px solid #fff;
    border-left: 12px solid transparent;
    background: transparent;
  }

  .stepper-module ul .active {
    background: var(--bs-primary);
    border: 1px solid var(--bs-primary);
  }

  .stepper-module ul .active a {
    color: #fff;
  }

  .stepper-module ul .active::before {
    border-top: 6px solid var(--bs-primary);
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: none;
    top: -1px;
  }

  .stepper-module ul .active::after {
    border-top: 6px solid var(--bs-primary);
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: none;
  }

  .stepper-module ul .active .top {
    display: none;
  }

  .stepper-module ul .active .bottom {
    display: none;
  }

  .state-data-block {
    margin: 32px 0;
  }

  .card.horizontal .card-overlay .card-title {
    font-size: 18px;
    line-height: 23.4px;
    word-break: break-word;
  }

  .card.horizontal .card-overlay h6 {
    font-size: 14px;
    line-height: 16.7px;
  }

  .sidebar {
    flex-direction: column;
    overflow: visible;
    width: 100%;
  }

  .sidebar .view-input {
    width: 100%;
    display: flex;
    padding: 14.5px 16px;
  }

  .sidebar .top {
    display: none;
  }

  .sidebar .side-nav {
    position: absolute;
    display: none;
    width: 100%;
    max-height: 490px;
    overflow-y: auto;
    left: 0;
    top: calc(100% + 20px);
    box-shadow: 0px 8px 26px 0px var(--JAIN-shadow-15);
    background: var(--JAIN-light-white);
    z-index: 15;
  }

  .sidebar .side-nav .nav-item {
    padding: 12px 16px;
  }

  .sidebar .side-nav .nav-item .active {
    background: var(--JAIN-light-secondary);
  }

  .sidebar .side-nav .nav-item .active a {
    color: var(--JAIN-secondary);
  }

  .sidebar .side-nav .nav-item .accordion .accordion-body {
    padding: 0;
  }

  .sidebar .side-nav-link {
    position: relative;
    top: 0;
    display: block;
    width: 100%;
    box-shadow: none;
    z-index: 10;
  }

  .sidebar .side-nav-link .nav-item {
    padding: 14.5px 16px;
  }

  .sidebar .side-nav-link .nav-item li {
    padding: 0;
  }

  .sidebar .side-nav-link .nav-item li a {
    padding: 0;
  }

  .sidebar .text {
    font-size: 16px;
    line-height: 23.2px;
    display: flex;
    align-items: center;
    font-family: "Gilroy", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: var(--JAIN-dark-black);
  }

  .sidebar .choose-down {
    filter: invert(50%) sepia(8%) saturate(705%) hue-rotate(201deg) brightness(91%) contrast(87%);
  }

  .sidebar .row-layouts {
    margin: 0 0 32px 0;
  }

  .sidebar .row-layouts .view-input {
    padding: 19px 16px;
  }

  .sidebar .row-layouts .side-nav {
    padding: 12px 16px;
    margin: 0;
  }

  .sidebar .row-layouts .side-nav .nav-item {
    display: block;
    padding: 0;
  }

  .sidebar .row-layouts .side-nav .nav-item .active {
    background: var(--JAIN-light-secondary);
  }

  .sidebar .row-layouts .side-nav .nav-item .active a {
    color: var(--JAIN-secondary);
  }

  .sidebar .multiple-link-list {
    display: none;
  }

  .sidebar .multiple-link-select {
    display: flex;
    gap: 16px;
    flex-direction: column;
  }

  .sidebar .multiple-link-select .side-nav-link {
    top: 0;
    width: 100%;
  }

  .sidebar .omit-select {
    flex: none;
    width: auto;
    position: initial;
  }

  .sidebar .omit-select .view-input {
    display: none;
  }

  .sidebar .omit-select .view-more {
    display: flex;
  }

  .sidebar .omit-select .side-nav {
    width: 100%;
  }

  .sidebar .swiper {
    height: auto;
  }

  .sidebar .swiper .swiper-wrapper {
    display: block;
    padding: 8px 0;
  }

  .sidebar .swiper .swiper-wrapper .swiper-slide {
    padding: 8px 16px 0 16px;
    height: auto;
  }

  .sidebar .swiper .swiper-wrapper .swiper-slide a {
    font-size: 16px;
    line-height: 23.2px;
  }

  .sidebar .swiper .swiper-wrapper .active {
    background: none;
  }

  .sidebar .swiper-next,
  .sidebar .swiper-pre {
    display: none;
  }

  .sidebar-goups {
    flex-direction: row;
  }

  .block-item3 {
    gap: 16px;
  }

  .block-item3 .gride-item3 {
    flex: 0 0 100%;
  }

  .block-item3 .gride-item3 .card-body .link {
    display: flex;
  }

  .block-item3 .gride-item3 .card-body .link .revert {
    width: 15px;
    height: 15px;
  }

  .block-item3 .gride-item3 .card-body p {
    font-size: 18px;
    line-height: 26.1px;
    margin: 4px 0 12px 0;
  }

  .gride .gride-item3-block {
    flex: 0 0 100%;
    height: auto;
    min-height: 100px;
  }

  .gride .gride-item4 {
    flex: 0 0 calc((100% - 24px) / 2);
  }

  .card.programme .card-body {
    padding: 16px;
  }

  .card.programme .card-body .card-title {
    font-size: 20px;
    line-height: 25px;
    color: var(--JAIN-dark-black);
  }

  .alphabet-list ul {
    flex-wrap: wrap;
  }

  .card.vertical {
    flex: 0 0 calc((100% - 16px) / 2);
    aspect-ratio: 248/300;
  }

  .card.vertical .card-overlay .card-title,
  .card.vertical .card-overlay h6 {
    font-size: 14px;
    line-height: 16.7px;
  }

  .card.vertical .card-overlay .card-title {
    margin-bottom: 0;
  }

  .card.vertical .card-overlay h6 {
    margin: 4px 0 24px 0;
  }

  .introduction-video {
    padding: 60px 0;
  }

  .introduction-video .wrapper {
    flex-direction: column;
  }

  .introduction-video .section-header {
    width: 100%;
  }

  .introduction-video .section-header .subheading .title {
    margin: 4px 0 8px 0;
  }

  .introduction-video .section-header p,
  .introduction-video .section-header h5 {
    font-size: 18px;
    line-height: 26.1px;
  }

  .introduction-video .section-header h5 {
    color: var(--JAIN-secondary);
  }

  .introduction-video .JAIN-video {
    aspect-ratio: 512/300;
    height: auto;
  }

  .card.pdf-card {
    margin: 32px 0;
    padding: 0 16px;
  }

  .card.pdf-card .card-body {
    padding: 24px 0 24px 12px;
  }

  .card.pdf-card .card-body .card-title {
    font-size: 20px;
    line-height: 25px;
  }

  .card.pdf-card .card-body .btns {
    flex-direction: column;
  }

  .card.pdf-card .card-body .btns a.link {
    padding: 8px 12px;
  }

  .card.pdf-card .card_img {
    max-width: 140px;
    max-height: 195px;
    height: 195px;
    margin: 24px 0;
  }

  .card.pdf-card .card_img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .article-module-left-right-layout .section-title .subheading .right a.link {
    padding: 8px 12px;
  }

  .article-module-left-right-layout-list {
    flex-direction: column;
  }

  .article-module-left-right-layout-list .card .card-body {
    padding: 16px;
  }

  .article-module-left-right-layout-list .card .card-body .card-title {
    margin: 0;
  }

  .article-module-left-right-layout-list .card .card-body .tag {
    display: none;
  }

  .article-module-left-right-layout-list .card .card-body .card-text {
    display: none;
  }

  .article-module-left-right-layout-list .card .card-body .btn-secondary {
    font-size: 16px;
    margin-top: 8px;
  }

  .article-module-left-right-layout-list .left {
    min-height: auto;
  }

  .article-module-left-right-layout-list .left .card .card_img {
    max-height: 296px;
  }

  .article-module-left-right-layout-list .right .card .card-title {
    font-size: 20px;
    line-height: 25px;
  }

  .article-module-left-right-layout-list .right .card .card_img {
    max-height: 163px;
  }

  .article-module-left-right-layout-list .right .card .card_img img {
    aspect-ratio: 219/108;
  }

  .article-module-left-right-layout-list .right .card .card-body .card-text {
    margin: 6px 0 12px 0;
  }

  .article-module-left-right-layout-list .right .card .card-body .card-text .some-desc {
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 6px;
  }

  .article-module-left-right-layout-list .right .card .card-body .card-text .some-date {
    display: block;
  }

  .video-swiper {
    margin-bottom: 32px;
  }

  .video-swiper .btn-left,
  .video-swiper .btn-right {
    display: none;
  }

  .icon-list-box {
    flex-direction: column;
    margin: 60px 0 40px 0;
  }

  .icon-list-box .up-down.icon-card {
    width: 100%;
  }

  .icon-list-box .up-down.icon-card .card_img {
    width: 120px;
    height: 120px;
  }

  .icon-list-box .up-down.icon-card .card-body .card-title {
    font-size: 20px;
    line-height: 25px;
  }

  .icon-list-box .up-down.icon-card .card-body .card-text,
  .icon-list-box .up-down.icon-card .card-body a.link {
    font-size: 16px;
    line-height: 23.2px;
  }

  .icon-list-box .up-down.icon-card .card-body a.link {
    margin-top: 16px;
  }

  .icon-list-box .up-down.icon-card .card-body a.link img {
    width: 15px;
    height: 15px;
  }

  .vertical-layout {
    flex-direction: column;
  }

  .vertical-layout .card {
    width: 100%;
  }

  .info-list-box h3 {
    font-size: 20px;
    line-height: 25px;
  }

  .info-list-box a.link {
    font-size: 14px;
    padding: 12px 20px;
  }

  .subscribe-module {
    padding: 0;
    border-radius: 12px;
    overflow: hidden;
  }

  .subscribe-module .bg {
    position: relative;
    top: 0;
    height: 150%;
  }

  .subscribe-module .subscribe-box {
    width: 100%;
    background-color: var(--JAIN-light-white);
    border-radius: 0;
    padding: 24px;
  }

  .subscribe-module .subscribe-box .subscribe-logo {
    width: 32px;
    height: 32px;
  }

  .subscribe-module .subscribe-box h3 {
    font-size: 20px;
    line-height: 25px;
  }

  .subscribe-module .subscribe-box p {
    font-size: 14px;
    line-height: 20.3px;
    margin-bottom: 0;
  }

  .subscribe-module .subscribe-box .text-field {
    display: none;
    padding: 5px 16px;
    width: 100%;
    background: var(--JAIN-light-secondary);
  }

  .subscribe-module .subscribe-box .text-field input {
    font-size: 12px;
  }

  .subscribe-module.img-bg-module {
    border-radius: 0;
    padding: 60px 24px;
  }

  .subscribe-module.img-bg-module .bg {
    position: absolute;
  }

  .subscribe-module.img-bg-module .subscribe-box {
    padding: 24px 36px 48px 24px;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color: var(--JAIN-light-white80);
    border-radius: 12px;
  }

  .subscribe-module.img-bg-module .subscribe-box .subscribe-logo {
    width: 64px;
    height: 64px;
  }

  .subscribe-module.img-bg-module .subscribe-box p {
    font-size: 18px;
    line-height: 26.1px;
  }

  .subscribe-module.img-bg-module .subscribe-box .text-field {
    padding: 14px 16px;
    display: block;
  }

  .subscribe-module.img-bg-module .subscribe-box .text-field input {
    font-size: 16px;
  }

  .subscribe-module.img-bg-module .subscribe-box a {
    font-size: 16px;
    padding: 16px 32px;
  }

  .subscribe-module.img-left-module .bg {
    aspect-ratio: 560/214;
  }

  .ipad-btns {
    gap: 24px;
  }

  .ipad-btns .card .card-body .link {
    display: flex;
  }

  .ipad-btns .card .card-body .btn-primary {
    display: none;
  }

  .long-btns {
    flex-direction: column;
    align-items: center;
    margin-bottom: 60px;
  }

  .anchor-bar {
    border: none;
    border-radius: 0;
  }

  .anchor-bar ul {
    padding: 0;
    flex-wrap: wrap;
  }

  .anchor-bar ul li {
    padding: 12px 16px;
    border-radius: 12px;
  }

  .qrcode-list img {
    width: 150px;
    height: 150px;
  }

  .sidebar-box {
    width: 100%;
    overflow: visible;
  }

  .anchor-bar-box {
    height: auto;
  }

  .anchor-bar-box-height {
    height: 340px;
  }

  .anchor-bar-stick {
    width: 94%;
    top: 310px;
  }

  .cover-block {
    height: 300px;
  }

  .events .section-title .subheading .right a.link {
    padding: 8px 12px;
  }

  .events .section-title .subheading .left p {
    display: none;
  }

  .events .section-title h2 {
    font-size: 32px;
    line-height: 38.4px;
  }

  .event-swiper .swiper-wrapper {
    flex-direction: column;
    gap: 16px 0;
  }

  .event-swiper .card .card-body .card-title {
    font-size: 16px;
    line-height: 20.8px;
  }

  .event-swiper .btn-right,
  .event-swiper .btn-left,
  .event-swiper .obscure-right,
  .event-swiper .obscure-left {
    display: none !important;
  }

  .testimonial-swiper {
    padding-bottom: 0;
  }

  .testimonial-swiper .swiper-wrapper {
    flex-direction: column;
    gap: 16px 0;
  }

  .testimonial-swiper .btn-right,
  .testimonial-swiper .btn-left,
  .testimonial-swiper .obscure-right,
  .testimonial-swiper .obscure-left,
  .testimonial-swiper .swiper-pagination {
    display: none !important;
  }

  .slider-swiper .swiper-pre,
  .slider-swiper .swiper-next {
    display: none;
  }

  .slider-swiper .swiper-slide {
    height: 100px;
  }

  .text-image-component .subheading {
    margin-bottom: 40px;
  }

  .text-image-component p {
    margin: 8px auto 0 auto;
  }

  .text-image-component .image-top-block {
    flex-direction: column;
  }

  .text-image-component .image-top-block .card {
    width: 100%;
  }

  .text-image-component .image-top-block .card .card_img {
    height: auto;
  }

  .text-image-component .image-top-block .card .card-title {
    margin: 0;
  }

  .gallery-module {
    padding: 60px 0;
    margin: 60px 0;
  }

  .gallery-module .horizontal-card {
    width: 94%;
    margin: 0 auto;
  }

  .gallery-module .horizontal-card .img-desc {
    height: auto;
    border-radius: 0;
  }

  .gallery-module .img-desc {
    padding: 0;
    text-align: center;
    height: auto;
  }

  .gallery-module .img-desc img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
  }

  .gallery-module .section-header .subheading {
    text-align: center;
  }

  .gallery-module .section-header .subheading .btns {
    justify-content: center;
  }

  .gallery-module .section-header .subheading p {
    margin: 8px 0 16px 0;
  }

  .header-text .big-title {
    font-size: 32px;
    line-height: 38.4px;
  }

  .header-text h3 {
    font-size: 20px;
    line-height: 25px;
  }

  .image-gallery {
    gap: 8px;
  }

  .image-gallery img {
    min-width: 90px;
    max-width: 90px;
    height: 90px;
    width: 90px;
    border-radius: 8px;
  }

  .image-gallery .image-box-left {
    gap: 8px;
  }

  .image-gallery .image-box-left img {
    transform: translateX(-10px);
  }

  .image-gallery .image-box-right {
    gap: 8px;
  }

  .image-gallery .image-box-right img {
    transform: translateX(-30px);
  }

  .banner-call-to-action {
    padding: 168px 32px 32px 32px;
  }

  .banner-call-to-action h5 {
    font-size: 20px;
    line-height: 25px;
  }

  .banner-call-to-action p {
    font-size: 18px;
    line-height: 26.1px;
    -webkit-line-clamp: 5;
    margin: 0 0 16px 0;
  }

  .banner-call-to-action a.link {
    font-size: 12px;
    line-height: 16.8px;
    border: none;
    background: var(--JAIN-light-white20);
  }

  .banner-swiper {
    padding-bottom: 40px;
  }

  .subheading.datepicker-subheading {
    flex-direction: column;
    align-items: flex-start;
  }

  .subheading.datepicker-subheading .right {
    width: 100%;
  }

  .subheading.datepicker-subheading .datepicker-block {
    border: none;
    padding: 0;
    width: 100%;
  }

  .subheading.datepicker-subheading .datepicker-block .btn-primary {
    display: none;
  }

  .subheading.datepicker-subheading .datepicker-block input {
    width: 100%;
    padding: 14px 16px;
    border-radius: 12px;
    background: var(--JAIN-light-secondary);
  }

  .subheading.datepicker-subheading .datepicker-block .select-date-icon {
    display: block;
  }

  .datepicker-block {
    border: none;
    padding: 0;
    width: 100%;
  }

  .datepicker-block .btn-primary {
    display: none;
  }

  .datepicker-block input {
    width: 100%;
    padding: 14px 16px;
    border-radius: 12px;
    background: var(--JAIN-light-secondary);
  }

  .datepicker-block .select-date-icon {
    display: block;
  }

  .subheading.dateline-subheading h3 {
    font-size: 24px;
    line-height: 30px;
  }

  .date-event-list {
    margin-left: 0;
    width: 100%;
    flex-direction: column;
  }

  .large-event-card {
    padding: 12px 16px;
    width: 100%;
    flex: none;
  }

  .large-event-card .event-card.large .card-body {
    padding: 0;
  }

  .large-event-card .event-card.large .card-body .card-title {
    font-size: 18px;
    line-height: 23.4px;
    margin-bottom: 8px;
    -webkit-line-clamp: 1;
  }

  .large-event-card .event-card.large .card-body .date {
    margin-bottom: 8px;
  }

  .large-event-card .dark {
    display: none;
  }

  .large-event-card .btns {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    z-index: 10;
    display: none;
  }

  .large-event-card .btns a {
    display: none;
    width: 100%;
    height: 100%;
    pointer-events: auto;
  }

  .large-event-card .btns a:first-of-type {
    display: flex;
  }

  .date-card-module {
    margin-bottom: 40px;
  }

  .date-card-module .date-event-list {
    width: 100%;
    margin-left: 0;
  }

  .date-card-list {
    flex-direction: column;
  }

  .date-card-list .card {
    width: 100%;
  }

  .date-card-list .card .card_img {
    margin-bottom: 4px;
  }

  .subheading.both-sides p {
    font-size: 14px;
    line-height: 20.3px;
  }

  .card.up-down .card-body .card-title {
    font-size: 20px;
    line-height: 25px;
  }

  .card.up-down .card-body p {
    font-size: 16px;
    line-height: 23.2px;
  }

  .card.up-down .card-body a {
    font-size: 14px;
    line-height: 16.7px;
  }

  .card.up-down .card_img {
    max-height: 296px;
    height: 296px;
  }

  .card.overlap .card-body .tags .link {
    font-size: 12px;
  }

  .card.overlap .card-body .card-text {
    font-size: 14px;
    line-height: 20.3px;
  }

  .card.overlap .card-body .card-text a {
    font-size: 14px;
  }

  .card.overlap .card-body .card-title {
    font-size: 24px !important;
    line-height: 30px !important;
  }

  .card.overlap .card-body .small-date-card p {
    font-size: 14px;
    line-height: 20.3px;
  }

  .card.overlap .card-body .btns a.link {
    padding: 8px 12px;
    font-size: 12px;
  }

  .state-data-block .data-list .data-block h5 {
    font-size: 14px;
    line-height: 16.7px;
  }

  .mb-40 {
    margin: 0 0 24px 0;
  }

  .mb40-40-40 {
    margin-bottom: 40px;
  }

  .margin-60 {
    margin-bottom: 40px;
  }

  .mb60-40-32 {
    margin-bottom: 32px;
  }

  .mb-100 {
    margin-bottom: 60px;
  }

  .mb24-24-16 {
    margin-top: 16px;
  }

  .mb80-40-60 {
    margin-bottom: 60px;
  }

  .mb60-80-60 {
    margin-bottom: 60px;
  }

  .mb60-40-60 {
    margin-bottom: 60px;
  }

  .mb60-32-24 {
    margin-bottom: 24px;
  }

  .mb40-24-16 {
    margin-bottom: 16px;
  }

  .mb32-40-32 {
    margin-bottom: 32px;
  }

  .only-pc-btn {
    display: none !important;
  }

  footer {
    margin-top: 60px;
  }

  .error-banner {
    flex-direction: column;
    padding-bottom: 0;
  }

  .error-banner .img {
    flex: none;
    text-align: center;
    margin: 0 auto 24px;
    width: 94%;
    height: 210px;
  }

  .error-banner .img img {
    width: 100%;
    height: 100%;
  }

  .error-banner .message {
    font-size: 32px;
    font-weight: 600;
    line-height: 38px;
    text-align: center;
    margin: auto;
  }

  .audio-swiper {
    margin-bottom: 32px;
  }

  .audio-swiper .JAIN-audio-box h5 {
    font-size: 18px;
    line-height: 23.4px;
  }

  .audio-swiper .JAIN-audio-box hr {
    margin: 16px 0;
  }

  .audio-swiper .JAIN-audio-box p {
    font-size: 14px;
    line-height: 20.3px;
  }

  .audio-swiper .JAIN-audio-box p a {
    font-size: 14px;
  }

  .audio-swiper .JAIN-audio-box .btn-ctrl {
    background-size: 7px;
    width: 38px;
    height: 38px;
  }

  .audio-swiper .JAIN-audio-box .xjaudio-player {
    align-items: center;
  }

  .audio-swiper .JAIN-audio-box .xjaudio-player .timer,
  .audio-swiper .JAIN-audio-box .xjaudio-player .duration {
    font-size: 14px;
  }

  .audio-swiper .change-btn a {
    padding: 12px;
  }

  .audio-swiper .change-btn a img {
    width: 14px;
    height: 14px;
  }

  .user-info .business-card {
    flex: none;
    width: 100%;
    align-items: center;
  }

  .user-info .business-card .business-card-img {
    margin-bottom: 0;
  }

  .user-info .business-card .business-card-img img {
    width: 64px;
    height: 64px;
  }

  .user-info .business-card h5 {
    font-size: 16px;
    line-height: 19.09px;
  }

  .user-info .business-card p {
    font-size: 14px;
    line-height: 20.3px;
    margin: 0;
  }

  .user-info .business-card .margin-p {
    margin-bottom: 2px;
  }

  .user-info .business-card .email {
    flex-direction: row;
  }

  .user-info .business-card .email a {
    font-size: 14px;
    line-height: 20.3px;
  }

  .search-list .subheading h5 {
    font-size: 14px;
    line-height: 16.7px;
  }

  .search-list .subheading h2 {
    font-size: 18px;
    line-height: 23.4px;
  }

  .condition-content .condition {
    display: grid;
    grid-template-columns: 1fr auto;
  }

  .condition-content .condition .sidebar {
    flex-direction: column;
  }

  .condition-content .condition .sidebar .choose-select {
    width: auto;
  }

  .condition-content .condition .change-btns {
    padding: 8px 6px;
    grid-area: 1/2;
  }

  .condition-content .text-field {
    width: 100%;
    grid-column: 1/-1;
  }

  .condition-content .dropdown-list {
    grid-column: auto;
  }

  .profile {
    flex-direction: column-reverse;
    align-items: center;
  }

  .profile .text-desc {
    flex: auto;
  }

  .profile .text-desc h5 {
    font-size: 20px;
    line-height: 25px;
  }

  .profile .img-info {
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 512/500;
  }

  .profile .img-info img {
    height: 100%;
  }

  p.center {
    max-width: 100%;
  }

  .top-dropdown {
    margin-bottom: 24px;
    padding: 14.5px 16px;
  }

  .leader-list .business-card {
    width: 244px;
  }

  .leader-list .business-card .business-card-img img {
    width: 120px;
    height: 120px;
  }

  .leader-list .business-card:first-child {
    width: 100%;
  }

  .leader-list2 .card-group-2 {
    flex-direction: row;
  }

  .leader-list2 .business-card .business-card-img img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
  }

  .leader-list2 .business-card h6 {
    font-size: 14px;
    line-height: 20.3px;
    margin-bottom: 8px;
  }

  .leader-list2 .business-card p,
  .leader-list2 .business-card .email-link {
    font-size: 12px;
    line-height: 18px;
  }

  .leader-list2 .business-card p {
    margin: 0 0 4px 0;
  }

  .leader-list2.left .card-content {
    max-width: 100%;
    margin: 0;
    display: flex;
    gap: 16px;
  }

  .portal-card .card_img {
    margin-bottom: 16px;
    aspect-ratio: 512/200;
  }

  .portal-card .large-img {
    aspect-ratio: 512/200;
  }

  .portal-card .card-body .btn-primary {
    border: none;
    padding: 0;
    color: var(--JAIN-secondary);
    font-size: 14px;
    line-height: 16.7px;
  }

  .portal-card .card-body .btn-primary img {
    filter: invert(69%) sepia(30%) saturate(7067%) hue-rotate(276deg) brightness(84%) contrast(90%);
  }

  .portal-card .card-body .btn-secondary {
    border: 1px solid var(--JAIN-secondary);
    padding: 8px 12px;
    color: var(--bs-primary);
    border-radius: 28px;
    font-size: 14px;
    line-height: 16.7px;
  }

  .portal-card .card-body .btn-secondary img,
  .portal-card .card-body .btn-secondary svg {
    width: 14px;
    height: 14px;
    filter: invert(4%) sepia(75%) saturate(6719%) hue-rotate(244deg) brightness(83%) contrast(110%);
  }

  .portal-card .card-body .btns {
    gap: 8px;
  }

  .portal-card .card-body .btns .btn-primary {
    flex: none;
  }

  .portal-card .card-body .btns .btn-primary img,
  .portal-card .card-body .btns .btn-primary svg {
    filter: invert(4%) sepia(75%) saturate(6719%) hue-rotate(244deg) brightness(83%) contrast(110%);
  }

  .grey-section {
    padding: 60px 0;
  }

  .portal-card .card-body .card-title {
    font-size: 20px;
    line-height: 25px;
  }

  .portal-card .card-body p {
    font-size: 14px;
    line-height: 20.3px;
  }

  .cover-card .card_img {
    width: 100%;
    aspect-ratio: 512/202;
    min-height: 0;
  }

  .cover-card .card-body .card-title {
    font-size: 20px;
    line-height: 25px;
  }

  .cover-card.large .card_img {
    aspect-ratio: 512/200;
  }

  .card-group-4 {
    gap: 16px;
    flex-direction: column;
  }

  .captions.small {
    aspect-ratio: 512/206;
    width: 100%;
    flex: none;
  }

  .call-to-action-3 {
    padding: 40px 48px 80px 48px;
  }

  .call-to-action-3 h5 {
    font-size: 18px;
    line-height: 23.4px;
  }

  .call-to-action-3 h2 {
    font-size: 24px;
    line-height: 30px;
    margin: 4px 0 16px 0;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .call-to-action-3 .pole {
    width: 32px;
    top: 52px;
  }

  .call-to-action-3 .bg {
    height: 150%;
    top: -70px;
  }

  .card-group-2 {
    flex-direction: column;
  }

  .card-group-2 .card.up-down-card .card_img {
    aspect-ratio: 219/108;
  }

  .card-group-2 .card.up-down-card .card-body .card-title {
    -webkit-line-clamp: 2;
  }

  .card-group-2 .portal-card .card_img {
    aspect-ratio: 512/200;
  }

  .card-group-3 {
    flex-direction: column;
    gap: 16px;
    align-items: center;
  }

  .card-group-3 .business-card {
    flex: 0 0 calc((100% - 24px) / 2);
    width: 100%;
  }

  .card-group-3 .cover-card .card_img {
    aspect-ratio: 512/227;
  }

  .card-group-3 .portal-card .card_img {
    aspect-ratio: 512/300;
    max-height: 100%;
  }

  .card-group-3 .up-down-card .card_img {
    aspect-ratio: 219/108;
  }

  .card-group-5 {
    gap: 16px;
  }

  .card-group-5 .posters {
    flex: 0 0 calc((100% - 48px) / 4);
  }

  .card-group-5 .posters img {
    aspect-ratio: 112/176;
  }

  .card-group-5 .posters:last-child {
    display: none;
  }

  .posters h4 {
    display: none;
  }

  .card .card-body .card-title {
    font-size: 20px;
    line-height: 25px;
  }

  .card .card-body .card-date {
    font-size: 14px;
  }

  .card .card_img {
    max-height: 221px;
  }

  .card.up-down-card {
    flex-direction: row;
  }

  .card.up-down-card .card_img {
    min-width: 40%;
    max-width: 163px;
    height: auto;
  }

  .card.up-down-card .card-body {
    padding: 16px;
  }

  .card.up-down-card .card-body .tag {
    display: none;
  }

  .card.up-down-card .card-body .card-title {
    margin: 0 0 6px 0;
    font-size: 20px;
    line-height: 25px;
  }

  .card.up-down-card .card-body .btn-secondary {
    font-size: 14px;
  }

  .card.up-down-card .card-body p {
    display: none;
    font-size: 14px;
    line-height: 20.3px;
  }

  .card.no-img-card .card-body {
    padding: 16px;
  }

  .card.no-img-card .card-body .card-title {
    font-size: 20px;
    line-height: 25px;
  }

  .card.no-img-card p {
    -webkit-line-clamp: 2;
    font-size: 14px;
    line-height: 20.3px;
  }

  .card.card-img-bg {
    max-width: 730px;
    max-height: 360px;
  }

  .card.card-img-bg .card-overlay {
    padding: 0 24px 24px 24px;
    position: absolute;
    left: 0;
    bottom: 0;
  }

  .card.card-img-bg h3 {
    font-size: 24px;
    line-height: 30px;
  }

  .card.card-img-bg h3,
  .card.card-img-bg p {
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .card.card-img-bg a.link .revert {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(298deg) brightness(102%) contrast(102%);
  }

  .card.card-img-bg:hover {
    background: linear-gradient(180deg, rgba(2, 6, 69, 0) 50.52%, rgba(2, 6, 69, 0.5) 100%);
    box-shadow: 0px 8px 26px 0px var(--JAIN-dark-black15);
  }

  .topic-group .btn-primary {
    display: flex;
    margin: 24px auto 0 auto;
  }

  .topic-group .subheading.both-sides .right {
    display: none;
  }

  .call-to-action-1.quote {
    padding: 40px;
  }

  .call-to-action-1.quote .pole {
    width: 30px;
    top: 55px;
  }

  .call-to-action-1.quote h2 {
    margin: 0 0 24px 0;
  }

  .call-to-action-1.quote h4 {
    font-size: 18px;
    line-height: 23.4px;
  }

  .call-to-action-1.quote p {
    font-size: 14px;
    line-height: 20.3px;
  }

  .call-to-action-1.quote .top-little-icon {
    width: 41.68px;
    height: 33.33px;
    top: 21.33px;
    left: 30.15px;
  }

  .call-to-action-1.quote-photo {
    padding: 40px 40px 120px 40px;
  }

  .call-to-action-1.quote-photo .pole {
    width: 30px;
    top: 52px;
  }

  .call-to-action-1.quote-photo .top-little-icon {
    width: 41.66px;
    height: 33.33px;
    top: 21.33px;
    left: 30.15px;
  }

  .card-swiper2 {
    padding-bottom: 40px !important;
  }

  .card-swiper2 .swiper-wrapper {
    flex-direction: row !important;
  }

  .card-swiper2 .swiper-pagination {
    display: block;
  }

  .info-list p {
    font-size: 16px;
    line-height: 23.2px;
  }

  .info-list p a {
    font-size: 16px;
    line-height: 23.2px;
  }

  .poster-swiper .swiper-wrapper {
    flex-direction: row;
  }

  .poster-swiper .swiper-slide {
    width: 180px;
  }

  .poster-swiper .swiper-slide .posters {
    height: auto;
  }

  .poster-swiper .swiper-slide .posters img {
    height: 280px;
    aspect-ratio: 180/280;
    flex: none;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px;
  }

  .poster-swiper .swiper-next,
  .poster-swiper .swiper-pre {
    display: none;
  }

  .image-waterfall .pole {
    height: 60px;
  }

  .image-waterfall h5 {
    font-size: 16px;
  }

  .image-waterfall h2 {
    font-size: 24px;
    line-height: 30px;
    width: 100%;
    padding: 0 24px;
  }

  .image-waterfall .btns .dark-border {
    display: flex;
  }

  .image-waterfall .moving-bg {
    gap: 8px;
    height: 200px;
  }

  .image-waterfall .moving-bg .bg_1 {
    top: -55px;
  }

  .image-waterfall .moving-bg .bg_2 {
    top: -9.6px;
  }

  .image-waterfall .moving-bg .bg_3 {
    top: 9.4px;
  }

  .image-waterfall .moving-bg .bg_4 {
    top: -15.56px;
  }

  .image-waterfall .moving-bg .bg_5 {
    top: -60.44px;
  }

  .image-waterfall .moving-bg .bg-icon img {
    margin-bottom: 8px !important;
  }

  .hero {
    margin-bottom: 60px;
  }

  .hero .hero_content {
    width: auto;
  }

  .hero .hero_content .title h1 {
    font-size: 48px;
    line-height: 48px;
    letter-spacing: -0.03em;
  }

  .hero .hero_content .description {
    width: 256px;
    margin: 0 auto;
  }

  .hero .pole {
    width: 2.29px;
    height: 62.34px;
  }

  .category {
    padding: 40px 0;
  }

  .category h6 {
    flex: 0 0 15%;
    text-align: left;
  }

  .category .category-item {
    flex-wrap: wrap;
  }

  .category .category-item a {
    padding: 12px 20px;
  }

  .category .category-item a h4 {
    font-size: 14px;
  }

  .partnership {
    padding-bottom: 80px;
  }

  .partnership .pole {
    height: 80px;
  }

  .partnership p.large {
    padding: 0 32px;
  }

  .partnership .logos img.change {
    max-width: 82px;
    max-height: 82px;
  }

  .partnership .count-list {
    display: grid;
    max-width: 272px;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    gap: 40px;
    margin: 80px auto 60px auto;
  }

  .partnership .count-list .data-block {
    justify-self: center;
  }

  .partnership .count-list .data-block h4 {
    font-size: 14px;
    color: var(--JAIN-light-white);
  }

  .partnership h2.slideup,
  .partnership p.large {
    width: 100%;
  }

  .partnership a.light-border {
    font-size: 18px;
    padding: 16px 32px;
  }

  .our-programmes {
    width: 94%;
  }

  .our-programmes .pole {
    top: 68px;
  }

  .our-programmes .call-to-action-1 {
    padding: 60px 24px;
  }

  .our-programmes .call-to-action-1 .pole {
    width: 16px;
  }

  .our-programmes .call-to-action-1 h5 {
    font-size: 18px;
    line-height: 23.4px;
  }

  .our-programmes .call-to-action-1 h2,
  .our-programmes .call-to-action-1 h5 {
    max-width: 406px;
  }

  .our-programmes .call-to-action-1 h2 {
    font-size: 32px;
    line-height: 38.4px;
  }

  .our-programmes .programme-cards {
    flex-direction: column;
    margin-top: 30px;
  }

  .our-programmes .programme-cards .card.programme .card-body a.link {
    font-size: 16px;
  }

  .our-programmes .programme-cards .card.programme .card-body .card-title {
    font-size: 24px;
    margin-bottom: 76px;
    font-size: 20px;
    line-height: 25px;
  }

  .events-select-swiper {
    display: none;
  }

  .results-display-box {
    padding: 70.5px 16px;
    gap: 12px;
  }

  .results-display-box img {
    width: 60px;
    height: 60px;
  }

  .results-display-box .title {
    font-size: 18px;
    line-height: 23.4px;
    margin: 0;
  }

  .author-info {
    margin-bottom: 24px;
  }

  .author-info h5 {
    font-size: 18px;
    line-height: 23.4px;
  }

  .author-info p {
    font-size: 14px;
    line-height: 20.3px;
  }

  .text-group2 {
    flex-direction: column;
  }

  .text-group2 .text-box .title {
    font-size: 18px;
    line-height: 23.4px;
    margin-bottom: 16px;
    margin-top: 0;
  }

  .text-group2 .text-box p {
    font-size: 14px;
    line-height: 20.3px;
  }

  .marquee .swiper-slide .shadow-picture {
    width: 170px;
    height: 170px;
  }

  .marquee .swiper-slide img {
    width: 170px;
    height: 170px;
  }

  .shadow-picture {
    height: 360px;
  }

  .data-list4 {
    gap: 16px;
  }

  .data-list4 .data-block {
    flex: 0 0 calc((100% - 24px) / 2);
  }

  .form-group {
    flex-direction: column;
    gap: 24px;
  }

  .form-group label {
    font-size: 16px;
    line-height: 19.09px;
    margin-bottom: 8px;
  }

  .form-group .form-input {
    width: 100%;
  }

  .card-swiper .card .card-body {
    padding: 16px 14px;
  }

  .card-swiper .card .card-body .card-text {
    margin-bottom: 56px;
    color: var(--JAIN-dark-black);
    font-size: 14px;
    line-height: 20.3px;
    -webkit-line-clamp: 3;
  }

  .card-swiper .card .card-body .card-title {
    font-size: 20px;
    line-height: 25px;
  }

  .card-swiper .card .card_img {
    flex: none;
    aspect-ratio: 512/320;
    height: auto;
  }

  .card-swiper .card.up-down .card-body {
    min-height: 190px;
  }

  .card-swiper .change-btn {
    display: none;
  }

  .card-swiper .swiper-pagination {
    left: 50% !important;
    transform: translateX(-50%);
  }

  .search-criteria {
    width: 100%;
  }

  .search-results {
    width: 100%;
    padding-top: 24px;
  }

  .topic-group2 {
    flex-direction: column;
    gap: 40px;
  }

  .subheading2 {
    flex-direction: column;
    text-align: center;
  }

  .subheading3 p {
    font-size: 16px;
    line-height: 23.2px;
  }

  .stepper-content p {
    max-width: 100%;
  }

  .accordion-swiper-show .swiper {
    --circle-speed: 15s;
  }

  .accordion-swiper-show .swiper .swiper-slide-active .circle {
    animation: stroke var(--circle-speed, 15s) linear forwards;
  }

  .accordion-swiper {
    padding-bottom: 40px;
  }

  .accordion-swiper .swiper-slide {
    flex-direction: column;
  }

  .accordion-swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .accordion-swiper .swiper-slide .sc-content {
    bottom: 24px;
    left: 0;
    padding: 0 16px;
    max-width: 100%;
  }

  .accordion-swiper .swiper-slide .sc-content h3 {
    font-size: 20px;
    line-height: 25px;
    min-width: 80%;
  }

  .accordion-swiper .swiper-slide .sc-content p {
    font-size: 16px;
    line-height: 23.2px;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .accordion-swiper .swiper-slide .counter {
    bottom: 124px;
    left: 16px;
    width: 42px;
    height: 42px;
  }

  .accordion-swiper .swiper-slide .counter svg {
    width: 42px;
    height: 42px;
  }

  .accordion-swiper .swiper-slide .counter .circle__box {
    width: 42px;
    height: 42px;
  }

  .accordion-swiper .swiper-slide .counter .circle__box .circle__wrapper {
    width: 21px;
    height: 42px;
  }

  .accordion-swiper .swiper-slide .counter .circle__box .circle__wrapper .circle__whole {
    width: 42px;
    height: 42px;
  }

  .accordion-swiper .swiper-pagination {
    display: block;
  }

  .gride-vertical-2 {
    grid-template-columns: 1fr;
  }

  .gride-vertical-3 {
    grid-template-columns: 1fr;
  }

  .gride3-2-1 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .section-title-center .logo {
    width: 32px;
    height: 32px;
  }

  .logoSwiper .swiper-slide img {
    width: 110px;
    height: 37px;
  }

  .timeline-group .timeline .month-list {
    flex: 1;
  }

  .timeline-group .timeline .date {
    flex: none;
    padding: 0;
    width: auto;
    min-width: 35px;
  }

  .timeline-group .timeline:nth-child(2n) {
    flex-direction: row-reverse;
  }

  .timeline-group .timeline:nth-child(2n) .date {
    text-align: end;
  }

  .timeline .dividing-line {
    margin: 0 16px;
    flex-shrink: 0;
  }

  .timeline .month-list {
    padding: 32px 16px;
  }

  .shadow-picture-swiper .btn-left,
  .shadow-picture-swiper .btn-right {
    display: none;
  }

  .main-title h4 {
    font-size: 16px;
    line-height: 19.09px;
  }

  .main-title .title {
    margin: 4px 0 32px 0;
  }

  .shadow-picture-swiper .shadow-picture {
    height: 360px;
  }

  .thumb-slides .banners .shadow-picture {
    height: 360px;
  }

  .thumb-slides .banners .card-img-bg {
    max-height: 360px;
    height: 360px;
  }

  .info-box hr {
    margin: 8px 0;
  }

  .upside-down-card .card_img {
    aspect-ratio: 512/261;
  }

  .upside-down-card .card-body .btn-secondary {
    font-size: 14px;
  }

  .img-video-group-line1 img,
  .img-video-group-line1 .JAIN-video {
    max-height: 265px;
    height: 265px;
    overflow: hidden;
  }
}





.feature-card {
  padding: 2rem;
  border-bottom: 1px solid #e0e0e0;
}

.feature-card:nth-last-child(-n+2) {
  border-bottom: none;
}

.feature-card:nth-child(even) {
  border-left: 1px solid #e0e0e0;
}

@media (min-width: 768px) {
  .feature-card:nth-last-child(-n+2) {
    border-bottom: none;
  }
}



.boxclass {
  display: flex;
  width: auto;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1 0 0;
  padding: 12px 20px;
  gap: 10px;
  border-radius: 15px;
  border-left: 3px solid var(--primary-500, #0089C6);
  background: #F0F2F5;
}

.boxclass h5 {
  color: var(--Primary-Color, #001C54);
  font-size: 16px !important;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.096px;
}

.boxclass p {
  color: var(--Primary-Color, #A5A5A5);
  font-size: 14px !important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.084px;
}


.gridbox {
  display: flex;
  width: auto;
  height: auto;
  flex-direction: column;
  align-items: flex-center;
  gap: 20px;
  border-radius: 15px;
  background: #F2F2F9;
}

.gridbox h5 {
  color: #001C54;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  margin-bottom: 20px;
  line-height: normal;
  letter-spacing: -0.096px;
}


.admissionbg {
  background-image:
    linear-gradient(97deg, rgba(0, 28, 84, 0.60) 44.86%, rgba(0, 62, 186, 0.00) 141.02%),
    url('../../assets/img/admission-bg.png');
  width: 100%;
  background-size: cover;
  color: white;
  position: relative;
  border-radius: 15px;
  padding: 100px 140px 200px 140px;
}



.admissionbg .pole {
  width: 72px !important;
}

.admissionbg .pole {
  height: 4px;
  position: absolute;
  top: 111px;
  left: 0;
}


.admissionbg h2 {
  color: #FFF;
  margin-top: -10px;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border-radius: 15px;
}

.buttonclass {
  width: 250px;
  padding: 14px 22px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  border-radius: 50px;
  border: 1.5px solid #FFF;
}

.buttonclass span {
  color: #FFF;

  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.108px;
}



.study_box_blue,
.study_box_green {
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  margin-top: 30px;
  margin-bottom:5px;
  gap: 40px; 
  color: #FFF !important;
}

@media (min-width: 992px) {
  .study_box_blue,
  .study_box_green {
    gap: 128px;
  }
  .study_box_blue h5,
  .study_box_green h5 {
    font-size: 24px;
    color: #FFF !important;
  }
  .study_box_blue p,
  .study_box_green p {
    font-size: 16px;
    color: #FFF !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .study_box_blue,
  .study_box_green {
    gap: 80px;
  }
  .study_box_blue h5,
  .study_box_green h5 {
    font-size: 16px;
    color: #FFF !important;
  }
  .study_box_blue p,
  .study_box_green p {
    font-size: 14px;
    color: #FFF !important;
  }
}

@media (max-width: 480px) {
  .study_box_blue h5,
  .study_box_green h5 {
    font-size: 18px;
    color: #FFF !important;
  }
  .study_box_blue p,
  .study_box_green p {
    font-size: 14px;
    color: #FFF !important;
  }
}

/* Color variants */
.study_box_blue {
  background: linear-gradient(105deg, #001C54 0%, #0089C6 107.89%);
}

.study_box_green {
  background: linear-gradient(106deg, #00AAAD 31.05%, #0089C6 123.96%);
}



.start-your-journey {
  display: flex;
  padding: 100px 270px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: #F2F2F6;
  flex-shrink: 0;
}

.start-your-journey h2 {
  color: #001C54;
  font-size: 46px;
  font-style: normal;
  font-weight: 600;
  margin-left: 15px;
  line-height: 56px;
  letter-spacing: -0.096px;
}

.start-your-journey p {
  color: #535353;
  padding-top: 20px;
  font-size: 18px;
  margin-left: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.09px;
}

.count-list p {
  color: #818888;
  text-align: center;
  font-size: 20px;
  padding-top: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.048px;
}


.aboutbutton {
  display: flex;
  padding: 10px 52px;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  border: 1.8px solid #0089C6;
  color: #676767;
  background: none;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.044px;
}


.aboutusbox {
  display: flex;
  padding: 48px 31px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  border-radius: 12px;
  background: linear-gradient(253deg, #EEF0F4 0%, #F2F2F2 101.5%);
}

.aboutusbox .icon {
  display: flex;
  width: 32px;
  height: 32px;
  padding: 7.75px 0.976px 7.75px 0.977px;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
}

.aboutusbox p {
  color: #676767;
  text-align: center;
  font-size: 20px;
  margin-top: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: 48px;
  letter-spacing: -0.168px;
}

.aboutusbox .button {
  color: #0089C6;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24.1px;
  letter-spacing: -0.12px;
}

.schoolcenters {
  position: sticky;
  top: 100px;
  /* adjust based on your header height */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  font-size: 18px;
  font-weight: 600;
  border-radius: 15px;
  border: 1px solid #A5A5A5;
  padding: 20px 16px;
  background-color: #fff;
  /* optional: to prevent background overlap */
}



.schoolcenters li {
  width: 100%;
  padding: 10px 12px;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  word-wrap: break-word;
}

.schoolcenters li:hover {
  background-color: #001C54;
  color: white;
}



/* .school-card {
      background: #F2F2F2;
      border-radius: 1rem;
      overflow: hidden;
     
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }*/


.school-card img {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  display: block;
  width: 100%;
  object-fit: cover;
}


.school-card {
  background: #F2F2F2;
  position: relative;
  margin-bottom: 40px;
  border-radius: 15px;
  overflow: hidden;
  padding-bottom: 40px;
}


.school-content {
  padding: 20px;
  position: relative;
}

.school-title {
  font-weight: 600;
  margin-bottom: 10px;
  font-size: 1.25rem;
}


.school-arrow {
  position: absolute;
  bottom: -22px;
  right: 15px;
  background-color: #0089C6;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}

.school-arrow svg {
  stroke: #fff;
}


.programme h1 {
  color: #001C54;
  font-size: 30px;
  margin-bottom: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.216px;
}

.programme h2 {
  color: #001C54;
  font-size: 28px;
  margin-bottom: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.216px;
}

.programme p {
  color: #1e1e1e;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24.1px;
  letter-spacing: -0.12px;
}

.programme .circle {
  border-radius: 22px;
  border: 2px solid #FFF;
  display: flex;
  width: 44px;
  height: 44px;
  padding: 10px;
  align-items: center;
  gap: 10px;
}


/* Hide default icon */
.accordion-button::after {
  display: none;
}

.accordion-item {
  border: none !important;
  margin-bottom: 15px;
  background-color: transparent;
}


/* Custom toggle style */
.custom-toggle {
  padding: 16px 20px 16px 15px;
  font-weight: 600;
  color: #0c1e4a;
  display: flex;
  border-radius: 15px;
  background: #F2F2F9;
  justify-content: space-between;
  align-items: center;
  display: flex;
  border: none;
}

.accordion-button:not(.collapsed) {
  background: #F2F2F9;
  color: #0c1e4a;
}

/* Custom icon handling */
.accordion-icon {
  margin-left: auto;
  font-size: 24px !important;
  transition: transform 0.3s ease;
}

.accordion-button:not(.collapsed) .accordion-icon {
  transform: rotate(45deg);
  /* Turns + into x */
}

/* Smooth expand */
.accordion-collapse {
  transition: all 0.3s ease;
}


.lilist {
  color: #001C54;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 26.1px;
  letter-spacing: -0.12px;
}


.timeline-wrapper {
  display: flex;
  position: relative;
  gap: 80px;
  min-height: 600px;
}

.timeline-nav {
  position: relative;
  width: 350px;
  padding-top: 50px;
}

.timeline-line {
  position: absolute;
  left: 18px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #3a3f51;
  z-index: 1;
}

/*.timeline-step {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 80px;
  position: relative;
  z-index: 2;
}

.timeline-step span {
  color: #aaa;
  font-size: 14px;
  transition: all 0.3s;
}
*/

.timeline-step {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 80px;
  position: relative;
  z-index: 2;
}

.timeline-step span {
  flex: 1;
  text-align: center;
  padding-right: 10px;
  font-size: 14px;
  color: #aaa;
  transition: 0.3s;
}

.timeline-step.active span {
  color: #fff;
  font-size: 18px;
}

.timeline-circle {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #555;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ddd;
  font-size: 12px;
  font-weight: 500;
  transition: all 0.3s ease-in-out;
}

.timeline-step.active .timeline-circle {
  width: 22px;
  height: 22px;
  font-size: 14px;
  background: linear-gradient(135deg, #004cff, #00e1ff);
  box-shadow: 0 0 0 6px rgba(0, 77, 255, 0.2);
  color: #fff;
  font-weight: 600;
}

.timeline-line {
  left: calc(100% - 10px);
  /* aligns with circle center on right */
}





/* Right Side Content */
.timeline-content {
  flex-grow: 1;
  position: relative;
}

.timeline-panel {
  display: none;
  position: absolute;
  top: 20%;
  left: 20%;
  transform: translate(-50%, -50%);
  animation: fadeIn 0.5s ease forwards;
  width: 80%;
  max-width: 750px;
  padding: 30px;
  color: #fff;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.timeline-panel.active {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translate(-50%, -40%);
  }

  100% {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}

/* Responsive */
@media (max-width: 768px) {
  .timeline-wrapper {
    flex-direction: column;
  }

  .timeline-nav {
    width: 100%;
    display: flex;
    overflow-x: auto;
    padding-bottom: 20px;
  }

  .timeline-line {
    display: none;
  }

  .timeline-step {
    flex-direction: column;
    align-items: center;
    margin-right: 20px;
    margin-bottom: 0;
  }

  .timeline-step span {
    margin-top: 8px;
    text-align: center;
  }

  .timeline-content {
    margin-top: 40px;
  }

  .timeline-panel {
    position: static;
    transform: none;
    width: 100%;
    padding: 20px;
  }
}



.testimonial-slide {
  background: linear-gradient(135deg, #0db7c4, #057cc3);
  color: white;
  padding: 60px 30px;
  border-radius: 16px;
  text-align: center;
  max-width: 900px;
  margin: auto;
}

.testimonial-text {
  font-size: 1.1rem;
  line-height: 1.8;
  margin-bottom: 30px;
}

.testimonial-quote {
  font-size: 2rem;
  line-height: 0.5;
  margin-bottom: 10px;
}

.testimonial-image {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  object-fit: cover;
  margin-bottom: 15px;
}

.testimonial-name {
  font-weight: 600;
  margin-bottom: 4px;
}

.carousel-indicators [data-bs-target] {
  background-color: #fff;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
}



/*.admissionprocess {
  aspect-ratio: 1/1;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 15px;
  text-align: center;
  padding: 20px;
}

.admissionprocess.blue {
  background: linear-gradient(105deg, #001C54 0%, #0089C6 107.89%);
}

.admissionprocess.teal {
  background: linear-gradient(106deg, #00AAAD 31.05%, #0089C6 123.96%);
}

.admissionprocess.blue-dark {
  background: linear-gradient(105deg, #001C54 0%, #0055A4 107.89%);
}

.admissionprocess.green {
  background: linear-gradient(105deg, #00A5B8 0%, #00C6A2 107.89%);
}
*/



.admissionprocess {
  width: 100%;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 15px;
  text-align: center;
  padding: 20px;
  min-height: 180px; /* good for mobile */
  transition: 0.3s ease-in-out;
}
@media (min-width: 992px) {
  .admissionprocess {
    aspect-ratio: 1 / 1;
    min-height: unset;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .admissionprocess {
    min-height: 220px;
  }
}

.admissionprocess.blue {
  background: linear-gradient(105deg, #001C54 0%, #0089C6 107.89%);
}

.admissionprocess.teal {
  background: linear-gradient(106deg, #00AAAD 31.05%, #0089C6 123.96%);
}

.admissionprocess.blue-dark {
  background: linear-gradient(105deg, #001C54 0%, #0055A4 107.89%);
}

.admissionprocess.green {
  background: linear-gradient(105deg, #00A5B8 0%, #00C6A2 107.89%);
}


.btn-animated {
  background-color: #fff;
  color: #000;
  font-size: 1.2rem;
  font-weight: 600;
  border-radius: 1rem;
  position: relative;
  overflow: hidden;
  padding: 0;
  height: 38px;
  width: 182px;
  border: none;
}

.icon-box {
  background: #0089C6;
  border-radius: 0.75rem;
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 4px;
  top: 4px;
  z-index: 2;
  transition: all 0.5s ease;
}

.btn-animated span {
  position: relative;
  z-index: 1;
  transition: opacity 0.3s ease;
}

.btn-animated:hover .icon-box {
  width: calc(100% - 8px);
}

.btn-animated:hover span {
  opacity: 0;
}

.admissionprocess h6 {
  color: #FFF;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.132px;
  margin-bottom: 10px;
}

.blog-card {
  position: relative;
  text-align: center;
}

.blog-img-wrap {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.blog-img-wrap img {
  width: 100%;
  height: auto;
  display: block;
} 

.blog-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  padding: 20px;
  text-align: center;
}

.blog-title {
  color: #fff;
  font-weight: 600;
  margin: 0;
  padding-bottom: 20px;
}

.btn-read-more {
  background: #0089C6;
  color: #fff;
  border: none;
  border-radius: 50px;
  padding: 8px 18px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: background 0.3s ease;
  position: absolute;
  left: 50%;
  bottom: -20px;
  /* half overlaps */
  transform: translateX(-50%);
  z-index: 5;
}

.btn-read-more:hover {
  background: #0073a8;
}

.btn-read-more svg {
  width: 16px;
  height: 16px;
}






.oursupport {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #fff;
  padding: 20px 24px;
  border-radius: 15px;
  height: 100%;
}

.oursupport--blue {
  background: linear-gradient(105deg, #001C54 0%, #0089C6 107.89%);
}

.oursupport--teal {
  background: linear-gradient(106deg, #00AAAD 31.05%, #0089C6 123.96%);
}

.oursupport p {
  font-size: 16px;
  color: white !important;
  font-style: normal;
  font-weight: 400;
  line-height: 24.1px;
  letter-spacing: -0.108px;
  margin-bottom: 1rem;
}

.oursupport .btn-animated {
  background-color: #fff;
  color: #000;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 1rem;
  position: relative;
  overflow: hidden;
  padding: 0;
  height: 28px;
  width: 142px;
  border: none;
  align-self: flex-start;
}

.oursupport .icon-box {
  background: #0089C6;
  border-radius: 0.75rem;
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  position: absolute;
  right: 4px;
  top: 4px;
  z-index: 2;
  transition: all 0.5s ease;
}

.oursupport .btn-animated span {
  position: relative;
  z-index: 1;
  transition: opacity 0.3s ease;
}

.oursupport .btn-animated:hover .icon-box {
  width: calc(100% - 8px);
}

.oursupport .btn-animated:hover span {
  opacity: 0;
}

.custom-table {
  width: 100%;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: none !important;
  border-radius: 12px;
  overflow: hidden;
  background-color: #f9f9f9;
}

.custom-table th,
.custom-table td {
  padding: 1rem;
  text-align: center;
  vertical-align: middle;
  background-color: #f9f9f9 !important;
  border: none !important;
  color: #0a0a3c;
  /* Dark blue like your image */
}

.custom-table thead th {
  font-weight: 600;
  border-bottom: 1px solid #ccc !important;
}

.custom-table tbody td {
  border-top: 1px solid #ccc !important;
}

.custom-table th:first-child,
.custom-table td:first-child {
  border-right: 1px solid #ccc !important;
}

.custom-table thead tr:first-child th:first-child {
  border-top-left-radius: 12px;
}

.custom-table thead tr:first-child th:last-child {
  border-top-right-radius: 12px;
}

.custom-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 12px;
}

.custom-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 12px;
}


.section-title {
  font-weight: 600;
  color: #022366;
}

.research-priorities-strategy .image-card {
  position: relative;
  border-radius: 15px;
  overflow: hidden;
}

.research-priorities-strategy .image-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.research-priorities-strategy .overlay-text {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 15px;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
  color: #fff;
  font-weight: 600;
  font-size: 1.1rem;
}

.research-priorities-strategy .tag-btn {
  background-color: #EAF6FF;
  border: none;
  border-radius: 8px;
  padding: 5px 12px;
  font-size: 0.9rem;
  font-weight: 500;
  margin: 5px 5px 0 0;
  color: #022366;
}


.find-a-researcher {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}

.find-a-researcher img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.find-a-researcher .researcher-content {
  padding: 40px;
}

.find-a-researcher .researcher-links a {
  display: block;
  color: #000;
  font-weight: 500;
  margin-bottom: 10px;
  text-decoration: none;
}

.find-a-researcher .researcher-links a:hover {
  color: #022366;
}



.research-news-events .news-card {
  background: transparent;
  border: none;
  text-align: center;
  position: relative;
}

.research-news-events .img-wrap {
  position: relative;
  border-radius: 15px;
  overflow: hidden;
}

.research-news-events .img-wrap img {
  width: 100%;
  height: 320px;
  object-fit: cover;
}

.research-news-events .overlay-content {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 15px;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
}

.research-news-events .overlay-title {
  color: #fff;
  font-weight: 600;
  text-align: center;
  margin: 0;
  align-self: end;
  padding-bottom: 15px;
  font-size: 16px;
}

.research-news-events .btn-read-more {
  border-radius: 999px;
  padding: 8px 18px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  bottom: -20px;
  transform: translateX(-50%);
  z-index: 5;
}

.research-news-events .btn-read-more span {
  margin-left: .5rem;
}