/* -------------------------------------------------------
ipsr Solutions : Custom Style

------------------------------------------------------- */
/* ===================================
    Home
====================================== */
/* ===================================
    CSS color variable
====================================== */
:root {
  --ipsr-primary: #00834E;
  --ipsr-secondary: #AF5725;
  --ipsr-dark: #222222;

}

/************************ Common ************************/
.alt-font {
  font-family: "Urbanist", sans-serif !important;
}

h2 {
  letter-spacing: 0px !important;
}

.bg-ipsr-primary {
  background-color: var(--ipsr-primary);
}

.bg-ipsr-secondary {
  background-color: var(--ipsr-secondary);
}

.bg-ipsr-dark {
  background-color: var(--ipsr-dark);
}

/* .btn-ipsr-primary {
  background-image: linear-gradient(to right, #3c9f56, #4e7c44, #37857d, #2f9f58, #28af39, #2f9f58, #37857d, #4e7c44, #3c9f56);
  background-size: 200% auto;
  color: var(--white);
} */

.btn-ipsr-primary {
  background: var(--ipsr-primary) !important;
  color: white !important;
}

.btn-ipsr-primary:hover {
  background: var(--ipsr-primary) !important;
  color: white !important;
}

.btn-ipsr-secondary {
  background-color: var(--ipsr-secondary);
  color: var(--white);
}

.btn-ipsr-secondary:hover, .btn.btn-ipsr-secondary:active {
  background-color: transparent;
  border-color: var(--ipsr-secondary);
  color: var(--ipsr-secondary);
}

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

.text-ipsr-secondary {
  color: var(--ipsr-secondary);
}

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

.header-dark .navbar-nav .simple-dropdown .dropdown-menu {
  background-color: var(--ipsr-primary);
}

.mentor-swiper .swiper-wrapper {
  align-items: stretch;
}

.mentor-swiper .swiper-slide {
  height: auto;
  display: flex;
}

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

.mentor-card .team-style-03 {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.bg-dark-gray-transparent-dark {
  background-color: #79808e;
}

.ceo-tick-list {
  list-style: none;
  padding-left: 0;
}

.ceo-tick {
  position: relative;
  padding-left: 36px;
  margin-bottom: 12px;
  color: #878898;

}

.ceo-tick::before {
  content: "\2713"; /* Unicode tick */
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  font-weight: 800;
  color: #828282;
}

.text-link {
  color: var(--ipsr-secondary);
  font-weight: 500;
  transition: color 0.3s ease;
}

.text-link:hover {
  color: green; /* or use a hex like #28a745 */
}

.team-link:hover {
  color: green;
}

.custom-table {

  max-width: 100%;
  border-collapse: collapse;
  font-size: 16px;
}

.custom-table tr {
  display: flex;
  align-items: center;
}

.custom-table td {
  border: 1px solid #30996e78;
  padding: 12px 16px;
}

/* Text column */
.custom-table td:first-child {
  flex: 1; /* takes remaining space */
}

/* Percentage column */
.custom-table .percentage {
  min-width: 80px;
  text-align: right;
  font-weight: 600;
}

/* 🔽 Mobile tweaks */
@media (max-width: 576px) {
  .custom-table {
    font-size: 14px;
  }

  .custom-table td {
    padding: 10px 12px;
  }
}

@media (max-width: 575px) {
  .page-title-extra-large h1 {
    font-size: 2.8rem;
    line-height: 3.0rem;
  }

  .page-title-extra-large h2 {
    font-size: 20px;
    line-height: 25px;
  }
}

.image-swiper {
  height: 50vh;
  margin-top: 10px;
}

.image-swiper .swiper-slide {
  display: flex;
  align-items: center;

}

.image-swiper img {
  width: 100%;
  height: auto;
  object-fit: cover;
  margin-bottom: 100px
}

/* Mobile tuning */
@media (max-width: 767px) {
  .image-swiper {
    height: 55vh;
  }
}

.text-base-color {
  color: #bc8947;
}

.launch-swiper {
  width: 100%;
  overflow: hidden;
}

.launch-swiper .swiper-wrapper {
  display: flex;
}

.launch-swiper .swiper-slide {
  flex-shrink: 0;
}

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

.btn-success {
  color: white;
  border-radius: 30px;
}

.process-p {
  height: 130px;
}

/* Prevent blink before Swiper initializes */
.blog-swiper {
  visibility: hidden;
}

.blog-swiper.swiper-initialized {
  visibility: visible;
}

/* Fix UL default spacing */
.blog-wrapper {
  padding: 0;
  margin: 0;
  list-style: none;
  height: auto;
}

.blog-swiper .swiper-pagination {
  bottom: 0px !important;
}

.bg-ipsr-section {
  background-color: #6e8b7454;
}

.expert-card {
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);
}

/* Mobile spacing fix */
@media (max-width: 767px) {
  .expert-card {
    padding: 25px;
  }
}

.line-icon-Graduation-Hat:before {
  content: "\e92c";
}


.table-fixed-backend {
  table-layout: fixed;
  width: 100%;
}

.col-id {
  width: 60px;
}

.col-category {
  width: 180px;
}

.col-actions {
  width: 120px;
}


/************************ Banner ************************/
.home-banner .bg-regal-blue {
  background-color: var(--ipsr-primary);
}

.home-banner img {
  height: 450px;
}

/************************ About ************************/
.home-about .bg-gradient-flamingo-amethyst-green {
  background: linear-gradient(45deg, #00834ea1, #fff) !important;
  opacity: 1 !important;
}

/************************ Academic Solutions ************************/
.home-solutions {
  background: var(--ipsr-primary) !important;
}

.home-solutions .bg-gradient-blue-whale-transparent {
  /* background: -webkit-linear-gradient(right, rgba(17, 27, 50, 1.0), rgba(255, 255, 255, 0.0)); */
  /* background: linear-gradient(to right, #005130, rgba(255, 255, 255, 0.0)); */
  background: #00643b !important;


}

.home-solutions .col-lg-5 span {
  background: #003721;
}

.home-solutions .bg-green {
  background: var(--ipsr-primary);
}

.home-solutions .bg-gradient-regal-blue-transparent {
  background: linear-gradient(to top, #003721, rgba(255, 255, 255, 0.0));
}

/************************ Knowledge Hub ************************/
.home-knowledge .card-body a.card-title {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.home-knowledge .card-body p {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

/************************ Learning Services ************************/
.home-learning-services .feature-box {
  min-height: 295px !important;
}

/************************ IT Services ************************/
.home-it-services {
  background-size: cover;
  height: auto !important;
}

.home-it-services .feature-box {
  padding: 30px !important;
  box-shadow: none !important;
}

.home-it-services .bg-solitude-blue {
  background: white !important;
}

.home-it-services h2 {
  color: white !important;
}

/* .home-it-services p{
  color: white !important;
}
.home-it-services .feature-box p{
  color: #717580 !important;
} */
/************************ Associating Institutions ************************/
.home-institutions .feature-box-content {
  line-height: 23px;
}

/************************ Associating Institutions ************************/


/* --------------------------- Style added by Akhila -------------------------- */


.home-news .card-body a.card-title {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.news-list .card-body a.card-title {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.bg-light-gray {
  background-color: #19272b;
}

.text-base-color-obe {
  color: #97e14d;
}

.btn.btn-base-color-obe {
  background-color: #97e14d;
  color: var(--white);
}

.obe-h2 {
  font-size: 2.525rem;
}

.bg-very-light-gray-obe {
  background-color: #38464a;
}

/************************ Responsive ************************/

@media (min-width: 350px) {
  .extra-very-small-screen {
    height: 200px !important;
  }
}

.text-justify {
  text-align: justify;
}

@media (max-width: 576px) {
  .text-justify {
    text-align: center;
  }
}

@media (max-width: 770px) {

  .mobile-stack-fix .row {
    display: grid;
    grid-template-columns: 1fr;
  }

  /* TEXT COLUMN */
  .mobile-stack-fix .col-lg-7 {
    display: contents;
  }

  /* IMAGE COLUMN */
  .mobile-stack-fix .col-lg-5 {
    order: 2;
  }

  /* Name + designation */
  .mobile-stack-fix span,
  .mobile-stack-fix h1 {
    order: 1;
    text-align: center;
  }

  /* Image */
  .mobile-stack-fix img {
    order: 2;
    margin: 10px auto;
  }

  /* Description */
  .mobile-stack-fix p {
    order: 3;
    padding: 10px;
  }
}

.text-truncate-2 {
  display: -webkit-box !important;
  -webkit-line-clamp: 2; /* number of lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/************************ IT Services ************************/

/* Equal height cards ONLY inside home-it-services section */
.home-it-services .swiper-slide {
  height: auto;
  display: flex;
}

.home-it-services .swiper-slide > .col {
  display: flex;
  height: 100%;
}

.home-it-services .feature-box {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 30px !important;
}

.home-it-services .feature-box-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

/* Keep "Learn more" button aligned at bottom */
.home-it-services .feature-box-content a {
  margin-top: auto;
}

.home-news img {
  height: 180px;
  object-fit: cover;
  object-position: top;
}


@media (max-width: 575px) {
  .accordion-style-05 .accordion-item {
    padding: 22px 10px 22px 10px !important;
  }
}

.accordion-style-05 .accordion-item .accordion-body {
  padding: 10px 0px 10px 0px;
}

.accordion-style-05 .accordion-item {
  padding: 22px 22px 22px 22px;
}

.bg-gradient-light-gray-transparent {

  background: linear-gradient(to right, rgba(222, 230, 244, 1.0), rgba(255, 255, 255, 0.0));
}

.company-learning-impact h2, .company-core-identity h2 {
  font-size: 2.688rem;
  line-height: 2.720rem;
}

@media (max-width: 575px) {
  .company-learning-impact h2, .company-core-identity h2 {
    text-align: center;
  }
}

.ipsr-learning-impact .fs-70, .ipsr-core-identity .fs-70 {
  font-size: 2.688rem;
  line-height: 2.720rem;
}

@media (max-width: 575px) {
  .ipsr-core-identity span, .ipsr-learning-impact span {
    text-align: center;
  }
}

.mentor-author-swiper .swiper-button-next,
.mentor-author-swiper .swiper-button-prev {
  color: #000;
}

.mentor-author-swiper {
  padding: 20px 20px 20px 20px;

}

@media (max-width: 767px) {
  .mentor-author-swiper .w-250px {
    margin-bottom: 20px;
  }
}

/* Make all swiper slides equal height */
.mentor-author-swiper .swiper-slide {
  height: auto;
  display: flex;
}

/* Card should stretch fully */
.mentor-author-swiper .swiper-slide > div {
  height: 100%;
  width: 100%;
}

/* Fix card height (adjust as needed) */
.mentor-author-swiper .bg-white {
  min-height: 320px; /* desktop */
  padding: 30px;
}

/* Scroll only the text */
.mentor-author-swiper .mentor-content {
  max-height: 180px;
  overflow-y: auto;
  padding-right: 10px;
}

/* Mobile adjustments */
@media (max-width: 768px) {
  .mentor-author-swiper .bg-white {
    min-height: auto;
  }

  .mentor-author-swiper .mentor-content {
    max-height: none;
    overflow: visible;
  }
}

.note-box {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 16px 20px;
  background: #f9fafb;
  border-left: 4px solid #005231; /* green accent */
  border-radius: 4px;

}

/* Title */
.note-title {
  font-style: italic;
  font-weight: 600;
}

/* Content */
.note-text {
  margin: 0;
  line-height: 1.6;
  font-style: italic;
}

/* 🔽 Mobile adjustments */
@media (max-width: 576px) {
  .note-box {
    padding: 14px 16px;
  }

  .note-text {
    font-size: 14px;
  }
}

.refund-policy p, .privacy-policy p, .terms-and-condition p {
  margin-bottom: 10px;
}

/* --------------------------- Style - 27.01.26 -------------------------- */

/************************ Footer ************************/
footer {
  background-color: #1A1A1A !important;
  color: white !important;
}

footer a {
  color: white !important;
}

footer a:hover {
  color: var(--ipsr-primary) !important;
}

/************************ Sub Pages ************************/
.cover-background {
  height: 500px !important;
}

.company-about .bg-gradient-light-gray-transparent {
  background: var(--ipsr-primary) !important;;
  color: white !important;
}

#down-section .process-step-style-05 .process-step-icon {
  background: linear-gradient(45deg, #003620, #008750) !important;
}

#down-section .bg-gradient-emerald-blue-emerald-green {
  background: linear-gradient(45deg, #08935B, #92FED2) !important;
}

.ipsr-mentor-panel {
  margin-bottom: 60px;
}

/************************ Responsive - New - 27.01.26 ************************/
@media (max-width: 1199px) {
  .navbar .navbar-nav .nav-link {
    font-size: 15px;
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media (max-width: 991px) {
  .navbar-show-modern-bg {
    background: var(--ipsr-primary) !important;
  }

  .navbar-collapse-show[data-mobile-nav-style=modern] .navbar-modern-inner .collapse {
    background: var(--ipsr-primary) !important;
  }

  .home-banner img {
    height: 300px;
  }

  .home-banner .md-mb-15 {
    margin-bottom: 8% !important;
  }

  .home-it-services .gap-2 {
    display: block !important;
  }
}

@media (max-width: 768px) {
  .cover-background {
    height: 300px !important;
    margin-bottom: 40px;
  }

}

@media (max-width: 576px) {
  .cover-background {
    height: 200px !important;
    display: flex;
    align-items: center;
  }

}


/* Default logo visible always */
.navbar-brand .site-logo {
  height: 40px; /* adjust to match your current logo size */
  width: auto;
}

/* If your theme changes logo on scroll (sticky header turns dark) */
.sticky-header .navbar-brand .site-logo,
.scrolled .navbar-brand .site-logo {
  /* same image so no change needed —
     if you had a dark/light variant, you'd swap via CSS filter */
  filter: brightness(0) invert(1); /* makes logo white if needed */
}


/* Base grid */
.custom-blog-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Tablet */
@media (min-width: 768px) {
  .custom-blog-grid {
    grid-template-columns: 6;
  }

  .horizontal-card {
    display: grid;
    grid-template-columns: 375px 1fr; /* consistent image width */
    gap: 20px;
    align-items: start;
  }
}

/* XL Layout */
@media (min-width: 1200px) {
  .custom-blog-grid {
    grid-template-columns: 1fr 1fr;
    align-items: start;
  }

  .featured-post {
    grid-column: 1;
    grid-row: 1 / span 2;
  }
}

/* Lock image aspect ratio */
.blog-image img {
  width: 100%;
  object-fit: cover;
  display: block;
}

.horizontal-card .blog-image img {
  aspect-ratio: 3 / 2;
}

.featured-post .blog-image img {
  aspect-ratio: 2 / 1;
}

.featured-post .card-body {
  padding-top: 20px;
}

/* Normalize body spacing */
.horizontal-card .card-body {
  padding: 0;
}

/* Typography spacing cleanup */
.horizontal-card .card-title {
  margin-bottom: 8px;
}

.horizontal-card p {
  margin-bottom: 12px;
}

.blog-category a:hover {
  color: #bc8947;
}

/* FILTER STYLES */
.khub-filter-bar-wrap {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0 auto;
}

/* Make the list scrollable and single-line */
.khub-filter-bar {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  gap: 12px;
  padding: 6px 40px; /* space for arrows */
  margin: 0;
  scroll-behavior: smooth;
  scrollbar-width: none; /* Firefox */
}

.khub-filter-bar::-webkit-scrollbar {
  display: none;
}

/* prevent li from forcing wrapping */
.khub-filter-bar .list-inline-item {
  flex: 0 0 auto;
  margin: 0 !important; /* kill default inline list spacing */
}

/* keep chip size stable */
.khub-filter-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  flex: 0 0 auto;
}

/* active look  */
.khub-filter-chip.active {
  outline: 2px solid rgba(0, 0, 0, .25);
  outline-offset: 2px;
}

/* arrows */
.khub-filter-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 0;
  background: #ffffff;
  box-shadow: 0 4px 18px rgba(0, 0, 0, .12);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 5;
}

.khub-filter-arrow.left {
  left: 0;
}

.khub-filter-arrow.right {
  right: 0;
}

/* fade edges */
.khub-filter-bar-wrap:before,
.khub-filter-bar-wrap:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 44px;
  pointer-events: none;
  z-index: 4;
}

.khub-filter-bar-wrap:before {
  left: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}

.khub-filter-bar-wrap:after {
  right: 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}

/* responsive arrow sizing */
@media (max-width: 576px) {
  .khub-filter-bar {
    padding-left: 34px;
    padding-right: 34px;
  }

  .khub-filter-arrow {
    width: 30px;
    height: 30px;
  }
}

/* Blog card hover animation */
.custom-blog-grid .card {
  transition: transform 0.35s cubic-bezier(.2, .8, .2, 1), box-shadow 0.35s cubic-bezier(.2, .8, .2, 1);
}

.custom-blog-grid .card:hover {
  transform: translateY(-6px);
}


/* Active pill state */
.active-pill {
  background-color: var(--bs-dark) !important;
  color: #fff !important;
}

/* Remove default swiper arrow positioning so they sit inline */
.slider-navigation-style-04.swiper-button-prev,
.slider-navigation-style-04.swiper-button-next {
  position: static;
  transform: none;
  margin: 0;
}

/* Hide swiper's default arrow pseudo-elements */
.slider-navigation-style-04.swiper-button-prev::after,
.slider-navigation-style-04.swiper-button-next::after {
  display: none;
}

/* Prevent slides from stretching to full width */
.testimonials-style-09 .swiper-slide {
  width: auto !important;
  height: auto;
}


:root {
  --ipsr-secondary-fallback: #AF5725;
}

.sidebar .tag-cloud a {
  background: #fff !important;
  border: 1px solid rgba(188, 137, 71, 0.35) !important;
  color: var(--dark-gray) !important;
  border-radius: 100px !important;
  padding: 7px 14px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  transition: 0.25s;
  text-decoration: none;
  margin: 0 8px 10px 0;
  display: inline-block;
}

.sidebar .tag-cloud a:hover,
.sidebar .tag-cloud a.active {
  background: var(--ipsr-secondary, var(--ipsr-secondary-fallback)) !important;
  border-color: var(--ipsr-secondary, var(--ipsr-secondary-fallback)) !important;
  color: #fff !important;
}

/* Top tags under the post */
.blog-standard .tag-cloud a {
  background: #fff !important;
  border: 1px solid rgba(188, 137, 71, 0.25) !important;
  color: var(--dark-gray) !important;
  border-radius: 100px !important;
  padding: 6px 12px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  transition: 0.25s;
  text-decoration: none;
  display: inline-block;
  margin: 0 8px 10px 0;
}

.blog-standard .tag-cloud a:hover {
  background: var(--ipsr-secondary, var(--ipsr-secondary-fallback)) !important;
  border-color: var(--ipsr-secondary, var(--ipsr-secondary-fallback)) !important;
  color: #fff !important;
}


/* -------------------------------------------------------
QnSmart i, deQ OBE, Vigyana : Custom Style

------------------------------------------------------- */

/* ===================================
    CSS color variable
====================================== */
:root {
  --primary: #00834E;
  --secondary: #AF5725;
}

/* ===================================
    QnSmart i
====================================== */
body {
  /* font-family: "Urbanist", sans-serif; */
}

.btn {
  text-transform: capitalize;
}

.btn, .alt-font {
  font-family: "Urbanist", sans-serif !important;
}

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

.btn-primary {
  background-color: var(--primary);
  border: none !important;
}

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

}

.btn-primary:hover {
  background-color: var(--primary);
  border: none !important;
}

.btn-secondary {
  background-color: var(--secondary) !important;
  border: none !important;
}

.cta-btn2 {
  background-color: transparent;
  border: 1px solid var(--primary);
  color: var(--primary);
}

.cta-btn2:hover {
  background-color: transparent;
  border: 1px solid var(--primary);
  color: var(--primary);
}

.cta-btn3 {
  background-color: transparent;
  border: 1px solid white;
  color: white;
}

.cta-btn3:hover {
  background-color: transparent;
  border: 1px solid white;
  color: white;
}


h2 {
  /* font-family: "Figtree", sans-serif; */
  font-size: 34px !important;
  line-height: 40px !important;
  font-weight: 700 !important;
  letter-spacing: 0px !important;
  margin-bottom: 20px !important;
}

h3 {
  font-size: 22px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 18px;
}

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

.bg-light-primary {
  background: #e4fff4 !important;
}

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

section {
  padding-top: 70px;
  padding-bottom: 70px;
}

p {
  /* font-family: "Urbanist", sans-serif; */
  font-size: 18px;
}


/************************ Banner ************************/
.qn-banner {

}


.qn-banner h2 {
  font-size: 45px !important;
  margin-bottom: 20px !important;
  text-align: center;
}

.qn-banner h3 {
  font-size: 25px;
  line-height: 35px;
}

.qn-banner {
  height: 500px;
}

/************************ Abt 1 ************************/
.abt-qn {
  padding-top: 0px;
}

.abt-qn h1 {
  font-size: 36px;
  line-height: 48px;
  margin-bottom: 20px;
}

.abt-qn h5 {
  font-size: 20px;
  font-weight: 600;
}

.about-qn img {
  height: 500px;
}

.question1 {
  border-radius: 20px;
  border: 1px solid var(--secondary);
}

.question1 h3 {
  /* color: white; */
  /* color: var(--primary); */
  color: var(--secondary);
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0px;
}

/************************ Counter ************************/

.qn-counter {
  /* background-color: var(--primary); */
  /* background: url(../img/counter-bg1.jpg); */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* background: linear-gradient(to left, #FFC7A7, #CADCAE); */

}

.qn-counter .feature-box {
  border: 1px solid white;
  align-items: center !important;
  height: 145px;
}

.qn-counter h3 {
  color: white;
  font-size: 40px;
}

.qn-counter h4 {
  color: #E3E3E3;
  font-size: 20px;
  line-height: 30px;
}

.qn-counter .counter1 {
  padding: 10px;
}

/************************ Core Features ************************/

.qn-features {

}

.qn-features .front-side, .qn-features .back-side {
  height: 230px !important;
}

.qn-features .back-side p {
  margin: 0;
}

.qn-features .front-side i {
  margin-bottom: 15px;
}

.qn-features .rotate-box-style-02 {
  height: 230px !important;
}

/************************ ************************/
.qn-question1 h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}

/************************ Qn Helps ************************/

.qn-helps {
  /* background: url(../img/bg1.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; */
  padding-top: 70px !important;
}

.qn-helps .qn-help1 img {
  height: 200px;
  width: auto;
  object-fit: contain;
  object-position: center;
  margin: 0 auto;
  display: block;
}

/************************ Qn How Works ************************/
.qn-how-works .feature-box {
  background: #004127;
  padding: 20px 40px;
  height: 140px;
}

.qn-how-works .feature-box:hover .feature-box-content {
  color: black;
}

/************************ Institutions ************************/

.qn-institutions p {
  font-size: 15px;
  line-height: 24px;
}

.qn-institutions h3 {
  /* color: var(--primary); */
  font-size: 21px;
  font-weight: 600;
}

/************************ Team ************************/
.qn-team img {
  object-fit: cover;
  object-position: top;
}

.qn-team .team1 {
  height: 270px !important;
}

.qn-team .team-members img {
  height: 100px;
  width: 100px;
  max-width: unset;
  border-radius: 50% !important;
  margin: 0 auto;
  display: block;
  /* width: 100%; */
  object-fit: cover;
  object-position: top;
}

.qn-team .team2 {
  /* border: 2px dotted var(--primary); */
  justify-content: center;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 20px;
  border-radius: 10px;

  background: url(../img/counter-bg1.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 200px;
}

.qn-team .team2 h4 {
  font-size: 22px;
  font-weight: 500;
  line-height: 30px;
  color: white !important;
}

.team3 {
  padding: 10px 15px;
  min-height: 255px;
}

.qn-team .team-style-01 {
  margin-bottom: 20px;
}

.team-main1 img {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.team-main2 img {
  height: 300px;
  width: 100%;
  object-fit: cover;
  object-position: top;
}

.main-cta .cover-background {
  height: auto !important;
}

/************************ Responsive ************************/

@media (max-width: 1200px) {
  .qn-banner {
    height: 400px;
  }

  .team3 {
    min-height: 200px;
  }

  .team-main1 img {
    max-height: 250px !important;
  }

  .team-main3 {
    text-align: left !important;
    padding: 20px 30px !important;
  }

}

@media (max-width: 992px) {
  .qn-banner {
    height: 350px;
  }

  .process-step-icon-box {
    margin-top: 15px !important;
  }

  .process-step-icon {
    width: 45px !important;
    height: 45px !important;
  }

  .team3 {
    /* display: inline-block !important; */
    width: 100%;
    /* text-align: center; */
  }

  .team-main2 {
    display: flex !important;
  }

  .team2 {
    text-align: center !important;
  }

  .team-main1 img {
    max-height: 350px !important;
  }

  .process-step-style-02 .progress-step-separator {
    display: none;
  }
}

@media (max-width: 768px) {
  section {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .qn-banner {
    height: 300px !important;
    margin-bottom: 40px;
  }

  .qn-institutions p {
    /* text-align: left; */
    font-size: 12px;
    line-height: 18px;
  }

  .team-main1 img {
    height: 200px;
    width: 100%;
  }

  .abt-qn img, .qn-question1 img {
    height: 300px;
    width: auto !important;
    margin: 0 auto;
    display: block;
  }

}

@media (max-width: 576px) {

  .team-main1 img {
    height: 150px;
  }

  .qn-team .team-members img {
    height: 80px;
    width: 80px;
  }

  .qn-helps .qn-help1 {
    margin: 0px !important;
  }
}


/* ===================================
    DeQ OBE
====================================== */

.obe-features .front-side {
  height: 200px !important;
}

.obe1 img {
  height: 200px;
  width: auto;
  margin: 0 auto;
  display: block;
}

.obe-how-works .feature-box {
  padding: 15px 20px;
  height: 200px;
  display: flex !important;
  justify-content: center;
}

.obe-accreditation h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}

@media (max-width: 992px) {
  .obe-how-works .feature-box {
    display: inline-block !important;
    height: auto;
    margin-bottom: 20px;
    width: 100%;
  }
}

/* ===================================
    Vigyana
====================================== */

.vigyana-features h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}

.vigyana-features .rotate-box-style-02 {
  height: auto !important;
}

.vigyana-features .front-side {
  height: 240px !important;
  margin-bottom: 20px;
}

.vigyana-addresses .fancy-text-box-style-01 {
  height: 190px;
}

.vigyana-symbiotic h3 {
  font-size: 22px !important;
  font-weight: 600 !important;
}

.vigyana-symbiotic p {
  opacity: 0.7;
}

.vigyana-vdo h3 {
  font-size: 32px;
}

.vigyana-vdo h4 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 5px;
}

/* .vigyana-vdo1{
  background-size: contain;
} */
.vigyana-lifecycle {

}

.vigyana-lifecycle h3 {
  font-size: 22px !important;
  font-weight: 600 !important;
}

.vigyana-lifecycle img {
  height: 400px;
  width: auto;
  /* max-width: 600px; */
  object-fit: contain;
  object-position: center;
  margin: 0 auto;
  display: block;
  margin-bottom: 40px;
}

@media (max-width: 1200px) {
  .vigyana-features .front-side {
    height: 260px !important;
  }
}

@media (max-width: 992px) {
  .vigyana-features .front-side {
    height: 240px !important;
  }
}


/* -------------------------------------------------------
FYUGP-STYELS

------------------------------------------------------- */

/* ===================================
    CSS color variable
====================================== */
:root {
  --primary: #00834E;
  --secondary: #AF5725;
}

/* ===================================
    FYUGP
====================================== */
body {
  font-family: "Urbanist", sans-serif;
}

.btn {
  text-transform: capitalize;
}

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

.btn-secondary {
  background-color: var(--secondary) !important;
  border: none !important;
}


h2 {
  font-family: "Figtree", sans-serif;
  font-size: 34px !important;
  line-height: 40px !important;
  font-weight: 700 !important;
  letter-spacing: 0px !important;
  margin-bottom: 20px !important;
}


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

section {
  padding-top: 70px;
  padding-bottom: 70px;
}

p {
  font-family: "Urbanist", sans-serif;
  font-size: 18px;
}

/************************ Banner ************************/

.fyugp-banner {
  /* background-color: var(--primary); */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.bnr-title {
  font-family: "Figtree", sans-serif;
  font-size: 40px;
}

.bnr-btn2 {
  box-shadow: none;
  border: 1px solid white;
  color: white;
}

.bnr-btn2:hover {
  box-shadow: none;
  border: 1px solid white;

}

.fyugp-banner .feature-box {
  position: initial;
}

.fyugp-banner .feature-box i {
  font-size: 34px;
}

.fyugp-banner .bnr-icons {
  text-align: left;
}

.fyugp-banner .bnr-icons ul {
  padding: 0;
}

.fyugp-banner .bnr-icons li {
  list-style: none;
  margin-bottom: 10px;
  font-size: 18px;
}

.fyugp-banner .bnr-icons li i {
  color: white;
}

/************************ Credit Sec ************************/

.sec2 {
  /* background: var(--secondary) !important; */
  background: #8E461E !important;
}

.sec2 .feature-box-icon i {
  font-size: 50px;
  color: white;
  margin-bottom: 15px;
}

.credit-sec h3 {
  font-size: 22px !important;
}

.credit-sec .btn {
  font-size: 16px !important;
}

/************************ Credit Sec ************************/

.why-ipsr .feature-box-icon i, .benefits .feature-box-icon i {
  color: var(--primary) !important;
}

/************************ Course - Tab ************************/

.course-tab .nav-link {
  color: white !important;
}

.course-tab .nav-link:hover {
  color: black !important;
}

.course-tab li.nav-item {
  margin-bottom: 10px;
}

.course-tab li.nav-item .nav-link {
  border: 1px solid white;
}

.course-tab li.nav-item .active {
  color: black !important;
}

.crs-apply:hover {
  color: var(--secondary) !important;
}

/************************ Learning ************************/
.learning {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}

.learning-content {
  padding: 30px;
  border-radius: 5px;
  min-height: 240px;
}

.learning-icon {
  border-radius: 50%;
  background-color: white;
  width: 75px;
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0px 4px 30px rgba(0, 0, 0, 0.10));
  margin: 0 auto;
  margin-bottom: 15px;
}

.learning-icon i {
  font-size: 35px;
}

.learning h3 {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 10px;
  line-height: normal;
}

.learning h5 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 5px;
  line-height: normal;
}

/************************ Steps ************************/

.steps .process-step-icon-wrap {
  margin-bottom: 10px;
}

.steps .process-content span {
  line-height: 23px;
}


.steps h4.number {
  background: var(--primary);
  color: white;
  padding: 10px;
  border-radius: 50%;
  font-size: 18px;
  width: 70px;
  height: 70px;
}

.steps .process-step-style-04 span {
  font-weight: 600 !important;
  line-height: 26px !important;
}

/************************ Outcomes ************************/
.outcomes {
  background: var(--secondary);
}

.outcomes .learning-content {
  min-height: 210px;
}

.outcomes h3 {
  font-size: 19px !important;
}

/************************ Mentors ************************/


.mentors .item {
  padding: 30px 20px;
  background: rgba(255, 255, 255, 0.52);
  border-radius: 20px;
  height: 300px;
  text-align: center;
}

.mentors img {
  height: 130px;
  width: 130px !important;
  object-fit: cover;
  object-position: top;
  border-radius: 50%;
  margin: 0 auto 10px;
}

.mentors h3 {
  font-size: 21px;
  font-weight: 500;
  margin-bottom: 10px;
  line-height: normal;
}

.mentors h5 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 5px;
  line-height: normal;
}

/************************ CTA ************************/
.main-cta h5 {
  font-size: 26px;
}

/************************ Responsive ************************/

@media (max-width: 1400px) {
  .steps .process-content span {
    font-size: 12px !important;
    line-height: 19px;
  }
}

@media (max-width: 992px) {
  .fyugp-banner img {
    max-height: 400px !important;
    width: auto !important;
    margin: 0 auto !important;
    display: block;
  }

  /* .steps .process-content span{
    text-align: center;
  } */
  .steps .process-step-style-07 {
    display: flex !important;
    /* justify-content: center; */
  }

  .steps .process-step-item {
    display: flex;
    gap: 20px;
  }

  .steps .process-content span {
    font-size: 16px !important;
    line-height: 23px;
  }
}


.home-banner {
  position: relative;
}

.home-banner .banner-overlay {
  background: black;
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0.3;
}

.home-banner h1 {
  margin-top: 15px;
}

.home-banner h3 {
  font-size: 20px;
  line-height: 32px;
  margin: 0;
}


@media (max-width: 768px) {
  .home-it-services.cover-background {
    height: auto !important;
    margin-bottom: 40px;
  }
}

@media (max-width: 576px) {
  .home-it-services.cover-background {
    height: auto !important;
    display: block;
  }
}

.article-categories {
  position: absolute;
  top: 17px;
  left: 20px;
}

.btn-gradient-green-brown {
  background-image: linear-gradient(to right, #00C97A, #E87A3A, #00C97A);
  background-size: 200% auto;
  color: var(--white);
  transition: background-position 0.5s ease;
}

.btn-gradient-green-brown:hover {
  background-position: right center;
}