:root {
  --theme-primary-color: #703c19;
  --theme-secondary-color: #d1b08a;
  --theme-text-color: #2b2b2b;
}

body {
  font-family: "Rubik", 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;
  /* background-color: #ebd0b2; */
}

::-moz-selection {
  background: #edccb5;
  color: #2b2b2b;
}

::selection {
  background: #edccb5;
  color: #2b2b2b;
}

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-theme-primary {
  color: #ffffff;
  background-color: 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;
  -webkit-border-radius: 2.5rem;
  -moz-border-radius: 2.5rem;
  -ms-border-radius: 2.5rem;
  -o-border-radius: 2.5rem;
}

.btn-theme-primary:hover {
  color: #fff;
  background-color: var(--theme-primary-color);
}

.btn-theme-primary: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;
} */

.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);
  }
}

/*---------------------------------------------*/
/*-- Primary Navigation Bar --*/
/*---------------------------------------------*/
.navbar-primary {
  background: #fff;
  -webkit-box-shadow: 0px 0px 18px rgb(112 60 25 / 20%);
  box-shadow: 0px 0px 18px rgb(112 60 25 / 20%);
  padding: 1rem 0;
}

.navbar-primary .navbar-brand {
  font-size: 2rem;
  color: var(--theme-primary-color);
}

.navbar-primary .navbar-brand img {
  width: 11rem;
}

.navbar-primary .navbar-brand:hover {
  color: var(--theme-primary-color);
}

.navbar-primary .navbar-brand span {
  font-weight: 700;
}

.navbar-nav .nav-item .btn-apply-now {
  border-radius: 5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  border-color: var(--theme-primary-color);
  background: var(--theme-primary-color);
  color: #ffffff;
  -webkit-box-shadow: 5px 5px 10px rgb(112 60 25 / 30%);
  box-shadow: 5px 5px 10px rgb(112 60 25 / 30%);
}

.navbar-nav .nav-item .btn-apply-now:hover,
.navbar-nav .nav-item .btn-apply-now:focus {
  color: var(--theme-primary-color);
  background: #ffffff;
  -webkit-box-shadow: 5px 5px 10px rgb(217, 72, 69 / 50%);
  box-shadow: 5px 5px 10px rgb(112 60 25 / 50%);
}

/*---------------------------------------------*/
/*-- Page - Home | Hero area --*/
/*---------------------------------------------*/
section.hero-area {
  /* background: url(../images/banners/banner-1.jpg); */
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  /* height: 100vh; */
  padding: 8rem 0 5rem;
}

.ha-text-block {
  color: #ffffff;
}

.ha-text-block h5 {
  font-weight: 700;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  color: #ffffff;
}

.ha-text-block h1 {
  font-weight: 800;
  font-size: 2.5rem;
  margin-bottom: 1.5rem;
}

.ha-text-block p {
  font-weight: 400;
  color: #ffffff;
}

.ha-enquiry-block-inner {
  background: #ffffff;
  padding: 3.5rem;
  -webkit-box-shadow: 5px 5px 10px rgb(112 60 25 / 12%);
  box-shadow: 5px 5px 10px rgb(112 60 25 / 12%);
  border-radius: 2.5rem;
  -webkit-border-radius: 2.5rem;
  -moz-border-radius: 2.5rem;
  -ms-border-radius: 2.5rem;
  -o-border-radius: 2.5rem;
}

.ha-enquiry-block-logo {
  margin-bottom: 1.5rem;
}

.ha-enquiry-block-logo img {
  width: 40%;
}

.ha-enquiry-block-heading {
  font-weight: 700;
  color: var(--theme-primary-color);
  font-size: 1.75rem;
  margin-bottom: 1.5rem;
}

.ha-enquiry-block-subheading {
  font-size: 1rem;
  color: var(--theme-primary-color);
  margin-bottom: 1.5rem;
}

#formResponse .alert {
  border-radius: 5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.9rem;
}

.ef-auto-location {
  font-size: 0.8rem;
  background: #ffefdc;
  color: var(--theme-primary-color);
  border-radius: 0.8rem;
  padding: 0.5rem 1rem;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  -ms-border-radius: 0.8rem;
  -o-border-radius: 0.8rem;
}

.ef-auto-location span {
  background: #d8b198;
  padding: 0.1rem 0.5rem;
}

.ef-auto-location a {
  color: var(--theme-primary-color);
}

.ef-auto-location ion-icon {
  vertical-align: middle;
  color: var(--theme-primary-color);
}

.ha-enquiry-form .form-floating > .form-control,
.ha-enquiry-form .form-floating > .form-select {
  padding-left: 1.5rem;
  border-color: var(--theme-secondary-color);
  border-radius: 2.5rem;
  -webkit-border-radius: 2.5rem;
  -moz-border-radius: 2.5rem;
  -ms-border-radius: 2.5rem;
  -o-border-radius: 2.5rem;
}

.ha-enquiry-form .form-floating > label {
  padding: 0.4rem 1.5rem;
  color: #000000;
}

.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-primary-color);
}

.ha-enquiry-form .form-floating > .form-control:not(:-ms-input-placeholder) {
  padding-top: 0.8rem;
  padding-bottom: 0.625rem;
  color: var(--theme-primary-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-primary-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-primary-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-primary-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: #fff;
  padding: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-left: 1rem;
  height: auto;
  color: var(--theme-primary-color);
}

.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;
}

/* .arithmetic-captcha {
} */

.captcha-keyword {
  text-align: center;
  background: var(--theme-secondary-color);
  border-radius: 2rem;
  padding: 0.5rem;
}

.form-arithmetic-captcha-label {
  font-size: 0.9rem;
  font-weight: 700;
}

.form-arithmetic-captcha-label span {
  color: #2b2b2b;
  font-weight: 400;
}

.ha-enquiry-block .active-user a {
  font-size: 0.85rem;
  text-underline-offset: 3px;
}
.ha-enquiry-block .active-user a:hover {
  text-decoration: none;
}

/*---------------------------------------------*/
/*-- Page - Home | Institute overview --*/
/*---------------------------------------------*/
section.institute-overview {
  padding: 4rem 0 0;
}

.io-text h6 {
  font-size: 1.2rem;
}

.io-image-box {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 2.5rem;
  box-shadow: 5px 10px 15px 0 #e8e8e8;
}

.io-image-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2.5rem;
}

.io-text h3 {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--theme-primary-color);
  margin-bottom: 1.5rem;
}

.io-text p {
  color: var(--theme-text-color);
  text-align: justify;
}

.io-text a {
  margin-top: 1.5rem;
}

/*---------------------------------------------*/
/*-- Page - Home | Statistics counter --*/
/*---------------------------------------------*/
section.statistics-counter {
  background: var(--theme-primary-color);
  padding: 4rem 0;
}

.sc-block {
  text-align: center;
  background-color: var(--theme-primary-color);
}

.sc-block h2 {
  font-size: 3.5rem;
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 1.5rem;
}

.sc-block p {
  color: #ffffff;
  margin-bottom: 0;
}

/*---------------------------------------------*/
/*-- Page - Home | Program tiles --*/
/*---------------------------------------------*/
section.programs-tiles {
  padding: 4rem 0;
}

.section-title h2 {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--theme-primary-color);
}

.section-title h6 {
  font-size: 1.2rem;
  color: var(--theme-text-color);
}

.pt-button-group {
  text-align: end;
}

.pt-button-group .btn {
  margin-left: 0.5rem;
}

.masonry-programs-grid {
  margin-top: 1rem;
}

.programs-tile-block {
  width: 25%;
  padding: 0.5rem;
  cursor: pointer;
}

.ptb-inner {
  border-radius: 1.5rem;
  overflow: hidden;
  -webkit-box-shadow: 5px 5px 10px 0px rgb(112 60 25 / 30%);
  box-shadow: 5px 5px 10px 0px rgb(112 60 25 / 30%);
}

.ptb-inner img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 400px;
}

.ptb-text-band {
  background: #ffffff;
  padding: 1rem 1rem;
}

.ptb-inner:hover .ptb-text-band {
  -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;
  background: var(--theme-primary-color);
  box-shadow: 5px 5px 10px 0 rgb(112 60 25 / 50%);
}

.ptb-inner:hover .ptb-text-band h6 {
  color: #ffffff;
}

.ptb-inner:hover .ptb-text-band p {
  color: #ffffff;
}

.ptb-text-band h6 {
  font-size: 1rem;
  font-weight: 700;
  color: var(--theme-primary-color);
  min-height: 2.5rem;
}

.ptb-text-band p {
  color: #000000;
  margin-bottom: 0;
  font-size: 0.8rem;
}

.btn-ptb-view {
  height: 2.5rem;
  width: 2.5rem;
  color: #ffffff;
  background: var(--theme-primary-color);
  border-radius: 5rem;
  -webkit-border-radius: 5rem;
  -moz-border-radius: 5rem;
  -ms-border-radius: 5rem;
  -o-border-radius: 5rem;
}

.ptb-inner:hover .btn-ptb-view {
  background-color: #ffffff;
  color: var(--theme-primary-color);
}

.btn-ptb-view ion-icon {
  vertical-align: middle;
  font-size: 1rem;
}

/*---------------------------------------------*/
/*-- Page - Home | Why us --*/
/*---------------------------------------------*/
section.why-us {
  padding: 4rem 0 0;
}

.why-us .section-title {
  margin-bottom: 1.5rem;
}

.wu-block {
  margin-top: 1.5rem;
}

.wu-num-count {
  font-size: 2.5rem;
  font-weight: 900;
  color: var(--theme-primary-color);
  line-height: 1;
}

.wu-description {
  color: var(--theme-text-color);
}

/*---------------------------------------------*/
/*-- Page - Home | About campus --*/
/*---------------------------------------------*/
section.about-campus {
  padding: 4rem 0;
}

.ac-text h2 {
  font-weight: 700;
  color: var(--theme-primary-color);
  margin-bottom: 2rem;
}

.ac-text p {
  color: var(--theme-text-color);
}

.about-campus img {
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-box-shadow: 5px 5px 10px rgb(112 60 25 / 30%);
  box-shadow: 5px 5px 10px rgb(112 60 25 / 30%);
  border-radius: 1.5rem;
  -webkit-border-radius: 1.5rem;
  -moz-border-radius: 1.5rem;
  -ms-border-radius: 1.5rem;
  -o-border-radius: 1.5rem;
}

.ac-image-diff-2 {
  margin-bottom: 1.5rem;
}

.ac-img-1 {
  height: 16rem;
}

.ac-img-2 {
  height: 15rem;
}

.ac-img-3 {
  height: 12rem;
}

.ac-img-4 {
  height: 10rem;
}

.ac-img-5 {
  height: 12rem;
}

/*---------------------------------------------*/
/*-- Page - Home | Footer --*/
/*---------------------------------------------*/
footer {
  border-top: 1px solid #c9c9c9;
  padding: 2rem 0;
}

.footer-left img {
  width: 40%;
  margin-bottom: 1.5rem;
}

.fl-address-link {
  text-decoration: none;
  color: var(--theme-text-color);
}

.fl-address-link:hover {
  color: var(--theme-text-color);
}

.fl-address-link:hover p {
  text-decoration: underline;
}

.fl-address-link h6 {
  color: var(--theme-primary-color);
  font-weight: 700;
}

.fl-address-link p {
  padding-left: 1.2rem;
}

.footer-right {
  text-align: right;
}

.fr-menu-1 {
  list-style: none;
  margin-bottom: 2rem;
}

.fr-menu-1 li {
  display: inline-block;
  margin-left: 1.5rem;
}

.fr-menu-1 li a {
  text-decoration: none;
  color: var(--theme-text-color);
}

.fr-menu-1 li a:hover {
  text-decoration: underline;
}

.fr-menu-2 {
  list-style: none;
  margin-bottom: 4rem;
}

.fr-menu-2 li {
  display: inline-block;
  margin-left: 1.5rem;
}

.fr-menu-2 li a {
  color: var(--theme-primary-color);
  text-decoration: none;
}

.fr-menu-2 li a:hover {
  text-decoration: underline;
}

.fr-copy-text {
  color: var(--theme-text-color);
  margin: 0;
}

.fr-copy-text a {
  text-decoration: none;
  color: var(--theme-primary-color);
  font-weight: 700;
}

.fr-copy-text a:hover {
  text-decoration: underline;
}

/*---------------------------------------------*/
/*-- Page - Home | Programs popup --*/
/*---------------------------------------------*/
.program-course-popup .modal-body {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.program-course-popup .btn-close {
  position: absolute;
  right: 2rem;
  top: 3rem;
  z-index: 1;
}

.pcp-leftcover {
  /* background: url(../../api/attachments/programs_popup/001.jpg); */
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  position: sticky;
  top: 0;
}

.pcp-right-block {
  position: relative;
}

.pcp-right-block .section-title {
  margin: 5rem 0 2rem;
}

.pcp-right-block {
  padding-left: 1rem;
}

.pcp-cc-block-outer {
  padding: 1rem 1rem 1rem 0;
}

.pcp-cc-block {
  cursor: pointer;
  overflow: hidden;
  box-shadow: 5px 5px 10px 0px rgb(112 60 25 / 30%);
  border-radius: 1.5rem;
  -webkit-border-radius: 1.5rem;
  -moz-border-radius: 1.5rem;
  -ms-border-radius: 1.5rem;
  -o-border-radius: 1.5rem;
}

.pcp-cc-block img {
  height: 250px;
  object-fit: cover;
  width: 350px;
}

.pcp-cc-text {
  background: var(--theme-primary-color);
  padding: 1rem 1rem;
  color: #ffffff;
  text-align: center;
}

.pcp-cc-text h6 {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.pcp-cc-text p {
  margin-bottom: 0;
  font-size: 0.8rem;
}

.pcp-course-carousel .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  background: rgb(112 60 25 / 60%);
  color: #ffffff;
  height: 2rem;
  width: 2rem;
  text-align: center;
  z-index: 1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.pcp-course-carousel .pcp-cc-link {
  text-decoration: none;
  color: #fff;
}

.pcp-course-carousel .slick-arrow ion-icon {
  vertical-align: middle;
  padding-top: 0.3rem;
}

.pcp-course-carousel .slick-arrow-left {
  right: 0;
}

.pcp-course-carousel .slick-arrow-right {
  left: -1rem;
}

/*---------------------------------------------*/
/*-- 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: var(--theme-text-color);
}

/*---------------------------------------------*/
/*-- Page - Home | Placement companies slider --*/
/*---------------------------------------------*/
.placement-comapnies {
  padding: 4rem 0;
}

/*---------------------------------------------*/
/*-- Page - Home | Announcement area --*/
/*---------------------------------------------*/
.announcement-area {
  padding: 4rem 0 2rem;
  background: var(--theme-primary-color);
}

.announcement-area .section-title h2 {
  font-size: 1.8rem;
  color: #ffffff;
}

.announcement-area .section-title p {
  color: #ffffff;
}

.aa-block {
  text-align: center;
}

.aa-block h3 {
  font-weight: 700;
  color: #ffffff;
  font-size: 1.5rem;
}

.aa-block p {
  font-size: 1rem;
  color: #ffffff;
}

.divider {
  color: #f7e9e0;
  height: 0.3rem !important;
}

/*------------ Accordian Area --------------*/
section.accordian_area {
  padding: 4rem 0;
}

.accordian_area h3 {
  font-size: 2.5rem;
  color: var(--theme-primary-color);
  font-weight: 700;
  margin-bottom: 1.5rem;
  text-align: center;
}

.accordion-item .accordion-button {
  box-shadow: none;
  background-color: #ffffff;
  color: var(--theme-primary-color);
  font-weight: 600;
  font-size: 1.2rem;
}

.item-tabs {
  border: 1px solid #efefef;
  padding: 2rem;
  border-radius: 0.2rem;
  min-height: 5rem;
}

.item-tabs:hover {
  box-shadow: 5px 10px 20px 0 #e8e8e8;
}

.item-tabs h4 {
  color: var(--theme-primary-color);
  font-weight: 700;
  font-size: 1.2rem;
  margin-bottom: 1rem;
}

/*------------ Accordian Area --------------*/

.announcement-marquee {
  padding: 1rem 0;
  background: #354f79;
  color: #ffffff;
}

/*-- Responsive Queries | @media 1366 --*/
/*---------------------------------------------*/
@media (max-width: 1368px) {
  .pcp-right-block .section-title {
    margin-top: 3rem;
  }

  .pt-button-group .btn {
    margin-left: 0.5rem;
    padding: 0.5rem 1rem;
  }
}

/*---------------------------------------------*/
/*-- Responsive Queries | @media 1280 --*/
/*---------------------------------------------*/
@media (max-width: 1280px) {
}

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

  .programs-tile-block {
    width: 33.33%;
  }

  .wu-num-count {
    font-size: 1.8rem;
  }

  .wu-description {
    font-size: 0.8rem;
  }

  .section-title h2 {
    font-size: 2rem;
  }

  .section-title h6 {
    font-size: 1rem;
  }

  .ha-enquiry-block-inner {
    padding: 3rem;
  }

  .pt-button-group {
    text-align: start;
  }

  .pt-button-group .btn {
    margin-bottom: 0.5rem;
  }
}

/*---------------------------------------------*/
/*-- Responsive Queries | @media 1024 --*/
/*---------------------------------------------*/
@media (max-width: 1024px) {
}

/*---------------------------------------------*/
/*-- Responsive Queries | @media 820 --*/
/*---------------------------------------------*/
@media (max-width: 820px) {
  .ha-enquiry-block-logo img {
    width: 30%;
  }

  .io-image-box {
    text-align: center;
    margin-bottom: 2.5rem;
  }

  .sc-block h1 {
    font-size: 3rem;
  }

  .sc-block p {
    font-size: 0.8rem;
  }

  .section-title h2 {
    font-size: 1.8rem;
  }

  .pt-button-group {
    text-align: center;
  }

  .pt-button-group .btn {
    padding: 0.5rem 1rem;
  }

  .programs-tile-block {
    width: 50%;
  }

  .wu-description {
    font-size: 1rem;
  }

  .fr-menu-1 li {
    margin-left: 0.3rem;
  }

  .pcp-leftcover {
    height: 25vh;
  }

  .program-course-popup .modal-body {
    padding: 0;
  }

  .pcp-right-block {
    padding: 0 2rem;
  }

  .program-course-popup .btn-close {
    top: 2rem;
  }

  .ac-images {
    margin-top: 2.5rem;
  }
}

/*---------------------------------------------*/
/*-- Responsive Queries | @media 768 --*/
/*---------------------------------------------*/
@media (max-width: 768px) {
  .ha-text-block {
    margin: 1.5rem;
  }
}

/*---------------------------------------------*/
/*-- Responsive Queries | @media 717 --*/
/*---------------------------------------------*/
@media (max-width: 720px) {
  .programs-tiles .section-title {
    text-align: center;
    margin-bottom: 1rem;
  }

  .pt-button-group {
    text-align: center;
  }

  .pt-button-group .btn {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .footer-left {
    text-align: center;
  }

  .footer-right {
    margin-top: 1rem;
  }

  .footer-right,
  .fr-menu-2 {
    text-align: center;
  }

  .fr-menu-1,
  .fr-menu-2 {
    padding: 0;
  }

  .fr-menu-2 {
    padding: 0;
    margin-bottom: 2rem;
  }
}

/*---------------------------------------------*/
/*-- Responsive Queries | @media 480 --*/
/*---------------------------------------------*/
@media (max-width: 480px) {
  .programs-tile-block {
    width: 100%;
  }

  .ha-text-block h1 {
    font-size: 2.5rem;
  }

  .io-image-box {
    margin-bottom: 1rem;
  }

  .sc-block {
    margin-bottom: 1rem;
  }

  .ptb-inner img {
    width: 480px;
  }

  .announcement-area {
    padding-top: 2rem;
  }

  .announcement-area .section-title {
    text-align: center;
  }

  .aa-block {
    margin-top: 1.5rem;
  }

  .aa-block h3 {
    font-size: 2rem;
  }
}

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

  .ha-text-block h5 {
    font-size: 1.2rem;
    margin-top: 2.5rem;
  }

  .ha-enquiry-block-inner {
    padding: 2rem;
  }

  .ha-enquiry-block-logo img {
    width: 50%;
  }

  .ha-enquiry-block-heading {
    font-size: 1.5rem;
  }

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

  .pt-button-group .btn {
    margin-bottom: 0.5rem;
  }

  .pcp-cc-block img {
    width: 412px;
  }

  .ac-img-1 {
    height: 11rem;
  }

  .ac-img-2 {
    height: 10rem;
  }

  .ac-img-3 {
    height: 9rem;
  }

  .ac-img-4 {
    height: 7rem;
  }

  .ac-img-5 {
    height: 10rem;
  }

  .pcp-right-block {
    padding: 0 1rem;
  }
}

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

  .ha-enquiry-block-heading {
    font-size: 1.3rem;
  }

  .io-text h3 {
    font-size: 2rem;
  }
}

/*---------------------------------------------*/
/*-- Responsive Queries | @media 320 --*/
/*---------------------------------------------*/
@media (max-width: 320px) {
  .navbar-primary {
    padding: 0.5rem 0;
  }

  .navbar-nav .nav-item .btn-apply-now {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .ha-text-block {
    margin: 0;
  }

  .io-text h3 {
    font-size: 1.8rem;
  }

  .io-text h6 {
    font-size: 1rem;
  }

  .about-campus img {
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
  }
}

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

  .ha-text-block h1 {
    font-size: 1.8rem;
  }

  .ha-enquiry-block-inner {
    padding: 2rem 1rem;
    border-radius: 1.5rem;
    -webkit-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    -ms-border-radius: 1.5rem;
    -o-border-radius: 1.5rem;
  }

  .section-title h2 {
    font-size: 1.5rem;
  }
}