/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain: Avada
*/
:root {
--card-bg: #FFFEFA; /* Deep Blue */
--ribbon-bg: #dbeaff; /* Light Periwinkle */
--ribbon-text: #1a1a1a; /* Dar-k Text */
--text-white: #ffffff;
--fold-shadow: #062c5e; /* Darker shade for the ribbon fold */
--text-black: #222222;
--secondary_color: #0b4596;
--border-color: #D9D9D9;
--main-red: #c1272d;-
--dark-red: #8b1d1d;
--white: #ffffff;
}
/* students-grievance-redressal-committee */
/* NPF */
.floatForm {
transform: translateX(-100%) translateY(-50%);
transition: all 0.8s ease;
z-index: 9999;
left: 0;
top: 50%;
position: fixed;
}
.floatForm.open {
transform: translateX(0) translateY(-50%);
}
.form-clickOuter {
position: absolute;
right: 0;
top: 50%;
margin-top: -20px;
margin-right: -114px;
transform: rotate(90deg);
z-index: 99999999;
}
.form-click {
background-color: #4b628d !important;
color: #fff;
font-size: 22px;
padding: 10px 20px;
cursor: pointer;
border-radius: 0 0 5px 5px;
border: 1px solid #fff;
border-top: none;
}
.formContainer {
max-width: 350px;
min-width: 350px;
z-index: 9999999;
}
.form-block-inner {
background-color: #fff;
}
/* NPF */
/* MRO Page */
.mro-faq-column .slimline-scroll {
max-height: 650px !important;
}
.npfWidget-871635c1396234279f420222f15716d1.npfWidgetButton {
background: transparent !important;
background-color: transparent !important;
}
.mro-datetime {
font-size: clamp(14px, 13.26px + 0.15vw, 16px);
}
/* =============================================
EXAM OVERVIEW CARD — Drop-in Component CSS
Prefixed with xyz-exam-overview- to avoid conflicts
============================================= */
.xyz-exam-overview-card {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background: #ffffff;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.10);
max-width: 420px;
overflow: hidden;
border: 1px solid #e8e8e8;
}
/* ---- Header ---- */
.xyz-exam-overview-card-header {
background: #c0392b;
padding: 20px 22px 0 22px;
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
}
.xyz-exam-overview-card-title {
display: flex;
flex-direction: column;
color: #ffffff;
font-size: 18px;
font-weight: 700;
letter-spacing: 0.5px;
line-height: 1.3;
}
.xyz-exam-overview-card-badges {
display: flex;
gap: 8px;
flex-shrink: 0;
margin-top: 2px;
}
.xyz-exam-overview-badge {
background: rgba(255, 255, 255, 0.18);
border: 1.5px solid rgba(255, 255, 255, 0.55);
border-radius: 7px;
padding: 6px 12px;
text-align: center;
min-width: 54px;
color: #ffffff;
}
.xyz-exam-overview-badge-number {
display: block;
font-size: 20px;
font-weight: 700;
line-height: 1.1;
}
.xyz-exam-overview-badge-label {
display: block;
font-size: 11px;
font-weight: 400;
opacity: 0.9;
margin-top: 1px;
}
.xyz-exam-overview-card-subtitle {
background: #c0392b;
color: #ffffff;
font-size: 20px;
font-weight: 600;
padding: 10px 22px 18px 22px;
}
/* ---- Sections List ---- */
.xyz-exam-overview-sections-list {
padding: 6px 0;
background: #ffffff;
}
.xyz-exam-overview-section-item {
display: flex;
align-items: center;
gap: 14px;
padding: 14px 22px;
border-bottom: 1px solid #f0f0f0;
transition: background 0.15s ease;
}
.xyz-exam-overview-section-item:last-child {
border-bottom: none;
}
.xyz-exam-overview-section-item:hover {
background: #fafafa;
}
/* Colored circle icons */
.xyz-exam-overview-section-icon {
width: 36px;
height: 36px;
border-radius: 50%;
flex-shrink: 0;
}
.xyz-exam-overview-icon-blue { background: #aecbf0; }
.xyz-exam-overview-icon-green { background: #a8ddb5; }
.xyz-exam-overview-icon-yellow { background: #f9d56e; }
.xyz-exam-overview-section-info {
flex: 1;
min-width: 0;
}
.xyz-exam-overview-section-name {
font-size: 14.5px;
font-weight: 600;
color: #1a1a1a;
line-height: 1.3;
}
.xyz-exam-overview-section-tags {
font-size: 12px;
color: #888888;
margin-top: 3px;
}
.xyz-exam-overview-section-count {
font-size: 18px;
font-weight: 700;
color: #1a1a1a;
flex-shrink: 0;
}
/* ---- Footer ---- */
.xyz-exam-overview-card-footer {
padding: 12px 22px 16px 22px;
background: #f9f9f9;
border-top: 1px solid #efefef;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 6px;
}
.xyz-exam-overview-footer-note {
font-size: 12px;
color: #aaaaaa;
}
.xyz-exam-overview-footer-total {
font-size: 13px;
font-weight: 600;
color: #444444;
text-align: right;
}
/* ---- Responsive ---- */
@media (max-width: 480px) {
.xyz-exam-overview-card {
max-width: 100%;
}
.xyz-exam-overview-card-header {
flex-direction: column;
gap: 14px;
}
.xyz-exam-overview-card-badges {
align-self: flex-end;
}
}
/* MRO PAGE ENDS */
.f-weight-500 {
font-weight: 500 !important;
}
.f-weight-600 {
font-weight: 600 !important;
}
.programme-nav-wrappper {
position: absolute;
width: clamp(130px, 104.77px + 3.92vw, 180px);
bottom: clamp(110px, 96.46px + 1.75vw, 130px);
left: 50%;
transform: translateX(-50%);
}
.similar-nav-wrappper {
position: absolute;
width: clamp(130px, 104.77px + 3.92vw, 180px);
bottom: -36px;
left: 50%;
transform: translateX(-50%);
}
ul.empty-last-li li:last-child {
list-style: none !important;
}
ul.empty-last-li li:last-child::marker {
content: "";
}
.event-card-body a.full-custom-primary-button {
background: transparent;
background-color: transparent;
border: 1px solid #BD2125;
}
.event-card-body a.full-custom-primary-button .btn-text {
color: #222;
}
.event-card-body:hover a.full-custom-primary-button .btn-text {
color: #fff;
}
.event-card-body span.full-custom-primary-button-icon {
background-color: #BD2126;
background-image: url(/wp-content/uploads/2026/01/arrow-white.svg) !important;
}
.event-card-body:hover span.full-custom-primary-button-icon {
background-color: #BD2126;
background-image: url(/wp-content/uploads/2026/04/blue-arrow-1.svg) !important;
}
.event-card-body:hover a.full-custom-primary-button::before {
display: none;
}
.event-card-body:hover a.full-custom-primary-button:hover span.full-custom-primary-button-icon {
background-color: #fff;
background-image: url(/wp-content/uploads/2026/04/blue-arrow-1.svg) !important;
}
.mobile-ham-menu .fusion-menu.awb-menu__main-ul.awb-menu__main-ul_row {
margin-top: 16px;
}
.home-for-mobile {
display: none !important;
}
#menu-primary-menu .awb-menu__sub-li:hover {
background: #dde8f6;
background-color: #dde8f6;
}
#main-top-menu a.fusion-button.main-primary-button {
padding: 6px 6px 6px 22px;
}
.text-white {
color; #FFF !important;
}
/* Force hide the button whenever the style attribute is set to display: none */
.fusion-load-more-button[style*="display: none"] {
display: none !important;
}
/* Optional: Hide the button container if it's empty after AJAX runs */
.fusion-posts-container + .fusion-load-more-button:empty {
display: none !important;
}
.fusion-image-element img[title] {
pointer-events: none;
}
/* ============= Fresh Join Us ============== */
.fusion-fullwidth.fresh-join-us-section-container {
background-image: url(/wp-content/uploads/2026/04/join-us-ug.webp), url(/wp-content/uploads/2026/01/join-us-bg-back.webp);
background-position:
clamp(-299px, calc(-299px + 299 * ((100vw - 768px) / 1152)), 0px)
100%,
center center; /* second image */
background-size: clamp(1477px, 969.32px + 49.52vw, 1920px), /* size for image1 */ cover;
background-repeat: no-repeat, /* image1 */ no-repeat;
}
@media(max-width: 1024px) {
.fusion-fullwidth.fresh-join-us-section-container {
background-size: clamp(783px, 281.22px + 116.67vw, 1477px), /* size for image1 */ cover;
background-position: clamp(-299px, calc(-299px + 299 * ((100vw - 768px) / 1152)), 0px) 104%, 100% 100%;
}
}
@media(max-width: 400px) {
.fusion-fullwidth.fresh-join-us-section-container {
background-position: 75% 101%, center center;
}
}
/* Create relative context on the parent container */
.cutsom-programme-shared-icons {
display: none !important;
position: absolute;
left: 80px;
top: 50%;
transform: translateY(-50%);
z-index: 9999;
width: auto !important;
background: #fff !important;
border-radius: 30px !important;
padding: 12px 10px !important;
border: 1.5px solid #0B4696 !important;
margin: 0px !important;
}
.cutsom-programme-shared-icons .fusion-sharing-box {
border: 2px solid red !important;
}
.cutsom-programme-shared-icons.share-visible {
display: flex !important;
flex-direction: column;
align-items: center;
animation: fadeIn 0.2s ease;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(-50%) translateX(-8px); }
to { opacity: 1; transform: translateY(-50%) translateX(0); }
}
/* Hide Avada's title/tagline */
.cutsom-programme-shared-icons h4,
.cutsom-programme-shared-icons .fusion-sharing-box-tagline {
display: none !important;
}
/* Stack icons vertically */
.cutsom-programme-shared-icons .fusion-social-networks {
display: flex !important;
flex-direction: column !important;
gap: 6px !important;
align-items: center !important;
}
.cutsom-programme-shared-icons .fusion-social-networks span a {
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 50%;
transition: background 0.2s, transform 0.15s;
}
.cutsom-programme-shared-icons .fusion-social-networks span a:hover {
transform: scale(1.15);
background: #f0f0f0;
}
/* Wrapper needs relative positioning */
#shareToggle {
cursor: pointer;
position: relative;
}
.video-cont {
height: 80vh;
}
.awb-menu__main-li_regular:hover .awb-menu__main-a_regular {
color: #BD2126;
}
.footer-quick-link-menu ul.fusion-menu li {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 10px 0px;
}
#menu-primary-menu ul.awb-menu__sub-ul.awb-menu__sub-ul_grand {
box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px !important;
}
/* Search Page */
body.search section.avada-page-titlebar-wrapper {
border: 2px solid red !important;
display: none !important;
}
body.search main {
padding: 0px !important;
/* display: none !important; */
}
.brand-logo-mobile img {
height: 50px;
width: 182px;
max-width: 182px;
}
nav.mobile-ham-menu {
max-width:40px;
}
nav.mobile-ham-menu button {
display: flex !important;
}
/* Bread Crumb CSS */
span.sep {
/* border: 2px solid red; */
}
.cdoe-breadcrumb {
display: flex;
align-items: center;
gap: 6px;
}
.cdoe-breadcrumb a {
font-size: clamp(12px, 10.7px + 0.28vw, 16px);
color: #515151;
}
.cdoe-breadcrumb .current {
font-size: clamp(12px, 10.7px + 0.28vw, 16px);
color: #515151;
}
.cdoe-breadcrumb span {
color: #515151;
}
.cdoe-breadcrumb__list {
list-style: none;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
padding: 0;
margin: 0;
}
.cdoe-breadcrumb__link {
color: red;
}
.cdoe-breadcrumb__current {
color: blue;
}
.cdoe-breadcrumb__separator {
color: red;
}
.cdoe-breadcrumb__item {
display: flex;
align-items: center;
gap: 6px;
font-size: clamp(12px, 10.7px + 0.28vw, 16px);
}
/* Menu */
.fusion-layout-column.header-menu-bottom-main nav ul{
/* max-height: 50px; */
/* min-height: 50px; */
}
.menu-date {
color: #0B4696;
font-weight: 600;
}
.d-none {
display: none !important;
}
/* .swiper-button-next,
.swiper-button-prev {
border: 1px solid #D0DCEE;
background-color: #0B4696;
border-radius: 50%;
width: 60px;
height: 60px;
} */
.swiper-button-next.nav-btn--active,
.swiper-button-prev.nav-btn--active {
background-color: #0B4696 !important;
border-color: #0B4696 !important;
color: #ffffff !important;
background-image: url(/wp-content/uploads/2026/03/right-arrow-white.svg) !important;
/* background-size: 10px !important; */
background-repeat: no-repeat !important;
background-position: center !important;
}
/* Top Menu */
.fusion-fullwidth.top-menu-container {
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.awb-menu.nav-top-menu ul li {
padding-right: clamp(16px, calc(16px + 24 * ((100vw - 1025px) / 895)), 40px);
padding-left: clamp(16px, calc(16px + 24 * ((100vw - 1025px) / 895)), 40px);
font-size: clamp(14px, calc(14px + 2 * ((100vw - 430px) / 1490)), 16px);
color: #222;
line-height: 1.5;
font-size: clamp(14px, calc(14px + 2 * ((100vw - 1025px) / 895)), 16px) !important;
}
.awb-menu.nav-top-menu ul li:hover a {
color: #bd2125 !important;
}
/* First item → no left padding */
.awb-menu.nav-top-menu ul li:first-child {
padding-left: 0;
}
/* Last item → no right padding */
.awb-menu.nav-top-menu ul li:last-child {
padding-right: 0;
}
.awb-menu.nav-top-menu ul li:not(:last-child) {
position: relative;
}
.awb-menu.nav-top-menu ul li:not(:last-child)::after {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
height: 15px;
width: 1px;
background-color: rgba(34, 34, 34, 0.3);
}
.top-menu-search .searchform .fusion-search-form-content .fusion-search-button input[type=submit] {
border-radius: 50% !important;
background-color: #BD2126;
}
.top-menu-search .fusion-search-form-content {
border: 1px solid #C0C0C0;
padding: 5px;
}
.fusion-search-element.top-menu-search {
width: 400px;
min-width: clamp(230px, calc(230px + 170 * ((100vw - 1025px) / 895)), 400px);
}
/* Top Menu */
.fusion-toggle-heading .highlight-faq {
color: #BD2125;
}
/* CDOE Evenets */
.fusion-fullwidth.cdoe-banner {
background-image: url("/wp-content/uploads/2026/04/Banner.webp");
background-size: cover;
background-position: right;
background-repeat: no-repeat;
}
.fusion-fullwidth.cdoe-banner::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to right, #000000 0%, #000000 10%, transparent 70%);
pointer-events: none;
z-index: 1;
}
/* ================= GLASS OVERLAY ================= */
div.event-card-body p.event-video-title {
font-size:clamp(18px, calc(18px + 2 * ((100vw - 430px) / 1490)), 20px);
color: #BD2125;
margin: 0px 0px 10px 0px;
font-weight: 600;
line-height: 1.5;
}
div.event-card-body p.event-date {
font-size: clamp(14px, calc(14px + 4 * ((100vw - 430px) / 1490)), 18px);
color:#0B4696;
margin: 0px 0px 10px 0px;
font-weight: 600;
line-height: 1.5;
}
div.event-card-body h3.event-title {
font-size: clamp(14px, calc(14px + 4 * ((100vw - 430px) / 1490)), 18px);
line-height: 1.5;
color: #222;
margin: 0px;
margin-bottom: 24px;
}
/* ================= GRID ================= */
.event-archive-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 20px;
align-items: stretch;
}
/* ================= CARD ================= */
.event-archive-item {
width: 100%;
min-width: 0;
background-color: #FFFEFA;
border: 1px solid #CFCFCF;
border-radius: 30px;
padding: 10px;
display: flex;
flex-direction: column;
}
.event-archive-item:hover {
background-color: #0B4696;
}
.event-archive-item:hover div.event-card-body p.event-video-title {
color: #F1C82A;
}
.event-archive-item:hover div.event-card-body p.event-date {
color: #fff;
}
.event-archive-item:hover div.event-card-body h3.event-title {
color: #fff;
}
.event-archive-item:hover a.full-custom-primary-button {
border: 1px solid #fff;
background-color: transparent;
}
.event-archive-item:hover a.full-custom-primary-button:hover {
border: 1px solid #fff;
}
.event-archive-item:hover span.full-custom-primary-button-icon {
background-color: #fff;
background-image: url(/wp-content/uploads/2026/04/blue-arrow.svg);
}
.event-archive-item:hover .video-thumbnail::after {
backdrop-filter: blur(0px);
}
/* ================= VIDEO WRAP ================= */
.event-video-wrap {
position: relative;
width: 100%;
aspect-ratio: 16 / 9;
overflow: hidden;
border-radius: 30px;
margin-bottom: 20px;
}
/* ================= THUMBNAIL ================= */
.video-thumbnail {
position: relative;
cursor: pointer;
}
/* image */
.event-video-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.4s ease;
}
/* ================= OVERLAY + BLUR ================= */
.video-thumbnail::after {
content: '';
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.3);
backdrop-filter: blur(1px);
-webkit-backdrop-filter: blur(5px);
border-radius: 30px;
transition: all 0.3s ease;
}
/* REMOVE overlay AFTER CLICK */
.video-thumbnail.loaded::after {
opacity: 0;
pointer-events: none;
}
/* ================= PLAY BUTTON ================= */
.play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(1);
width: 60px;
height: 60px;
background: #fff; /* white circle */
border-radius: 50%;
z-index: 2;
transition: all 0.3s ease;
}
/* triangle icon */
.play-button::before {
content: '';
position: absolute;
left: 22px;
top: 18px;
border-style: solid;
border-width: 12px 0 12px 18px;
border-color: transparent transparent transparent #000; /* black triangle */
}
/* ================= HOVER ================= */
.video-thumbnail:hover img {
/* transform: scale(1.05); */
}
.video-thumbnail:hover .play-button {
/* transform: translate(-50%, -50%) scale(1.1); */
/* background: rgba(0,0,0,0.8); */
}
.video-thumbnail:hover::after {
/* background: rgba(0, 0, 0, 0.4); */
}
/* ================= IFRAME ================= */
.event-video-wrap iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
border-radius: 30px;
}
/* ================= CARD BODY ================= */
.event-card-body {
flex: 1;
display: flex;
flex-direction: column;
}
.event-view-detail {
margin-top: auto;
}
/* ================= MOBILE FIX ================= */
@media (hover: none) {
.video-thumbnail:hover img {
transform: none;
}
}
/* ================= RESPONSIVE ================= */
@media (max-width: 1200px) {
.event-archive-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 1024px) {
.event-archive-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
.event-archive-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 480px) {
.event-archive-grid {
grid-template-columns: 1fr;
}
}
/* Trigger button hover when parent card is hovered */
.cdoe-event-term-card div.fusion-column-wrapper:hover a.fusion-button.click-to-view-button {
color: #fff !important;
border-color: #0B4696;
}
/* Trigger sliding background */
.cdoe-event-term-card div.fusion-column-wrapper:hover a.fusion-button.click-to-view-button::before {
transform: scaleY(1);
}
/* Text color change */
.cdoe-event-term-card div.fusion-column-wrapper:hover a.fusion-button.click-to-view-button span.fusion-button-text {
color: #fff !important;
}
/* Icon hover effect */
.cdoe-event-term-card div.fusion-column-wrapper:hover a.fusion-button.click-to-view-button i.fa-arrow-down {
background: #fff;
color: #BD2126;
}
.cdoe-event-term-card div.fusion-column-wrapper {
height: clamp(161px, 13vw, 250px);
max-height: clamp(161px, 13vw, 250px);
}
.cdoe-event-term-card {
/* border: 1px solid red; */
/* padding: 0px 20px !important; */
}
.cdoe-event-term-card div.fusion-column-wrapper:hover {
background-color: #0B4696;
color: #fff !important;
}
.cdoe-event-term-card div.fusion-column-wrapper:hover .cdoe-title h3.fusion-title-heading {
color: #fff !important;
}
/* Trigger button hover when card is hovered */
.cdoe-event-term-card div.fusion-column-wrapper:hover .view-button::before {
transform: scaleX(1);
}
.cdoe-event-term-card div.fusion-column-wrapper:hover .view-button .fusion-button-text {
color: #fff;
}
.cdoe-event-term-card div.fusion-column-wrapper:hover .view-button i.fa-arrow-down {
background: #fff;
color: #BD2126;
}
.cdoe-event-term-card div.fusion-column-wrapper a.view-button {
max-height: clamp(44px, 2.6vw, 50px);
padding-right: 2px !important;
padding-top: 5px !important;
padding-bottom: 5px !important;
font-size: clamp(14px, 0.85vw, 16px) !important;
white-space: nowrap;
}
.no-break {
white-space: nowrap;
}
/* --- SCROLLBAR STYLING --- */
.scroll-container {
/* border: 2px solid green; */
overflow: auto;
}
/* 1. Overall width of the scrollbar area */
.scroll-container::-webkit-scrollbar {
width: 5px;
}
/* 2. The Track: Creates the thin vertical gray line */
.scroll-container::-webkit-scrollbar-track {
background: linear-gradient(
to right,
transparent 1.5px,
#6d6e72 1.5px,
#6d6e72 2.5px,
transparent 2.5px
);
}
/* 3. The Thumb: The blue rounded bar */
.scroll-container::-webkit-scrollbar-thumb {
background-color: #0B4696;
border-radius: 10px;
/* Adjusting thickness: if you want it wider than the line,
increase the scrollbar width above and use 'border' here
to add padding if necessary. */
}
#more-content {
display: none;
}
#read-btn {
background: none;
border: none;
padding: 0;
color: #555;
cursor: pointer;
font-weight: 700;
text-decoration: underline;
font-family: inherit;
font-size: 14px;
display: block;
margin-top: 5px;
transition: opacity 0.3s ease;
}
#read-btn:hover {
opacity: 0.7;
}
.footer-read-more p {
margin-bottom: 5px !important;
display: inline;
}
ul.faq-list {
margin: 8px 0px;
}
/* Online BBA */
.fusion-fullwidth.recognition-and-rankings-container.award-and-ranking-bba::before {
display: none !important;
}
.fusion-fullwidth.short-duration-specialization.ba-hons-specilization .specialization-card-description {
max-width: 100%;
}
span.ba-hons-img img {
/* border: 2px solid red; */
}
.fee-box-h {
height: 100%;
}
.fusion-fullwidth.sdp-bundle-container .specialization-card .specialization-card-title {
max-width: 80%;
margin-bottom: 10px;
}
.fusion-fullwidth.sdp-bundle-container .specialization-card .specialization-card-description {
max-width: 80%;
}
.fusion-fullwidth.sdp-bundle-container .specialization-card:hover .specialization-card-title {
transform: unset;
}
.fusion-fullwidth.sdp-bundle-container .specialization-card:hover .specialization-card-description {
transform: unset;
}
.fusion-fullwidth.career-support-container .specialization-card:hover .specialization-card-description {
transform: unset;
}
.fusion-fullwidth.career-support-container .specialization-card:hover .specialization-card-title {
transform: unset;
}
.fusion-fullwidth.bca-knowledge-partners-container .logo-slider-block .swiper-slide img {
filter: grayscale(0);
}
.fusion-fullwidth.tech-covered .logo-slider-block .swiper-slide img {
filter: grayscale(0);
}
.fusion-fullwidth.bca-knowledge-partners-container .logo-slider-block-padding {
padding: 0px clamp(0px, -96.44px + 15.03vw, 192px);
border: 1px solid #fff !important;
}
.fusion-fullwidth.bca-knowledge-partners-container .logo-slider-block-padding .swiper {
border-left: 1px solid #ddd;
}
span.aicte-logo img {
max-width: clamp(104px, calc(104px + 53 * ((100vw - 430px) / 1490)), 157px);
height: clamp(80px, calc(80px + 40 * ((100vw - 430px) / 1490)), 120px);
}
span.top-11-logo img {
max-width: clamp(104px, calc(104px + 113 * ((100vw - 430px) / 1490)), 217px);
height: clamp(80px, calc(80px + 40 * ((100vw - 430px) / 1490)), 120px);
}
.ug-programmes-client-carousel-container .client-slide {
/* max-height: clamp(74px, calc(74px + 76 * ((100vw - 430px) / 1490)), 150px); */
max-height: clamp(70px, 61.17px + 2.03vw, 100px);
}
.ug-programmes-client-carousel-container .hiring-partners-2 .swiper {
/* border: 2px solid red; */
height: auto;
}
.ug-programmes-client-carousel-container .hiring-partners-1 .swiper {
/* border: 2px solid red; */
height: auto;
margin-bottom: 0px;
padding-bottom: 20px;
}
.ug-programmes-client-carousel-container .hiring-partners-1 .swiper img {
max-width: 90%;
max-height: 90%;
}
.ug-programmes-client-carousel-container .hiring-partners-2 .swiper img {
max-width: 90%;
max-height: 90%;
}
/* Make column relative */
.program-benefit-cardd {
position: relative;
overflow: hidden;
border: 2px solid red;
}
.program-benefit-card {
position: relative;
overflow: hidden;
height: clamp(280px, calc(280px + 32 * ((100vw - 992px) / 928)), 312px);
min-height: clamp(280px, calc(280px + 32 * ((100vw - 992px) / 928)), 312px);
}
span.test-img {
border: 2px solid red;
position: absolute;
right: 0px;
top: 0px;
}
div.fusion-text.program-benefit-card-desc-1{
max-width: clamp(260px, 19vw, 366px);
}
div.fusion-text.program-benefit-card-desc-2{
max-width: clamp(199px, 22vw, 416px);
}
div.fusion-text.program-benefit-card-desc-3{
max-width: clamp(199px, 19vw, 364px);
}
div.fusion-text.program-benefit-card-desc-4{
max-width: clamp(184px, 17vw, 331px);
}
/* Add hover image */
.program-benefit-card::after {
content: "";
position: absolute;
/* top: 50%; */
/* top: clamp(88px, calc(88px + 77 * ((100vw - 1025px) / 895)), 165px); */
/* top: clamp(130px, calc(130px + 35 * ((100vw - 992px) / 928)), 165px); */
top: clamp(138px, calc(138px + 27 * ((100vw - 992px) / 928)), 165px);
transform: translateY(-50%) !important;
right: 0;
/* width: clamp(174px, 18vw, 350px); */
/* min-width: clamp(173px, calc(173px + 177 * ((100vw - 992px) / 928)), 350px); */
/* width: 100%; */
/* height: 230px; */
min-width: 400px;
height: clamp(140px, calc(140px + 140 * ((100vw - 992px) / 928)), 280px);
background-size: contain;
background-repeat: no-repeat;
background-position: bottom right;
opacity: 0;
/* opacity: 1; */
transform: translate(20px, 20px);
transition: all 0.4s ease;
pointer-events: none;
z-index: 99;
/* top: clamp(74px, calc(74px + 92 * ((100vw - 992px) / 928)), 166px); */
}
.program-benefit-card-1-img::after {
background-image: url(/wp-content/uploads/2026/03/expert-faculty.png);
}
.program-benefit-card-2-img::after {
background-image: url(/wp-content/uploads/2026/03/carrear-support.webp);
}
.program-benefit-card-3-img::after {
background-image: url(/wp-content/uploads/2026/03/real-life.webp);
}
.program-benefit-card-4-img::after {
background-image: url(/wp-content/uploads/2026/03/lms.webp);
}
/* BCOM Images */
.program-benefit-card-1-bcom-img::after {
background-image: url(/wp-content/uploads/2026/04/real-world-bcom.webp);
}
.program-benefit-card-2-bcom-img::after {
background-image: url(/wp-content/uploads/2026/04/career-support-bcom.webp);
}
.program-benefit-card-3-bcom-img::after {
background-image: url(/wp-content/uploads/2026/04/lms-24-bcom.webp);
}
/* BCA Images */
.program-benefit-card-1-bca-img::after {
background-image: url('/wp-content/uploads/2026/04/Mask-group-93.png');
}
.program-benefit-card-2-bca-img::after {
background-image: url(/wp-content/uploads/2026/04/Mask-group-92.png);
}
.program-benefit-card-3-bca-img::after {
background-image: url(/wp-content/uploads/2026/04/Mask-group-94.png);
}
.program-benefit-card-4-bca-img::after {
background-image: url(/wp-content/uploads/2026/04/Mask-group-95.png);
}
/* BA Hons Eng */
.program-benefit-card-1-ba-eng-img::after {
background-image: url('/wp-content/uploads/2026/04/Mask-group-97.webp');
}
.program-benefit-card-2-ba-eng-img::after {
background-image: url(/wp-content/uploads/2026/04/Mask-group-98.webp);
}
.program-benefit-card-3-ba-eng-img::after {
background-image: url(/wp-content/uploads/2026/04/Mask-group-99.webp);
}
/* MCA */
.program-benefit-card-1-mca-img::after {
background-image: url('/wp-content/uploads/2026/04/385x288.webp');
}
.program-benefit-card-2-mca-img::after {
background-image: url(/wp-content/uploads/2026/04/385x288.webp);
}
.program-benefit-card-3-mca-img::after {
background-image: url(/wp-content/uploads/2026/04/385x288.webp);
}
.program-benefit-card-4-mca-img::after {
background-image: url(/wp-content/uploads/2026/04/385x288.webp);
}
/* BA Hons */
.program-benefit-card-1-bahons-img::after {
background-image: url(/wp-content/uploads/2026/04/real-world-bcom.webp);
}
.program-benefit-card-2-bahons-img::after {
background-image: url(/wp-content/uploads/2026/04/lms-24-bcom.webp);
}
.program-benefit-card-3-bahons-img::after {
background-image: url(/wp-content/uploads/2026/04/career-support-bcom.webp);
}
/* Show on hover */
.program-benefit-card:hover::after {
opacity: 1;
transform: translate(0, 0);
}
@media(max-width: 991px) {
div.fusion-layout-column.program-benefit-card {
width: 100%;
}
.program-benefit-card::after {
/* bottom: 0; */
top: 90px;
/* transform: unset !important; */
opacity: 1;
}
}
@media(max-width: 640px) {
/* .program-benefit-card::after {
border: 1px solid red;
top: 40px;
transform: translatey(-50%) !important;
} */
}
@media(max-width: 575px){
.program-benefit-card::after {
/* border: 4px solid blue; */
top: 93px;
height: 114px;
}
}
@media(max-width: 400px){
.program-benefit-card::after {
max-width: 150px;
}
.fusion-fullwidth.elevate-succeed-main-container {
padding-top: 35px;
}
}
.fusion-fullwidth.eligibility-and-class-info-container {
background-image: url(/wp-content/uploads/2026/03/Mask-group-73.webp);
background-position: center right;
background-size: cover;
background-repeat: no-repeat;
position: relative;
overflow: hidden;
}
.fusion-fullwidth.eligibility-and-class-info-container::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(
to top right,
rgba(0, 0, 0, 0.85) 0%, /* Strong black at bottom-left */
rgba(0, 0, 0, 0.6) 30%,
rgba(0, 0, 0, 0.3) 55%,
rgba(0, 0, 0, 0) 75% /* Fade out */
);
z-index: 1;
}
/* Make sure content stays above overlay */
.fusion-fullwidth.eligibility-and-class-info-container > * {
position: relative;
z-index: 2;
}
.eligibility-and-class-toggle {
}
.eligibility-and-class-info-column .accordian.eligibility-and-class-toggle-1 {
max-width: 360px;
top: 187px;
position: absolute;
}
.eligibility-and-class-info-column .accordian.eligibility-and-class-toggle-2{
max-width: 400px;
top: 430px;
position: absolute;
left: 50%;
transform: translatex(-50%);
}
.eligibility-and-class-info-column .accordian.eligibility-and-class-toggle-3{
max-width: 400px;
top: 110px;
position: absolute;
right: 10%;
}
.postid-3013 .eligibility-and-class-info-column .accordian.eligibility-and-class-toggle-4{
max-width: 360px;
top: 580px;
position: absolute;
right: 10%;
}
/* .postid-3097 .eligibility-and-class-info-column .accordian.eligibility-and-class-toggle-1 {
max-width: 360px;
top: 87px;
position: absolute;
} */
@media(max-width: 991px) {
/* .postid-3013 .fusion-fullwidth.eligibility-and-class-info-container {
min-height: 1000px;
border: 2px solid red;
}
.postid-3013 .eligibility-and-class-info-column .accordian.eligibility-and-class-toggle-4 {
top: 760px;
} */
}
.eligibility-and-class-toggle .fusion-panel .panel-heading .panel-title a {
border-bottom: unset;
border: 1px solid #F1C82A;
white-space: nowrap;
border-radius: 30px;
overflow: hidden;
background-color: rgba(0, 0, 0, 0.2);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
padding: 0px !important;
align-items: center;
line-height: 0;
padding-left: clamp(28px, 2vw + 8px, 36px) !important;
}
.eligibility-and-class-toggle .fusion-panel:hover
.fusion-toggle-icon-wrapper::before {
transform: rotate(45deg); /* or 180deg if you want full rotate */
}
.eligibility-and-class-toggle .fusion-toggle-icon-wrapper i {
display: none !important;
}
.eligibility-and-class-toggle .fusion-toggle-icon-wrapper::before {
content: "";
display: inline-block;
width: clamp(47px, 3vw + 5px, 60px);
height: clamp(47px, 3vw + 5px, 60px);
background-image: url(/wp-content/uploads/2026/01/plus.svg);
background-size: clamp(25px, 1.8vw + 5px, 32px);
background-repeat: no-repeat;
transition: transform 0.3s ease;
background-color: #F1C82A;
border-radius: 50%;
background-position: center;
}
.eligibility-and-class-toggle div.panel-body {
border: 1px solid #F1C82A;
border-top: 0px;
border-radius: 30px;
background-color: rgba(0, 0, 0, 0.2);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
padding: clamp(28px, 2vw + 8px, 36px);
padding-right: 16px;
color: #fff;
}
.eligibility-and-class-toggle div.panel-body p {
margin: 0px;
}
@media(max-width: 1699px) {
.eligibility-and-class-info-column .accordian.eligibility-and-class-toggle-3{
right: 0;
top: 45px;
}
}
@media(max-width: 991px) {
.eligibility-and-class-info-column .accordian.eligibility-and-class-toggle-1 {
top: 526px;
right: 0px;
}
.eligibility-and-class-info-column .accordian.eligibility-and-class-toggle-2{
top: 369px;
}
.eligibility-and-class-info-column .accordian.eligibility-and-class-toggle-3{
top: 45px;
left: 0;
}
}
@media(max-width: 640px) {
.fusion-fullwidth.eligibility-and-class-info-container {
background-image: url(/wp-content/uploads/2026/03/Frame-1621507225.webp);
}
}
.fusion-fullwidth.overview-and-structure {
background-image: url("/wp-content/uploads/2026/01/Group-1597883370-1.webp");
background-size: clamp(430px, calc(430px + 398 * ((100vw - 1025px) / 895)), 828px);
background-position: right 0px bottom clamp(0px, calc(140 * ((1920px - 100vw) / (1920 - 1025))), 140px);
background-repeat: no-repeat;
}
.course-structure-tabs {
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
/* border: 2px solid red; */
max-width: 994px;
/* border-radius: clamp(12px, 1.56vw, 30px); */
border-radius: clamp(24px, calc(24px + 6 * ((100vw - 641px) / (1920 - 641))), 30px);
overflow: hidden;
background-image: url("wp-content/uploads/2026/01/Group-1597883370-1.webp");
}
.course-structure-tabs .tab-content .tab-pane {
background-color: transparent;
}
@media (max-width: 1024px) {
.course-structure-tabs {
/* border: 2px solid red; */
overflow: visible;
max-width: 100%;
}
.overview-and-structure-btn-column .fusion-column-wrapper {
justify-content: center !important;
}
}
@media (max-width: 640px) {
.course-structure-tabs {
box-shadow: unset;
}
.semester-1-list {
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
border-radius: clamp(12px, 1.56vw, 30px);
}
.course-structure-tabs div.nav ul.nav-tabs {
margin-bottom: 16px;
}
.overview-and-structure-btn-column .fusion-column-wrapper {
flex-wrap: nowrap !important;
}
}
.course-structure-tabs div.nav ul.nav-tabs li a.tab-link {
border: 1px solid rgba(11, 70, 150, 0.5);
background-color: #fff;
/* max-width: 152px; */
}
.course-structure-tabs div.nav ul.nav-tabs {
display: grid;
background-color: transparent;
grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
gap: clamp(
6px,
calc(6px + (16 - 6) * ((100vw - 1200px) / (1920 - 1200))),
16px
);
}
@media (max-width: 1199px){
.course-structure-tabs div.nav ul.nav-tabs {
grid-template-columns: repeat(3, 1fr);
}
}
.course-structure-tabs div.nav ul.nav-tabs li {
width: 100%;
}
.course-structure-tabs div.nav ul.nav-tabs:before {
display: none;
}
.course-structure-tabs div.nav ul.nav-tabs:after {
display: none;
}
.course-structure-tabs div.nav ul.nav-tabs li a.tab-link h4 {
white-space: nowrap;
}
.course-structure-tabs div.nav ul.nav-tabs li.active a.tab-link {
border: 1px solid #0B4696 !important;
background-color: #0B4696;
color: #fff !important;
}
.course-structure-tabs.fusion-tabs.classic .nav-tabs > li.active > .tab-link,
.course-structure-tabs.fusion-tabs.classic .nav-tabs > li.active > .tab-link:hover {
border: 1px solid #0B4696 !important;
}
.course-structure-tabs div.nav ul.nav-tabs li.active a.tab-link h4 {
color: #fff;
}
.semester-1-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
align-content: start;
gap: 20px 32px;
list-style: none;
padding: 26px 15px 23px 15px;
margin: 0;
min-height: 340px;
height: 340px;
/* border: 2px solid red; */
overflow-y: auto;
}
.semester-1-list li p {
margin: 0px;
}
/* 3. Styling for Chrome, Edge, and Safari (Webkit) */
ul.semester-1-list::-webkit-scrollbar {
width: 8px; /* Width of the scrollbar */
}
ul.semester-1-list::-webkit-scrollbar-track {
background: #ffffff;
border-radius: 10px;
/* Adding a slight shadow like in your screenshot */
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
}
ul.semester-1-list::-webkit-scrollbar-thumb {
background-color: #0d47a1; /* The blue color from your UI */
border-radius: 10px; /* Makes it look like a pill/capsule */
border: 2px solid #ffffff; /* Adds a little gap around the blue thumb */
}
/* Hover effect for the scrollbar */
ul.semester-1-list::-webkit-scrollbar-thumb:hover {
background-color: #0a3d8a;
}
.semester-1-list li {
position: relative;
padding-left: 25px;
color: #000;
line-height: 1.5;
font-size: clamp(14px, 0.83vw, 16px);
}
.semester-1-list li::before {
content: "";
position: absolute;
left: 0;
top: 4px;
width: 17px;
height: 16px;
background-image:url(/wp-content/uploads/2026/02/leaf-logo.svg);
border-radius: 2px;
}
.fusion-fullwidth.succeed-growth-thrive-container {
height: clamp(517px, 41.15vw, 790px);
background-image:
url("/wp-content/uploads/2026/02/succeed-growth-thrive-bg-top.webp"),
url("/wp-content/uploads/2026/02/succeed-growth-thrive-bg-bottom.webp");
background-size:
contain, /* top image */
cover; /* bottom image */
background-position:
center bottom, /* top image */
center center; /* bottom image */
background-repeat:
no-repeat,
no-repeat;
}
@media (max-width: 640px) {
ul.semester-1-list {
grid-template-columns: repeat(1, 1fr);
max-height: 200px !important;
}
}
.growth-box-1,
.growth-box-3 {
max-width: 250px;
width: 250px;
}
.growth-box-2 {
width: 290px;
}max-width: 290px;
border-left: 1px solid rgba(0,0,0,0.2);
border-right: 1px solid rgba(0,0,0,0.2);
}
.growth-box-icon {
}
.growth-box-icon img {
max-width: 60px;
width: clamp(
40px,
calc(40px + (60 - 40) * ((100vw - 1025px) / (1920 - 1025))),
60px
);
}
.succeed-growth-thrive-container-right div.fusion-column-wrapper div.fusion-builder-row {
justify-content: flex-start;
}
.ug-job-role-card {
position: relative;
overflow: hidden;
}
.ug-role-image img {
width: 100%;
border-radius: clamp(12px, 1.56vw, 30px);
}
.ug-role-title-span {
display: inline-block;
}
.ug-role-title {
width: 100%;
position: absolute;
bottom: 0;
}
.ug-role-title a {
font-weight: 500;
margin: 0px;
width: 100%;
color: #fff !important;
font-size: clamp(24px, 25.02px + -0.26vw, 20px) !important;
bottom: 13px;
display: flex;
align-items: center;
justify-content: space-between;
padding:
0
clamp(
8px,
calc(8px + (18 - 8) * ((100vw - 1200px) / (1920 - 1200))),
18px
)
clamp(
8px,
calc(8px + (12 - 8) * ((100vw - 1200px) / (1920 - 1200))),
12px
)
clamp(
8px,
calc(8px + (20 - 8) * ((100vw - 1200px) / (1920 - 1200))),
20px
);
transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.ug-role-arrow {
min-width: clamp(35px, 2.08vw, 40px);
min-height: clamp(35px, 2.08vw, 40px);
border-radius: 50%;
background-color: #fff;
display: inline-block;
background-image: url(/wp-content/uploads/2025/12/rightUp.svg);
background-size: contain;
background-size: 14px;
background-repeat: no-repeat;
background-position: center;
transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
margin-left: 8px;
}
.ug-role-title a:hover .ug-role-arrow {
transform: rotate(45deg); /* little rotation */
}
.growth-box-2 {
border-top: unset;
border-bottom: unset;
border-left: 1px solid rgba(0,0,0,0.2);
border-right: 1px solid rgba(0,0,0,0.2);
}
.single-main-programme #content,
.single-main-programme article.type-main-programme{
margin-bottom:0 !important;
}
@media(max-width: 1199px) {
.ug-courses-job-roles.container-padding {
padding-right: 0px !important;
}
.ug-role-title a {
font-size: 20px !important;
}
}
@media(max-width: 1024px){
.fusion-fullwidth.succeed-growth-thrive-container > .fusion-builder-row.fusion-row {
gap: 0px;
align-content: flex-start;
}
.ug-role-title a {
padding: 0px 16px 13px 22px;
}
.growth-box-2 {
max-width: 250px;
}
}
@media(max-width: 640px) {
.growth-box-1,
.growth-box-2,
.growth-box-3 {
max-width: unset;
width: unset;
}
.growth-box-1 span.d-block {
display: inline;
}
.growth-box-1 div.fusion-column-wrapper,
.growth-box-2 div.fusion-column-wrapper,
.growth-box-3 div.fusion-column-wrapper {
flex-direction: row !important;
align-items: center;
}
.growth-box-2 {
border-left: unset;
border-right: unset;
border-top: 1px solid rgba(0,0,0,0.2);
border-bottom: 1px solid rgba(0,0,0,0.2);
}
}
@media(max-width: 768px) {
.fusion-fullwidth.succeed-growth-thrive-container {
background-image:
url("/wp-content/uploads/2026/05/succeed-growth-mb.webp"),
url("/wp-content/uploads/2026/03/succeed-growth-thrive-mb-2.webp");
background-position: bottom;
/* background-position: bottom center, bottom -220px center; */
}
}
/* Online BBA */
.fusion-fullwidth.ba-hons-eng-faculty-container .swiper-wrapper {
justify-content: center;
}
div.overview-and-structure-title-desc {
max-width: clamp(922px, calc(922px + 73 * ((100vw - 1025px) / 895)), 995px);
}
.fusion-fullwidth.ug-programme-faq-container {
background-image: url('/wp-content/uploads/2026/03/faq-bg.webp');
background-size: cover;
background-repeat: no-repeat;
background-position: right bottom;
height: clamp(
887px,
calc(887px + (936 - 887) * ((100vw - 430px) / (1920 - 430))),
936px
);
max-height: clamp(
887px,
calc(887px + (936 - 887) * ((100vw - 430px) / (1920 - 430))),
936px
);
}
@media(max-width: 430px) {
.fusion-fullwidth.ug-programme-faq-container {
background-image: url(/wp-content/uploads/2025/12/faq-bottom.webp);
background-size: contain;
}
}
.fusion-fullwidth.overview-and-structure-container {
background-image: url(/wp-content/uploads/2026/03/overview-structure-bg.webp);
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
}
.semi-bold {
font-weight: 600 !important;
}
/* Hide default Avada icons */
/* .common-faq .fusion-toggle-icon-wrapper .fa-fusion-box {
display: none !important;
} */
/* Icon wrapper sizing */
/* .common-faq .fusion-toggle-icon-wrapper {
position: relative;
min-width: 40px;
height: 40px;
border: 1px solid #BD2125;
border-radius: 50%;
} */
/* Default (Closed) icon */
/* .common-faq .fusion-toggle-icon-wrapper::after {
content: "";
position: absolute;
inset: 0;
background: url("/wp-content/uploads/2026/02/acc-plus.svg") no-repeat center;
background-size: contain;
background-size: 24px;
} */
/* Active (Opened) icon */
/* .common-faq a[aria-expanded="true"] .fusion-toggle-icon-wrapper::after {
background-image: url("/wp-content/uploads/2026/02/acc-into.svg");
background-color: #BD2125;
background-size: 24px;
border-radius: 50%;
} */
/* Hide default font awesome icon */
.common-faq .fusion-toggle-icon-wrapper i::before {
display: none !important;
content: none !important;
}
/* Closed state — wrapper default */
.common-faq .fusion-toggle-icon-wrapper {
border: 1px solid #bd2125 !important;
display: flex;
justify-content: center;
align-items: center;
min-width: clamp(32px, calc(32px + (40 - 32) * ((100vw - 430px) / (1920 - 430))), 40px) !important;
min-height: clamp(32px, calc(32px + (40 - 32) * ((100vw - 430px) / (1920 - 430))), 40px) !important;
width: clamp(32px, calc(32px + (40 - 32) * ((100vw - 430px) / (1920 - 430))), 40px) !important;
height: clamp(32px, calc(32px + (40 - 32) * ((100vw - 430px) / (1920 - 430))), 40px) !important;
border-radius: 50%;
background-color: transparent;
}
/* Open state — yellow background when parent has .active class */
.common-faq a.active .fusion-toggle-icon-wrapper {
background-color: #bd2125;
}
/* Closed icon */
.common-faq .fusion-toggle-icon-wrapper i.inactive-icon {
width: clamp(19px, calc(19px + 5 * ((100vw - 430px) / 1490)), 24px);
height: clamp(19px, calc(19px + 5 * ((100vw - 430px) / 1490)), 24px);
display: inline-block;
background: url('/wp-content/uploads/2026/02/acc-plus.svg') no-repeat center;
background-size: contain;
}
/* Open icon */
.common-faq .fusion-toggle-icon-wrapper i.active-icon {
width: clamp(19px, calc(19px + 5 * ((100vw - 430px) / 1490)), 24px);
height: clamp(19px, calc(19px + 5 * ((100vw - 430px) / 1490)), 24px);
display: inline-block;
background: url('/wp-content/uploads/2026/02/acc-into.svg') no-repeat center;
background-size: contain;
}
.common-faq.fusion-accordian .panel-title a.active .fa-fusion-box {
background-color: transparent !important;
}
.common-faq.fusion-accordian .panel-title a:not(.active):hover .fa-fusion-box {
background-color: transparent !important;
}
.common-faq .panel-heading h4.panel-title a {
padding: 20px 30px 20px 40px !important;
align-items: center !important;
}
/* .common-faq .fusion-accordian .panel-title a:hover {
color: #000 !important;
} */
.common-faq div.fusion-panel {
border-radius: 20px;
overflow: hidden;
background: rgba(255, 255, 255, 0.4);
backdrop-filter: blur(40px);
border: 1px solid #919191 !important;
}
.fusion-panel .panel-title a.active {
background-color: #fff;
border-bottom: 1px solid #919191;
}
.fusion-panel .panel-heading .panel-title a {
padding-top: 22px;
padding-bottom: 22px;
}
.common-faq div.panel-body {
padding: 16px 70px 22px 40px;
}
.common-faq .panel-body p {
margin: 0px;
}
.common-faq .panel-group .fusion-panel:not(:last-child) {
margin-bottom: 20px;
}
.fusion-panel .panel-heading .panel-title a span.fusion-toggle-heading {
margin-left: 0px;
}
/* Application Process Temp */
/* Appluication Process */
.app-process-section {
color: #fff;
/* padding: 60px 20px; */
overflow: hidden;
}
.section-title {
text-align: center;
font-size: 2.2rem;
margin-bottom: 50px;
font-weight: 600;
}
.steps-container {
display: flex;
justify-content: space-between;
position: relative;
max-width: 1740px;
margin: 0 auto;
gap: 15px;
}
/* --- Desktop Horizontal Styles --- */
/* Horizontal dashed line */
.dashed-line {
position: absolute;
top: 81px;
left: 20px;
width: calc(100% - 40px);
/* border-top: 1px dashed #fff; */
z-index: 0;
background-image: url(/wp-content/uploads/2026/05/dashed-line-home.svg);
height: 2px;
}
.step-card {
flex: 1;
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
}
.step-visual {
display: flex;
align-items: flex-end;
margin-bottom: 14px;
gap: 18px;
height: 60px; /* Consistent height for icons */
}
.step-icon {
width: 45px;
height: 45px;
color: #fdb913; /* Yellow */
stroke-width: 1.5;
}
.step-number {
font-size: 3.5rem;
font-weight: 300;
line-height: 1;
color: rgba(255, 255, 255, 0.15); /* Faint transparent */
margin-left: -5px;
margin-bottom: -5px;
}
.step-dot {
/* width: 12px;
height: 12px;
background-color: #0c3b85;
border: 2px solid #fdb913;
border-radius: 50%; */
margin-left: 5px;
margin-bottom: 23px;
flex-shrink: 0;
}
.step-text {
padding-right: 10px;
max-width: 300px;
}
.step-text h3 {
font-size: 20px !important;
color: #fff;
font-weight: 700;
margin: 0px;
line-height: 1.5;
margin-bottom: 5px;
}
.step-text p {
font-size: 0.9rem;
line-height: 1.5;
color: #fff;
margin: 0;
font-size: clamp(14px, 0.94vw, 18px);
}
/* Application Process End Temp */
#main-top-menu {
/* height: clamp(60px, 5.21vw, 100px); */
/* max-height: clamp(60px, 5.21vw, 100px); */
align-items: center;
z-index: 9999 !important;
}
.brand-logo-main img {
width: clamp(182px, 12.2vw, 234px) !important;
/* height: clamp(50px, 4.32vw, 83px); */
}
.fusion-fullwidth.sticky-cta {
position: fixed !important;
z-index: 9999999 !important;
bottom: 0px;
width: 100%;
transition: opacity 0.3s ease !important;
left: 0;
}
.sticky-cta.stop-sticky { position: relative !important; /* This "unsticks" it */ bottom: auto !important; opacity: 1; /* Or use display: none if you want it to disappear completely */ pointer-events: none; /* Prevents clicking when hidden */ }
/* .fusion-fullwidth.sticky-cta {
position: fixed !important;
z-index: 9999999 !important;
bottom: 10px;
width: 100%;
opacity: 1;
transition: opacity 0.3s ease !important;
} */
/* Fade out only */
/* .sticky-cta.fade-out {
opacity: 0;
pointer-events: none;
} */
/* Final stop state */
/* .sticky-cta.stop-sticky {
position: relative !important;
bottom: auto !important;
opacity: 1;
pointer-events: none;
} */
/* Footer */
.admission-banner {
background-color: #BD2125;
height: 50px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
color: var(--white);
position: relative;
z-index: 100;
opacity: 0;
}
/* .admission-banner {
background-color: var(--main-red);
height: 50px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
color: var(--white);
position: fixed;
top: 0;
left: 0;
z-index: 100;
opacity: 0;
transform: translateY(-100%);
transition: all 0.4s ease;
} */
/* Visible state */
.admission-banner.show {
opacity: 1 !important;
/* transform: translateY(0) !important; */
}
.banner-content {
width: 100%;
display: flex;
justify-content:center;
align-items: center;
/* padding: 0 20px; */
}
.banner-left {
font-size: 15px;
flex: 1;
font-size: clamp(12px, 0.94vw, 18px);
}
.banner-left strong {
font-weight: 700;
}
.banner-center {
position: absolute;
left: 50%;
transform: translatex(-50%);
top: -9px;
}
.footer-mb-apply-now {
display: none;
}
.contact-item-img img {
width: clamp(20px, 1.67vw, 32px);
}
.ftr-apl-now {
display: none;
font-size: clamp(18px, 16.09px + 0.42vw, 24px);
color: #fff;
font-weight: 600;
line-height: 1;
}
.ftr-enq-now {
font-size: clamp(18px, 16.09px + 0.42vw, 24px);
color: #fff;
font-weight: 600;
line-height: 1;
height: 100%;
display: flex;
align-content:center;
align-items: center;
}
.enquire-btn {
cursor: pointer;
background-color: var(--dark-red);
color: var(--white);
height: 59px; /* Required height */
/* padding: 0 40px; */
text-decoration: none;
font-weight: 700;
font-size: clamp(18px, 1.25vw, 24px);
display: flex;
align-items: center;
justify-content: center;
border-radius: 0px 0px 4px 4px;
box-shadow: 0 4px 10px rgba(0,0,0,0.2);
/* This makes it stick out above and below the 50px bar */
position: relative;
z-index: 101;
transition: transform 0.2s; width: clamp(180px, 11.93vw, 229px);
max-width: clamp(180px, 11.93vw, 229px);
overflow: visible;
border: none;
padding-top: 9px;
background-color: rgb(136, 27, 30);
}
.enquire-btn::before {
content: "";
position: absolute;
left: -14px;
top: 0;
width: 14px;
height: 100%;
background: linear-gradient(to right bottom, transparent 45%, rgb(96, 15, 17) 55%) left top / 100% 9px no-repeat;
}
/* 2. RIGHT SIDE CORNERS (Top-Right and Bottom-Right) */
.enquire-btn::after {
content: "";
position: absolute;
right: -14px;
top: 0;
width: 14px;
height: 100%;
background: linear-gradient(
to bottom left,
transparent 45%,
#600F11 55%
) top right / 100% 9px no-repeat;
}
.enquire-btn a:hover {
color: #FFF;
/* transform: scale(1.05);
background-color: #a32222; */
}
.banner-right {
flex: 1;
display: flex;
align-items: center;
justify-content: flex-end;
}
.banner-right .contact-item:first-child {
padding-right: 8px;
}
.contact-item {
display: flex;
align-items: center;
gap: 10px;
font-size: clamp(12px, 0.94vw, 18px);
}
.contact-item i {
font-size: 18px;
border: 1.5px solid var(--white);
border-radius: 50%;
padding: 5px;
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
}
.contact-item a {
color: #fff;
text-decoration: none;
}
.contact-item a:hover {
color: #fff;
}
.phone-text {
display: flex;
flex-direction: column;
line-height: 1.1;
}
.phone-text .label {
font-size: 10px;
}
.phone-text .number {
/* font-weight: 600; */
font-size: clamp(12px, 0.94vw, 18px);
}
/* Responsive: Hides info on very small screens or stacks them */
@media (max-width: 768px) {
.banner-left, .banner-right {
display: none;
}
.admission-banner {
height: 60px;
}
}
.awb-menu__main-li_regular:hover {
color: #bd2125 !important;
}
/* Change main menu link hover color */
.fusion-main-menu .menu-item a:hover {
color: #bd2125 !important;
}
/* https://manavrachna.srvx.in/wp-content/uploads/2026/01/home-item.webp */
.home-menu-item {
min-width: 24px;
min-height: 24px;
justify-content: center;
align-items: center;
}
.home-menu-item .menu-text {
font-size: 0; /* hides the # */
position: relative;
padding-bottom: 5px;
}
.home-menu-item .menu-text::before {
content: "";
display: inline-block;
width: clamp(13px, 1.25vw, 24px);
height: clamp(13px, 1.25vw, 24px);
background-image: url("/wp-content/uploads/2026/01/home-item.webp");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.topExtraMenu {
border: 1px solid #0B4696 !important;
background-color: #0B4696 !important;
min-width: clamp(48px, 3.125vw, 60px);
min-height: clamp(48px, 3.125vw, 60px);
justify-content: center;
align-items: center;
padding: 0px !important;
border-radius: 50% !important;
}
.topExtraMenu .menu-text {
font-size: 0; /* hides the # */
position: relative;
}
.topExtraMenu .menu-text::before {
content: "";
display: inline-block;
width: 40px;
height: 40px;
background-image: url("https://manavrachna.srvx.in/wp-content/uploads/2026/01/topExtraMenu.svg");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.mb-16 {
margin-bottom: 16px !important;
}
.middle {
margin-left: auto !important;
margin-right: auto !important;
}
.footer-text p {
font-size: clamp(14px, 0.83vw, 16px) !important;
}
/* Ensure swiper wrapper stretches items */
.program-slider-section .swiper-wrapper {
align-items: stretch;
}
/* Make each slide full height */
.program-slider-section .swiper-slide {
height: auto;
display: flex;
}
/* Card fills full height */
.program-slider-section .about-program-card {
/* display: flex;
flex-direction: column; */
height: 100%;
width: 100%;
}
/* Push content properly */
.program-slider-section .apc-description {
flex-grow: 1;
font-size: clamp(14px, calc(14px + 4 * ((100vw - 430px) / 1490)), 18px);
}
.secondary-title-2 h2 {
font-size: clamp(24px, 18.65px + 1.22vw, 42px) !important;
line-height: 1.5 !important;
font-weight: 500 !important;
text-align: center;
}
.secondary-title h2 {
/* font-size: clamp(28px, 2.5vw, 48px) !important;
line-height: 1.3 !important;
font-weight: 500 !important; */
}
.secondary-title-desc p {
font-size: clamp(14px, 1.25vw, 24px) !important;
color: #222;
font-weight: 400;
line-height: 1.5;
}
.h2-custom-title h2 {
font-size: clamp(28px, 2.5vw, 48px) !important;
}
.process-title h2 {
font-size: clamp(32px, 2.5vw, 48px) !important;
}
.p-custom-body p {
font-size: clamp(14px, 12.09px + 0.42vw, 20px) !important;
color: #222 !important;
line-height: 1.5;
}
.yellow-highlight {
color: #F1C82A;
}
/* Mobile Menu */
/* Hide default icons */
.awb-menu__m-toggle .fa-bars,
.awb-menu__m-toggle .fa-times {
display: none !important;
}
/* Add custom hamburger */
.awb-menu__m-toggle::before {
content: '';
display: inline-block;
width: 24px;
height: 24px;
background-image: url('/wp-content/uploads/2025/12/mobile-menu.png');
background-size: contain;
background-repeat: no-repeat;
}
/* Change to close icon when open */
.awb-menu__m-toggle[aria-expanded="true"]::before {
background-image: url('/wp-content/uploads/2025/12/mobile-menu.png');
}
/* Hide Original */
.awb-menu__m-toggle .awb-menu__m-collapse-icon,
.awb-menu__m-toggle .awc-menu__m-toggle-inner span {
display: none !important;
}
.container-padding {
padding-left: clamp(
16px,
calc(16px + (100 - 16) * ((100vw - 430px) / (1920 - 430))),
100px
) !important;
padding-right: clamp(
16px,
calc(16px + (100 - 16) * ((100vw - 430px) / (1920 - 430))),
100px
) !important;
}
.container-padding-left {
padding-left: clamp(
16px,
calc(16px + (100 - 16) * ((100vw - 430px) / (1920 - 430))),
100px
) !important;
}
.container-padding-right{
padding-right: clamp(
16px,
calc(16px + (100 - 16) * ((100vw - 430px) / (1920 - 430))),
100px
) !important;
}
.swiper-button-next,
.swiper-button-prev {
width: 40px;
height: 40px;
background-size: 20px;
background-repeat: no-repeat;
background-position: center;
}
/* Kill default Swiper SVG */
.swiper-button-next::after,
.swiper-button-prev::after {
display: none !important;
}
.swiper-button-next {
background-image: url("/wp-content/uploads/2026/01/swiper-left-right.png") !important;
background-size: 10px;
}
.swiper-button-prev {
background-image: url("/wp-content/uploads/2026/01/swiper-left-right.png") !important;
transform: rotate(180deg);
background-size: 10px;
}
.swiper-navigation-icon {
display: none;
}
.relative-wrapper {
position: relative;
}
.custom-nav button {
all: unset;
cursor: pointer;
}
.section-padding {
padding-inline: clamp(20px, 5.21vw, 100px) !important;
padding-block: 0;
}
#menu-primary-menu .menu-text {
font-size: clamp(16px, calc(16px + 2 * ((100vw - 1025px) / 895)), 18px) !important;
white-space: nowrap;
}
#menu-primary-menu
.awb-menu__main-li.current-menu-item > .awb-menu__main-a {
border-bottom: 2px solid #BD2125;
}
#menu-primary-menu .awb-menu__main-li {
transition: all calc(var(--awb-transition-time) * 1ms) cubic-bezier(.42, .01, .58, 1);
/* border-right: 1px solid hwb(0deg 0% 100% / 30%); */
position: relative;
/* padding: 0 clamp(1px, 0.83vw, 16px); */
padding: 0px 36px;
}
/*
#menu-primary-menu .awb-menu__main-li::after {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
height: 14px;
width: 1px;
background-color: hwb(0deg 0% 100% / 30%);
} */
/* #menu-primary-menu .awb-menu__main-li:not(:last-child)::after {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
height: 14px;
width: 1px;
background-color: hwb(0deg 0% 100% / 30%);
} */
/* Remove old border if applied anywhere */
#menu-primary-menu .awb-menu__main-li {
border-right: none !important;
position: relative;
}
/* Custom divider */
/* #menu-primary-menu .awb-menu__main-li:not(:last-child)::after, #menu-primary-menu span.awb-menu__main-background-default.awb-menu__main-background-default_fade:after {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
height: 14px;
width: 1px;
background-color: rgba(34, 34, 34, 0.3);
} */
#menu-primary-menu .awb-menu__main-li:not(:last-child)::after,
#menu-primary-menu span.awb-menu__main-background-default.awb-menu__main-background-default_fade:after {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
height: 14px;
width: 0;
border-right: 1px solid rgba(34, 34, 34, 0.3);
}
.awb-menu__main-li.awb-menu__main-li_regular:last-child span.awb-menu__main-background-default.awb-menu__main-background-default_fade:after {
display: none;
}
/* .awb-menu_desktop .awb-menu__main-li_with-main-arrow:hover:after {
background-color: transparent !important;
background: transparent !important;
} */
#menu-primary-menu .awb-menu__main-li:last-child {
border: none;
padding-right: 0px;
}
#menu-primary-menu .awb-menu__main-li:nth-last-child(2) {
border: none !important;
}
#menu-primary-menu {
flex-wrap: nowrap;
}
.info-text a,.info-text {
color:#555555;
word-break: break-word;
}
.d-block {
display: block !important;
}
.client-swiper .swiper-wrapper {
transition-timing-function: linear !important;
}
.top-slider-container .swiper-wrapper,.bottom-slider-container .swiper-wrapper {
transition-timing-function: linear !important;
}
.applyNowBtn {
display: flex;
width: fit-content;
align-items: center;
padding: clamp(5px, 0.52vw, 10px)
clamp(5px, 0.52vw, 10px)
clamp(5px, 0.52vw, 10px)
clamp(18px, 1.2vw, 23px) !important;
border-radius:60px !important;
overflow: hidden;
z-index: 1;
transition: color 0.3s ease;
background-color: #BD2126 !important;
}
.applyNowBtn::before {
content: "";
position: absolute;
inset: 0;
background: #0B4696;
z-index: -1;
transform: translateX(-100%);
transition: transform 0.45s ease;
}
.applyNowBtn:after {
/* content: url(/wp-content/uploads/2025/12/rightUp.svg);
background: #ffffff; */
/* padding: clamp(11px, 0.73vw, 14px) clamp(13px, 0.89vw, 17px) !important; */
content: "";
background: #ffffff url(/wp-content/uploads/2025/12/rightUp.svg) no-repeat center;
max-width: 40px;
max-height: 40px;
width: clamp(34px, 32.09px + 0.42vw, 40px);
height: clamp(34px, 32.09px + 0.42vw, 40px);
border-radius: 50%;
margin-left: 20px;
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.4s ease, background-color 0.3s ease;
will-change: transform;
}
.applyNowBtn:hover::before {
transform: translateX(0);
}
.applyNowBtn:hover::after {
transform: rotate(45deg);
content: url("/wp-content/uploads/2026/01/rightUp-blue.svg");
/* content: url(wp-content/uploads/2026/01/rightUp-blue.svg); */
}
.applyNowBtn span.fusion-button-text {
font-family: Poppins;
font-weight: 600;
font-size: 16px;
line-height: 100%;
text-align: center;
text-transform: uppercase;
color:#ffffff !important;
white-space: nowrap;
}
.primaryFooter .footer-3 .contact-row::after {
width: 100%;
max-width: 100%;
}
.primaryFooter .footer-3 > .fusion-column-wrapper {
justify-content: flex-start !important;
}
/* .primaryFooter .footer-2 {
border: 2px solid red !important;
max-width: 18% !important;
}
.primaryFooter .footer-3 {
border: 2px solid red !important;
max-width: 32% !important;
width: 32% !important;
} */
.primaryFooter:after {
content: url("/wp-content/uploads/2025/12/logo1-2.webp");
position: absolute;
right: 0;
mix-blend-mode: luminosity;
}
.primaryFooter:before {
content: url("/wp-content/uploads/2025/12/logo1-1.webp");
position: absolute;
left: 33%;
bottom: 0;
mix-blend-mode: luminosity;
}
.broucherDownload .contact-row a:hover .info-text {
color: var(--primary-red);
}
.footerQlist {
display: flex;
align-items: center;
justify-content: flex-end;
margin: 0 !important;
}
.footerQlist .icon-wrapper.circle-no {
display: none;
}
.why-choose-right .icon-box {
width: 80px;
height: 80px;
}
.ribbon-wrapper:after {
content: "";
width: 10px;
height: 9px;
color: #89A0C7;
position: absolute;
left: 1px;
top: -9px;
background: #89A0C7;
clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
.ribbon-wrapper:before {
content: "";
width: 10px;
height: 9px;
color: #89A0C7;
position: absolute;
left: 1px;
bottom: -9px;
background: #89A0C7;
clip-path: polygon(100% 0, 100% 99%, 0 0);
}
#client {
background: url(/wp-content/uploads/2025/12/career-gaol-img.webp),url("/wp-content/uploads/2025/12/Frame-1621506862.webp"), linear-gradient(180deg, var(--awb-color1) 0%, lch(95.56 7.83 239.23 / 0.50) 100% 100%);
/* background: url(/wp-content/uploads/2025/12/career-gaol-img.webp), linear-gradient(180deg, var(--awb-color1) 0%, lch(95.56 7.83 239.23 / 0.50) 100% 100%); */
background-repeat: no-repeat;
background-position: bottom center;
border: 4px solid red !important;
}
/* .fusion-fullwidth.recogntion-and-ranking-main-container {
border: 2px solid red;
background-image: url("wp-content/uploads/2025/12/section-bg.webp");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
} */
.fusion-layout-column.reinventing-right-side {
position: relative;
}
.reinventing-right-side {
padding-right: clamp(16px, calc(16px + (100 - 16) * ((100vw - 430px) / (1920 - 430))), 100px) !important;
}
.fusion-layout-column.reinventing-right-side::before {
content: "";
position: absolute;
top: 58%;
left: clamp(-220px, 144.51px + -18.99vw, -50px);
transform: translate(-50%, -50%);
/* background-image: url("/wp-content/uploads/2025/12/reinventing-learning-pathways.webp"); */
background-image: url("/wp-content/uploads/2026/04/ReinventingLearniing2.webp");
background-size: contain;
background-repeat: no-repeat;
max-width: 956px; /* adjust as needed */
width: 956px;
height: 100%; /* adjust as needed */
z-index: 1;
}
.reinvent-learning-mobile-image img {
max-width: 70%;
}
#client-2 {
/* margin-top: -35px; */
background: url(/wp-content/uploads/2025/12/career-gaol-img.webp),url("/wp-content/uploads/2025/12/dual-bg.webp"), linear-gradient(180deg, var(--awb-color1) 0%, lch(95.56 7.83 239.23 / 0.50) 100% 100%);
/* background: url(/wp-content/uploads/2025/12/career-gaol-img.webp), linear-gradient(180deg, var(--awb-color1) 0%, lch(95.56 7.83 239.23 / 0.50) 100% 100%); */
background-repeat: no-repeat;
background-position: bottom center;
background-image:
url(/wp-content/uploads/2025/12/career-gaol-img.webp),
url(/wp-content/uploads/2025/12/dual-bg.webp),
linear-gradient(
180deg,
var(--awb-color1) 0%,
lch(95.56 7.83 239.23 / 0.50) 100%
);
background-position:
center bottom, /* career-gaol-img.webp → bottom */
center center, /* dual-bg.webp */
center center; /* gradient */
background-repeat:
no-repeat,
no-repeat,
no-repeat;
background-size:
100%, /* or contain / 100% auto if needed */
cover,
cover;
}
span.reinventing-image {
border: 2px solid red;
position: absolute;
transform: translatey(-46%);
}
span.career-goal-kids-desktop-img {
/* border: 2px solid blue; */
margin-top: -100px;
}
/* div#client:after {
content: url("/wp-content/uploads/2025/12/Frame-1621506862.webp");
position: absolute;
height: 100%;
mix-blend-mode: darken;
bottom: 60px;
left: 0;
} */
.pin-spacer {
justify-content: center;
margin: 0 auto !important;
}
/* Swiper Arrows */
/* Banner */
/* Google Fonts for a similar look */
/* @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Inter:wght@600;700&display=swap'); */
.uni-hero-banner {
width: 100%;
max-width: 1920px;
height: clamp(500px, -0.38px + 41.69vw, 800px);
margin: 0 auto;
/* Replace 'background-image.jpg' with your actual image path */
background-image: url('/wp-content/uploads/2025/12/hero-1.webp');
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
display: flex;
justify-content: center;
align-items: flex-start; /* Aligned to top to match content placement */
padding-top: clamp(40px, -27.06px + 5.58vw, 80px);
box-sizing: border-box;
overflow: hidden;
position: relative;
}
a.uni-hero-cta-link:hover {
color: inherit !important;
}
.uni-hero-container {
width: 95%;
max-width: 1440px;
text-align: center;
}
h1.uni-hero-main-title {
color: var(--primary_color) !important; /* Vibrant Red */
font-size: clamp(32px, 3.33vw, 64px) !important;
margin: 0 0 0px 0;
font-weight: 700 !important;
}
.uni-hero-main-title-yellow h1 {
color: #F1C82A !important; /* Vibrant Red */
font-size: clamp(32px, 3.33vw, 64px) !important;
margin: 0 0 10px 0;
font-weight: 700 !important;
}
h2.uni-hero-sub-title {
color: #0B4696;
font-size: clamp(20px, 11.77px + 1.89vw, 48px) !important;
margin: 0 0 12px 0;
font-weight: 700 !important;
line-height: 1.3 !important;
}
.uni-hero-cta-box {
display: inline-block;
border: 2px solid #0B4696;
background-color: transparent; /* Glass effect to see background */
color: #123985;
font-size: clamp(14px, 1.56vw, 30px) !important;
font-weight: 700;
padding: 11px 19px 6px 19px;
border-radius: 8px;
margin-bottom: 26px;
line-height: 1.3;
}
.uni-hero-badge-container {
display: flex;
justify-content: center;
}
.uni-hero-qs-badge {
max-width: 150px; /* Adjust based on your badge image size */
height: 64px;
background: white;
padding: 5px;
border-radius: clamp(4px, 1.53px + 0.55vw, 12px);
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
/* Responsiveness for smaller screens */
/* @media (max-width: 1024px) {
.uni-hero-banner { height: 600px; padding-top: 40px; }
.uni-hero-main-title { font-size: 36px; }
.uni-hero-sub-title { font-size: 28px; }
.uni-hero-cta-box { font-size: 18px; padding: 10px 30px; }
} */
/* Banner */
.swiper-button-next, .swiper-button-prev {
border: 1px solid #D0DCEE;
background-color: #EDF4FF;
border-radius: 50%;
width: 60px;
height: 60px;
background-size: 10px;
}
.swiper-button-next, .swiper-button-prev svg {
color: #0B4696;
}
.swiper-button-next, .swiper-button-prev {
svg {
height: 30px !important;
}
}
/* Swiper Arrows */
.topHeaderIcons {
display: flex;
gap: 32px;
align-items: center;
justify-content: flex-end;
}
.topHeaderIcons span.icon-wrapper.circle-yes {
border: 2px solid #0b4596;
}
.topHeaderIcons a.contact-item {
color: #000000;
white-space: nowrap;
font-size: clamp(14px, 0.94vw, 18px);
}
.topHeaderIcons li {
padding: 0px !important;
}
.admission-open p {
font-size: clamp(14px, 0.94vw, 18px);
margin: 0px;
}
.admission-open p span {
font-weight:700;
color: #0b4596;
}
.ApplyNowBtn span.menu-text.fusion-button.button-default.button-medium {
color: #ffffff !important;
font-family: Poppins;
font-weight: 600;
font-size: 16px;
line-height: 100%;
padding:
clamp(5px, 0.52vw, 10px)
clamp(5px, 0.52vw, 10px)
clamp(5px, 0.52vw, 10px)
clamp(18px, 1.2vw, 23px) !important;
border-radius: 60px;
text-align: center;
text-transform: uppercase;
background-color: #bd2125 !important;
}
.ApplyNowBtn span.menu-text.fusion-button.button-default.button-medium {
position: relative;
overflow: hidden;
z-index: 1;
transition: color 0.3s ease;
}
/* background layer */
.ApplyNowBtn span.menu-text.fusion-button.button-default.button-medium::before {
content: "";
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: #0B4596;
z-index: -1;
transition: transform 0.4s ease;
transform: translateX(0);
}
/* hover effect */
.ApplyNowBtn span.menu-text.fusion-button.button-default.button-medium:hover {
/* color: #000 !important; */
}
.ApplyNowBtn span.menu-text.fusion-button.button-default.button-medium:hover::before {
transform: translateX(100%);
}
.ApplyNowBtn span.menu-text.fusion-button.button-default.button-medium:hover::after {
transform: rotate(45deg);
content: url("/wp-content/uploads/2026/01/rightUp-blue.svg");
}
a.fusion-background-highlight {
height: max-content;
padding: 0px 30px !important;
border-right: 1px solid hwb(0deg 0% 100% / 30%);
}
li#menu-item-52 a.fusion-background-highlight {
border-right: none;
}
.ApplyNowBtn a.fusion-background-highlight {
padding-right: 0px !important;
border-right: none;
padding-left: 0 !important;
}
.ApplyNowBtn span.menu-text.fusion-button.button-default.button-medium:after {
content: url("/wp-content/uploads/2025/12/rightUp.svg");
background: #ffffff;
padding: clamp(11px, 0.73vw, 14px) clamp(13px, 0.89vw, 17px);
border-radius: 50%;
margin-left: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.ApplyNowBtn2 {
}
.custom-secondary-btn {
/* Layout and Structure */
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
padding:
clamp(3px, calc(3px + 2 * ((100vw - 430px) / 1490)), 5px)
clamp(3px, calc(3px + 2 * ((100vw - 430px) / 1490)), 5px)
clamp(3px, calc(3px + 2 * ((100vw - 430px) / 1490)), 5px)
clamp(10px, calc(10px + 15 * ((100vw - 430px) / 1490)), 25px);
border: 2px solid #BD2125; /* Red border matching the image */
border-radius: 50px; /* Highly rounded corners */
background-color: transparent; /* Transparent background */
cursor: pointer;
/* Typography */
font-size: clamp(13px, 0.83vw, 16px);
font-weight: 700;
color: #222; /* Dark text color */
/* Transition for smooth hover effect */
transition: all 0.3s ease;
}
.button-text {
margin-right: 15px;
white-space: nowrap;
font-size: clamp(12px, 10.7px + 0.28vw, 16px);
font-weight: 600;
text-transform: uppercase;
color: #222;
line-height:1;
}
#blogsection .button-text {
border-bottom: 2px solid #0b4696 !important;
}
.arrow-icon {
/* Arrow Circle Styling */
display: flex;
align-items: center;
justify-content: center;
min-width: 35px; /* Circle size */
min-height: 35px; /* Circle size */
border-radius: 50%;
background-color: #BD2126; /* Red background for the arrow circle */
color: white; /* White arrow color */
font-size: 20px;
/* Animation transition for the icon itself */
transition: background-color 0.3s ease;
}
/* Hover Effect */
.custom-secondary-btn:hover {
border-color: #A31E1D; /* Slightly darker border on hover */
}
.custom-secondary-btn:hover .arrow-icon {
background-color: #A31E1D; /* Slightly darker red on hover for the circle */
}
/* Inverse Button */
.custom-secondary-btn-invert {
/* Layout and Structure */
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
padding:clamp(3px, calc(3px + 2 * ((100vw - 430px) / 1490)), 5px) clamp(3px, calc(3px + 2 * ((100vw - 430px) / 1490)), 5px) clamp(3px, calc(3px + 2 * ((100vw - 430px) / 1490)), 5px) clamp(10px, calc(10px + 15 * ((100vw - 430px) / 1490)), 25px);
border: 2px solid #BD2125; /* SAME red */
border-radius: 50px;
background-color: #BD2125; /* red moved to background */
cursor: pointer;
/* Typography */
font-size: clamp(13px, 0.83vw, 16px);
font-weight: bold;
color: #ffffff; /* same white used logically */
transition: all 0.3s ease;
}
.custom-secondary-btn-invert .button-text {
margin-right: 15px;
white-space: nowrap;
font-size: clamp(12px, 10.7px + 0.28vw, 16px);
font-weight: 700;
color: #ffffff;
text-transform: uppercase;
}
.custom-secondary-btn-invert .arrow-icon {
display: flex;
align-items: center;
justify-content: center;
width: 35px;
height: 35px;
border-radius: 50%;
background-color: #fff;
color: #BD2125;
font-size: 20px;
transition: all 0.3s ease;
}
/* Hover Effect */
.custom-secondary-btn-invert:hover {
background-color: #A31E1D; /* same darker red */
border-color: #A31E1D;
}
.custom-secondary-btn-invert:hover .arrow-icon {
border-color: #ffffff;
color: #ffffff;
}
/* =============== Swiper Styles =============== */
/* Swiper Styles */
.swiper-container {
display: grid;
}
.swiper {
width: 100%;
/* padding: 0 40px; */
}
.swiper-wrapper {
align-items: center;
}
#experiences .swiper-slide {
width: 466px;
height: 580px;
max-width: 466px;
max-height: 580px;
}
#recogntion .swiper-slide {
/* width: 466px;
height: 580px;
max-width: 466px;
max-height: 580px; */
}
#recogntion .swiper-wrapper {
/* border: 2px solid red !important; */
}
.swiper-pagination-bullets {
display: none;
}
.title-highlight {
color: var(--primary_color);
}
.title-highlight-yellow {
color: #f1c82a;
}
.faq-title-highlight {
color: var(--primary_color);
font-weight: 700;
}
.fusion-separator.fusion-full-width-sep.title-seperator {
/* padding: 0px 100px; */
/* border: 1px solid red; */
padding: 20px 100px;
}
.degree-courses-subtitle{
max-width: 1432px;
margin: 0 auto;
}
.career-goal-description {
max-width: 685px !important;
width: 685px !important;
/* border: 1px solid #000000; */
}
.career-goal-description p {
font-size: clamp(16px, 1.67vw, 32px) !important;
}
/* Button */
/* 1. Main Button Styling (Applied to the tag) */
.download-brochure {
padding:
clamp(6px, 0.52vw, 10px)
clamp(6px, 0.52vw, 10px)
clamp(6px, 0.52vw, 10px)
clamp(19px, 1.2vw, 23px) !important;
/* font-family: "Poppins", sans-serif;
font-size: 16px;
display: flex;
align-items: center; */
}
.download-brochure i {
background-color: #fff;
color: var(--primary_color) !important;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
/* Note on the Icon: */
/* The icon in your HTML is `fa-arrow-right`. The screenshot uses an UPWARD-RIGHT arrow (↗). */
/* If you are using Font Awesome, you might want to change it to: */
/* - `fa-arrow-up-right-from-square` (if you are on Font Awesome 5/6) OR */
/* - `fa-external-link-alt` (if you are on an older Font Awesome version) */
#career {
background-size: contain !important;
}
/* =================== OUR PROGRAMMES ================== */
#ourprogramme {
position: relative;
}
.programme-slider-container {
border: 2px solid red;
display: grid;
}
#ourprogramme::after {
content: "";
position: absolute;
left: 0;
bottom: -220px;
width: 100%;
height: 524px; /* adjust as per image height */
background-image: url("/wp-content/uploads/2025/12/our-programme-bottom.webp");
background-repeat: no-repeat;
background-size: contain;
background-position: center bottom;
/* border: 2px solid red; */
}
#ourprogramme .fusion-tabs .tab-pane {
background-color: transparent !important;
}
#ourprogramme .fusion-tabs .tab-pane {
border-color: transparent;
}
#ourprogramme .fusion-tabs .tab-pane {
padding: 0px;
}
#ourprogramme .programme-carousel {
border: 2px solid red;
margin-top: -166px;
}
#ourprogramme .nav {
margin-bottom: 40px;
padding-right: 100px;
}
#ourprogramme .fusion-tabs.classic.horizontal-tabs .nav-tabs {
border: 1px solid #D9D9D9 !important;
border-radius: 140px;
margin-left: auto !important;
}
#ourprogramme .fusion-tabs.classic.horizontal-tabs .nav-tabs .tab-link h4 {
font-size: 18px !important;
padding: 27px 50px;
color: #000;
}
#ourprogramme .fusion-tabs.classic.horizontal-tabs .nav-tabs .tab-link {
border-radius: 140px;
}
#ourprogramme .fusion-tabs.classic.horizontal-tabs .nav-tabs>.active>.tab-link {
background-color: var(--primary_color);
border-radius: 140px;
}
#ourprogramme .fusion-tabs.classic.horizontal-tabs .nav-tabs>.active>.tab-link h4 {
color: #fff;
}
.our-programme-slider .nav {
text-align: right;
}
/* Programme Card */
.programme-card {
border: 1px solid #CFCFCF;
padding: clamp(10px, 1.04vw, 20px);
border-radius: 30px;
background-color: #F7F6F6;
margin-bottom: 1px;
height: 100%;
}
.programme-card_inner {
height: 100%;
/* border: 1px solid; */
}
.programme-meta {
/* height: 100%; */
/* border: 1px solid; */
}
#ourprogramme .swiper-slide {
/* width: 560px;
max-width: 560px; */
}
.fusion-fullwidth.similar-courses.max-1240 h4.programme-card_title {
font-size: clamp(16px, 6.47px + 0.92vw, 24px) !important;
}
h4.programme-card_title {
color: var(--secondary_color) !important;
margin: 0px;
font-size: clamp(16px, 11.21px + 1.09vw, 32px) !important;
margin-bottom: 10px;
line-height: 1.3 !important;
font-weight: 500 !important;
display: -webkit-box;
-webkit-line-clamp: 1; /* limit to 1 line */
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.programme-image {
margin-bottom: 30px;
position: relative;
border-radius: 20px;
/* overflow: hidden; */
}
/* .programme-platform {
position: absolute;
top: 50px;
left: -11px;
clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
background: red;
width: 150px;
height: 50px;
border: 2px solid red;
}
.programme-platform:after {
content: "";
width: 100px;
height: 90px;
color: #89A0C7;
position: absolute;
left: 1px;
top: -9px;
background: #89A0C7;
clip-path: polygon(100% 0, 0% 100%, 100% 100%);
} */
/* ── Badge positioned on parent ── */
.programme-image-wrp {
border-radius: 20px;
overflow: hidden;
}
.programme-platform {
position: absolute;
top: 56px; /* change to suit */
left: -4px; /* change to suit */
}
/* ── Inner: new relative wrapper for folds ── */
.programme-platform__inner {
position: relative;
display: inline-flex;
align-items: center;
}
/* ── Ribbon body ── */
.programme-platform__body {
background: #C8DEFF;
color: #222222;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.08em;
padding:
clamp(8px, calc(8px + 1 * ((100vw - 430px) / 1490)), 9px)
clamp(24px, calc(24px + 18 * ((100vw - 430px) / 1490)), 42px)
5px
clamp(18px, calc(18px + 6 * ((100vw - 430px) / 1490)), 24px);
clip-path: polygon(100% 0%, 90% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
font-weight: 600;
font-size: clamp(14px, 10.98px + 0.68vw, 24px);
line-height: 1;
}
/* ── Fold tabs ── */
.programme-platform__fold-top,
.programme-platform__fold-bottom {
position: absolute;
left: 0px;
width: 0;
height: 0;
border-left: 4px solid transparent;
}
.programme-platform__fold-top {
top: -4px;
border-bottom: 4px solid #7baec8;
}
.programme-platform__fold-bottom {
bottom: -4px;
border-top: 4px solid #7baec8;
}
.info-icon {
width: 36px;
height: 36px;
}
.programme-details-header {
display: flex;
}
.programme-fee {
flex: 1;
display: flex;
justify-content: flex-end;
}
.info-label {
}
.programme-fee {
flex: 1;
}
/*
.ribbon-container {
clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
position: relative;
background: red;
width: 150px;
height: 50px;
border: 2px solid red;
} */
/* .ribbon-container:after {
content: "";
width: 100px;
height: 90px;
color: #89A0C7;
position: absolute;
left: 1px;
top: -9px;
background: #89A0C7;
clip-path: polygon(100% 0, 0% 100%, 100% 100%);
} */
.platform-label {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-size: clamp(14px, 1.25vw, 24px);
font-weight: bold;
}
.btn-container {
display: flex;
align-items: center;
justify-content: flex-start;
max-width: 400px;
gap: 8px;
}
.btn-container .custom-secondary-btn-invert {
/* margin-right: 20px; */
}
.programme-details-header {
margin-bottom: 24px;
font-size: clamp(14px, 12.7px + 0.28vw, 18px) !important;
line-height: 1.2;
}
/* =============================================================== */
/* ------------------------------------- */
/* 1. STICKY WRAPPER (The Trigger) */
/* ------------------------------------- */
/* Height is now much taller to allow enough room for the inner stack scroll */
.sticky-wrapper {
/* height: 500vh; */
/* border: 4px solid blue; */
position: relative;
margin-bottom: 0; /* Remove any margin */
/* background-color: #2c3e50;
border: 1px solid blue; */
position: sticky;
top: 0;
height: 100vh;
overflow: hidden; /* important to avoid scrollbars */
}
/* ------------------------------------- */
/* 2. STICKY CONTAINER (The Sticky Element) */
/* ------------------------------------- */
.sticky-container {
/* border: 3px solid green; */
padding-top: 100px;
position: sticky;
top: 0;
/* max-height: 699px; */
overflow: hidden;
height: 100vh;
/* padding: 40px; */
display: flex;
/* justify-content: flex-end; */
/* gap: 40px; */
/* IMPORTANT: No overflow hidden, we want to see the whole stack */
}
/* ------------------------------------- */
/* 3. LAYOUT (Left and Right Columns) */
/* ------------------------------------- */
.left-content {
flex: 1;
color: white;
padding: 20px;
}
.indicator {
margin-top: 30px;
font-size: 1.2em;
font-weight: bold;
color: #3498db;
}
.right-cards-container {
/* flex: 1.5; */
margin-right: 4px;
position: relative;
padding: 0px 4px;
max-width: 806px;
display: grid;
grid-template-columns: 1fr 1fr;
padding-top: 10vh; /* Push the card stack down so the first one is visible in the middle */
gap: 60px;
}
/* ------------------------------------- */
/* 4. THE CARDS */
/* ------------------------------------- */
/* .card-s {
position: relative;
width: 100%;
height: 373px;
max-width: 373px;
margin-bottom: 30px;
background-color: white;
border-radius: 12px;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
padding: 30px;
box-sizing: border-box;
transition: background-color 0.3s;
} */
/* Container adjustments */
.card-s {
position: relative;
width: clamp(270px, 19.4vw, 373px);
/* width: clamp(290px, 19.4vw, 373px); */
aspect-ratio: 1 / 1;
height: clamp(270px, 19.4vw, 373px);
/* max-width: 373px; */
/* max-height: 373px;
max-height: 373px; */
margin-bottom: 117px;
background-color: #fff;
border-radius: 25px; /* Slightly more rounded based on image */
box-shadow: 0px 0px 12.58px 0px #00000040;
padding: 30px 23px 30px 30px;
box-sizing: border-box;
transition: transform 0.3s ease;
overflow: hidden; /* Ensures the large number doesn't spill out */
display: flex;
flex-direction: column;
justify-content: space-between;
}
/* The large "01" background text */
.card-number {
position: absolute;
top: 10px;
right: 0px;
font-size: clamp(120px, 10.42vw, 200px);
font-weight: 800;
color: #88b2eb29; /* Very light blue/grey */
z-index: 1;
line-height: 1;
user-select: none;
font-family: 'Roboto', sans-serif;
}
.card-s h3.card-title {
font-size: clamp(16px, 1.04444vw, 20px) !important;
color: #222;
font-weight: 500;
line-height: 1.5;
margin-bottom: 14px !important;
}
.card-s p.card-desc {
color: #555;
font-size: clamp(14px, 0.94vw, 18px);
line-height: 1.5;
margin-bottom: 0px !important;
}
/* The Blue Icon Box */
.icon-box {
position: relative;
z-index: 2;
width: 80px;
height: 80px;
border-radius: 30px;
display: flex;
align-items: center;
justify-content: center;
background-color: #0B4696;
border: 1px solid #fff;
box-shadow: 0px 0px 14px 0px #1A4682;
}
.icon-box img {
/* width: 38px; */
/* height: 38px; */
}
/* Typography */
.cards-s .card-content {
position: relative;
z-index: 2;
padding: 0px;
}
.card-title {
font-family: sans-serif;
font-size: 20px;
font-weight: 700;
color: #333;
margin: 0 0 12px 0;
line-height: 1.3;
}
/* .card-desc {
font-family: sans-serif;
font-size: 15px;
color: #777;
margin: 0;
line-height: 1.5;
} */
/* Hover Effect */
/* Highlight the first card */
#card-1 {
/* background-color: #3498db; */
color: white;
}
/* Even cards in right-cards-container */
.right-cards-container .card-s:nth-child(even) {
/* margin-top: -210px; */
margin-top: clamp(-150px, -10.9vw, -210px);
/* margin-left: 50%; */
}
.right-cards-container .card-s:nth-child(odd) {
/* margin-top: -100px; */
}
/* New Horizontal cards ==================== */
/* Scope styles to avoid conflicts */
/* Scope styles to avoid conflicts */
#panorama-container {
overflow-x: hidden;
/* background-color: #f0f4f8; */
/* Background pattern */
/* background-image: radial-gradient(#e2e8f0 1px, transparent 1px); */
background-size: 20px 20px;
position: relative;
width: 100%;
left: 0px !important;
}
.panorama-section {
background-image: url(/wp-content/uploads/2026/04/Frame-1621506844-3.png);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
height: 100vh;
width: 100%;
max-width: 100vw;
display: flex;
flex-direction: column;
justify-content: center;
overflow: hidden;
position: relative;
left: 0px !important;
right: 40px !important;
}
.cards-wrapper {
display: flex;
/* gap: 2rem; */
padding-left: 5vw;
width: max-content;
}
.custom-card {
width: 350px;
height: 450px;
border-radius: 20px;
padding: 2rem;
display: flex;
flex-direction: column;
justify-content: space-between;
box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease;
flex-shrink: 0;
position: relative;
box-sizing: border-box;
}
/* Responsive adjustments */
@media (max-width: 800px) {
.custom-card {
width: 280px;
height: 380px;
padding: 1.5rem;
}
.card-text {
font-size: 1rem;
}
.section-title {
font-size: 2rem;
}
}
.custom-card:hover {
transform: translateY(-10px);
}
/* Card Variants */
.card-yellow {
background-color: #facc15;
color: #1e3a8a;
transform: rotate(-2deg);
}
.card-white {
background-color: #ffffff;
color: #333;
transform: rotate(1deg);
}
.card-blue {
background-color: #1e40af;
color: #fbbf24;
transform: rotate(-1deg);
}
/* .card-number {
font-size: 3.5rem;
font-weight: 700;
line-height: 1;
border: 1px solid red;
} */
.card-text {
font-size: 1.25rem;
font-weight: 600;
line-height: 1.4;
}
.card-white .card-number {
color: #dc2626;
}
.section-title {
text-align: center;
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 3rem;
color: #1e3a8a;
}
.section-title span {
color: #dc2626;
}
/* =========================================== */
/* Horizontal */
/* Wrapper that gets pinned */
.one-more {
margin-top: 115px;
/* border: 6px solid; */
}
.hz-sticky-wrapper {
/* border: 2px solid red; */
/* width: 100%; */
/* max-width: 1740px; */
/* height: 100vh;
overflow: visible;
display: flex;
align-items: center; */
position: relative;
margin-bottom: 0;
overflow: visible;
}
/* The long track containing all cards */
.hz-track {
/* border: 3px solid blue; */
display: flex;
gap: 0px; /* Space between cards */
/* padding: 0 5vw; */
/* Left/Right padding */
border: 4px solid blue;
/* padding-left:66px; */
width: max-content; /* Important: Allows div to be wider than screen */
}
/* Individual Card Styling */
.hz-card {
width: clamp(266px, 22.4vw, 430px);
height: clamp(293px, 26.04vw, 500px);
background: #fff;
border-radius: 20px;
/* padding: 30px; */
padding: 47px 54px 70px 32px;
flex-shrink: 0; /* Prevents squishing */
display: flex;
flex-direction: column;
justify-content: space-between;
box-shadow: 0px 14px 24px 0px #00000040;
transition: transform 0.3s ease;
}
.hz-card h2 {
font-size: clamp(42px, 3.33vw, 64px) !important;
white-space: nowrap;
line-height: 1;
font-weight: 500;
margin: 0px;
}
.hz-card p {
font-size: clamp(16px, 1.56vw, 30px) !important;
line-height: 1.5;
font-weight: 500;
margin: 0px;
}
.hz-card::before {
content: "";
position: absolute;
right: 0;
bottom: 0;
width: 70%;
height: 70%;
background-image: url("/wp-content/uploads/2025/12/hover-logo.webp");
background-repeat: no-repeat;
background-position: bottom right;
background-size: contain;
filter: grayscale(100%);
opacity: 0; /* 👈 hidden */
transform: scale(0.95); /* 👈 subtle entry */
transition:
opacity 0.25s ease,
transform 0.25s ease,
filter 0.25s ease;
}
.hz-card:hover::before {
opacity: 1;
transform: scale(1);
filter: grayscale(100%);
}
.hz-card:hover {
transform: rotate(-2deg) translateY(-50px);
}
.hz-card.hz-card-1 {
transform: rotate(-8deg);
background-color: #F1C82A;
}
.hz-card.hz-card-1:hover {
transform: rotate(-8deg) translateY(-50px);
}
.hz-card.hz-card-1 h2 {
color: #0B4596;
}
.hz-card.hz-card-5 h2 {
color: #0B4596;
}
.hz-card.hz-card-1, .hz-card.hz-card-5 p {
color: #0B4596;
}
.hz-card.hz-card-2 {
transform: rotate(-2deg);
margin-top: 50px;
}
.hz-card.hz-card-2:hover {
transform: rotate(-2deg) translateY(-50px);
}
.hz-card.hz-card-2 h2 {
color: #BD2126;
}
.hz-card.hz-card-4 h2 {
color: #BD2126;
}
.hz-card.hz-card-2, .hz-card.hz-card-4 p {
color: #222;
}
.hz-card.hz-card-3 {
transform: rotate(2deg);
background-color: #0B4596;
}
.hz-card.hz-card-3:hover {
transform: rotate(2deg) translateY(-50px);
}
.hz-card.hz-card-3 h2 {
color: #F1C82A;
}
.hz-card.hz-card-3 p {
color: #F1C82A;
}
.hz-card.hz-card-4 {
transform: rotate(-6deg);
margin-top: 50px;
}
.hz-card.hz-card-4:hover {
transform: rotate(-6deg) translateY(-50px);
}
.hz-card.hz-card-5 {
transform: rotate(-1deg);
background-color: #F1C82A;
}
.hz-card.hz-card-5:hover {
transform: rotate(-1deg) translateY(-50px);
}
/* ================================== */
#partners {
}
#partners .swiper-slide {
border: 1px solid #D9D9D9;
display: flex;
align-items: center;
justify-content: center;
height: 120px;
max-height: 120px;
}
#partners .swiper-slide img {
max-width: 100%;
height: auto;
object-fit: contain;
filter: grayscale(100%);
}
#blogsection {
/* border: 2px solid blue !important; */
position: relative;
}
/* #blogsection .swiper-button-prev {
position: absolute !important;
top: -114px !important;
left: 85%;
}
#blogsection .swiper-button-next {
position: absolute !important;
top: -114px !important;
right: 135px;
} */
#blogsection .custom-center-slider {
/* border: 4px solid orange; */
display: grid;
}
.nav-wrappper {
/* border: 2px solid red; */
position: absolute;
width: 150px;
max-width: 150px;
max-height: 60px;
height: 60px;
z-index: 9;
right: clamp(65px, -9.72px + 7.28vw, 130px);
top: -130px;
}
.recognition-nav-wrappper {
position: absolute;
width: 150px;
max-width: 150px;
max-height: 60px;
height: 60px;
z-index: 9;
right:clamp(50px, -3.77px + 5.41vw, 100px);
top: clamp(30px, 8.27px + 2.18vw, 50px);
}
.why-nav-wrappper {
position: absolute;
width: 150px;
max-width: 150px;
max-height: 60px;
height: 60px;
z-index: 9;
right:clamp(60px, -20.46px + 7.84vw, 130px);
top: -110px;
}
.blog-prev.swiper-button-prev {
}
.blog-next.swiper-button-next {
}
#blogsection .custom-center-slider .swiper-wrapper {
/* border: 4px solid green; */
}
.blog-card {
padding: 10px;
border: 1px solid #CFCFCF;
background-color: #F7F6F6;
border-radius: 22px;
padding-bottom: 19px;
}
.blog-tags {
position: absolute;
bottom: 20px;
font-size: 10px;
background-color: #0B4696;
padding: 4px 20px 4px 8px;
clip-path: polygon(100% 0%, 95% 50%, 100% 100%, 0 99%, 0% 50%, 0 0);
}
.blog-tags a {
color: #fff;
}
.blog-tags a:hover {
color: #fff;
}
.blog-card .blog-thumb img{
border-radius: 22px;
width: 100%;
}
.blog-card .blog-thumb {
position: relative;
margin-bottom: 10px;
}
.blog-meta {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 16px;
}
.meta-item {
display: flex;
align-items: center;
gap: 8px;
}
.meta-date, .meta-time {
font-size: 14px;
}
h3.blog-main-title {
margin: 0px;
font-weight: 500 !important;
font-size: clamp(18px, 1.04vw, 20px) !important;
line-height: 150% !important;
color: #0B4696 !important;
margin-bottom: 8px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
line-height: 1.4;
max-height: calc(1.4em * 2);
}
p.blog-excerpt {
font-weight: 400;
font-size: clamp(16px, 0.94vw, 18px);
margin-bottom: 24px;
color: #555;
display: -webkit-box;
-webkit-line-clamp: 2; /* show only 4 lines */
-webkit-box-orient: vertical;
overflow: hidden;
}
.button-area {
display: inline-block;
}
/* Home Page FAQ */
.fusion-fullwidth.homepage-faq {
background-image: url(/wp-content/uploads/2026/03/faq-bg.webp);
background-size: cover;
background-repeat: no-repeat;
background-position: right bottom;
height: 1072px;
max-height: clamp(772px, 685.25px + 20.15vw, 1072px);
}
/* FAQ Section */
/* #faq {
border: 2px solid blue !important;
} */
/* .faq-toggle .fusion-toggle-icon-wrapper .fa-fusion-box {
border: 2px solid green !important;
}
.faq-toggle .fusion-toggle-heading {
border: 1px solid blue;
color: #000;
} */
/* .faq-toggle .collapsed .fa-fusion-box {
border-radius: 10%;
} */
/*
.faq-toggle .fa-fusion-box {
border-radius: 50%;
}
.single-toggle .fa-fusion-box {
background-color: transparent !important;
color: #BD2125 !important;
border: 1px solid #BD2125 !important;
}
*/
/* .single-toggle .collapsed {
background-color: #D9D9D9 !important;
border: 1px solid !important;
color: red !important;
} */
/* .panel-title a .fa-fusion-box {
color: #BD2125 !important;
border-radius: 50%;
}
.fa-fusion-box {
background-color: transparent !important;
border: 1px solid #BD2125 !important;
}
.panel-title .active .fa-fusion-box {
color: #fff !important;
}
.panel-title a:hover {
color: inherit !important;
}
.fusion-accordian .panel-title a:hover .fa-fusion-box {
background-color: blue !important;
}
.fusion-toggle-heading {
color: #000;
}
.panel-body.toggle-content {
font-size: 20px;
font-weight: 400;
line-height: 150%;
}
.panel-title a.active {
background-color: #fff;
border-bottom: 1px solid #919191;
}
.panel-title {
background-color: rgba(255, 255, 255, 0.4);
backdrop-filter: blur(40px);
border-radius: 20px;
}
.panel-body {
backdrop-filter: blur(40px);
border-radius: 0px 0px 20px 20px !important;
}
.fusion-panel {
border-radius: 20px !important;
margin-bottom: 20px !important;
}
.fusion-accordian .panel-title a {
border: 2px solid red !important;
border-radius: 20px 20px 0px 0px !important;
overflow: hidden;
padding: 20px 25px !important;
}
.fusion-accordian .panel-title a.collapsed {
border-radius: 20px !important;
}
.fusion-panel:hover {
background-color: transparent !important;
}
*/
/* .fusion-accordian .panel-title.active .fa-fusion-box {
transform: rotate(45deg);
transition: transform 0.3s ease;
} */
/* General Layout */
.accordion {
/* max-width: 800px; */
width: 100%;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 20px;
}
/* Accordion Item Container */
.accordion-item {
border: 1px solid #919191;
border-radius: 20px; /* High radius for pill shape */
/* box-shadow: 0 4px 6px rgba(0,0,0,0.05); */
overflow: hidden;
transition: all 0.3s ease;
}
/* Header (Clickable Area) */
.accordion-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 22px 40px;
cursor: pointer;
/* font-size: 24px; */
/* padding: mobile → desktop */
padding-block: clamp(
10px,
calc(10px + (22 - 10) * ((100vw - 430px) / (1920 - 430))),
22px
);
padding-inline: clamp(
16px,
calc(16px + (40 - 16) * ((100vw - 430px) / (1920 - 430))),
40px
);
/* background: linear-gradient(to right, #f9f9f9, #f0f0f0); */
background: rgba(255, 255, 255, 0.4);
backdrop-filter: blur(40px);
}
/* .accordion-header:hover {
background: #eaeaea;
} */
/* Text Styling */
.header-text {
font-size: clamp(14px, 1.25vw, 24px);
color: #000;
font-weight: 400;
line-height: 1.5;
}
.highlight {
color: #c00c0c; /* The red color from the screenshot */
font-weight: 700;
}
/* Icon Styling (+ and X) */
.icon-container {
min-width: 32px;
min-height: 32px;
margin-left: 8px;
border: 2px solid #c00c0c;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
transition: background 0.3s ease;
}
.icon {
position: relative;
display: inline-block;
/* Controls overall icon size */
font-size: 1rem; /* change this to scale the icon */
width: 0.875em; /* 14px */
height: 0.125em; /* 2px */
background-color: #c00c0c;
transition: transform 0.3s ease, background-color 0.3s ease;
}
/* Vertical line to make the Plus sign */
.icon::after {
content: '';
position: absolute;
width: 0.125em; /* 2px */
height: 0.875em; /* 14px */
background-color: #c00c0c;
top: -0.375em; /* -6px */
left: 0.375em; /* 6px */
transition: transform 0.3s ease, background-color 0.3s ease;
}
/* Content Panel (Hidden by default) */
.accordion-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease-out;
}
.accordion-content p {
padding-block: clamp(
10px,
calc(10px + (22 - 10) * ((100vw - 430px) / (1920 - 430))),
22px
);
padding-inline: clamp(
16px,
calc(16px + (40 - 16) * ((100vw - 430px) / (1920 - 430))),
40px
);
margin: 0;
color: #555;
line-height: 1.5;
font-weight: 400;
font-size: clamp(14px, 1.04vw, 20px);
max-width: 1142px;
}
/* --- Active State Styling --- */
/* Rotate icon to make 'X' */
.accordion-item.active .icon {
transform: rotate(45deg);
background-color: white;
}
.accordion-item.active .icon::after {
background-color: white;
}
/* Change icon circle background to red */
.accordion-item.active .icon-container {
background-color: #c00c0c;
}
.accordion-item.active .accordion-header {
background-color: #fff;
border-bottom: 1px solid #919191;
}
/* Video Card */
#real-experience {
/* border: 2px solid red; */
}
#real-experience .swiper-slide {
position: relative;
padding: 60px 0px;
}
.highlight-slider-wrapper {
display: grid;
position: relative;
}
#real-experience .swiper-slide.swiper-slide-active .card-border {
/* padding: 40px; */
width: calc(100% + 60px);
border: 10px solid #F1C82A;
position: absolute;
height: calc(100% - 60px);
left: -30px;
top: 30px;
border-radius: 30px;
/* top: -30px; */
}
#real-experience .swiper-slide.swiper-slide-active .card-box {
filter: grayscale(0%);
}
.card-overlay {
position: absolute;
bottom: 0px;
}
.card-box {
position: relative;
filter: grayscale(100%); /* Black and white */
}
.card-box img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
border-radius:12px;
}
.highlight-slider-wrapper::before,
.highlight-slider-wrapper::after {
content: "";
position: absolute;
top: 0; bottom: 0;
width: 30%; /* Adjust width of fade */
z-index: 3;
pointer-events: none;
/* border: 1px solid red; */
}
.text-content h3 {
color: #fff !important;
margin: 0px ;
font-size: clamp(18px, 1.25vw, 24px) !important;
}
.text-content p {
font-size: clamp(14px, 0.83vw, 16px);
color: #fff;
margin: 0px;
}
.play-icon {
min-width: clamp(40px, 34.05px + 1.36vw, 60px);
min-height:clamp(40px, 34.05px + 1.36vw, 60px);
/* position: absolute; */
right: 20px;
bottom: 20px;
display: flex;
justify-content: flex-end;
align-items: flex-end;
cursor: pointer;
}
.play-icon img {
/* width: 60px;
height: 60px; */
/* margin-bottom:4px; */
}
.card-overlay {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row-reverse;
padding: 20px;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}
.highlight-slider-wrapper::before {
/* border: 2px solid blue; */
left: 0;
background: linear-gradient(to right, #FFF 10%, transparent 100%);
}
.highlight-slider-wrapper::after {
/* border: 2px solid blue; */
right: 0;
background: linear-gradient(to left, #FFF 10%, transparent 100%);
}
/* Stage Of Your Life */
/* Unique Slider Wrapper */
.xe-slider-container {
width: 100%;
/* padding: 20px 0; */
overflow: hidden;
}
/* Individual Slide Card */
.xe-card-item {
position: relative;
height: clamp(161px, 16.2vw, 311px);
/* border-radius: 4px; */
overflow: hidden;
display: flex;
background-color: #eee; /* Fallback */
}
/* Slide Image */
.xe-card-img {
/* width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
position: absolute;
top: 0;
left: 0; */
width: 100%;
height: 100%;
object-fit: cover;
object-position: right;
position: absolute;
top: 0;
right: 0;
}
/* Gradient Mask Layer */
.xe-card-overlay {
position: relative;
z-index: 2;
width: 100%;
height: 100%;
display: flex;
align-items: flex-end;
padding-left: 30px;
padding-bottom: 20px;
}
/* Typography */
h3.xe-card-title {
color: #ffffff !important;
font-weight: 500 !important;
font-size: clamp(20px, 2.088888vw, 40px) !important;
line-height: 1.2 !important;
margin: 0;
text-align: left;
}
/* --- Unique Theme Gradients (Based on Screenshot) --- */
/* Dark Blueish-Grey */
.xe-theme-cobalt .xe-card-overlay {
background: linear-gradient(90deg, #13243a 0%, #13243a 35%, rgba(19, 36, 58, 0) 75%);
}
/* Olive Gold */
.xe-theme-olive .xe-card-overlay {
background: linear-gradient(90deg, #5c4e0a 0%, #5c4e0a 35%, rgba(92, 78, 10, 0) 75%);
}
/* Deep Red/Crimson */
.xe-theme-crimson .xe-card-overlay {
background: linear-gradient(90deg, #7b1315 0%, #7b1315 35%, rgba(123, 19, 21, 0) 75%);
}
/* Dark Navy */
.xe-theme-midnight .xe-card-overlay {
background: linear-gradient(90deg, #0f1f33 0%, #0f1f33 35%, rgba(15, 31, 51, 0) 75%);
}
/* Swiper overflow fix for better "peek" look */
.xe-slider-container .swiper {
overflow: visible !important;
}
/* End Stage Of Your Life */
/* Container styling */
.logo-grid-container {
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
background: #fff;
max-width: 100%;
width: 100%;
/* max-width: 1200px; */
margin: 0 auto;
}
.logo-slider-block {
display: grid;
width: 100%;
}
.logo-slider-block .swiper-slide {
height: 120px;
display: flex;
align-items: center;
justify-content: center;
/* border-right: 1px solid #ddd; */
border-bottom: 1px solid #ddd;
background: #fff;
padding: 20px;
box-sizing: border-box;
box-shadow: 1px 1px 0 0 #ddd, -1px 0 0 0 #ddd;
}
.logo-slider-block .swiper-slide img {
object-fit: contain;
/* filter: grayscale(100%); */
}
/* IMPORTANT: Hide the navigation elements that your JS requires
so they don't block the logos visually */
.logo-slider-block .swiper-button-next,
.logo-slider-block .swiper-button-prev,
.logo-slider-block .swiper-pagination {
display: none !important;
}
/* Programme Slider */
/* Programme Slider */
:root {
--primary-red: #bd2126;
--text-blue: #004a8c;
--light-gray: #f4f4f4;
}
.program-section {
margin-bottom: clamp(28px, 23.21px + 1.09vw, 44px);
/* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
/* padding: 40px 5%; */
/* max-width: 1200px; */
/* margin: 0 auto; */
}
.info-container {
display: flex;
align-items: center;
}
.program-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
border-bottom: 1px solid var(--border-color);
padding-bottom: 20px;
flex-wrap: wrap;
margin-right: clamp(16px, calc(16px + (100 - 16) * ((100vw - 430px) / (1920 - 430))), 100px) !important;
gap: 20px;
}
.program-header h2 {
margin: 0px;
font-size: clamp(28px, 22.05px + 1.36vw, 48px) !important;
color: var(--secondary_color);
}
.section-title {
font-size: 28px;
font-weight: 500 !important;
color: var(--text-blue);
font-weight: bold;
}
.section-title span {
color: var(--primary-red);
}
/* Tab Navigation Styling */
.tabs-container {
display: flex;
background: #fff;
border: 1px solid var(--border-color);
border-radius: 50px;
}
.tab-btn {
padding: clamp(6px, -0.51px + 1.49vw, 28px) clamp(17px, 14.53px + 0.55vw, 25px);
border: none;
background: none;
cursor: pointer;
font-weight: 400;
border-radius: 50px;
transition: 0.3s;
font-size:clamp(12px, 10.09px + 0.42vw, 18px);
font-family: Poppins;
}
.tab-btn.active {
background-color: var(--primary-red);
color: #fff;
font-weight: 700;
}
/* Grid and Cards */
#ourprogramme .tab-content {
display: none;
}
#ourprogramme .tab-content.active {
display: block;
}
/* Why CHoose */
.why-choose-title h2 {
/* border: 2px solid red; */
font-size: clamp(28px, 3.33vw, 64px) !important;
}
h2.h2-title {
font-size: clamp(28px, 22.05px + 1.36vw, 48px) !important;
margin: 0px;
color: #0b4696;
margin-bottom: clamp(33px, 5.99vw, 115px) !important;
text-align: center;
margin: 0 auto;
line-height: 130% !important;
}
/* New Vertical + Horizontal Scroll */
#custom-sticky-section-wrapper {
padding: 0 clamp(16px, 5.21vw, 100px);
width: 100%;
position: relative;
/* Ensure it doesn't conflict with theme styles */
box-sizing: border-box;
/* background-image: url("wp-content/uploads/2025/12/why-choose-bg.webp"); */
background-image: url("/wp-content/uploads/2025/12/why-choose-bg.webp");
}
/* #custom-sticky-section-wrapper * {
box-sizing: border-box;
} */
.css-sticky-section {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.css-container {
display: flex;
width: 100%;
height: 100vh;
gap: 2rem;
position: relative;
}
/* Left Column: Static Image */
.css-sticky-media {
flex: 1;
height: 100%;
display: flex;
flex-direction: column;
position: relative;
overflow: hidden;
justify-content: flex-end;
}
.css-sticky-media p {
font-size: clamp(16px, 1.25vw, 24px);
font-weight: 400;
margin: 0px 0px 12px 0px !important;
color: #222;
}
.css-sticky-media h2 {
margin: 0px;
line-height: 130% !important;
color: #0b4596;
font-size: clamp(28px, 3.333333vw, 64px) !important;
font-weight: 500 !important;
margin-bottom: 20px;
}
.css-image-wrapper {
position: relative;
}
.css-image-wrapper img {
width: 100%;
height: 100%;
max-width: 433px;
max-height: 390px;
object-fit: cover;
border-radius: 20px;
display: block;
}
/* Right Column: Scrolling Cards */
.css-scroll-content {
flex: 1;
height: 100%;
position: relative;
/* overflow: hidden; */
overflow: visible;
padding-right: 10px;
}
.css-cards-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
/* gap: 2rem; */
padding: 2rem 0;
padding-top: 50px;
justify-items: end;
max-width: 810px;
margin-left: auto;
}
.css-card {
background-color: var(--card-bg);
width: 373px;
max-width: 100%;
height: 373px;
padding: 2rem;
border-radius: 16px;
border: 1px solid #333;
transition: transform 0.3s ease, border-color 0.3s ease;
display: flex;
flex-direction: column;
justify-content: center; /* Vertically center content */
}
.css-cards-wrapper > .card-s:nth-child(even) {
transform: translateY(50%);
margin-left: clamp(15px, 3.23vw, 62px);
}
.css-card:hover {
transform: translateY(-5px);
border-color: var(--css-accent-color);
}
.css-card h3 {
font-size: 1.5rem;
margin-bottom: 0.5rem;
color: var(--css-accent-color);
margin-top: 0;
}
.css-card p {
font-size: 1rem;
line-height: 1.5;
color: #ccc;
margin-bottom: 0;
}
/* Responsive */
@media (max-width: 1024px) {
.core-benefits-box-1, .core-benefits-box-2, .core-benefits-box-3 {
min-width: 280px;
}
@media (max-width: 1024px) {
.fusion-panel .panel-heading .panel-title a span.fusion-toggle-heading {
margin-right: 8px;
}
.common-faq .panel-group .fusion-panel:not(:last-child) {
margin-bottom: 15px;
}
.home-menu-item .menu-text::before {
background-image: unset;
content: "Home";
}
#client-2 {
background-image:
url(/wp-content/uploads/2025/12/dual-bg.webp),
linear-gradient(
180deg,
var(--awb-color1) 0%,
lch(95.56 7.83 239.23 / 0.50) 100%
);
background-position:
center,
center;
background-repeat:
no-repeat,
no-repeat;
background-size:
cover,
cover;
}
}
.card-number {
font-weight: 500;
}
.icon-box {
width: 70px;
height: 70px;
}
.card-s h3.card-title {
margin-bottom: 11px !important;
}
.css-container {
flex-direction: column;
gap: 0px;
justify-content: center;
}
.sticky-media {
height: 40%;
}
.css-scroll-content {
height: fit-content;
background-image: url("/wp-content/uploads/2025/12/why-choose-tree.webp");
background-repeat: no-repeat;
background-size: auto;
background-position: bottom center;
}
.css-cards-wrapper {
display: flex;
grid-template-columns: none;
width: max-content;
padding-left: 0; /* Align with start if needed */
}
.css-card {
width: 300px; /* Fixed width for horizontal items */
flex-shrink: 0;
}
.css-image-wrapper img {
display: none;
}
.css-sticky-section {
/* padding-top: 50px; */
}
}
.hiring-partners-1 .swiper{
/* border: 2px solid red; */
height: clamp(134px, 7.81vw, 150px);
display: flex;
align-items: center;
justify-content: center;
/* padding: 0px 0px 20px 0px; */
margin-bottom: 20px;
overflow: visible;
}
.hiring-partners-1 .swiper img {
max-height: 100px;
max-width: 80%;
width: auto;
object-fit: contain;
}
.hiring-partners-2 .swiper img {
max-width: 80%;
max-height: 100px;
width: auto;
object-fit: contain;
}
.hiring-partners-2 .swiper {
/* border: 3px solid green;' height: 150px;
display: flex;
height: 150px;
align-items: center;
justify-content: center;' */
}
.hiring-partners-2 .swiper {
overflow: visible;
/* border: 3px solid green; */
height: clamp(134px, 7.81vw, 150px);
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 40px;
/* padding: 2px 0px 106px 0px; */
/* padding: 2px 0px 40px 0px; */
}
.career-goals {
padding-left: clamp(16px, 5.21vw, 100px);
}
.contact-row .icon-box {
min-height: 36px !important;
min-width: 36px !important;
}
.footer-icon-box {
position: relative;
z-index: 2;
min-width: 36px;
min-height: 36px;
width: 36px;
height: 36px;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 8px;
}
.step-text h3 {
color: #fff !important;
font-weight: 500 !important;
}
.online-degree-right {
padding-right: clamp(16px, 5.21vw, 100px) !important;
}
.online-degree-left {
padding-left: clamp(16px, 5.21vw, 100px) !important;
}
.online-degree-right .fusion-title-2 {
padding: 0px !important;
}
/* Program Page */
.fusion-fullwidth.online-ugc-programme-hero {
padding-top: clamp(30px, 17.73px + 2.83vw, 72px);
padding-bottom: clamp(15px, -6.81px + 5.05vw, 90px);
/* max-height: 650px; */
/* height: 650px; */
background-image: url(/wp-content/uploads/2025/12/program-page-banner-bg.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.fusion-fullwidth.online-ugc-programme-hero div.fusion-builder-row {
/* flex-direction: column !important; */
/* border: 4px solid red; */
}
.fusion-fullwidth.online-ugc-programme-hero div.fusion-builder-row .online-ugc-programme-hero-right {
/* width: 100% !important; */
}
.program-banner-main {
/* padding-top: clamp(20px, 3.75vw, 72px) !important;
padding-bottom: clamp(15px, 4.53vw, 87px) !important; */
}
.program-banner-card {
/* border: 4px solid blue; */
}
.online-ugc-programme-hero-right > .fusion-column-wrapper > .fusion-builder-row:nth-of-type(1) {
/* position: absolute;
bottom: -107px; */
padding: clamp(16px, 3.2vw, 60px) !important;
background-color: #0B4696;
border-radius: clamp(14px, 1.2vw, 30px);
margin-bottom: clamp(12px, 1.2vw, 22px);
background-image: url(/wp-content/uploads/2026/05/programme-pattern.png);
}
.online-ugc-programme-hero-right .download-brochure-button .fusion-button-text {
/* border: 2px solid yellow !important; */
white-space: nowrap;
}
.online-ugc-programme-her0-title {
max-width: 678px;
}
.online-ugc-programme-her0-title-subtext {
max-width: 414px;
}
.postid-3100 .online-ugc-programme-her0-title-subtext {
max-width: 514px;
}
.bcom-banner .online-ugc-programme-her0-title-subtext {
max-width: 646px;
}
.program-banner-card .program-card-left {
padding: 60px 0px 60px 60px;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
}
.program-banner-card .program-card-right {
padding: 60px 0px 60px 85px;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
}
.program-ribbon {
background-image: url("/wp-content/uploads/2025/12/ribbon.webp");
background-repeat: no-repeat;
background-size: 100% 100%; /* IMPORTANT */
display: inline-flex;
align-items: center;
width: fit-content !important;
}
.program-ribbon p {
margin: 0 !important;
font-size: clamp(12px, 1.25vw, 24px) !important;
color: #222;
padding: 6px 30px 6px 14px; /* space for pointed edge */
font-weight: 500;
white-space: nowrap; /* 🔑 keeps ribbon shape */
font-size: clamp(12px, 1.25vw, 24px) !important;
max-height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.admission-open-text h3 {
font-size: clamp(24px, 2.5vw, 48px) !important;
color: #222;
line-height: 1.3 !important;
font-weight: 500 !important;
}
/* Direction override */
.program-card-left a.fusion-button.download-brochure-button::before {
transform: scaleX(0);
transform-origin: left;
}
/* Background override */
.program-card-left a.fusion-button.download-brochure-button:hover::before {
background: #FFF !important;
transform: scaleX(1);
}
/* Text color */
.program-card-left a.fusion-button.download-brochure-button:hover .fusion-button-text {
color: #BD2126;
}
/* Icon background + color on hover */
.program-card-left a.fusion-button.download-brochure-button:hover i.fa-arrow-down {
background: #BD2126;
}
.program-card-left a.fusion-button.download-brochure-button:hover i.fa-arrow-down {
color: #fff !important;
}
.per-month h3 {
font-size: clamp(12px, 1.25vw, 24px) !important;
font-weight: 500 !important;
line-height: 1.5 !important;
color: #222 !important;
}
.share-and-marque {
border: 1px solid red;
}
.program-hashtag {
}
@media(max-width: 640px) {
.online-ugc-programme-hero-left div.fusion-column-wrapper{
/* border: 2px solid yellow !important; */
justify-content: center;
}
.program-share-icon {
margin: 0 auto;
}
}
.program-hashtag p {
margin: 0px !important;
display: inline-flex;
padding: clamp(12px, 1.2vw, 23px) clamp(7px, 2vw, 40px);
/* background: blue; */
/* border-top-left-radius: 40px; */
border-radius: 30px 0px;
background: var(--secondary_color);
color: #fff;
}
.features-strip-wrapper {
display: flex;
gap: 8px;
align-items: center;
}
.features-strip {
display: flex;
justify-content: center;
align-items: center;
gap: 0px;
border: 1px solid #0B4696;
border-radius: 50px;
padding: 10px;
width: fit-content;
margin: 0 auto;
background: #fff;
width: 100%;
max-width: calc(100% - 60px);
}
.features-strip .feature-item {
display: flex;
align-items: flex-start;
font-size: clamp(12px, calc(12px + 6 * ((100vw - 430px) / 1490)), 18px);
font-weight: 400;
color: #000;
line-height: 1.2;
text-align: left;
width: 33.33%;
gap: 4px;
}
.features-strip .feature-item.feature-item-width {
min-width: fit-content;
}
.features-strip.features-strip-width {
overflow: auto;
justify-content: flex-start;
height: clamp(60px, 4vw, 80px);
gap: 14px;
}
.features-strip.features-strip-width {
overflow: auto;
justify-content: flex-start;
/* Hide scrollbar - Firefox */
scrollbar-width: none;
/* Hide scrollbar - IE/Edge */
-ms-overflow-style: none;
}
/* Hide scrollbar - Chrome, Safari */
.features-strip.features-strip-width::-webkit-scrollbar {
display: none;
}
.features-strip .feature-item::before {
content: "•";
color: #BD2126;
font-size: 18px;
line-height: 1;
flex-shrink: 0;
}
.programm-scroll-list {
background: #fff;
display: flex;
align-items: center;
flex-wrap: nowrap; /* 🔑 stay in one line */
overflow-x: hidden; /* 🔑 enable scroll */
overflow-y: hidden;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
padding-bottom: 8px; /* space for scrollbar */
/* Hide scrollbar */
-ms-overflow-style: none; /* IE & Edge */
scrollbar-width: none; /* Firefox */
border: 1px solid #0B4696;
border-radius: 140px;
height: clamp(41px, 4.2vw, 80px);
max-height: clamp(41px, 4.2vw, 80px);
/* padding: 28px 0px 28px 22px !important; */
}
.programm-scroll-list > li {
display: flex;
font-size: clamp(12px, calc(12px + 6 * ((100vw - 430px) / 1490)), 18px);
line-height: 1.2;
max-width: 184px;
align-items: flex-start;
flex: 0 0 auto; /* 🔑 prevents wrapping */
/* min-width: 260px; /* adjust based on content */
}
.programm-scroll-list > li .icon-wrapper {
background-color: transparent !important;
margin: 0px !important;
margin-right: 5px !important;
}
.programm-scroll-list > li .icon-wrapper i {
font-size: 8px !important;
}
.programm-scroll-list > li .fusion-li-item-content {
margin: 0px !important;
}
.program-share-icon {
border: 1px solid #0B4696;
min-width: clamp(60px, 4vw, 80px);
width: clamp(60px, 4vw, 80px);;
height: clamp(60px, 4vw, 80px);
border-radius: 50%;
display: flex !important;
justify-content: center;
align-items: center;
background: #fff;
cursor: pointer;
}
.program-share-icon img {
width: 33px;
height: 33px;
}
.program-page-title h1 {
font-size: clamp(32px, 3.33vw, 64px) !important;
font-weight: 900 !important;
line-height: 1.1 !important;
max-width: 700px;
}
.program-banner-desc p {
font-size: clamp(16px, 1.25vw, 24px);
color: var(--secondary_color);
font-weight: 400;
max-width: 414px;
margin: 0px 0px 30px 0px !important;
}
/* Core Benefits Section */
/* .core-benefits-title {
border: 1px solid #fff;
} */
.core-benefits-gif img {
max-width: 100px;
margin-right: 5px !important;
width: clamp(70px, 5.21111vw, 100px);
}
.core-benefits-text > p {
position: relative; /* required for ::after */
font-size: clamp(14px, 1.04444vw, 20px);
line-height: 1.5;
color: #fff;
white-space: nowrap;
}
.core-benefits-text > p code {
display: block;
}
.core-benefits-title > h3 {
font-size: clamp(24px, 2.5vw, 48px) !important;
color: #fff !important;
}
.core-benefits-title > h3 code {
display: block;
}
/* Left line */
.left-right-border::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: clamp(42px, calc(42px + 18 * ((100vw - 430px) / 1490)), 60px);
background-color: #fff;
}
/* Right line */
.left-right-border::after {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: clamp(42px, calc(42px + 18 * ((100vw - 430px) / 1490)), 60px);
background-color: #fff;
}
.abt-right-border-box::after {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: clamp(42px, calc(42px + 18 * ((100vw - 430px) / 1490)), 60px);
background-color: #fff;
}
.core-benefit-section {
padding-top: clamp(30px, 1.98vw, 38px) !important;
padding-bottom: clamp(24px, 1.98vw, 38px) !important;
}
.core-benefits-icon-box {
/* min-width: clamp(202px, 15.625vw, 300px); */
min-width: fit-content;
/* padding-left: clamp(39px, 2.97vw, 57px) !important; */
/* padding-right: clamp(39px, 2.97vw, 57px) !important; */
/* white-space: nowrap; */
}
.core-benefits-box::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: clamp(42px, 3.125vw, 60px);
background-color: #fff;
}
.core-benefits-box {
/* border-left: 1px solid #fff; */
/* padding-left: clamp(39px, 2.97vw, 57px) !important;
padding-right: clamp(39px, 2.97vw, 57px) !important; */
/* min-width: clamp(202px, 15.625vw, 300px) !important; */
min-width: fit-content;
/* border: 1px solid yellow; */
}
.core-benefits-box::after {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: clamp(42px, 3.125vw, 60px);
background-color: #fff;
}
.core-benefits-box-last {
/* border-left: 1px solid #fff; */
/* padding-left: clamp(39px, 2.97vw, 57px) !important; */
/* min-width: clamp(202px, 15.625vw, 300px) !important; */
min-width: fit-content;
/* white-space: nowrap; */
}
.core-benefits-box-1 {
/* border: 1px solid yellow; */
padding-right: clamp(39px, 2.97vw, 57px) !important;
}
.core-benefits-box-2::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: clamp(42px, 3.125vw, 60px);
background-color: #fff;
}
.core-benefits-box-2 {
/* border: 1px solid pink; */
}
.core-benefits-box-2::after {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: clamp(42px, 3.125vw, 60px);
background-color: #fff;
}
.core-benefits-box-3 {
/* border: 1px solid green; */
padding-left: clamp(39px, 2.97vw, 57px) !important;
}
/* About Program */
.fusion-fullwidth.about-us-knowledge-partners-main-container .hiring-partners-2 .swiper {
margin-bottom: 0px;
}
.about-program-section-main {
position: relative;
padding-top: 50px !important;
}
.program-slider-section .swiper-wrapper {
padding: 8px 0px 8px 4px;
}
.about-program-card {
background-color: #ffffff;
border-radius: clamp(12px, 6.65px + 1.22vw, 30px);
padding:
clamp(16px, 1.25vw, 24px)
clamp(10px, 1.82vw, 35px)
clamp(30px, 2.97vw, 57px)
clamp(16px, 1.25vw, 24px);
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
transition: transform 0.3s ease;
/* height: 460px;
max-height: 460px; */
/* height: clamp(320px, 23.96vw, 460px);
max-height: clamp(320px, 23.96vw, 460px); */
}
.apc-icon-container {
background-color: #fcf4d4; /* The pale yellow/cream color */
/* border-radius: clamp(20px, calc(20px + 10 * ((100vw - 430px) / 1490)), 30px); */
border-radius: clamp(10px, -13.26px + 2.26vw, 30px);
display: inline-flex;
margin-bottom: 60px;
padding: clamp(14px, calc(14px + 6 * ((100vw - 430px) / 1490)), 20px);
}
.apc-icon-container img {
max-width: clamp(40px, calc(40px + 20 * ((100vw - 430px) / 1490)), 60px);
width: clamp(40px, calc(40px + 20 * ((100vw - 430px) / 1490)), 60px);
}
.about-program-card h3.apc-title {
font-size: clamp(14px, 1.21px + 2.95vw, 20px) !important;
font-weight: 600;
color: #222;
margin: 0 0 20px 0;
line-height: 1.5;
}
.about-program-card .apc-description p {
font-size: clamp(14px, 5.3px + 2vw, 18px) !important;
line-height: 1.5;
color: #222;
margin: 0;
font-weight: 400;
}
.bcom-abt-left .about-program-left-img {
bottom: unset;
}
.about-program-left-img {
/* margin-bottom: -36px; */
position: absolute;
bottom: -36px;
}
.postid-3013 .about-program-left-img {
bottom: 0px;
}
.about-program-section-main .applyNowBtn {
}
/* =================================================== Specialization Section Start ================================ */
.specialization-main-section {
padding-top: clamp(45px, 5.21vw, 100px) !important;
}
.specialization-card {
/* height: clamp(386px, 31.25vw, 600px);
max-height: clamp(386px, 31.25vw, 600px); */
height: clamp(386px, calc(386px + 214 * ((100vw - 1024px) / 896)), 600px);
max-height: clamp(386px, calc(386px + 214 * ((100vw - 1024px) / 896)), 600px);
padding: clamp(20px, 1.56vw, 30px);
display: flex;
align-items: flex-start;
flex-direction: column;
justify-content: flex-end;
overflow: hidden;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
position: relative;
overflow: hidden;
}
/* Background layer */
.specialization-bg {
position: absolute;
inset: 0;
background-size: cover;
background-position: center;
transform: scale(1);
transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1); /* smooth AF */
will-change: transform;
}
/* Hover zoom */
.specialization-card:hover .specialization-bg {
transform: scale(1.12);
}
.specialization-card::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 55%; /* adjust fade height */
pointer-events: none;
background: linear-gradient(
to top,
rgba(0, 0, 0, 1) 10%,
rgba(0, 0, 0, 0) 100%
);
}
.specialization-card h3.specialization-card-title {
color: #fff;
margin: 0px;
z-index: 1;
font-size: clamp(16px, calc(16px + 8 * ((100vw - 430px) / 1490)), 24px);
font-weight: 500;
line-height: 1.5;
/* margin-bottom: 25px; */
/* transform: translateY(0); */
transition: transform 0.35s ease;
max-width: 350px;
}
.specialization-card-description {
color: #fff;
margin: 0px;
z-index: 1;
font-size: clamp(14px, calc(14px + 4 * ((100vw - 430px) / 1490)), 18px);
transition: transform 0.35s ease;
max-width: 350px;
text-align: left;
}
.specialization-card-description p {
margin: 0px;
text-align:left;
}
.specialization-card .specialization-card-button {
position: absolute;
left: clamp(20px, 1.56vw, 30px);
right: clamp(20px, 1.56vw, 30px);
bottom: clamp(20px, 1.56vw, 30px);
opacity: 0;
transform: translateY(30px);
transition: opacity 0.35s ease, transform 0.35s ease;
pointer-events: none;
z-index: 1;
}
/* .specialization-card:hover .specialization-card-title {
transform: translateY(-45px);
} */
.specialization-card:hover .specialization-card-title {
transform: translateY(-70px);
}
.specialization-card:hover .specialization-card-description {
transform: translateY(-70px);
}
.specialization-card:hover .specialization-card-button {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
/* =================================================== Specialization Section End ================================ */
/* 350 x 230 */
/* =================================================== Benefits Section Start ================================ */
.benefit-section-main {
padding-top: clamp(60px, 5.21vw, 100px) !important;
padding-bottom: 40px !important;
background-image:
url("https://manavrachna.srvx.in/wp-content/uploads/2025/12/logo1-2.webp"),
url("https://manavrachna.srvx.in/wp-content/uploads/2025/12/benefits-bg.webp"),
url("https://manavrachna.srvx.in/wp-content/uploads/2026/01/benefits-bg-1.webp") !important;
background-repeat:
no-repeat,
no-repeat,
no-repeat !important;
background-position:
right 88px,
center top,
center center !important;
background-size:
337px auto,
contain,
cover !important;
/* 🔥 Blend modes follow image order */
background-blend-mode:
luminosity, /* top-right image */
normal, /* middle image */
normal !important; /* base image */
}
/* 1. Prepare the Card Container */
.benefit-card .fusion-column-wrapper {
position: relative;
overflow: hidden; /* Keeps the image hidden while it's "below" the card */
}
.benefit-card {
/* padding: 62px 0px 70px 0px; */
/* border: 1px solid red; */
}
.benefit-card .benefit-title h3 {
font-size: clamp(20px, 1.46vw, 28px) !important;
color: #000;
font-weight: 500;
margin: 0px !important;
padding-top: 60px !important;
}
.benefit-desc p {
padding-bottom: 70px !important;
font-size: clamp(14px, 1.04vw, 20px) !important;
margin: 0px !important;
}
/* 2. Style the Image Element for Initial State */
.benefit-card-img {
position: absolute !important;
bottom:80px; /* Slight offset below the bottom */
right: 20px; /* Position at the right */
opacity: 0;
transform: translateY(100%); /* Move it completely off the bottom edge */
transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s ease !important;
z-index: 10;
margin: 0 !important;
}
/* 3. The Hover Trigger */
.benefit-card:hover .benefit-card-img {
opacity: 1;
transform: translateY(0) rotate(10deg);
}
/* Optional: Ensure the Image fits well */
.benefit-card-img img {
/* max-width: 150px; /* Adjust size as needed for the bottom corner */
height: auto;
border-radius: 12px;
width: clamp(173px, 18.23vw, 350px);
height: clamp(114px, 11.98vw, 230px);
border: 1px solid green;
}
/* =================================================== Benefits Section End ================================ */
/* =================================================== Eligibility Section Start ================================ */
.eligibility-section-main {
background-image:
url("/wp-content/uploads/2026/01/eligibility-overlay.webp"),
url("/wp-content/uploads/2026/01/eligibility-bg.webp") !important;
background-repeat: no-repeat, no-repeat !important;
background-position: center center, right center !important;
background-size: cover, cover !important;
}
/* Container for the group */
.u-ind-group-container {
}
/* Individual Item Wrapper */
.u-ind-accordion-item {
display: flex;
flex-direction: column;
/* max-width: min-content; */
}
/* The Pill Button */
.u-ind-pill-trigger {
display: flex;
align-items: center;
justify-content: space-between;
padding:
clamp(10px, 0.63vw, 12px)
0
clamp(10px, 0.63vw, 12px)
clamp(27px, 1.82vw, 35px);
border: 1px solid #F1C82A;
border-radius: 30px;
cursor: pointer;
position: relative;
z-index: 2;
/* max-width: fit-content; */
transition: all 0.3s ease;
background: rgba(0, 0, 0, 0.2);
max-height: clamp(46px, 3.125vw, 60px);
/* filter: blur(20px); */
backdrop-filter: blur(20px)
}
.u-ind-pill-label {
color: #F1C82A;
font-weight: 500;
font-size: clamp(16px, 1.04vw, 20px);
line-height: 1.5;
margin-right: 30px;
white-space: nowrap;
}
/* Yellow Icon Circle */
.u-ind-pill-icon-wrapper {
background-color: #F1C82A;
width: clamp(46px, 3.125vw, 60px);
height: clamp(46px, 3.125vw, 60px);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
flex-shrink: 0;
}
/* Icon Toggling Symbols */
.u-ind-icon-plus, .u-ind-icon-close {
color: #000;
font-size: 24px;
font-weight: bold;
position: absolute;
transition: opacity 0.3s ease, transform 0.3s ease;
}
.u-ind-icon-plus, .u-ind-icon-close img {
max-width: clamp(24px, 1.67vw, 32px);
max-height: clamp(24px, 1.67vw, 32px);
}
.u-ind-icon-close { opacity: 0; transform: rotate(-90deg); font-size: 20px; }
/* The Content Box */
.u-ind-content-box {
border: 1px solid #F1C82A;
border-radius: 30px;
margin-top: -22px; /* Slight overlap to match design */
padding: 35px;
/* Closed State */
max-height: 0;
overflow: hidden;
opacity: 0;
transform: translateY(-10px);
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
pointer-events: none;
background: rgba(0, 0, 0, 0.2);
backdrop-filter: blur(20px);
z-index: 4;
}
.u-ind-content-box p {
margin: 0px !important;
font-size: clamp(14px, 1.04vw, 20px) !important;
line-height: 1.5;
color: #fff;
}
/* OPEN STATE STYLES */
.u-ind-accordion-item.is-active .u-ind-content-box {
max-height: 500px; /* Large enough for content */
opacity: 1;
transform: translateY(0);
margin-top: -1px; /* Adds a small gap when open for better look */
pointer-events: auto;
}
.u-ind-accordion-item.is-active .u-ind-icon-plus { opacity: 0; transform: rotate(90deg); }
.u-ind-accordion-item.is-active .u-ind-icon-close { opacity: 1; transform: rotate(44deg); }
/* Hover effect for the button */
.u-ind-pill-trigger:hover {
box-shadow: 0 0 10px rgba(239, 196, 51, 0.3);
}
.u-ind-accordion-item.eligibility-1 {
position: absolute;
/* bottom: -1px; */
top: 187px;
max-width: 359px;
}
.u-ind-accordion-item.eligibility-2 {
position: absolute;
/* bottom: -1px; */
top: 430px;
max-width: 400px;
}
.u-ind-accordion-item.eligibility-3 {
position: absolute;
/* bottom: -1px; */
top: 109px;
max-width: 400px;
left: 0px;
}
.eligibility-col-wrapper {
height: calc(100% - 143px);
}
/* =================================================== Eligibility Section End ================================ */
/* =================================================== Silent Feature Start ================================ */
.silent-features-section-main {
padding-top: clamp(60px, 5.21vw, 100px) !important;
padding-bottom: clamp(60px, 5.21vw, 100px) !important;
}
.silent-features-section-main .swiper {
padding: 8px !important;
}
.silent-features-section-main .swiper-wrapper {
align-items: stretch;
}
.silent-features-section-main .swiper-slide {
height: auto;
display: flex;
}
.ba-h-ec-silent-feat .silet-feature-card {
text-align: center;
}
.ba-h-ec-silent-feat .silet-feature-card .sf-title {
max-width: 80%;
margin: 0 auto;
}
.ba-h-ec-silent-feat .silet-feature-card .silent-feature-icon-container {
margin-bottom: 56px;
}
.silet-feature-card {
background-color: #ffffff;
border-radius: 30px;
padding: clamp(34px, 2.6vw, 50px) clamp(16px, 1.25vw, 24px);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
transition: transform 0.3s ease;
}
.silent-features-section-main .silet-feature-card {
height: 100%;
width: 100%;
}
.silent-feature-icon-container {
background-color: #fcf4d4; /* The pale yellow/cream color */
border-radius: 30px;
display: inline-flex;
margin-bottom: clamp(41px, 4.95vw, 95px);
}
.silent-feature-icon-container img {
padding: 20px;
}
.silet-feature-card h3.sf-title {
/* font-size: clamp(14px, 1.0444vw, 20px) !important; */
font-size: clamp(14px, calc(14px + 6 * ((100vw - 430px) / 1490)), 20px) !important;
font-weight: 600;
color: #222;
margin: 0 0 20px 0;
line-height: 1.5;
}
.silet-feature-card p.sf-description {
/* font-size: clamp(14px, 0.833333vw, 16px) !important; */
font-size: clamp(14px, calc(14px + 2 * ((100vw - 430px) / 1490)), 16px) !important;
line-height: 1.5;
color: #222;
margin: 0;
font-weight: 400;
}
.silet-feature-card .sf-description p {
/* font-size: clamp(14px, 0.833333vw, 16px) !important; */
font-size: clamp(14px, calc(14px + 2 * ((100vw - 430px) / 1490)), 16px) !important;
line-height: 1.5;
color: #222;
margin: 0;
font-weight: 400;
}
/* =================================================== Silent Feature End ================================ */
/* =================================================== Faculty Start ================================ */
.faculty-section-main {
padding-top: clamp(57px, 5.21vw, 100px) !important;
padding-bottom: clamp(57px, 5.21vw, 100px) !important;
}
.faculty-carousel-card {
width: 100%;
height: 100%;
text-align: center;
}
.faculty-section-main .swiper-wrapper {
align-items: stretch;
}
.faculty-section-main .swiper-slide {
height: auto;
display: flex;
}
.faculty-carousel-image {
margin-bottom: 20px;
max-width: max-content;
margin-left: auto;
margin-right: auto;
position: relative;
}
a.lindn-faculty-url {
position: absolute;
right: 12px;
top: 12px;
}
.faculty-carousel-section .swiper-wrapper{
align-items: flex-start;
}
.faculty-carousel-image img {
border-radius: clamp(12px, calc(12px + 18 * ((100vw - 430px) / 1490)), 30px);
}
.faculty-carousel-card h3.faculty-carousel-title {
font-size: clamp(18px, 1.04vw, 20px);
color: #0B4696;
line-height: 1.5;
margin: 0px;
margin-bottom: 10px;
font-weight: 500;
}
.faculty-carousel-card .faculty-carousel-description p {
font-size: clamp(14px, 0.83vw, 16px);
margin: 0px auto !important;
max-width: 250px;
}
.faculty-nav-wrapper {
left: 50%;
position: absolute;
display: flex;
transform: translateX(-50%);
z-index: 1;
bottom: -65px;
height: 50px;
width: 140px;
display: none;
}
/* =================================================== Faculty End ================================ */
/* =================================================== Award Start ================================ */
.awards_and_accreditations-card {
width: 100%;
height: 100%;
text-align: center;
}
.faculty-carousel-card {
}
.awards-and-accreditations-section-main .swiper-wrapper {
align-items: stretch;
}
.awards-and-accreditations-section-main .swiper-slide {
height: auto;
display: flex;
}
.awards_and_accreditations-image {
max-width: 391px;
margin: 0 auto;
}
.awards-and-accreditations-section-main {
padding-top: clamp(60px, 5.21vw, 100px) !important;
padding-bottom: clamp(60px, 5.21vw, 100px) !important;
}
/* =================================================== Award End ================================ */
/* =================================================== Fee Structure Start ================================ */
.fee-structure-section-main {
/* padding-top: clamp(55px, 4.48vw, 86px) !important;
padding-bottom: clamp(126px, 9.53vw, 183px) !important; */
background-image: url("/wp-content/uploads/2026/01/feestructure-bg.webp") !important;
background-repeat: no-repeat !important;
background-position:center center !important;
background-size: cover !important;
}
.fee-box-title h3 {
/* font-weight: 500 !important;
font-size: clamp(24px, 1.67vw, 32px) !important;
line-height: 1 !important; */
/* margin: 0px !important; */
}
.fee-box-title {
/* margin: 0 auto !important; */
margin-left: auto !important;
margin-right: auto !important;
}
.fee-card {
/* border: 1px solid #fff; */
}
.fee-title h5 {
font-size: clamp(14px, 10.98px + 0.68vw, 24px) !important;
margin: 0px !important;
white-space: nowrap;
}
.fee-description h3 {
/* font-size: clamp(28px, 2.5vw, 46px) !important;
font-weight: 500 !important; */
margin: 0px !important;
white-space: nowrap;
}
.fee-seperator {
max-height: 3px;
}
.fee-card .fusion-column-wrapper {
backdrop-filter: blur(30px);
background-color: rgba(255, 255, 255, 0.1);
padding:
clamp(20px, calc(20px + 20 * ((100vw - 430px) / 1490)), 40px)
0px
clamp(20px, calc(20px + 12 * ((100vw - 430px) / 1490)), 32px)
0px !important;
/* width: clamp(189px, 18.23vw, 350px) !important;
width: clamp(189px, 18.23vw, 350px) !important; */
border-width: 2px !important;
border-image: linear-gradient(
180deg,
rgba(241, 200, 42, 0.5) 0%,
rgba(255, 255, 255, 0.5) 100%
) 1;
}
.fee-card-right .fusion-column-wrapper {
backdrop-filter: blur(20px);
background-color: rgba(255, 255, 255, 0.1);
padding:
clamp(20px, calc(20px + 20 * ((100vw - 430px) / 1490)), 40px)
0px
clamp(20px, calc(20px + 12 * ((100vw - 430px) / 1490)), 32px)
0px !important;
border-width: 2px !important;
border-image: linear-gradient(
180deg,
rgba(241, 200, 42, 0.5) 0%,
rgba(255, 255, 255, 0.5) 100%
) 1 !important;
}
.fee-left-area {
}
.fee-left-area > .fusion-column-wrapper {
max-width: 82% !important;
}
.fee-right-area {
justify-content: flex-end !important;
}
.fee-right-area > .fusion-column-wrapper {
max-width: 82% !important;
}
/* =================================================== Fee Structure End ================================ */
/* =================================================== Next Leap Start ================================ */
.fusion-fullwidth.next-leap-section-main {
background-image:url("/wp-content/uploads/2026/01/take-a-leap-bg.webp"),
url("/wp-content/uploads/2026/01/take-aleap-bg-2.webp") !important;
background-repeat: no-repeat, no-repeat;
background-position:
right clamp(-188px, calc(-188px + 188 * ((100vw - 641px) / 1279)), 0px) bottom,
center center !important;
/* background-size: auto clamp(325px, calc(26.8vw + 153px), 668px), cover !important; */
background-size: auto clamp(340px, calc(340px + 360 * ((100vw - 641px) / 1279)), 700px), cover !important;
/* height: clamp(552px, 40.1vw, 770px) !important;
max-height: clamp(552px, 40.1vw, 770px) !important; */
height: clamp(340px, calc(340px + 430 * ((100vw - 641px) / 1279)), 770px);
max-height: clamp(340px, calc(340px + 430 * ((100vw - 641px) / 1279)), 770px);
}
.postid-3013 .fusion-fullwidth.next-leap-section-main {
background-image: url(/wp-content/uploads/2026/04/next-leap-ba-h.webp), url(/wp-content/uploads/2026/01/take-aleap-bg-2.webp) !important;
}
.postid-3098 .fusion-fullwidth.next-leap-section-main {
background-image: url(/wp-content/uploads/2026/04/next-leap-bcom-desktop-2.webp), url(/wp-content/uploads/2026/01/take-aleap-bg-2.webp) !important;
background-size: auto clamp(340px, calc(340px + 430 * ((100vw - 641px) / 1279)), 770px), cover !important;
}
.postid-3096 .fusion-fullwidth.next-leap-section-main {
background-image: url(/wp-content/uploads/2026/04/bca-next-leap-desktop.webp), url(/wp-content/uploads/2026/01/take-aleap-bg-2.webp) !important;
background-size: auto clamp(340px, calc(340px + 430 * ((100vw - 641px) / 1279)), 770px), cover !important;
}
.postid-3101 .fusion-fullwidth.next-leap-section-main {
background-image: url(/wp-content/uploads/2026/04/leap-bh-eng.webp), url(/wp-content/uploads/2026/01/take-aleap-bg-2.webp) !important;
background-size: auto clamp(340px, calc(340px + 430 * ((100vw - 641px) / 1279)), 770px), cover !important;
}
@media(max-width: 640px) {
.fusion-fullwidth.next-leap-section-main {
height: 551px;
min-height: 551px;
background-position: right clamp(-118px, -177.31px + 9.24vw, 0px) bottom, center center !important;
background-size: auto 60%, cover !important;
}
.fusion-fullwidth.next-leap-section-main .fusion-builder-row {
align-content:flex-start;
}
}
@media(max-width: 430px) {
.fusion-fullwidth.next-leap-section-main {
background-position: center bottom, center center !important;
}
.fusion-fullwidth.next-leap-section-main {
background-image:url("/wp-content/uploads/2026/03/next-leap-mb.webp"),
url("/wp-content/uploads/2026/01/take-aleap-bg-2.webp") !important;
background-size: contain, cover !important;
}
.postid-3013 .fusion-fullwidth.next-leap-section-main {
background-image:url("/wp-content/uploads/2026/04/next-leap-ba-h-mobile.webp"),
url("/wp-content/uploads/2026/01/take-aleap-bg-2.webp") !important;
}
.postid-3098 .fusion-fullwidth.next-leap-section-main {
background-image:url("/wp-content/uploads/2026/04/next-leap-bcom-mobile.webp"),
url("/wp-content/uploads/2026/01/take-aleap-bg-2.webp") !important;
}
.postid-3096 .fusion-fullwidth.next-leap-section-main {
background-image:url("/wp-content/uploads/2026/04/bca-next-leap-mobile.webp"),
url("/wp-content/uploads/2026/01/take-aleap-bg-2.webp") !important;
}
.postid-3101 .fusion-fullwidth.next-leap-section-main {
background-image:url("/wp-content/uploads/2026/04/leap-bh-eng-mob.webp"),
url("/wp-content/uploads/2026/01/take-aleap-bg-2.webp") !important;
}
}
@media(max-width: 400px) {
.fusion-fullwidth.next-leap-section-main {
max-height: 520px;
}
}
.next-leap-section-main .secondary-title {
padding-top: clamp(60px, 7.24vw, 139px);
margin-bottom: clamp(10px, 1.56vw, 30px) !important;
}
.next-leap-desc p {
color: #222;
font-size: clamp(14px, 1.67vw, 32px) !important;
line-height: 1.5 !important;
}
/* =================================================== Next Leap End ================================ */
/* =================================================== Admission Process Start ================================ */
.admission-process-section-main {
/* position: relative !important;
background-image:url("/wp-content/uploads/2026/01/process-wave.png") !important;
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: contain !important;
height: clamp(552px, 40.1vw, 770px) !important;
max-height: clamp(552px, 40.1vw, 770px) !important; */
position: relative;
width: 100%;
max-width: 1400px; /* Cap the width so it doesn't look too stretched on 4k */
margin: 0 auto;
padding: 50px 0;
overflow: hidden; /* Prevent horizontal scroll */
}
/* The Winding Road Background */
.roadmap-bg {
border: 4px solid green !important;
position: absolute !important;
top: 50% !important;
left: 0 !important;
width: 100% !important;
height: 200px !important; /* Adjust based on your SVG aspect ratio */
transform: translateY(-50%) !important;
z-index: 0;
}
.roadmap-bg img {
border: 4px solid red !important;
width: 100%;
height: 100%;
object-fit: fill !important; /* Ensures the road stretches to connect the dots */
}
.admission-process-section-inner {
border: 3px solid yellow !important;
/* border: 3px solid red !important;
position: relative !important; */
/* max-width: 1049px; */
display: flex !important;
justify-content: space-between !important;
position: relative !important;
z-index: 1; /* Content sits on top of the road */
height: 600px !important; /* Fixed height is necessary to align top vs bottom */
}
.step {
flex: 1 !important; /* Each step takes equal width */
display: flex !important;
flex-direction: column !important;
align-items: center !important;
position: relative !important;
}
/* Top Steps (1, 3, 5) */
.step-top {
justify-content: flex-start !important; /* Pushes content to top */
padding-bottom: 50px !important; /* Space for the marker to sit on the line */
}
/* Bottom Steps (2, 4) */
.step-bottom {
justify-content: flex-end !important; /* Pushes content to bottom */
padding-top: 50px !important;
}
.admission-process-box-1,
.admission-process-box-3,
.admission-process-box-5 {
transform: translateY(-50%);
/* border: 2px solid green !important; */
width: clamp(93px, 8.39vw, 161px) !important;
}
.admission-process-box-2,
.admission-process-box-4 {
transform: translateY(50%);
/* border:2px solid red !important; */
width: clamp(93px, 8.39vw, 161px) !important;
}
.admission-process-box-1,
.admission-process-box-2,
.admission-process-box-3,
.admission-process-box-4,
.admission-process-box-5 {
position: absolute !important;
/* width: clamp(93px, 8.39vw, 161px) !important; */
/* width: 210px !important;
max-width: 210px !important; */
}
.admission-process-box-1 {
border: 2px solid green;
}
.admission-process-box-2 {
border: 2px solid red;
}
.admission-process-box-3 {
border: 2px solid yellow;
}
.admission-process-box-4 {
border: 2px solid blue;
}
.admission-process-box-5 {
border: 2px solid purple;
}
.admission-process-box-1 {
left: 0 !important;
}
.admission-process-box-2 {
left: calc(1 * clamp(93px, 8.39vw, 210px)) !important;
}
.admission-process-box-3 {
left: calc(2 * clamp(93px, 8.39vw, 210px)) !important;
}
.admission-process-box-4 {
left: calc(3 * clamp(93px, 8.39vw, 210px)) !important;
}
.admission-process-box-5 {
left: calc(4 * clamp(93px, 8.39vw, 210px)) !important;
}
/* .admission-process-box-1 {
left: 0% !important;
}
.admission-process-box-2 {
left: 25% !important;
}
.admission-process-box-3 {
left: 50% !important;
}
.admission-process-box-4 {
left: 75% !important;
}
.admission-process-box-5 {
left: 100% !important;
transform: translateX(-100%) translateY(-50%);
} */
/* .admission-process-box-1 {
border: 2px solid green !important;
max-width: 209px;
width: 100%;
position: absolute !important;
left: 0px !important;
}
.admission-process-box-2 {
border: 2px solid yellow !important;
max-width: 209px;
width: 100%;
position: absolute !important;
left: 209px !important;
}
.admission-process-box-3 {
border: 2px solid blue !important;
max-width: 209px;
width: 100%;
position: absolute !important;
left: 408px !important;
}
.admission-process-box-4 {
border: 2px solid purple !important;
max-width: 209px;
width: 100%;
position: absolute !important;
left:627px !important;
}
.admission-process-box-5 {
border: 2px solid orange !important;
max-width: 209px;
width: 100%;
position: absolute !important;
left:836px !important;
}
.admission-process-section-inner {
border: 3px solid red !important;
position: relative;
max-width: 1049px;
} */
/* .admission-process-section-inner {
border: 6px solid red !important;
max-width: 1049px;
margin: 0 auto;
display: grid !important;
grid-template-columns: repeat(5, 1fr);
grid-template-columns: repeat(5, minmax(93px, 1fr)) !important;
align-items: start;
padding-top: 80px;
}
.admission-process-box-1,
.admission-process-box-3,
.admission-process-box-5 {
transform: translateY(-50%);
border: 2px solid green !important;
}
.admission-process-box-2,
.admission-process-box-4 {
transform: translateY(50%);
border:2px solid red !important;
}
*/
/* =================================================== Admission Process End ================================ */
/* ========================================== About Us Page Start =========================================== */
.fusion-fullwidth.about-page-our-programme .programme-nav-wrappper {
bottom: -60px !important;
}
.applyNowBtn.about-join span.fusion-button-text {
font-size: clamp(14px, 12.7px + 0.28vw, 18px);
}
/* Desktop */
.video-banner {
width: 100%;
height: clamp(380px, 33.85vw, 650px);
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
background: black;
position: relative;
z-index: 0;
}
.video-banner::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(
90deg,
#18201D 0%,
rgba(24, 32, 29, 0) 100%
);
z-index: 1;
}
video.abt-us-video {
width: 100%;
max-width: 1920px;
height: 100%;
/* margin: 0 auto; */
object-fit: fill;
max-height: 650px;
min-height: 800px;
}
.about-title {
position: absolute;
top: 50%;
left: 0px;
transform: translate(0px, -50%);
text-align: center;
color: #ffffff;
z-index: 2;
/* padding: 20px; */
/* max-width: 511px; */
text-align: left;
width: 100%;
max-width: 744px;
height:100%;
background: linear-gradient(
90deg,
#18201D 0%,
rgba(24, 32, 29, 0) 100%
);
}
.abt-title-wrapper {
max-width: 511px;
position: absolute;
top: 50%;
transform: translate(clamp(16px, 5.21vw, 100px), -50%);
}
.btn-wrapper {
max-width: 190px;
padding-top: 30px;
}
.about-title p {
font-size: clamp(20px, 1.67vw, 32px) !important;
margin-bottom: 0px !important;
z-index: 2; /* above overlay */
}
.about-title h1 {
font-size: clamp(32px, 3.33vw, 64px) !important;
font-weight: 900 !important;
margin: 0 !important;
line-height: 1 !important;
color: #F1C82A !important;
}
.about-banner-highlight-box {
min-width: 195px !important;
}
.about-banner-highlight-box-border::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translatey(-50%);
height: clamp(42px, 3.125vw, 60px);
width: 1px;
background: #fff;
}
.about-banner-highlight-box-border-2::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translatey(-50%);
height: 60px;
width: 1px;
background: #fff;
}
/* Welcome Section */
.welcome-to-manavrachna {
}
.fusion-fullwidth.welcome-to-manavrachna {
padding-top: clamp(45px, 5.21vw, 100px);
background-image: url(/wp-content/uploads/2026/01/welcome-about.webp);
height: clamp(777px, 41.67vw, 800px);
max-height: clamp(777px, 41.67vw, 800px);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.welcome-to-manavrachna-text p .yellow-highlight {
font-weight: 600 !important;
}
/* Bridging The Gap Section */
.fusion-fullwidth.manav-rachna-online-about {
background-image: url(/wp-content/uploads/2026/01/bridging-the-gap-bg.webp);
padding-top: clamp(40px, 8.75vw, 168px);
padding-bottom: clamp(40px, 8.75vw, 168px);
background-position: 100% 50%;
}
.fusion-fullwidth.manav-rachna-online-about::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(90deg, #09103C 30%, rgba(9, 16, 60, 0) 90%);
pointer-events: none;
}
/* ================= President's Message ============ */
.fusion-fullwidth.president-message-main {
padding-left: clamp(16px, -24.86px + 9.48vw, 157px);
padding-right: clamp(16px, -24.86px + 9.48vw, 157px);
padding-top: clamp(60px, 3.96vw, 76px);
padding-bottom: clamp(60px, 5.21vw, 100px);
}
.president-text.slimline-scroll {
max-height: unset;
}
.president-text p {
font-size: clamp(14px, 0.94vw, 18px);
line-height: 1.5 !important;
}
.president-third-title h6 {
font-size: clamp(14px, 1.25vw, 24px) !important;
line-height: 1.5 !important;
font-weight: 500 !important;
}
.president-secondary-title h5 {
font-size: clamp(20px, 1.25vw, 24px) !important;
font-weight: 600 !important;
line-height: 1.5 !important;
}
/* Why Choose */
.why-choose-abt-carousel{
padding-left:clamp(
16px,
calc(16px + (100 - 16) * ((100vw - 430px) / (1920 - 430))),
100px
) !important;
padding-right: 0px
}
.fusion-fullwidth.why-choose-abt-main {
background-color: rgba(229, 245, 255, 0.5);
padding:
clamp(60px, 5.21vw, 100px)
0
clamp(40px, 5.21vw, 100px)
0;
}
.p-card-image img {
width: 100%;
}
.p-card-image {
width: 100%;
}
.p-card-title h3 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.p-card-description p {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.p-card-main {
height: -webkit-fill-available;
}
.p-card-main .applyNowBtn span.fusion-button-text {
font-size: clamp(14px, 13.26px + 0.15vw, 16px) !important;
}
.our-program-abt-main .fusion-post-cards .fusion-load-more-button {
display: none !important;
}
.fusion-fullwidth.our-program-abt-main {
/* background-image: url(/wp-content/uploads/2025/12/logo1-2.webp);
background-size: 317px;
background-position: 78% 94%;
background-blend-mode: luminosity; */
position: relative;
}
.fusion-fullwidth.our-program-abt-main::before {
content: "";
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background-image: url(/wp-content/uploads/2025/12/logo1-2.webp);
background-size: 317px;
background-position: 78% 94%;
background-repeat: no-repeat;
filter: grayscale(100%);
/* opacity: 0.1; */
mix-blend-mode: luminosity;
}
/* Join Us */
.fusion-fullwidth.join-us-bg-main {
background-image:
url('/wp-content/uploads/2026/01/join-us-bg-top.webp'),
url('/wp-content/uploads/2026/01/join-us-bg-back.webp ');
background-position:
100% 100%, /* position for image1 */
100% 100%; /* position for image2 */
background-size:
cover, /* size for image1 */
cover; /* size for image2 */
background-repeat:
no-repeat, /* image1 */
no-repeat; /* image2 */
padding-top: clamp(
47px,
calc(47px + (121 - 47) * ((100vw - 430px) / (1920 - 430))),
121px
);
padding-bottom: clamp(
0px,
calc(0px + (212 - 0) * ((100vw - 430px) / (1920 - 430))),
212px
);
}
.fusion-fullwidth.start-to-success-abt-main .h2-title {
margin-bottom: 20px !important;
}
.start-to-success-text {
font-size: clamp(14px, 0.94vw, 18px);
line-height: 1.5;
color: #222;
text-align: center;
}
.start-to-success-text-1 {
max-width: 1577px;
margin: 0 auto !important;
margin-bottom: 20px !important;
}
.start-to-success-text-2 {
max-width: 1655px;
margin: 0 auto !important;
margin-bottom: 80px !important;
}
.fusion-fullwidth.start-to-success-abt-main .panorama-section {
/* border: 2px solid green; */
/* height: clamp(812px, 55.94vw, 1074px) !important; */
min-height: clamp(812px, 55.94vw, 1074px) !important;
/* justify-content:flex-start;
padding-top: 60px !important; */
}
.fusion-fullwidth.start-to-success-abt-main .panorama-section .hz-card {
height: clamp(250px, 26.04vw, 500px) !important;
}
.awards_and_accreditations-image.awards_and_accreditations-image-1 img {
max-width: 305px;
width: 100%;
}
.awards_and_accreditations-image.awards_and_accreditations-image-2 img {
max-width: 305px;
width: 100%;
}
.fusion-fullwidth.our-awards-and-accreditations {
padding-top: clamp(91px, 5.21vw, 100px);
padding-bottom: clamp(60px, 5.21vw, 100px);
/* background-image: url(/wp-content/uploads/2025/12/logo1-2.webp); */
/* background-size: 337px; */
/* background-size: clamp(100px, 17.55vw, 337px); */
/* background-position: top left; */
/* background-blend-mode: luminosity; */
}
.fusion-fullwidth.our-awards-and-accreditations::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
/* Paste your image URL here */
background-image: url(/wp-content/uploads/2025/12/logo1-2.webp);
background-size: clamp(100px, 17.55vw, 337px);
background-position: top left;
background-repeat: no-repeat;
/* The Gray/Figma effects */
filter: grayscale(100%);
opacity: 1;
mix-blend-mode: luminosity;
}
.our-awards-and-accreditations .our-awards-and-accreditations-text {
margin: 0 auto;
}
.fusion-fullwidth.knowledge-partner-top {
padding-top: clamp(60px, 5.21vw, 100px);
}
.fusion-fullwidth.knowledge-partner-bottom .hiring-partners-container .hiring-partners-2 {
/* padding-left: clamp(
0px,
calc(0px + (100 - 0) * ((100vw - 430px) / (1920 - 430))),
100px
); */
}
.fusion-fullwidth.knowledge-partner-bottom .hiring-partners-container .hiring-partners-2 .swiper {
padding-top: 20px;
}
.fusion-fullwidth.knowledge-partner-bottom .hiring-partners-container .swiper-slide {
height: 150px; /* equal slide box */
display: flex;
align-items: center;
justify-content: center;
}
.fusion-fullwidth.knowledge-partner-bottom .hiring-partners-container .swiper-slide img {
max-height: 100px;
width: auto;
object-fit: contain;
}
.fusion-fullwidth.knowledge-partner-bottom .hiring-partners-2 .swiper {
padding-bottom: clamp(50px, 5.21vw, 100px);
}
/* Mobile */
@media (max-width: 1328px) {
.our-awards-and-accreditations .award-carousel-wrapper > .fusion-column-wrapper {
margin: unset !important;
max-width: unset !important;
}
}
@media (max-width: 1024px) {
.fusion-fullwidth.join-us-bg-main {
background-position: 0% 100%, /* position for image1 */ 100% 100%;
}
}
@media(max-width: 991px) {
.fusion-fullwidth.join-us-bg-main {
background-position: 40% 100%, /* position for image1 */ 100% 100%;
}
}
@media (max-width: 1024px) {
.container-padding.benifit-about-section {
padding-right: 0px !important;
}
.online-degree-right .fusion-title-2 {
padding:0px 26px !important;
padding-left: 0px !important;
}
}
@media (max-width: 768px) {
.fusion-fullwidth.knowledge-partner-bottom .hiring-partners-container .swiper-slide {
/* max-height: 120px !important; */
height: 120px !important;
}
/* .video-banner {
height: 316px;
} */
}
@media (max-width: 640px) {
.knowledge-partners-container-left-col .fusion-text {
margin: 0 auto;
}
.common-faq .panel-group .fusion-panel:not(:last-child) {
margin-bottom: 10px;
}
.program-cards-container-abt ul {
justify-content: center;
}
.our-program-abt-main .fusion-grid-4>.fusion-grid-column {
max-width: 398px;
}
.fusion-fullwidth.start-to-success-abt-main .h2-title {
max-width: 100%;
margin-bottom: 10px !important;
}
.start-to-success-text-1 {
margin-bottom: 10px !important;
}
.our-program-abt-main .fusion-post-cards .fusion-load-more-button {
display: block !important;
border: 1px solid #0B4696;
background-color: transparent;
border-radius: 28px;
max-width: 157px;
margin: 0 auto;
font-size: 16px;
font-weight: 600;
display: flex !important;
justify-content: center;
align-items: center;
padding: 12px 30px;
margin-top: 14px;
}
.fusion-fullwidth.welcome-to-manavrachna {
background-image: url(/wp-content/uploads/2026/01/welcome-about-mobile.webp);
}
.fusion-fullwidth.manav-rachna-online-about {
background-image: url(/wp-content/uploads/2026/01/bridging-the-gap-mobile.webp), linear-gradient(180deg, #09103C 100%, rgba(9, 16, 60, 0) 80%) !important;
background-size: contain;
background-position: bottom !important;
}
.fusion-fullwidth.manav-rachna-online-about::before {
background: unset !important;
}
/* https://manavrachna.srvx.in/wp-content/uploads/2026/01/bridging-the-gap-mobile.webp */
/* .welcome-to-manavrachna > .fusion-row {
padding-top: 45px;
} */
}
/* ========================================== About Us Page Start =========================================== */
/* Form */
/* .page-id-2487 .fusion-loading-msg {
display: none;
} */
.page-id-2487 .fusion-loading-container {
text-align: center;
margin-bottom: 20px;
}
.page-id-2487 .fusion-post-cards .fusion-load-more-button:hover {
background-color: #bd2126;
}
.page-id-2487 .fusion-post-cards .fusion-load-more-button:focus {
background-color: #CCCCCC !important;
}
.mr-form-container {
font-family: 'Poppins', sans-serif;
box-sizing: border-box;
background-color: #080808;
width: 100%;
max-width: 450px;
padding: 30px;
border-radius: 20px;
border: 2px solid #ffffff;
color: white;
position: relative;
margin: 0 auto;
}
/* Header */
.mr-form-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 25px;
}
.mr-form-header h2 {
margin: 0;
font-size: 32px;
font-weight: 400;
color: #fff;
}
/* Close Button */
.mr-close-btn {
width: 32px;
height: 32px;
border: 1px solid white;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
font-size: 14px;
transition: 0.2s;
}
.mr-close-btn:hover {
background: white;
color: black;
}
/* Layout Helpers */
.mr-form-group {
margin-bottom: 15px;
}
.mr-form-row {
display: flex;
gap: 15px;
margin-bottom: 15px;
}
.mr-form-col {
flex: 1;
}
/* Inputs & Selects */
.mr-form-container input,
.mr-form-container select,
input[type=text] {
width: 100%;
box-sizing: border-box;
padding: 14px 15px;
background-color: #1a1a1a !important;
border: 1px solid transparent;
border-radius: 8px;
color: white;
font-size: 14px;
outline: none;
transition: 0.3s;
font-family: inherit;
}
.mr-form-container input::placeholder {
color: #b0b0b0;
}
.mr-form-container input:focus,
.mr-form-container select:focus {
border-color: #555;
background-color: #222;
}
/* Custom Select Arrow */
.mr-form-container select {
appearance: none;
-webkit-appearance: none;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 15px center;
background-size: 16px;
cursor: pointer;
}
/* Checkbox */
.mr-consent-box {
display: flex;
align-items: flex-start;
gap: 10px;
font-size: 11px;
color: #ccc;
margin-bottom: 25px;
margin-top: 5px;
line-height: 1.4;
cursor: pointer;
}
.mr-consent-box input[type="checkbox"] {
width: 16px;
height: 16px;
margin-top: 2px;
accent-color: #555;
cursor: pointer;
flex-shrink: 0;
}
/* Submit Button */
.mr-submit-btn {
font-size: clamp(14px, 12.7px + 0.28vw, 18px);
font-weight: 600;
background-color: #c9252b;
color: white;
border: none;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
transition: background 0.3s;
font-family: inherit;
position: relative;
overflow: hidden;
z-index: 1;
white-space: nowrap;
}
.mr-submit-btn::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background-color: #0B4696; /* yellow */
z-index: -1;
transition: width 0.4s ease;
}
.mr-submit-btn:hover::before {
width: 100%;
}
.mr-submit-btn:hover {
background-color: #a81c21;
color: #fff;
}
.mr-btn-icon {
background-color: white;
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.mr-btn-icon svg {
width: 18px;
height: 18px;
stroke: #c9252b;
}
.main-form .off-canvas-content {
border-radius: 20px;
}
.main-form .off-canvas-content > .fusion-fullwidth {
/* border: 8px solid red !important; */
padding: 0px !important;
}
.main-form button.off-canvas-close {
width: 32px;
height: 32px;
border: 1px solid #fff !important;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
font-size: 14px;
transition: 0.2s;
margin-top: 32px !important;
margin-right: 32px !important;
}
.main-form .awb-icon-close:before {
color: #fff !important;
}
.main-form .off-canvas-content > .fusion-fullwidth .fusion-layout-column {
margin: 0px !important;
} 0px clamp(48px, 34.87px + 3.03vw, 93px); clamp(15px, 10.51px + 1.02vw, 30px);
/* ======================================================================================== Short Duration Program Start */
#why-choose-us-ug .swiper {
align-items: stretch;
}
#why-choose-us-ug .swiper-slide {
height: auto;
}
#why-choose-us-ug .swiper-wrapper {
align-items: stretch;
}
h4.wcu-card__title {
margin: 0px;
margin-bottom: 6px;
color: #fff !important;
font-size: clamp(14px, 12.09px + 0.42vw, 20px) !important;
}
.wcu-card__desc p{
margin: 0px;
color: #fff !important;
font-size: clamp(14px, 12.7px + 0.28vw, 18px) !important;
}
.wcu-card {
padding: clamp(20px, 14.05px + 1.36vw, 40px) 0px clamp(8px, -8.91px + 3.91vw, 66px) clamp(15px, 10.51px + 1.02vw, 30px);
background-repeat: no-repeat;
background-size: cover;
background-position: right clamp(-56px, -72.28px + 3.77vw, 0px) center;
height: 100%;
}
.wcu-card__content {
max-width: clamp(190px, 158.08px + 7.4vw, 300px);
}
.wcu-card__overlay {
position: absolute;
inset: 0;
background: linear-gradient(to right, #162D4D 0%, rgba(22, 45, 77, 0) 100%);
pointer-events: none;
}
.wcu-card__content {
position: relative;
z-index: 1; /* sits above the overlay */
}
/* Join Us */
.fusion-fullwidth.short-duration-join-us {
background-image: url('/wp-content/uploads/2026/03/Frame-1621507140-1.webp');
background-size: clamp(1700px, 1447.75px + 24.6vw, 1920px);
background-repeat: no-repeat;
background-position: center bottom;
padding-top: clamp(
47px,
calc(47px + (121 - 47) * ((100vw - 430px) / (1920 - 430))),
121px
);
padding-bottom: clamp(
0px,
calc(0px + (212 - 0) * ((100vw - 430px) / (1920 - 430))),
212px
);
}
.watch-icon {
display: inline-flex; /* helps alignment */
align-items: center;
}
.watch-icon::after {
content: "";
display: inline-block;
width: clamp(30px, 20.91px + 2.09vw, 61px); /* adjust size */
height: clamp(28px, 19.77px + 1.89vw, 56px);
background-image: url("/wp-content/uploads/2026/04/watch.svg"); /* update path */
background-size: contain;
background-repeat: no-repeat;
margin-left: 6px;
}
/* Desktop - normal */
/* Styling for the toggle links below 1024px */
@media (max-width: 1023px) {
.short-duration-programme-read-more p {
display: inline; /* Keeps text and link on the same line */
}
/* Forces paragraphs to look like paragraphs again while keeping the link inline */
.short-duration-programme-read-more p:after {
content: "\A";
white-space: pre;
}
.rm-toggle-link {
display: inline !important;
color: #ffffff !important;
font-weight: 700 !important;
text-decoration: none !important;
margin-left: 5px;
cursor: pointer;
font-family: inherit;
white-space: nowrap;
}
/* Spacing between paragraphs when expanded */
.short-duration-programme-read-more p {
margin-bottom: 10px;
}
}
.fusion-fullwidth.short-duration-banner {
height: 650px;
max-height: clamp(
450px,
calc(450px + (650 - 450) * ((100vw - 1025px) / (1920 - 1025))),
650px
);
position: relative;
background:url(/wp-content/uploads/2026/01/data-int-hero-2.webp);
background-position: right;
background-size: cover;
background-repeat: no-repeat;
}
.short-duration-programme-read-more {
}
.fusion-fullwidth.max-1240 {
width: 64.6%;
max-width: 1240px;
}
.special-container {
position: absolute !important;
right: 0px !important;
width: calc(100% - 64.6%);
height: 100%;
padding-top: clamp(
40px,
calc(40px + (117 - 40) * ((100vw - 1025px) / (1920 - 1025))),
117px
) !important;
z-index: 999 !important;
padding-right: clamp(16px, calc(16px + (100 - 16) * ((100vw - 430px) / (1920 - 430))), 100px) !important;
}
.course-info-sticky-card-icon img {
min-width: clamp(32px, 2.08vw, 40px);
width: clamp(32px, 2.08vw, 40px);
}
.course-info-sticky-card {
/* top: clamp(
40px,
calc(40px + (117 - 40) * ((100vw - 1025px) / (1920 - 1025))),
117px
) !important; */
top: clamp(90px, 9.11vw, 117px) !important;
padding: 4px;
overflow: hidden;
border-radius: 20px;
position: -webkit-sticky !important;
position: sticky !important;
/* top: 217px !important; */
height: fit-content !important;
align-self: flex-start !important;
z-index: 999 !important;
background-color: #fff;
/* height: 680px !important; */
width: 100% !important;
max-width: clamp(390px, 26.72vw, 513px) !important;
box-shadow: 0px 0px 44px 0px rgba(0, 0, 0, 0.25);
padding-bottom: clamp(13px, 1.17vw, 30px);
top: clamp(93px, 6.9vw, 132px) !important;
}
/* .course-info-sticky-card .fusion-column-wrapper .fusion-builder-row ,.fusion-title-2 {
padding: 0px 26px !important;
} */
.course-info-sticky-card .fusion-column-wrapper .fusion-builder-row,
.course-info-sticky-card .fusion-column-wrapper .fusion-title-2 {
/* padding: 0 26px !important; */
}
.course-info-sticky-card .fusion-column-wrapper .fusion-separator {
padding: 0px 26px !important;
}
.course-info-sticky-card-rows-padding {
padding: 0px 26px;
}
.course-info-sticky-card .course-card-banner img {
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
/* 2. Unblock the parent containers (Critical) */
.fusion-fullwidth,
.fusion-builder-row,
.fusion-flex-container {
overflow: visible !important;
}
/* 3. Specifically target the inner wrapper to ensure it doesn't collapse */
.course-info-sticky-card .fusion-column-wrapper {
height: auto !important;
}
.course-info-sticky-card .applyNowBtn {
width: 100% !important;
border-radius: 0px !important;
max-height: 60px;
}
.course-info-sticky-card .applyNowBtn:after {
/* padding: clamp(9px, 0.68vw, 13px) !important; */
max-width: clamp(30px, 2.1vw, 40px);
max-height: clamp(30px, 2.1vw, 40px);
}
.course-info-sticky-card-left-text {
max-width: calc(100% - 60px);
}
.key-learning {
max-height: 100px;
}
span.cert-mb-image img {
width: 100%;
}
@media(max-width: 640px) {
.key-learning {
max-height: unset;
}
}
.key-learning i {
font-size: 6px;
}
.key-learning .fusion-checklist .icon-wrapper, ul.fusion-checklist .icon-wrapper {
justify-content: flex-end !important;
}
.why-choose-icon {
padding: 20px;
border-radius: 30px;
background-color: #f1efd4;
}
.why-choose-icon img {
width: clamp(36px, 3.125vw, 60px);
}
.ug-bd-programme-tabs.job-roles-tabs .nav .nav-tabs {
max-width: clamp(390px, 257.07px + 30.89vw, 850px);
margin: 0 auto;
background: transparent;
}
.ug-bd-programme-tabs.job-roles-tabs .nav-tabs li .tab-link:hover {
background-color: unset;
background: unset;
border-top: 3px solid transparent;
}
.ug-bd-programme-tabs-2.job-roles-tabs .nav .nav-tabs {
background: transparent;
}
.ug-bd-programme-tabs-2.job-roles-tabs .nav-tabs li .tab-link:hover {
background-color: unset;
background: unset;
border-top: 3px solid transparent;
}
.ug-bd-programme-tabs.job-roles-tabs div.tab-pane {
background-color: transparent;
}
.ug-bd-programme-tabs-2.job-roles-tabs .nav .nav-tabs {
max-width: clamp(390px, 257.07px + 30.89vw, 850px);
margin: 0 auto;
background: transparent;
}
.job-roles-tabs {
/* border: 2px solid red; */
border: none !important;
}
.job-roles-tabs .nav .nav-tabs {
border: 1px solid #D9D9D9 !important;
border-radius: 140px;
overflow: hidden;
max-width: 634px;
}
.job-roles-tabs .nav .nav-tabs li.active a {
background-color: #BD2126 !important;
border-radius: 140px;
color: #fff !important;
}
.job-roles-tabs .nav .nav-tabs li.active a h3 {
color: #fff !important;
font-weight: 700 !important;
}
/* Job Roles Grid */
.jr-grid-wrapper {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
align-items: start;
}
@media (max-width: 640px) {
.jr-grid-wrapper {
gap: 8px;
}
p.jr-title {
margin: 0px !important;
}
}
/* Single Item */
.jr-grid-item {
display: grid;
justify-items: start;
text-align: center;
}
.jr-icon-wrapper {
padding: 20px;
background-color: #fcf4d4;
border-radius: 30px;
margin-bottom: 20px;
}
/* Icon */
.jr-icon {
max-width: 64px;
height: auto;
display: block;
}
/* Title */
.jr-title {
font-size: clamp(14px, 0.94vw, 18px);
max-width: 190px;
text-align: left;
color: #222;
line-height: 1.5;
font-weight: 500;
}
.overview-certificate h3.fusion-title-heading {
max-width: 482px;
/* width: 55% !important; */
}
.certificate-complition-left .overview-cert-desc {
max-width: 589px;
}
.certificate-complition-left .overview-cert-desc-2 {
max-width: 560px;
}
.certificate-complition-right {
/* border: 2px solid green; */
/* width: 45% !important; */
}
.certificate-img img {
/* border: 2px solid red; */
/* max-width: 494px !important; */
}
.job-role-img {
/* border: 1px solid #fff; */
background-color: #fff;
border-radius: clamp(12px, 1.56vw, 30px);
width: clamp(60px, 5.21vw, 100px);
min-width: clamp(60px, 5.21vw, 100px);
min-height: clamp(60px, 5.21vw, 100px);
display: flex !important;
justify-content: center;
align-items: center;
}
.job-role-img img {
}
.fusion-layout-column.job-roles-left {
/* border: 1px solid red; */
position: relative;
/* margin-right: clamp(
75px,
calc(75px + (186 - 75) * ((100vw - 1025px) / (1920 - 1025))),
186px
);
width: clamp(280px, 20.52vw, 394px);
max-width: clamp(280px, 20.52vw, 394px); */
}
.fusion-layout-column.job-role-content::after {
content: "";
position: absolute;
right: clamp(
-93px,
calc(-20px + (-93 + 20) * ((100vw - 1025px) / (1920 - 1025))),
-20px
);
top: 50%;
transform: translateY(-50%);
width: 1px; /* divider thickness */
height: 94px; /* divider height */
background-color: #ccc; /* divider color */
}
.fusion-layout-column.job-roles-right {
/* max-width: 395px; */
/* width: clamp(280px, 20.52vw, 394px);
max-width: clamp(280px, 20.52vw, 394px); */
}
.fusion-layout-column.job-role-gif {
/* border: 1px solid #fff; */
/* max-width: 120px; */
/* width: 100px;
height: 100px;
max-height: 100px; */
}
.fusion-layout-column.job-role-gif img {
/* border: 1px solid red; */
width: clamp(48px, 4.17vw, 80px);
height: clamp(48px, 4.17vw, 80px);
}
.fusion-layout-column.job-role-gif span {
padding: 10px;
background-color: #fff;
min-width: clamp(60px, 5.21vw, 100px);
height: clamp(60px, 5.21vw, 100px);
border-radius: clamp(12px, 1.56vw, 30px);
}
.fusion-layout-column.job-role-content {
/* border: 1px solid yellow; */
max-width: clamp(190px, 14.06vw, 270px);
margin-left: 25px;
position: relative;
}
.fusion-layout-column.job-role-content-right {
/* border: 1px solid yellow; */
max-width: clamp(190px, 14.06vw, 270px);
margin-left: 25px;
position: relative;
}
.fusion-fullwidth.course-curriculum-main {
}
/* .course-curriculum-toggle {
border: 2px solid blue;
} */
/* .course-curriculum-toggle .fusion-tabs.mobile-mode-carousel>.nav {
display: block !important;
position: relative;
} */
@media(min-width: 640px) {
/* .course-curriculum-toggle .fusion-tabs.mobile-mode-carousel .nav-tabs {
display: flex !important;
overflow-x: auto !important;
} */
.course-curriculum-toggle .fusion-tabs.mobile-mode-carousel .nav-tabs.nav-justified li {
flex: 1 !important;
width: 100%;
min-width: 363px;
}
.course-curriculum-toggle .fusion-tabs.mobile-mode-carousel .nav-tabs li .tab-link {
white-space: normal !important;
}
/* 1. Target the specific curriculum toggle element */
.course-curriculum-toggle .fusion-tabs.mobile-mode-carousel .nav-tabs {
display: flex !important;
overflow-x: auto !important;
/* Hide scrollbar for Firefox */
scrollbar-width: none;
/* Hide scrollbar for IE, Edge and older browsers */
-ms-overflow-style: none;
margin-bottom: 1px;
}
/* 2. Hide scrollbar for Chrome, Safari and Opera */
.course-curriculum-toggle .fusion-tabs.mobile-mode-carousel .nav-tabs::-webkit-scrollbar {
display: none;
}
}
.course-curriculum-toggle .panel-group .fusion-panel:not(:last-child) {
margin-bottom: 20px;
}
.course-curriculum-toggle .panel-group .fusion-panel:hover {
border-color: #919191 !important;
}
.course-curriculum-toggle .panel-group .fusion-panel {
border-radius: clamp(12px, 1.05vw, 20px);
border: 1px solid #919191;
}
.course-curriculum-toggle .panel-heading a {
color: #000 !important;
height: 60px;
max-height: 60px;
align-items: center !important;
}
.course-curriculum-toggle .fusion-accordian .fusion-panel.fusion-toggle-has-divider:hover {
border-color: #919191 !important;
}
.course-curriculum-toggle .job-roles-tabs .nav .nav-tabs {
max-width: 100%;
width:100%;
}
.course-curriculum-toggle .job-roles-tabs .nav .nav-tabs li.active a h3 {
font-weight: 400 !important;
}
.course-curriculum-toggle .job-roles-tabs .nav .nav-tabs li a h4 strong {
display: contents;
border: 1px solid yellow;
/* font-weight: 400 !important;
font-size: 16px !important;
line-height: 1.5 !important; */
}
.course-curriculum-toggle .panel-heading a.active {
background-color: #0B4696;
border-top-left-radius: clamp(12px, 1.05vw, 20px);
border-top-right-radius: clamp(12px, 1.05vw, 20px);;
}
.course-curriculum-toggle .panel-heading a.active .fusion-toggle-heading {
color: #fff;
}
.course-curriculum-toggle .panel-heading a {
padding: 12px 20px !important;
flex-direction: row-reverse;
justify-content: space-between;
/* border: 2px solid blue !important; */
}
.course-curriculum-toggle .panel-heading a .fusion-toggle-icon-wrapper {
border: 1px solid #C5161D;
min-width: clamp(32px, 2.08vw, 40px);
min-height: clamp(32px, 2.08vw, 40px);
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
}
.course-curriculum-toggle .panel-heading a.active .fusion-toggle-icon-wrapper {
background-color: #C5161D;
min-width: clamp(32px, 2.08vw, 40px);
min-height: clamp(32px, 2.08vw, 40px);
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
}
/* .course-curriculum-toggle .fusion-toggle-icon-wrapper i {
display: none;
}
.course-curriculum-toggle .fusion-toggle-icon-wrapper::before {
content: '';
width: clamp(19px, 1.25vw, 24px);
height: clamp(19px, 1.25vw, 24px);
display: inline-block;
background-image: url("/wp-content/uploads/2026/02/acc-plus.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.course-curriculum-toggle a[aria-expanded="true"]
.fusion-toggle-icon-wrapper::before {
background-image: url("/wp-content/uploads/2026/02/acc-into.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: clamp(19px, 1.25vw, 24px);
height: clamp(19px, 1.25vw, 24px);
} */
/* Hide default icons completely */
.course-curriculum-toggle .fusion-toggle-icon-wrapper i {
display: none !important;
}
/* Base icon */
.course-curriculum-toggle .fusion-toggle-icon-wrapper::before {
content: '';
width: clamp(19px, 1.25vw, 24px);
height: clamp(19px, 1.25vw, 24px);
display: inline-block;
background: url("/wp-content/uploads/2026/02/acc-plus.svg") no-repeat center;
background-size: contain;
transition: transform 0.3s ease;
}
/* When open */
.course-curriculum-toggle a.active .fusion-toggle-icon-wrapper::before {
transform: rotate(45deg);
content: '';
background-image: url("/wp-content/uploads/2026/03/acc-plus-white.svg");
width: clamp(17px, 1.25vw, 22px);
height: clamp(19px, 1.25vw, 24px);
display: inline-block;
background-size: contain;
}
/* .course-curriculum-toggle .fusion-toggle-icon-wrapper i,
.fusion-toggle-icon-wrapper .fa-fusion-box {
display: none !important;
} */
.course-curriculum-toggle .fusion-toggle-icon-wrapper i,
.course-curriculum-toggle .fusion-toggle-icon-wrapper .fa-fusion-box {
display: none !important;
}
.course-curriculum-toggle .panel-heading a .fusion-toggle-heading {
margin: 0px;
}
ul.course-curriculum-list {
margin: 0px;
padding-left: 32px;
}
ul.course-curriculum-list li {
font-size: clamp(14px, 1.04vw, 20px);
line-height: 1.5;
color: #555;
margin-bottom: 10px;
}
.course-curriculum-toggle .panel-body h6,
.job-roles-tabs .tab-pane h6 {
color: #000;
font-size: clamp(16px, 1.25vw, 24px);
margin: 0px;
margin-bottom: 10px;
}
.course-curriculum-toggle p.course-curriculum-toggle-content {
font-size: clamp(14px, 1.04vw, 20px);
line-height: 1.5;
color: #555;
margin: 0px;
}
p.course-curriculum-toggle-content .title-highlight {
font-weight: 700;
}
@media(max-width: 640px) {
p.course-curriculum-toggle-content .title-highlight {
display: block;
}
}
.course-curriculum-toggle .fusion-panel .panel-body {
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
}
.course-curriculum-toggle hr.course-curriculum-toggle-hr {
margin: 20px 0px;
}
.course-curriculum-toggle .panel-body h6 span {
font-weight: 600;
}
.course-curriculum-toggle .panel-body p.main-hilight-toggle {
background-color:#EFC62A;
display: flex;
max-width: 1090px;
padding: 15px 19px;
border-radius: 12px;
justify-content: flex-start;
gap: clamp(30px, 6.8vw, 130px);;
margin: 0px;
margin-bottom:36px;
margin-top:10px;
font-size: clamp(16px, 1.04vw, 20px);
}
.main-hilight-toggle span {
display: block;
}
.main-hilight-toggle span span{
font-weight: 700;
display: inline-block;
}
.fusion-fullwidth.data-int-faq .panel-heading a.active .fusion-toggle-heading {
color: #000;
}
/* Common base */
.data-int-faq-1,
.data-int-faq-2,
.data-int-faq-3,
.data-int-faq-4,
.data-int-faq-5 {
position: relative;
}
.data-int-faq-1:has(.panel-title a.active),
.data-int-faq-2:has(.panel-title a.active),
.data-int-faq-3:has(.panel-title a.active),
.data-int-faq-4:has(.panel-title a.active),
.data-int-faq-5:has(.panel-title a.active) {
border: 2px solid #0b4596;
border-radius: 6px;
}
/* Common ::after styles */
.data-int-faq-1:has(.panel-title a.active)::after,
.data-int-faq-2:has(.panel-title a.active)::after,
.data-int-faq-3:has(.panel-title a.active)::after,
.data-int-faq-4:has(.panel-title a.active)::after,
.data-int-faq-5:has(.panel-title a.active)::after {
content: "";
position: absolute;
right: clamp(
30px,
calc(30px + (150 - 30) * ((100vw - 1025px) / (1920 - 1025))),
150px
);
bottom: 0;
width: clamp(200px, 16.51vw, 317px);
height: 200px;
background-repeat: no-repeat;
background-position: bottom;
background-size: contain;
pointer-events: none;
/* animation: faqImageUp 0.6s ease forwards; */
}
/* Different images */
.data-int-faq-1:has(.panel-title a.active)::after {
background-image: url("/wp-content/uploads/2026/02/data-int-fa1-1.webp");
}
.data-int-faq-2:has(.panel-title a.active)::after {
background-image: url("/wp-content/uploads/2026/02/data-int-faq-2.webp");
}
.data-int-faq-3:has(.panel-title a.active)::after {
background-image: url("/wp-content/uploads/2026/02/data-int-faq-3.webp");
}
.data-int-faq-4:has(.panel-title a.active)::after {
background-image: url("/wp-content/uploads/2026/02/data-int-faq-4.webp");
}
.data-int-faq-5:has(.panel-title a.active)::after {
background-image: url("/wp-content/uploads/2026/02/data-int-faq-5.webp");
}
/* Animation */
@keyframes faqImageUp {
from {
transform: translateY(80px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
.fusion-fullwidth.data-int-faq .fusion-panel .panel-body {
padding: 23px 0px 27px 20px;
position: relative;
}
.fusion-fullwidth.data-int-faq .fusion-panel .panel-body p {
color: #555;
width: clamp(
340px,
calc(340px + (545 - 340) * ((100vw - 1025px) / (1920 - 1025))),
545px
);
font-size: clamp(14px, 1.04vw, 20px);
line-height: 1.5;
margin: 0px;
}
.fusion-fullwidth.data-int-faq .panel-group .fusion-panel {
border-radius: 22px;
border: 1px solid #919191;
overflow: visible;
}
.fusion-fullwidth.data-int-faq .panel-group .fusion-panel:not(:last-child) {
margin-bottom: 20px;
}
.fusion-fullwidth.data-int-faq .panel-heading a {
font-size: clamp(14px, 1.25vw, 24px);
}
.fusion-fullwidth.data-int-faq .panel-heading a.active {
border-bottom: 1px solid #919191;
background-color: #fff;
border-top-left-radius: 22px;
border-top-right-radius: 22px;
max-height: 60px;
margin: 0px;
}
.fusion-fullwidth.data-int-faq .fusion-panel .panel-body::after {
content: "";
position: absolute;
right: clamp(
30px,
calc(30px + (150 - 30) * ((100vw - 1025px) / (1920 - 1025))),
150px
);
top: 30%;
width: clamp(200px, 16.51vw, 317px);
height: 200px;
transform: translateY(-50%) rotate(0deg);
pointer-events: none;
}
.fusion-fullwidth.data-int-faq .panel-heading a {
color: #000 !important;
height: 60px;
max-height: 60px;
align-items: center !important;
}
.fusion-fullwidth.data-int-faq .fusion-accordian .fusion-panel.fusion-toggle-has-divider:hover {
border-color: #919191 !important;
}
.fusion-fullwidth.data-int-faq .data-int-faq-1 .panel-body::after {
/* background: url("/wp-content/uploads/2026/02/data-int-fa1-1.webp") no-repeat center / contain; */
}
.fusion-fullwidth.data-int-faq .data-int-faq-2 .panel-body::after {
/* background: url("/wp-content/uploads/2026/02/data-int-faq-2.webp") no-repeat center / contain; */
}
.fusion-fullwidth.data-int-faq .data-int-faq-3 .panel-body::after {
/* background: url("/wp-content/uploads/2026/02/data-int-faq-3.webp") no-repeat center / contain; */
}
.fusion-fullwidth.data-int-faq .data-int-faq-4 .panel-body::after {
/* background: url("/wp-content/uploads/2026/02/data-int-faq-4.webp") no-repeat center / contain; */
}
.fusion-fullwidth.data-int-faq .data-int-faq-5 .panel-body::after {
/* background: url("/wp-content/uploads/2026/02/data-int-faq-5.webp") no-repeat center / contain; */
}
.fusion-fullwidth.take-the-first-step-1 {
/* padding-top: clamp(60px, 5.47vw, 105px); */
background-image: url(/wp-content/uploads/2026/02/ready-to-take.webp);
background-size: cover;
background-position: 60%;
background-repeat: no-repeat;
/* max-height: 570px;
height: 570px; */
position: relative !important;
}
@media(max-width: 1024px) {
.fusion-fullwidth.take-the-first-step-1 {
background-position: 100% 0%;
}
}
.fusion-layout-column.take-the-first-step-2 {
background-size: contain;
background-repeat: no-repeat;
background-position: right;
max-height: clamp(500px, 32.03vw, 615px);
height: clamp(500px, 32.03vw, 615px);
position: relative !important;
}
.ready-to-tak-man-right img {
/* position: absolute !important; */
/* max-height: 615px; */
border: 1px solid red;
}
@media (max-width: 1366px) {
.president-text.slimline-scroll {
max-height: clamp(225px, -1.11px + 22.05vw, 300px);
}
div.fusion-text.program-benefit-card-desc-1{
/* border: 2px solid green; */
max-width: 60%;
}
div.fusion-text.program-benefit-card-desc-2{
/* border: 2px solid red; */
max-width: 60%;
}
div.fusion-text.program-benefit-card-desc-3{
/* border: 2px solid red; */
max-width: 60%;
}
div.fusion-text.program-benefit-card-desc-4{
/* border: 2px solid red; */
max-width: 60%;
}
.why-choose-icon {
padding: 15px;
border-radius: 20px;
}
}
@media(max-width: 1199px) {
/* .fusion-layout-column.job-roles-left {
margin-right: 90px;
} */
}
@media (max-width: 1024px) {
.common-faq div.fusion-panel {
background: rgba(255, 255, 255, 1);
}
.fusion-fullwidth.know-your-bba-faculty-container-main.container-padding {
padding-right: 0px !important;
}
/* Left border */
.mba-hero-highlight-box-2::before {
height: 42px !important;
}
.mba-hero-highlight-box-2::after {
height: 42px !important;
}
.fusion-fullwidth.data-int-faq .fusion-panel .panel-body p {
width: 60%;
}
.fusion-fullwidth.data-int-faq .panel-group .fusion-panel {
border-radius: 17px;
}
.fusion-fullwidth.data-int-faq .fusion-panel .panel-body {
padding: 17px 11px 17px 15px;
}
.course-curriculum-toggle .panel-heading a {
padding: 8px 15px !important;
}
.fusion-layout-column.job-role-content-right {
margin-left: 10px !important;
}
.fusion-layout-column.job-role-content {
margin-left: 10px !important;
}
.fusion-layout-column.job-role-content::after {
height: 70px;
right: clamp(
-90px,
calc(-24px + (-90 + 24) * ((100vw - 641px) / (1024 - 641))),
-24px
);
}
.jr-icon-wrapper {
border-radius: 28px;
}
.jr-icon {
max-width: 44px;
}
.why-choose-icon {
padding: 12px;
border-radius: 12px;
}
/* .course-info-sticky-card .fusion-column-wrapper .fusion-builder-row ,.fusion-title-2 {
padding: 0px 20px !important;
} */
.course-info-sticky-card .fusion-column-wrapper .fusion-builder-row,
.course-info-sticky-card .fusion-column-wrapper .fusion-title-2 {
/* padding: 0 26px !important; */
}
.course-info-sticky-card .fusion-column-wrapper .fusion-separator {
padding: 0px 20px !important;
}
.fusion-fullwidth.short-duration-banner {
/* padding-bottom: 200px; */
}
.fusion-fullwidth.special-container {
/* position: unset !important; */
width: 100% !important;
padding-left: clamp(16px, calc(16px + (100 - 16) * ((100vw - 430px) / (1920 - 430))), 100px) !important;
}
.fusion-fullwidth.special-container > .fusion-builder-row {
justify-content: center;
}
.course-info-sticky-card {
position: unset !important;
margin: 0 auto !important;
/* margin-top: -180px !important; */
}
.course-info-sticky-card > .fusion-column-wrapper {
margin: 0px !important;
}
.fusion-fullwidth.max-1240 {
width: 100%;
max-width: 100%;
padding-right: clamp(16px, calc(16px + (100 - 16) * ((100vw - 430px) / (1920 - 430))), 100px) !important;
}
.fusion-fullwidth.similar-courses.max-1240 {
padding-right: 0px !important;
}
}
@media (max-width: 991px) {
.recognition-nav-wrappper {
display: none;
}
.eligibility-and-class-toggle-2.reverse-toggle .fusion-panel .panel-heading .panel-title a {
flex-direction: unset !important;
padding-left: 0px !important;
padding-right: clamp(28px, 2vw + 8px, 36px) !important;
}
.eligibility-and-class-toggle-2.reverse-toggle .fusion-panel .panel-heading .panel-title a span.fusion-toggle-heading {
margin-left: 8px;
}
.postid-3013 .fusion-fullwidth.eligibility-and-class-info-container {
min-height: 1000px;
}
.postid-3013 .eligibility-and-class-info-column .accordian.eligibility-and-class-toggle-4 {
top: 700px;
right: 0px;
}
.postid-3013 .eligibility-and-class-toggle-4.reverse-toggle .fusion-panel .panel-heading .panel-title a {
flex-direction: unset !important;
padding-left: 0px !important;
padding-right: clamp(28px, 2vw + 8px, 36px) !important;
}
.postid-3013 .eligibility-and-class-toggle-4.reverse-toggle .fusion-panel .panel-heading .panel-title a span.fusion-toggle-heading {
margin-left: 8px;
}
}
@media (max-width: 640px) {
.fusion-fullwidth.take-the-first-step-1 {
background-image: url(/wp-content/uploads/2026/02/ready-man-mobile.webp);
background-color: #0A2540;
background-size: contain;
background-position: bottom;
}
.fusion-layout-column.take-the-first-step-2 {
height: 991px;
max-height: 991px;
}
.fusion-layout-column.take-the-first-step-2 > .fusion-column-wrapper {
justify-content: flex-start;
}
.fusion-fullwidth.data-int-faq .panel-group .fusion-panel {
border-radius: 12px;
}
.fusion-fullwidth.data-int-faq .panel-heading a.active {
max-height: 50px;
}
.fusion-fullwidth.data-int-faq .panel-heading a {
max-height: 50px;
}
.fusion-fullwidth.data-int-faq .fusion-panel .panel-body {
padding: 13px 11px 13px 11px;
}
.fusion-fullwidth.data-int-faq .fusion-panel .panel-body p {
width: 80%;
}
.data-int-faq-1:has(.panel-title a.active)::after,
.data-int-faq-2:has(.panel-title a.active)::after,
.data-int-faq-3:has(.panel-title a.active)::after,
.data-int-faq-4:has(.panel-title a.active)::after,
.data-int-faq-5:has(.panel-title a.active)::after{
content: unset;
}
.fusion-fullwidth.data-int-faq .data-int-faq-1 .panel-body::after {
content: unset;
}
.fusion-fullwidth.data-int-faq .data-int-faq-2 .panel-body::after {
content: unset;
}
.fusion-fullwidth.data-int-faq .data-int-faq-3 .panel-body::after {
content: unset;
}
.fusion-fullwidth.data-int-faq .data-int-faq-4 .panel-body::after {
content: unset;
}
.fusion-fullwidth.data-int-faq .data-int-faq-5 .panel-body::after {
content: unset;
}
.course-curriculum-toggle .panel-body p.main-hilight-toggle {
gap: 20px;
}
.job-roles-left {
border-bottom: 1px solid #fff;
}
.fusion-layout-column.job-role-content::after {
display: none;
}
.jr-grid-wrapper {
grid-template-columns: repeat(2, 1fr);
}
.jr-icon {
max-width: 36px;
}
.jr-icon-wrapper {
border-radius: 12px;
}
}
/* @media (max-width: 430px) {
.fusion-fullwidth.take-the-first-step-1 {
border: 2px solid yellow;
background-image: url(/wp-content/uploads/2026/02/take-first-man-mobile.webp);
background-color: #0A2540;
background-size: contain;
background-position: bottom;
}
} */
@media(max-width: 400px) {
.course-curriculum-toggle .panel-heading a.active .fusion-toggle-icon-wrapper {
min-width: 28px;
min-height: 28px;
}
.course-curriculum-toggle a[aria-expanded="true"] .fusion-toggle-icon-wrapper::before {
width: 16px;
height: 16px;
}
.fusion-fullwidth.data-int-faq .panel-heading a {
font-size: 13px;
/* margin-right: 6px; */
}
.fusion-fullwidth.data-int-faq .fusion-panel .panel-body p {
font-size: 12px;
}
.course-curriculum-toggle .fusion-toggle-icon-wrapper::before {
width: 16px;
height: 16px;
}
.course-curriculum-toggle .panel-heading a .fusion-toggle-icon-wrapper {
min-width: 28px;
min-height: 28px;
}
}
/* ======================================================================================== Short Duration Program End */
/* ========================================================================================================= Online MBA Programm Start */
.fusion-fullwidth.aabout-online-mba-container {
/* background-image: url(/wp-content/uploads/2026/02/aabout-online-mba-container-img.webp); */
background-image:
url(/wp-content/uploads/2026/02/abt-online-mba-mb-3.webp),
url(/wp-content/uploads/2026/02/aabout-online-mba-container-img-2.webp);
/* background-size:
clamp(
510px,
calc(510px + (800 - 510) * ((100vw - 1025px) / (1920 - 1025))),
800px
),
cover; */
background-size:
40%,
cover;
background-position:
right center, /* right image */
center center; /* main background */
background-repeat:
no-repeat,
no-repeat;
height: clamp(550px, calc(263.9px + 27.93vw), 800px);
}
.fusion-fullwidth.online-mba-hero {
background-image:
linear-gradient(
to right,
rgba(24, 32, 29, 1) 0%,
rgba(24, 32, 29, 0) 60%
),
url(/wp-content/uploads/2026/03/hero-mba-banner.webp);
max-height: clamp(500px, 33.85vw, 650px);
height: 650px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.online-mba-hero-heading {
max-width: clamp(347px, 35.78vw, 687px);
}
/* .fusion-fullwidth.about-online-mba-container {
background: url("https://manavrachna.srvx.in/wp-content/uploads/2026/01/abt-online-mba-mb.png") no-repeat bottom center,
linear-gradient(180deg, #FFFFFF 0%, #DDDFED 100%);
background-size: contain, auto;
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
} */
.what-are-the-reason-carousel .swiper-wrapper {
align-items: stretch;
padding: 3px 0px;
padding-left: 2px;
}
.what-are-the-reason-carousel .swiper-slide {
height: auto;
display: flex;
}
.what-are-the-reason-carousel {
position: relative; /* REQUIRED */
/* max-width: 1449px; */
max-width: clamp(
800px,
calc(800px + (1449 - 800) * ((100vw - 1024px) / (1920 - 1024))),
1449px
);
}
.what-are-the-reason-carousel-column {
position: relative; /* REQUIRED */
/* max-width: 1449px; */
}
.what-are-the-reason-carousel-column::after {
content: "";
position: absolute;
/* image */
background-image: url("/wp-content/uploads/2026/02/what-are-the-reason-carousel.webp");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
/* size of image */
width: clamp(
536px,
calc(536px + (836 - 536) * ((100vw - 1024px) / (1920 - 1024))),
836px
);
height: clamp(
581px,
calc(581px + (881 - 581) * ((100vw - 1024px) / (1920 - 1024))),
881px
);
/* position */
right: clamp(
-60px,
calc(-60px + (-50 + 60) * ((100vw - 1024px) / (1920 - 1024))),
-50px
);
top: clamp(
-238px,
calc(-120px + (-238 + 120) * ((100vw - 1024px) / (1920 - 1024))),
-120px
);
pointer-events: none;
z-index: 1;
}
.what-are-the-reason-carousel-heading {
/* max-width: 1168px; */
max-width: clamp(68.83%, calc(89.86% - 1.095vw), 82.83%);
}
.fusion-fullwidth.what-are-the-reason-container {
background-image: url("/wp-content/uploads/2026/03/what-are-the-reason-bg.webp");
background-repeat: no-repeat;
background-position: center;
background-size: 1425px auto;
background-position: right bottom;
background-size: cover;
}
@media(max-width: 640px) {
.what-are-the-reason-container.container-padding {
padding-right: 0px !important;
}
}
.swiper-slide.c-item {
background-color: #fff;
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
border-radius: 30px;
display: flex;
flex-direction: column;
gap: clamp(10px, 2.33vw, 60px);
padding:
clamp(17px, 1.25vw, 24px)
10px
clamp(20px, 1.93vw, 37px)
clamp(17px, 1.25vw, 24px);
}
.swiper-slide.c-item .c-item-icon {
background-color: #faebb2;
max-width: clamp(70px, 5.21vw, 100px);
height: clamp(70px, 5.21vw, 100px);
display: flex;
justify-content: center;
align-items: center;
border-radius: clamp(
20px,
calc(20px + (30 - 20) * ((100vw - 430px) / (1920 - 430))),
30px
);
}
.swiper-slide.c-item .c-item-icon img {
opacity: 0.7;
width:clamp(
40px,
calc(40px + (60 - 40) * ((100vw - 430px) / (1920 - 430))),
60px
);
}
.swiper-slide.c-item .c-item-title h4 {
margin: 0px;
font-size: clamp(14px, 1.04vw, 20px);
color: #222;
margin-bottom: clamp(14px, 1.04vw, 20px);
font-weight: 700;
}
.swiper-slide.c-item .c-item-desc p {
margin: 0px;
color: #222;
font-size: clamp(14px, 0.94vw, 18px);
}
.fusion-image-element .what-are-the-reason-img {
/* border: 1px solid red; */
position: absolute;
/* bottom: clamp(
-42px,
calc(-25px + (-42 + 25) * ((100vw - 1025px) / (1920 - 1025))),
-25px
); */
/* right: clamp(
0px,
calc(0px + (16 - 0) * ((100vw - 1025px) / (1920 - 1025))),
16px
); */
bottom: clamp(
-126px,
calc(-86px + (-126 - -86) * ((100vw - 1025px) / (1920 - 1025))),
-86px
);
right: clamp(
-46px,
calc(-46px + (-16 - -46) * ((100vw - 1025px) / (1920 - 1025))),
-16px
);
pointer-events: none;
}
.fusion-image-element .what-are-the-reason-img img {
/* width: clamp(
429px,
calc(429px + (729 - 429) * ((100vw - 1025px) / (1920 - 1025))),
729px
); */
width: clamp(
560px,
calc(560px + (836 - 560) * ((100vw - 1025px) / (1920 - 1025))),
836px
);
height: auto;
}
/* ========================================
CSS VARIABLES - REASONS SECTION
======================================== */
:root {
--reasons-primary-color: #fbbc05;
--reasons-secondary-color: #EFC62A;
--reasons-text-color: #333;
--reasons-text-secondary: #555;
--reasons-bg-light: #f9f9f9;
--reasons-bg-white: #fff;
--reasons-shadow-light: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
}
/* ========================================
SECTION LAYOUT
======================================== */
.reasons-section {
display: flex;
justify-content: center;
align-items: center;
/* min-height: 100vh; */
/* padding: 50px 20px; */
background-color: var(--reasons-bg-white);
/* overflow: hidden; */
position: relative;
}
.reasons-section .reasons-container {
position: relative;
width: 100%;
max-width: fit-content;
display: flex;
justify-content: center;
align-items: center;
}
/* ========================================
CENTER CONTENT
======================================== */
.reasons-section .reasons-center-content {
z-index: 2;
text-align: center;
width: 702px;
height: 700px;
max-width: clamp(390px, 36.56vw, 702px);
max-height: clamp(388px, 36.46vw, 700px);
display: flex;
flex-direction: column;
justify-content: start;
align-items: center;
padding: 2px;
color: var(--reasons-bg-white);
position: relative;
background-image: url('/wp-content/uploads/2026/02/what-are-the-reason.webp');
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
}
.reasons-section .reasons-center-title {
font-size: clamp(28px, 2.5vw, 48px);
font-weight: 500;
line-height: 1.3;
color: #fff;
margin: 0;
z-index: 2;
padding: clamp(22px, 1.15vw, 40px) clamp(16px, 1.46vw, 28px) 0 clamp(16px, 1.46vw, 28px);
max-width: 650px;
}
@media (max-width: 390px) {
.reasons-section .reasons-center-title {
font-size: 24px;
}
}
.reasons-section .reasons-center-image {
width: 100%;
max-width: 250px;
border-radius: 10px;
z-index: 2;
object-fit: contain;
}
/* ========================================
ORBIT ITEMS - BASE STYLES
======================================== */
.reasons-section .reasons-orbit-item {
position: absolute;
width: clamp(300px, 30vw, 527px);
max-width: 527px;
height: clamp(90px, calc(73.33px + 1.39vw), 100px);
max-height: clamp(90px, calc(73.33px + 1.39vw), 100px);
background: var(--reasons-bg-white);
border-radius: 30px;
display: flex;
align-items: center;
gap: clamp(6px, calc(-9px + 1.25vw), 15px);
transition: transform 0.3s ease, box-shadow 0.3s ease;
z-index: 3;
margin: 0;
box-shadow: var(--reasons-shadow-light);
}
/* ========================================
ORBIT ITEMS - DIRECTIONAL LAYOUTS
======================================== */
.reasons-section .reasons-orbit-left {
flex-direction: row;
text-align: right;
justify-content: flex-end;
}
.reasons-section .reasons-orbit-left .reasons-icon-box {
order: 2;
margin-left: 0;
}
.reasons-section .reasons-orbit-left .reasons-text-content {
order: 1;
margin-left: 8px;
}
.reasons-section .reasons-orbit-right {
text-align: left;
}
.reasons-section .reasons-orbit-right .reasons-icon-box {
order: 1;
margin-right: 0;
}
.reasons-section .reasons-orbit-right .reasons-text-content {
order: 2;
margin-right: 8px;
}
.reasons-section .reasons-orbit-bottom {
text-align: center;
width: clamp(300px, 30vw, 527px);
max-width: 527px;
padding: 20px;
border-radius: 20px;
}
/* ========================================
ICON BOX & TEXT CONTENT
======================================== */
.reasons-section .reasons-icon-box {
background-color: var(--reasons-secondary-color);
color: var(--reasons-bg-white);
width: 100px;
height: 100%;
min-width: 100px;
max-height: 100px;
border-radius: 0;
display: flex;
justify-content: center;
align-items: center;
font-size: 24px;
}
.reasons-section .reasons-text-content {
font-size: clamp(13px, 0.94vw, 18px);
line-height: 1.5;
color: #222;
font-weight: 500;
}
.reasons-section .reasons-pos-1 .reasons-text-content {
max-width: 311px;
}
/* ========================================
DESKTOP POSITIONING
======================================== */
/* Left Column */
.reasons-section .reasons-pos-1 {
top: clamp(50px, calc(50px + (146 - 50) * ((100vw - 1200px) / (1920 - 1200))), 146px);
right: clamp(330px, 35vw, 680px);
}
.reasons-section .reasons-pos-2 {
top: clamp(180px, calc(180px + (326 - 180) * ((100vw - 1200px) / (1920 - 1200))), 326px);
right: clamp(310px, 34vw, 660px);
}
.reasons-section .reasons-pos-3 {
top: clamp(310px, calc(310px + (506 - 310) * ((100vw - 1200px) / (1920 - 1200))), 506px);
right: clamp(230px, 30vw, 580px);
}
/* Right Column */
.reasons-section .reasons-pos-4 {
top: clamp(50px, calc(50px + (146 - 50) * ((100vw - 1200px) / (1920 - 1200))), 146px);
left: clamp(330px, 35vw, 680px);
}
.reasons-section .reasons-pos-5 {
top: clamp(180px, calc(180px + (326 - 180) * ((100vw - 1200px) / (1920 - 1200))), 326px);
left: clamp(310px, 34vw, 660px);
}
.reasons-section .reasons-pos-6 {
top: clamp(310px, calc(310px + (506 - 310) * ((100vw - 1200px) / (1920 - 1200))), 506px);
left: clamp(230px, 30vw, 580px);
}
/* Bottom Center */
.reasons-section .reasons-pos-7 {
top: 100%;
z-index: 4;
}
/* Icon Border Radius Variations */
.reasons-section .reasons-pos-1 .reasons-icon-box,
.reasons-section .reasons-pos-2 .reasons-icon-box,
.reasons-section .reasons-pos-3 .reasons-icon-box {
border-radius: 0 30px 30px 0;
}
.reasons-section .reasons-pos-4 .reasons-icon-box,
.reasons-section .reasons-pos-5 .reasons-icon-box,
.reasons-section .reasons-pos-6 .reasons-icon-box {
border-radius: 30px 0 0 30px;
}
.reasons-icon-box img {
max-width: clamp(70px, 4.17vw, 80px);
}
.reasons-section .reasons-pos-7 .reasons-icon-box {
position: absolute;
top: clamp(-100px, calc(-73.33px - 1.39vw), -90px);
left: 50%;
transform: translateX(-50%);
border-radius: 30px;
}
@media(max-width: 640px) {
.prospects-card div.fusion-column-wrapper {
flex-direction: row !important;
}
.prospects-card-title {
margin: 0 !important;
margin-left: 10px !important;
display: flex;
align-items: center;
}
.prospects-card-title p {
text-align: left;
}
}
.fusion-fullwidth.what-manavrachna-offers {
background-image: url(/wp-content/uploads/2026/02/what-offer.webp);
height: 700px;
max-height: clamp(
450px,
calc(450px + (700 - 450) * ((100vw - 641px) / (1920 - 641))),
700px
);
background-position: 30%;
background-size: cover;
position: relative;
}
@media(max-width: 400px) {
.fusion-fullwidth.what-manavrachna-offers::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 70%;
pointer-events: none;
background: linear-gradient(
to bottom,
rgba(105,117,115,0.9) 0%,
rgba(105,117,115,0.5) 50%,
rgba(105,117,115,0) 100%
);
}
}
@media(max-width: 991px) {
.fusion-fullwidth.what-manavrachna-offers {
background-position: 35%;
}
}
.what-manavrachna-offers h2.fusion-title-heading {
max-width: 760px;
}
.what-manavrachna-offers-content {
max-width: 913px;
}
.fusion-fullwidth.banner-boittom-info .fusion-builder-row{
max-width: 84% !important;
}
@media(max-width: 640px) {
.fusion-fullwidth.banner-boittom-info .fusion-builder-row{
max-width: 100% !important;
}
}
.mba-hero-highlight-box-1 {
/* border: 1px solid red; */
width: 477px;
max-width: clamp(282px, 24.84vw, 477px);
min-width: 282px;
}
.mba-hero-highlight-box-new-2 {
position: relative;
}
/* Left border */
.mba-hero-highlight-box-new-2::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 2px; /* border thickness */
height: 60px; /* required height */
background: #fff; /* border color */
}
/* Right border */
.mba-hero-highlight-box-new-2::after {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 2px; /* border thickness */
height: 60px; /* required height */
background: #fff; /* border color */
}
@media(max-width: 640px) {
.mba-hero-highlight-box-new-3 div.fusion-column-wrapper {
justify-content: flex-start !important;
}
.mba-hero-highlight-box-new-2::after {
content: unset;
}
}
.mba-hero-highlight-box-3 {
width: 357px;
max-width: clamp(206px, 18.59vw, 357px);
min-width: 206px;
}
.fusion-fullwidth.hero-highlight-container-main .fusion-builder-row {
justify-content: center !important;
}
.mba-hero-highlight-box-2 .fusion-column-wrapper {
justify-content: flex-start !important;
}
.mba-hero-highlight-box-3 .fusion-column-wrapper {
justify-content: flex-start !important;
}
.mba-hero-highlight-box-1 {
max-width: unset;
}
.mba-hero-highlight-box-2 {
max-width: unset;
}
.mba-hero-highlight-box-3 {
max-width: unset;
}
/* ========================================
DESKTOP - SWIPER OVERRIDE
======================================== */
@media (min-width: 1200px) {
.reasons-section .reasons-orbit-carousel-wrapper,
.reasons-section .reasons-swiper,
.reasons-section .swiper-wrapper {
display: contents;
}
.reasons-section .swiper-pagination {
display: none;
}
.reasons-section .reasons-orbit-carousel-wrapper .swiper-slide {
margin: 0px !important;
}
.reason-mba-btn-wrapper {
display: none;
}
}
/* ========================================
TABLET & MOBILE RESPONSIVE
======================================== */
@media (max-width: 1199px) {
.reasons-section .reasons-orbit-item {
height: unset;
max-height: unset;
border-radius: 12px;
}
.reason-mba-btn-wrapper {
position: absolute;
bottom: 0px;
left: 50%;
height: 100px;
width: 160px;
transform: translateX(-50%);
z-index:3;
}
.reasons-section .reasons-container {
flex-direction: column;
/* padding-bottom: 50px; */
}
.reasons-section .reasons-center-content {
width: 100%;
margin-bottom: 16px;
order: 1;
}
@media(max-width: 390px) {
}
.reasons-section .reasons-orbit-carousel-wrapper {
order: 2;
width: 100%;
overflow: hidden;
margin-top: -60px;
z-index: 9;
}
.reasons-section .reasons-orbit-carousel-wrapper .swiper {
padding-top: 110px;
padding-left: 2px;
padding-right: 2px;
}
.reasons-section .swiper-wrapper {
padding-bottom: 100px;
align-items: stretch;
}
.reasons-section .reasons-orbit-carousel-wrapper .swiper-slide {
/* height: 170px;
min-height: 170px; */
display: flex;
height: auto !important;
/* display: flex; */
}
.reasons-section .reasons-orbit-item {
position: relative;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
transform: none !important;
margin-bottom: 0;
width: 100%;
max-width: none;
text-align: left !important;
flex-direction: row !important;
height: 100%;
display: flex;
box-shadow: var(--reasons-shadow-light);
align-items: flex-start;
padding: 13px 6px;
}
.reasons-section .reasons-orbit-left {
justify-content: center;
}
.reasons-section .reasons-orbit-left .reasons-icon-box,
.reasons-section .reasons-orbit-right .reasons-icon-box,
.reasons-section .reasons-orbit-bottom .reasons-icon-box {
order: 1 !important;
margin-right: 15px !important;
margin-left: 0 !important;
flex-shrink: 0;
}
.reasons-section .reasons-orbit-left .reasons-text-content,
.reasons-section .reasons-orbit-right .reasons-text-content,
.reasons-section .reasons-orbit-bottom .reasons-text-content {
order: 2 !important;
text-align: left;
}
.reasons-section .reasons-orbit-bottom {
width: auto;
}
.reasons-section .reasons-icon-box {
border-radius: 20px !important;
position: absolute;
top: -110px;
left: 50%;
transform: translateX(-50%);
}
.reasons-section .reasons-icon-box img {
max-width: 70px;
}
.reasons-section .reasons-text-content {
max-width: 100% !important;
text-align: center !important;
}
.reasons-section .reasons-pos-7 .reasons-icon-box {
top: -110px;
/* top: clamp(-100px, calc(-73.33px - 1.39vw), -90px); */
}
.reasons-section .swiper-pagination-bullet-active {
background: var(--reasons-primary-color) !important;
}
}
@media(max-width: 991px) {
.fusion-fullwidth.online-ugc-programme-hero {
/* height: 680px;
max-height: 680px; */
}
.fusion-fullwidth.online-ugc-programme-hero > .fusion-builder-row > .fusion-layout-column {
width: 100%;
/* margin: 0px; */
}
.online-ugc-programme-her0-title {
min-width: 100%;
}
.fusion-fullwidth.online-ugc-programme-hero > .fusion-builder-row > .fusion-layout-column div.fusion-title.online-ugc-programme-her0-title h1.fusion-title-heading {
text-align: center;
}
.fusion-fullwidth.online-ugc-programme-hero > .fusion-builder-row > .fusion-layout-column .fusion-title {
margin: 0 auto;
min-width: 100%;
text-align: center;
}
.fusion-fullwidth.online-ugc-programme-hero > .fusion-builder-row > .fusion-layout-column .fusion-title h3 {
text-align: center;
max-width: 100%;
width: 100%;
margin: 0 auto !important;
}
.fusion-fullwidth.online-ugc-programme-hero > .fusion-builder-row > .fusion-layout-column .admission-open-text h3 {
text-align:left;
}
.fusion-fullwidth.online-ugc-programme-hero > .fusion-builder-row > .fusion-layout-column .per-month-text h3 {
text-align:left;
}
.fusion-fullwidth.online-ugc-programme-hero > .fusion-builder-row > .fusion-layout-column div.fusion-title-heading {
text-align: center;
}
.fusion-fullwidth.online-ugc-programme-hero > .fusion-builder-row {
align-content: center;
}
div.online-ugc-programme-hero-left-icons > .fusion-column-wrapper {
justify-content: center;
}
}
/* ========================================
SMALL MOBILE
======================================== */
@media (max-width: 640px) {
.programme-nav-wrappper {
display: none;
}
.similar-nav-wrappper {
display: none !important;
}
.specialization-card:hover .specialization-bg {
transform: unset;
}
.eligibility-and-class-info-column .accordian.eligibility-and-class-toggle-3 {
max-width: 307px;
}
.eligibility-and-class-info-column .accordian.eligibility-and-class-toggle-2 {
max-width: 305px;
}
.eligibility-and-class-info-column .accordian.eligibility-and-class-toggle-1 {
max-width: 280px;
top: 508px;
}
.fusion-fullwidth.about-page-our-programme .ug-bd-programme-tabs.job-roles-tabs .nav .nav-tabs {
max-width: 80%;
}
.admission-process-title h2.fusion-title-heading {
font-weight: 600 !important;
}
.event-card-body span.full-custom-primary-button-icon {
margin-left: 4px;
}
.watch-icon::after {
content: "";
background-image: unset;
}
.watch-icon::before {
content: "";
display: inline-block;
width: 25px; /* adjust size */
height: 23px;
background-image: url("/wp-content/uploads/2026/04/watch.svg"); /* update path */
background-size: contain;
background-repeat: no-repeat;
margin-left: 6px;
}
.ug-unlock-potential h6.fusion-title-heading {
font-weight: 400 !important;
}
.ug-programmes-hero-container-weight {
font-weight: unset !important;
}
.ugc-approved-obd-course h3.fusion-title-heading {
font-weight: 500;
line-height: 1.3 !important;
}
.elevate-success-img img {
max-width: 390px !important;
width: 100% !important;
margin-top: 30px;
}
.ug-top-benefits h3.fusion-title-heading {
font-weight: 600 !important;
}
.ug-bd-programme-tabs.job-roles-tabs ul.nav-tabs.nav-justified li a {
width: 100%;
}
.ug-bd-programme-tabs-2.job-roles-tabs ul.nav-tabs.nav-justified li a {
width: 100% !important;
}
.hz-card.hz-card-1:hover {
transform: rotate(-8deg) translateY(-10px);
}
.hz-card.hz-card-2:hover {
transform: rotate(-2deg) translateY(-10px);
}
.hz-card.hz-card-3:hover {
transform: rotate(2deg) translateY(-10px);
}
.hz-card.hz-card-4:hover {
transform: rotate(-6deg) translateY(-10px);
}
.hz-card.hz-card-5:hover {
transform: rotate(-1deg) translateY(-10px);
}
.start-to-success-text-2 {
margin-bottom: 0px !important;
}
.start-to-success {
/* border: 1px solid red !important; */
}
.fusion-fullwidth.homepage-faq {
padding-top: 30px;
}
.features-strip {
gap: 0px;
padding: 10px;
}
.features-strip .feature-item {
gap: 2px;
/* font-size: 10px; */
}
.programm-scroll-list > li .icon-wrapper {
max-width: 16px;
}
.programm-scroll-list {
gap: 0px;
}
span.program-share-icon {
margin-top: 10px;
}
.fusion-fullwidth.online-ugc-programme-hero > .fusion-builder-row > .fusion-layout-column .fusion-title h3 {
max-width: 100%;
text-align: left;
}
.left-right-border::after {
content: unset;
}
.specialization-card h3.specialization-card-title {
font-weight: 600;
}
.specialization-card-button {
opacity: 1 !important;
transform: translateY(0px) !important;
pointer-events: auto !important;
}
.specialization-card-title {
transform: translateY(-50px) !important;
}
div.fusion-text.program-benefit-card-desc-1{
/* border: 2px solid green; */
max-width: 50%;
}
div.fusion-text.program-benefit-card-desc-2{
/* border: 2px solid red; */
max-width: 50%;
}
div.fusion-text.program-benefit-card-desc-3{
/* border: 2px solid red; */
max-width: 50%;
}
div.fusion-text.program-benefit-card-desc-4{
/* border: 2px solid red; */
max-width: 50%;
}
.reasons-section .reasons-pos-7 .reasons-icon-box {
top: -78px;
}
.job-roles-tabs .nav .nav-tabs li.active a {
white-space: unset;
}
.job-roles-tabs .nav .nav-tabs li a {
white-space: unset !important;
width: 290px;
padding: 9px 8px !important;
}
.fusion-fullwidth.short-duration-banner div.fullwidth-overlay {
background-image: linear-gradient(180deg, #18201d 70%, rgba(24, 32, 29, 0) 100%) !important;
}
.why-choose-prog-box-1 { order: 3 !important; }
.why-choose-prog-box-2 { order: 2 !important; }
.why-choose-prog-box-3 { order: 5 !important; }
.why-choose-prog-box-4 { order: 1 !important; }
.why-choose-prog-box-5 { order: 4 !important; }
.reasons-section .reasons-orbit-carousel-wrapper .swiper {
padding-top: 80px;
}
.reasons-section .reasons-icon-box {
max-width: 70px;
min-width: 70px;
max-height: 70px;
height: 70px;
top: -80px;
}
.reasons-section .reasons-icon-box img {
max-width: 60px;
}
}
@media(max-width: 430px) {
.fusion-fullwidth.online-ugc-programme-hero {
/* min-height: 640px; */
height: fit-content;
/* max-height: 640px; */
}
}
/* ========================================
EXTRA SMALL MOBILE
======================================== */
@media (max-width: 400px) {
.fee-box-title h3 {
font-size: 22px !important;
}
.programme-card {
border-radius: 20px;
}
.mobile-menu-right .fusion-image-element {
margin-right: 0px !important;
}
.ug-bd-programme-tabs-2.job-roles-tabs .nav .nav-tabs {
max-width: 90%;
}
.reasons-section .reasons-orbit-carousel-wrapper .swiper-slide {
max-height: 200px;
}
.core-benefits-description {
font-size: 12px !important;
}
.fusion-fullwidth.online-ugc-programme-hero > .fusion-builder-row > .fusion-layout-column div.fusion-title.online-ugc-programme-her0-title h1.fusion-title-heading {
font-size: 24px !important;
}
.fusion-fullwidth.online-ugc-programme-hero > .fusion-builder-row > .fusion-layout-column .fusion-title h3 {
font-size: 16px !important;
}
}
@media(max-width: 640px) {
.fusion-fullwidth.what-manavrachna-offers {
background-image: url(/wp-content/uploads/2026/02/what-offer-mb.webp);
height: 850px;
max-height: 850px;
background-size: cover;
background-position: bottom;
}
.fusion-fullwidth.what-manavrachna-offers {
align-items: flex-start;
}
.fusion-fullwidth.online-mba-hero {
background-position: 56%;
background-image: linear-gradient(to right, rgba(24, 32, 29, 1) 15%, rgba(24, 32, 29, 0) 100%), url(/wp-content/uploads/2026/01/program-banner.png);
}
.fusion-fullwidth.about-online-mba-container {
background: url("https://manavrachna.srvx.in/wp-content/uploads/2026/01/about-online-mba-1.webp"),
linear-gradient(180deg, #FFFFFF 0%, #DDDFED 100%);
/* background-size: contain, auto; */
background-repeat: no-repeat;
background-size: 300px, auto;
background-position: bottom;
border: 2px solid red;
}
}
@media(max-width: 430px) {
.fusion-fullwidth.about-online-mba-container {
background: url("/wp-content/uploads/2026/02/abt-online-mba-mb-2.webp") no-repeat bottom center,
linear-gradient(180deg, #FFFFFF 0%, #DDDFED 100%);
background-size: 200%, auto;
background-position: 84% 106%;
}
.fusion-fullwidth.online-mba-hero {
background-position: center;
background-image: linear-gradient(to bottom, rgba(24, 32, 29, 1) 15%, rgba(24, 32, 29, 0) 60%), url(/wp-content/uploads/2026/02/online-mba-mb-hero.webp);
height: 650px;
max-height: 650px;
}
.fusion-fullwidth.online-mba-hero > .fusion-builder-row {
align-content: flex-start;
}
.online-mba-hero-heading {
max-width: 361px;
margin: 0 auto !important;
}
.online-mba-hero-heading h1 {
text-align: center !important;
}
.banner-content-column .fusion-column-wrapper {
align-items: center;
}
}
@media (max-width: 400px) {
.fusion-fullwidth.about-online-mba-container {
background-position: 84% 102%;
background-size: 180%, auto;
padding-bottom: 200px;
}
.fusion-fullwidth.about-online-mba-container h3.fusion-title-heading {
font-size: 24px !important;
}
}
.career-prospects-img {
background-color: #EFC62A;
padding: 20px;
border-radius: 30px;
}
.career-prospects-img img {
max-width: clamp(42px, 3.125vw, 60px);
}
@media(max-width: 400px) {
}
Kevin Gandhi, domain_disabled, Now
/* @media(max-width:400px){
.career-prospects-img{
padding:12px;
border-radius:15px;
border: 1px solid red !important;
}
.career-prospects-img img{
max-width:34px;
}
} */
/* ========================================================================================================= Online MBA Programm End */
.fusion-layout-column.recognition-and-rankings-column {
max-width: 1328px;
}
/* Dual Degree Start */
.fusion-fullwidth.recognition-and-rankings-container .our-awards-and-accreditations-text {
margin: 0 auto;
}
.fusion-fullwidth.recognition-and-rankings-container {
}
.fusion-fullwidth.dual-degree-hero-container {
background-image:
url("/wp-content/uploads/2026/02/dual-degree-hero-2.webp"),
url("/wp-content/uploads/2026/02/dual-degree-hero-1.webp");
background-size:
clamp(
420px,
calc(420px + (758 - 420) * ((100vw - 641px) / (1920 - 641))),
758px
) auto,
cover;
background-position:
right clamp(
-84px,
calc(-84px + (256 - (-84)) * ((100vw - 641px) / (1920 - 641))),
256px
) bottom,
center;
background-repeat:
no-repeat,
no-repeat;
max-height: clamp(
450px,
calc(450px + (650 - 450) * ((100vw - 641px) / (1920 - 641))),
650px
);
height: 650px;
}
.dual-degree-hero-container-content {
/* max-width: 707px;
width: 707px; */
}
.dual-degree-hero-title {
/* max-width: 707px; */
}
.dual-degree-hero-title h1 span:nth-of-type(1) {
font-family: "Brolian-Black", sans-serif;
font-size: clamp(30px, 2.45vw, 47px);
line-height: 1;
}
.dual-degree-hero-title h1 span:nth-of-type(2) {
font-size: clamp(30px, 1.67vw, 32px);
font-family: "Brolian-Black", sans-serif;
}
.fusion-fullwidth.dual-degree-hero-container .applyNowBtn.dual-degree-hero-btn-1 {
max-width: 300px;
width: 300px;
min-width: 262px;
padding:
clamp(4px, 0.31vw, 6px)
clamp(6px, 0.42vw, 8px)
clamp(4px, 0.31vw, 6px)
clamp(18px, 1.2vw, 23px) !important;
max-height: clamp(46px, 3.125vw, 60px);
}
.fusion-fullwidth.dual-degree-hero-container .applyNowBtn.dual-degree-hero-btn-2 {
max-width: 400px;
width: clamp(
340px,
calc(340px + (400 - 340) * ((100vw - 430px) / (1920 - 430))),
400px
);
min-width: 340px;
margin-left: 7px;
padding:
clamp(4px, 0.31vw, 6px)
clamp(6px, 0.42vw, 8px)
clamp(4px, 0.31vw, 6px)
clamp(18px, 1.2vw, 23px) !important;
max-height: clamp(46px, 3.125vw, 60px);
}
.fusion-fullwidth.dual-degree-hero-container .applyNowBtn.dual-degree-hero-btn-2 .applyNowBtn::before {
background-color: #bd2125;
background: #bd2125;
}
.fusion-fullwidth.dual-degree-hero-container .applyNowBtn.dual-degree-hero-btn-1 span.fusion-button-text {
line-height: 1.5;
white-space: unset !important;
text-align: left;
font-size: clamp(14px, 0.83vw, 16px);
}
.fusion-fullwidth.dual-degree-hero-container .applyNowBtn.dual-degree-hero-btn-2 span.fusion-button-text {
line-height: 1.5;
white-space: unset !important;
text-align: left;
font-size: clamp(14px, 0.83vw, 16px);
}
.fusion-fullwidth.dual-degree-hero-container .applyNowBtn.dual-degree-hero-btn-1:after {
min-width: clamp(30px, 2.08vw, 40px);
height:clamp(30px, 2.08vw, 40px);
padding: unset !important;
margin-left: 8px;
}
.fusion-fullwidth.dual-degree-hero-container .applyNowBtn.dual-degree-hero-btn-2:after {
content: url("/wp-content/uploads/2026/01/rightUp-blue.svg");
min-width: clamp(30px, 2.08vw, 40px);
height:clamp(30px, 2.08vw, 40px);
padding: unset !important;
margin-left: 8px;
}
.fusion-fullwidth.dual-degree-hero-container .applyNowBtn.dual-degree-hero-btn-2:hover {
background-color: #0b4596;
background: #0b4596;
}
.fusion-fullwidth.dual-degree-hero-container .applyNowBtn.dual-degree-hero-btn-2:hover::after {
/* background-color: #0b4596;
background: #0b4596; */
content: url("/wp-content/uploads/2025/12/rightUp.svg");
}
.fusion-fullwidth.dual-degree-hero-container .applyNowBtn.dual-degree-hero-btn-2:before {
background: #bd2125 !important;
background-color: #bd2125 !important;
}
/* base slide */
.dual-degree-benefit-wrapper {
position: absolute;
left: 50%;
transform: translateX(-50%);
z-index: 3;
width: 180px;
height: 90px;
}
.page-id-4904 .fusion-fullwidth.recognition-and-rankings-container::before {
background-position: top right;
}
.page-id-4904 .fusion-fullwidth.recognition-and-rankings-container::before {
display: none;
}
.fusion-fullwidth.recognition-and-rankings-container::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: url(/wp-content/uploads/2025/12/logo1-2.webp);
background-size: clamp(100px, 17.55vw, 337px);
background-position: top left;
background-repeat: no-repeat;
filter: grayscale(100%);
opacity: 1;
mix-blend-mode: luminosity;
}
.dual-degree-benefit-carousel .swiper-slide {
transition: transform 0.4s ease, opacity 0.4s ease;
width: 402px;
/* height: 420px; */
height: clamp(302px, 21.88vw, 420px);
}
/* center / active slide */
.dual-degree-benefit-carousel .swiper-slide.swiper-slide-active {
height: clamp(360px, 26.04vw, 500px);
max-width: 466px;
}
.dual-degree-benefit-carousel .swiper-slide.swiper-slide-active .dual-degree-item{
height: 100%;
background-color: #0B4696;
border-radius: 34px;
padding: 30px;
display: flex;
flex-direction: column;
gap: 58px;
filter: unset;
opacity: unset;
}
.dual-degree-benefit-carousel .swiper-slide.swiper-slide-active .dual-degree-item .dual-degree-item-icon {
padding: 30px;
background-color: #3c6bab;
height: clamp(100px, 7.29vw, 140px);
max-width: clamp(100px, 7.29vw, 140px);
width: clamp(100px, 7.29vw, 140px);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.dual-degree-benefit-carousel .swiper-slide.swiper-slide-active .dual-degree-item .dual-degree-item-icon img {
width: clamp(57px, 4.17vw, 80px);
filter: brightness(0) invert(1);
height: clamp(57px, 4.17vw, 80px);
}
.dual-degree-benefit-carousel .dual-degree-item .dual-degree-item-icon {
padding: 30px;
background-color: #fff;
max-height: 140px;
height: 140px;
max-width: 140px;
border-radius: 50%;
}
.dual-degree-benefit-carousel .dual-degree-item .dual-degree-item-icon img {
width: 60px;
height: 60px;
}
.dual-degree-benefit-carousel .swiper-slide.swiper-slide-active .dual-degree-item .dual-degree-item-desc p {
font-size: clamp(16px, 1.25vw, 24px);
color: #fff;
margin: 0px;
}
.dual-degree-benefit-carousel .swiper-slide .dual-degree-item {
height: 100%;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
background-color: #FFFEFA;
border-radius: 30px;
border: 1px solid #CCCCCC;
padding: 30px;
filter: blur(2px);
opacity: 0.9;
display: flex;
flex-direction: column;
gap: 58px;
}
.dual-degree-benefit-carousel .swiper-slide .dual-degree-item .dual-degree-item-desc p {
font-size: clamp(14px, 1.04vw, 20px);
margin: 0px;
color: #555;
}
.fusion-fullwidth.knowledge-partners-container {
background-image: url("/wp-content/uploads/2026/02/knowledge-partners.webp");
background-size: contain;
background-position: center bottom;
background-repeat: no-repeat;
height: 666px;
max-height: clamp(466px, calc(466px + (666 - 466) * ((100vw - 1025px) / (1920 - 1025))), 666px);
}
span.knowledge-partners-icon {
border: 1px solid #C8C8C8;
min-width: clamp(187px, 14.06vw, 270px);
height: clamp(104px, 7.81vw, 150px);
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
border-radius: 13px;
box-shadow: 0px 12.65px 34.14px 0px rgba(0, 0, 0, 0.15);
padding: 12px;
}
span.knowledge-partners-icon-2 img {
width: clamp(119px, 8.96vw, 172px);
max-width: clamp(119px, 8.96vw, 172px);
}
span.knowledge-partners-icon-1 img {
width: clamp(162px, 12.14vw, 233px);
max-width: clamp(162px, 12.14vw, 233px);
}
@media (max-width: 1440px) {
.dual-degree-hero-container-content .dual-degree-hero-container-buttons.dual-degree-hero-container-buttons .fusion-column-wrapper {
flex-direction: column !important;
}
.fusion-fullwidth.dual-degree-hero-container .applyNowBtn.dual-degree-hero-btn-2 {
margin-left: 0px;
margin-top: 10px;
}
.card-number {
top: 0;
}
}
@media(max-width: 640px) {
.dual-degree-hero-container-content .dual-degree-hero-container-buttons.dual-degree-hero-container-buttons .fusion-column-wrapper {
align-items: center;
}
.fusion-fullwidth.dual-degree-hero-container .applyNowBtn.dual-degree-hero-btn-1 span.fusion-button-text {
text-align: center;
/* max-width: 195px; */
}
.fusion-fullwidth.dual-degree-hero-container .applyNowBtn.dual-degree-hero-btn-2 span.fusion-button-text {
text-align: center;
}
.fusion-fullwidth.dual-degree-hero-container {
height: 650px;
max-height: 650px;
background-position: bottom center, center;
}
.dual-degree-hero-container-content {
height: 100%;
padding-top: 43px;
}
.dual-degree-hero-container-buttons .fusion-column-wrapper {
justify-content: center !important;
}
}
/* Dual Degree End's */
@media (max-width: 1900px) {
.core-benefit-section {
padding-top: clamp(30px, 1.98vw, 38px) !important;
padding-bottom: clamp(24px, 1.98vw, 38px) !important;
padding-left: clamp(
16px,
calc(16px + (115 - 16) * ((100vw - 430px) / (1920 - 430))),
231px
) !important;
padding-right: clamp(
16px,
calc(16px + (115 - 16) * ((100vw - 430px) / (1920 - 430))),
231px
) !important;
}
}
/* ug programmes page */
.ug-unlock-potential h6.fusion-title-heading {
font-weight: 600;
}
.ug-why-top-choices-title .title-highlight {
display: block;
}
.ug-page-bd-p-col-2-tab .fusion-tabs .tab-pane {
border: none !important;
}
.fusion-fullwidth.ug-programmes-hero-container {
background-image: url('/wp-content/uploads/2026/04/ug-banner-top.webp'),
url("/wp-content/uploads/2026/04/ug-banner-back.webp");
background-size: contain, cover;
min-height: clamp(500px, 424.65px + 11.74vw, 650px);
/* max-height: 650px; */
background-position: right clamp(-109px, -234.14px + 12.20vw, 0px) bottom, center !important;
}
.ug-programmes-hero-container-weight {
font-weight: 600;
}
.growth-story {
max-width: 266px;
background-color: #BD2126;
padding: 8px 0px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
text-align: center;
position: relative; /* needed for ::before */
margin-left: 18px; /* space for the left tab */
padding-left: 16px;
}
.growth-story div.fusion-title-heading.title-heading-left.title-heading-tag {
text-align: left !important;
}
.growth-story::before {
content: '';
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%);
width: 7px;
height: 120%;
background-color: #9B1C1C;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
border-right: none;
}
.growth-story div.fusion-title-heading {
text-align: center !important;
}
.your-getway-award-icon img {
width: clamp(100px, calc(100px + 66 * ((100vw - 430px) / 1490)), 166px);
}
/* .top-choice-container .about-program-card:hover {
border: 2px solid red;
} */
.top-choice-container .about-program-card {
border-right: 3px solid transparent;
border-bottom: 3px solid transparent;
transition: border-color 0.3s ease;
padding: 15px 30px 15px 15px;
}
.top-choice-container .about-program-card:hover {
/* border-right: 3px solid #0b4596;
border-bottom: 3px solid #0b4596; */
box-shadow: 3px 3px 0px 0px #0b4596, 0 0 5px 0 rgba(0, 0, 0, 0.25);
}
.ug-prog-benefits-icon {
border-radius: clamp(18px, calc(18px + 2 * ((100vw - 430px) / 1490)), 20px);
background: rgba(239, 198, 42, 0.2);
padding: clamp(12px, calc(12px + 8 * ((100vw - 430px) / 1490)), 20px);
}
.ug-prog-benefits-icon img {
min-width: clamp(36px, 8.22px + 2.7vw, 60px);
width: clamp(36px, 8.22px + 2.7vw, 60px);
}
.fusion-fullwidth.industry-ready-professionals-main-container {
position: relative;
}
span.industry-ready-professionals-main-img {
position: absolute;
bottom: 0px;
z-index: 1;
}
.industry-ready-professionals-title-column .fusion-column-wrapper {
border: 2px solid red;
/* max-width: 50%; */
}
div.industry-ready-professionals-title-desc-1 {
max-width: clamp(754px, calc(580.7px + 14.44vw), 858px);
width: clamp(754px, calc(580.7px + 14.44vw), 858px);
/* border: 1px solid blue; */
z-index: 2;
}
div.industry-ready-professionals-title-desc-2 {
max-width: clamp(644px, calc(287.4px + 29.72vw), 858px);
width: clamp(644px, calc(287.4px + 29.72vw), 858px);
/* border: 1px solid green; */
z-index: 2;
}
div.industry-ready-professionals-title-heading h2 {
/* border: 1px solid red; */
max-width: clamp(858px, calc(1441.3px - 30.42vw), 1077px);
width: clamp(858px, calc(1441.3px - 30.42vw), 1077px);
z-index: 2;
position: relative;
}
.ug-bottom-card {
height: clamp(570px, calc(570px + 130 * ((100vw - 1025px) / 895)), 700px);
background-size: contain;
background-position: clamp(-140px, calc(-140px + 140 * ((100vw - 1025px) / 895)), 0px) 100%;
background-repeat: no-repeat;
display:flex;
justify-content: flex-end;
align-items: flex-start;
padding-right: clamp(30px, calc(30px + 188 * ((100vw - 1025px) / 895)), 218px);
margin: 0px !important;
background-color: #1F2630;
position: relative;
overflow: hidden; /* ensures overlay doesn't overflow */
padding-top: 98px;
}
.ug-bottom-card::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 215px; /* Exact height you requested */
/* Using color #0D0E0E from your Figma screenshot */
background: linear-gradient(
180deg,
rgba(13, 14, 14, 1) 0%, /* 100% opacity */
rgba(13, 14, 14, 0) 100% /* 0% opacity */
);
z-index: 2; /* Sits on top of the side blend */
pointer-events: none;
}
.ug-bottom-card::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/* GRADIENT SETTINGS */
/* We go from fully transparent (0%) on the left to solid color (100%) on the right */
/* background: linear-gradient(
90deg,
rgba(31, 38, 48, 0) 40%,
rgba(31, 38, 48, 1) 50%
); */
background: linear-gradient(
90deg,
rgba(31, 38, 48, 0)
calc(22% + 18 * ((100vw - 1025px) / 895)),
rgba(31, 38, 48, 1) 50%
);
z-index: 1; /* Sits above the image but below the content */
pointer-events: none;
}
/* 3. Make sure your text/content stays on top of the blend */
.ug-bottom-card > * {
position: relative;
z-index: 2;
}
/* ensure content stays above overlay */
.ug-bottom-card > * {
position: relative;
z-index: 2;
}
div.ug-bottom-card h2.ug-bottom-title {
color: #fff;
font-size: clamp(28px, calc(28px + 20 * ((100vw - 430px) / 1490)), 48px);
margin: 0px 0px 20px 0px;
line-height: 1.3;
font-weight: 500;
}
div.ug-bottom-desc p {
color: #fff;
font-size: clamp(14px, calc(14px + 4 * ((100vw - 430px) / 1490)), 18px);
margin-bottom: 20px;
}
div.ug-bottom-desc p:last-of-type {
margin-bottom: 32px;
}
div.ug-bottom-details{
max-width: clamp(551px, calc(551px + 326 * ((100vw - 1025px) / 895)), 877px);
width: clamp(551px, calc(551px + 326 * ((100vw - 1025px) / 895)), 877px);
}
.ug-bottom-slide {
font-size: clamp(45px, 4.44px + 9.41vw, 185px);
background: linear-gradient(180deg, #4A5C76 0%, rgba(31, 38, 48, 0) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
font-weight: 200;
position: absolute;
bottom: 0;
left:0;
width: 100%;
z-index: 1;
white-space: nowrap;
line-height: 1;
}
.hashTagText {
/* Layout & Font */
display: inline-flex;
align-items: center;
position: relative;
font-size: clamp(18px, calc(18px + 4 * ((100vw - 430px) / 1490)), 22px);
font-weight: 500;
color: #ffffff;
/* Main Red Body */
background-color: #c52128; /* Bright red */
padding: 6px 45px 7px 12px;
border-radius: 0 100px 100px 0; /* Pill shape on right side */
}
/* The dark red accent bar on the left */
.hashTagText::before {
content: '';
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%);
width: 7px;
height: 120%;
background-color: #9B1C1C;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
border-right: none;
}
.ug-bottom-nav-wrapper {
border: 2px solid yellow;
position: absolute;
right: clamp( 16px, calc(16px + (100 - 16) * ((100vw - 430px) / (1920 - 430))), 100px ) !important;
bottom: 100px;
width: 155px;
}
.online-bachelors-degree-wrapper {
width: 100%;
display: flex;
gap: clamp(10px, -1.78px + 1.14vw, 20px);
}
.online-bachelors-degree-programmes-card {
/* max-height: clamp(
287px,
calc(287px + (387 - 287) * ((100vw - 1200px) / (1920 - 1200))),
387px
);
height: clamp(
287px,
calc(287px + (387 - 287) * ((100vw - 1200px) / (1920 - 1200))),
387px
); */
width: 100%;
display: flex;
align-items: flex-start;
background-image: url('/wp-content/uploads/2026/03/Group-1597883408.png');
border-radius: clamp(13px, calc(13px + 27 * ((100vw - 430px) / 1490)), 40px);
background-size: cover;
background-repeat: no-repeat;
padding: 0px clamp(8px, 2.08vw, 40px);
color: #ffffff;
max-width: 950px;
overflow: visible;
position: relative;
margin-top: 20px;
}
.online-bachelors-degree-programmes-card-img {
position: absolute;
margin-top: -40px;
right: 0;
bottom: 0;
}
.online-bachelors-degree-programmes-card-img img {
display: block;
/* height: clamp(
300px,
calc(300px + (400 - 300) * ((100vw - 1200px) / (1920 - 1200))),
400px
); */
height: clamp(240px, 56.43px + 17.9vw, 400px);
width: 100%;
}
.online-bachelors-degree-content {
padding-top: clamp(16px, -11.78px + 2.7vw, 40px);
padding-bottom: clamp(16px, -8.39px + 2.37vw, 37px);
/* max-width: 538px; */
/* max-width: 28.02vw; */
max-width:clamp(218px, -148.84px + 35.78vw, 538px);
z-index: 2;
}
div.online-bachelors-degree-programmes-card h2.online-bachelors-degree-title {
color: #F1C82A; /* Yellow color */
font-size: clamp(14px, 1.67vw, 32px);
font-weight: 600;
margin: 0 0 clamp(4px, -3.17px + 0.69vw, 10px) 0;
line-height: 1.5;
}
.online-bachelors-degree-programmes-btn {
/* margin-top: clamp(13px, calc(13px + 27 * ((100vw - 430px) / 1490)), 40px); */
margin-top: clamp(10px, -24.64px + 3.37vw, 40px);
}
div.online-bachelors-degree-programmes-card p.online-bachelors-degree-description {
font-size: clamp(12px, 2.47px + 0.92vw, 20px);
line-height: 1.5;
margin: 0px !important;
max-width: clamp(
240px,
calc(240px + (407 - 240) * ((100vw - 1200px) / (1920 - 1200))),
407px
);
text-align: left;
}
.fusion-fullwidth.online-bachelors-degree-programmes-container-main div.tab-content {
margin-top: 40px;
}
/*
.fusion-fullwidth.online-bachelors-degree-programmes-container-main ul.nav-tabs.nav-justified li a {
width: 100% !important;
}
.fusion-fullwidth.online-bachelors-degree-programmes-container-main ul.nav-tabs.nav-justified li {
max-width: 50% !important;
} */
.fusion-fullwidth.ug-programme-join-us-bg-main {
background-image:
url('/wp-content/uploads/2026/03/join-us-bg-ug-programme-bg.webp'),
url('/wp-content/uploads/2026/01/join-us-bg-back.webp ');
background-position:
clamp(-299px, calc(-299px + 299 * ((100vw - 768px) / 1152)), 0px) 100%,
100% 100%;
background-size:
cover, /* size for image1 */
cover; /* size for image2 */
background-repeat:
no-repeat, /* image1 */
no-repeat; /* image2 */
height: clamp(630px, calc(630px + 30 * ((100vw - 641px) / 1279)), 660px);
max-height: clamp(430px, calc(430px + 230 * ((100vw - 641px) / 1279)), 660px);
}
.page-id-7406 .fusion-fullwidth.ug-programme-join-us-bg-main {
background-image:
url('/wp-content/uploads/2026/04/Frame-1621506865-1.webp'),
url('/wp-content/uploads/2026/01/join-us-bg-back.webp');
}
.fusion-tabs.online-ug-bachelor-degree-programmes-tab-2 .specialization-card h3.specialization-card-title {
max-width: 92% !important;
}
@media(max-width: 1199px) {
div.industry-ready-professionals-title-heading h2 {
width: 100%;
max-width: 100%;
}
div.industry-ready-professionals-title-desc-2 {
width: 100%;
max-width: 100%;
}
div.industry-ready-professionals-title-desc-1 {
width: 100%;
max-width: 100%;
}
}
@media(max-width: 1024px) {
.xyz-exam-overview-card {
margin: 0 auto;
}
.fusion-fullwidth.know-your-bba-faculty-container-main div.fusion-separator {
/* border: 2px solid red; */
display: none !important;
}
.core-benefits-about .left-right-border::after {
display: none !important;
}
.fusion-layout-column.reinventing-right-side::before {
display: none;
}
.panorama-section {
gap: 5%;
}
.panorama-section h2.h2-title .title-highlight {
/* display: block; */
}
.fusion-fullwidth.overview-and-structure {
background-image: unset;
}
.semester-1-list {
height: auto;
min-height: auto;
max-height: fit-content !important;
}
.online-bachelors-degree-content {
width: 70%;
max-width: 50%;
padding-top: 40px;
padding-bottom: 40px;
}
.online-bachelors-degree-wrapper {
flex-direction: column;
max-width: 80%;
margin: 0 auto;
}
.ug-bottom-nav-wrapper {
display: none;
}
.your-getway-award-icon img {
width: 166px;
min-width: 166px;
}
.ug-bottom-card::after {
background: unset;
}
.ug-bottom-card {
height: 800px;
max-height: 800px;
align-items: flex-start;
background-position: bottom center;
padding-left:16px;
padding-right: 16px;
padding-top: 50px;
}
div.ug-bottom-details {
width: 100%;
max-width: 100%;
}
.ug-bottom-card::before {
height: 100%;
background: linear-gradient(
180deg,
rgba(13, 14, 14, 1) 60%, /* 100% opacity */
rgba(13, 14, 14, 0) 100% /* 0% opacity */
)
}
div.online-bachelors-degree-programmes-card p.online-bachelors-degree-description {
width: 100%;
max-width: 100%;
}
}
@media(max-width: 991px) {
.ug-why-top-choices-title .title-highlight {
display: unset;
}
.program-benefit-card {
min-height: 180px;
height: auto;
}
.program-benefit-card.program-benefit-card-3-img {
margin-bottom: 20px;
}
/* .fusion-fullwidth.ug-programmes-hero-container {
background-position: 55%;
} */
}
@media(max-width: 640px) {
.fusion-fullwidth.ug-programme-join-us-bg-main {
padding-top: 60px;
height: 630px;
max-height: 630px;
background-position: 74% 100%, 100% 100%;
background-size: 196%, /* size for image1 */ cover;
}
.fusion-fullwidth.ug-programme-join-us-bg-main div.fusion-builder-row {
align-content: flex-start;
}
.online-bachelors-degree-content {
/* padding: 0px 0px; */
/* max-width: 100%;
width: 100%;
border: 2px solid yellow; */
width: unset;
max-width: unset;
}
div.online-bachelors-degree-programmes-card p.online-bachelors-degree-description {
width: 100%;
max-width: 51%;
min-height: 61px;
}
span.industry-ready-professionals-main-img {
position: unset;
bottom: unset;
}
div.fusion-layout-column.top-benefit-card-ug div.fusion-column-wrapper {
flex-direction: row !important;
align-items: center;
}
.online-bachelors-degree-wrapper {
max-width: 100%;
margin: 0 auto;
}
.online-bachelors-degree-programmes-card {
/* max-height: 177px; */
}
.online-bachelors-degree-programmes-card-img img {
/* max-height: 183px; */
}
div.online-bachelors-degree-programmes-card h2.online-bachelors-degree-title {
margin: 0px;
max-width: 60%;
}
}
@media(max-width: 430px) {
/* .fusion-fullwidth.ug-programmes-hero-container {
background-image: url("/wp-content/uploads/2026/03/ug-banner-mb.webp");
background-position: bottom;
} */
/* .fusion-fullwidth.ug-programmes-hero-container > .fusion-builder-row {
align-content: flex-start;
} */
.fusion-fullwidth.ug-programme-join-us-bg-main {
height: 630px;
max-height: 630px;
background-position: 74% 100%, 100% 100%;
background-size: 226%, /* size for image1 */ cover;
}
}
@media(max-width: 430px) {
.online-bachelors-degree-programmes-btn {
margin-top: 6px;
}
}
@media(max-width: 400px) {
div.online-bachelors-degree-programmes-card p.online-bachelors-degree-description {
font-size: 11px;
}
}
/* BBA IN General */
.job-role-icon {
padding: 20px;
border-radius: 30px;
background-color: #fcf4d4;
}
.key-takeaway-right {
max-width: 72.49%;
}
.fusion-fullwidth.bba-general-hero-conatiner-main {
height: 450px;
max-height: 450px;
}
.bba-general-hero-box {
}
.bba-general-hero-box .fusion-title-heading h3 {
margin: 0px;
font-weight: 600;
font-size: clamp(20px, calc(20px + 12 * ((100vw - 430px) / 1490)), 32px) !important;
line-height: 1.2 !important;
color: #f1c82a !important;
}
.bba-general-hero-box .fusion-title-heading p {
margin: 0px;
font-weight: 400;
margin-bottom: 8px;
font-size: clamp(14px, calc(14px + 6 * ((100vw - 430px) / 1490)), 20px);
color: #fff;
line-height: 1.5 !important;
}
.fusion-fullwidth.about-bba-general-2 {
background-image: url(/wp-content/uploads/2026/03/Frame-1621507807.webp);
/* background-position:
bottom 0px left clamp(20px, calc(20px + 505 * ((100vw - 1025px) / 895)), 525px),
center center; */
/* background-position: left clamp(280px, calc(280px + 160 * ((100vw - 1500px) / 420)), 440px) bottom clamp(4px, calc(4px + 11 * ((100vw - 1500px) / 420)), 15px) , center center !important; */
/* background-size: clamp(568px, calc(568px + 300 * ((100vw - 1025px) / 640)), 985px) auto,
cover !important ;
*/
background-size: cover;
background-repeat:
no-repeat,
no-repeat;
/* background-size:
clamp(568px, calc(568px + 300 * ((100vw - 1025px) / 895)), 868px) auto,
cover; */
/* height: clamp(500px, calc(500px + 175 * ((100vw - 1025px) / 895)), 675px);
max-height: clamp(500px, calc(500px + 175 * ((100vw - 1025px) / 895)), 675px); */
}
.fusion-fullwidth.about-bba-general {
background-image: url(/wp-content/uploads/2026/03/Group-1597883393-1.webp), url(/wp-content/uploads/2026/03/Frame-1621507807.webp);
/* background-position:
bottom 0px left clamp(20px, calc(20px + 505 * ((100vw - 1025px) / 895)), 525px),
center center; */
background-position: left clamp(280px, calc(280px + 160 * ((100vw - 1500px) / 420)), 440px) bottom clamp(4px, calc(4px + 11 * ((100vw - 1500px) / 420)), 15px) , center center !important;
background-size: clamp(568px, calc(568px + 300 * ((100vw - 1025px) / 640)), 985px) auto,
cover !important ;
background-repeat:
no-repeat,
no-repeat;
/* background-size:
clamp(568px, calc(568px + 300 * ((100vw - 1025px) / 895)), 868px) auto,
cover; */
height: clamp(500px, calc(500px + 175 * ((100vw - 1025px) / 895)), 675px);
max-height: clamp(500px, calc(500px + 175 * ((100vw - 1025px) / 895)), 675px);
}
.bba-general-about-title h2.fusion-title-heading{
max-width: 423px;
}
.fusion-layout-column.bba-general-about-icon-box {
/* position: absolute; */
max-width: clamp(270px, calc(270px + 142 * ((100vw - 1025px) / 895)), 412px);
/* border: 1px solid transparent;
background-image: linear-gradient(white, white),
linear-gradient(to right, #FFC100, #7EA9E3);
background-origin: border-box;
background-clip: padding-box, border-box; */
border-radius: 12px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(40px);
-webkit-backdrop-filter: blur(40px);
bottom: 0px;
/* left: 200px; */
}
.bba-general-about-icon img {
width: clamp(100px, calc(100px + 76 * ((100vw - 1025px) / 895)), 176px);
max-width: clamp(100px, calc(100px + 76 * ((100vw - 1025px) / 895)), 176px);
}
.industry-align-general-bba-heading h2 {
max-width: 737px;
}
/* LEFT */
/* .fusion-layout-column.industry-aligned-main-column:before {
content: "";
position: absolute;
top: clamp(5px, calc(5px + 2 * ((100vw - 430px) / 1490)), 7px);
left: clamp(-2px, calc(-2px + 17 * ((100vw - 430px) / 1490)), 15px);
width: clamp(16px, 2vw, 27px);
height: clamp(16px, 2vw, 27px);
background: #0b2a55;
clip-path: polygon(100% 100%, 100% 0, 0 100%);
transform: translate(-30%, -30%);
} */
/* RIGHT */
/* .fusion-layout-column.industry-aligned-main-column:after {
content: "";
position: absolute;
top: clamp(5px, calc(5px + 2 * ((100vw - 430px) / 1490)), 7px);
right: clamp(-2px, calc(-2px + 17 * ((100vw - 430px) / 1490)), 15px);
width: clamp(16px, 2vw, 27px);
height: clamp(16px, 2vw, 27px);
background: #0b2a55;
clip-path: polygon(0 100%, 0 0, 100% 100%);
transform: translate(30%, -30%);
} */
.fusion-layout-column.industry-aligned-main-column:before {
content: "";
position: absolute;
top: 8px;
left: clamp(-2px, calc(-2px + 17 * ((100vw - 430px) / 1490)), 15px);
width: clamp(16px, 2vw, 27px);
height: 27px;
background: #0b2a55;
clip-path: polygon(100% 100%, 100% 0, 0 100%);
transform: translate(-30%, -30%);
}
.fusion-layout-column.industry-aligned-main-column:after {
content: "";
position: absolute;
top: 8px;
right: clamp(-2px, calc(-2px + 17 * ((100vw - 430px) / 1490)), 15px);
width: clamp(16px, 2vw, 27px);
height: 27px;
background: #0b2a55;
clip-path: polygon(0 100%, 0 0, 100% 100%);
transform: translate(30%, -30%);
}
/* LEFT IMAGE */
.fusion-fullwidth.industry-aligned-main-container::before {
content: "";
position: absolute;
bottom: 0;
left: -58px;
width: 422px;
height: 100%;
background-image: url(/wp-content/uploads/2025/12/logo1-1.webp);
background-size: 422px auto;
background-repeat: no-repeat;
background-position: bottom left;
mix-blend-mode: luminosity;
pointer-events: none;
}
/* RIGHT IMAGE */
.fusion-fullwidth.industry-aligned-main-container::after {
content: "";
position: absolute;
bottom: 0;
right: -80px;
width: 412px;
height: 100%;
background-image: url(/wp-content/uploads/2025/12/logo1-1.webp);
background-size: 412px auto;
background-repeat: no-repeat;
background-position: bottom right;
mix-blend-mode: luminosity;
pointer-events: none;
}
@media(max-width: 1024px) {
.home-for-mobile {
display: block !important;
}
.home-menu-item {
display: none !important;
}
.fusion-fullwidth.short-duration-specialization .specialization-card .specialization-card-description {
transform: translateY(-50px);
margin-bottom: 10px;
}
.fusion-fullwidth.short-duration-specialization .specialization-card h3.specialization-card-title {
transform: translateY(-50px);
margin-bottom: 6px;
}
.fusion-fullwidth.short-duration-specialization .specialization-card .specialization-card-button {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
.fusion-fullwidth.ba-hons-eng-faculty-container .swiper-wrapper {
justify-content: unset;
}
.fusion-fullwidth.ba-hons-eng-faculty-container.container-padding {
padding-right: 0px !important;
}
.key-takeaway-right {
max-width: 100%;
}
.program-benefit-card::after {
/* bottom: 0;
top: unset;
transform: unset !important; */
opacity: 1;
}
.fusion-fullwidth.industry-aligned-main-container::after {
content: unset;
}
.fusion-fullwidth.industry-aligned-main-container::before {
content: unset;
}
.bba-general-about-title h2.fusion-title-heading{
max-width: 100%;
}
.fusion-fullwidth.about-bba-general {
height: 620px;
max-height: 620px;
background-position:
bottom center,
center center;
background-size:
570px auto,
cover;
}
.fusion-fullwidth.about-bba-general > .fusion-builder-row {
align-content: flex-start;
}
.about-bba-general-right > .fusion-column-wrapper {
}
.fusion-layout-column.bba-general-about-icon-box {
left: unset;
right: 0px;
}
}
@media(max-width: 640px) {
.job-role-icon img {
max-width: 40px;
}
.Hero-left-bba-general .fusion-builder-row {
justify-content: center;
}
.bba-general-hero-box-1 {
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
padding-bottom: 20px;
max-width: calc(100% - 30px);
}
.bba-general-hero-box-2 {
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
padding-bottom: 20px;
padding-top: 20px;
max-width: calc(100% - 30px);
}
.bba-general-hero-box-3 {
padding-top: 20px;
max-width: calc(100% - 30px);
}
.bba-general-hero-box > .fusion-column-wrapper {
flex-direction: row !important;
}
.fusion-fullwidth.bba-general-hero-conatiner-main {
height: 640px;
max-height: 640px;
}
.fusion-fullwidth.industry-aligned-main-container {
background-image: unset;
}
.fusion-fullwidth.about-bba-general {
height: 597px;
max-height: 597px;
background-size:
382px auto,
cover;
}
.fusion-layout-column.bba-general-about-icon-box {
/* max-width: 100px; */
border-radius: 6px;
}
.fusion-layout-column.bba-general-about-icon-box > .fusion-column-wrapper {
/* flex-direction: column !important; */
}
.bba-general-about-icon img {
max-width: 80px;
}
}
.start-to-success-text-wrapper.slimline-scroll {
max-height: unset;
}
/* Sitemap */
.sitemap-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
h3.sitemap-title {
color: #BD2126 !important;
margin: 0px !important;
font-size: clamp(20px, 17.53px + 0.55vw, 28px) !important;
}
a.sitemap-link {
font-size: clamp(16px, 14.7px + 0.28vw, 20px) !important;
color: #0b4696 !important;
}
/* End of new vertical + Horizoinatka Scroll */
@media (max-width: 1700px) {
.fusion-sharing-box .sharingbox-shortcode-icon-wrapper {
flex-wrap: nowrap !important;
flex-direction: row !important;
}
/* .cutsom-programme-shared-icons {
transform: unset !important;
left: -70px;
} */
.cutsom-programme-shared-icons {
min-height: 40px !important;
left: -100px;
top: 100px;
}
.fusion-fullwidth.our-awards-and-accreditations::before {
background-position: -10% 0%;
}
}
@media (max-width: 1650px) {
.why-choose-right {
max-width: 60% !important;
width: 60% !important;
}
.why-choose-left {
max-width: 40% !important;
width: 40% !important;
}
.fusion-fullwidth.about-bba-general{
background-image: url('/wp-content/uploads/2026/03/Frame-1621507807.webp') !important;
background-position: center center !important;
background-size: cover !important;
background-repeat: no-repeat;
}
}
@media (max-width: 1600px) {
.fusion-panel .panel-heading .panel-title a span.fusion-toggle-heading {
margin-right: 18px;
}
#menu-primary-menu .awb-menu__main-li {
/* padding: 0px 20px; */
}
#client-2 {
background-position: 37% 100%;
}
.career-goals {
width: 40% !important;
border: 2px solid grren !important;
}
}
@media (max-width: 1500px) {
.hz-card {
justify-content: flex-start;
gap: 20px;
}
}
@media (max-width: 1440px) {
.common-faq .panel-heading h4.panel-title a {
padding: 17px 28px 17px 38px !important;
}
.common-faq div.panel-body {
padding: 14px 68px 20px 38px;
}
.fusion-fullwidth.manav-rachna-online-about {
background-position: 50% 50%;
}
.common-faq .fusion-toggle-icon-wrapper {
min-width: 38px;
height: 38px;
}
.common-faq .fusion-toggle-icon-wrapper::after {
background-size: 22px;
}
.common-faq a[aria-expanded="true"] .fusion-toggle-icon-wrapper::after {
background-size: 22px;
}
#client-2 {
/* margin-top: -30px; */
}
.about-program-card {
/* height: 380px;
max-height: 380px; */
}
.apc-icon-container {
margin-bottom: 40px;
}
.recognition-slider-container {
padding-bottom: 80px;
}
#client-2 {
background-position: 48% 100%;
}
h2.h2-title {
margin-bottom: 80px;
}
.btn-container .custom-secondary-btn-invert {
/* margin-right: 10px; */
}
/* .hz-card {
width: 400px;
height: 500px;
} */
.card-s {
/* max-width: 350px;
height: 320px; */
padding: 28px 20px 28px 28px;
}
}
@media (max-width: 1366px) {
.fusion-fullwidth.what-are-the-reason-container .fusion-column-wrapper.fusion-content-layout-column {
padding-top: 200px;
}
.career-prospects-img {
padding: 18px;
border-radius: 18px;
}
.fusion-panel .panel-heading .panel-title a span.fusion-toggle-heading {
margin-right: 12px;
}
.common-faq div.fusion-panel {
border-radius: 18px;
}
/* .common-faq .fusion-toggle-icon-wrapper {
min-width: 36px;
min-height: 36px;
} */
/* .common-faq .fusion-toggle-icon-wrapper::after {
background-size: 20px;
} */
.common-faq a[aria-expanded="true"] .fusion-toggle-icon-wrapper::after {
background-size: 20px;
}
#client-2 {
/* background-size: 130%,cover, cover; */
}
#client-2 .hiring-partners-2 .swiper {
margin-bottom: 0px;
}
.home-menu-item .menu-text {
padding-bottom: 2px;
}
.topExtraMenu .menu-text::before {
width: 28px;
}
.ApplyNowBtn span.menu-text.fusion-button.button-default.button-medium:after {
margin-left: 8px;
}
.our-program-abt-main .fusion-grid-4>.fusion-grid-column {
width: 33.333% !important;
}
.fusion-fullwidth.join-us-bg-main {
background-position: 50% 100%, /* position for image1 */
100% 100%;
}
.silent-feature-icon-container {
max-width: 90px;
max-height: 90px;
}
.u-ind-content-box {
padding: 28px;
}
.benefit-section-main {
background-size: 237px auto, contain, cover !important;
}
.benefit-card-img {
right: 10px;
}
.benefit-card .benefit-title h3 {
padding-top: 50px !important;
}
.benefit-desc p {
padding-bottom: 50px !important;
}
.benefit-card-img {
bottom: 40px;
}
.recognition-slider-container {
padding-bottom: 60px;
}
#menu-primary-menu .awb-menu__main-li {
/* padding: 0px 8px; */
}
/* .hz-card {
width: 380px;
height: 480px;
} */
/* #faq {
background-position: 80% 100% !important;
background-size: cover !important;
} */
#real-experience .swiper-slide.swiper-slide-active .card-border {
border-width: 6px;
}
.play-icon img {
/* width: 50px;
height: 50px; */
}
.card-s {
/* max-width: 330px;
height: 300px; */
padding: 28px 20px 28px 28px;
}
.css-scroll-content {
flex: 2;
}
}
@media (max-width: 1280px) {
.common-faq .panel-heading h4.panel-title a {
padding: 17px 26px 17px 26px !important;
}
.common-faq div.panel-body {
padding: 14px 64px 18px 26px;
}
.common-faq div.fusion-panel {
border-radius: 16px;
}
.enquire-btn {
max-width: 140px;
max-height: 64px;
}
.contact-item img {
/* min-width: 24px;
min-height: 24px; */
}
.fusion-fullwidth.manav-rachna-online-about {
background-position: 60% 50%;
}
.hiring-partners-2 .swiper {
/* padding-bottom: 112px; */
}
.online-degree-right {
padding-bottom: 40px;
}
#client-2 {
/* margin-top: -26px; */
}
.silent-feature-icon-container {
border-radius: 21px;
}
.silent-feature-icon-container img {
padding: 17px;
}
.silent-feature-icon-container {
max-width: 80px;
max-height: 80px;
}
.recognition-slider-container {
padding-bottom: 50px;
}
/* .hz-card {
width: 360px;
height: 460px;
} */
.card-s {
/* max-width: 310px;
height: 300px; */
padding: 24px 16px 24px 24px;
}
}
@media (max-width: 1199px) {
.reasons-section .reasons-text-content {
font-size: 14px;
}
.fusion-fullwidth.what-are-the-reason-container .fusion-column-wrapper.fusion-content-layout-column {
/* padding-top: 140px; */
padding-top: 40px;
}
#client-2 {
/* background-size: 140%,cover,cover; */
}
#menu-primary-menu .awb-menu__main-li {
padding: 0px 30px;
}
.fee-left-area > .fusion-column-wrapper {
max-width: 90% !important;
}
.fee-right-area > .fusion-column-wrapper {
max-width: 90% !important;
}
.silent-features-section-main .silent-feature-carousel-wrapper.container-padding {
padding-right: 0px !important;
}
.about-program-card h3.apc-title {
margin: 0 0px 12px 0;
}
.apc-icon-container {
margin-bottom: 30px;
}
.about-program-card {
/* height: 380px;
max-height: 380px; */
}
/* .topHeaderIcons a.contact-item {
display: none;
} */
.card-s {
/* max-width: 280px;
height: 300px; */
padding: 20px 12px 20px 20px;
}
}
@media (max-width: 1080px) {
#menu-primary-menu .awb-menu__main-li {
padding: 0px 20px;
}
.card-s {
/* max-width: 250px; */
/* height: 260px; */
padding: 20px 12px 20px 20px;
}
}
@media(max-width: 1124px ) {
.ftr-apl-now {
display: block;
width: 50%;
height: 100%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
/* max-height: 50px;
height: 50px; */
}
.ftr-enq-now {
background-color: #0B4696;
width: 50%;
height: 100%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
/* max-height: 50px;
height: 50px; */
}
.banner-center {
top: 0px;
width: 100%;
}
.fusion-fullwidth.sticky-cta {
bottom: 0px;
}
.banner-left {
display: none;
}
.banner-right {
display: none;
}
.enquire-btn {
padding-top: 0px;
/* max-height: 50px;
height: 50px; */
background-color: transparent;
box-shadow: unset;
min-width: 100%;
}
.enquire-btn::after {
display: none;
}
.enquire-btn::before {
display: none;
}
.admission-banner {
max-height: 50px;
}
}
@media (max-width: 1024px) {
.fusion-fullwidth.short-duration-join-us {
background-size: clamp(820px, 602.58px + 50.54vw, 1120px);
padding-bottom: clamp(320px, 397.94px + -18.15vw, 212px);
background-position: bottom -10px right clamp(-110px, -189.85px + 18.55vw, 0px);
}
.fusion-fullwidth.ug-programmes-hero-container {
padding-bottom: 400px;
background-size: 630px, cover;
}
.fusion-fullwidth.elevate-succeed-main-container {
background-position: center;
background-image: url(/wp-content/uploads/2026/04/elevate-success-mb0bg.webp)
}
.elevate-success-img img {
max-width: 580px;
width: 100%;
}
.eligibility-and-class-toggle .fusion-panel:hover
.fusion-toggle-icon-wrapper::before {
transform: rotate(0deg); /* or 180deg if you want full rotate */
}
.reinventing-right-side {
padding-left: clamp(16px, calc(16px + (100 - 16) * ((100vw - 430px) / (1920 - 430))), 100px) !important;
}
.fusion-fullwidth.about-bba-general {
background-position: center bottom , center center !important;
background-image: url(/wp-content/uploads/2026/03/Group-1597883393-1.webp), /* top image */ url(/wp-content/uploads/2026/03/Frame-1621507807.webp) !important;
background-size: clamp(390px, calc(390px + 245 * ((100vw - 430px) / 594)), 635px), cover !important;
}
nav.mobile-ham-menu button {
padding: 0px !important;
}
.fusion-column-wrapper .mobile-header-first-icon {
margin-right: 24px;
}
ul.course-curriculum-list {
padding-left: 22px;
}
.fusion-fullwidth.short-duration-banner {
height: auto;
max-height: 100%;
}
.fusion-fullwidth.special-container {
display: none;
}
.short-duration-banner > div.fusion-builder-row {
justify-content: center;
}
.dual-degree-benefit-wrapper {
width: 138px;
height: 90px;
}
.fusion-fullwidth.knowledge-partners-container div.fusion-builder-row.fusion-row {
align-content: flex-start;
gap: 20px;
}
.fusion-fullwidth.aabout-online-mba-container {
height: auto;
/* background-position: center 96%, center center; */
}
/* .common-faq .fusion-toggle-icon-wrapper {
min-width: 32px;
height: 32px;
}
.common-faq .fusion-toggle-icon-wrapper::after {
background-size: 19px;
} */
.common-faq a[aria-expanded="true"] .fusion-toggle-icon-wrapper::after {
background-size: 19px;
}
.common-faq .panel-heading h4.panel-title a {
padding: 17px 24px 17px 24px !important;
}
.common-faq div.panel-body {
padding: 14px 60px 18px 24px;
}
.common-faq div.fusion-panel {
border-radius: 14px;
}
#client-2 .hiring-partners-2 .swiper {
margin-bottom: 40px;
}
#menu-item-2928 {
display: none;
}
.about-banner-highlight-box-border-2::before {
width: 0px !important;
}
.btn-wrapper {
padding-top: 20px;
}
.fusion-fullwidth.join-us-bg-main {
padding-bottom: 270px;
background-size: 1024px, cover;
}
.why-nav-wrappper {
display: none;
}
.fusion-fullwidth.manav-rachna-online-about {
background-position: 70% 50%;
}
.fusion-fullwidth.manav-rachna-online-about::before {
background: linear-gradient(90deg, #09103C 40%, rgba(9, 16, 60, 0) 90%);
}
.footer-main-bottom .fusion-builder-row-inner {
flex-direction: column-reverse;
}
.footerQlist {
justify-content: center;
}
#custom-sticky-section-wrapper .container-padding {
padding-left: 0px !important;
}
.hiring-partners-2 .swiper {
/* padding-bottom: 80px; */
}
#client-2 {
/* margin-top: -18px; */
background-size: auto, cover, cover;
}
.topHeaderIcons {
gap: 24px;
}
.topHeaderIcons .fusion-li-item-content {
display: none;
}
.topHeaderIcons .circle-yes:last-of-type {
margin-right: 0;
}
.secondary-title h2 .fee-title-block {
display: block !important;
}
.fee-left-area > .fusion-column-wrapper {
max-width: unset !important;
}
.fee-right-area > .fusion-column-wrapper {
max-width: unset !important;
}
.awards_and_accreditations-image {
max-width: 244px;
}
/* .faculty-section-main .container-padding.faculty-section-carousel-wrapper {
padding-right: 0px !important;
} */
.awards-and-accreditations-section-main .container-padding.award-carousel-wrapper {
padding-right: 0px !important;
}
.faculty-seperator {
margin: 10px 0px 31px 0px !important;
}
.swiper-button-next, .swiper-button-prev {
width: 50px;
height: 50px;
background-size: 16px;
}
.secondary-title h2 .sf-block-title {
display: block !important;
}
.silent-feature-icon-container {
max-width: 70px;
max-height: 70px;
}
.eligibility-col-wrapper {
height: calc(100% - 135px);
}
.benefit-section-main {
background-image: url("/wp-content/uploads/2025/12/benefits-bg.webp"),
url("/wp-content/uploads/2026/01/benefits-bg-1.webp") !important;
background-repeat: no-repeat,
no-repeat !important;
background-position: center top,
center center !important;
background-size: contain,
cover !important;
}
.u-ind-accordion-item.eligibility-1 {
top: 80px;
right: 0px;
}
.u-ind-accordion-item.eligibility-2 {
top: 154px;
left: 0px;
}
.u-ind-accordion-item.eligibility-3 {
top: 44px;
left: 16px;
}
/* .eligibility-col-wrapper >
.fusion-column-wrapper >
.fusion-builder-row-inner {
flex-direction: row-reverse;
} */
.eligibility-col-wrapper .eligibility-col-1 {
order: 3;
}
.eligibility-col-wrapper .eligibility-col-2 {
order: 2;
}
.eligibility-col-wrapper .eligibility-col-3 {
order: 1;
}
.u-ind-accordion-item.eligibility-2 .u-ind-pill-trigger {
flex-direction: row-reverse;
padding-top: clamp(10px, 0.63vw, 12px);
padding-bottom: clamp(10px, 0.63vw, 12px);
/* reverse horizontal padding */
padding-left: 0;
padding-right: clamp(27px, 1.82vw, 35px);
}
.benefit-card .benefit-card-img {
opacity: 1;
transform: translateY(0) rotate(10deg);
}
.benefit-seperator {
margin: 16px 0px !important;
}
.specialization-card:hover .specialization-card-title {
transform: translateY(-50px);
}
.specialization-card:hover .specialization-card-description {
transform: translateY(-50px);
}
.about-program-left-img img {
top: 25px;
max-width: 400px;
}
/* Program Page */
.core-benefits-title > h3 code {
display: unset;
}
.bcom-abt-left .about-program-left-img {
top: unset;
}
.about-program-left-img {
bottom: unset;
z-index: 2 !important;
top: 53px;
}
.postid-3013 .about-program-left-img {
top: unset;
bottom: 0px;
}
.about-program-section-left {
margin-top: -190px !important;
}
.about-program-section-main .fusion-builder-row {
flex-direction: column-reverse;
}
.about-program-left-img img {
transform: scaleX(-1);
z-index: 2 !important;
}
/* Programme page css */
/* Don’t try to scroll the outer column */
/* Hide scrollbar – Chrome, Edge, Safari */
.core-benefits-right > .fusion-column-wrapper::-webkit-scrollbar {
display: none;
}
/* Hide scrollbar – Firefox */
.core-benefits-right > .fusion-column-wrapper {
scrollbar-width: none;
}
/* Hide scrollbar – IE / old Edge */
.core-benefits-right > .fusion-column-wrapper {
-ms-overflow-style: none;
}
.core-benefits-right {
overflow: visible !important;
}
/* Make THIS the scroll container */
.core-benefits-right > .fusion-column-wrapper {
overflow-x: auto !important;
overflow-y: hidden !important;
max-width: 100% !important;
-webkit-overflow-scrolling: touch;
/* Avada sometimes uses variables for overflow */
--awb-overflow: auto !important;
}
/* Ensure inner row becomes wider than container (so it can scroll) */
.core-benefits-right .fusion-builder-row-inner {
display: flex !important;
flex-wrap: nowrap !important;
width: max-content !important;
max-width: none !important;
}
/* Each card/column should not shrink */
.core-benefits-right .fusion_builder_column_inner {
flex: 0 0 auto !important;
}
/* Proghramm page css end */
.online-degree-right {
padding-right: clamp(16px, 5.21vw, 100px) !important;
padding-left: clamp(16px, 5.21vw, 100px) !important;
}
.career-goals {
width: 96% !important;
}
.css-cards-wrapper > .card-s:nth-child(even) {
transform: translateY(50px);
}
.css-sticky-media p {
margin: 0px 0px 22px 0px !important;
}
h2.h2-title {
margin-bottom: 60px;
}
.nav-wrappper {
display: none;
}
.why-choose-right {
min-width: 100%;
}
.css-cards-wrapper > .card-s:nth-child(even) {
margin: 0px;
}
.card-s {
box-shadow: 0px 0px 10.07px 0px #00000040;
backdrop-filter: blur(30px);
/* background: rgba(255, 255, 255, 0.4); */
background: transparent;
background-color: transparent;
min-width: 290px;
height: 298px;
}
.right-cards-container .card-s:nth-child(even) {
margin-top: unset;
}
.right-cards-container {
display: flex;
gap: 15px;
}
.sticky-container {
justify-content: flex-start;
}
.card-s {
/* min-width: 290px;
max-width: 290px; */
}
/* #faq {
background-position: center !important;
background-size: cover !important;
} */
.play-icon img {
/* min-width: 40px;
min-height: 40px;
width: 40px;
height: 40px; */
}
#real-experience .swiper-slide.swiper-slide-active .card-border {
border-width: 3px;
width: calc(100% + 30px);
left: -15px;
height: calc(100% - 30px);
top: 15px;
}
#real-experience .swiper-slide {
padding: 30px 0px;
}
.xe-card-overlay {
padding-left: 15px;
padding-bottom: 15px;
}
.css-cards-wrapper {
gap: 15px;
}
.css-sticky-media {
height: min-content;
padding-top: 50px;
/* justify-content: flex-start; */
}
.ug-page-bd-p-col-2-tab .job-roles-tabs2 p {
margin-bottom: 0px !important;
}
.ug-page-bd-p-col-2-tab .specialization-card .specialization-card-button {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
.ug-page-bd-p-col-2-tab .specialization-card .specialization-card-description {
transform: translateY(-50px);
margin-bottom: 10px;
}
.ug-page-bd-p-col-2-tab .specialization-card::after {
height: 55%;
}
.ug-page-bd-p-col-2-tab .specialization-card h3.specialization-card-title {
transform: translateY(-50px);
margin-bottom: 6px;
}
}
@media (max-width: 991px) {
.info-value {
display: block;
}
.fusion-fullwidth.aabout-online-mba-container {
height: auto;
background-position: center 96%, center center;
padding-bottom: 380px;
background-size: 50%, cover;
}
.abt-pg-prog-desc-col {
min-width: 100%;
}
.abt-pg-prog-title-col {
min-width: 100%;
}
/* .fusion-image-element .what-are-the-reason-img {
right: -42px;
} */
.fusion-fullwidth.hero-highlight-container-main .fusion-builder-row {
justify-content: flex-start !important;
overflow: auto !important;
}
.common-faq .panel-heading h4.panel-title a {
padding: 17px 20px 17px 20px !important;
}
.common-faq div.panel-body {
padding: 12px 50px 16px 20px;
}
.common-faq div.fusion-panel {
border-radius: 12px;
}
.fusion-image-element .what-are-the-reason-img {
/* right: -42px; */
right: -114px;
}
.what-are-the-reason-carousel {
max-width: 90%;
}
.what-are-the-reason-carousel-heading .d-block {
display: inline;
}
.what-are-the-reason-carousel-heading {
/* max-width: 500px; */
}
.program-header {
margin-right: 30px;
}
.program-header h2 {
/* margin-bottom: 20px; */
}
.tab-btn {
/* padding: 8px 16px; */
}
/* .hz-card {
width: 340px;
height: 440px;
} */
}
@media (max-width: 768px) {
@media (max-width: 768px) {
.sitemap-grid {
grid-template-columns: 1fr;
}
}
.fusion-fullwidth.aabout-online-mba-container {
background-size: 60%, cover;
}
.common-faq .panel-heading h4.panel-title a {
padding: 17px 18px 17px 18px !important;
}
.fusion-fullwidth.manav-rachna-online-about::before {
background: linear-gradient(90deg, #09103C 24%, rgba(9, 16, 60, 0) 90%);
}
.eligibility-section-main {
background-image: url("/wp-content/uploads/2026/01/eligibility-mobile.webp") !important;
background-repeat: no-repeat !important;
background-position:center center !important;
background-size: cover !important;
}
.u-ind-accordion-item.eligibility-1 {
max-width: 280px;
}
.u-ind-accordion-item.eligibility-2 {
max-width: 305px;
}
.u-ind-accordion-item.eligibility-3 {
max-width: 307px;
}
.css-sticky-media {
/* justify-content: flex-start; */
/* flex: unset; */
}
/* .css-container {
height: inherit;
} */
.css-cards-wrapper {
padding-top: 8px;
padding-left: 8px;
}
.css-scroll-content {
background-size: 265px;
/* padding-bottom: 123px; */
/* flex: unset; */
}
.hz-card {
padding: 40px 20px 50px 20px;
}
.css-container {
/* height: auto; */
}
.css-sticky-media h2 {
margin-bottom: 17px;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.sitemap-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 641px) and (max-width: 1024px) {
.benefit-desc {
max-width: 70% !important;
}
}
@media (max-width: 640px) {
.fusion-fullwidth.ug-programmes-hero-container {
padding-bottom: 400px;
background-size: clamp(428px, 257.94px + 47.21vw, 560px), cover;
min-height: unset !important;
background-position: right clamp(-75px, -171.80px + 26.86vw, 0px) bottom, center center !important;
padding-bottom: clamp(311px, 196.2px + 31.86vw, 400px);
}
.hz-card {
justify-content: space-between;
}
.cutsom-programme-shared-icons .fusion-social-networks {
flex-wrap: nowrap !important;
flex-direction: row !important;
}
.card-box {
max-height: 310px;
overflow: hidden;
border-radius: 12px;
}
.button-text {
font-weight: 700;
}
.features-strip {
width: 100%;
max-width: 100%;
}
.features-strip-wrapper {
flex-direction: column;
}
.program-feature-section .swiper-wrapper {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 16px !important;
width: 100% !important;
transform: none !important;
overflow: visible !important;
}
.program-feature-section .swiper-slide {
width: 100% !important;
margin: 0 !important;
}
.silent-features-section-main .silent-feature-carousel-wrapper .silet-feature-card {
padding-left: 16px;
padding-right: 8px;
display: flex;
flex-direction: column;
align-items: center;
border-radius: 12px;
}
.silent-features-section-main .silent-feature-carousel-wrapper .silet-feature-card p.sf-description {
text-align: center;
}
.silent-features-section-main .silent-feature-carousel-wrapper .silent-feature-icon-container {
margin-bottom: 21px;
}
.silent-features-section-main .silent-feature-carousel-wrapper .silet-feature-card h3.sf-title {
margin-bottom: 10px;
text-align: center;
}
.silent-features-section-main .silent-feature-carousel-wrapper.container-padding {
padding-right: clamp(16px, calc(16px + (100 - 16) * ((100vw - 430px) / (1920 - 430))), 100px) !important;
}
.fee-description h3 {
font-weight: 500 !important;
}
.fee-box-title h3 {
font-weight: 400 !important;
}
.fee-structure-title-left div.fusion-column-wrapper {
justify-content: center;
}
.ug-role-title a {
font-weight: 600;
}
.what-are-the-reason-carousel-heading {
max-width: 96%;
}
.what-are-the-reason-carousel {
max-width: 100%;
}
.fusion-fullwidth.recognition-and-rankings-container .our-awards-and-accreditations-text {
max-width: 267px;
}
.fusion-fullwidth.recognition-and-rankings-container::before {
background-image: unset;
}
.fusion-fullwidth.aabout-online-mba-container {
position: relative;
background-size: 430px, cover;
background-image: url(/wp-content/uploads/2026/02/abt-online-mba-mb-3.webp);
background-color: #DDDFED;
position: relative;
}
.fusion-fullwidth.aabout-online-mba-container::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 350px;
background: linear-gradient(
to bottom,
rgba(255,255,255,1) 0%,
rgba(255,255,255,0) 100%
);
pointer-events: none;
}
.fusion-image-element .what-are-the-reason-img {
right: 0px;
bottom: -64px;
}
.fusion-image-element .what-are-the-reason-img img {
width: 440px;
}
.career-prospects-img {
padding: 14px;
border-radius: 20px;
}
.common-faq .panel-heading h4.panel-title a {
/* padding: 17px 9px 17px 9px !important; */
padding: 9px 7px 9px 17px !important;
}
.common-faq div.panel-body {
padding: 8px 9px 12px 17px;
}
.common-faq div.fusion-panel {
border-radius: 10px;
}
.abt-title-wrapper {
position: absolute;
top: 71px;
left: 50%;
width: 100%;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
transform: translate(-50%);
}
.fusion-fullwidth.join-us-bg-main {
background-color: #faf9f5;
padding-bottom: 200px;
background-image: url("/wp-content/uploads/2026/01/join-us-bg-top.webp");
background-size: 130%;
background-repeat: no-repeat;
background-position: 100% 100%;
}
.why-choose-abt-main h2 .title-highlight {
display: block;
}
button.awb-menu__m-toggle.awb-menu__m-toggle_no-text {
padding-right: 0px !important;
}
.ApplyNowBtn span.menu-text.fusion-button.button-default.button-medium {
/* padding: 5px 5px 5px 18px !important; */
}
.ApplyNowBtn span.menu-text.fusion-button.button-default.button-medium:after {
/* padding: 11px 13px !important; */
}
.applyNowBtn {
/* padding: 5px 5px 5px 18px !important; */
}
.download-brochure {
margin-top: 28px !important;
}
.uni-hero-qs-badge {
max-width: 127px;
max-height: 54px;
}
h2.uni-hero-sub-title {
margin-bottom: 16px;
}
.uni-hero-cta-box {
margin-bottom: 10px;
}
.hiring-partners-2 .swiper {
/* padding-bottom: 38px; */
}
.online-degree-right {
padding-bottom: 30px;
}
.applyNowBtn:after {
/* padding: 11px 13px; */
}
.next-leap-section-main {
background-image:url("/wp-content/uploads/2026/01/take-a-leap-bg-mobile.webp"),
url("/wp-content/uploads/2026/01/take-aleap-bg-2.webp") !important;
background-position: center bottom, center center !important;
background-size: 430px, cover !important;
}
.fee-structure-section-main {
background-image: url("/wp-content/uploads/2026/01/feestructure-bg-mobile.webp") !important;
}
.faculty-seperator {
margin: 10px 0px 14px 0px !important;
}
.eligibility-col-wrapper {
height: calc(100% - 123px);
}
.eligibility-title .d-block {
display: unset !important;
}
.benefit-card .benefit-title h3 {
padding-top: 0px !important;
}
.benefit-seperator {
margin: 10px 0px !important;
}
.about-program-section-left {
margin-top: -180px !important;
}
.about-program-left-img img {
transform: scaleX(-1);
max-width: 280px;
}
.about-program-left-img {
z-index: 2 !important;
/* top: 25px; */
top: 64px;
}
.topHeaderIcons {
justify-content: unset;
}
.admission-open p {
white-space: nowrap;
}
h2.h2-title {
margin-bottom: 40px;
max-width: 250px;
}
.knowledge-partners h2 {
/* font-size: 28px !important; */
/* max-width:390px; */
}
.real-experience h2 {
font-size: 28px !important;
/* border: 1px solid red; */
/* max-width:304px; */
}
.play-icon {
bottom: 13px;
right: 13px;
}
.btn-container {
max-width: 100%;
gap: 6px;
}
.custom-secondary-btn-invert .button-text {
margin-right: 8px;
}
.custom-secondary-btn .button-text {
margin-right: 8px;
}
.download-brochure-container .fusion-column-wrapper {
justify-content: flex-start !important;
}
#ourprogramme::after {
display: none;
}
.info-icon {
width: 24px;
height: 24px;
}
.ribbon-container {
max-width: 93px;
}
.info-label-container {
display: flex;
/* flex-direction: column; */
}
#ourprogramme .programme-carousel {
border: 2px solid blue;
/* margin-top: -166px; */
}
.logo-slider-block .swiper-slide {
height: 60px;
}
.logo-slider-block .swiper-slide img {
height: 56px;
max-height: 56px;
}
.xe-card-item {
/* height: 161px; */
}
/* .hz-card {
width: 266px;
height: 293px;
} */
/* #faq {
background-image: url("/wp-content/uploads/2025/12/faq-bottom.webp") !important;
background-repeat: no-repeat;
background-position: bottom center !important;
background-size: contain !important;
} */
.accordion-left {
/* padding-bottom: 297px; */
}
.fusion-separator.fusion-full-width-sep.title-seperator {
display: none;
}
/* #real-experience .swiper-slide.swiper-slide-active .card-border {
border-width: 3px;
width: calc(100% + 30px);
left: -15px;
height: calc(100% - 30px);
top: 15px;
}
#real-experience .swiper-slide {
padding: 30px 0px;
} */
/* .play-icon img {
width: 40px;
height: 40px;
} */
.card-overlay {
padding: 13px;
}
}
/* Appluication Process */
.app-process-section {
color: #fff;
/* padding: 60px 20px; */
overflow: hidden;
}
.section-title {
text-align: center;
font-size: 2.2rem;
margin-bottom: 50px;
font-weight: 600;
}
.steps-container {
display: flex;
justify-content: space-between;
position: relative;
max-width: 1740px;
margin: 0 auto;
gap: 15px;
}
/* --- Desktop Horizontal Styles --- */
/* Horizontal dashed line */
.dashed-line {
position: absolute;
top: 81px;
left: 20px;
width: calc(100% - 40px);
/* border-top: 1px dashed #fff; */
z-index: 0;
background-image: url(/wp-content/uploads/2026/05/dashed-line-home.svg);
height: 2px;
}
.step-card {
flex: 1;
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
}
.step-visual {
display: flex;
align-items: flex-end;
margin-bottom: 14px;
gap: 18px;
height: 60px; /* Consistent height for icons */
}
.step-icon {
width: 45px;
height: 45px;
color: #fdb913; /* Yellow */
stroke-width: 1.5;
}
.step-number {
font-size: 3.5rem;
font-weight: 300;
line-height: 1;
color: rgba(255, 255, 255, 0.15); /* Faint transparent */
margin-left: -5px;
margin-bottom: -5px;
}
.step-dot {
/* width: 12px;
height: 12px;
background-color: #0c3b85;
border: 2px solid #fdb913;
border-radius: 50%; */
margin-left: 5px;
margin-bottom: 0px;
flex-shrink: 0;
}
.step-text {
padding-right: 10px;
max-width: 300px;
padding-left: 5px;
}
.step-text p {
margin-bottom: 0px !important;
}
div.step-card div.step-text h3 {
font-size: clamp(16px, 14.7px + 0.28vw, 20px) !important;
color: #fff;
font-weight: 700 !important;
margin: 0px;
line-height: 1.5;
margin-bottom: 5px;
}
.step-text p {
font-size: 0.9rem;
line-height: 1.5;
color: #fff;
margin: 0;
font-size: clamp(14px, calc(14px + 4 * ((100vw - 430px) / 1490)), 18px);
}
@media(max-width: 539px) {
.fusion-fullwidth.know-your-bba-faculty-container-main.container-padding {
padding-right: clamp( 16px, calc(16px + (100 - 16) * ((100vw - 430px) / (1920 - 430))), 100px ) !important;
}
}
@media (max-width: 540px) {
div.step-card div.step-text h3 {
font-weight: 600 !important;
}
.faculty-nav-wrapper {
display: block;
}
.faculty-section-main {
padding-bottom: 121px !important;
}
}
/* --- MOBILE STYLES (Vertical Layout) --- */
@media (max-width: 768px) {
.section-title {
text-align: left; /* Align title left on mobile */
margin-bottom: 30px;
padding-left: 10px;
}
/* Switch container to vertical column */
.steps-container {
flex-direction: column;
gap: 0;
align-items: center;
/* margin-left: 4px; */
}
/* Hide the horizontal line */
.dashed-line {
display: none;
}
/* Setup the Row Layout: Number | Line/Dot | Text */
.step-card {
flex-direction: row; /* Horizontal row */
/* padding-bottom: 53px; */
position: relative;
padding-left: 4px;
gap: 14px;
}
.step-text p {
margin-bottom: 73px !important;
}
.step-text.step-text-no-margin p {
margin-bottom: 0px !important;
}
/* 1. Modify Number Column */
.step-visual {
width: 60px; /* Fixed width for number column */
height: auto;
justify-content: flex-end; /* Push number to right near line */
align-items: flex-start; /* Align to top */
padding-right: 5px; /* Space between number and line */
margin: 0;
/* margin-left: 4px; */
}
.step-icon {
/* display: none; */
max-width: 40px;
max-height: 40px;
}
span.step-number {
display: none;
}
.step-number {
/* font-size: 2.8rem; */
font-size: clamp(50px, 3.125vw, 60px);
color: rgba(255, 255, 255, 0.15); /* Faint transparent */
font-weight: 300;
margin: 0;
line-height: 1.2;
position: relative;
/* margin-left: 4px; */
top: -5px; /* Align visual top with text */
}
/* 2. Modify Dot and create Vertical Line */
.step-dot {
margin: 0;
position: relative;
z-index: 4;
}
.step-dot::before {
content: '';
position: absolute;
/* Calculated left: 60px (visual) + 6px (half dot) - 0.5px (half line) */
left: 50%;
/* left: clamp(60px, calc(60px + 10 * ((100vw - 400px) / 368)), 70px); */
top: 0;
bottom: 0;
border-left: 1px dashed rgba(255, 255, 255, 0.4);
z-index: 3;
}
.step-dot.no-dot::before {
display: none !important;
}
/* Create the vertical dashed line using pseudo-element */
/* .step-card::before {
content: '';
position: absolute;
left: 72px;
top: 0;
bottom: 0;
border-left: 1px dashed rgba(255, 255, 255, 0.4);
z-index: 3;
} */
/* Fix first line starting position */
.step-card:first-child::before {
top: 10px; /* Start at the dot */
}
/* Fix last line ending position */
.step-card:last-child::before {
bottom: auto;
height: 10px; /* End at the dot */
}
/* 3. Modify Text Column */
.step-text {
padding-left: 0px;
padding-top: 0px; /* Visual alignment */
margin-top: -2px;
padding-right: 0;
}
.step-text h3 {
/* font-size: 1.2rem; */
margin-top: -8px;
}
span.step-number.number-1 {
letter-spacing: 4px;
}
}
@media(max-width: 640px) {
.steps-container {
/* align-items: flex-start; */
}
.step-visual {
justify-content: flex-start;
width: fit-content;
}
.step-card {
gap: 14px;
}
.step-text h3 .d-block {
display: inline !important;
}
.cutsom-programme-shared-icons {
top: 50%;
min-height: 40px !important;
left: 70px;
}
.cutsom-programme-shared-icons .fusion-social-networks span a {
height: 20px;
width: clamp(20px, -1px + 4.86vw, 30px);
padding: 5px 0px;
}
.uni-hero-cta-box {
padding: 0px 19px 0px 19px;
display: flex;
align-items: center;
justify-content: center;
max-height: 27px;
max-width: fit-content;
margin-left: auto;
margin-right: auto;
border-radius: 4px;
}
h1.uni-hero-main-title {
margin-bottom: 0px;
}
.career-goals-btn-container .applyNowBtn span.fusion-button-text {
font-size: 14px;
}
.career-goals-btn-container .applyNowBtn:after {
margin-left: 10px;
}
div.uni-hero-content h2.uni-hero-sub-title {
font-weight: 500 !important;
max-width: 70%;
margin-left: auto;
margin-bottom: 10px;
margin-right: auto;
}
.reinvent-learning-mobile-image img {
max-width: 80%;
}
.step-card {
/* padding-bottom: 10px; */
}
.blog-card {
padding: 12px;
}
.step-text p {
margin-bottom: 30px !important;
}
.fusion-fullwidth.dual-degree-hero-container {
background-image: url(/wp-content/uploads/2026/02/dual-degree-hero-2.webp), url(/wp-content/uploads/2026/02/dual-degree-hero-1-mbl.webp);
}
}
@media (max-width: 430px) {
.reinvent-learning-mobile-image img {
max-width: 387px;
width: 387px;
}
.fusion-fullwidth.homepage-faq {
background-image: url(/wp-content/uploads/2025/12/faq-bottom.webp);
background-size: contain;
max-height: 970px;
height: 970px;
padding-top: 0px;
}
/* .fusion-fullwidth.dual-degree-hero-container {
background-image: url(/wp-content/uploads/2026/02/dual-degree-hero-2.webp), url(/wp-content/uploads/2026/02/dual-degree-hero-1-mbl.webp);
} */
.fusion-fullwidth.join-us-bg-main {
background-color: #faf9f5;
padding-bottom: 330px;
background-image: url("/wp-content/uploads/2026/01/join-us-bg-mobile.webp ");
background-size: contain;
background-repeat: no-repeat;
background-position: 100% 100%;
}
}
@media (max-width: 480px) {
/* .fusion-fullwidth.join-us-bg-main2 {
background-size: 140%;
} */
.uni-hero-banner {
padding-top: 40px;
background-position: top;
max-height: 640px;
height: 640px;
/* Replace 'background-image.jpg' with your actual image path */
background-image: url('/wp-content/uploads/2025/12/hero-1-mobile.webp');
}
}
@media (max-width: 420px) {
.online-bachelors-degree-programmes-card-img img {
max-height: 196px;
}
.online-bachelors-degree-content {
padding-top: 20px;
padding-bottom: 20px;
}
.ug-bd-programme-tabs.job-roles-tabs ul.nav-tabs.nav-justified li a h4 {
font-size: 10px;
}
/* .fusion-fullwidth.join-us-bg-main2 {
background-size: 160%;
} */
.start-to-success-text-wrapper.slimline-scroll {
max-height: 120px;
}
/* .hz-card {
max-height: 200px;
} */
.hz-card.hz-card-1:hover {
transform: rotate(-8deg) translateY(-10px);
}
.heading-2-24 {
font-size: 24px !important;
}
.uni-hero-banner {
max-height: 540px;
}
div.uni-hero-cta-box {
font-size: 12px !important;
padding-left: 10px;
padding-right: 10px;
}
span.knowledge-partners-icon {
min-width: 150px;
width: 100px;
height: 80px;
}
span.knowledge-partners-icon-2 img {
width: 100%;
max-width: 100%;
}
span.knowledge-partners-icon-1 img {
width: 100%;
max-width: 100%;
}
.span.knowledge-partners-icon {
max-width:
}
.tab-btn {
font-size: 12px;
}
.btn-container .custom-secondary-btn-invert {
margin-right: 0px;
}
.programme-card {
padding: 8px;
}
.btn-container {
/* flex-wrap: wrap; */
max-width: 100%;
gap: 6px;
}
.fusion-fullwidth.home-our-programme-container .btn-container a.custom-secondary-btn {
max-width: 50%;
padding: 5px 5px 5px 15px;
}
.fusion-fullwidth.home-our-programme-container .btn-container a.custom-secondary-btn-invert {
max-width: 50%;
padding: 5px 5px 5px 15px;
}
}
@media (max-width: 400px) {
.fusion-fullwidth.our-awards-and-accreditations {
padding-top: 60px;
}
.about-title h1 {
max-width: 80%;
}
.online-ugc-programme-her0-title-subtext p {
font-size: 13px;
}
.online-ugc-programme-hero-right .download-brochure-button .fusion-button-text {
font-size: 12px;
}
.reinvent-learning-mobile-image img {
max-width: 90%;
width: 90%;
}
.header-admission-open-text h3.fusion-title-heading{
font-size: 12px;
white-space: nowrap;
}
.fusion-column-wrapper .mobile-header-first-icon {
margin-right: 10px;
}
.mobile-header-second-icon {
}
.fusion-fullwidth.homepage-faq {
max-height: 1028px;
}
.program-ribbon p {
padding: 6px 20px 6px 6px;
}
.features-strip .feature-item {
font-size: 10px;
}
.program-benefit-card::after {
/* top: 48px; */
}
.step-card::before {
/* left:60px; */
}
div.fusion-title.fee-description h3.fusion-title-heading {
font-size: 24px !important;
}
.career-prospects-img img {
max-width:34px;
}
.career-prospects-img{
padding:8px;
border-radius:15px;
}
.fusion-image-element .what-are-the-reason-img {
bottom: -54px
}
.fusion-fullwidth.what-are-the-reason-container .fusion-column-wrapper.fusion-content-layout-column {
padding-bottom: 280px !important;
}
.what-are-the-reason-carousel-heading h3.fusion-title-heading {
font-size: 24px !important;
}
.reasons-section .reasons-pos-7 .reasons-icon-box {
top: -80px;
}
.reasons-section .reasons-center-content {
margin-bottom: 0px;
background-size: contain;
max-height: 348px;
}
.fusion-fullwidth.dual-degree-hero-container {
background-size: 340px auto, cover;
}
.fusion-fullwidth.aabout-online-mba-container {
background-size: 350px, cover;
}
.start-to-success-text {
font-size: 12px !important;
}
.fusion-fullwidth.join-us-bg-main {
padding-bottom: 280px;
}
.president-secondary-title h5 {
font-size: 18px !important;
}
.president-third-title h6 {
font-size: 12px !important;
}
.president-text p {
font-size: 12px !important;
}
.container-padding {
padding-left: 12px !important;
padding-right: 12px !important;
}
.welcome-to-manavrachna-text p {
/* font-size: 12px; */
}
.process-title h2 {
font-size: 28px !important;
}
h2.h2-title {
font-size: 24px !important;
}
.css-sticky-media p {
font-size: 14px;
}
.css-sticky-media h2 {
font-size: 24px !important;
}
.tab-btn {
font-size: 11px;
padding: 8px 10px;
}
div.program-section div.program-header h2.section-title {
font-size: 24px !important;
}
.p-custom-body p {
font-size: 13px;
}
.admission-open p {
font-size:12px;
}
.topHeaderIcons span.icon-wrapper.circle-yes {
font-size: 12px !important;
}
.topHeaderIcons {
gap: 4px;
}
h1.uni-hero-main-title {
/* font-size: 28px !important; */
}
h2.uni-hero-sub-title {
font-size: 20px !important;
}
.uni-hero-cta-box {
font-size: 12px !important;
}
.secondary-title h2 {
font-size: 24px !important;
}
}
@media(max-width: 415px) {
}
@media(max-width: 400px) {
.step-card {
gap: 10px;
}
.career-goals-btn-container .applyNowBtn span.fusion-button-text {
font-size: 12px;
}
.applyNowBtn:after {
width: 26px;
height: 26px;
background-size: 10px;
}
.your-getway-award-icon img {
width: 120px;
min-width: 120px;
}
div.ug-bottom-card h2.ug-bottom-title {
font-size: 24px;
}
.postid-3013 .about-program-left-img {
right: -50px;
}
.fusion-fullwidth.about-bba-general {
background-size:320px, cover !important;
}
}
@media (max-width: 380px) {
.cutsom-programme-shared-icons {
left: 55px;
}
.program-share-icon {
width: 45px !important;
height: 45px !important;
max-width: 45px !important;
max-height: 45px !important;
min-width: 45px;
}
.program-share-icon img {
width: 24px !important;
}
.step-card::before {
/* left:56px; */
}
/* #faq {
padding-left: 0px;
padding-right: 0px;
} */
.icon-container {
min-width: 28px;
min-height: 28px;
}
.accordion-left {
/* padding-bottom: 250px; */
}
.step-text h3 {
/* font-size: 18px; */
}
.step-text p {
font-size: 13px;
}
.step-number {
font-size: 44px;
}
.number-1 {
margin-left: 4px;
letter-spacing: 4px;
}
}
.pin-spacer #horizontal-pin-scroll {
/* min-width: 1920px; */
min-width: -webkit-fill-available;
/* margin-left: -30px !important;
margin-right: -30px !important; */
}
.pin-spacer #online-panaroma {
/* border: 1px solid red; */
}
/* 1. Wrapper: Needs padding so the scaled-up card doesn't get cut off */
.featured-scale-slider {
/* padding: 60px 0; */
overflow: hidden;
background: transparent;
/* border: 2px solid red; */
}
.featured-scale-slider .swiper {
padding: 4px 0px;
}
/* 2. Inner Card Styling (Basic Dummy Style) */
.featured-scale-slider .fs-card {
background: #ffffff;
border: 1px solid #e0e0e0;
border-radius: 15px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}
.featured-scale-slider .fs-card h3 {
font-size: 2rem;
margin: 0 0 10px;
color: #333;
}
.featured-scale-slider .fs-card p {
margin: 0;
color: #777;
}
/* 3. TRANSITION LOGIC (Apply to the swiper-slide) */
.featured-scale-slider .swiper-slide {
transition: transform 0.4s ease, opacity 0.4s ease; /* Smooth animation */
/* transform: scale(0.9); */
/* opacity: 0.5; */
}
/* 4. ACTIVE LOGIC (The Middle Card) */
.featured-scale-slider .swiper-slide-active {
/* transform: scale(1.1) !important; */
opacity: 1; /* Active state: Fully visible */
z-index: 2; /* Ensure it is on top of neighbors */
}
/* Optional: Add a stronger shadow/border to the active card inner box */
.featured-scale-slider .swiper-slide-active .fs-card {
box-shadow: 0 20px 50px rgba(0,0,0,0.2);
border-color: #333;
background-color: #0B4696 !important;
}