@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root {
  /* --primary-color: #9829ea; */
  --primary-color: #c693ed;
  --secondary-color: #380138;
  --light-color: #fff;
  --p-light-color: #dfb9fc;
  --dark-color: #262626;
  --pd: #9b5fd4;
  --pp: #6d28a8;
}

a {
  text-decoration: none;
}

* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  /* box-shadow: none !important; */
  text-decoration: none;
  box-sizing: border-box;
  letter-spacing: 0.05rem;
}

body {
  /* background: radial-gradient(circle, #9a29ea41 10%, transparent 11%), radial-gradient(circle at bottom left, #9a29ea41 5%, transparent 6%), radial-gradient(circle at bottom right, #9a29ea41 5%, transparent 6%), radial-gradient(circle at top left, #9a29ea41 5%, transparent 6%), radial-gradient(circle at top right, #9a29ea41 5%, transparent 6%);
    background-size: 1em 1em; */
  background-color: #ffffff;
  /* background-attachment: fixed; */
  /* overflow-x: hidden; */

}


html {
  overflow-x: hidden;
}

.text-purple {
  color: var(--pp) !important;
}

.text-purple-soft {
  color: #5b4275 !important;
}

.text-purple-muted {
  color: #9a7bb8 !important;
}

. {
  font-size: clamp(1.7rem, 3.2vw, 2.4rem);
  line-height: 1.25;
}

img {
  max-width: 100%;
}

/* styles.css */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--light-color);
  /* Semi-transparent background overlay */
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  z-index: 999999;
  /* Make sure it's on top of other elements */
}

.section-box {
  background: #fff;
  border-radius: 16px;
  padding: 48px 44px;
  margin-bottom: 28px;
  box-shadow: 0 4px 24px rgba(193, 146, 232, .10);
  border: 1px solid rgba(193, 146, 232, .12);
}

/* ── STYLE 2 — Lines + diamond center ── */
.divider-diamond {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}

.divider-diamond .line {
  flex: 1;
  max-width: 52px;
  height: 2px;
  background: linear-gradient(90deg, #6d28a8, var(--primary-color));
  border-radius: 2px;
}

.divider-diamond .diamond {
  width: 8px;
  height: 8px;
  background: #9b5fd4;
  transform: rotate(45deg);
  border-radius: 1px;
  flex-shrink: 0;
}

.s2-left h2,
.s2-center h2 {
  font-family: 'DM Serif Display', serif;
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  color: #1e0a3c;
  line-height: 1.25;
  margin: 0;
}

.s2-left h2 span,
.s2-center h2 span {
  color: #6d28a8;
}

/* CENTER diamond */
.divider-diamond-center {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 14px;
}

.divider-diamond-center .line {
  width: 52px;
  height: 2px;
  background: linear-gradient(90deg, #6d28a8, var(--primary-color));
  border-radius: 2px;
}

.divider-diamond-center .diamond {
  width: 8px;
  height: 8px;
  background: #9b5fd4;
  transform: rotate(45deg);
  border-radius: 1px;
  flex-shrink: 0;
}

.book {
  --color: var(--primary-color);
  --duration: 6.4s;
  width: 32px;
  height: 12px;
  position: relative;
  margin: 32px 0 0 0;
  zoom: 1.5;
}

.book .inner {
  width: 32px;
  height: 12px;
  position: relative;
  transform-origin: 2px 2px;
  transform: rotateZ(-90deg);
  animation: book var(--duration) ease infinite;
}

.book .inner .left,
.book .inner .right {
  width: 60px;
  height: 4px;
  top: 0;
  border-radius: 2px;
  background: var(--color);
  position: absolute;
}

.book .inner .left:before,
.book .inner .right:before {
  content: '';
  width: 48px;
  height: 4px;
  border-radius: 2px;
  background: inherit;
  position: absolute;
  top: -10px;
  left: 6px;
}

.book .inner .left {
  right: 28px;
  transform-origin: 58px 2px;
  transform: rotateZ(90deg);
  animation: left var(--duration) ease infinite;
}

.book .inner .right {
  left: 28px;
  transform-origin: 2px 2px;
  transform: rotateZ(-90deg);
  animation: right var(--duration) ease infinite;
}

.book .inner .middle {
  width: 32px;
  height: 12px;
  border: 4px solid var(--color);
  border-top: 0;
  border-radius: 0 0 9px 9px;
  transform: translateY(2px);
}

.book ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  left: 50%;
  top: 0;
}

.book ul li {
  height: 4px;
  border-radius: 2px;
  transform-origin: 100% 2px;
  width: 48px;
  right: 0;
  top: -10px;
  position: absolute;
  background: var(--color);
  transform: rotateZ(0deg) translateX(-18px);
  animation-duration: var(--duration);
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}

.book ul li:nth-child(0) {
  animation-name: page-0;
}

.book ul li:nth-child(1) {
  animation-name: page-1;
}

.book ul li:nth-child(2) {
  animation-name: page-2;
}

.book ul li:nth-child(3) {
  animation-name: page-3;
}

.book ul li:nth-child(4) {
  animation-name: page-4;
}

.book ul li:nth-child(5) {
  animation-name: page-5;
}

.book ul li:nth-child(6) {
  animation-name: page-6;
}

.book ul li:nth-child(7) {
  animation-name: page-7;
}

.book ul li:nth-child(8) {
  animation-name: page-8;
}

.book ul li:nth-child(9) {
  animation-name: page-9;
}

.book ul li:nth-child(10) {
  animation-name: page-10;
}

.book ul li:nth-child(11) {
  animation-name: page-11;
}

.book ul li:nth-child(12) {
  animation-name: page-12;
}

.book ul li:nth-child(13) {
  animation-name: page-13;
}

.book ul li:nth-child(14) {
  animation-name: page-14;
}

.book ul li:nth-child(15) {
  animation-name: page-15;
}

.book ul li:nth-child(16) {
  animation-name: page-16;
}

.book ul li:nth-child(17) {
  animation-name: page-17;
}

.book ul li:nth-child(18) {
  animation-name: page-18;
}

@keyframes page-0 {
  4% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  13%,
  54% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  63% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@keyframes page-1 {
  5.86% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  14.74%,
  55.86% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  64.74% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@keyframes page-2 {
  7.72% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  16.48%,
  57.72% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  66.48% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@keyframes page-3 {
  9.58% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  18.22%,
  59.58% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  68.22% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@keyframes page-4 {
  11.44% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  19.96%,
  61.44% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  69.96% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@keyframes page-5 {
  13.3% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  21.7%,
  63.3% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  71.7% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@keyframes page-6 {
  15.16% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  23.44%,
  65.16% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  73.44% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@keyframes page-7 {
  17.02% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  25.18%,
  67.02% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  75.18% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@keyframes page-8 {
  18.88% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  26.92%,
  68.88% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  76.92% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@keyframes page-9 {
  20.74% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  28.66%,
  70.74% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  78.66% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@keyframes page-10 {
  22.6% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  30.4%,
  72.6% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  80.4% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@keyframes page-11 {
  24.46% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  32.14%,
  74.46% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  82.14% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@keyframes page-12 {
  26.32% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  33.88%,
  76.32% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  83.88% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@keyframes page-13 {
  28.18% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  35.62%,
  78.18% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  85.62% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@keyframes page-14 {
  30.04% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  37.36%,
  80.04% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  87.36% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@keyframes page-15 {
  31.9% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  39.1%,
  81.9% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  89.1% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@keyframes page-16 {
  33.76% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  40.84%,
  83.76% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  90.84% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@keyframes page-17 {
  35.62% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  42.58%,
  85.62% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  92.58% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@keyframes page-18 {
  37.48% {
    transform: rotateZ(0deg) translateX(-18px);
  }

  44.32%,
  87.48% {
    transform: rotateZ(180deg) translateX(-18px);
  }

  94.32% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@keyframes left {
  4% {
    transform: rotateZ(90deg);
  }

  10%,
  40% {
    transform: rotateZ(0deg);
  }

  46%,
  54% {
    transform: rotateZ(90deg);
  }

  60%,
  90% {
    transform: rotateZ(0deg);
  }

  96% {
    transform: rotateZ(90deg);
  }
}

@keyframes right {
  4% {
    transform: rotateZ(-90deg);
  }

  10%,
  40% {
    transform: rotateZ(0deg);
  }

  46%,
  54% {
    transform: rotateZ(-90deg);
  }

  60%,
  90% {
    transform: rotateZ(0deg);
  }

  96% {
    transform: rotateZ(-90deg);
  }
}

@keyframes book {
  4% {
    transform: rotateZ(-90deg);
  }

  10%,
  40% {
    transform: rotateZ(0deg);
    transform-origin: 2px 2px;
  }

  40.01%,
  59.99% {
    transform-origin: 30px 2px;
  }

  46%,
  54% {
    transform: rotateZ(90deg);
  }

  60%,
  90% {
    transform: rotateZ(0deg);
    transform-origin: 2px 2px;
  }

  96% {
    transform: rotateZ(-90deg);
  }
}

footer .row>div {
  background: transparent;
}

/* Scrollbar Styling */

.top-nav {
  background: linear-gradient(to bottom, var(--primary-color), var(--light-color));
}


.navigation {
  /* height: 100px; */
  background: var(--light-color);
  backdrop-filter: blur(5px);
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  transition: 0.5s;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  z-index: 99999;
}

.navigation .brand {
  margin-left: 20px;
}

.brand {
  display: flex;
  justify-content: center;
  align-items: center;
  /* padding-left: 20px; */
  height: 100px;
  width: 100px;
  vertical-align: middle;
}

.brand img {
  width: 100%;

}


.nav-container {
  /* max-width: 1000px; */
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

nav ul {
  list-style: none;
  margin: 0;
  padding: 0;

}

nav ul li {
  float: left;
  /* position: relative;  */
}

nav ul li a.active {
  font-weight: 700;
  color: var(--primary-color) !important;
  /* -webkit-text-stroke: 0.3px var(--light-color); */
}

nav ul li a,
nav ul li a:visited {
  display: block;
  padding: 0 20px;
  line-height: 70px;
  transition: 0.5s;
  text-transform: uppercase;
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--dark-color);
  text-decoration: none;

}

nav ul li a:hover,
nav ul li a:visited:hover {

  color: var(--primary-color);
}

nav ul li a.dropdown::after {
  padding-left: 4px;
  content: '\f0d7';
  font-size: 1rem;
  font-family: 'Font Awesome 5 Free';
}


nav ul li ul li {
  min-width: 190px;
}

nav ul li ul li a {
  padding: 15px;
  line-height: 20px;

}

.nav-dropdown {
  position: fixed;
  top: 100px;
  display: none;
  padding: 20px 10px;
  z-index: 1;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
  background: var(--light-color);
}

.nav-dropdown h5 {
  color: var(--primary-color);
  padding: 10px 0;
  position: relative;
}

.nav-dropdown h5::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  width: 50px;
  height: 2px;
  background-color: var(--primary-color);
}

.nav-dropdown a {
  background: transparent;
  color: var(--dark-color) !important;
  padding: 10px 0 !important;
  line-height: 1rem;

  transition: 0.5s;
  font-weight: 500;
}

.nav-dropdown a:hover {
  color: var(--primary-color) !important;
}

/* Mobile navigation */
.nav-mobile {
  display: none;
  position: absolute;
  top: 50px;
  transform: translateY(-50%);
  right: 0;
  background: transparent;
  height: 70px;
  width: 70px;
}

@media only screen and (max-width: 992px) {
  .nav-container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .nav-mobile {
    display: block;
  }

  nav {
    width: 100%;
  }

  nav ul {
    display: none;
  }

  nav ul li {
    float: none;
  }

  nav ul li a {
    padding: 15px;
    line-height: 20px;
  }

  nav ul li ul li a {
    padding-left: 30px;
  }

  .nav-dropdown {
    position: static;
    width: 100%;
  }

  nav ul li a,
  nav ul li a:visited {
    background: var(--light-color);
  }

  .navigation {
    position: relative;
  }
}

@media screen and (min-width: 992px) {
  .nav-list {
    display: block !important;
  }

}

#nav-toggle {
  position: absolute;
  left: 18px;
  top: 22px;
  cursor: pointer;
  padding: 10px 35px 16px 0px;
}

#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 3px;
  width: 35px;
  background: var(--dark-color);
  position: absolute;
  display: block;
  content: '';
  transition: all 300ms ease-in-out;
}

#nav-toggle span:before {
  top: -10px;
}

#nav-toggle span:after {
  bottom: -10px;
}

#nav-toggle.active span {
  background-color: transparent;
}

#nav-toggle.active span:before,
#nav-toggle.active span:after {
  top: 0;
}

#nav-toggle.active span:before {
  transform: rotate(45deg);
}

#nav-toggle.active span:after {
  transform: rotate(-45deg);
}


/* Home Banner */
.banner-section {
  min-height: 500px;
  height: 65vh;
  background: linear-gradient(135deg, var(--primary-color) 0%, #764ba2 100%);
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
}

/* Animated Background Elements */
.banner-section::before {
  content: '';
  position: absolute;
  width: 500px;
  height: 500px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  top: -200px;
  right: -100px;
  animation: float 6s ease-in-out infinite;
}

.banner-section::after {
  content: '';
  position: absolute;
  width: 400px;
  height: 400px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 50%;
  bottom: -150px;
  left: -100px;
  animation: float 8s ease-in-out infinite;
}

@keyframes float {

  0%,
  100% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-30px);
  }
}

.banner-content {
  position: relative;
  z-index: 10;
  color: white;
  text-align: center;
}

.badge-text {
  display: inline-block;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  padding: 10px 25px;
  border-radius: 50px;
  font-size: 0.9rem;
  font-weight: 500;
  margin-bottom: 25px;
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.main-title {
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 25px;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
  letter-spacing: -1px;
}

.main-title .highlight {
  color: #fbbf24;
  position: relative;
}

.subtitle {
  font-weight: 300;
  margin-bottom: 40px;
  opacity: 0.95;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.8;
}

.cta-buttons {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
}

.btn-custom {
  padding: 18px 45px;
  font-size: 1.1rem;
  font-weight: 600;
  border-radius: 50px;
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.btn-primary-custom {
  background: white;
  color: #667eea;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.btn-primary-custom:hover {
  transform: translateY(-3px);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);
  color: #667eea;
}

.btn-outline-custom {
  background: transparent;
  color: white;
  border: 2px solid white;
}

.btn-outline-custom:hover {
  background: white;
  color: #667eea;
  transform: translateY(-3px);
}

/* Decorative Shape */
.shape-decoration {
  position: absolute;
  width: 300px;
  height: 300px;
  border: 3px solid rgba(255, 255, 255, 0.2);
  border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
  top: 20%;
  left: 10%;
  animation: morph 8s ease-in-out infinite;
  z-index: 1;
}

@keyframes morph {

  0%,
  100% {
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
  }

  50% {
    border-radius: 70% 30% 30% 70% / 70% 70% 30% 30%;
  }
}

@media (max-width: 768px) {
  .banner-section {
    height: auto;
    min-height: 500px;
    padding: 60px 0;
  }

  .main-title {
    font-size: 2.5rem;
  }

  .subtitle {
    font-size: 1.1rem;
  }

  .btn-custom {
    padding: 15px 35px;
    font-size: 1rem;
  }

  .cta-buttons {
    flex-direction: column;
    align-items: center;
  }

  .shape-decoration {
    width: 200px;
    height: 200px;
  }
}


.section-title {
  color: var(--dark-color);
  border-bottom: 3px solid var(--primary-color);
  display: inline-block;
}

/* Research Paper Writing Timeline */
.rp-process-wrapper {
  background: #fff;
  position: relative;
}

.rp-process-steps-container {
  background: white;
}

.rp-process-step-wrapper {
  margin-bottom: 40px;
  position: relative;
}

.rp-process-step-header {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}

.rp-process-step-num {
  min-width: 70px;
  height: 70px;
  background: linear-gradient(135deg, var(--p-light-color), var(--primary-color));
  color: white;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  font-weight: 700;
  flex-shrink: 0;
  position: relative;
}

.rp-process-step-num::after {
  content: '';
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: 3px;
  height: 20px;
  background: var(--primary-color);
}

.rp-process-step-wrapper:last-child .rp-process-step-num::after {
  display: none;
}

.rp-process-step-heading {
  flex: 1;
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: #1a1a2e;
  padding: 15px 25px;
  background: linear-gradient(90deg, #f8f9fa 0%, white 100%);
  border-left: 5px solid var(--primary-color);
  border-radius: 0 10px 10px 0;
}

.rp-process-step-body {
  padding-left: 90px;
  color: #555;
  font-size: 1.05rem;
  line-height: 1.8;
}

.rp-process-connector-line {
  position: absolute;
  left: 35px;
  top: 90px;
  bottom: -30px;
  width: 3px;
  background: linear-gradient(180deg, #667eea, #764ba2);
  opacity: 0.3;
}

.rp-process-step-wrapper:last-child .rp-process-connector-line {
  display: none;
}

@media (max-width: 768px) {


  .rp-process-steps-container {
    padding: 60px 0 40px;
  }

  .rp-process-step-num {
    min-width: 60px;
    height: 60px;
    font-size: 1.5rem;
  }

  .rp-process-step-heading {
    font-size: 1.2rem;
    padding: 12px 20px;
  }

  .rp-process-step-body {
    padding-left: 80px;
    font-size: 1rem;
  }

  .rp-process-connector-line {
    left: 30px;
  }
}

/* Most Demand */
.paper-border-home-card {
  position: relative;
  padding-top: 80px;
  border: 0;
  border: 2px solid black;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
}

.paper-border-home-card .ribbon {
  position: absolute;
  top: 15px;
  right: 24px;
  border-radius: 15px;
  border-bottom-left-radius: 0;
  height: 4rem;
  width: 100%;
  background: linear-gradient(135deg, var(--primary-color), var(--p-light-color));
  color: white;
}

.paper-border-home-card .ribbon::before,
.paper-border-home-card .ribbon::after {
  content: "";
  position: absolute;
  top: 4rem;
  width: 24px;
}

.paper-border-home-card .ribbon::before {
  border-bottom-left-radius: 30px;
  border-top-left-radius: 30px;
  background-color: var(--primary-color);
  height: 2rem;
  z-index: 1;
}

.paper-border-home-card .ribbon::after {
  height: 1rem;
  background-color: var(--primary-color);
}

.paper-border-home-card .ribbon .ribbon-text {
  position: absolute;
  top: 50%;
  left: 24px;
  width: 100%;
  transform: translatey(-50%);
  font-size: 20px;
  font-weight: bold;
  color: white;
  text-align: center;
}

@media (max-width: 600px) {
  .paper-border-home-card .ribbon {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    border-radius: 4px;
  }

  .paper-border-home-card .ribbon .ribbon-text {
    left: 0;
    font-size: 17px;
  }

  .paper-border-home-card .ribbon::after {
    display: none;
  }

  .paper-border-home-card .ribbon::before {
    display: none;
    transform: none;
  }
}

.green-text {
  color: var(--primary-color);
}

.btn-green {
  background: var(--primary-color);
  color: white;
}

.btn-green:hover {
  background: var(--primary-color);
  color: white;
}

.icon-box {
  background: var(--primary-color);
  width: 70px;
  height: 70px;
}

/* Place Order */
.step-circle {
  width: 35px;
  height: 35px;
  border: 2px solid var(--pp);
  background: white;
}

.timeline-line {
  height: 2px;
  background: #ddd;
  width: 9%;
}

/* Testimonial */
/* 1. Ensure Carousel items fill the height */
.owl-carousel .owl-stage {
  display: flex;
}

.owl-carousel .owl-item {
  display: flex;
  flex: 1 0 auto;
}

.owl-carousel .item {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.testimonial-img {
  width: 60px !important;
  height: 60px;
  object-fit: cover;
}

/* 2. Customizing Navigation Arrows - Improved Positioning */
.owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #fff !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  width: 45px;
  height: 45px;
  border-radius: 50% !important;
  font-size: 24px !important;
  color: #0d6efd !important;
  transition: 0.3s;
  z-index: 100;
}

.owl-nav button:hover {
  background: #0d6efd !important;
  color: #fff !important;
}

/* Adjusted to stay within container padding */
.owl-nav .owl-prev {
  left: 0px;
}

.owl-nav .owl-next {
  right: 0px;
}

/* Add padding to the container to make room for arrows */
.slider-wrapper {
  padding: 0 40px;
  position: relative;
}

@media (max-width: 768px) {
  .owl-nav {
    display: none;
  }

  .slider-wrapper {
    padding: 0 10px;
  }
}

/* accordion */
.accordion-button:not(.collapsed) {
  background-color: #667eea;
  color: white;
}

.accordion-button:not(.collapsed) .text-primary {
  color: white !important;
}

.accordion-collapse {
  transition: height 0.4s ease-in-out;
}

/* step by step */
.step-number {
  width: 50px;
  height: 50px;
  background: linear-gradient(135deg, var(--primary-color), var(--p-light-color));
}

.step-connector {
  width: 3px;
  flex: 1;
  background: linear-gradient(180deg, var(--primary-color), var(--p-light-color));
  opacity: 0.3;
}

.steps-column {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.step-item {
  flex: 1;
  display: flex;
}

/* How PhD Helpers Enhances Your PhD Thesis Writing Services Journey */
.feature-icon {
  width: 60px;
  height: 60px;
  background: linear-gradient(135deg, var(--primary-color), var(--p-light-color));
}

/* Our Step-by-Step Literature Review at PhD Helpers */
.product-card img {
  height: 150px;
  object-fit: contain;
}

/* table */
.diff-table tbody tr {
  transition: all 0.3s ease;
}

.diff-table tbody tr:hover {
  background-color: rgba(102, 126, 234, 0.05);
  transform: scale(1.01);
}

.table-header-custom th {
  background: linear-gradient(135deg, var(--p-light-color) 0%, var(--primary-color) 100%);
}

.first-col-custom {
  background: linear-gradient(90deg, var(--primary-color) 0%, var(--p-light-color) 100%);
}

/* Fast Publishing Scopus Index */
.fast-step-item {
  background: #fff;
  border-radius: 12px;
  height: 100%;
  border-left: 4px solid #e9ecef;
  transition: all 0.3s ease;
}

.fast-step-item:hover {
  border-left-color: #667eea;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
  transform: translateX(5px);
}

.fast-step-num {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 1.1rem;
  margin-bottom: 15px;
}

/* Solution */
.solution-gradient {
  background: linear-gradient(135deg, #28a745 0%, #218838 100%);
}

/* End */

/* Dissertation Writing */
/* Types */
.product-cards:hover {
  transform: translateY(-5px);
  transition: all 0.3s ease;
}

.type-service-wrapper {
  min-height: 100%;
}

.center-image-container {
  position: sticky;
  top: 50%;
  transform: translateY(-50%);
}

/* Key Feature */
.ondezx-timeline-sec {
  border-left: 4px solid #000000;
  background: #ffffff;
  position: relative;
  padding: 35px;
  /* box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.1); */
}

.ondezx-timeline-sec .event {
  border-bottom: 1px dashed #000000;
  padding-bottom: 30px;
  margin-bottom: 30px;
  position: relative;
  list-style-type: none;
}

.ondezx-timeline-sec .event:last-of-type {
  padding-bottom: 0;
  margin-bottom: 0;
  border: none;
}

.ondezx-timeline-sec .event::after {
  position: absolute;
  box-shadow: 0 0 0 4px var(--primary-color);
  left: -42.6px;
  background: white;
  border-radius: 50%;
  height: 11px;
  width: 11px;
  content: "";
  top: 5px;
}

.ondezx-timeline-sec li h3 {
  font-size: 20px;
  font-weight: 600;
}

.ondezx-timeline-sec li h4 span {
  font-size: 16px;
  position: relative;
}

.ondezx-timeline-sec li h4 span ::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #000000;
}

.ondezx-timeline-sec li p {
  font-size: 14px;
}

/* End */


/* footer  */
footer {
  background: var(--dark-color);
  padding: 20px;
  color: var(--light-color);
  margin-top: 10px;
}

footer ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

footer p {
  padding: 0;
  margin: 0;
}

footer ul li a {
  color: var(--light-color);
  text-decoration: none !important;
  font-weight: 500;
  transition: 0.5s;
  text-transform: uppercase;
  font-size: 0.9rem;
}

footer ul li a::before {
  content: '»';
  font-size: 1.5rem;
  padding: 10px;

}

.phone_number {
  text-decoration: none;
  color: var(--light-color);
  font-weight: 600;
  transition: 0.5s;
}

.phone_number:hover {
  color: var(--primary-color);
}

footer ul li a:hover {
  color: var(--primary-color);
  transition: 0.5s;
}

/* footer  */


/* program card  */

.btn-success {
  background: var(--primary-color);
  border: none;
  outline: none;

}

.btn-success:hover,
.btn-success:active,
.btn-success:focus {
  background: var(--primary-color) !important;
}


/* blog */
/* HERO */
.container-blog {
  max-width: 1160px;
  margin: 0 auto;
  padding: 24px 24px 80px;
}

.hero {
  text-align: center;
  padding: 72px 20px 48px;
  position: relative;
  overflow: hidden;
}

.hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 60% 60% at 50% 0%, rgba(79, 142, 247, 0.12) 0%, transparent 70%);
  pointer-events: none;
}

.hero h1 {
  font-family: 'Playfair Display', serif;
  font-size: clamp(42px, 6vw, 72px);
  font-weight: 900;
  letter-spacing: -1px;
  line-height: 1.05;
  background: linear-gradient(135deg, #e8eaf6 30%, #4f8ef7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-bottom: 14px;
}

.hero p {
  color: #7a7f9a;
  font-size: 16px;
  max-width: 520px;
  margin: 0 auto 32px;
  line-height: 1.7;
}

.search-bar {
  display: flex;
  align-items: center;
  max-width: 440px;
  margin: 0 auto;
  background: #111420;
  border: 1px solid #1e2440;
  border-radius: 50px;
  padding: 6px 6px 6px 20px;
  gap: 10px;
  transition: border-color 0.2s;
}

.search-bar:focus-within {
  border-color: #4f8ef7;
}

.search-bar input {
  background: none;
  border: none;
  outline: none;
  color: #e8eaf6;
  font-family: inherit;
  font-size: 14px;
  flex: 1;
}

.search-bar input::placeholder {
  color: #7a7f9a;
}

.search-btn {
  background: linear-gradient(135deg, #4f8ef7, #7c5cbf);
  border: none;
  border-radius: 50px;
  padding: 8px 20px;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: opacity 0.2s;
}

.search-btn:hover {
  opacity: 0.85;
}

/* BLOG GRID */

.section-label {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 32px;
}

.section-label span {
  font-family: 'Playfair Display', serif;
  font-size: 22px;
  font-weight: 700;
}

.section-label::after {
  content: '';
  flex: 1;
  height: 1px;
  background: #1e2440;
}

.blog-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 24px;
}

.blog-card {
  background: white;
  border: 1px solid #1e2440;
  ;
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s;
  animation: fadeUp 0.5s ease both;
}

.blog-card:nth-child(1) {
  animation-delay: 0.05s;
}

.blog-card:nth-child(2) {
  animation-delay: 0.12s;
}

.blog-card:nth-child(3) {
  animation-delay: 0.18s;
}

.blog-card:nth-child(4) {
  animation-delay: 0.24s;
}

.blog-card:nth-child(5) {
  animation-delay: 0.30s;
}

.blog-card:nth-child(6) {
  animation-delay: 0.36s;
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(22px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.blog-card:hover {
  transform: translateY(-4px);
  border-color: rgba(79, 142, 247, 0.4);
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.4);
}

.card-img {
  position: relative;
  height: 200px;
  overflow: hidden;
}

.card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.blog-card:hover .card-img img {
  transform: scale(1.05);
}

.card-img-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.card-img-placeholder svg {
  opacity: 0.3;
}

.date-tag {
  position: absolute;
  top: 14px;
  right: 14px;
  background: rgba(10, 12, 20, 0.8);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  padding: 4px 12px;
  font-size: 11px;
  font-weight: 500;
  color: white;
  letter-spacing: 0.5px;
}

.card-body {
  padding: 22px;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

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

.author {
  display: flex;
  align-items: center;
  gap: 8px;
}

.avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: linear-gradient(135deg, #4f8ef7, #7c5cbf);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  flex-shrink: 0;
}

.author-name {
  font-size: 13px;
  font-weight: 500;
  color: black;
}

.time {
  font-size: 12px;
  color: #7a7f9a;
  display: flex;
  align-items: center;
  gap: 4px;
}

.time svg {
  opacity: 0.6;
}

.card-title {
  font-family: 'Playfair Display', serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
  color: black;
  cursor: pointer;
  transition: color 0.2s;
}

.card-title:hover {
  color: #4f8ef7;
}

.card-desc {
  font-size: 13.5px;
  line-height: 1.7;
  color: black;
  flex: 1;
}

.card-footer {
  padding: 16px 22px;
  border-top: 1px solid #1e2440;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.read-more {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 500;
  color: #4f8ef7;
  text-decoration: none;
  transition: gap 0.2s;
}

.read-more:hover {
  gap: 10px;
}

.read-more svg {
  transition: transform 0.2s;
}

.read-more:hover svg {
  transform: translateX(3px);
}

.topic-tag {
  font-size: 11px;
  padding: 3px 10px;
  border-radius: 20px;
  background: rgba(79, 142, 247, 0.15);
  color: #4f8ef7;
  border: 1px solid rgba(79, 142, 247, 0.2);
  font-weight: 500;
}

/* placeholder gradient images */
.grad-1 {
  background: linear-gradient(135deg, #1a2540 0%, #0d3060 100%);
}

.grad-2 {
  background: linear-gradient(135deg, #1a1040 0%, #2d1060 100%);
}

.grad-3 {
  background: linear-gradient(135deg, #0d3040 0%, #0d4060 100%);
}

.grad-4 {
  background: linear-gradient(135deg, #301020 0%, #602030 100%);
}

.grad-5 {
  background: linear-gradient(135deg, #102030 0%, #204060 100%);
}

.grad-6 {
  background: linear-gradient(135deg, #203010 0%, #405020 100%);
}

/* Responsive */
@media (max-width: 768px) {
  .blog-grid {
    grid-template-columns: 1fr;
  }
}

/* blog view page */


/* Cards */
.sidebar-card {
  border: 1px solid #e4d9f7;
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 4px 20px rgba(108, 43, 217, .07);
}

.sidebar-header {
  background: linear-gradient(135deg, #6c2bd9, #8b5cf6);
  color: #fff;
  padding: 13px 18px;
}

/* Form */
.form-control {
  background: #f8f5ff;
  border: 1.5px solid #e4d9f7;
  border-radius: 8px;
  font-size: 15px;
  color: #1e1033;
}

.form-control:focus {
  border-color: #6c2bd9;
  box-shadow: 0 0 0 3px rgba(108, 43, 217, .1);
  background: #fff;
}

.form-control::placeholder {
  color: #09080f;
}

.btn-vi {
  background: linear-gradient(135deg, #6c2bd9, #8b5cf6);
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 17px;
  letter-spacing: 3px;
  padding: 11px;
  box-shadow: 0 4px 16px rgba(108, 43, 217, .3);
  transition: .2s;
}

.btn-vi:hover {
  opacity: .9;
  transform: translateY(-1px);
  color: #fff;
  box-shadow: 0 8px 28px rgba(108, 43, 217, .4);
}

/* TOC */
.toc-item {
  padding: 10px 18px;
  font-size: 14px;
  color: #7c6fa0;
  border-bottom: 1px solid #e4d9f7;
  cursor: pointer;
  transition: .2s;
  display: flex;
  align-items: center;
  gap: 8px;
}

.toc-item:last-child {
  border-bottom: none;
}

.toc-item::before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: currentColor;
  flex-shrink: 0;
}

.toc-item:hover {
  color: #6c2bd9;
  background: #f5f0ff;
  padding-left: 22px;
}

.toc-item.active {
  color: #6c2bd9;
  background: #ede9fe;
  border-left: 3px solid #6c2bd9;
  font-weight: 600;
}

.toc-sub {
  padding-left: 30px;
  font-size: 13px;
}

/* Article */
.article h1 {
  background: #ede9fe;
  border-left: 4px solid #6c2bd9;
  border-radius: 0 8px 8px 0;
  padding: 16px 20px;
  font-style: italic;
  color: #3b1a6e;
}

.article h2 {
  letter-spacing: 2px;
  color: #232323;
  padding-left: 16px;
  border-left: 5px solid #6c2bd9;
  margin: 40px 0 16px;
}

.article h3 {
  font-weight: 600;
  color: #232323;
  margin: 28px 0 12px;
}

.article p {
  line-height: 1.85;
  color: #3d3d3d;
  font-weight: 300;
}

/* Avatar */
.author-av {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: linear-gradient(135deg, #6c2bd9, #8b5cf6);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  color: #fff;
  border: 2px solid #ede9fe;
  box-shadow: 0 4px 12px rgba(108, 43, 217, .25);
}

@keyframes chatPop {
  from {
    opacity: 0;
    transform: scale(.8) translateY(20px)
  }

  to {
    opacity: 1;
    transform: scale(1) translateY(0)
  }
}

@media(max-width:768px) {
  .share-float {
    display: none;
  }
}

a[href="#cta"] {
  background: linear-gradient(135deg, #6c2bd9, #8b5cf6);
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 17px;
  letter-spacing: 3px;
  padding: 11px;
  box-shadow: 0 4px 16px rgba(108, 43, 217, .3);
  transition: .2s;
}

h1[id],
h2[id],
h3[id],
h4[id],
h5[id],
h6[id] {
  scroll-margin-top: 100px;
}

/* ======================== Home Page ========================= */
/* Image corner brackets */
.corner-tl {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 90px;
  height: 90px;
  border-top: 3px solid var(--primary-color);
  border-left: 3px solid var(--primary-color);
  border-radius: 4px 0 0 0;
  pointer-events: none;
}

.corner-br {
  position: absolute;
  bottom: -10px;
  right: -10px;
  width: 90px;
  height: 90px;
  border-bottom: 3px solid rgba(193, 146, 232, .4);
  border-right: 3px solid rgba(193, 146, 232, .4);
  border-radius: 0 0 4px 0;
  pointer-events: none;
}

/* Home subjects Carousel */
/* overflow hidden track */
.track-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}

/* soft fade on left & right edges */
.track-outer::before,
.track-outer::after {
  content: '';
  position: absolute;
  inset-block: 0;
  width: 80px;
  z-index: 2;
  pointer-events: none;
}

.track-outer::before {
  left: 0;
  background: linear-gradient(to right, #faf5ff 10%, transparent);
}

.track-outer::after {
  right: 0;
  background: linear-gradient(to left, #faf5ff 10%, transparent);
}

/* inline flex belt */
.belt {
  display: inline-flex;
  gap: 14px;
  white-space: nowrap;
  will-change: transform;
}

/* card */
.s-card {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #fff;
  border: 1px solid rgba(193, 146, 232, .22);
  border-radius: 14px;
  padding: 14px 20px;
  box-shadow: 0 2px 12px rgba(193, 146, 232, .09);
  transition: box-shadow .22s, border-color .22s, transform .22s;
  flex-shrink: 0;
  cursor: default;
  min-width: 175px;
}

.s-card:hover {
  box-shadow: 0 8px 26px rgba(109, 40, 168, .15);
  border-color: rgba(193, 146, 232, .55);
  transform: translateY(-3px);
}

/* gif image box */
.s-card img {
  width: 44px;
  height: 44px;
  object-fit: contain;
  border-radius: 10px;
  background: linear-gradient(135deg, #f3e8ff, #e9d5ff);
  padding: 6px;
  flex-shrink: 0;
}

.s-name {
  font-size: .86rem;
  font-weight: 600;
  color: #1e0a3c;
  line-height: 1.3;
  white-space: normal;
  max-width: 100px;
}

/* ── Reason row ── */
.reason-row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 10px 0;
  border-bottom: 1px solid #f0f0f0;
}

.reason-row:last-child {
  border-bottom: none;
}

/* Cyan circle number */
.r-num {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #e5cbfa;
  border: 2px solid var(--primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .72rem;
  font-weight: 700;
  color: var(--pp);
  flex-shrink: 0;
}

.r-text {
  font-size: .88rem;
  font-weight: 400;
  color: #222;
  line-height: 1.4;
}

/* Why Our PhD Help Stands Out */
.so-feature {
  margin-bottom: 40px;
}

/* Header row: icon + skewed blue banner */
.so-feature-header {
  display: flex;
  align-items: center;
  margin-bottom: 18px;
}

/* Yellow icon box - sits outside/left of banner */
.so-icon-box {
  width: 48px;
  height: 44px;
  background: #fff;
  border: 2px solid #e0e0e0;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-right: -2px;
  position: relative;
  z-index: 2;
}

.so-icon-box i {
  font-size: 1.3rem;
  color: var(--secondary-color);
}

/* Blue skewed banner */
.so-banner {
  background: linear-gradient(90deg, var(--pd) 0%, var(--primary-color) 20%, #eaecee 100%);
  height: 44px;
  display: flex;
  align-items: center;
  padding-left: 20px;
  padding-right: 36px;
  flex: 1;
}

.so-banner-title {
  font-size: 1rem;
  font-weight: 700;
  font-style: italic;
  color: black;
  letter-spacing: 0.3px;
  white-space: nowrap;
}

/* Body text */
.so-feature-body {
  font-size: 0.91rem;
  color: #333;
  line-height: 1.85;
  text-align: justify;
}

/* Trying for Publication in Top Journals – Expert PhD Assistance */
.higs-topic-item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 10px 0;
}

/* Circle avatar */
.higs-topic-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1.5px solid #d0d4dc;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 700;
  color: var(--pp);
  flex-shrink: 0;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);
  cursor: pointer;
  transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.higs-topic-avatar:hover {
  background: var(--pp);
  color: #fff;
  border-color: var(--pp);
}

.higs-topic-name {
  font-size: 0.92rem;
  color: #2c2c3e;
  font-weight: 500;
  margin: 0;
}

/* Our Research Help Services  */
.higs-aws-card {
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  height: 100%;
  box-shadow: 0 3px 16px rgba(0, 0, 0, 0.08);
  transition: box-shadow 0.22s, transform 0.22s;
}

.higs-aws-card:hover {
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.13);
  transform: translateY(-4px);
}

/* Card banner header */
.higs-aws-banner {
  position: relative;
  padding: 24px 20px 22px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  min-height: 90px;
}

/* Color gradients */
.higs-aws-card.higs-aws-blue .higs-aws-banner {
  background: linear-gradient(135deg, #1a6fa8 0%, #2196a6 60%, #26b5ad 100%);
}

.higs-aws-card.higs-aws-purple .higs-aws-banner {
  background: linear-gradient(135deg, #7b2fb5 0%, #9c3bbf 50%, #a94cc7 100%);
}

.higs-aws-card.higs-aws-red .higs-aws-banner {
  background: linear-gradient(135deg, #c0392b 0%, #d9534f 50%, #e06444 100%);
}

.higs-aws-card.higs-aws-yel .higs-aws-banner {
  background: linear-gradient(135deg, #c08c2b 0%, #cea14f 50%, #ddab4f 100%);
}



/* Banner title */
.higs-aws-banner-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: #fff;
  margin: 0;
  font-family: Georgia, serif;
  position: relative;
  z-index: 1;
  line-height: 1.3;
  max-width: 65%;
}

/* Large faded icon on right */
.higs-aws-banner-icon {
  font-size: 4.5rem;
  color: rgba(255, 255, 255, 0.22);
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
  line-height: 1;
}

/* Card body */
.higs-aws-card-body {
  padding: 22px 20px 28px 22px;
}

.higs-aws-card-body p {
  font-size: 0.88rem;
  color: #444;
  line-height: 1.75;
  margin: 0;
}

/* PhD Helpers – Turning Your Research Dreams into Success! */
.tyr-image-wrapper {
  position: relative;
}

.tyr-image-small {
  position: absolute;
  bottom: -10%;
  right: -5%;
  width: 55%;
}

@media (max-width: 991.98px) {
  .tyr-image-small {
    position: static;
    width: 100%;
    margin-top: 20px;
  }
}

/* testimonial */
/* ===== HTS PREFIX CUSTOM CSS ===== */

.hts-scholars-section {
  position: relative;
  padding: 70px 0 80px;
  overflow: hidden;
  background-color: #1a1a2e;
}

/* Background image with overlay */
.hts-scholars-bg {
  position: absolute;
  inset: 0;
  background: url('https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=1600&q=80') center center / cover no-repeat;
  z-index: 0;
}

.hts-scholars-bg::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(42, 14, 53, 0.78);
}

.hts-scholars-inner {
  position: relative;
  z-index: 1;
}

/* Section title */
.hts-section-title {
  font-size: clamp(1.6rem, 4vw, 2.4rem);
  font-weight: 800;
  color: #ffffff;
  letter-spacing: 0.5px;
}

/* Testimonial card */
.hts-testimonial-card {
  background: rgba(255, 255, 255, 0.09);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  padding: 28px 30px 36px;
  height: 100%;
  position: relative;
  transition: transform 0.3s ease, background 0.3s ease;
}

.hts-testimonial-card:hover {
  background: rgba(255, 255, 255, 0.14);
  transform: translateY(-4px);
}

/* Avatar */
.hts-avatar-wrap {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  border: 2px solid var(--primary-color);
  overflow: hidden;
  flex-shrink: 0;
}

.hts-avatar-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Author info */
.hts-author-name {
  font-size: 1rem;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.2;
}
/* Quote text */
.hts-quote-text {
  font-size: 0.92rem;
  line-height: 1.75;
  color: #dce8f5;
  text-align: justify;
  margin-top: 20px;
  margin-bottom: 0;
}

/* Big quote icon */
.hts-quote-icon {
  position: absolute;
  bottom: 18px;
  right: 22px;
  font-size: 2.4rem;
  color: var(--p-light-color);
  opacity: 0.55;
  line-height: 1;
}

/* Owl dots override */
.hts-scholars-carousel .owl-dots {
  margin-top: 28px;
  text-align: center;
}

.hts-scholars-carousel .owl-dot span {
  background: rgba(255, 255, 255, 0.3) !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  transition: background 0.3s ease !important;
}

.hts-scholars-carousel .owl-dot.active span,
.hts-scholars-carousel .owl-dot:hover span {
  background: #4da6ff !important;
}

/* Nav arrows */
.hts-scholars-carousel .owl-nav {
  display: none;
}

/* Spacing between cards on desktop (handled via owl margin) */
.hts-scholars-carousel .owl-item {
  padding: 8px 10px;
}

/* Equal height cards */
.hts-scholars-carousel .owl-stage {
  display: flex !important;
}

.hts-scholars-carousel .owl-item {
  display: flex;
  flex: 1 0 auto;
}

.hts-scholars-carousel .owl-item>.hts-testimonial-card {
  width: 100%;
}