:root {
  --theme-primary-color: #603211;
  --theme-secondary-color: #fcb913;
  --theme-text-color-1: #ffffff;
  --theme-text-color-2: #000000;
}

@font-face {
  font-family: HellixThin;
  src: url(../fonts/hellix/Hellix-Thin.ttf);
}

body {
  font-family: "Sora", sans-serif;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

::-moz-selection {
  background: var(--theme-primary-color);
  color: var(--theme-text-color-1);
}

::selection {
  background: var(--theme-primary-color);
  color: var(--theme-text-color-1);
}

a,
.btn {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

.btn:focus {
  box-shadow: none;
}

/* --------------- */
.btn-theme-primary,
.btn-theme-primary-outline.active {
  color: var(--theme-text-color-1);
  background-color: var(--theme-primary-color);
  border: 1px solid var(--theme-primary-color);
  padding: 0.5rem 2rem;
  -webkit-box-shadow: 5px 5px 10px 0px rgb(112 60 25 / 30%);
  box-shadow: 5px 5px 10px 0px rgb(112 60 25 / 30%);
  border-radius: 2.5rem;
}

.btn-theme-primary:hover,
.btn-theme-primary-outline.active:hover {
  background: var(--theme-text-color-1);
  color: var(--theme-primary-color);
}

.btn-theme-primary:focus,
.btn-theme-primary-outline.active:focus {
  color: #fff;
  background-color: var(--theme-primary-color);
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* --------------- */
.btn-theme-primary-outline {
  color: var(--theme-primary-color);
  border-color: var(--theme-primary-color);
  background-color: #ffffff;
  padding: 0.5rem 2rem;
  /* -webkit-box-shadow: 5px 5px 10px 0px rgb(112 60 25 / 20%); */
  /* box-shadow: 5px 5px 10px 0px rgb(112 60 25 / 20%); */
  border-radius: 2.5rem;
  -webkit-border-radius: 2.5rem;
  -moz-border-radius: 2.5rem;
  -ms-border-radius: 2.5rem;
  -o-border-radius: 2.5rem;
}

.btn-theme-primary-outline:hover {
  color: #fff;
  background-color: var(--theme-primary-color);
  -webkit-box-shadow: 5px 5px 10px 0px rgb(112 60 25 / 30%);
  box-shadow: 5px 5px 10px 0px rgb(112 60 25 / 30%);
}

.btn-theme-primary-outline:focus {
  color: #fff;
  background-color: var(--theme-primary-color);
  -webkit-box-shadow: 0 0 0 0.25rem rgb(112 60 25 / 20%);
  box-shadow: 0 0 0 0.25rem rgb(112 60 25 / 20%);
}

.parsley-errors-list {
  list-style: none;
  padding-left: 1rem;
  padding-top: 0.2rem;
}

.parsley-errors-list li {
  color: #f44336;
  font-size: 0.8rem;
}

/* .btn:focus,
.btn:active:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none !important;
} */

.scaling-anim {
  animation-name: scaling;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

@keyframes scaling {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }

  50% {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
  }

  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}

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

.text-sepia {
  color: var(--theme-primary-color);
}
.btn-theme-brown {
  background: var(--theme-primary-color);
  color: var(--theme-text-color-1) !important;
  text-decoration: none;
  border-radius: 2rem;
  text-transform: uppercase;
  font-weight: 500;
  padding: 0.5rem 1.5rem !important;
  border: 1px solid var(--theme-primary-color);
  transition: all 0.5s ease-in-out;
  font-size: 0.9rem;
}
.btn-theme-brown:hover {
  transition: all 0.5s ease-in-out;
  background: var(--theme-text-color-1);
  color: var(--theme-primary-color) !important;
}

/*---------------------------------------------*/
/*-- Page - Home | Navbar --*/
/*---------------------------------------------*/
header .top-bar {
  background: var(--theme-primary-color);
  padding: 0.5rem 0;
}

header .top-bar a {
  text-decoration: none;
  color: var(--theme-text-color-1);
}

header .top-bar a:hover {
  color: var(--theme-secondary-color);
}

header .top-bar .social-links {
  padding: 0;
  margin: 0;
}

header .top-bar .social-links li {
  display: inline-block;
  padding: 0 0.5rem;
}

header .top-bar .social-links li a {
  font-size: 1.05rem;
}

.navbar {
  padding: 1rem 0;
  box-shadow: -4px 4px 13px 3px #2d53db1a;
}
.navbar.fixed-top {
  top: 30px; /* height of the top bar */
  z-index: 1050; /* Bootstrap default */
}

.navbar .btn-apply-now {
  background: var(--theme-primary-color);
  color: var(--theme-text-color-1) !important;
  border-radius: 2rem;
  text-transform: uppercase;
  font-weight: 500;
  padding: 0.5rem 1.5rem !important;
  border: 1px solid var(--theme-primary-color);
  transition: all 0.5s ease-in-out;
  font-size: 0.9rem;
}

.navbar .btn-apply-now:hover {
  transition: all 0.5s ease-in-out;
  background: var(--theme-text-color-1);
  color: var(--theme-primary-color) !important;
}

.navbar-brand img {
  width: 20rem;
}

/*---------------------------------------------*/
/*-- Page - Home | Hero Area --*/
/*---------------------------------------------*/
.hero-area {
  background: url(../images/hero-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 4rem 0;
  position: relative;
}

.ha-text-block {
  position: relative;
}

.ha-text-block h1 {
  font-family: HellixThin;
  font-size: 5rem;
  position: relative;
  font-weight: 600;
  line-height: 1;
  color: var(--theme-text-color-1);
  z-index: 1;
}

.ha-text-block h5 {
  position: absolute;
  top: -1.5rem;
  left: 3%;
  z-index: 2;
  /* transform: rotate(345deg); */
  background: var(--theme-primary-color);
  color: var(--theme-text-color-1);
  padding: 0.5rem 1rem;
  border-radius: 2rem;
  /* font-family: "Vibur", cursive; */
  font-family: "Sora", sans-serif;
  font-size: 1.5rem;
  line-height: 1;
}

.ha-text-block p {
  margin: 0;
  color: var(--theme-text-color-1);
}

.ha-text-block .hero-btn {
  margin-top: 3rem;
}

.ha-text-block .hero-btn a {
  background: var(--theme-text-color-1);
  color: var(--theme-text-color-2);
  font-weight: 600;
  text-decoration: none;
  padding: 1rem;
  border-radius: 2rem;
  transition: all 0.5s ease-in-out;
}

.ha-text-block .hero-btn a span {
  background: var(--theme-primary-color);
  padding: 0.5rem 1rem;
  border-radius: 2rem;
  color: var(--theme-text-color-1);
  margin-left: 1rem;
  font-weight: 800;
  transition: all 0.5s ease-in-out;
}

.ha-text-block .hero-btn a:hover {
  background: var(--theme-primary-color);
  color: var(--theme-text-color-1);
  transition: all 0.5s ease-in-out;
}

.ha-text-block .hero-btn a:hover span {
  background: var(--theme-text-color-1);
  color: var(--theme-primary-color);
  transition: all 0.5s ease-in-out;
}

.stats-wrapper {
  display: flex;
  flex-wrap: wrap; /* allow items to wrap on narrow screens */
  justify-content: center; /* center in parent */
  gap: 0; /* we’ll manage spacing via margins on items */
  margin: 2rem auto 0 auto; /* center horizontally if you want */
  padding: 0;
  list-style: none; /* if you use <ul> */
}

/* ───────────────────────────────────────────────────────────────────── */
/* 2. Each individual .stat-item                             */
/*                                                     
         - position: relative to contain its ::before/::after 
         - background: white-to-light‐gray gradient (emulates that subtle shading).
         - border‐radius: large so the corners are pill‐shaped.
         - padding: space inside.
         - flex: 1 1 200px so that on wide screens they share space, but 
           on narrower screens they’ll wrap.
       ───────────────────────────────────────────────────────────────────── */
.stat-item {
  position: relative;
  flex: 1 1 200px; /* “grow and shrink”, with a min‐width of 200px */
  background: linear-gradient(to bottom, #fafafa, #e6e6e6);
  border: 2px solid #fff; /* white border to outline shape */
  border-radius: 40px; /* big radius for pill shape */
  margin: 10px 0; /* vertical margin between wrapped rows */
  padding: 20px 20px; /* top/bottom and left/right padding */
  box-sizing: border-box;
  text-align: center;
  color: #4e2c16; /* dark brown text */
  min-width: 180px; /* don’t shrink below ~180px */
  /* ensure the triangles don’t get clipped by overflow: */
  overflow: visible;
}

/* ─────────────────────────────────────────────────────────────────────────── */
/* 3. Draw the right‐pointing “arrow” on each .stat‐item except .last      */
/* 
       We place a 0×0 pseudo‐element at the vertical center of the item
       with top:50%; transform:translateY(–50%). By giving border‐left a color
       we get a right‐pointing triangle. Because it’s ::after, it sits “above”
       the other content but we push it behind using z-index: –1.
       ─────────────────────────────────────────────────────────────────────────── */
.stat-item:not(.last)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -20px; /* extend 20px outside the box */
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #fff; /* same color as item’s border */
  z-index: -1; /* sit behind the stat‐item’s background */
  transform: translateY(-50%);
}

/* ─────────────────────────────────────────────────────────────────────────── */
/* 4. Draw the left‐pointing “arrow” on each .stat‐item except .first       */
/* 
       Similar to ::after, but mirrored horizontally. 
       ─────────────────────────────────────────────────────────────────────────── */
.stat-item:not(.first)::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -20px; /* extend 20px outside the box */
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-right: 20px solid #fff; /* same color as item’s border */
  z-index: -1;
  transform: translateY(-50%);
}

/* ───────────────────────────────────────────────────────────────────── */
/* 5. Example typography inside each box                              */
/*    Adjust font‐sizes/line‐heights as needed.                     */
/* ───────────────────────────────────────────────────────────────────── */
.stat-item h3 {
  margin: 0;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.2;
  color: #4e2c16; /* dark brown for the big number */
}
.stat-item p {
  margin: 8px 0 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3;
  color: #333; /* slightly darker gray for the text below */
}

/*---------------------------------------------*/
/*-- Page - Home | Enquiry Form --*/
/*---------------------------------------------*/
.ha-enquiry-block {
  background: var(--theme-text-color-1);
  padding: 6rem 1.5rem 2rem;
  border-radius: 1rem;
  position: relative;
  z-index: 10;
}

.ha-enquiry-block-inner {
  position: relative;
}

.ha-enquiry-block-heading {
  position: relative;
  font-weight: 700;
  color: var(--theme-primary-color);
  text-transform: capitalize;
  text-align: center;
}

.ha-enquiry-block-head-after {
  margin: 0;
  position: absolute;
  top: -3rem;
  left: 0;
  /* font-family: "Vibur", cursive; */
  font-family: "Sora", sans-serif;
  background: var(--theme-secondary-color);
  color: var(--theme-text-color-1);
  padding: 0.5rem 1rem;
  border-radius: 2rem;
  /* transform: rotate(350deg); */
  font-size: 1.25rem;
}

.ha-enquiry-block-subheading {
  text-align: center;
}

.ha-enquiry-form .form-floating > .form-control,
.ha-enquiry-form .form-floating > .form-select {
  background: #f6fbff;
  /* padding-left: 1rem; */
  /* border-color: var(--theme-text-color); */
  border: none;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
}

.ha-enquiry-form .form-floating > label,
.ha-enquiry-form .form-select > label {
  padding: 0.4rem 0.8rem;
  color: #496988;
  font-size: 0.95rem;
}

/* .ha-enquiry-form .form-floating > .form-control,
.ha-enquiry-form .form-floating > .form-select {
  height: calc(2.5rem + 2px);
} */

.ha-enquiry-form .form-floating > .form-select {
  padding-top: 0.625rem;
}

.ha-enquiry-form .form-floating > .form-control:not(:-moz-placeholder-shown) {
  padding-top: 0.8rem;
  padding-bottom: 0.625rem;
  color: var(--theme-text-color);
}

.ha-enquiry-form .form-floating > .form-control:not(:-ms-input-placeholder) {
  padding-top: 0.8rem;
  padding-bottom: 0.625rem;
  color: var(--theme-text-color);
}

.ha-enquiry-form .form-floating > .form-control:focus,
.ha-enquiry-form .form-floating > .form-control:not(:placeholder-shown) {
  padding-top: 0.8rem;
  padding-bottom: 0.625rem;
  color: var(--theme-text-color);
}

.ha-enquiry-form
  .form-floating
  > .form-control:not(:-moz-placeholder-shown)
  ~ label {
  opacity: 1;
  margin-top: -4px;
  background: #fff;
  padding: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-left: 1rem;
  height: auto;
  color: var(--theme-text-color);
}

.ha-enquiry-form
  .form-floating
  > .form-control:not(:-ms-input-placeholder)
  ~ label {
  opacity: 1;
  margin-top: -4px;
  background: #fff;
  padding: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-left: 1rem;
  height: auto;
  color: var(--theme-text-color);
}

.ha-enquiry-form .form-floating > .form-control:focus ~ label,
.ha-enquiry-form .form-floating > .form-control:not(:placeholder-shown) ~ label,
.ha-enquiry-form .form-floating > .form-select ~ label {
  opacity: 1;
  margin-top: -4px;
  background: var(--theme-text-color-1);
  padding: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-left: 1rem;
  height: auto;
  color: var(--theme-text-color);
  border-radius: 1rem;
}

.ha-enquiry-form .form-control:focus,
.ha-enquiry-form .form-select:focus {
  -webkit-box-shadow: 2px 2px 10px 0px rgb(112 60 25 / 20%);
  box-shadow: 2px 2px 10px 0px rgb(112 60 25 / 20%);
}

.ha-enquiry-form .btn {
  padding: 0.6rem 0;
}

.tnc-checkbox label {
  font-size: 0.8rem;
  color: #8b8b8b;
}

.active-user a {
  text-underline-offset: 5px;
}

/*---------------------------------------------*/
/*-- Page - Home | About Institute --*/
/*---------------------------------------------*/
.about-institute {
  padding: 4rem 0;
  position: relative;
  height: 100%;
}

.watermark {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 25rem;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.03); /* Light opacity */
  z-index: -5;
  pointer-events: none; /* Prevent interaction */
  user-select: none; /* Prevent text selection */
}

.ai-head p {
  margin: 0;
  font-size: 1.25rem;
}

.ai-head h3 {
  color: var(--theme-secondary-color);
  font-size: 5rem;
  font-weight: 700;
  line-height: 1;
}

.ai-text {
  background: var(--theme-text-color-1);
  box-shadow: 20px 16px 21px #0000001a;
  padding: 2rem;
  border-radius: 2rem;
  border: 1px solid #ebebeb inset;
}

/*---------------------------------------------*/
/*-- Page - Home | Programs Area --*/
/*---------------------------------------------*/
.programs-area {
  padding: 4rem 0;
  background: #fff9ad;
  position: relative;
}

.section-title h3 {
  font-size: 4rem;
  font-weight: 700;
}

.section-title p {
  font-size: 1.25rem;
}

.program-tabs-container {
  text-align: center;
}

.pt-button-group {
  background-color: var(--theme-primary-color);
  border-radius: 30px;
  display: inline-flex;
  justify-content: center;
  padding: 6px;
  gap: 10px;
}

.tab-item {
  background: transparent;
  border: none;
  color: var(--theme-text-color-1);
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 25px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.tab-item.active {
  background-color: var(--theme-text-color-1);
  color: var(--theme-primary-color);
  font-weight: bold;
}

.tab-item:hover {
  background: var(--theme-text-color-1);
  color: var(--theme-primary-color);
}

.program-card {
  background: var(--theme-text-color-1);
  border-radius: 1rem;
  padding: 1rem;
  overflow: hidden;
  min-height: 25rem;
  position: relative;
}

.program-card .program__card__image {
  border-radius: 1rem;
  overflow: hidden;
}

.program-card .program__card__image img {
  width: 100%;
  border-radius: 1rem;
  transition: all 0.5s ease-in-out;
  height: 15rem;
  object-fit: cover;
}

.program-card:hover .program__card__image img {
  transform: scale(1.05);
  transition: all 0.5s ease-in-out;
}

.program-card .program__card__title {
  padding: 1rem;
}

.program-card .program__card__title h4 {
  font-size: 1rem;
  text-align: center;
  font-weight: 600;
}

.program__card__cta a {
  text-decoration: none;
  background: var(--theme-secondary-color);
  border: 1px solid var(--theme-secondary-color);
  color: var(--theme-text-color-1);
  border-radius: 2rem;
  text-align: center;
  display: block;
  padding: 0.5rem;
  transition: all 0.5s ease-in-out;
  font-weight: 700;
}

.program__card__cta a:hover {
  background: var(--theme-text-color-1);
  color: var(--theme-secondary-color);
  transition: all 0.5s ease-in-out;
}

/*---------------------------------------------*/
/*-- Page - Home | History Area --*/
/*---------------------------------------------*/
.our-history {
  background: url(./../images/history.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 8rem 0 4rem;
  position: relative;
}

.our-history .title {
  position: relative;
}

.our-history .title h3 {
  position: relative;
  text-align: end;
  font-size: 4rem;
  color: var(--theme-text-color-1);
  font-weight: 700;
  text-transform: capitalize;
}

.our-history .title h5 {
  position: absolute;
  top: -1.8rem;
  right: 3%;
  z-index: 2;
  /* transform: rotate(15deg); */
  background: var(--theme-secondary-color);
  color: var(--theme-text-color-2);
  padding: 0.5rem 1rem;
  border-radius: 2rem;
  /* font-family: "Vibur", cursive; */
  font-family: "Sora", sans-serif;
  font-size: 1.5rem;
}

.oh__text__block {
  background: var(--theme-text-color-1);
  padding: 1.5rem;
  border-radius: 0.5rem;
}

/*---------------------------------------------*/
/*-- Page - Home | Features Area --*/
/*---------------------------------------------*/
.features-section {
  padding: 4rem 0;
}

.section-title {
  font-size: 4rem;
  font-weight: 700;
  color: var(--theme-secondary-color);
}

.feature-item {
  border-bottom: 1px solid #0000001a;
  padding-bottom: 20px;
}

.features-two {
  margin-top: 16rem;
}

.feature-number {
  font-size: 2.9rem;
  font-weight: 700;
  color: var(--theme-secondary-color);
  margin-right: 15px;
}

.feature-text p {
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
  color: var(--theme-text-color-2);
}
.feature-text p a {
  color: #000;
  text-decoration: none;
}

.feature-text p a:hover,
.feature-text p a:focus {
  color: #fcb913; /* optional: highlight color on hover */
}
.feature-text ul {
  list-style: none;
  padding-left: 0;
}
.feature-text ul li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 6px;
}

.feature-text ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 13L9 17L19 7' stroke='%23fcb913' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

/*---------------------------------------------*/
/*-- Page - Home | Placement Area --*/
/*---------------------------------------------*/
.placement-area {
  background: url(../images/placements-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 4rem 0;
}

.placement-area .title h3 {
  font-size: 4rem;
  font-weight: 700;
}

.placement__block {
  border-bottom: 1px solid var(--theme-text-color-2);
  text-align: center;
  padding: 1rem 0 2rem;
}

.placement__block .image-2 {
  height: 4rem;
  width: 20rem;
}

.placement__block img {
  height: 8rem;
  width: 10rem;
  object-fit: contain;
}

.stats__area {
  padding: 2rem 0;
}

.stats__area .stats__block {
  background: #fff9ad;
  padding: 2rem;
}

.stats__area .stats__block h3 {
  font-size: 4rem;
  font-weight: 700;
  margin: 0;
  color: var(--theme-text-color-2);
}

.stats__area .stats__block h5 {
  font-size: 1.5rem;
  color: var(--theme-text-color-2);
  margin: 0;
}

.stats__area .stats__block-2 {
  padding: 2rem;
  background: #fcb913;
}

.stats__area .stats__block-2 h3 {
  font-size: 4rem;
  font-weight: 700;
  margin: 0;
  color: var(--theme-text-color-2);
}

.stats__area .stats__block-2 h5 {
  font-size: 1.5rem;
  color: var(--theme-text-color-2);
  margin: 0;
}

/*---------------------------------------------*/
/*-- Page - Home | About Campus --*/
/*---------------------------------------------*/
.about-campus {
  background: url(../images/about-campus.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 8rem 0 4rem;
}

.about-campus .title h3 {
  font-size: 4rem;
  color: var(--theme-text-color-1);
  text-transform: uppercase;
  font-weight: 700;
}

.ac__text__block {
  background: var(--theme-secondary-color);
  padding: 1rem;
  border-radius: 0.5rem;
}

.ac__text__block p {
  color: var(--theme-text-color-2);
  margin: 0;
}

/*---------------------------------------------*/
/*-- Page - Home | Footer --*/
/*---------------------------------------------*/
footer {
  background: var(--theme-primary-color);
  text-align: center;
  padding: 1rem;
}

footer p a {
  color: #ffffffbe;
  font-weight: 800;
  text-decoration: none;
  transition: all 0.5s ease-in-out;
}

footer p a:hover {
  text-decoration: underline;
  text-underline-offset: 5px;
  color: var(--theme-text-color-1);
  transition: all 0.5s ease-in-out;
}

/*---------------------------------------------*/
/*-- Page - Home | Enquiry thank you popup --*/
/*---------------------------------------------*/
.etp-img {
  width: 25%;
  margin-top: 10%;
}

.etp-text h3 {
  font-weight: 700;
  color: var(--theme-primary-color);
  line-height: 1.3;
}

.etp-text h3 span {
  font-size: 3rem;
  color: #333;
}

/*---------------------------------------------*/
/*-- Responsive Queries | @media 1280 --*/
/*---------------------------------------------*/
@media (max-width: 1280px) {
  .ai-head h3 {
    font-size: 4rem;
  }

  .watermark {
    font-size: 22rem;
  }
}

/*---------------------------------------------*/
/*-- Responsive Queries | @media 1180 --*/
/*---------------------------------------------*/
@media (max-width: 1180px) {
  .ha-text-block h1 {
    font-size: 4rem;
  }

  .ai-head h3 {
    font-size: 4rem;
  }

  .watermark {
    font-size: 20rem;
  }

  .our-history .title h3 {
    font-size: 3rem;
  }

  .stats__area .stats__block {
    min-height: 13rem;
  }

  .stats__area .stats__block-2 {
    min-height: 13rem;
  }
}

/*---------------------------------------------*/
/*-- Responsive Queries | @media 1024 --*/
/*---------------------------------------------*/
@media (max-width: 1024px) {
  .watermark {
    font-size: 17rem;
  }
}
@media (max-width: 920px) {
  .watermark {
    font-size: 15rem;
  }
}

/*---------------------------------------------*/
/*-- Responsive Queries | @media 820 --*/
/*---------------------------------------------*/
@media (max-width: 820px) {
  .hero-area {
    padding: 5rem 0 5rem;
    text-align: center;
  }

  .watermark {
    font-size: 13rem;
  }

  .ai-head h3 {
    font-size: 3rem;
  }

  .ai-img {
    text-align: center;
  }

  .our-history .title h3 {
    text-align: start;
  }

  .our-history .title h5 {
    top: -2.5rem;
    left: 3%;
    width: 20%;
    /* transform: rotate(345deg); */
  }
}

@media (max-width: 768px) {
  .stat-item {
    flex: 1 1 140px; /* allow them to shrink even more, if needed */
    padding: 16px 12px;
  }
  .stat-item h3 {
    font-size: 1.4rem;
  }
  .stat-item p {
    font-size: 0.9rem;
  }
  /* make the triangles proportionally smaller: */
  .stat-item:not(.last)::after,
  .stat-item:not(.first)::before {
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
  }
  .stat-item:not(.last)::after {
    border-left: 15px solid #fff;
    right: -15px;
  }
  .stat-item:not(.first)::before {
    border-right: 15px solid #fff;
    left: -15px;
  }
}
@media (max-width: 754px) {
  .watermark {
    font-size: 12rem;
    top: 43%;
  }
}
@media (max-width: 650px) {
  .watermark {
    font-size: 10rem;
  }
}
@media (max-width: 576px) {
  .watermark {
    font-size: 6rem;
  }
}
/*---------------------------------------------*/
/*-- Responsive Queries | @media 540 --*/
/*---------------------------------------------*/
@media (max-width: 540px) {
  .ha-text-block h1 {
    font-size: 3rem;
  }

  .watermark {
    top: 30%;
    /* font-size: 9rem; */
  }

  .ai-head h3 {
    font-size: 2.5rem;
  }

  .ai-img img {
    height: 20rem;
  }

  .ai-text {
    box-shadow: 6px 9px 10px #0000001a;
  }

  .section-title h3 {
    font-size: 3rem;
  }

  .pt-button-group {
    display: block;
  }

  .tab-item {
    display: block;
    width: 100%;
  }

  .our-history .title h3 {
    text-align: start;
  }

  .our-history .title h5 {
    width: 30%;
    text-align: center;
    top: -3rem;
  }

  .section-title {
    font-size: 3rem;
  }

  .features-two {
    margin-top: 1rem;
  }

  .placement-area .title h3 {
    font-size: 3rem;
    text-align: center;
  }

  .about-campus .title h3 {
    font-size: 3rem;
  }
}

/*---------------------------------------------*/
/*-- Responsive Queries | @media 440 --*/
/*---------------------------------------------*/
@media (max-width: 440px) {
  .navbar-brand img {
    width: 10rem;
  }

  /* .watermark {
    font-size: 7rem;
  } */

  .section-title h3 {
    font-size: 2.5rem;
  }

  .our-history .title h3 {
    font-size: 2.5rem;
  }

  .our-history .title h5 {
    width: 40%;
  }

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

  .about-campus .title h3 {
    margin-bottom: 2rem;
  }
}

@media (max-width: 376px) {
  .ha-text-block .hero-btn a {
    font-size: 14px;
  }
}
@media (max-width: 341px) {
  .ha-text-block .hero-btn a {
    font-size: 12px;
  }
}

/*---------------------------------------------*/
/*-- Responsive Queries | @media 420 --*/
/*---------------------------------------------*/
@media (max-width: 420px) {
  header .top-bar a {
    font-size: 0.85rem;
  }
}