@font-face {
  font-family: "ArnoPro";
  src: url("../fonts/arno-pro/ArnoPro-Regular.woff2") format("woff2"),
    url("../fonts/arno-pro/ArnoPro-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "ArnoPro";
  src: url("../fonts/arno-pro/ArnoPro-Bold.woff2") format("woff2"),
    url("../fonts/arno-pro/ArnoPro-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "ArnoPro";
  src: url("../fonts/arno-pro/ArnoPro-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
}

html,
body {
  min-width: 100%;
  min-height: 100%;
  padding: 0;
  margin: 0;
  font-family: "ArnoPro", serif;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: "ArnoPro", serif;
}

* {
  box-sizing: border-box;
}

.applyNowbutton:hover {
  background: #a8000f;
  transform: scale(1);
}

/* header css */

.container {
  margin: auto;
  width: 100%;
  max-width: 1720px;
}

.displayAlign {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 15px;
  border-bottom: 1px solid #cb0011;
  box-shadow: 1px 1px 1px 1px #ddd;
  padding: 20px 20px;
  width: 100%;
}

.applyNowbutton {
  background: linear-gradient(102.27deg, #cb0011 34.45%, #2d3091 81.6%);
  padding: 20px 55px;
  display: flex;
  align-items: center;
  color: #fff;
  font-weight: 700;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: 0;
  text-align: center;
  border-radius: 15px;
  border: none;
  cursor: pointer;
}

header {
  position: relative;
  z-index: 11;
  margin-top: 30px;
}

/* banner section css Start */
.bannerSection {
  background: url(../images/bannerbackground.webp) no-repeat center;
  position: relative;
}

.bannerSection .container {
  display: flex;
  justify-content: space-between;
}

.backgroundBg {
  background: url(../images/bannervector.webp) no-repeat calc(100% - 200px)
    bottom;
  padding-bottom: 80px;
}

/* Ensure extra bottom padding on desktop to prevent overlay; mobile overrides in responsive.css */
.bannerSection .container.backgroundBg {
  padding-bottom: 160px;
}

/* Hide Next.js dev toast/issue badge (fallback if config not applied) */
[data-nextjs-toast],
[data-nextjs-dialog-overlay],
[id^="__next-route-announcer"],
div#__next [class*="nextjs-toast"],
div#__next [class*="nextjs-dev-overlay"],
div#__next [class*="nextjs__"] {
  display: none !important;
}

.block {
  display: block;
}

.colorRed {
  color: #e72128;
}

.leftContent {
  padding-top: 103px;
  width: 100%;
  max-width: 720px;
}

.bannerSection h1 {
  font-weight: 600;
  font-size: 56px;
  line-height: 135%;
  letter-spacing: 0;
  color: #2c3691;
}

.newageLeader {
  background: linear-gradient(90deg, #e31e24 66.56%, rgba(227, 30, 36, 0) 100%);
  display: inline-flex;
  align-items: center;
  color: #fff;
  padding: 6px 20px;
  gap: 8px;
  width: 100%;
  max-width: 437px;
  margin-top: 20px;
  border-radius: 15px;
}

.newageLeader .hash {
  font-family: Arial, sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 1;
  display: flex;
  align-items: center;
}

.newageLeader .text {
  font-family: Arial, sans-serif;
  font-weight: 700;
  font-size: 24px;
}

.displaySet {
  display: flex;
  align-items: center;
  gap: 8px;
  background: none !important;
  padding: 0 !important;
}

.displaySet p {
  font-family: "Arial", sans-serif;
  font-weight: 700 !important;
  font-size: 26px !important;
  color: #ffffff !important;
  line-height: 1.3;
  letter-spacing: 0.5px;
  text-shadow: 0px 4px 6px rgba(0, 0, 0, 0.6);
  margin: 0;
  white-space: nowrap;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.displaySet1 {
  display: flex;
  align-items: center;
  gap: 8px;
  background: none !important;
  padding: 0 !important;
}

.displaySet1 p {
  font-family: "Arial", sans-serif !important;
  font-size: 26px !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 120%;
  letter-spacing: 0;
  text-shadow: 0px 4px 6px rgba(0, 0, 0, 0.25);
}

.alignContent {
  display: flex;
  gap: 20px;
}

.marginSet {
  margin-top: 45px;
}

.gapSet {
  margin-top: 20px;
}

.leftContent .applyNowbutton {
  margin-top: 45px;
}

/* Container */
* {
  box-sizing: border-box;
}

.rightContent.d-desk {
  display: flex;
  justify-content: center;
  padding: 16px 12px;
}

.form-container {
  padding: 20px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  max-width: 720px;
  width: 100%;
}

.form-header {
  background: #2d3091;
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  padding: 12px;
  border-radius: 8px 8px 0 0;
  margin: -20px -20px 20px -20px;
}

form label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 6px;
  color: #111827;
}

form input,
form select {
  width: 100%;
  height: 40px;
  padding: 0 12px;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  font-size: 14px;
  outline: none;
  background: #fff;
  color: #111827;
  transition: border 0.2s ease, box-shadow 0.2s ease;
}

form select {
  padding-right: 8px;
}

form input:focus,
form select:focus {
  border-color: #2d3091;
  box-shadow: 0 0 0 3px rgba(45, 48, 145, 0.12);
}

.row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 8px;
}

.col {
  flex: 1 1 100%;
  min-width: 0;
}

.col-full {
  flex-basis: 100%;
}

@media (min-width: 640px) {
  .col {
    flex: 0 0 calc(60% - 6px);
    max-width: calc(50% - 6px);
    min-width: 0;
  }
}

.field-group {
  position: relative;
}

.field-group .error {
  position: absolute;
  top: 38%;
  right: 10px;
  transform: translateY(-50%);
  max-width: 83%;
  padding: 2px 6px;
  border: 1px solid #f3b8bf;
  border-radius: 4px;
  background: #fff;
  color: #b00020;
  font-size: 11px;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
  display: none;
}

.field-group.has-error .error {
  display: block;
}
.field-group.has-error input,
.field-group.has-error select {
  border-color: #b00020;
  box-shadow: 0 0 0 3px rgba(176, 0, 32, 0.08);
}

.captcha-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  width: 100%;
}

@media (min-width: 640px) {
  .captcha-wrap {
    flex-wrap: nowrap;
  }
}

.captcha-code {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  min-width: 200px;
  padding: 0 10px;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  background: #f3f4f6;
  color: #111827;
  font: 700 14px ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
  letter-spacing: 0.25em;
  white-space: nowrap;
  user-select: none;
}

/* Refresh button */
.captcha-refresh {
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  background: #f3f4f6;
  color: #2d3091;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex: 0 0 40px;
}

.captcha-refresh:hover {
  background: #e5e7eb;
}

.captcha-refresh:focus {
  outline: 2px solid rgba(45, 48, 145, 0.35);
  outline-offset: 2px;
}

.captcha-refresh:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.captcha-refresh svg {
  width: 18px;
  height: 18px;
  display: block;
  stroke: currentColor;
}

#captcha {
  flex: 1 1 180px;
  min-width: 202px;
  height: 40px;
  padding: 0 12px;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  background: #fff;
  color: #111827;
  outline: none;
}

#captcha:focus {
  border-color: #2d3091;
  box-shadow: 0 0 0 3px rgba(45, 48, 145, 0.12);
}

/* Safety: prevent overlay issues */
.captcha-wrap > * {
  position: relative;
  z-index: 0;
}

#captcha {
  z-index: 1;
}

/* Ensure only the main submit gets gradient, not this button */
form > button[type="submit"] {
  background: linear-gradient(102.27deg, #cb0011 34.45%, #2d3091 81.6%);
  color: #fff;
}

.consent {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  flex-wrap: nowrap;
  max-width: 560px;
  font-size: 12px;
  font-weight: 400;
}

@media (max-width: 380px) {
  .consent {
    display: flex;
    gap: 4px;
  }
}

#consent {
  appearance: none;
  -webkit-appearance: none;
  width: 10px;
  height: 20px;
  border: 1.5px solid #2d3091;
  border-radius: 3px;
  background: #fff;
  display: inline-block;
  margin-top: 2px;
  position: relative;
  cursor: pointer;
}

/* Checked state */
#consent:checked {
  background: #2d3091;
  border-color: #2d3091;
  width: 10px;
  height: 20px;
}

/* Checkmark */
#consent:checked::after {
  content: "";
  position: absolute;
  left: 9px;
  top: 1px;
  width: 4px;
  height: 12px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg);
}

.consent span {
  line-height: 1.35;
}

.consent a {
  color: #2d3091;
  text-decoration: underline;
  font-size: 8px;
}

form > button[type="submit"] {
  width: 100%;
  padding: 14px;
  border: none;
  border-radius: 25px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  background: linear-gradient(102.27deg, #cb0011 34.45%, #2d3091 81.6%);
  transition: opacity 0.2s ease, filter 0.2s ease;
}

form > button[type="submit"][disabled] {
  /* opacity: .55; */
  cursor: not-allowed;
  filter: grayscale(0.1);
}

form > button[type="submit"]:hover:not([disabled]) {
  opacity: 0.9;
}

/* ====== A11y helper ====== */
.sr-only {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.rightContent {
  padding-top: 90px !important;
}

.packageInformation {
  background: #fff;
  width: 100%;
  max-width: 1100px !important;
  position: absolute;
  right: 50px;
  bottom: 0px;
  padding: 31px 0px 24px 60px;
  gap: 60px;
  border-top-left-radius: 30px;
}

.packageInformation h2 {
  font-weight: 700;
  font-size: 60px;
  line-height: 120%;
  letter-spacing: 0;
  color: #b01116;
}

.fontAlignment {
  font-weight: 700;
  font-size: 32px;
  line-height: 120%;
  letter-spacing: 0%;
}

.packageInformation p {
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: 0;
}

.line {
  border-right: 1px solid #b01116;
}

.courseInformation {
  padding: 20px 0px;
  border-top: 4px solid #2c3691;
}

.contentDetails {
  background: #fff;
  display: flex;
  justify-content: center;
  width: 100%;
  gap: 100px;
}

.courseInformation .owl-carousel .owl-item img {
  display: block;
  width: auto;
}

.alignText {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 25px;
  line-height: 100%;
  letter-spacing: 0;
  color: #1c246d;
  gap: 12px;
}

/* banner section css End */

/*About Us section css start */
.aboutIbsat {
  background: linear-gradient(102.27deg, #b01116 34.45%, #060a2f 81.6%);
  padding: 60px 60px;
  border-radius: 0px 0px 20px 20px;
}

.alignAbout {
  display: flex;
  gap: 47px;
}

.subHeading {
  font-family: Arial;
  font-weight: 700;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: 0;
  color: #fff;
}

.heading {
  font-weight: 700;
  font-size: 48px;
  line-height: 120%;
  letter-spacing: 0;
  color: #fff;
  margin: 8px 0px;
}

.paragraph {
  font-family: Arial;
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  letter-spacing: 0;
  color: #fff;
  margin-top: 16px;
}

/* About Us section css End */

/* exam Details Section css start */
.Examdetails {
  margin-top: 45px;
}

.examDetails {
  width: 100%;
  max-width: 420px;
  height: 270px;
  padding: 30px 30px 20px 30px;
  border: 2px solid #b01116;
  border-radius: 15px 15px 0px 0px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.Examdetails .owl-carousel .owl-item img {
  display: block;
  width: auto;
}

/* Ensure ExamDetails mobile slider is visible without Owl JS init */
.Examdetails .owl-carousel {
  display: block !important;
}

.heightset {
  height: 270px;
}

.heightset1 {
  height: 304px;
}

.examDetails p {
  font-weight: 600;
  font-size: 30px;
  line-height: 140%;
  letter-spacing: 0;
}

.examdetailsAlign {
  display: flex;
  gap: 16px;
  align-items: flex-end;
}

/* exam Details Section css End */

/* applyNowsteps section css start */
.applyNowsteps {
  background: url(../images/applynowbg.webp) no-repeat center;
  /* height: 50rem; */
  padding: 60px 0px;
}

.stepapplynow {
  text-align: center;
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.textAligncenter {
  text-align: center;
}

.subHeadingset {
  color: #b01116;
  font-family: Arial;
  font-weight: 700;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: 0;
}

.applyNowsteps .Headingset {
  margin-top: 15px;
}

.Headingset {
  color: #2c3691;
  font-weight: 700;
  font-size: 48px;
  line-height: 120%;
  letter-spacing: 0;
}

.stepsBackground {
  background: url(../images/applynowsteps.webp) no-repeat right;
  margin-top: 60px;
}

.stepsAlign {
  display: flex;
  gap: 170px;
  padding-bottom: 47px;
  padding-top: 15px;
  padding-right: 20px;
}

.stepsAlign1 {
  margin-top: 70px;
  display: flex;
  justify-content: end;
  gap: 170px;
  padding-bottom: 47px;
  padding-right: 20px;
}

.boxSet {
  width: 100%;
  max-width: 300px;
}

.boxSet img {
  margin-bottom: 25px;
}

.boxSet h5 {
  color: #2c3691;
  font-weight: 700;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: 0;
}

.boxSet p {
  font-family: Arial;
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
}


.d-mob {
  display: none;
}

/* applyNowsteps section css End */

/* campus section css start */
.applyNowsteps .owl-carousel {
  display: block !important;
}

/* Center and size the steps separator line image */
.applyNowsteps .topset {
  display: block;
  margin: 20px auto 20px;
  width: 100%;
  max-width: 260px;
}
.campus {
  padding-top: 90px;
}

.campusSubheading {
  font-family: Arial;
  font-weight: 700;
  font-size: 40px;
  line-height: 120%;
  letter-spacing: 0;
  color: #b01116;
}

.paragraphAlignmentset {
  font-family: Arial;
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  letter-spacing: 0;
  padding-top: 16px;
  padding-bottom: 41px;
}

.campusCards {
  display: flex;
  gap: 16px;
}

/* When using Swiper inside campusCards, let Swiper manage layout */
.campus .campusCards { display: block; }
.campus .campusCardSlider { width: 100%; }
.campus .campusCardSlider .swiper { width: 100%; }
.campus .campusCardSlider .swiper-wrapper { display: flex; }
.campus .campusCardSlider .swiper-slide { display: flex; }
.campus .campusCardSlider .swiper-slide .cardbox { width: 100%; }

.cardbox {
  box-shadow: 0px 0px 14.6px 0px #00000024;
  border-radius: 20px;
  z-index: 11;
  background: #fff;
}

.cardbox img {
  padding: 14px 16px 21px 16px;
  width: 100%;
  height: auto;
  display: block;
}

.cardbox p {
  font-family: Arial;
  font-weight: 700;
  font-size: 32px;
  line-height: 180%;
  letter-spacing: 0;
  padding-bottom: 24px;
}

.campusDetails {
  padding-top: 245px;
  background: #060a2f;
  border-radius: 30px 30px 0px 0px;
  margin-top: -165px;
  padding-bottom: 60px;
}

.campusDetailsAlign {
  display: flex;
  justify-content: center;
  gap: 85px;
}

.Detailcard {
  text-align: center;
}

.glass-circle {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: transparent;
  /* full transparent center */
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

/* Make sure the SVG icon inside the glass circle is visible */
.glass-circle img,
.glass-circle svg {
  width: 60px;
  height: 60px;
  display: block;
  position: relative;
  z-index: 1;
}

.glass-circle::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  padding: 1px;
  /* thin border */
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.6),
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, 0) 60%,
    rgba(255, 255, 255, 0.6)
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  /* keep border only */
}

.Detailcard h5 {
  font-weight: 400;
  font-size: 60px;
  line-height: 140%;
  letter-spacing: 0;
  color: #fff;
}

.Detailcard p {
  font-family: Arial;
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  letter-spacing: 0;
  color: #fff;
}

.borderRight {
  border-right: 1px solid #fff;
}

.textLeft {
  text-align: left;
}

.placementButton button {
  background-color: #fff;
  padding: 20px 55px;
  display: flex;
  align-items: center;
  color: #fff;
  font-weight: 700;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: 0;
  text-align: center;
  border-radius: 15px;
  border: none;
  cursor: pointer;
}

.colorSet {
  background: linear-gradient(102.27deg, #cb0011 34.45%, #2d3091 81.6%);
  -webkit-background-clip: text;
  /* For Safari/Chrome */
  -webkit-text-fill-color: transparent;
  /* Makes the text transparent so gradient shows */
  background-clip: text;
  /* Standard property */
  color: transparent;
  /* Fallback */
}

.campusDetails button {
  background-color: #fff;
  padding: 20px 55px;
  display: flex;
  align-items: center;
  color: #fff;
  font-weight: 700;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: 0;
  text-align: center;
  border-radius: 15px;
  border: none;
  cursor: pointer;
  margin-top: 26px;
}

.campusBtn {
  display: flex;
  justify-content: center;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 ratio */
  height: 0;
  overflow: hidden;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* campus section css End */

/* rewards Section css start */
.rewards {
  padding-top: 90px;
  padding-bottom: 70px;
}

.rewardAlign {
  display: flex;
  justify-content: space-between;
}

.rewardleftMenu {
  width: 100%;
  max-width: 45%;
}

.rewardleftMenu p {
  font-family: Arial;
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  letter-spacing: 0;
  margin-top: 45px;
}

.rewardleftMenu button {
  margin-top: 20px;
}

.rewardrightmenu {
  width: 100%;
  max-width: 50%;
}

.rewordrightboxheading {
  font-family: Arial;
  font-weight: 700;
  font-size: 24px;
  line-height: 110.00000000000001%;
  letter-spacing: 0;
  color: #2c3691;
}

.rewordrightboxheading span {
  font-family: Arial;
  font-weight: 700;
  font-size: 60px;
  line-height: 110.00000000000001%;
  letter-spacing: 0;
  color: #b01116;
  margin-right: 4px;
}

.rewordrightbox {
  padding: 30px 14px 30px 30px;
  border: 1px solid #cb0011;
  border-radius: 15px;
  width: 100%;
  max-width: 418px;
  height: 213px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.rightboxDetails {
  font-family: Arial;
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: 0;
}

.rewordrightmenuSet {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: left;
}

.registerBtn {
  font-family: Arial;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0;
  text-align: center;
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 10px;
  padding: 20px 45px;
  cursor: pointer;
  display: flex;
  margin-top: 24px;
}

.rewards .owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  width: 40px;
  background: #2c3691;
}

.buttonAlign {
  text-align: center;
}

/* rewards section css End */

/* Banner Features */
.features-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 20px 0;
}

.feature-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
}

.feature-item p {
  margin: 0;
  font-size: 20px;  /* Increased from 22px */
  font-weight: 600;
  color: #2c3691;
  line-height: 1.3;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

@media (max-width: 1024px) {
  .feature-item p {
    font-size: 22px !important;  /* Increased from 20px */
  }
}

@media (max-width: 768px) {
  .features-container {
    gap: 18px;
    margin: 18px 0;
  }
  
  .feature-item {
    padding: 6px 0;
  }
  
  .feature-item p {
    font-size: 22px !important;  /* Increased from 20px */
    font-weight: 600;
    line-height: 1.4;
  }
}

.show-on-mobile {
  display: none;
}

/* Responsive Styles */
@media (max-width: 1024px) {
  .features-container {
    gap: 15px;
  }
  
  .feature-item {
    padding: 6px 12px;
  }
  
  .feature-item p {
    font-size: 21px !important;
  }
}

@media (max-width: 768px) {
  .features-container {
    flex-direction: column;
    gap: 12px;
  }
  
  .feature-item {
    width: 100%;
    max-width: 300px;
  }
  
  .hide-on-mobile {
    display: none;
  }
  
  .show-on-mobile {
    display: block;
  }
}

/* Placement section css Start */
.placements {
  background: linear-gradient(102.27deg, #b01116 34.45%, #060a2f 81.6%);
  padding-top: 90px;
  padding-bottom: 90px;
  overflow: hidden;
}

.placementAlign .subHeadingset {
  color: #fff;
}

.placementAlign .Headingset {
  color: #fff;
}

.placementAlign p {
  color: #fff;
  font-family: Arial;
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  letter-spacing: 0;
  margin-top: 16px;
}

.placementAlign {
  width: 50%;
}

.placementAlign .Headingset {
  margin-top: 16px;
}

.packageInfo {
  display: flex;
  gap: 16px;
  margin-top: 45px;
}

.packageContnet {
  font-family: Arial;
  font-weight: 700;
  font-size: 48px;
  line-height: 100%;
  letter-spacing: 2;
  color: #b01116;
  background: #fff;
  padding: 9px 0px 9px 5px;
  border-bottom-right-radius: 30px;
  margin-top: 15px;
}

.packageContnet span {
  font-family: Arial;
  font-weight: 400;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: 2;
  text-align: center;
  padding-right: 73px;
}

.placementButton {
  margin-top: 65px;
}

.placementOrbit {
  width: 90vw;
  /* responsive */
  max-width: 500px;
  /* limit on big screens */
  aspect-ratio: 1/1;
  /* always square */
  text-align: center;
  display: flex;
  justify-content: center;
  position: relative;
}

.orbit {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.orbit-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 50%;
  width: 18%;
  /* relative */
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: clamp(12px, 2vw, 16px);
  font-weight: bold;
  border: 2px solid #ddd;
  z-index: 10;
}

/* Rings */
.orbit-ring {
  position: absolute;
  top: 50%;
  left: 50%;
  border: 1px dashed #aaa;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.ring1 {
  width: 50%;
  height: 50%;
}

.ring2 {
  width: 75%;
  height: 75%;
}

.ring3 {
  width: 100%;
  height: 100%;
}

/* Logos container */
.orbit-logos {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  transform-origin: center;
}

/* Per-ring rotation speeds and directions */
.orbit .orbit-logos.ring-1 { /* inner ring: slow, clockwise */
  animation: rotateRing 60s linear infinite;
}
.orbit .orbit-logos.ring-2 { /* middle ring: medium, counter-clockwise */
  animation: rotateRing 45s linear infinite reverse;
}
.orbit .orbit-logos.ring-3 { /* outer ring: fast, clockwise */
  animation: rotateRing 30s linear infinite;
}

.logo {
  position: absolute;
  width: 12%;
  /* responsive size */
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #ddd;
}

.logo img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: contain;
  transform: rotate(0deg);
}

/* Counter-rotate logos per ring so they stay upright */
.orbit .ring-1 .logo img {
  animation: rotateLogo 60s linear infinite reverse;
}
.orbit .ring-2 .logo img {
  animation: rotateLogo 45s linear infinite;
}
.orbit .ring-3 .logo img {
  animation: rotateLogo 30s linear infinite reverse;
}

@keyframes rotateRing {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes rotateLogo {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(-360deg);
  }

  /* उलट दिशेने */
}

.placementflexset {
  display: flex;
  gap: 160px;
}

/* palcement section css End */

/* advantage section css start */
.advantage {
  padding-top: 80px;
}

.alignList {
  display: flex;
  gap: 10px;
  margin-bottom: 30px;
  font-family: Arial;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0;
}

.advantagealign {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.leftDetails {
  width: 100%;
  max-width: 852px;
}

.leftDetails .Headingset {
  margin-top: 16px;
}

.leftDetails p {
  margin-top: 16px;
  font-family: Arial;
  font-size: 20px;
  line-height: 140%;
  letter-spacing: 0;
  margin: 25px 0px;
}

/* advantage section css End */

/* inspire Section css start */
.inspires {
  padding-top: 90px;
}

.inspires .textAligncenter p {
  font-family: Arial;
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  letter-spacing: 0;
  text-align: center;
  margin-top: 18px;
}

.inspireBox {
  position: relative;
  display: flex;
  align-items: center;
  padding: 30px 15px 20px;
  gap: 15px;
  border-radius: 15px;
  background: white;
  z-index: 1;
  overflow: hidden;
  max-width: 416px;
  width: 100%;
}

.inspireBox::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 15px;
  background: linear-gradient(102.27deg, #cb0011 34.45%, #2d3091 81.6%);
  z-index: -1;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.inspireBox span {
  font-weight: 500;
  font-size: 24px;
  line-height: 150%;
  letter-spacing: 0;
}

.inspireAlignment {
  display: flex;
  gap: 18px;
  margin-top: 29px;
}

/* inspire section css End */

/* stories Section css start */
.storyContent h5 {
  font-weight: 600;
  font-size: 32px;
  line-height: 119%;
  letter-spacing: 0;
  text-transform: capitalize;
}

.stories {
  padding: 70px 0px;
}

.storyContent {
  padding: 20px 0px 20px 20px;
  background: #fff;
  margin-top: -8px;
  position: relative;
  border-radius: 10px 10px 10px 10px;
  border: 1px solid #cb0011;
}

.storyContent p {
  font-family: Arial;
  font-weight: 700;
  font-size: 24px;
  line-height: 119%;
  letter-spacing: 0;
  text-transform: capitalize;
}

.videoslider {
  display: flex;
  gap: 30px;
  margin-top: 30px;
}

/* Ensure videos render without Owl JS init */
.videoslider.owl-carousel {
  display: flex !important;
}

/* Size video items so wrappers have width */
.videoslider .items {
  flex: 1 1 48%;
  max-width: 48%;
}

@media (max-width: 768px) {
  .videoslider {
    flex-direction: column;
    gap: 16px;
  }
  .videoslider .items {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.videoslider img {
  width: 100%;
  border-radius: 10px;
}

/* stories section css End */

/* future section start */
.future {
  background: url(../images/futurebackground.webp) no-repeat center;
  padding-top: 60px;
}

.future .subHeadingset {
  padding: 16px 0px 39px 0px;
}

.buttonalignCenter {
  display: flex;
  justify-content: center;
}

.copyright {
  margin-top: 64px;
  background-color: #cb0011;
  padding: 30px 0px;
}

.copyright h5 {
  color: #fff;
  font-family: Arial;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0;
  text-align: center;
}

/* feture section End */

/* Swiper pagination styling for campus carousel */
.campus .swiper-pagination {
  position: static;
  margin-top: 16px;
  display: block;
  text-align: center;
}

.campus .swiper-pagination-bullet {
  background: #2c3691;
  opacity: 0.4;
  width: 10px;
  height: 10px;
  margin: 0 6px !important;
}

.campus .swiper-pagination-bullet-active {
  background: #2c3691;
  opacity: 1;
  width: 32px;
  border-radius: 8px;
}

/* Force rewards slider to be visible without Owl JS init */
.rewardslider.owl-carousel {
  display: block !important;
}

/* Rewards slider layout fixes */
.rewardrightmenu .rewardslider { width: 100%; }
.rewardrightmenu .rewardslider .swiper { width: 100%; }
.rewardrightmenu .rewardslider .swiper-wrapper { display: flex; }
.rewardrightmenu .rewardslider .swiper-slide { display: flex; }
.rewardrightmenu .rewardslider .rewordrightmenuSet { width: 100%; }

/* Rewards slider pagination styling */
.rewards .swiper-pagination {
  position: static;
  margin-top: 16px;
  text-align: center;
}
.rewards .swiper-pagination-bullet {
  background: #2c3691;
  opacity: .4;
}
.rewards .swiper-pagination-bullet-active {
  background: #2c3691;
  opacity: 1;
}