/* =========================== RESPONSIVE =======================================*/

@media (min-width: 2000px) {
	.form {
		right: calc((100% - 1500px) / 2);
	}

	.studentsPic {
		left: calc((100% - 0px) / 4);
	}
}

@media(max-width:1720px) {
	.eligibilitySlider {
		width: calc(100% + 20px);
		margin-right: -20px;
	}
}


@media (max-width:1650px) {
	.headerLogo {
		width: auto;
		height: 70px;
	}

	.btn.headerBtn {
		font-size: 20px;
		padding: 15px;
	}

	.studentsPic img {
		width: 650px;
		height: auto;
	}

	.heroHanging img {
		width: 450px;
	}

	.heroContent {
		margin-top: 400px;
	}

	.mbaBox span {
		font-size: 100px;
	}

	.heroHanging {
		left: 50px;
	}

	.form {
		top: 120px;
	}


}


@media(max-width:1550px) {
	.headerLogo {
		width: auto;
		height: 60px;
	}

	.btn.headerBtn {
		font-size: 18px;
	}


	.heroSection {
		height: 700px;
	}

	.heroHanging img {
		width: 400px;
	}

	.mbaBox span {
		font-size: 80px;
	}

	.heroContent {
		max-width: 400px;
	}

	.mbaBox {
		max-width: 250px;
		padding: 10px 28px;
		border-radius: 30px 0 30px 0;
	}

	.mbaBox::before {
		border-radius: 30px 0 30px 0;
	}

	.admissionText {
		font-size: 30px;
	}

	.heroDesc {
		font-size: 18px;
	}

	.studentsPic {
		left: 30%;
	}

	.placementSection {
		padding: 60px 0 30px;
	}

	.placementGrid {
		gap: 35px;
	}

	.placementTitle {
		font-size: 40px;
	}

	.placementValue {
		font-size: 55px;
	}

	.placementInner {
		padding: 20px 30px;
	}

	.placementLabel {
		font-size: 22px;
	}

	.recruiterCard {
		width: 180px;
		height: 180px;
	}

	.recruiterTitle {
		font-size: 40px;
	}

	.aboutNumber {
		font-size: 55px;
	}

	.aboutTitle {
		font-size: 40px;
	}

	.aboutDesc {
		margin-top: 15px;
		font-size: 22px;
	}

	.aboutItem p {
		font-size: 20px;
		margin-top: 20px;
	}

	.campusTitle {
		font-size: 40px;
	}

	.campusDesc {
		margin-top: 0;
		font-size: 18px;
	}

	.campusCard p {
		margin-top: 10px;
		font-size: 18px;
	}

	.campusCard {
		padding: 15px;
	}

	.infraTitle {
		font-size: 70px;
	}

	.admissionCircle {
		width: 340px;
		height: 340px;
	}

	.admissionTitle {
		font-size: 40px;
	}

	.circleContent p {
		font-size: 18px;
	}

	.testimonialTitle {
		font-size: 40px;
	}

	.tabBtn {
		min-width: 330px;
	}

	.testimonialBox {
		padding: 50px 80px;
	}

	.ctaSub {
		font-size: 30px;
	}

	.aboutProgCard {
		width: 350px;
		height: 400px;

	}
}


@media (max-width:1450px) {


	.form {
		width: 350px;
	}


	.enquiryCard {
		right: 3%;
	}

	.heroHanging img {
		width: 350px;
	}

	.mbaBox span {
		font-size: 70px;
	}

	.heroContent {
		max-width: 350px;
	}

	.admissionText {
		font-size: 25px;
	}

	.heroContent {
		margin-top: 360px;
	}


	.placementGrid {
		gap: 30px;
	}

	.placementValue {
		font-size: 50px;
	}

	.placementLabel {
		font-size: 20px;
	}

	.recruiterCard {
		width: 170px;
		height: 170px;
	}

	.bbcSection::before {
		width: 700px;
		height: 700px;
	}

	.bbcGrid {
		grid-template-columns: 1fr 500px 1fr;
	}

	.aboutNumber {
		font-size: 54px;
	}

	.campusSection {
		padding: 80px 0;
		border-radius: 50px;
	}

	.campusCard p {
		font-size: 16px;
		line-height: 1.3;
	}

	.campusCards .swiper-wrapper {
		gap: 25px;
	}

	.infraTitle {
		font-size: 60px;
	}

	.infraSection {
		padding: 80px 0;
	}

	.infraPrev,
	.infraNext {
		width: 50px;
		height: 50px;
	}

	.infraPrev img,
	.infraNext img {
		width: 34px;
	}

	.admissionSection {
		padding: 80px 0;
	}

	.admissionCircle {
		width: 320px;
		height: 320px;
	}

	.circleContent h4 {
		font-size: 28px;
	}

	.circleContent img {
		width: 70px;
	}


}

@media (max-width:1350px) {


	.studentsPic img {
		width: 560px;
		height: auto;
	}

	.mbaBox span {
		font-size: 60px;
	}

	.studentsPic {
		left: 28%;
	}

	.placementCard {
		min-width: 360px;
	}

	.placementValue {
		font-size: 45px;
	}

	.placementTitle {
		font-size: 35px;
	}

	.recruiterCard {
		width: 160px;
		height: 160px;
	}

	.recruiterTitle {
		font-size: 35px;
	}

	.recruiterLeft {
		width: 230px;
	}

	.bbcSection::before {
		width: 750px;
		height: 750px;
	}

	.bbcTitle {
		font-size: 40px;
	}

	.bbcItem h3 {
		margin-bottom: 10px;
	}

	.bbcItem h3 {
		font-size: 22px;
	}

	.bbcSection::before {
		width: 650px;
		height: 650px;
	}

	.bbcTitle {
		font-size: 35px;
	}

	.bbcDesc {
		margin-top: 10px;
		font-size: 18px;
	}

	.bbcItem h3 {
		font-size: 20px;
	}

	.bbcItem p {
		font-size: 16px;
	}

	.bbcCol {
		gap: 50px;
	}

	.aboutSection {
		padding: 60px 0;
	}

	.aboutNumber {
		font-size: 50px;
	}

	.aboutTitle {
		font-size: 40px;
	}

	.aboutDesc {
		margin-top: 10px;
		font-size: 20px;
	}

	.aboutHeader {
		margin: 0 auto 30px;
	}

	.campusCard p {
		font-size: 18px;
	}

	.campusSection {
		padding: 60px 0;
		border-radius: 30px;
	}

	.campusTitle {
		font-size: 35px;
	}

	.infraTitle {
		font-size: 50px;
	}

	.infraSection {
		padding: 60px 0;
	}

	.infraCard p {
		margin-top: 10px;
		font-size: 20px;
	}

	.infraCard {
		border-radius: 20px;
		padding: 18px;
	}

	.infraLeft {
		width: 45%;
	}

	.admissionSection {
		padding: 60px 0;
	}

	.admissionSteps {
		gap: 35px;
	}

	.admissionCircle {
		width: 300px;
		height: 300px;
	}

	.admissionTitle {
		font-size: 35px;
	}

	.circleContent p {
		font-size: 16px;
	}

	.testimonialSection {
		padding: 60px 0 10px;
	}

	.testimonialBox {
		padding: 50px;
	}

	.tabBtn {
		font-size: 20px;
		padding: 20px 30px;
	}

	.testiPrev,
	.testiNext {
		width: 50px;
		height: 50px;
	}

	.testiPrev img,
	.testiNext img {
		width: 30px;
		height: auto;
	}

	.aboutProgCard {
		width: 300px;
		height: 350px;

	}

	.aboutProgDesc {
		font-size: 20px;
	}
}

@media (max-width:1200px) {


	.enquiryCard {
		width: 330px;
	}


	.headerLogo {
		width: auto;
		height: 50px;
	}

	.heroHanging img {
		width: 330px;
	}

	.studentsPic img {
		width: 477px;
	}

	.admissionText {
		font-size: 20px;
	}

	.heroDesc {
		font-size: 16px;
	}

	.heroContent {
		max-width: 300px;
	}


	.placementGrid {
		grid-template-columns: repeat(3, 1fr);
		gap: 25px;
	}


	.placementValue {
		font-size: 30px;
	}

	.placementCard {
		min-width: 300px;
	}

	.placementInner {
		padding: 18px;
	}

	.recruiterWrap {
		/* gap: 30px; */
	}

	.recruiterLeft {
		width: 240px;
	}


	.recruiterCard {
		width: 150px;
		height: 150px;
	}

	.bbcGrid {
		grid-template-columns: 1fr 420px 1fr;
	}

	.bbcCenter img {
		max-width: 420px;
	}

	.bbcSection::before {
		width: 600px;
		height: 600px;
	}

	.bbcCol {
		gap: 30px;
	}

	.aboutTitle {
		font-size: 35px;
	}

	.aboutStats {
		grid-template-columns: repeat(3, 1fr);
		gap: 40px 0;
	}

	.aboutItem::after {
		content: "";
		position: absolute;
		right: 0;
		top: 25%;
		height: 50%;
		width: 1px;
		opacity: 0.2;
		background: var(--blackClr);
	}

	.aboutItem:nth-child(3n)::after {
		content: none;
	}


	.aboutNumber {
		font-size: 45px;
	}

	.aboutDesc {
		font-size: 18px;
	}

	.aboutItem p {
		font-size: 20px;
	}

	.campusCards .swiper-wrapper {
		display: grid !important;
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
	}

	.campusCard {
		width: 100% !important;
	}

	.campusPlay {
		width: 50px;
		height: 50px;
	}

	.campusCards .swiper-wrapper {
		gap: 20px;
	}

	.campusCard p {
		font-size: 16px;
	}

	.infraTitle {
		font-size: 45px;
	}

	.infraPrev,
	.infraNext {
		width: 40px;
		height: 40px;
	}

	.infraPrev img,
	.infraNext img {
		width: 30px;
	}

	.admissionSteps {
		gap: 30px;
	}

	.admissionCircle {
		width: 260px;
		height: 260px;
	}

	.circleContent h4 {
		font-size: 20px;
	}

	.circleContent img {
		width: 60px;
	}

	.circleContent p {
		font-size: 16px;
		line-height: 1.3;
	}

	.testimonialTitle {
		font-size: 35px;
	}


	.tabBtn {
		font-size: 20px;
		border-radius: 15px;
		min-width: auto;

	}

	.tabBtn img {
		width: 30px;
	}

	.ctaTitle {
		font-size: 48px;
	}

	.ctaMBA {
		font-size: 52px;
	}

	.ctaSub {
		font-size: 20px;
	}

	.ctaFooter {
		font-size: 18px;
	}

	.aboutProgCardsTrack {
		gap: 22px;
		padding: 0 50px;
	}

	.aboutProgCard {
		width: 280px;
		height: 330px;

	}
}

@media (max-width:1024px) {
	.container {
		width: 90%;
	}


	.enquiryCard {
		position: static;
		margin: 16px auto 30px;
	}

	.studentsPic {
		transform: translateX(20%);
		bottom: 0;
	}

	.studentsPic img {
		width: 520px;
	}


	.btn.headerBtn {
		display: none;
	}


	.placementSection {
		padding: 40px 0;
	}

	.placementGrid {
		grid-template-columns: repeat(2, 1fr);
	}


	.placementValue {
		font-size: 30px;
	}

	.placementCenter {
		grid-column: span 2;
		justify-self: center;
	}

	.placementCard {
		min-width: auto;
		max-width: 410px;
	}

	.recruiterWrap {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
	}

	.recruiterLeft {
		width: 100%;
	}

	.recruiterCard {
		width: 140px;
		height: 140px;
	}

	.recruiterRight {
		margin-right: 0;
		width: 100%;
	}

	.aboutSection {
		padding: 40px 0;
	}

	.aboutHeader {
		max-width: 800px;
	}

	.aboutItem p {
		font-size: 18px;
	}

	.campusSection {
		padding: 40px 0;
	}

	.campusCard p {
		font-size: 16px;
	}


	.campusDesc {
		font-size: 16px;
	}

	.campusPlay {
		width: 45px;
		height: 45px;
	}

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

	.campusCards .swiper-wrapper {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}

	.infraSection {
		padding: 40px 0;
	}

	.infraWrap {
		flex-direction: column;
		align-items: flex-start;
		gap: 30px;
	}

	.infraLeft {
		width: 100%;

		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}

	.infraNav {
		margin-top: 0;
	}

	.infraTitle {
		font-size: 40px;
	}

	.infraNav {
		display: flex;
		justify-content: flex-end;
		width: 100%;
		gap: 10px;
	}


	.infraRight {
		width: 100%;
	}

	.infraCard {
		border-radius: 15px;
		padding: 15px;
	}

	.infraCard p {
		font-size: 20px;
	}

	.swiper.infraSlider {
		margin-right: calc((100vw - 100%) / -2);
	}

	.admissionSection {
		padding: 40px 0;
	}

	.admissionSteps {
		gap: 25px;
	}

	.admissionCircle {
		width: 230px;
		height: 230px;
	}


	.circleContent {
		padding: 20px;
	}

	.circleContent h4 {
		font-size: 22px;
	}

	.circleContent img {
		width: 45px;
		margin: 0;
	}

	.circleContent p {
		font-size: 15px;
	}

	.admissionArrow img {
		width: 40px;
	}

	.testimonialSection {
		padding: 40px 0;
	}

	.tabBtn {
		font-size: 16px;
		padding: 20px;
	}

	.aboutProgCard {
		width: 280px;
		height: 330px;

	}

	.aboutProgSection::after {

		top: -4px;
		right: 10%;

		width: 150px;
		height: 100px;
	}

}


@media (max-width:1024px) and (min-width:769px) {

	.bbcGrid {
		grid-template-columns: 1fr 1fr;
		gap: 40px;
	}

	.bbcCol {
		gap: 35px;
	}

	.bbcLeft {
		grid-column: 1;
	}

	.bbcRight {
		grid-column: 2;
	}

	.bbcCenter {
		grid-column: 1 / -1;
		order: 3;
		text-align: center;
		margin-top: 20px;
		display: flex;
		justify-content: center;
	}

	.bbcCenter img {
		max-width: 400px;
	}

	.bbcLeft .bbcItem,
	.bbcRight .bbcItem {
		text-align: left;
		padding-left: 20px;
		padding-right: 0;

		border-left: 2px solid;
		border-image: linear-gradient(180deg, #284587 0%, #F2C001 100%);
		border-image-slice: 1;

		border-right: none;
	}

	.bbcSection::before {
		top: 75%;
		width: 550px;
		height: 550px;
	}

}


@media (max-width:980px) {
	.headerContainer {
		padding: 15px 10px;
	}


	.placementGrid {
		gap: 25px;
	}

	.recruiterCard {
		width: 130px;
		height: 130px;
	}

	.bbcCenter img {
		max-width: 360px;
	}

	.aboutNumber {
		font-size: 42px;
	}

	.aboutItem::before {
		width: 80px;
		height: 80px;
	}

	.admissionCircle {
		width: 200px;
		height: 200px;
	}

	.admissionSteps {
		gap: 10px;
	}

	.admissionArrow img {
		width: 30px;
	}

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

	.circleContent h4 {
		font-size: 20px;
	}

	.ctaWrap {
		flex-direction: column;
		text-align: center;
	}

	.ctaLeft,
	.ctaRight {
		width: 100%;
		text-align: left;
	}


	.ctaBtn {
		display: none;
	}
}

@media (max-width:768px) {


	.heroSection {
		min-height: 720px;
		padding: 20px 0 25px;
		align-items: start;

	}

	.studentsPic {
		transform: translateX(25%);
	}

	.studentsPic img {
		width: 420px;
	}

	.heroContent {
		margin-top: 320px;
	}

	.enquiryTitle {
		font-size: 22px;
		margin-bottom: 5px;
	}

	.headerLogo {
		height: 35px;
	}

	.heroHanging img {
		width: 280px;
	}

	.admissionText {
		font-size: 18px;
	}

	.mbaBox span {
		font-size: 55px;
	}

	.mbaBox {
		max-width: 200px;
	}

	.placementSection {
		padding: 20px 0;
	}

	.placementGrid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}


	.placementTitle {
		font-size: 30px;
	}

	.placementValue {
		font-size: 32px;
		align-items: baseline;
	}

	.placementLabel {
		font-size: 15px;
	}

	.unit {
		font-size: 20px;
	}

	.currency {
		font-size: 20px;
	}

	.placementCard {
		border-radius: 10px;
	}

	.placementInner {
		border-radius: 8px;
	}

	.recruiterSection {
		padding: 20px 0;
	}

	.recruiterTitle {
		font-size: 30px;
	}

	.recruiterCard {
		width: 120px;
		height: 120px;
	}

	.recruiterLeft {
		text-align: center;
	}

	.bbcSection {
		padding: 20px 0 0;
	}

	.bbcGrid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.bbcCol {
		gap: 20px;
	}

	.bbcTitle {
		font-size: 30px;
	}

	.bbcDesc {
		font-size: 16px;
	}

	.bbcLeft .bbcItem,
	.bbcRight .bbcItem {
		text-align: left;
		padding-left: 18px;

		border-left: 2px solid;
		border-image: linear-gradient(180deg, #284587 0%, #F2C001 100%);
		border-image-slice: 1;

		border-right: none;
	}

	.bbcLeft {
		order: 1;
	}

	.bbcRight {
		order: 2;
	}

	.bbcCenter {
		order: 3;
		display: flex;
		justify-content: center;
	}

	.bbcCenter {
		text-align: center;
		margin-top: 10px;
	}

	.bbcCenter img {
		max-width: 320px;
	}

	.bbcSection::before {
		top: auto;
		bottom: -40px;
		left: 50%;
		transform: translateX(-50%);

		width: 420px;
		height: 420px;
	}

	.aboutSection {
		padding: 20px 0;
	}

	.aboutStats {
		grid-template-columns: repeat(2, 1fr);
		gap: 40px 20px;
	}

	.aboutItem::after {
		content: none;
	}

	.aboutItem:nth-child(odd)::after {
		content: "";
		position: absolute;
		right: 0;
		top: 0;
		height: 100%;
		width: 1px;
		opacity: 0.2;
		background: var(--blackClr);
	}


	.aboutTitle {
		font-size: 30px;
	}

	.aboutDesc {
		font-size: 16px;
	}

	.aboutNumber {
		font-size: 35px;
	}

	.aboutItem p {
		font-size: 18px;
	}

	.aboutItem::before {
		width: 70px;
		height: 70px;
	}


	.campusSection {
		padding: 50px 0;
		border-radius: 30px;
	}

	.campusWrap {
		padding: 0px;
	}

	.campusTitle {
		font-size: 30px;
	}

	.campusDesc {
		font-size: 16px;
	}

	.campusCards {
		overflow: visible;
	}

	.campusCards.swiper {
		margin-right: calc((100vw - 100%) / -2);
	}

	.campusCards .swiper-wrapper {
		display: flex !important;
	}

	.campusCard {
		width: 75% !important;
	}

	.campusCards {
		padding-right: 10px;
	}

	.campusCard p {
		font-size: 15px;
	}

	.modalContent {
		width: 90%;
		padding: 20px;
	}

	.modalContent iframe {
		height: 250px;
	}

	.infraSection {
		padding: 20px 0;
	}

	.infraSlider {
		padding: 0 16px;
	}

	.infraTitle {
		font-size: 34px;
	}

	.infraPrev,
	.infraNext {
		width: 30px;
		height: 30px;
	}

	.infraPrev img,
	.infraNext img {
		width: 20px;
	}

	.infraCard p {
		font-size: 16px;
	}

	.infraCard::before {

		border-radius: 12px;
	}

	.infraImg {
		border-radius: 12px;
	}


	.infraLeft {
		align-items: end;
	}

	.admissionSection {
		padding: 20px 0;
	}

	.admissionSteps {
		flex-direction: column;
		gap: 40px;
	}

	.admissionArrow img {
		transform: rotate(90deg);
	}

	.admissionCircle {
		width: 260px;
		height: 260px;
	}

	.admissionTitle {
		font-size: 30px;
		margin-bottom: 20px;
	}

	.admissionArrow img {
		width: 40px;
	}


	.circleContent h4 {
		font-size: 22px;
	}

	.circleContent img {
		width: 60px;
	}

	.circleContent p {
		font-size: 15px;
	}

	.testimonialTitle {
		font-size: 30px;
	}


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

	.tabBtn {
		width: 100%;
		max-width: 300px;
	}

	.testimonialSection {
		padding: 20px 0;
	}

	.testiPrev,
	.testiNext {
		width: 40px;
		height: 40px;
	}

	.testiPrev img,
	.testiNext img {
		width: 20px;
		height: auto;
	}

	.testimonialTabs {
		gap: 20px;
	}

	.testimonialBox {
		padding: 30px;
	}

	.testimonialNav {
		gap: 20px;
	}

	.testimonialCard {
		padding: 0 15px;
	}


	.ctaSection {
		padding: 20px 0 0;
	}

	.ctaSub {
		font-size: 18px;
	}


	.ctaRight img {
		max-width: 280px;
		margin: 0 auto;
	}

	.ctaFooter {
		font-size: 14px;
	}

	/* floating btn */
	.floatingCall {
		right: 20px;
		bottom: 20px;
		width: 50px;
		height: 50px;
	}

	.callBtn {
		width: 50px;
		height: 50px;
		font-size: 20px;
	}

	.callPulse {
		width: 60px;
		height: 60px;
	}

	.callPopup {
		right: 15px;
		bottom: 90px;
		width: 220px;
	}

	.callNumbersRow {
		gap: 16px;
	}

	.aboutProgCard {
		width: 280px;
		height: 300px;

	}

	.aboutProgCardsTrack {
		gap: 16px;
		padding: 0 24px;
	}

	.aboutProgCardLabel {
		font-size: 13px;
		padding: 30px 12px 12px;
	}

	.aboutProgDesc {
		font-size: 13px;
	}

	.aboutProgScrollSpacer {
		height: 900vh;
	}
}

@media (max-width:580px) {

	.headerLogo {
		height: 30px;
	}

	.btn.headerBtn {
		font-size: 14px;
		padding: 6px;
	}

	.studentsPic {
		transform: translateX(-28%);
		width: 350px;

	}

	.heroHanging img {
		width: 240px;
	}

	.heroHanging {
		position: absolute;
		top: 68px;
	}

	.heroContent {
		margin-top: 250px;
	}

	.heroContent {
		max-width: 100%;
	}

	.mbaBox span {
		font-size: 50px;
	}

	.studentsPic img {
		width: 351px;
	}

	.heroDesc {
		font-size: 14px;
	}

	.admissionText {
		font-size: 16px;
	}


	.placementValue {
		font-size: 26px;
	}

	.placementInner {
		padding: 20px 14px;
	}

	.placementLabel {
		font-size: 12px;
	}

	.recruiterCard {
		width: 105px;
		height: 105px;
	}

	.bbcItem h3 {
		font-size: 18px;
	}

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

	.bbcCenter img {
		max-width: 300px;
	}

	.aboutStats {
		gap: 30px 15px;
	}

	.aboutNumber {
		font-size: 34px;
	}

	.aboutItem p {
		font-size: 16px;
	}

	.aboutItem::before {
		width: 60px;
		height: 60px;
	}

	.campusCard {
		width: 85% !important;
	}

	.campusPlay {
		width: 40px;
		height: 40px;
	}

	.campusRight p {
		font-size: 12px;
	}

	.campusRight {
		display: grid;
	}

	.admissionSection {
		padding: 70px 0;
	}

	.admissionCircle {
		width: 240px;
		height: 240px;
	}

	.circleContent img {
		width: 55px;
	}

	.aboutProgCardsTrack {
		gap: 14px;
		padding: 0 16px;
	}

	.aboutProgScrollSpacer {
		height: 500vh;
	}
}

@media(max-width:450px) {
	.headerLogo {
		height: 28px;
	}

	.heroContent {
		margin-top: 240px;
	}

	.heroHanging img {
		width: 220px;
	}

	.mbaBox span {
		font-size: 45px;
	}

	.placementInner {
		padding: 10px;
	}

	.unit {
		font-size: 16px;
	}

	.currency {
		font-size: 16px;
	}

	.placementGrid {
		gap: 10px;
	}

	.placementInner {
		padding: 5px;
	}

	.placementLabel {
		font-size: 10px;
	}

	.placementTitle {
		font-size: 28px;
	}

	.recruiterTitle {
		font-size: 26px;
	}

	.recruiterCard {
		width: 95px;
		height: 95px;
	}

	.bbcTitle {
		font-size: 26px;
	}

	.bbcCenter img {
		max-width: 260px;
	}

	.bbcSection::before {
		width: 350px;
		height: 350px;
	}

	.aboutTitle {
		font-size: 26px;
	}

	.aboutDesc {
		font-size: 14px;
	}

	.aboutNumber {
		font-size: 30px;
	}

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

	.aboutItem::before {
		width: 50px;
		height: 50px;
	}

	.campusTitle {
		font-size: 24px;
	}

	.campusDesc {
		font-size: 12px;
	}

	.campusCard {
		width: 88% !important;
	}

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

	.infraTitle {
		font-size: 28px;
	}

	.infraSlider {
		padding: 0 12px;
	}

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

	.admissionTitle {
		font-size: 26px;
	}

	.admissionSteps {
		gap: 30px;
	}

	.admissionCircle {
		width: 210px;
		height: 210px;
	}

	.circleContent h4 {
		font-size: 17px;
	}

	.circleContent p {
		font-size: 12px;
	}

	.circleContent img {
		width: 50px;
	}

	.testimonialBox {
		padding: 20px;
	}

	.placementCard {
		min-width: auto;
		max-width: 197px;
	}

	.callPopup {
		width: 160px;
		padding: 16px;
	}

	.callNumber {
		font-size: 14px;
	}

	.aboutProgCardLabel {
		font-size: 11px;
	}
}


@media (max-width:420px) {

	.headerLogo {
		height: 24px;
	}

}