@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Prata&display=swap');
@import url(layout.min.css);


/* ================================================
   Global CSS fixes for iPhone Safari & Chrome
   ================================================ */

/* Smooth font + prevent blur on transforms */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}

/* Fix blurry images on iOS */
img,
picture,
video,
canvas {
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  image-rendering: -webkit-optimize-contrast;
  max-width: 100%;
  height: auto;
}

/* Prevent layout shift due to Safari address bar */
:root {
  --vh: 100vh;
}

@supports (-webkit-touch-callout: none) {
  :root {
    --vh: calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  }
}

.full-height,
.section,
.hero,
.page {
  min-height: var(--vh);
}

/* Fix flexbox & grid gaps issues */
.flex,
.grid {
  -webkit-box-align: stretch;
  -webkit-box-pack: justify;
  -webkit-box-direction: normal;
}

/* Fix position: fixed issues inside transforms */
.fixed,
[style*="position:fixed"] {
  transform: translate3d(0, 0, 0);
  will-change: transform;
}

/* Ensure inputs/buttons look consistent */
input,
textarea,
select,
button {
  -webkit-appearance: none;
  border-radius: 0;
}

/* iOS Safari safe area support */
body {
  padding-bottom: env(safe-area-inset-bottom);
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}

/* Only apply to Safari/iOS browsers */
@supports (-webkit-touch-callout: none) {
  /* 👇 Put extra Safari-only overrides here if needed */
}


html {
  font-size: 16px;
  overflow-x: hidden;
}

body {
  position: relative;
  background: #fff;
  /*overflow-x: hidden;*/
  font-family: "Inter", sans-serif;
}

:root {
  --white: #ffffff;
  --black: #000;
  --theme-color: #125875;
  --primary: #001b34;
  --light: #a0c2d3;
  --light-btn: #5b9cb7;
}



p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.67;
  margin-bottom: 2rem;
}

h1,
h2,
h3,
h4 {
  font-family: "Prata", serif;
}

.img-auto {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

a,
button {
  text-decoration: none !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

a:hover,
button:hover {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

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

figure {
  margin: 0;
}

section {
  padding: 5rem 0;
  position: relative;
}




/* Home Page CSS Start  */
.main-Banner {
  /* background: url(../images/banner/1.jpg) bottom center / cover fixed no-repeat; */
  /* height: 100vh;
  display: flex;
  align-items: center; */
  padding: 0;
  margin-top: -2px;
}

.bannertext {
  background: url(../images/banner/1.png) bottom center / cover no-repeat;
  height: 95vh;
  display: flex;
  align-items: self-start;
  flex-direction: column;
  justify-content: center;
  padding: 0 6rem 6rem 12rem;
  position: relative;
  clip-path: polygon(0 0, 100% 0%, 100% 88%, 0% 100%);
  min-height: 50rem;
}

.bannertext::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, black, #145874);
  height: 7rem;
  bottom: 3rem;
  top: auto;
  transform: rotate(-6deg);
  width: 1920px;
  left: -27rem;
}

.bannertext h1 {
  font-size: 3.75rem;
  text-transform: capitalize;
  font-weight: 400;
  color: var(--white);
  line-height: 1.4;
  position: relative;
  margin-bottom: 4rem;
}

.bannertext h1::before {
  content: '';
  position: absolute;
  inset: 0;
  background: var(--theme-color);
  height: 3px;
  width: 100%;
  top: auto;
  bottom: 0;
}

.bannertext h1 span {
  display: block;
}

#typing-text::after {
  content: "|";
  animation: blink 0.7s infinite;
}

@keyframes blink {

  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}

.btnSec {
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: center;
}

.bannerImg2 {
  background: url(../images/banner/2.jpg) top center / cover no-repeat;
  height: 95vh;
  margin-left: -2px;
}

.bannerImg2::before {
  background: var(--theme-color);
}


h4,
h2 {
  font-size: 2.85rem;
  line-height: 1.3;
  color: var(--black);
  text-transform: capitalize;
  font-weight: 500;
}

h4 span,
h2 span {
  color: var(--theme-color);
  text-decoration: underline;
}

h2 {
  font-size: 4rem;
  text-transform: none;
}

.abtSec h2 {
  font-size: 9rem;
  padding: 3rem 0 0;
  font-weight: 500;
  margin: 0;
  line-height: 1;
  color: #BDBDBD;
}

.whyChooseSec {
  background: #F3F3F3;
}

.whyContent {
  background: var(--primary);
  padding: 5rem 3rem 5rem 8rem;
  margin-left: -6rem;
  margin-bottom: -6rem;
}

.whyContent * {
  color: #fff;
}

.whyContent ul {
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  gap: 3rem;
}

.whyContent h4 {
  text-transform: none;
}

.whyContent ul li {
  flex: 0 0 43%;
}

.whyContent ul li h3 {
  font-size: 1.125rem;
  margin: 1.25rem 0 0;
}

h6 {
  font-size: 1.125rem;
  margin-bottom: 1.25rem;
}

.whyChooseSec figure {
  position: relative;
  z-index: 1;
}

.whyChooseSec figure img {
  height: 700px;
  width: 100%;
  object-fit: cover;
}


.campusSec .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.campusSec .swiper-slide figure {
  margin: 0;
  overflow: hidden;
}

.campusSec .swiper-slide figure:hover img {
  transform: scale(1.1);
}

.campusSec .swiper-container {
  height: 500px;
}

.campusSec .swiper-slide figure img {
  transition: all 0.5s ease;
}

.campusSec h2 {
  font-size: 12rem;
  text-align: center;
  text-transform: none;
  margin-bottom: 3rem;
}

.campusSec::before {
  content: '';
  position: absolute;
  inset: 0;
  background: #F3F3F3;
  height: 500px;
}

.futureBox {
  background: url(../images/bg/1.png) top center / cover fixed no-repeat;
  padding: 4rem;
  margin-top: 3rem;
}

.futureBox h3 {
  text-align: center;
  margin-bottom: 4rem;
}

.futureBox * {
  color: #fff;
}

.futureBox ul {
  list-style-type: disc;
  padding-left: 1rem;
}

.futureBox h5 {
  font-size: 1.125rem;
}

.futureBox ul li {
  padding: 5px 0;
  font-weight: 300;
}

.redBox h3 {
  margin-bottom: 1rem;
  text-align: left;
}

.redBox {
  background: var(--theme-color);
}

.bodrBox h3 {
  text-align: left;
  margin-bottom: 1rem;
}

.bodrBox {
  border: 1px solid var(--theme-color);
  background: #fff;
}

.bodrBox * {
  color: #000;
}

.halfBox {
  background: url(../images/bg/1.png) top center / cover no-repeat;
}

.halfBox h3 {
  margin-bottom: 1rem;
  text-align: left;
}

.counterSec {
  background: var(--primary);
  padding-bottom: 0;
  position: relative;
  z-index: 1;
}


.counterSec ul li {
  color: #fff;
}

.counterSec ul li h3 {
  margin: 0;
  font-size: 3.125rem;
}

.counterSec ul li p {
  margin: 0;
}

.counterSec ul li+li {
  border-top: 1px solid #fff;
  margin-top: 2rem;
  padding-top: 2rem;
}

.counterSec ul {
  padding-top: 3rem;
}

.counterSec ul li .countHead {
  display: flex;
  align-items: center;
  gap: 10px;
}

.counterSec ul li .countHead span {
  font-size: 3rem;
  font-family: "Prata", serif;
}

.yearNum {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  margin-bottom: -4rem;
  z-index: 1;
  position: relative;
  text-transform: capitalize;
}

.yearNum .countHead {
  display: flex;
  gap: 10px;
  align-items: start;
}

.yearNum .countHead h3 {
  font-size: 14rem;
}

.yearNum .countHead span {
  font-size: 8rem;
  font-weight: 200;
}

.yearBox {
  margin-bottom: -10rem;
}


.ruocSec {
  padding-top: 14rem;
}

.ruocSec p a {
  color: var(--theme-color);
  text-transform: capitalize;
}

.studentSec {
  background: url(../images/bg/2.png) top center / cover no-repeat;
  /* clip-path: polygon(0 0, 100% 0%, 100% 75%, 0% 100%); */
  padding: 13rem 0;
  margin-left: -5px;
}

.studentSec::before {
  content: '';
  position: absolute;
  inset: 0;
  background: var(--theme-color);
  height: 7rem;
  bottom: 0rem;
  top: auto;
  transform: rotate(355deg);
  width: 2000px;
  left: -2rem;
}

.studentSec h4 {
  text-transform: none;
}

.studentSec::after {
  content: '';
  position: absolute;
  background: #fff;
  width: 55%;
  height: 65%;
  bottom: -2rem;
  top: auto;
  left: auto;
  right: 0;
  clip-path: polygon(0 23%, 100% 0%, 100% 100%, 0% 100%);
}

.stuText {
  position: absolute;
  bottom: -11rem;
  z-index: 1;
}



.contactSec p a {
  color: var(--theme-color);
  text-transform: capitalize;
}

.greySec {
  clip-path: polygon(0 15%, 100% 0%, 100% 94%, 0% 100%);
  background: #F3F3F3;
  padding: 10rem 2rem 7rem;
}

.greySec figure {
  clip-path: polygon(0 10%, 100% 0%, 100% 100%, 0% 100%);
  margin-bottom: 1rem;
}

.leadForm {
  background: #fff;
  padding: 2rem;
  margin-top: 2rem;
}

.leadForm input,
.leadForm select,
.leadForm textarea {
  width: 100%;
  height: 3rem;
  margin: 10px 0;
  padding: 0 1rem;
  border: 1px solid #0000004f;
  color: #767575;
}

.leadForm textarea {
  height: 130px;
  padding: 1rem;
}

.leadForm button {
  border: none;
  width: 100%;
  justify-content: center;
}

.imgShort img {
  width: 402px;
}

/* Home Page CSS End */

/* Inner Pages CSS Start */
.innerBanner .bannertext {
  background-attachment: fixed;
  height: 60vh;
  min-height: 40rem;
  clip-path: none;
  align-items: center;
  padding: 0 5rem;
}

.innerBanner .bannertext::before {
  width: 50%;
  left: 0;
  transform: rotate(-3deg);
  bottom: -1.65rem;
  left: -1rem;
}

.innerBanner .bannertext::after {
  content: '';
  position: absolute;
  inset: 0;
  background: var(--theme-color);
  height: 7rem;
  bottom: -5rem;
  top: auto;
  transform: rotate(-3deg);
  width: 60%;
  left: auto;
  right: -11rem;
}

.innerBanner {
  margin-bottom: 8rem;
}

.innerBanner .bannertext h1 span {
  display: inline-block;
  border-bottom: 3px solid var(--theme-color);
}

.innerBanner .bannertext h1::before {
  display: none;
}

.innerBanner .bannertext h1 {
  margin-bottom: 3rem;
  text-transform: uppercase;
}

.innerBanner .btnSec {
  justify-content: center;
}

.signBox {
  display: flex;
  justify-content: space-between;
}

.signBox .userBox {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.signBox .userBox h3 {
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 0;
}

.signBox .userBox h3 span {
  display: block;
  font-size: 1.25rem;
  color: var(--theme-color);
}

.whyChooseInner {
  background-color: #F3F3F3;
}

.chooseBg {
  background: url(../images/bg/1.png) top center / cover no-repeat;
  padding: 5rem 8rem 3rem 15rem;
  position: relative;
  z-index: 11;
}

/* Inner Pages CSS End */
.whyChooseInner .whyContent {
  padding-bottom: 0;
}

.whyChooseInner .whyContent .whyChooseImg {
  width: 21rem;
  margin-top: -10rem;
  margin-left: 10rem;
}

.chooseBg * {
  color: #fff;
}

.chooseBg h3 {
  font-size: 1.25rem;
  margin: 0;
}

.campusInner::before {
  display: none;
}

.campusInner {
  background: #f3f3f3;
  clip-path: polygon(0 0, 100% 0%, 100% 95%, 0% 100%);
}


.commitBox {
  background: var(--primary);
  overflow: hidden;
  margin-top: 2rem;
  height: 40rem;
}

.commitBox figure img {
  width: 100%;
}

.commitContnt * {
  color: #fff;
}

.commitContnt {
  padding: 1rem 1rem 2rem;
}

.commitContnt p {
  font-size: 14px;
  margin: 1rem 0 1.5rem;
}

.commitContnt h3 {
  font-size: 1.25rem;
}

.commitContnt a {
  text-decoration: underline !important;
}

.commitContnt a:hover {
  color: var(--theme-color);
}

.themeBox {
  background: var(--theme-color);
}

.silverBox {
  background:#a0c2d2;
}

.silverBox * {
  color: #000;
}

.silverBox h3 {
  color: var(--theme-color);
}

.commitSec {
  padding-bottom: 14rem;
}


.subForm {
  display: flex;
  margin-top: 1rem;
}

.subForm input {
  width: 100%;
  height: 3rem;
  padding: 1rem;
  border: none;
  background: #F3F3F3;
  color: #000;
}

.subForm button {
  border: none;
  padding: 0 2rem;
  background: var(--theme-color);
  color: #fff;
  width: 40%;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
}

.subForm button:hover {
  background: var(--primary);
}

.subForm input::placeholder {
  color: #a4a3a3;
}

.logoSec logoSlider {
  background: #f3f3f3;
}

.logoSlider {
  background: #f3f3f3;
  padding: 1rem 0;
  margin-top: 1rem;
}


.campusInnerTwo {
  background: transparent;
  clip-path: none;
  padding-bottom: 8rem;
  margin-bottom: 5rem;
}

.campusInnerTwo::before {
  display: block;
  top: auto;
  background: var(--primary);
  clip-path: polygon(0 0, 100% 0%, 100% 79%, 0% 100%);
}

.campusInnerTwo * {
  color: #fff;
}


.universities-section {
  background-color: #1c1c1c;
  padding: 2px 2px;
  color: white;
}

.universities-table {
  width: 100%;
  margin-bottom: 0;
}

.universities-table tr {
  background-color: white;
  color: black;
  border-bottom: 1px solid #ddd;
}

.universities-table tr:nth-child(even) {
  background-color: #f9f9f9;
}

.universities-table tr.active {
  background-color: #ebebeb;
  color: #000;
}

.universities-table tr:hover {
  background-color: var(--theme-color);
  color: #fff;
}

.search-bar {
  float: right;
}

.title-bar {
  padding: 15px 2rem;
}

input[type="search"] {
  padding: 5px 10px;
}

.uniSec h4 {
  color: #fff;
  font-size: 2.35rem;
}

.subsSec {
  background: #f3f3f3;
  clip-path: polygon(0 0%, 100% 0%, 100% 77%, 0% 100%);
  margin-bottom: 5rem;
  padding-bottom: 10rem;
}

.greySColor {
  background: #f3f3f3;
  padding: 5rem 0;
}

.usBox {
  background: #d3d3d3;
  padding: 2rem;
  border-radius: 5px;
  transition: all 0.5s ease;
}

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

.usBox p {
  padding-top: 2rem;
}


.whyChooseWhite {
  background: #fff;
  padding-bottom: 14rem;
}

.chooseInner .whyContent {
  margin: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 6rem 2rem 0;
}

.chooseInner .whyContent .whyChooseImg {
  margin-left: 0;
}

.chooseBg.chooseInner {
  padding-right: 27rem;
  padding-left: 5rem;
}


.leaderSec {
  /*background: #f3f3f3;*/
  clip-path: polygon(0 0, 100% 0%, 100% 87%, 0% 100%);
}

.leaderSec figure img {
    width: 100%;
    height: 450px;
    object-fit: cover;
    object-position: top;
}

.leaderSec ul {
  display: flex;
  flex-wrap: wrap;
}

.leaderSec ul li {
  border-right: 1px solid #00000024;
  padding: 1.5rem;
  flex: 0 0 48%;
  border-bottom: 1px solid #00000024;
}

.leaderSec ul li:nth-child(2),
.leaderSec ul li:nth-child(4) {
  border-right: none;
}

.leaderSec ul li:nth-child(3),
.leaderSec ul li:nth-child(4) {
  border-bottom: 0;
}

.leaderSec ul li h3 {
  font-size: 1.35rem;
  margin-top: 2rem;
}

.leaderSec ul li p {
  margin: 0;
  font-size: 15px;
}

.leaderSec h6 {
  color: var(--theme-color);
  font-size: 1.35rem;
}

/* .leaderSec {
  margin: 12rem 0 6rem;
  padding-bottom: 7rem;
} */


.tabsPack {
  margin: 0;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.tabsPack a {
  border: 1px solid #125875;
  padding: 15px 1.6rem;
  font-size: 17px;
  font-weight: 600;
  margin: 0;
  color: #000000;
  text-transform: capitalize;
}

.tabsPack a.active,
.tabsPack a.current {
  background: var(--theme-color);
  color: #fff;
}

[class^=box-] {
  display: none;
}

[class^=box-].showfirst {
  display: block;
}


a.contactInfo {
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid var(--theme-color);
  padding: 1rem 1rem;
  color: #000;
  height: 100%;
}

a.contactInfo p {
  margin: 1rem 0 0;
}

/* a.themeBtn {
  color: #ffffff;
} */

/* a.contactInfo p {
  margin: 0;
} */

a.contactInfo img {
  margin-bottom: 1.5rem;
  filter: brightness(0) saturate(100%) invert(21%) sepia(61%) saturate(2307%) hue-rotate(182deg) brightness(91%) contrast(97%);
}

a.contactInfo h3 {
  font-size: 1.55rem;
}

.contactForm section {
  background: url(../images/bg/5.png) top center / cover no-repeat;
  /* clip-path: polygon(0 0, 100% 0%, 100% 85%, 0% 100%); */
  clip-path: none;
  margin-bottom: 0;
  padding: 10rem 0;
}

.faqSec {
  padding-bottom: 10rem;
}

.faqSec h2 {
  font-size: 11rem;
  text-align: center;
}

.contactLeadForm {
  background: var(--white);
  padding: 2rem 2rem 5rem;
  margin-bottom: -2rem;
}

.contactLeadForm p {
  color: #000;
  text-decoration: underline;
  font-weight: 400;
  margin: 1rem 0 0;
}

.contactLeadForm p span {
  color: var(--theme-color);
}

.contactLeadForm .themeBtn {
  margin-top: 2rem;
}

.contactLeadForm .leadForm {
  padding: 0;
  margin-top: 0;
}

.subsSec .subForm {
  justify-content: center;
}

.subsSec .subForm input {
  background: #ffffff;
}


.counterInner .yearBox {
  margin: 0;
}

.counterInner {
  padding: 4rem 0;
  margin: 5rem 0 0;
}


.counterInner .yearNum .countHead h3 {
  font-size: 5rem;
}

.counterInner .yearNum {
  justify-content: center;
  position: unset;
  margin: 0;
}

.counterInner .yearBox h3 {
  color: #fff;
  font-size: 1.75rem;
  line-height: 1.4;
}

.counterInner .yearOne .yearNum {
  justify-content: start;
}

.counterInner .yearOne .yearNum h3 {
  font-size: 8rem;
  margin-top: -5rem;
  margin-bottom: 3rem !important;
}

.yearNum .countHead {
  margin-bottom: -4rem;
  position: relative;
  z-index: 1;
}

.yearOne {
  margin-top: -16rem !important;
}

.counterInner h4,
.counterInner p {
  color: #fff;
}


.animatedHead {
  font-size: 10rem;
  font-weight: 800;
  color: #a8a5a5d1;
  white-space: nowrap;
  margin: 0;
  padding: 0 2rem;
}

.infinite {
  display: flex;
  align-items: center;
  justify-content: center;
  text-wrap: nowrap;
  overflow: hidden;
  gap: 1rem;
  padding: 3rem 0;
}

.infinite div {
  display: flex;
  gap: 2rem;
  animation: infini linear infinite 40s;
}

@keyframes infini {
  0% {
    transform: translateX(-10%);
  }

  50% {
    transform: translateX(-50%);
  }

  100% {
    transform: translateX(-100%);
  }
}

.summarySec {
  background: #f3f3f3;
  clip-path: polygon(0 0, 100% 0%, 100% 85%, 0% 100%);
  margin-bottom: 5rem;
  padding: 4rem 0;
}

.summarySec .futureBox {
  height: 490px;
  border: none;
  margin: 0;
}

.summarySec .row {
  clip-path: polygon(0 0, 100% 0%, 100% 85%, 0% 100%);
}



.payBox {
  border: 2px solid #00000012;
  padding: 3rem;
  margin-bottom: 3rem;
}

.payBox h3 {
  font-size: 1.25rem;
  line-height: 1.67;
  font-weight: 500;
  position: relative;
  color: #000;
  padding-bottom: 2rem;
}

.payBox h3::before,
.payBox h3::after {
  content: '';
  position: absolute;
  inset: 0;
  background: #00000026;
  height: 1px;
  top: auto;
  bottom: 1rem;
}

.payBox h3::after {
  background: var(--theme-color);
  width: 20%;
  height: 2px;
}

.program-detail-Sec {
  background: #F3F3F3 url(../images/bg/7.png) center center / contain fixed no-repeat;
}

.payTwo .payHead {
  background: var(--theme-color);
  padding: 14px 3rem;
  color: #fff;
}

.payTwo .payHead h3 {
  margin-bottom: 0;
  font-size: 1.45rem;
}

.payTwo {
  margin-top: 2rem;
}

.payTwo p+p {
  margin-bottom: 0;
}

.payTwo .payBox h3::before,
.payTwo .payBox h3::after {
  display: none;
}

.payTwo .payBox {
  padding: 2rem;
  height: 16rem;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
}

.payBox ul {
  list-style-type: disc;
  padding-left: 1rem;
}

.commitInner .commitSec {
  padding-bottom: 4rem;
}

.subInner {
  padding-top: 18rem;
  background: url(../images/bg/8.png) center center / cover fixed no-repeat;
  clip-path: polygon(0 0%, 100% 0%, 100% 84%, 0% 100%);
}

.subInner h4,
.subInner p {
  color: #fff;
}

.acedmicBanner .bannertext {
  background: url(../images/banner/4.png) center center / cover fixed no-repeat;
}

.payBox {
  padding: 2rem;
}

.payBox a {
  width: 100%;
  justify-content: center;
  margin: 5px 0;
}

.payBox ul li {
  padding: 5px 0;
}

.payTwo .payBox p {
  margin-bottom: 10px;
}

.counterServices {
  margin-bottom: 15rem;
  padding-bottom: 6rem;
}

.counterServices ul li {
  font-size: 1.75rem;
}

.counterServices ul li span {
  text-decoration: none;
}

.counterServices ul li+li {
  border-top: 1px solid #ffffff47;
}

.counterServices .yearNum {
  flex-direction: column;
  align-items: start;
}

.subjectBox {
  text-align: center;
  padding: 1.25rem 1rem;
  transition: all 0.5s ease;
  background: #F3F3F3;
  margin: 1rem 0;
}

.subjectBox:hover {
  transform: scale(1.05);
}

.subjectBox p {
  margin: 0;
}

.subjectBox h5 {
  font-size: 1.35rem;
}

.subjectBox p {
  font-size: 14px;
}

.subjectBox img {
  width: 180px;
  height: 90px;
  object-fit: contain;
  margin-bottom: 12px;
}

.tabsPack-scroll {
  height: 36rem;
}

.tabsPack-scroll a {
  margin: 10px 0;
  display: block;
}

.mCSB_inside>.mCSB_container {
  margin-left: 10px;
}

.mCSB_scrollTools {
  right: 0;
}

.acadmicCommitSec ul li {
  display: flex;
  align-items: center;
  gap: 2rem;
  border-top: 1px solid var(--theme-color);
}

.acadmicCommitSec ul li span {
  font-size: 4rem;
  font-weight: 800;
  color: #fff;
  -webkit-text-stroke: 2px var(--theme-color);
  width: 7rem;
}

.acadmicCommitSec ul {
  margin-top: 3rem;
}

/* Inner Pages CSS End */

.logoSlider .swiper-wrapper {
  display: flex;
  align-items: center;
}

.schoolBanner .bannertext {
  background: url(../images/banner/5.png) center center / cover fixed no-repeat;
}

.schoolInner {
  background: #F3F3F3;
  padding: 5rem 0;
}

.schoolInner .commitBox {
  background: #fff;
  height: 39rem;
}

.schoolInner .commitBox p {
  color: #000;
}

.schoolInner .commitBox h3,
.schoolInner .commitBox a {
  color: var(--theme-color);
}

.schoolIconsSec {
  background: #F3F3F3;
}

.schoolIcon {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.schoolIcon li {
  flex: 0 0 24%;
  text-align: center;
  background: #fff;
  padding: 1.5rem;
  border-radius: 5px;
  transition: all 0.5s ease;
  text-transform: capitalize;
}

.schoolIcon li h6 {
  margin: 1rem 0 0;
  font-size: 1.125rem;
}

.schoolIcon li:hover {
  transform: scale(1.05);
}


.admisionSec ul {
  display: flex;
  justify-content: space-between;
  gap: 3rem;
}

.admisionSec ul li+li {
  border: none !important;
  padding: 0;
  margin: 0;
}

.admisionSec ul li .countHead {
  height: 70px;
}

.admisionSec .yearNum .countHead span {
  font-size: 4rem;
  font-weight: 200;
}

.admisionSec .yearNum {
  flex-direction: column;
}

.admisionSec p {
  margin: 0;
}

.admisionSec {
  padding: 2rem 0 0;
  margin-top: 0;
  margin-bottom: 6rem;
}

.admisionSec figure {
  margin-bottom: -6rem;
}

.summaryInner {
  margin: 0;
  clip-path: none;
  background: #fff;
}

.summaryInner .bodrBox {
  background: #F3F3F3;
}

.summaryInner .futureBox {
  height: 100%;
}

.summaryInner .row {
  clip-path: none;
}


.whyWhite {
  background-color: #fff;
  padding-bottom: 4rem;
}

.whyInner ul {
  flex-wrap: wrap;
  gap: 0;
}

.whyInner ul li {
  flex: 100%;
}

.whyInner ul li h3 span {
  font-size: 3rem;
  -webkit-text-stroke: 1px #fff;
  color: transparent;
  font-weight: 600;
  font-family: "Prata", serif;
}

.whyInner ul li h3 {
  font-family: "Inter", sans-serif;
  font-size: 1.45rem;
}

.whyInner ul li p {
  margin: 0;
}

.whyInner {
  margin-bottom: 0;
}


.flexSec .table-container {
  width: 100%;
  border-collapse: collapse;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  margin-top: 2rem;
}

.flexSec .table-container th {
  background-color: #125875;
  color: white;
  font-size: 30px;
  text-align: left;
  padding: 15px;
  font-weight: 500;
}

.flexSec .table-container td {
  padding: 12px 15px;
  border-bottom: 1px solid #ddd;
  text-align: left;
}

.flexSec .table-container td:nth-child(2) {
  text-align: center;
}

.flexSec .table-container tr:nth-child(even) {
  background-color: #f5f5f5;
}

.admisionSec ul {
  display: flex;
}

.admisionSec ul li+li {
  border: none !important;
  padding: 0;
  margin: 0;
}


.campusSlide::before {
  content: '';
  position: absolute;
  inset: 0;
  background: #F3F3F3;
  height: 370px;
  bottom: 0;
  top: auto;
}


/* Privacy CSS */
.terms-privacy h4 {
  font-size: 2.5rem;
}

.terms-privacy ul li {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.67;
}

.terms-privacy ul {
  list-style-type: disc;
  padding-left: 1rem;
  margin-bottom: 2rem;
}

.terms-privacy p a {
  color: var(--black);
}

.terms-privacy h3 {
  font-size: 1.45rem;
}

.logoTabsSec .tabsPack {
  flex-direction: row;
  margin-bottom: 3rem;
  justify-content: space-between;
}

.logoTabsSec .imgLogo img {
  width: 100%;
}

.logoTabsSec h3 {
  font-size: 1.75rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2rem 0;
  margin: 0;
  cursor: pointer;
}


/* accordion css */
.accordian {
  margin-top: 2rem;
}

.accordian li {
  margin-bottom: 25px;
  border: 1px solid var(--black);
}

.accordian li h4 {
  color: #000;
  font-size: 1rem;
  padding: 1.4rem;
  position: relative;
  cursor: pointer;
  border-radius: 12px;
  margin: 0;
  line-height: 1.3;
  font-family: "Inter", sans-serif;
  padding-right: 2.5rem;
}

.accordian h4::after {
  content: "\f067";
  font-family: "Font Awesome 5 Pro";
  font-size: 20px;
  position: absolute;
  top: 21px;
  right: 25px;
  line-height: normal;
  transition: all 0.3s ease-in-out;
}

.accordian p {
  margin: 0;
  color: #869289;
  font-weight: 400;
  margin-bottom: 10px;
  font-size: 1rem;
}

.accordian li>div {
  display: none;
  background: #fff;
  border-radius: 0 0 10px 10px;
  padding: 1rem;
}

.accordian li.active h4::after {
  content: "\f068";
}

.accordian li.active {
  border-color: var(--theme-color);
  background: var(--theme-color);
}

.accordian li.active h4 {
  color: var(--theme-color);
  background: var(--theme-color);
  color: #fff;
}

.accordian li.active>div {
  background: var(--theme-color);
}

.accordian li.active>div p {
  color: #fff;
}

/* accordian End */


.arrow {
  font-size: 16px;
  margin-left: 10px;
  transition: transform 0.3s ease;
  display: inline-block;
}

/*.arrow.rotate {*/
/*  transform: rotate(180deg);*/
/*}*/

.subjectWrapper {
  border-bottom: 1px solid #0000001f;
}



table.dataTable thead {
  background-color: var(--primary);
  color: #fff;
}

/* Row striping */
table.dataTable tbody tr:nth-child(even) {
  background-color: #ededed;
}

table.dataTable tbody tr:nth-child(odd) {
  background-color: #fff;
}

/* Highlight row like screenshot */
table.dataTable tbody tr:hover {
  background-color: var(--theme-color) !important;
  color: #fff;
}

/* Pagination buttons */
.dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 2px 8px;
  border: 1px solid #ccc;
  margin: 2px;
  cursor: pointer;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background: #333;
  color: #fff !important;
  border: 1px solid #333;
}

div#myTable_filter {
  display: none;
}

table.dataTable {
  border: 1px solid #00000026;
}

table.dataTable thead th {
  font-size: 1.45rem;
}

table.dataTable tbody th,
table.dataTable tbody td {
  border-left: 1px solid #00000030;
  text-align: center;
}

table.dataTable tbody th:first-child,
table.dataTable tbody td:first-child {
  text-align: left;
  padding-left: 2rem;
  border: none;
}

table.dataTable thead th:first-child {
  text-align: left;
  padding-left: 2rem;
  border: none;
}

table.dataTable>thead>tr>th,
table.dataTable>thead>tr>td {
  border-left: 1px solid #ffffff29;
  text-align: center;
}

table.dataTable tbody th,
table.dataTable tbody td {
  padding: 12px 10px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button,
a#myTable_previous {
  padding: 2px 8px;
  border: 1px solid #ccc;
  margin: 2px;
  cursor: pointer;
}

.contactFaqImg {
  position: sticky;
  top: 2rem;
}

.yearSec p {
  margin: auto;
  padding-top: 1rem;
}

.futureBox p {
  margin: 1rem 0 0;
}

.subsSec.subInner.cstm {
  padding: 10rem 0;
  clip-path: none;
  margin: 0;
}

.onlineStudySec1 .inner p span {
  font-weight: 600;
  font-size: 20px;
}

.contactInner.cstm .tabsPack a {
  font-size: 15px;
}

.contactInner.cstm ul li {
  list-style: inside;
}

.contactInner.cstm ul {
  padding: 10px 0;
}

.contactForm.applynow section {
  clip-path: polygon(0 15%, 100% 0%, 100% 100%, 0% 100%);
  background: none;
  padding: 0 0 4rem;
}

.contactForm.applynow section .contactLeadForm {
  clip-path: polygon(0 8%, 100% 0%, 100% 100%, 0% 100%);
  padding: 6rem 2rem 3rem;
}

.contactForm.applynow section .contactLeadForm h4 {
  text-align: center;
}

.leaderSec figure {
  text-align: center;
}


.onlineSec {
  background: #fff;
  padding-bottom: 10rem;
}

.onlineSec figure img {
  height: auto;
}

.onlineSec .row+.row {
  margin-top: 9rem;
}

.onlineSec .whyTwo {
  margin-right: -6rem;
  margin-left: 0;
  padding: 5rem 8rem 5rem 3rem;
}

.onlineSec .whyContent {
  background: #f3f3f3;
}

.onlineSec .whyContent p {
  color: var(--primary);
}

.onlineCampus::before {
  background: #f3f3f3;
}


.onlineCampus h4,
.onlineCampus p {
  color: var(--primary);
}

.onlineCampus h4 span {
  color: var(--theme-color);
}

.onlineCampus input {
  background: #fff;
}

.onlineCampus button i {
  color: #fff;
}

.leadForm button {
  margin-top: 1rem;
}

.contactInner.cstm {
  padding: 5rem 0;
}

a.contactInfo.cstm {
  align-items: start;
}

.iti.iti--allow-dropdown {
  width: 100%;
  margin: 10px 0;
}

button.iti__selected-country {
  margin: 0;
}

button.iti__selected-country:focus {
  outline: 0;
}

input.iti__search-input {
  outline: 0;
}


.breadcrumb {
  display: flex;
  /* box-shadow: 0 8px 14px -2px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05); */
  padding: 0.75rem 1.25rem;
  border-radius: 35px;
  background: none;
}

.breadcrumb-links {
  display: flex;
  column-gap: 10px;
  align-items: center;
}

.breadcrumb-links>li:nth-child(n + 4) {
  display: none;
}

.breadcrumb-box {
  display: flex;
  align-items: center;
}

.breadcrumb-link {
  color: #9ca3af;
}

.breadcrumb-box:hover>*:not(.breadcrumb-icon) {
  color: #125875;
}

.breadcrumb-icon,
.breadcrumb-icon-home {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  color: #9ca3af;
}

/* .breadcrumb-links li:first-child .breadcrumb-text {
  display: none;
} */

.breadcrumb-text {
  margin-left: 10px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #c2c2c2;
}

@media (min-width: 640px) {

  /*.breadcrumb-links>li:nth-child(n + 4) {
    display: block;
  }

  .breadcrumb-links li:first-child .breadcrumb-text {
    display: block;
  }*/
  .breadcrumb-text {
    font-size: 12px;
    color: #c2c2c2;
    font-weight: bold;
  }
}


.arrow::after {
  content: "\f067";
  font-family: "Font Awesome 5 Pro";
  font-size: 20px;
  position: absolute;
  top: 21px;
  right: 25px;
  line-height: normal;
  transition: all 0.3s ease-in-out;
}

.arrow.rotate::after {
  content: "\f068";
}

.whyChooseSec.onlineSec.leadershp .whyContent h4 {
  font-size: 2.4rem;
  color: var(--theme-color);
}

.whyChooseSec.onlineSec.leadershp {
  margin-bottom: 6rem;
}


/* .themeBtn.btnsOne {
  color: #ffffff;
  background: var(--theme-color);
}

.themeBtn.btnsOne::before,
.themeBtn.btnsOne::after {
  background: var(--theme-color); 
}

.themeBtn.btnsOne:hover {
  color: #ffffff;
}

.themeBtn.btnsOne i {
  color: #ffffff;
}


.themeBtn.btnsTwo {
  color: var(--theme-color);
  background: #ffffff;
}

.themeBtn.btnsTwo::before,
.themeBtn.btnsTwo::after {
  background: #ffffff;
}

.themeBtn.btnsTwo:hover {
  color: var(--theme-color);
}

.themeBtn.btnsTwo i {
  color: var(--theme-color);
}

.themeBtn.btnsTwo:hover i {
  color: var(--theme-color);
} */


.Ovrview {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: self-start;
  gap: 1rem;
}

.Ovrview p {
  margin: 0;
}

.leadForm .form-control:focus {
  border-color: 0;
  outline: 0;
  box-shadow: 0;
}

.filter-row {
  padding: 2rem 2rem;
  background: var(--primary);
  margin: 2rem 0;
}

.uniSec input#uni-search,
select#state-select {
  border-radius: 0;
}

.abtSec figure img {
  width: 100%;
}

.filter-row h2 {
  text-align: center;
  font-size: 1.75rem;
  color: #fff;
  margin-bottom: 1rem;
}


th.sorting_disabled {
  font-family: "Prata", serif !important;
  font-size: 1.125rem !important;
}

section.counterSec.counterInner .themeBtn::before {
  background-color: #ffffff;
}

section.counterSec.counterInner .themeBtn:hover,
section.counterSec.counterInner .themeBtn:hover i {
  color: var(--primary);
}

.homeHeader .themeBtnDark i {
  color: var(--primary);
}


.degreeInner {
  padding-bottom: 10rem;
}

.select-country {
  padding: 5px;
  margin-bottom: 1rem;
}


.degreeBox {
  border: 1px solid var(--theme-color);
}

.degreeBox h3 {
  font-size: 1rem;
  background: var(--primary);
  padding: 14px 1rem;
  color: #fff;
  margin: 0;
}

.degreeBox .tabsPack {
  padding: 1rem;
}

.degreeBox .box-Style {
  padding: 1rem;
}


.sampleBanner {
  margin: 0;
}

.sampleBanner .bannertext::before,
.sampleBanner .bannertext::after {
  display: none;
}

.sampleBanner .bannertext {
  height: 40vh;
  min-height: auto;
}

.sampleBanner .breadcrumb {
  margin: 0;
  padding-bottom: 0;
}


.logoSlider img {
  width: 7rem;
}

.logoSlider figure {
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo img {
  width: 16rem;
}

.logoFooter img {
  width: 13rem;
}

.topBarLinks {
  display: flex;
  justify-content: space-between;
}

.commitContnt .themeBtn {
  display: block;
  text-align: center;
  text-decoration: unset !important;
}


ul.schoolIcon li img {
  filter: brightness(0) saturate(100%) invert(21%) sepia(61%) saturate(2307%) hue-rotate(182deg) brightness(91%) contrast(97%);
      width: 90px;
    height: 90px;
}

.whyContent li img {
  filter: brightness(30.5);
}

.onlineCampus {
    padding-bottom: 8rem;
    margin-bottom: 5rem;
        clip-path: polygon(0 0, 100% 0%, 100% 91%, 0% 100%);
}

.subjectWrapper a{
    color: #000000;
}

.ushecaGrey {
    background: #0869a0;
    padding: 8rem 5rem;
}

/*.cert-view-btn {*/
/*    display: none !important;*/
/*}*/