p {
  text-align: justify;
}

h2 {
  overflow: hidden;
}

.s1 {
  margin-top: 10rem;
}

@media only screen and (max-width:992px) {
  .s1 {
    margin-top: 5.5rem;
  }
}

.text-gray {
  color: gray !important;
}

.s1 .container p:nth-child(4) {
  border: 2px solid rgba(136, 250, 212, 50%);
  padding: 2rem 1rem;
  background-color: rgba(136, 250, 212, 30%);
  color: rgb(0, 129, 86);
  box-shadow: 0px 12px 10px -8px rgb(3, 129, 87);
  font-size: 1.05rem;
  border-radius: 30px 30px 0px 0px;
  line-height: 2rem;
}

.s1 .container p:nth-child(4) span {
  background-color: yellow;
  font-weight: 600;
}

.s2 .main-box {
  display: flex;
}

.s2 .main-box .sub-boxes {
  display: flex;
  align-items: start;
}

.s2 .main-box .sub-boxes .borders-box {
  height: 40px;
  width: 80px;
  border-left: 2px solid #00aeef;
  border-bottom: 2px solid #00aeef;
  border-radius: 0px 0px 0px 10px;
}

.s2 .main-box .sub-boxes p {
  margin-bottom: 0px;
  position: relative;
  bottom: -25px;
  font-weight: 600;
  color: #00aeef;
  font-style: italic;
  text-decoration: none;
  margin-left: 5px;
}

.s3 .boxes {
  position: relative;
  height: 100%;
  /* background-image: linear-gradient(to right, #0D1A63, #1A2CA3); */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.3rem 0.5rem;
  border-radius: 5px;
  transition: box-shadow 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
}

.s3 .boxes .img-box img {
  position: absolute;
  height: 50px;
  width: 50px;
  left: 10px;
  top: -20px;
  opacity: 0;
  transform: translateY(0px);
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.s3 .boxes:hover .img-box img {
  opacity: 1;
  transform: translateY(-5px);
}

.s3 .boxes p {
  margin-bottom: 0rem;
  color: white;
  text-align: center;
  font-weight: 600;
  font-size: 1.1rem;
}

@media (min-width:993px) {
  .s3 .boxes {
    height: 66px;
  }

  /* ── Row 1 ── */
  .s3 .row1 .box1 {
    transform: translateY(-20px);
    background: linear-gradient(135deg, #0D1A63, #1A2CA3, #00aeef);
  }

  .s3 .row1 .box2 {
    transform: translateY(20px);
    background: linear-gradient(135deg, #1a0533, #6b21a8, #a855f7);
  }

  .s3 .row1 .box3 {
    transform: translateY(-20px);
    background: linear-gradient(135deg, #033a1a, #065f46, #10b981);
  }

  .s3 .row1 .box4 {
    transform: translateY(20px);
    background: linear-gradient(135deg, #1a0a00, #92400e, #f59e0b);
  }

  /* ── Row 2 ── */
  .s3 .row2 .box1 {
    transform: translateY(-20px);
    background: linear-gradient(135deg, #0c1a3a, #1e3a8a, #3b82f6);
  }

  .s3 .row2 .box2 {
    transform: translateY(20px);
    background: linear-gradient(135deg, #3a0a0a, #991b1b, #ef4444);
  }

  .s3 .row2 .box3 {
    transform: translateY(-20px);
    background: linear-gradient(135deg, #0a2a2a, #0f766e, #2dd4bf);
  }

  .s3 .row2 .box4 {
    transform: translateY(20px);
    background: linear-gradient(135deg, #1a1a0a, #3f3f00, #facc15);
  }

  /* ── Row 3 ── */
  .s3 .row3 .box1 {
    transform: translateY(-20px);
    background: linear-gradient(135deg, #0a0a2a, #312e81, #818cf8);
  }

  .s3 .row3 .box2 {
    transform: translateY(20px);
    background: linear-gradient(135deg, #0a1f1f, #134e4a, #34d399);
  }

  .s3 .row3 .box3 {
    transform: translateY(-20px);
    background: linear-gradient(135deg, #2a0a1a, #831843, #ec4899);
  }

  .s3 .row3 .box4 {
    transform: translateY(20px);
    background: linear-gradient(135deg, #0a1a2a, #075985, #38bdf8);
  }

  /* ── Row 4 ── */
  .s3 .row4 .box1 {
    transform: translateY(-20px);
    background: linear-gradient(135deg, #1a0a0a, #7f1d1d, #fca5a5);
  }

  .s3 .row4 .box2 {
    transform: translateY(20px);
    background: linear-gradient(135deg, #0a1a0a, #14532d, #86efac);
  }

  .s3 .row4 .box3 {
    transform: translateY(-20px);
    background: linear-gradient(135deg, #1a0a1a, #581c87, #d8b4fe);
  }

  .s3 .row4 .box4 {
    transform: translateY(20px);
    background: linear-gradient(135deg, #0a1a1a, #164e63, #67e8f9);
  }
}

/* ── Row 1 ── */
.s3 .row1 .box1 {
  background: linear-gradient(135deg, #0D1A63, #1A2CA3, #00aeef);
}

.s3 .row1 .box2 {
  background: linear-gradient(135deg, #1a0533, #6b21a8, #a855f7);
}

.s3 .row1 .box3 {
  background: linear-gradient(135deg, #033a1a, #065f46, #10b981);
}

.s3 .row1 .box4 {
  background: linear-gradient(135deg, #1a0a00, #92400e, #f59e0b);
}

/* ── Row 2 ── */
.s3 .row2 .box1 {
  background: linear-gradient(135deg, #0c1a3a, #1e3a8a, #3b82f6);
}

.s3 .row2 .box2 {
  background: linear-gradient(135deg, #3a0a0a, #991b1b, #ef4444);
}

.s3 .row2 .box3 {
  background: linear-gradient(135deg, #0a2a2a, #0f766e, #2dd4bf);
}

.s3 .row2 .box4 {
  background: linear-gradient(135deg, #1a1a0a, #3f3f00, #facc15);
}

/* ── Row 3 ── */
.s3 .row3 .box1 {
  background: linear-gradient(135deg, #0a0a2a, #312e81, #818cf8);
}

.s3 .row3 .box2 {
  background: linear-gradient(135deg, #0a1f1f, #134e4a, #34d399);
}

.s3 .row3 .box3 {
  background: linear-gradient(135deg, #2a0a1a, #831843, #ec4899);
}

.s3 .row3 .box4 {
  background: linear-gradient(135deg, #0a1a2a, #075985, #38bdf8);
}

/* ── Row 4 ── */
.s3 .row4 .box1 {
  background: linear-gradient(135deg, #1a0a0a, #7f1d1d, #fca5a5);
}

.s3 .row4 .box2 {
  background: linear-gradient(135deg, #0a1a0a, #14532d, #86efac);
}

.s3 .row4 .box3 {
  background: linear-gradient(135deg, #1a0a1a, #581c87, #d8b4fe);
}

.s3 .row4 .box4 {
  background: linear-gradient(135deg, #0a1a1a, #164e63, #67e8f9);
}

.s3 .main-box {
  position: relative;
  width: 100%;
  /* cursor: none; */
}

.s3 .main-box .follow {
  position: absolute;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.5s ease;
  z-index: 1;

  /* Silver glass base */
  background: radial-gradient(circle at 30% 30%,
      rgba(255, 255, 255, 0.90) 0%,
      rgba(200, 210, 220, 0.55) 30%,
      rgba(150, 165, 180, 0.35) 60%,
      rgba(100, 120, 140, 0.45) 100%);

  /* Frosted glass */
  backdrop-filter: blur(10px) saturate(160%) brightness(1.1);
  -webkit-backdrop-filter: blur(10px) saturate(160%) brightness(1.1);

  /* Silver glass border */
  border: 1px solid rgba(255, 255, 255, 0.85);
  border-bottom: 1px solid rgba(160, 175, 190, 0.4);
  border-right: 1px solid rgba(160, 175, 190, 0.4);

  /* Layered silver glow */
  box-shadow:
    0 0 0 2px rgba(200, 215, 230, 0.3),
    0 0 0 5px rgba(180, 200, 220, 0.12),
    0 0 20px 6px rgba(180, 200, 220, 0.4),
    0 8px 24px rgba(100, 120, 140, 0.3),
    inset 0 2px 3px rgba(255, 255, 255, 0.95),
    inset 0 -2px 3px rgba(120, 140, 160, 0.3),
    inset 2px 0 3px rgba(255, 255, 255, 0.5),
    inset -2px 0 3px rgba(120, 140, 160, 0.2);
}

.s3 .main-box .follow.active {
  opacity: 1;
}

.s4 .box {
  padding: 2rem 1rem;
  border: 2px dashed #A98B76;
}

.s4 .boxes {
  border: 2px solid #A98B76;
  background-color: #BFA28C;
  padding: 0.3rem 0.5rem;
  font-weight: 600;
  text-align: center;
  border-radius: 10px 50px;
  color: white;
  box-shadow: 0px 12px 10px -8px #A98B76;
  transition: box-shadow 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
}

.s4 .box p {
  font-size: 1.1rem;
}

.s4 .box .border-box {
  display: flex;
  padding-left: 1rem;
}

.s4 .box .border-box .borders {
  height: 20px;
  width: 50px;
  border-left: 2px solid #A98B76;
  border-bottom: 2px solid #A98B76;
  position: relative;
  margin-right: 10px;
}

.s4 .box .border-box p {
  margin-bottom: 0rem;
  font-size: 0.9rem;
  line-height: 1rem;
  position: relative;
  bottom: -10px;
}

.s5 .box p {
  font-size: 1.1rem;
  font-weight: 600;
  text-align: center;
}

.s6 h2 {
  margin-bottom: 1rem;
}

.s6 h2 div {
  text-align: center;
  margin-bottom: 0rem !important;
  font-size: clamp(1.4rem, 2.5vw, 2rem) !important;
}

.s6 .bg-box {
  filter: drop-shadow(5px 2px 2px #A98B76);
}

.s6 .box {
  background-color: #F3E4C9;
  border-radius: 10px;
  padding: 3.5rem 1.5rem;
  clip-path: shape(from 25.76px 11.26px, curve to calc(1.72% + 28.97px) 14.5px with calc(0% + 30px) 1px, curve to calc(5.17% + 26.9px) 21px with calc(3.45% + 27.93px) 28px, curve to calc(8.62% + 24.83px) 9.5px with calc(6.9% + 25.86px) 14px, curve to calc(12.07% + 22.76px) 3.5px with calc(10.34% + 23.79px) 5px, curve to calc(15.52% + 20.69px) 14px with calc(13.79% + 21.72px) 2px, curve to calc(18.97% + 18.62px) 17px with calc(17.24% + 19.66px) 26px, curve to calc(22.41% + 16.55px) 13.5px with calc(20.69% + 17.59px) 8px, curve to calc(25.86% + 14.48px) 10.5px with calc(24.14% + 15.52px) 19px, curve to calc(29.31% + 12.41px) 3.5px with calc(27.59% + 13.45px) 2px, curve to calc(32.76% + 10.34px) 15.5px with calc(31.03% + 11.38px) 5px, curve to calc(36.21% + 8.28px) 18px with calc(34.48% + 9.31px) 26px, curve to calc(39.66% + 6.21px) 14px with calc(37.93% + 7.24px) 10px, curve to calc(43.1% + 4.14px) 14px with calc(41.38% + 5.17px) 18px, curve to calc(46.55% + 2.07px) 13.5px with calc(44.83% + 3.1px) 10px, curve to calc(50% + 0px) 13.5px with calc(48.28% + 1.03px) 17px, curve to calc(53.45% + -2.07px) 16.5px with calc(51.72% + -1.03px) 10px, curve to calc(56.9% + -4.14px) 23.5px with calc(55.17% + -3.1px) 23px, curve to calc(60.34% + -6.21px) 25.5px with calc(58.62% + -5.17px) 24px, curve to calc(63.79% + -8.28px) 27px with calc(62.07% + -7.24px) 27px, curve to calc(67.24% + -10.34px) 16px with calc(65.52% + -9.31px) 27px, curve to calc(70.69% + -12.41px) 6px with calc(68.97% + -11.38px) 5px, curve to calc(74.14% + -14.48px) 16px with calc(72.41% + -13.45px) 7px, curve to calc(77.59% + -16.55px) 25px with calc(75.86% + -15.52px) 25px, curve to calc(81.03% + -18.62px) 18px with calc(79.31% + -17.59px) 25px, curve to calc(84.48% + -20.69px) 16px with calc(82.76% + -19.66px) 11px, curve to calc(87.93% + -22.76px) 25.5px with calc(86.21% + -21.72px) 21px, curve to calc(91.38% + -24.83px) 26.5px with calc(89.66% + -23.79px) 30px, curve to calc(94.83% + -26.9px) 23px with calc(93.1% + -25.86px) 23px, curve to calc(98.28% + -28.97px) 18.5px with calc(96.55% + -27.93px) 23px, curve to calc(100% - 26.11px) 18.11px with calc(100% - 30px) 14px, curve to calc(100% - 14.11px) 26.11px with calc(100% - 22.22px) 22.22px, curve to calc(100% - 3.5px) calc(2.63% + 28.42px) with calc(100% - 6px) calc(0% + 30px), curve to calc(100% - 6.5px) calc(7.89% + 25.26px) with calc(100% - 1px) calc(5.26% + 26.84px), curve to calc(100% - 8px) calc(13.16% + 22.11px) with calc(100% - 12px) calc(10.53% + 23.68px), curve to calc(100% - 3.5px) calc(18.42% + 18.95px) with calc(100% - 4px) calc(15.79% + 20.53px), curve to calc(100% - 10.5px) calc(23.68% + 15.79px) with calc(100% - 3px) calc(21.05% + 17.37px), curve to calc(100% - 12px) calc(28.95% + 12.63px) with calc(100% - 18px) calc(26.32% + 14.21px), curve to calc(100% - 12.5px) calc(34.21% + 9.47px) with calc(100% - 6px) calc(31.58% + 11.05px), curve to calc(100% - 14px) calc(39.47% + 6.32px) with calc(100% - 19px) calc(36.84% + 7.89px), curve to calc(100% - 11px) calc(44.74% + 3.16px) with calc(100% - 9px) calc(42.11% + 4.74px), curve to calc(100% - 13px) calc(50% + 0.00px) with calc(100% - 13px) calc(47.37% + 1.58px), curve to calc(100% - 9px) calc(55.26% + -3.16px) with calc(100% - 13px) calc(52.63% + -1.58px), curve to calc(100% - 13.5px) calc(60.53% + -6.32px) with calc(100% - 5px) calc(57.89% + -4.74px), curve to calc(100% - 13.5px) calc(65.79% + -9.47px) with calc(100% - 22px) calc(63.16% + -7.89px), curve to calc(100% - 7px) calc(71.05% + -12.63px) with calc(100% - 5px) calc(68.42% + -11.05px), curve to calc(100% - 7.5px) calc(76.32% + -15.79px) with calc(100% - 9px) calc(73.68% + -14.21px), curve to calc(100% - 16px) calc(81.58% + -18.95px) with calc(100% - 6px) calc(78.95% + -17.37px), curve to calc(100% - 21.5px) calc(86.84% + -22.11px) with calc(100% - 26px) calc(84.21% + -20.53px), curve to calc(100% - 12px) calc(92.11% + -25.26px) with calc(100% - 17px) calc(89.47% + -23.68px), curve to calc(100% - 5.5px) calc(97.37% + -28.42px) with calc(100% - 7px) calc(94.74% + -26.84px), curve to calc(100% - 6.39px) calc(100% - 19.39px) with calc(100% - 4px) calc(100% - 30px), curve to calc(100% - 19.39px) calc(100% - 4.39px) with calc(100% - 8.79px) calc(100% - 8.79px), curve to calc(98.28% - 28.97px) calc(100% - 12px) with calc(100% - 30px) calc(100% - 0px), curve to calc(94.83% - 26.9px) calc(100% - 14px) with calc(96.55% - 27.93px) calc(100% - 24px), curve to calc(91.38% - 24.83px) calc(100% - 4.5px) with calc(93.1% - 25.86px) calc(100% - 4px), curve to calc(87.93% - 22.76px) calc(100% - 17.5px) with calc(89.66% - 23.79px) calc(100% - 5px), curve to calc(84.48% - 20.69px) calc(100% - 17.5px) with calc(86.21% - 21.72px) calc(100% - 30px), curve to calc(81.03% - 18.62px) calc(100% - 17px) with calc(82.76% - 19.66px) calc(100% - 5px), curve to calc(77.59% - 16.55px) calc(100% - 18px) with calc(79.31% - 17.59px) calc(100% - 29px), curve to calc(74.14% - 14.48px) calc(100% - 11.5px) with calc(75.86% - 15.52px) calc(100% - 7px), curve to calc(70.69% - 12.41px) calc(100% - 11.5px) with calc(72.41% - 13.45px) calc(100% - 16px), curve to calc(67.24% - 10.34px) calc(100% - 16.5px) with calc(68.97% - 11.38px) calc(100% - 7px), curve to calc(63.79% - 8.28px) calc(100% - 23px) with calc(65.52% - 9.31px) calc(100% - 26px), curve to calc(60.34% - 6.21px) calc(100% - 20.5px) with calc(62.07% - 7.24px) calc(100% - 20px), curve to calc(56.9% - 4.14px) calc(100% - 23px) with calc(58.62% - 5.17px) calc(100% - 21px), curve to calc(53.45% - 2.07px) calc(100% - 21.5px) with calc(55.17% - 3.1px) calc(100% - 25px), curve to calc(50% - 0px) calc(100% - 19.5px) with calc(51.72% - 1.03px) calc(100% - 18px), curve to calc(46.55% - -2.07px) calc(100% - 22.5px) with calc(48.28% - -1.03px) calc(100% - 21px), curve to calc(43.1% - -4.14px) calc(100% - 19.5px) with calc(44.83% - -3.1px) calc(100% - 24px), curve to calc(39.66% - -6.21px) calc(100% - 11px) with calc(41.38% - -5.17px) calc(100% - 15px), curve to calc(36.21% - -8.28px) calc(100% - 6px) with calc(37.93% - -7.24px) calc(100% - 7px), curve to calc(32.76% - -10.34px) calc(100% - 4px) with calc(34.48% - -9.31px) calc(100% - 5px), curve to calc(29.31% - -12.41px) calc(100% - 11.5px) with calc(31.03% - -11.38px) calc(100% - 3px), curve to calc(25.86% - -14.48px) calc(100% - 16px) with calc(27.59% - -13.45px) calc(100% - 20px), curve to calc(22.41% - -16.55px) calc(100% - 11.5px) with calc(24.14% - -15.52px) calc(100% - 12px), curve to calc(18.97% - -18.62px) calc(100% - 6.5px) with calc(20.69% - -17.59px) calc(100% - 11px), curve to calc(15.52% - -20.69px) calc(100% - 6px) with calc(17.24% - -19.66px) calc(100% - 2px), curve to calc(12.07% - -22.76px) calc(100% - 11.5px) with calc(13.79% - -21.72px) calc(100% - 10px), curve to calc(8.62% - -24.83px) calc(100% - 9.5px) with calc(10.34% - -23.79px) calc(100% - 13px), curve to calc(5.17% - -26.9px) calc(100% - 7px) with calc(6.9% - -25.86px) calc(100% - 6px), curve to calc(1.72% - -28.97px) calc(100% - 4.5px) with calc(3.45% - -27.93px) calc(100% - 8px), curve to 28.59px calc(100% - 14.09px) with 30px calc(100% - 1px), curve to 22.59px calc(100% - 28.59px) with 27.17px calc(100% - 27.17px), curve to 10px calc(97.37% - 28.42px) with 18px calc(100% - 30px), curve to 1.5px calc(92.11% - 25.26px) with 2px calc(94.74% - 26.84px), curve to 12.5px calc(86.84% - 22.11px) with 1px calc(89.47% - 23.68px), curve to 14.5px calc(81.58% - 18.95px) with 24px calc(84.21% - 20.53px), curve to 14px calc(76.32% - 15.79px) with 5px calc(78.95% - 17.37px), curve to 19.5px calc(71.05% - 12.63px) with 23px calc(73.68% - 14.21px), curve to 18px calc(65.79% - 9.47px) with 16px calc(68.42% - 11.05px), curve to 23px calc(60.53% - 6.32px) with 20px calc(63.16% - 7.89px), curve to 18.5px calc(55.26% - 3.16px) with 26px calc(57.89% - 4.74px), curve to 5.5px calc(50% - 0px) with 11px calc(52.63% - 1.58px), curve to 1px calc(44.74% - -3.16px) with 0px calc(47.37% - -1.58px), curve to 12.5px calc(39.47% - -6.32px) with 2px calc(42.11% - -4.74px), curve to 20px calc(34.21% - -9.47px) with 23px calc(36.84% - -7.89px), curve to 23.5px calc(28.95% - -12.63px) with 17px calc(31.58% - -11.05px), curve to 22px calc(23.68% - -15.79px) with 30px calc(26.32% - -14.21px), curve to 14px calc(18.42% - -18.95px) with 14px calc(21.05% - -17.37px), curve to 7.5px calc(13.16% - -22.11px) with 14px calc(15.79% - -20.53px), curve to 15px calc(7.89% - -25.26px) with 1px calc(10.53% - -23.68px), curve to 27.5px calc(2.63% - -28.42px) with 29px calc(5.26% - -26.84px), curve to 23.76px 25.76px with 26px 30px, curve to 25.76px 11.26px with 21.51px 21.51px);
}

.s6 .box .list-box {
  display: flex;
  align-items: center;
  justify-content: center;
}

.s6 .box .list-box ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  width: fit-content;
}

.s6 .box .list-box ul li {
  margin-bottom: 0.5rem;
  position: relative;
  padding-left: 1.5rem;
  font-size: 0.9rem;
}

.s6 .box .list-box ul li:last-child {
  margin-bottom: 0px;
}

.s6 .box .list-box ul li::before {
  content: '';
  position: absolute;
  height: 20px;
  width: 20px;
  background-image: url(../../../image/phd-services/delhi/phd-assistance-in-delhi/star-icon.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  left: 0px;
  top: 2px;
}

.s7 .boxes {
  height: 100%;
}

.s7 .boxes .head {
  /* background-color: #285A48; */
  padding: 0.5rem;
  width: fit-content;
  border-radius: 5px;
  position: relative;
  bottom: -10px;
  left: -20px;
  transform: translateY(40px) translateX(30px);
  z-index: -1;
}

.s7 .boxes .head h3 {
  color: white;
  margin-bottom: 0rem;
  width: fit-content;
}

.s7 .boxes .body {
  /* background-color: #B0E4CC; */
  padding: 1.5rem;
  border-radius: 10px;
  height: 100%;
  display: flex;
  align-items: center;
  transition: box-shadow 0.3s ease;
}

.s7 .boxes .body p {
  margin-bottom: 0rem;
}

/* .s7 .boxes.active .head {
    animation: head 1s ease-in-out;
}

@keyframes head {
    0% {
        transform: translateY(0px);
        z-index: 1;
    }

    49% {
        z-index: 0;
    }

    50% {
        transform: translateY(-20px);
        z-index: -1;
    }

    100% {
        transform: translateY(40px) translateX(30px);
        z-index: -1;
    }
} */

.s7 .boxes.active .head {
  animation: head2 1s ease-in-out forwards;
}

@keyframes head2 {
  0% {
    transform: translateY(40px) translateX(30px);
    z-index: -1;
  }

  49% {
    transform: translateY(-20px);
    z-index: -1;
  }

  50% {
    z-index: 0;
  }

  100% {
    transform: translateY(0px);
    z-index: 1;
  }
}

.s7 .boxes .head.active {
  transform: translateY(40px) translateX(30px);
  z-index: 1;
}

.s7 .boxes:hover .body {
  box-shadow: 0px 5px 10px 1px #408A71;
}

.s7 .b-one .head {
  background-color: #285A48;
}

.s7 .b-one .body {
  background-color: #B0E4CC;
}

.s7 .b-two .head {
  background-color: #1E3A8A;
}

.s7 .b-two .body {
  background-color: #BFDBFE;
}

.s7 .b-three .head {
  background-color: #C2410C;
}

.s7 .b-three .body {
  background-color: #FED7AA;
}

.s7 .b-four .head {
  background-color: #6B21A8;
}

.s7 .b-four .body {
  background-color: #E9D5FF;
}

.s8 .boxes {
  display: flex;
  align-items: start;
  justify-content: start;
  height: 100%;
  padding: 0.5rem;
}

/* @media (min-width:993px) {
    .s8 .boxes{
        justify-content: center;
    }
} */

.s8 .boxes p {
  /* text-align: center; */
  margin-bottom: 0px;
  font-weight: 600;
  font-style: italic;
  position: relative;
  padding-left: 1.7rem;
  font-size: 1.02rem;
}

.s8 .boxes p::before {
  content: '✔';
  position: absolute;
  left: 0px;
  font-size: 1.03rem;
  color: green;
  height: 20px;
  width: 20px;
  border: 2px solid green;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  border-radius: 50px;
  background-color: rgba(172, 255, 47, 0.507);
}

.s8 .border-box {
  display: flex;
  align-items: end;
  margin-top: 0.5rem;
  justify-content: center;
}

.s8 .border-box .borders {
  height: 20px;
  width: 60px;
  border-left: 2px solid #285A48;
  border-bottom: 2px solid #285A48;
  position: relative;
  top: -10px;
  margin-right: 5px;
}

.s8 .border-box p {
  margin-bottom: 0px;
}

.s8 .card {
  border: none;
  box-shadow: 15px 15px 2px -2px #b1855ade;
  border-radius: 10px 10px 0px 0px;
}

.s8 .card .head {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  background-color: #c93c45;
  border-radius: 10px 10px 0px 0px;
}

.s8 .card .head h3 {
  margin-bottom: 0px;
  color: white;
}

.s8 .card .body {
  background-image: linear-gradient(to bottom, #dfb48a, #d5af65);
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.s8 .card .body ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  width: fit-content;
}

.s8 .card .body ul li {
  font-size: 0.9rem;
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 0.2rem;
}

.s8 .card .body ul li:last-child {
  margin-bottom: 0px;
}

.s8 .card .body ul li::before {
  content: '';
  /* content:'✔'; */
  position: absolute;
  left: 0px;
  /* color: green;
    font-weight: 600; */
  height: 20px;
  width: 20px;
  background-image: url('../../../image/phd-services/delhi/phd-assistance-in-delhi/phd-assistance-in-delhi/services.png');
  background-size: contain;
  background-position: center;
}

.s9 .form-box {
  display: flex;
  align-items: center;
  justify-content: center;
}

.s9 .form-box form {
  background-color: #bdbcac;
  padding: 2rem;
  border-radius: 20px;
  width: 100%;
}

.s9 .form-box form div {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}

.s9 .form-box form .main-box {
  flex-direction: row;
}

.s9 .form-box form div div {
  position: relative;
  margin-right: 10px;
  width: 100%;
}

.s9 .form-box form div div:last-child {
  margin-right: 0px;
}

.s9 .form-box form div div span {
  position: absolute;
  left: 10px;
  top: 10px;
  color: white;
}

.s9 .form-box form div div input {
  width: 100%;
  padding: 5px;
  border-radius: 5px;
  border: 2px solid #ccc;
  outline: none;
}

.s9 .form-box form div input {
  width: 100%;
  padding: 5px;
  border-radius: 5px;
  border: 2px solid #ccc;
  outline: none;
}

.s9 .form-box form div {
  position: relative;
}

.s9 .form-box form div span {
  position: absolute;
  left: 10px;
  top: 10px;
}

.s9 .form-box form div select {
  padding: 7px;
  border-radius: 5px;
  border: 2px solid #ccc;
  outline: none;
}

.s9 .form-box form .main-two {
  margin: 0px;
}

.s9 .form-box form .main-two select {
  border-radius: 5px 0px 0px 5px;
}

.s9 .form-box form .main-two input {
  border-radius: 0px 5px 5px 0px;
}

.s9 .form-box form .two span {
  position: unset;
}

.s9 .form-box form .two {
  margin-bottom: 1.8rem;
}

.s9 .form-box form .three span {
  position: unset;
}

.s9 .form-box form .three {
  margin-bottom: 1.8rem;
}

.s9 .form-box form input,
.s9 .form-box form select {
  padding: 0.6rem !important;
  border-radius: 5px;
  border: 2px solid rgba(255, 255, 255, 10%);
  outline: none;
  background-color: #98a790;
  box-shadow: inset 6px 6px 2px -2px #121014;
  color: rgba(255, 255, 255, 50%);
  font-size: 0.9rem;
}

.s9 .form-box form input::placeholder {
  color: #f6f5f7;
}

.s9 .form-box form select {
  color: #f6f5f7;
}

.s9 .form-box form select option {
  background-color: white;
  color: black;
}

.s9 .form-box form span {
  color: #f6f5f7;
}

.s9 .form-box form .btn-box {
  display: flex;
  flex-direction: row;
  margin-bottom: 0px;
  margin-top: 2rem;
  gap: 1rem;
}

.s9 .form-box form .btn-box button {
  width: 100%;
  padding: 0.5rem;
  border-radius: 20px;
  background-color: #8f7a95;
  font-weight: 600;
  color: white;
}

.s9 .form-box form div:focus-within>span {
  transform: translateY(-25px);
  font-size: 0.75rem;
  transition: all 0.2s ease;
}

.s9 .form-box form .two:focus-within>span {
  transform: translateY(0px);
  font-size: 1rem;
  transition: all 0.2s ease;
}

.s9 .form-box form .two:focus-within>span {
  transform: translateY(0px);
  font-size: 1rem;
  transition: all 0.2s ease;
}

.s9 .form-box form .three:focus-within>span {
  transform: translateY(0px);
  font-size: 1rem;
  transition: all 0.2s ease;
}

.s9 .form-box form .three:focus-within>span {
  transform: translateY(0px);
  font-size: 1rem;
  transition: all 0.2s ease;
}

.s10 .cards {
  height: 100%;
}

.s10 .card1 {
  background-image: linear-gradient(30deg, #DA4453, #89216B);
  padding: 1rem;
  border-radius: 10px;
  box-shadow: 0px 12px 8px -8px #7a262e;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.s10 .card2 {
  background-image: linear-gradient(30deg, #ad5389, #3c1053);
  padding: 1rem;
  border-radius: 10px;
  box-shadow: 0px 12px 8px -8px #3c1053;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.s10 .cards h3 {
  text-align: center;
  color: white;
}

.s10 .cards .list-box {
  display: flex;
  align-items: center;
  justify-content: center;
}

.s10 .cards .list-box ul {
  list-style-type: none;
  padding: 1rem;
  margin: 0px;
  width: fit-content;
  background-color: rgba(255, 255, 255, 10%);
  backdrop-filter: blur(5px);
  border-radius: 10px;
  transition: transform 0.3s ease;
}

.s10 .cards .list-box ul li {
  color: white;
  font-size: 0.9rem;
  margin-bottom: 0.3rem;
  position: relative;
  padding-left: 1rem;
}

.s10 .cards .list-box ul li:last-child {
  margin-bottom: 0px;
}

.s10 .cards .list-box ul li::before {
  content: '';
  position: absolute;
  height: 5px;
  width: 5px;
  background-color: white;
  border-radius: 50%;
  left: 0px;
  top: 8px;
}

.s10 .card1:hover {
  transform: translateY(-5px);
  box-shadow: 0px 12px 8px -8px #7a262e, 0px 12px 8px -8px #7a262e;
}

.s10 .card2:hover {
  transform: translateY(-5px);
  box-shadow: 0px 12px 8px -8px #3c1053, 0px 12px 8px -8px #3c1053;
}

.s10 .cards:hover .list-box ul {
  transform: scale(1.05);
}

.s10 .btn-box {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
}

.s10 .btn-box a {
  position: relative;
  display: inline-block;
  background: linear-gradient(145deg, #fff6e8, #f3d9a5);
  box-shadow: inset -4px -8px 8px rgba(255, 255, 255, 0.6),
    inset 4px 6px 8px rgba(209, 186, 144, 0.6),
    0 5px 15px rgba(209, 186, 144, 0.5);
  border: none;
  padding: 1rem 1.6rem;
  font-weight: 600;
  color: black;
  border-radius: 50px;
  word-spacing: 0.2rem;
  font-style: italic;
  overflow: hidden;
  transition: all 0.4s ease;
}

/* Liquid glow layer */
.s10 .btn-box a::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: conic-gradient(from 0deg,
      transparent,
      rgba(255, 215, 120, 0.6),
      transparent 30%);
  animation: rotateGlow 4s linear infinite;
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Shine effect */
.s10 .btn-box a::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg,
      transparent,
      rgba(255, 255, 255, 0.7),
      transparent);
  transform: skewX(-25deg);
}

/* Hover effects */
.s10 .btn-box a:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: inset 4px 8px 8px rgba(255, 255, 255, 0.6),
    inset -4px -6px 8px rgba(209, 186, 144, 0.6),
    0 10px 25px rgba(209, 186, 144, 0.8);
}

.s10 .btn-box a:hover::before {
  opacity: 1;
}

.s10 .btn-box a:hover::after {
  animation: shineMove 0.8s forwards;
}

/* Animations */
@keyframes rotateGlow {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes shineMove {
  100% {
    left: 150%;
  }
}

.s11 {
  background-color: #7bfe81;
}

.s11 h2 .Head {
  color: #282828 !important;
  text-align: center;
  text-decoration: underline;
  text-underline-offset: 5px;
}

.s11 h3 {
  color: #262626;
}

.s11 p {
  margin-bottom: 0rem;
}

.s12 h2 {
  margin-bottom: 1rem;
}

.s12 h2 .Head {
  margin-bottom: 0px;
}

.s12 .list-box {
  display: flex;
  align-items: center;
  justify-content: center;
}

.s12 .list-box ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  width: fit-content;
  border-left: 3px solid #282828;
}

.s12 .list-box ul li {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
  position: relative;
  padding: 1.5rem 0rem 1.5rem 1.5rem;
}

.s12 .list-box ul li:last-child {
  margin-bottom: 0px;
}

.s12 .list-box ul li div {
  position: absolute;
  font-weight: 600;
  height: 35px;
  width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  left: -20px;
  background-color: #c0d594;
  transition: all 0.8s ease;
  transform: translateX(-50px);
  opacity: 0;
}

.s12 .list-box ul li p {
  margin-bottom: 0px;
  font-style: italic;
}

.s12 .list-box ul li p span {
  font-weight: 600;
  font-size: 1.1rem;
  font-style: normal;
}

.s12 .list-box ul li div.active {
  background-color: #8051ba;
  color: white;
  transform: translateX(0px);
  opacity: 1;
}

.s13 h2 {
  margin-bottom: 1rem;
}

.s13 h2 .Head {
  margin-bottom: 0px;
  text-align: center;
}

.s13 .list-box {
  display: flex;
  align-items: center;
  justify-content: center;
}

.s13 .list-box ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  width: fit-content;
}

.s13 .list-box ul li {
  margin: 0.5rem 0rem;
}

.s13 .list-box ul li .questions {
  background-color: #D6F4ED;
  padding: 1rem;
  border-radius: 7px;
  cursor: pointer;
  margin: 0.5rem;
  border: 2px solid transparent;
  user-select: none;
}

.s13 .list-box ul li .questions h3 {
  margin-bottom: 0px;
  color: #242424;
}

.s13 .list-box ul li .answers p {
  margin-bottom: 0px;
  color: #242424;
  font-size: 0.9rem;
  line-height: 1.5rem;
  font-weight: 600;
  max-height: 0px;
  overflow: hidden;
  padding: 0px 1rem;
  transition: all 0.5s ease-in-out;
}

.s13 .list-box ul li .answers.show p {
  max-height: 1000px;
  padding: 0.5rem 1rem;
}

section {
  overflow: hidden;
}

.s2 {
  padding-bottom: 2.1rem !important;
}

@media (max-width:768px) {
  .s12 .list-box ul li div {
    transform: translateX(-20px);
  }

  .s9 .form-box form .main-box {
    flex-direction: column;
  }

  .s9 .form-box form .main-two {
    flex-direction: row;
  }
}

@media (max-width:666px) {
  .s9 .form-box form .btn-box {
    flex-direction: column;
    gap: 0.5rem;
  }
}