@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");
* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}
html,
body {
    font-family: var(--font-family-1) !important;
}
body {
    background-color: var(--color-gray-1);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--color-gray-2);
}
:root {
    --theme-color: #1e4c9a;
    --color-white: #ffffff;
    --color-black: #000000;
    --color-gray-1: #f5f5f5;
    --color-gray-2: #333333;
    --color-gray-3: #666666;
    --font-family-1: "Rubik", serif;
    --font-family-2: "Caveat", cursive;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    color: var(--color-gray-2);
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
a,
button,
input,
textarea,
select,
label,
img,
svg,
i,
iframe,
ul,
li {
    margin-bottom: 0px;
}
a {
    text-decoration: none;
    color: var(--color-gray-2);
    display: inline-block;
}
a:hover {
    text-decoration: none;
    color: var(--theme-color);
}
button {
    cursor: pointer;
}
ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

/* ScrollBar */
::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-thumb {
    background: var(--color-gray-3);
    border-radius: 0px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--color-gray-2);
}

::-webkit-scrollbar-track {
    background: var(--color-gray-1);
}
/* Button */
.custom-button {
    padding: 10px 20px;
    font-weight: 600;
    font-size: 16px;
    transition: all 0.3s ease-in-out;
    position: relative;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.custom-button.white-bg {
    border: 2px solid var(--color-white);
    color: var(--color-white);
    background-color: transparent;
}
.custom-button.white-bg:hover {
    color: var(--color-black);
    background-color: var(--color-white);
}
.custom-button.theme-bg {
    border: 2px solid var(--theme-color);
    color: var(--theme-color);
    background-color: transparent;
}
.custom-button.theme-bg:hover {
    color: var(--color-white);
    background-color: var(--theme-color);
}

/* follow us */
.follow-us-icon {
    position: fixed;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    z-index: 9999;
}
.follow-us-icon ul {
    display: flex;
    align-items: end;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
}
.follow-us-icon ul li a.social-icon {
    background-color: var(--color-gray-1);
    height: 32px;
    width: 32px;
    padding: 5px;
    border-radius: 20px 0px 0px 20px;
    display: flex;
    align-items: center;
    justify-content: start;
    transition: all 0.3s ease-in-out;
}
.follow-us-icon ul li a.social-icon:hover {
    width: 42px;
}
.follow-us-icon ul li a.social-icon img {
    height: 100%;
    object-fit: contain;
}

/* Header */
header {
    background-color: var(--color-white);
}
header .header_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 10px 40px;
    border-bottom: 2px solid var(--theme-color);
}
header .header_top .logo-horizontal {
    max-width: 180px;
}
header .header_top .logo-horizontal img {
    width: 100%;
}
header .header_top .logo-horizontal a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
header .header_top .right-button {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 16px;
}
header .header_top .right-button a.message-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    transition: all 0.3s ease-in-out;
}
header .header_top .right-button a.message-btn img {
    height: 32px;
    width: 32px;
    object-fit: contain;
}
header .header_top .right-button a.login-btn,
header .header_top .right-button a.register-btn {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    color: var(--color-white);
    transition: all 0.3s ease-in-out;
    position: relative;
    padding: 12px 20px;
    border: 1px solid var(--theme-color);
    border-radius: 4px;
    background-color: var(--theme-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
header .header_top .right-button a.login-btn:hover,
header .header_top .right-button a.register-btn:hover {
    color: var(--theme-color);
    background-color: transparent;
}
header .header_bottom {
    padding: 0px 40px;
}
header .header_bottom .nav-horizontal ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* gap: 20px; */
}
header .header_bottom {
    position: relative;
}
header .header_bottom .nav-horizontal ul li {
    width: 100%;
}
header .header_bottom .nav-horizontal ul li a {
    min-height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 20px 3px;
    justify-content: center;
    font-size: 16px;
    font-weight: 400;
    color: var(--color-black);
    transition: all 0.3s ease-in-out;
    text-transform: uppercase;
}
header .header_bottom .nav-horizontal ul li a:hover {
    color: var(--theme-color);
    background-color: #1e4c9a0d;
}

.mb-60 {
    margin-bottom: 60px;
}
.mt-60 {
    margin-top: 60px;
}
.pb-60 {
    padding-bottom: 60px;
}
.pt-60 {
    padding-top: 60px;
}
/* Hero Section */
.hero-section {
    position: relative;
}
.hero-section video {
    width: 100%;
    height: 500px;
    min-height: 720px;
    object-fit: cover;
}
.hero-section .bg-layer {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hero-section .bg-layer::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}
.hero-section .hero-content {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 0px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hero-section .hero-content .inner {
    max-width: 867px;
    width: 100%;
    margin: auto;
    text-align: center;
}
.hero-section .hero-content .inner .sub-hedding {
    font-size: 24px;
    font-family: var(--font-family-2);
    color: var(--color-white);
    font-weight: 400;
    margin-bottom: 10px;
}
.hero-section .hero-content .inner .main-hedding {
    font-size: 64px;
    color: var(--color-white);
    font-weight: 500;
    margin-bottom: 10px;
    min-height: 185px;
}
#typed-text {
    border-right: 2px solid var(--color-white);
    overflow: hidden;
    font-size: 64px;
    color: var(--color-white);
    font-weight: 500;
    margin-bottom: 10px;
}
.hero-section .hero-content .inner .buttons-grid {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 24px;
}
.year-box {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 200px;
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: var(--color-white);
    font-weight: 400;
    font-size: 16px;
    padding: 20px;
    overflow: hidden;
}
.year-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("/static/year-image.png");
    background-size: cover;
    background-position: center;
    transform-origin: center;
    animation: rotateBG 30s linear infinite;
    z-index: 0;
    top: 5%;
    left: 5%;
    height: 90%;
    width: 90%;
}
@keyframes rotateBG {
    0% {
        transform: rotate(0deg) scale(1.1);
    }
    100% {
        transform: rotate(-360deg) scale(1.1);
    }
}
.year-box span {
    font-size: 48px;
    display: flex;
    align-items: start;
    font-weight: 700;
    line-height: 1;
}
.year-box span sup {
    font-size: 14px;
    line-height: 1;
    margin-top: 10px;
    font-weight: 400;
}
/* SectionTitle  */
.section-title {
    margin-bottom: 20px;
}
.section-title .sub-hedding {
    font-size: 24px;
    font-family: var(--font-family-2);
    color: var(--theme-color);
    font-weight: 600;
    margin-bottom: 16px;
}
.section-title .main-hedding {
    font-size: 38px;
    color: var(--color-gray-2);
    font-weight: 700;
    line-height: 1.2;
}

.about-us .about-tabs .about-tab-content {
    display: none;
}
.about-us .about-tabs .about-tab-content.active {
    display: block;
}

.about-us .inner {
    background: var(--color-white);
    border-radius: 40px;
    padding: 40px;
    box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.2);
}
.about-us .inner .about-tab-buttons {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    width: max-content;
    margin-bottom: 40px;
    padding: 2px;
    border: 1px solid var(--theme-color);
    border-radius: 100px;
}
.about-us .inner .about-tab-buttons button {
    border: none;
    color: var(--theme-color);
    font-weight: 600;
    padding: 10px 20px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    background-color: transparent;
    border-radius: 100px;
    min-width: 200px;
}
.about-us .inner .about-tab-buttons button.active {
    background: linear-gradient(135deg, #4776e6, #8e54e9);
    color: var(--color-white);
}
.about-us .about-image img {
    animation: moveUpDown 2s ease-in-out infinite alternate;
}
@keyframes moveUpDown {
    0% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(-40px);
    }
}

/* Our Programs */
.programs-section .section-title {
    text-align: center;
}
.programs-section .main-text-disc {
    font-size: 18px;
    color: var(--color-gray-3);
    margin-bottom: 24px;
    text-align: center;
}
.programs-section a {
    height: 100%;
}
.programs-section .program-box {
    border-radius: 10px;
    padding: 20px;
    position: relative;
    padding-top: 60px;
    margin-top: 50px;
    min-height: 220px;
    background: linear-gradient(0deg, rgba(17, 24, 39, 1), #1e4c9a);
}
.programs-section .program-box.program-box-1 {
    background: linear-gradient(0deg, #111827, #111827);
}
.programs-section .program-box.program-box-2 {
    background: linear-gradient(0deg, rgba(57, 4, 10, 0.95), #741d27);
}
.programs-section .program-box.program-box-3 {
    background: linear-gradient(0deg, #774e03, #f3a71d);
}
.programs-section .program-box.program-box-4 {
    background: linear-gradient(0deg, #100123, #7838a5);
}
.programs-section .program-box .image {
    width: 100px;
    height: 100px;
    border-radius: 10px;
    overflow: hidden;
    background-color: var(--color-white);
    position: absolute;
    top: 0px;
    left: 20px;
    transform: translateY(-50%);
    padding: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.programs-section .program-box .image img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
}
.programs-section .program-box .title {
    font-size: 20px;
    color: var(--color-white);
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.programs-section .program-box .description {
    font-size: 16px;
    color: var(--color-white);
    font-weight: 400;
}
.programs-section .tab-content {
    display: none;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
}
.programs-section .tab-content.current {
    display: inherit;
    opacity: 1;
    transform: translateY(0);
    animation: fadeInUp 0.5s ease;
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(15px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.programs-section .tabs {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.programs-section .tabs .tab-link {
    padding: 20px 40px;
    background: linear-gradient(0deg, rgb(17, 24, 39), #1e4c9a);
    border-radius: 10px;
    color: var(--color-white);
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
}
.programs-section .tabs .tab-link.program-box-1 {
    background: linear-gradient(0deg, rgba(17, 24, 39, 1), #1e4c9a);
}
.programs-section .tabs .tab-link.program-box-1.current {
    background: linear-gradient(0deg, rgba(17, 24, 39, 1), rgba(17, 24, 39, 1));
}
.programs-section .tabs .tab-link.program-box-2 {
    background: linear-gradient(0deg, rgba(57, 4, 10, 0.95), #741d27);
}
.programs-section .tabs .tab-link.program-box-2.current {
    background: linear-gradient(0deg, rgba(57, 4, 10, 0.95), rgba(57, 4, 10, 0.95));
}
.programs-section .tabs .tab-link.program-box-3 {
    background: linear-gradient(0deg, #774e03, #f3a71d);
}
.programs-section .tabs .tab-link.program-box-3.current {
    background: linear-gradient(0deg, #f3a71d, #f3a71d);
}
.programs-section .tabs .tab-link.program-box-4 {
    background: linear-gradient(0deg, #100123, #7838a5);
}
.programs-section .tabs .tab-link.program-box-4.current {
    background: linear-gradient(0deg, #100123, #100123);
}
.programs-section .tabs .tab-link.current {
    outline: 1px dashed var(--color-white);
    outline-offset: -5px;
}
/* Count Animation */
.count-animation {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding-top: 110px;
    padding-bottom: 60px;
}
.count-animation .count-box {
    text-align: center;
    padding: 20px;
    background: rgba(255, 255, 255, 0.5);
    position: relative;
    padding-top: 70px;
    outline: 1px dashed var(--color-white);
    outline-offset: -10px;
    height: 100%;
}
.count-animation .count-box .icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    margin: auto;
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ffffff;
}
.count-animation .count-box .icon.icon-1 {
    background: linear-gradient(0deg, rgba(17, 24, 39, 1), #1e4c9a);
}
.count-animation .count-box .icon.icon-2 {
    background: linear-gradient(0deg, rgba(57, 4, 10, 0.95), #741d27);
}
.count-animation .count-box .icon.icon-3 {
    background: linear-gradient(0deg, #774e03, #f3a71d);
}
.count-animation .count-box .icon.icon-4 {
    background: linear-gradient(0deg, #100123, #7838a5);
}
.count-animation .count-box .icon svg {
    height: 50px;
    width: 50px;
}
.count-animation .count-box .count-box-inner span {
    font-size: 48px;
    font-weight: 700;
    color: var(--color-white);
    line-height: 1;
    margin-bottom: 10px;
    display: inline-block;
}
.count-animation .count-box .title {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-black);
    text-transform: uppercase;
}
/* Video Section */
.video-seaction {
    background-color: var(--color-white);
}
.video-seaction .inner video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.video-seaction .inner .video-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: 1px dashed var(--color-white);
    outline-offset: -10px;
    cursor: pointer;
}
.video-seaction .inner .video-wrapper .play-btn {
    position: absolute;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
    background-color: var(--theme-color);
    border-radius: 50%;
    padding: 10px;
    z-index: 1;
}
.video-seaction .inner .video-wrapper .play-btn svg {
    height: 32px;
    width: 32px;
    color: var(--color-white);
}
.video-seaction .inner .video-wrapper video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Logo Slider */
.logo-slider {
    overflow: hidden;
    background: #fff;
}
.logo-slider .logo-track {
    display: flex;
    width: calc(250px * 16);
    animation: scrollLeft 25s linear infinite;
}
.logo-slider .logo-track-main {
    position: relative;
}
.logo-slider .logo-track-main::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 1) 0%,
        rgba(255, 255, 255, 0) 25%,
        rgba(255, 255, 255, 0) 50%,
        rgba(255, 255, 255, 0) 75%,
        rgba(255, 255, 255, 1) 100%
    );
}
.logo-slider .logo-track.right-to-left {
    animation: scrollRight 25s linear infinite;
}
.logo-slider .slide {
    height: 100px;
    width: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}
.logo-slider .slide img {
    max-width: 100%;
    max-height: 80px;
    object-fit: contain;
    filter: grayscale(0);
    transition: 0.3s;
}
.logo-slider .slide img:hover {
    transform: scale(1.05);
    filter: grayscale(0);
}
/* Animations */
@keyframes scrollLeft {
    0% {
        transform: translateX(-50%);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes scrollRight {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}
/* Placed Card */
.placed-card {
    background: var(--color-white);
    height: 100%;
    padding: 20px;
    outline: 1px dashed var(--theme-color);
    outline-offset: -10px;
    cursor: pointer;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}
.placed-card:hover {
    transform: translateY(-10px);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}
.placed-card .image {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    overflow: hidden;
    margin: auto;
    transition: all 0.3s ease-in-out;
}
.placed-card .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    outline: 1px dashed var(--theme-color);
    /* filter: grayscale(1); */
    transition: all 0.3s ease-in-out;
}
.placed-card:hover .image img {
    transform: scale(1.05);
    /* filter: grayscale(0); */
}
.placed-card .content {
    text-align: center;
}
.placed-card .content h3 {
    font-size: 20px;
    color: var(--color-black);
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase;
    margin-top: 10px;
}
.placed-card .content p {
    font-size: 16px;
    color: var(--color-gray-3);
    font-weight: 400;
    margin-top: 10px;
}
.placed-card .content img {
    transform: translateY(10px);
    transition: all 0.3s ease-in-out;
    width: 100%;
}
.placed-card:hover .content img {
    transform: translateY(0px);
}
/* Qualities Section */
.qualities-section {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative;
}
.qualities-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
}
.qualities-section .section-title {
    position: relative;
    z-index: 1;
}
.qualities-section .section-title .sub-hedding {
    color: var(--color-white);
}
.qualities-section .section-title .main-hedding {
    color: var(--color-white);
}
.qualities-section .inner {
    position: relative;
    z-index: 1;
    margin-top: 40px;
}
.qualities-section .custom-row {
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 5px;
}
.qualities-section .custom-row::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 5px;
    height: 100%;
    background-color: var(--color-white);
    border-radius: 10px;
}
.qualities-section .custom-row.justify-start {
    justify-content: start;
}
.qualities-section .custom-row.justify-end {
    justify-content: end;
}
.qualities-section .custom-row .box-col {
    width: 98%;
    max-width: 48%;
    background-color: var(--color-white);
    padding: 20px;
    outline: 1px dashed var(--theme-color);
    outline-offset: -10px;
    cursor: pointer;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    display: flex;
    align-items: center;
    gap: 20px;
}
.qualities-section .custom-row .box-col .icon {
    height: 50px;
    width: 50px;
    min-height: 50px;
    min-width: 50px;
    border-radius: 50%;
    background-color: var(--theme-color);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
}
.qualities-section .custom-row .box-col .content h3 {
    font-size: 20px;
    color: var(--color-black);
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase;
    margin-top: 10px;
}
/* Key Pointer Summary */
.keypointer-section .inner .pointer-box {
    cursor: pointer;
}
.keypointer-section .inner .pointer-box .image {
    width: 100%;
    padding: 10px;
    background-color: var(--color-white);
}
.keypointer-section .inner .pointer-box .image .image-inner {
    overflow: hidden;
    position: relative;
}
.keypointer-section .inner .pointer-box .image .image-inner::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1e4b9a94;
    z-index: 1;
    transition: all 0.3s ease-in-out;
    opacity: 0;
}
.keypointer-section .inner .pointer-box:hover .image .image-inner::after {
    opacity: 1;
}
.keypointer-section .inner .pointer-box .image img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    transition: all 0.3s ease-in-out;
}
.keypointer-section .inner .pointer-box:hover .image img {
    transform: rotate(5deg) scale(1.05);
}
.keypointer-section .inner .pointer-box .content {
    padding: 10px;
    background-color: var(--color-white);
}
.keypointer-section .inner .pointer-box .content {
    padding: 20px;
    background-color: var(--color-white);
    max-width: 90%;
    margin: auto;
    transform: translateY(-50%);
    height: 120px;
    position: relative;
    z-index: 1;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
    position: relative;
}
.keypointer-section .inner .pointer-box:hover .content {
    transform: translateY(-40%);
}
.keypointer-section .inner .pointer-box .content h4 {
    font-size: 20px;
    color: var(--color-black);
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: 24px;
}
/* .keypointer-section .inner .pointer-box .content p {
    font-size: 16px;
    color: var(--color-gray-3);
    font-weight: 400;
    margin-top: 10px;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: 48px;
} */
.keypointer-section .inner .pointer-box .content a {
    position: absolute;
    top: -24px;
    right: 10px;
    color: var(--color-white);
    background: linear-gradient(0deg, rgba(17, 24, 39, 1), #1e4c9a);
    font-weight: 600;
    text-decoration: none;
    height: 48px;
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
/* PGDM Gallery */
.pgdm-gallery {
    background-color: var(--color-white);
}
.pgdm-gallery .main-image {
    width: 100%;
    height: 450px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.pgdm-gallery .main-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    opacity: 1;
    transition: opacity 0.6s ease;
    position: absolute;
    top: 0;
    left: 0;
}

.pgdm-gallery .main-image img.fade-out {
    opacity: 0;
}

.pgdm-gallery .thumbnails {
    display: flex;
    gap: 8px;
    margin-top: 10px;
    overflow-x: scroll;
    scroll-behavior: smooth;
    cursor: grab;
    user-select: none;
}
.thumbnails:active {
    cursor: grabbing;
}
.pgdm-gallery .thumbnails::-webkit-scrollbar {
    display: none;
}
.pgdm-gallery .thumbnails img {
    flex: 0 0 auto;
    width: 140px;
    min-width: 140px;
    height: 90px;
    object-fit: cover;
    border-radius: 8px;
    cursor: pointer;
    transition:
        transform 0.3s,
        opacity 0.3s;
}

.pgdm-gallery .thumbnails img:hover {
    transform: scale(1.05);
    opacity: 0.8;
}

/* PGDM Gallery */
.pgdm-video-gallery {
    background-color: var(--color-white);
}
.pgdm-video-gallery .main-video {
    width: 100%;
    height: 450px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    display: flex;
}

.pgdm-video-gallery .main-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    opacity: 1;
    transition: opacity 0.6s ease;
    position: absolute;
    top: 0;
    left: 0;
}

.pgdm-video-gallery .main-video video.fade-out {
    opacity: 0;
}

.pgdm-video-gallery .thumbnails {
    display: flex;
    gap: 8px;
    margin-top: 10px;
    overflow-x: scroll;
    scroll-behavior: smooth;
    cursor: grab;
    user-select: none;
}
.thumbnails:active {
    cursor: grabbing;
}
.pgdm-video-gallery .thumbnails::-webkit-scrollbar {
    display: none;
}
.pgdm-video-gallery .thumbnails video {
    flex: 0 0 auto;
    width: 140px;
    min-width: 140px;
    height: 90px;
    object-fit: cover;
    border-radius: 8px;
    cursor: pointer;
    transition:
        transform 0.3s,
        opacity 0.3s;
}

.pgdm-video-gallery .thumbnails video:hover {
    transform: scale(1.05);
    opacity: 0.8;
}
/* Certificate Section */
.college-awords {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative;
}
.college-awords::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}
.college-awords .section-title {
    position: relative;
}
.college-awords .section-title .sub-hedding {
    color: var(--color-white);
}
.college-awords .section-title .main-hedding {
    color: var(--color-white);
}
.college-awords .inner {
    position: relative;
}
.college-awords .inner .certificate-box {
    cursor: pointer;
    background-color: var(--color-white);
    padding: 20px;
    outline: 1px dashed var(--theme-color);
    outline-offset: -10px;
    cursor: pointer;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    display: flex;
    align-items: center;
    gap: 20px;
    height: 100%;
}
.college-awords .inner .certificate-box img {
    max-width: 200px;
    min-width: 120px;
}
.college-awords .inner .certificate-box h4 {
    font-size: 20px;
    color: var(--color-black);
    font-weight: 600;
    text-transform: uppercase;
}
.expert-section {
    border-top: 1px solid var(--color-white);
}
/* Testmonial Section */
.testmonial-section {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.testmonial-section .inner .testmonial-box {
    padding: 0px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    max-width: 800px;
    margin: auto;
    border-radius: 10px;
}
.testmonial-section .inner .testmonial-box .top {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--theme-color);
}
.testmonial-section .inner .testmonial-box .image {
    border-radius: 100px;
    height: 60px;
    width: 60px;
    overflow: hidden;
    padding: 5px;
    border: 1px solid var(--color-black);
}
.testmonial-section .inner .testmonial-box .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100px;
}
.testmonial-section .inner .testmonial-box .bottom p {
    color: var(--color-black);
    font-weight: 400;
    font-size: 16px;
    line-clamp: 6;
    -webkit-line-clamp: 6;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.testmonial-section .inner .testmonial-swiper {
    padding-bottom: 40px;
}
.testmonial-section .inner .testmonial-swiper .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--color-gray-3);
}
.testmonial-section .inner .testmonial-swiper .swiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--theme-color);
}
/* Monter Section */
.corporate-section {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative;
}
.corporate-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}
.corporate-section .inner {
    position: relative;
}
.corporate-section .inner .corporate-box {
    background-color: transparent;
    border: 1px dashed var(--color-white);
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    border-radius: 10px;
    overflow: hidden;
}
.corporate-section .inner .corporate-box .top {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 10px 20px;
    border-bottom: 1px dashed var(--color-white);
    background-color: var(--color-white);
}
.corporate-section .inner .corporate-box .top .image {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
}
.corporate-section .inner .corporate-box .top .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.corporate-section .inner .corporate-box .top .content h4 {
    font-size: 20px;
    color: var(--color-black);
    font-weight: 600;
    text-transform: uppercase;
}
.corporate-section .inner .corporate-box .top .content p {
    font-size: 16px;
    color: var(--color-gray-3);
    font-weight: 400;
}
.corporate-section .inner .corporate-box .bottom {
    padding: 20px;
}
.corporate-section .inner .corporate-box .bottom p {
    color: var(--color-white);
    font-weight: 400;
    font-size: 16px;
    line-clamp: 6;
    -webkit-line-clamp: 6;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.corporate-section .inner .corporate-swiper {
    padding-bottom: 40px;
}
.corporate-section .inner .corporate-swiper .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    opacity: 1;
    background-color: var(--color-white);
}
.corporate-section .inner .corporate-swiper .swiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--theme-color);
}
/* Success Stories */
.success-stories {
    background-color: var(--color-white);
}
.success-stories .success-box {
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.success-stories .success-box .image {
    width: 100%;
    height: 450px;
    overflow: hidden;
    position: relative;
}
.success-stories .success-box .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.success-stories .success-box .content-1 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    transform: translateY(0%);
    transition: all 0.3s ease-in-out;
}
.success-stories .success-box .content-1 h4 {
    font-size: 20px;
    color: var(--color-white);
    font-weight: 600;
    text-transform: uppercase;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.success-stories .success-box .content-1 p {
    font-size: 16px;
    color: var(--color-white);
    font-weight: 400;
}
.success-stories .success-box .content-2 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    transform: translateY(100%);
    transition: all 0.3s ease-in-out;
}
.success-stories .success-box .content-2 h4 {
    font-size: 20px;
    color: var(--color-white);
    font-weight: 600;
    text-transform: uppercase;
}
.success-stories .success-box .content-2 p {
    font-size: 16px;
    color: var(--color-white);
    font-weight: 400;
}

.success-stories .success-box:hover .content-1 {
    transform: translateY(100%);
}
.success-stories .success-box:hover .content-2 {
    transform: translateY(0%);
}
/* Contact Section */
.contact-section .contact-box {
    cursor: pointer;
    background-color: var(--color-white);
    padding: 10px 20px 20px 20px;
    outline: 1px dashed var(--theme-color);
    outline-offset: -10px;
    transition: all 0.3s ease-in-out;
    position: relative;
    z-index: 1;
    height: 100%;
}
.contact-section .contact-box .icon {
    width: 100%;
    height: 60px;
    border-radius: 0px 0px 10px 10px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--theme-color);
    margin-bottom: 10px;
    gap: 10px;
}
.contact-section .contact-box .icon svg {
    width: 20px;
    height: 20px;
    color: var(--color-white);
}
.contact-section .contact-box h4 {
    font-size: 18px;
    color: var(--color-white);
    font-weight: 600;
    text-transform: uppercase;
}
.contact-section .contact-box p,
.contact-section .contact-box p a {
    color: var(--color-gray-3);
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    text-align: center;
}
.contact-section .down-form {
    background-color: var(--color-white);
    padding: 20px;
    margin-top: 24px;
}
.contact-section .down-form label {
    padding-left: 20px;
    color: var(--color-black);
    text-transform: uppercase;
}
.contact-section .down-form input,
.contact-section .down-form textarea {
    width: 100%;
    padding: 10px 20px;
    transition: all 0.3s ease-in-out;
    background-color: var(--color-gray-1);
    outline: none;
    color: var(--color-black);
    border-radius: 20px;
    border: 1px solid #d9d9d9;
    resize: none;
}
.contact-section .down-form input::placeholder,
.contact-section .down-form textarea::placeholder {
    color: #d9d9d9;
}
.contact-section .down-form button {
    width: 100%;
    padding: 20px;
    background-color: var(--theme-color);
    color: var(--color-white);
    font-weight: 600;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.contact-section .down-form .inner {
    height: 100%;
}
.contact-section .down-form .inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* Footer Section */
footer {
    /* background-color: var(--theme-color); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 60px 0px 20px 0px;
    position: relative;
}
footer .container {
    position: relative;
    z-index: 1;
}
footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 1) 100%);
}
footer .inner .logo {
    width: 200px;
    background-color: var(--color-white);
    padding: 10px;
    border-radius: 10px;
    margin: auto;
}
footer .inner .logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
footer .inner p {
    max-width: 910px;
    width: 100%;
    margin: auto;
    margin-top: 20px;
    text-align: center;
    font-size: 16px;
    color: var(--color-white);
    font-weight: 400;
}
footer .inner .social-links h4 {
    font-size: 20px;
    color: var(--theme-color);
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding: 10px;
    background-color: var(--color-white);
    border-radius: 10px;
    text-align: center;
}
footer .inner .social-links ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 20px;
    row-gap: 10px;
}
footer .inner .social-links ul li a {
    font-size: 16px;
    color: var(--color-white);
    font-weight: 400;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}
footer .copyright {
    text-align: center;
    border-top: 1px solid var(--color-white);
    padding-top: 20px;
    margin-top: 40px;
}
footer .copyright p {
    font-size: 16px;
    color: var(--color-white);
    font-weight: 400;
}
footer .copyright p a {
    color: var(--color-white);
    text-decoration: underline;
}

/* Responsive */
@media screen and (max-width: 1399px) {
    .college-awords .inner .content {
        display: none;
    }
    .college-awords .inner .certificate-box img {
        max-width: 100%;
    }
}
@media screen and (max-width: 1224px) {
    /* header .menu nav ul {
        gap: 16px;
    } */
}
@media screen and (max-width: 1199px) {
    .about-section .inner {
        padding: 20px 40px;
    }
    .about-section .about-box-college {
        border-radius: 10px;
    }
    /* header .menu{
        display: none;
    } */
}

.bottom-whatsapp {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
}
.bottom-whatsapp a {
    display: flex;
    width: 70px;
    height: 70px;
    padding: 10px;
    align-items: center;
    justify-content: center;
}
.bottom-whatsapp a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.newstyle-group {
    display: grid;
    grid-template-columns: 1fr 112px 1fr;
    gap: 60px;
    align-items: center;
}
.newstyle-group .icon {
    border: 1px dashed var(--theme-color);
    padding: 10px;
    border-radius: 100px;
    background-color: var(--color-white);
    position: relative;
    z-index: 1;
}
.newstyle-group .icon img {
    width: 100%;
}
.newstyle-group .left,
.newstyle-group .right {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.newstyle-group .group {
    display: flex;
    flex-direction: column;
    padding: 20px;
    background: var(--theme-color);
    border-radius: 10px;
    /* box-shadow: 0px 0px 14px #00000021; */
    border: 1px solid var(--theme-color);
    position: relative;
}
.newstyle-group .group::before {
    content: "";
    position: absolute;
}
.newstyle-group .group .group-title {
    font-size: 20px;
    color: var(--color-white);
    font-weight: 600;
    text-transform: uppercase;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.newstyle-group .group .group-sub-title {
    font-size: 16px;
    color: var(--color-white);
    font-weight: 400;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: 48px;
}
/* .newstyle-group .left .group{
    text-align: end;
} */
.newstyle-group .group.group-1::before {
    width: 100px;
    height: 140px;
    border-top: 1px solid var(--theme-color);
    border-right: 1px solid var(--theme-color);
    left: 100%;
    top: 50%;
    border-radius: 0px 10px;
}
.newstyle-group .group.group-2::before {
    width: 100px;
    height: 2px;
    border-top: 1px solid var(--theme-color);
    border-right: 1px solid var(--theme-color);
    left: 100%;
    top: 50%;
}
.newstyle-group .group.group-3::before {
    width: 100px;
    height: 140px;
    border-bottom: 1px solid var(--theme-color);
    border-right: 1px solid var(--theme-color);
    left: 100%;
    bottom: 50%;
    border-radius: 10px 0px;
}
.newstyle-group .group.group-4::before {
    width: 100px;
    height: 140px;
    border-top: 1px solid var(--theme-color);
    border-left: 1px solid var(--theme-color);
    right: 100%;
    top: 50%;
    border-radius: 10px 0px;
}
.newstyle-group .group.group-5::before {
    width: 100px;
    height: 2px;
    border-top: 1px solid var(--theme-color);
    border-left: 1px solid var(--theme-color);
    right: 100%;
    top: 50%;
}
.newstyle-group .group.group-6::before {
    width: 100px;
    height: 140px;
    border-bottom: 1px solid var(--theme-color);
    border-left: 1px solid var(--theme-color);
    right: 100%;
    bottom: 50%;
    border-radius: 0px 10px;
}

header .header_top .right-button a.menu-toggle {
    display: none;
}

/* develper css */
.cs_team.cs_style_3 .cs_team_member_thumb {
    width: 336px;
    height: 345px;
    object-fit: cover;
}

.myiframe iframe {
    width: 70%;
    height: 300px;
}
._2p3a {
    width: 100% !important;
}

.ct2 .text-on-image,
.c1 .text-on-image {
    height: 440px;
    width: 370px;
}
.ct2,
.c1 {
    padding: 20px 20px 50px 20px;
}

/* .cs_card.cs_style_1 .cs_card_img img,
.cs_card.cs_style_4 .cs_card_img img {
    width: 100%;
    height: 450px;
    object-fit: cover;
} */

.custommembercard {
    width: 281px !important;
    height: 225px !important;
    object-fit: scale-down !important;
}

.verticletab {
    flex-direction: row !important;
    gap: 0px !important;
}

.verticletab .tab-link {
    padding: 10px 28px !important;

    border-radius: 1px !important;
    color: var(--color-white);
    font-size: 12px;
    font-weight: 700 !important;
}

.verticlecall {
    margin-top: -34px;
}

.verticlecall .image {
    position: relative !important;
    top: 0px;
    left: 20px;
    transform: translateY(-50%);
    padding: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.cardbox {
    padding: 20px 20px !important;
    background-color: #877d7d42 !important;
    height: 100%;
}

.cs_swiper_pagination_wrap_2 .swiper-pagination,
.cs_swiper_pagination_wrap_1 .swiper-pagination-bullets,
.cs_swiper_pagination_wrap_3 .swiper-pagination-bullets {
    margin-top: 0px !important;
}

.cs_radius_50_50_0_0 {
    border-radius: 10px 10px 0 0;
    width: 100%;
}

.customgheading {
    font-size: 35px !important;
    font-weight: 600;
}

.customheight {
    height: 40px !important;
}

.cs_primary_bg {
    height: 100%;
    position: relative;
}
.cs_page_heading:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 0;
}

.corebtnwrap {
    flex: 1 1 auto;
    font-weight: bold;
    padding: 10px;
    border: dashed 1px #998bea;
    font-size: 15px;
    font-family: "Lilita One", sans-serif;
    color: #073b93;
    font-weight: 100;
    background: linear-gradient(to right, #b89bff, #1f4c99);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-transform: uppercase;
    justify-content: center;
    border-radius: 5px;
    margin: 0 15px 10px 0;
    transition: all linear 0.3s;
    min-width: 100px;
    box-shadow: rgba(0, 0, 0, 0.1) 1.95px 1.95px 2.6px;
}

.corebtnwrap:hover {
    transform: scale(1.05);
    box-shadow:
        rgba(0, 0, 0, 0.1) 0px 20px 25px -5px,
        rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
    background: #a223d1;
    color: #fff;
}

.csbtn {
    margin-right: 10px;
}

.cs_cta_right img {
    width: 500px;
}

.myboxx {
    padding: 20px 9px 3px 12px !important;
    background-color: #fff !important;
    height: 100%;
}

.myboxx .cs_style_1::before {
    content: "";
    height: 0 !important;
    width: 0 !important;
    background-color: transparent !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
}

.myboxx .cs_iconbox_title {
    font-size: 25px !important;
}

.myboxx .cs_style_1 {
    padding-bottom: 10px !important;
}
.cardrow {
    gap: 25px 0 !important;
}

.tablewrap .cs_fs_53 {
    font-size: 27px !important;
    font-weight: 700 !important;
}

.cs_cta.cs_style_3 {
    padding: 50px 0 35px 150px !important;
}

.sumarydesc {
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: 48px;
}

.verticlecall .program-box {
    margin-top: 40px !important;
}

.customtestimonial {
    background-color: #1e4c9a !important;
}

.customtestimonial .bottom p {
    color: #fff !important;
}

.whatsapp-icon {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 60px;
    height: 60px;
    z-index: 99;
}

.whatsapp-icon a img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #25d366;
    padding: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 2;
}

.wave {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: rgba(37, 211, 102, 0.5);
    animation: wave 2s infinite ease-out;
    top: 0;
    left: 0;
    z-index: 1;
}

.wave:nth-child(1) {
    animation-delay: 0s;
}
.wave:nth-child(2) {
    animation-delay: 0.6s;
}
.wave:nth-child(3) {
    animation-delay: 1.2s;
}

@keyframes wave {
    0% {
        transform: scale(1);
        opacity: 0.7;
    }
    70% {
        transform: scale(2.2);
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

/* Responsive */
@media screen and (max-width: 1399px) {
    .college-awords .inner .content {
        display: none;
    }
    .college-awords .inner .certificate-box img {
        max-width: 100%;
    }
}
@media screen and (max-width: 1224px) {
    /* header .menu nav ul {
        gap: 16px;
    } */
}
@media screen and (max-width: 1199px) {
    .about-section .inner {
        padding: 20px 40px;
    }
    .about-section .about-box-college {
        border-radius: 10px;
    }
    /* header .menu{
        display: none;
    } */
}

@media (max-width: 991px) {
    .hero-section .hero-content .inner .main-hedding {
        font-size: 42px;
        min-height: 115px;
    }
    .hero-section video {
        height: 490px;
        min-height: 490px;
    }
    .count-animation .count-box .icon {
        position: static;
        margin: auto;
        transform: inherit;
        margin-bottom: 20px;
    }
    .count-animation .count-box {
        padding: 20px;
    }
    .qualities-section .section-title {
        flex-wrap: wrap;
        gap: 20px;
    }
    .qualities-section .custom-row.justify-start {
        justify-content: center;
    }
    .qualities-section .custom-row::before {
        left: 0%;
        transform: translateX(0%);
    }
    .qualities-section .custom-row .box-col {
        width: calc(100% - 20px);
        max-width: calc(100% - 20px);
    }
    .college-awords .section-title {
        gap: 20px;
    }
    .newstyle-group .center {
        position: absolute;
        height: 100px;
        width: 100px;
        top: 0px;
        left: 0px;
    }
    .newstyle-group {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
        align-items: center;
        position: relative;
        padding-top: 120px;
        padding-left: 100px;
    }
    .newstyle-group .group::before {
        width: 50px !important;
        height: 1px !important;
        border-top: 1px solid var(--theme-color) !important;
        border-right: none !important;
        right: 100% !important;
        left: auto !important;
        top: 50% !important;
        border-radius: 0px !important;
        border-left: none !important;
        border-bottom: none !important;
    }
    .newstyle-group::before {
        content: "";
        position: absolute;
        width: 1px;
        height: 100%;
        border-right: 1px solid var(--theme-color);
        right: 100%;
        left: 50px;
        top: 0px;
        border-radius: 0px;
        border-left: none;
        border-bottom: none;
    }
}

@media (max-width: 767px) {
    .programs-section .tabs .tab-link {
        font-size: 18px;
    }
    header .header_top .right-button a.message-btn {
        font-size: 0px;
    }
    header .header_top .right-button a.message-btn img {
        height: 24px;
        width: 24px;
    }
    header .header_top .right-button a.login-btn,
    header .header_top .right-button a.register-btn {
        display: none;
    }
    header .header_top .logo-horizontal {
        max-width: 120px;
    }
    .about-us .inner {
        background: var(--color-white);
        border-radius: 10px;
        padding: 20px;
        box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.2);
    }
    .section-title .main-hedding {
        font-size: 28px;
    }
    .qualities-section .custom-row .box-col .content h3 {
        font-size: 16px;
    }
    .newstyle-group .group .group-sub-title {
        -webkit-line-clamp: 8;
        line-clamp: 8;
        height: auto;
    }
    .newstyle-group .group .group-title {
        line-clamp: 8;
        -webkit-line-clamp: 8;
    }
    .newstyle-group::before {
        height: calc(100% - 50px);
        left: 0px;
        top: 50px;
    }
    .newstyle-group {
        padding-left: 20px;
    }
    .newstyle-group .group::before {
        width: 20px !important;
    }
    .newstyle-group .icon {
        border: 1px solid var(--theme-color);
        border-radius: 0px;
    }
    .newstyle-group .center {
        width: 100%;
    }
    .newstyle-group .icon {
        height: 100%;
    }
    .newstyle-group .icon img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
}

@media (max-width: 425px) {
    header .header_top {
        padding: 10px 12px;
    }
    header .header_top .right-button {
        gap: 10px;
    }
    .hero-section .hero-content .inner .main-hedding {
        font-size: 28px;
        min-height: 100%;
        text-align: start;
    }
    .hero-section .hero-content .inner .buttons-grid {
        justify-content: start;
        flex-wrap: wrap;
        gap: 10px;
    }
    .hero-section .hero-content .inner .buttons-grid a {
        width: 100%;
        justify-content: space-between;
    }
    .hero-section .hero-content {
        padding: 0px 0px;
    }
    .hero-section .hero-content .inner .sub-hedding {
        font-size: 18px;
        text-align: start;
    }
    .section-title .main-hedding {
        font-size: 22px;
    }
    .programs-section .main-text-disc {
        font-size: 14px;
        text-align: justify;
    }
    .programs-section .tabs .tab-link {
        font-size: 14px;
        padding: 10px 10px;
        width: 100% !important;
    }
    .programs-section .tabs {
        gap: 10px;
        flex-wrap: wrap;
    }
    .college-awords .inner .certificate-box img {
        max-width: 100%;
        min-width: 100%;
    }
    .pgdm-video-gallery .thumbnails video {
        width: 100px;
        min-width: 100px;
        height: 50px;
    }
    .logo-slider .slide {
        height: 60px;
        width: 120px;
    }
    .logo-slider .slide img {
        max-height: 40px;
    }
    .pgdm-gallery .thumbnails img {
        width: 100px;
        min-width: 100px;
        height: 50px;
    }
    .pgdm-gallery .main-image {
        height: 160px;
    }
    .pgdm-video-gallery .main-video {
        height: 160px;
    }

    .admission-process .tabs {
        flex-wrap: wrap;
    }
    .admission-process .tabs .tab-btn {
        width: 100%;
    }
}

.login-btns,
.navbar-title {
    display: none;
}
body.menu-open {
    overflow: hidden;
}
/* overlay */
.site-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    cursor: pointer;
}

@media (max-width: 1199px) {
    header .header_top .right-button a.menu-toggle {
        /* display: block; */
        display: flex;
        position: sticky;
        align-items: center;
    }
    header .header_bottom {
        position: fixed;
        top: 0;
        left: auto;
        right: -100%;
        z-index: 9999;
        width: 300px;
        height: 100%;
        background: var(--color-white);
        padding: 20px 0px;
        transition: right 0.5s ease-in-out;
    }
    .menu-open header .header_bottom {
        right: 0;
    }
    header .header_bottom .nav-horizontal ul li a {
        padding: 10px 20px;
        justify-content: start;
    }
    .login-btns {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
        padding: 0px 20px;
    }
    .navbar-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0px 20px 20px;
        border-bottom: 1px solid #d9d9d9;
    }
    .navbar-title h3 {
        font-size: 18px;
        font-weight: 500;
        line-height: 1;
        color: var(--color-black);
    }
    .login-btns .login-btn,
    .login-btns .register-btn {
        font-size: 14px;
        font-weight: 500;
        line-height: 1;
        color: var(--color-white);
        transition: all 0.3s ease-in-out;
        position: relative;
        padding: 12px 20px;
        border: 1px solid var(--theme-color);
        border-radius: 4px;
        background-color: var(--theme-color);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
        width: 100%;
    }
    header .header_bottom .nav-horizontal {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 10px;
    }
    header .header_bottom .nav-horizontal nav {
        height: 100%;
        overflow-y: scroll;
    }
    header .header_bottom .nav-horizontal ul {
        display: flex;
        align-items: start;
        flex-direction: column;
    }
}

@media (max-width: 991px) {
    .managemen-section .inner .discription {
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }
}
@media (max-width: 575px) {
    .managemen-section .inner ul {
        grid-template-columns: repeat(1, 1fr);
    }
    .skill-development .content .box {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
}

/* course page */

/* Inner Page */
.inner-page-hero {
    background-size: cover;
    background-position: top center;
    padding: 100px 0px;
    position: relative;
}
.inner-page-hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.8) 100%);
}
.inner-page-hero .inner {
    position: relative;
    z-index: 1;
}
.inner-page-hero .inner h4 {
    color: var(--color-white);
    padding-left: 10px;
    border-left: 5px solid #ffffff;
}
.inner-page-hero .inner .breadcrumb,
.inner-page-hero .inner .breadcrumb ul li,
.inner-page-hero .inner .breadcrumb ul li a {
    color: var(--color-white);
}

.inner-page-hero .inner .breadcrumb ul {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 20px;
}
.inner-page-hero .inner .breadcrumb ul li {
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-weight: 300;
}
.course-details {
    background-color: var(--color-white);
}
.course-details .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.course-details .inner .duration {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}
.course-details .inner .duration li {
    display: flex;
    align-items: center;
    gap: 10px;
}
.course-details .inner .duration li span {
    font-size: 14px;
    font-weight: 300;
    color: var(--color-white);
    background: linear-gradient(0deg, rgba(57, 4, 10, 0.95), #741d27);
    line-height: 1;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 10px;
    border-radius: 4px;
}
.course-details .inner .duration li svg {
    width: 24px;
    height: 24px;
}
.structure-section .content .top {
    background-color: var(--color-white);
    border-radius: 20px;
    margin-bottom: 2px;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 20px;
    padding: 20px;
    /* box-shadow: 0px -10px 14px #00000014; */
}
.structure-section .content .bottom {
    background-color: var(--color-white);
    border-radius: 20px;
    margin-bottom: 2px;
    display: flex;
    align-items: center;
    justify-content: start;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
    /* box-shadow: 0px -10px 14px #00000014; */
}
.structure-section .content .top .image img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 50%;
    padding: 5px;
    background: linear-gradient(0deg, rgba(17, 24, 39, 1), #1e4c9a);
}
.structure-section .content .top .text {
    font-size: 26px;
    background: linear-gradient(90deg, rgba(17, 24, 39, 1), #1e4c9a);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-weight: 700;
    line-height: 1.2;
}
.structure-section .content .bottom .box {
    width: 100%;
    margin-bottom: 15px;
}
.structure-section .content .bottom .box:last-child {
    margin-bottom: 0px;
}
.structure-section .content .bottom .box h5 {
    margin-bottom: 10px;
}
.structure-section .content .bottom .box .box-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-top: 1px solid #d9d9d9;
    padding-top: 5px;
    margin-top: 5px;
}
.structure-section .content .bottom .box .box-content .left {
    display: flex;
    align-items: center;
    gap: 10px;
}
.structure-section .content .bottom .box .box-content .left svg {
    width: 24px;
    min-width: 24px;
    height: 24px;
}
.structure-section .content .bottom .box .box-content .right span {
    font-size: 14px;
    font-weight: 300;
    color: var(--color-white);
    background: linear-gradient(0deg, rgba(17, 24, 39, 1), #1e4c9a);
    line-height: 1;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 10px;
    border-radius: 4px;
    white-space: nowrap;
}
.structure-section .content .bottom .hostel-content {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    width: 100%;
}
.structure-section .content .bottom .hostel-content span {
    font-size: 18px;
    font-weight: 500;
    color: var(--theme-color);
    background: transparent;
    border: 2px solid var(--theme-color);
    line-height: 1;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 10px 32px;
    border-radius: 50px;
    white-space: nowrap;
    box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.structure-section .content .bottom .hostel-content span:hover {
    transform: scale(1.03);
}
.managemen-section {
    background: linear-gradient(45deg, rgba(17, 24, 39, 1), #1e4c9a);
}
.managemen-section .inner h3 {
    color: var(--color-white);
    margin-bottom: 20px;
}
.managemen-section .inner p {
    color: var(--color-white);
}
.managemen-section .inner .image img {
    max-height: 400px;
    width: 100%;
    object-fit: cover;
    border-radius: 20px;
}
.managemen-section .inner ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.managemen-section .inner ul li {
    list-style: none;
    text-align: center;
    padding: 16px;
    background-color: var(--color-white);
    border-radius: 10px;
    box-shadow: 0px -10px 14px #00000014;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    color: var(--color-black);
}
.managemen-section .inner .discription {
    margin-bottom: 20px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.faq-section .section-title,
.faq-section .content {
    max-width: 750px;
    margin: auto;
}
.faq-section .section-title {
    margin-bottom: 20px;
}
.faq-section .content details {
    background-color: var(--color-white);
    border-radius: 10px;
    box-shadow: 0px 0px 14px #00000014;
    padding: 20px;
    margin-bottom: 20px;
}
.faq-section .content details summary {
    list-style: none;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    color: var(--color-black);
}
.faq-section .content details summary .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.faq-section .content details .discription {
    border-top: 1px solid #d9d9d9;
    padding-top: 20px;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4rem;
    color: var(--color-black);
}

.industry-certifications-section {
    background-color: var(--color-white);
}
.industry-certifications-section .image img {
    width: 100%;
    border-radius: 20px;
}
.industry-certifications-section .inner {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.industry-certifications-section .inner .box {
    width: 100%;
    display: flex;
    gap: 20px;
}
.industry-certifications-section .inner .box .icon {
    width: 60px;
    min-width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: var(--theme-color);
    display: flex;
    align-items: center;
    justify-content: center;
    outline: 1px dashed var(--color-white);
    outline-offset: -5px;
}
.industry-certifications-section .inner .box .icon svg {
    width: 40px;
    height: 40px;
    color: var(--color-white);
}
.industry-certifications-section .inner .box .title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    color: var(--color-black);
    margin-bottom: 10px;
}
.industry-certifications-section .inner .box .discription {
    font-size: 16px;
    color: var(--color-gray-3);
}

.training-workshops-section {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative;
}

.training-workshops-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
}

.training-workshops-section .section-title .main-hedding {
    color: var(--color-white);
}
.training-workshops-section .content {
    height: 100%;
    background-color: var(--color-white);
    border-radius: 0px 40px;
    padding: 20px;
    outline: 1px dashed var(--theme-color);
    outline-offset: -10px;
}
.training-workshops-section .content h4 {
    margin-bottom: 10px;
    font-size: 18px;
}
.training-workshops-section .content p {
    color: var(--color-gray-3);
}

.skill-development {
    background-color: var(--color-white);
}
.skill-development .content {
    background-color: var(--color-gray-1);
    padding: 20px;
}
.skill-development .content .box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 20px;
}
.skill-development .content .box:last-child {
    margin-bottom: 0px;
}
.skill-development .content .box span {
    font-size: 16px;
    display: block;
    padding: 10px 20px;
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
}
.skill-development .content .box span.boxtype {
    background-color: var(--theme-color);
    color: var(--color-white);
}

.trimaster-section {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative;
}
.trimaster-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
}
.trimaster-section .container {
    position: relative;
}
.trimaster-section .box {
    display: grid;
    grid-template-columns: 200px 1fr;
    border: 1px solid var(--color-white);
    border-bottom: none;
    border-top: none;
}
.trimaster-section .box:first-child {
    border-top: 1px solid var(--color-white);
}
.trimaster-section .box:last-child {
    border-bottom: 1px solid var(--color-white);
}
.trimaster-section .box .title {
    border: 1px solid var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
    font-size: 16px;
    font-weight: 600;
}
.trimaster-section .box .content-box {
    border: 1px solid var(--color-white);
    padding: 10px;
    color: var(--color-white);
    font-size: 16px;
    font-weight: 400;
}

.specialization-offered .section-title {
    margin-bottom: 40px;
}
.specialization-offered .content {
    border: 1px solid var(--theme-color);
    border-radius: 10px;
    overflow: hidden;
    padding-top: 20px;
}
.specialization-offered .content .icon {
    text-align: center;
}
.specialization-offered .content .icon svg {
    height: 60px;
    width: 60px;
    stroke: var(--theme-color);
}
.specialization-offered .content h4 {
    background-color: var(--theme-color);
    text-align: center;
    color: var(--color-gray-1);
    padding: 10px;
    font-size: 18px;
    font-weight: 600;
    margin-top: 20px;
}

.placement-course-section {
    border-top: 1px solid var(--color-white);
}
.placement-course-section p {
    margin-bottom: 10px;
    font-size: 16px;
    text-align: center;
}
.placement-course-section img {
    border-radius: 20px;
}

@media (max-width: 991px) {
    .managemen-section .inner .discription {
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }
}
@media (max-width: 575px) {
    .managemen-section .inner ul {
        grid-template-columns: repeat(1, 1fr);
    }
    .skill-development .content .box {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
}

.customtestimonial {
    padding: 30px !important;
}
.customtestimonial h4,
.customtestimonial p {
    color: #fff;
}

/* headerstyle */

header .header_bottom .nav-horizontal ul li ul {
    position: absolute;
    top: 100%;
    background-color: #fff;
    z-index: 1;
    flex-direction: column;
    width: 200px;
    border-top: 3px solid #1e4c9a;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10);
    transition: 0.3s;
}

@media screen and (min-width: 1200px) {
    header .header_bottom .nav-horizontal ul li.menu-item-has-children:hover ul {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
}

.cs_nav .cs_nav_list > li:hover > ul {
    /* opacity: 1;
    pointer-events: auto;
    top: 100%; */
    /* visibility: visible; */
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
header .header_bottom .nav-horizontal ul li ul a {
    padding: 10px 20px;
    justify-content: start;
    font-size: 16px;
    text-transform: capitalize;
}

header .header_bottom .nav-horizontal ul li ul a::after {
    display: none !important;
}

header .header_bottom .nav-horizontal ul li.menu-item-has-children a {
    position: relative;
}
header .header_bottom .nav-horizontal ul li.menu-item-has-children a:after {
    border: 2px solid;
    border-left: 0;
    border-radius: 0 0 2px 0;
    border-top: 0;
    content: "";
    display: inline-block;
    height: 6px;
    margin-left: 6px;
    position: relative;
    top: -1px;
    transform: rotate(45deg);
    width: 6px;
}
header .header_bottom .nav-horizontal ul li {
    width: 100%;
    position: relative;
}

@media screen and (max-width: 1199px) {
    .cs_munu_dropdown_toggle {
        align-items: center;
        cursor: pointer;
        display: flex;
        height: 40px;
        justify-content: flex-end;
        left: 0;
        padding: 23px 18px;
        position: absolute;
        top: 0px !important;
        width: 100%;
        z-index: 3;
    }

    .cs_munu_dropdown_toggle ul {
        visibility: hidden !important;
        opacity: 0;
    }

    .menu-item-has-children .cs_munu_dropdown_toggle.active + ul {
        /* display: block; */
        position: static;
        top: 100%;
        background-color: #fff;
        z-index: 1;
        flex-direction: column;
        width: 100%;
        border-top: none;
        opacity: 1;
        visibility: visible !important;
        transform: translateY(0);
        transition: 0.3s;
    }

    .cs_nav .cs_nav_list .cs_munu_dropdown_toggle.active + ul {
        display: block !important;
    }
    /* header .header_bottom .nav-horizontal ul li.menu-item-has-children ul {
    opacity: 0 !important;
    visibility: visible;
    transform: translateY(0);
} */

    .cs_nav .cs_nav_list ul {
        display: none;
        padding-left: 15px;
    }

    header .header_bottom .nav-horizontal ul li.menu-item-has-children a::after {
        display: none;
    }
}

.candidate-information .row {
    margin-top: 22px !important;
    margin-bottom: 22px !important;
}

.candidate-information form label {
    margin-bottom: 10px;
}

/* About Us */
.au_about_us .fb-container {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    padding: 20px;
    background-color: var(--color-white);
    box-shadow: 0px 0px 14px #00000014;
}

.au_about_us .fb-container iframe {
    width: 100%;
    height: 600px;
    border: none;
}

.au_about_us .inner h5 {
    margin-top: 20px;
}
.au_about_us .inner p {
    margin-top: 10px;
    color: var(--color-gray-3);
}

.au_mission_vision {
    background-color: var(--color-white);
}
.au_mission_vision .content {
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 0px 14px #00000014;
    background-color: var(--color-gray-1);
    border: 1px solid #dee2e6;
    height: 100%;
}
.au_mission_vision .content h4 {
    margin-top: 20px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    color: var(--color-black);
}
.au_mission_vision .content p {
    margin-top: 10px;
    color: var(--color-gray-3);
}
.au_mission_vision .content img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

/* Core Team */
.ct_core_team .content {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 0px 14px #00000014;
    background-color: var(--color-white);
    border: 1px solid #dee2e6;
}
.ct_core_team .content .image {
    width: 100%;
    max-width: 250px;
    min-width: 250px;
    height: 250px;
    border-radius: 10px;
    overflow: hidden;
}
.ct_core_team .content .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ct_core_team .content .text h2 {
    margin-top: 0px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    color: var(--color-black);
}
.ct_core_team .content .text h5 {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    display: inline-block;
    background-color: var(--color-gray-1);
    color: var(--theme-color);
    padding: 10px;
    border-radius: 4px;
}
.ct_core_team .content .text p {
    margin-top: 10px;
    color: var(--color-gray-3);
}
@media (max-width: 767px) {
    .ct_core_team .content {
        flex-wrap: wrap;
    }
    .ct_core_team .content .text h2 {
        margin-top: 0px;
    }
    .ct_core_team .content .image {
        max-width: 100%;
        min-width: 100%;
        height: 100%;
    }
}
/* Board of Directors */
.bd-board-director {
    background-color: var(--color-white);
}
.bd-board-director .content {
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 0px 14px #00000014;
    background-color: var(--color-white);
    border: 1px solid #dee2e6;
    height: 100%;
}

.bd-board-director .content .image {
    width: 100%;
    max-width: 100%;
    height: 250px;
    border-radius: 10px;
    overflow: hidden;
}
.bd-board-director .content .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bd-board-director .content .text {
    flex: 1;
}
.bd-board-director .content .text h5 {
    margin-top: 10px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    color: var(--color-black);
}
.bd-board-director .content .discription {
    margin-top: 10px;
    color: var(--color-gray-3);
}
.bd-board-director .content .text p {
    margin-top: 10px;
    color: var(--color-gray-3);
    background-color: var(--theme-color);
    color: var(--color-white);
    padding: 4px 10px;
    border-radius: 4px;
    display: inline-block;
    font-size: 12px;
}

/* Admission Process */
.admission-process .content {
    padding: 20px;
    box-shadow: 0px 0px 14px #00000014;
    background-color: var(--color-white);
    height: 100%;
}
.admission-process .content h4 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    color: var(--color-black);
}
.admission-process .content img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 10px;
    margin-bottom: 10px;
}
.admission-process .extra-discription {
    margin-top: 40px;
    padding: 20px;
    box-shadow: 0px 0px 14px #00000014;
    background-color: var(--color-white);
    height: 100%;
    border-radius: 10px;
    border: 2px solid var(--theme-color);
}
.admission-process .extra-discription p {
    font-size: 24px;
    font-weight: 300;
    line-height: auto;
    color: var(--theme-color);
    text-align: justify;
}
.admission-process .content p {
    margin-top: 10px;
    color: var(--color-gray-3);
}
.admission-process .tab-content {
    display: none;
}
.admission-process .tab-content.active {
    display: block;
}
.admission-process .tabs {
    display: flex;
    height: 100%;
    margin-bottom: 10px;
    white-space: nowrap;
    overflow-x: scroll;
}
.admission-process .tabs::-webkit-scrollbar {
    height: 2px;
}
.admission-process .tabs::-webkit-scrollbar-track {
    background: var(--color-white);
}
.admission-process .tabs::-webkit-scrollbar-thumb {
    background: var(--theme-color);
    border-radius: 2px;
}
.admission-process .tabs .tab-btn {
    padding: 10px 20px;
    cursor: pointer;
    border: none;
    background-color: transparent;
    color: var(--color-gray-3);
}
.admission-process .tabs .tab-btn.active {
    background-color: var(--color-white);
    color: var(--color-black);
    box-shadow: 0px 0px 14px #00000014;
}
.admission-steps {
    background-color: var(--color-white);
}
.admission-steps .steps {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 20px;
}
.admission-steps .steps .content {
    position: relative;
    padding-left: 104px;
}
.admission-steps .steps .content .step {
    border-top: 1px solid var(--theme-color);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.admission-steps .steps .content h3 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    color: var(--color-black);
    display: inline-block;
    background-color: var(--theme-color);
    padding: 10px 20px;
    color: var(--color-white);
}
.admission-steps .steps .content p {
    margin-top: 10px;
    color: var(--color-gray-3);
}
@media (max-width: 575px) {
    .admission-steps .steps .content .step {
        position: static;
    }
    .admission-steps .steps .content {
        padding-left: 0px;
    }
}

.candidate-information {
    background-color: var(--color-white);
}
.candidate-information form textarea,
.candidate-information form input,
.candidate-information form select {
    width: 100%;
    padding: 10px 20px;
    transition: all 0.3s ease-in-out;
    background-color: var(--color-gray-1);
    outline: none;
    color: var(--color-black);
    border-radius: 20px;
    border: 1px solid #d9d9d9;
    resize: none;
    font-size: 14px;
    line-height: 1;
    height: 40px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.candidate-information form select {
    cursor: pointer;
}
.candidate-information form textarea {
    height: 100px;
}
.candidate-information form label {
    padding-left: 20px;
    color: var(--color-black);
    text-transform: uppercase;
}
.candidate-information .gender {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}
.candidate-information .gender label {
    display: flex;
    align-items: center;
    gap: 10px;
    line-height: 1;
}
.candidate-information .gender label input {
    width: 20px;
    height: 20px;
    appearance: auto;
    -webkit-appearance: auto;
    -moz-appearance: auto;
}
.candidate-information input[type="number"] {
    appearance: textfield;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
}
.candidate-information input[type="number"]::-webkit-inner-spin-button,
.candidate-information input[type="number"]::-webkit-outer-spin-button {
    appearance: none;
    -webkit-appearance: none;
    margin: 0;
}
.candidate-information .list {
    list-style: decimal;
    margin-top: 10px;
    margin-left: 20px;
}

/* .campus-info{
    background-color: var(--color-white);
} */
.campus-info .campus-content-slider .inner,
.campus-info .campus-content-slider-1 .inner,
.campus-info .campus-content-slider-2 .inner {
    padding: 10px;
}
.campus-info .campus-content-slider .inner img,
.campus-info .campus-content-slider-1 .inner img,
.campus-info .campus-content-slider-2 .inner img {
    width: 100%;
    height: 125px;
    object-fit: contain;
    border-radius: 10px;
    padding: 10px;
    background-color: var(--color-white);
    box-shadow: 0px 0px 14px #00000014;
}
.campus-info .campus-content-slider .swiper-button-next,
.campus-info .campus-content-slider .swiper-button-prev,
.campus-info .campus-content-slider-1 .swiper-button-next,
.campus-info .campus-content-slider-1 .swiper-button-prev,
.campus-info .campus-content-slider-2 .swiper-button-next,
.campus-info .campus-content-slider-2 .swiper-button-prev {
    background-color: var(--theme-color);
    color: var(--color-white);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.campus-info .campus-content-slider .swiper-button-next:after,
.campus-info .campus-content-slider .swiper-button-prev:after,
.campus-info .campus-content-slider-1 .swiper-button-next:after,
.campus-info .campus-content-slider-1 .swiper-button-prev:after,
.campus-info .campus-content-slider-2 .swiper-button-next:after,
.campus-info .campus-content-slider-2 .swiper-button-prev:after {
    font-size: 12px;
}

.placement-info {
    background-color: var(--color-white);
}
.placement-info .placement-content-slider .inner {
    padding: 10px;
    background-color: var(--color-white);
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #dee2e6;
}
.placement-info .placement-content-slider .inner img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    border-radius: 10px;
}
.placement-info .placement-content-slider .inner .inner-content {
    margin-top: 10px;
}
.placement-info .placement-content-slider .inner .inner-content h4 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    color: var(--color-black);
}
.placement-info .placement-content-slider .inner .inner-content p {
    color: var(--color-gray-3);
}

.placement-info .placement-content-slider .swiper-button-next,
.placement-info .placement-content-slider .swiper-button-prev {
    background-color: var(--theme-color);
    color: var(--color-white);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.placement-info .placement-content-slider .swiper-button-next:after,
.placement-info .placement-content-slider .swiper-button-prev:after {
    font-size: 12px;
}
.placement-commitment,
.campus-info-1 {
    background-color: var(--color-white);
}
.placement-commitment .image img {
    border-radius: 10px;
}
.final-placement {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    position: relative;
}
.final-placement::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}
.final-placement .container {
    position: relative;
}
.final-placement .section-title .sub-hedding,
.final-placement .section-title .main-hedding {
    color: var(--color-white);
}
.final-placement .content {
    background-color: var(--color-white);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 14px #00000014;
    height: 100%;
}
.final-placements-page {
    background-color: var(--color-white);
}
.final-placements-page .final-placements-slider .inner {
    padding: 10px;
    background-color: var(--color-gray-1);
    border-radius: 10px;
    border: 1px solid #dee2e6;
}
.final-placements-page .final-placements-slider .inner img {
    border-radius: 10px;
}
.final-placements-page .final-placements-slider .swiper-button-next,
.final-placements-page .final-placements-slider .swiper-button-prev {
    background-color: var(--theme-color);
    color: var(--color-white);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.final-placements-page .final-placements-slider .swiper-button-next:after,
.final-placements-page .final-placements-slider .swiper-button-prev:after {
    font-size: 12px;
}
/* .interships-page{
    background-color: var(--color-white);
} */
.interships-page .final-placements-slider .inner {
    padding: 10px;
    background-color: var(--color-white);
    border-radius: 10px;
    border: 1px solid #dee2e6;
}
.interships-page .final-placements-slider .inner img {
    border-radius: 10px;
}
.interships-page .final-placements-slider .swiper-button-next,
.interships-page .final-placements-slider .swiper-button-prev {
    background-color: var(--theme-color);
    color: var(--color-white);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.interships-page .final-placements-slider .swiper-button-next:after,
.interships-page .final-placements-slider .swiper-button-prev:after {
    font-size: 12px;
}
.top-placements {
    background-color: var(--color-white);
}
.top-placements table tr td {
    font-size: 20px;
    font-weight: 300;
    vertical-align: middle;
}
.top-placements table tr td img {
    width: 100px;
    height: 100px;
    background-color: var(--color-white);
    border-radius: 10px;
    padding: 10px;
    object-fit: contain;
    box-shadow: 0px 0px 14px #00000014;
}
.chart-section,
.corporate-connect {
    background-color: var(--color-white);
}
.corporate-connect .image {
    padding: 10px;
    border: 1px solid #dee2e6;
    box-shadow: 0px 0px 14px #00000014;
    transition: all 0.3s ease-in-out;
}
.corporate-connect .image img {
    border-radius: 10px;
}
.corporate-connect .image:hover {
    transform: scale(1.02);
}
.chart-section .content {
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 14px #00000014;
    height: 100%;
}
/* First Chart */
.chart-section .chart-legend h5 {
    margin-bottom: 20px;
}
.chart-section .chart-legend ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}
.chart-section .chart-legend li {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
}
.chart-section .chart-legend .dot {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px;
}
.chart-section .chart-legend .dot.mkt {
    background-color: #b53232;
} /* Marketing */
.chart-section .chart-legend .dot.fin {
    background-color: #efe97f;
} /* Finance */
.chart-section .chart-legend .dot.hr {
    background-color: #9eb7d5;
} /* HR */
.chart-section .chart-box {
    max-width: 450px;
    width: 100%;
    margin: 0px auto;
}
/* Second Chart */
.chart-section .industry-legend h5 {
    margin-bottom: 20px;
}
.chart-section .industry-legend ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}
.chart-section .industry-legend li {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
}
.chart-section .industry-legend .dot {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin-right: 8px;
}
.chart-section .industry-legend .dot.it {
    background: #33c4ff;
}
.chart-section .industry-legend .dot.bfsi {
    background: #7dd3fc;
}
.chart-section .industry-legend .dot.outsourcing {
    background: #93b5e1;
}
.chart-section .industry-legend .dot.realestate {
    background: #8694c7;
}
.chart-section .industry-legend .dot.fmcg {
    background: #a69bd7;
}
.chart-section .industry-legend .dot.automobiles {
    background: #9d4cbc;
}
.chart-section .industry-legend .dot.edtech {
    background: #c0438a;
}
.chart-section .industry-legend .dot.design {
    background: #d61a4c;
}
.chart-section .industry-legend .dot.logistics {
    background: #b1262c;
}
.chart-section .industry-legend .dot.telecom {
    background: #f4c165;
}
.chart-section .industry-legend .dot.agri {
    background: #d9e77a;
}
.chart-section .industry-legend .dot.tourism {
    background: #8fd39a;
}
.chart-section .industry-legend .dot.financeService {
    background: #25d1c0;
}
.chart-section .industry-chart-box {
    max-width: 500px;
    width: 100%;
    margin: 0px auto;
}

.importance-intership {
    background-color: var(--color-white);
}
.importance-intership .inner {
    padding: 20px;
    background-color: var(--color-gray-1);
    border-radius: 10px;
    border: 1px solid #dee2e6;
    height: 100%;
    box-shadow: 0px 0px 14px #00000014;
}
.importance-intership .inner .icon {
    height: 100px;
    width: 100px;
    border-radius: 10px;
    overflow: hidden;
    padding: 20px;
    margin-bottom: 20px;
    background-color: var(--color-white);
    box-shadow: 0px 0px 14px #00000014;
}
.importance-intership .inner .icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.importance-intership .inner h5 {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 10px;
}
.importance-intership .inner.bg-color-1 {
    background: #0efbff;
}
.importance-intership .inner.bg-color-2 {
    background: #cbff5b;
}
.importance-intership .inner.bg-color-3 {
    background: #ed009c;
    color: #ffffff;
}
.importance-intership .inner.bg-color-3 h5 {
    color: #ffffff;
}
.importance-intership .inner.bg-color-4 {
    background: #e56b6f;
    color: #ffffff;
}
.importance-intership .inner.bg-color-4 h5 {
    color: #ffffff;
}
.importance-intership .inner.bg-color-5 {
    background: #eaac8b;
}

.your-road .content {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.your-road .content .inner {
    position: relative;
}
.your-road .content .inner .image {
    height: 100px;
    width: 100px;
    border-radius: 100px;
    overflow: hidden;
    padding: 20px;
    margin-bottom: 20px;
    background-color: var(--color-white);
    box-shadow: 0px 0px 14px #00000014;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px auto 20px;
}
.your-road .content .inner .image svg {
    height: 50px;
    width: 50px;
    object-fit: cover;
    color: var(--color-black);
}
.your-road .content .inner.bg-cl-1 .image,
.your-road .content .inner.bg-cl-1 .inner-content {
    background-color: #ffb001;
    position: relative;
}
.your-road .content .inner.bg-cl-2 .image,
.your-road .content .inner.bg-cl-2 .inner-content {
    background-color: #f5e50f;
    position: relative;
}
.your-road .content .inner.bg-cl-3 .image,
.your-road .content .inner.bg-cl-3 .inner-content {
    background-color: #43c466;
    position: relative;
}
.your-road .content .inner.bg-cl-4 .image,
.your-road .content .inner.bg-cl-4 .inner-content {
    background-color: #3ccf00;
    position: relative;
}
.your-road .content .inner.bg-cl-1::before,
.your-road .content .inner.bg-cl-2::before,
.your-road .content .inner.bg-cl-3::before,
.your-road .content .inner.bg-cl-4::before {
    content: "";
    position: absolute;
    top: 50px;
    left: 0;
    height: 1px;
    border-bottom: 2px dashed;
    width: calc(100% + 15px);
}
.your-road .content .inner .inner-content {
    height: calc(100% - 120px);
    padding: 20px;
    border-radius: 10px;
}
.your-road .content .inner .inner-content h5 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 10px;
    color: var(--color-black);
}
.your-road .content .inner .inner-content p {
    color: var(--color-black);
}
.your-road .content .inner .inner-content ul {
    list-style: disc;
    margin-left: 20px;
    color: var(--color-black);
}

@media (max-width: 991px) {
    .your-road .content {
        grid-template-columns: repeat(1, 1fr);
    }
    .your-road .content .inner {
        padding-left: 20px;
    }
    .your-road .content .inner.bg-cl-1::before,
    .your-road .content .inner.bg-cl-2::before,
    .your-road .content .inner.bg-cl-3::before,
    .your-road .content .inner.bg-cl-4::before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0;
        height: calc(100% + 15px);
        border-bottom: none;
        width: 2px;
        border-left: 2px dashed;
    }
    .your-road .content .inner {
        padding-left: 20px;
        display: flex;
        gap: 20px;
        align-items: center;
    }
    .your-road .content .inner .inner-content {
        height: 100%;
        width: 100%;
    }
    .your-road .content .inner .image {
        border-radius: 0px 20px 20px 0px;
        margin-bottom: 0px;
        margin: 0px 0px 0px -18px;
    }
}
.pagination-down {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}
.pagination-down ul {
    display: inline-flex;
    align-items: center;
    border-bottom: 2px solid #dee2e6;
}
.pagination-down ul li a {
    border: 1px solid transparent;
    height: 42px;
    width: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.pagination-down ul li.active a::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0px;
    width: 100%;
    height: 2px;
    background-color: var(--theme-color);
}

/* Blog */
.blog-content {
    background-color: var(--color-white);
}
.blog-content .blog-box {
    background-color: var(--color-white);
    border-radius: 10px;
    border: 1px solid #dee2e6;
    height: 100%;
    box-shadow: 0px 0px 14px #00000014;
    padding: 10px;
}
.blog-content .blog-box .image {
    /* height: 250px; */
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 10px;
}
.blog-content .blog-box .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blog-content .blog-box .inner {
    padding: 20px;
}
.blog-content .blog-box .inner h4 {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 10px;
}
.blog-content .blog-box .inner p {
    margin-bottom: 10px;
}
.blog-content .blog-box .inner .date a {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 10px;
    display: inline-block;
    background-color: var(--color-gray-1);
    padding: 5px 10px;
    border-radius: 5px;
}
.blog-content .blog-box .inner .date a {
    color: var(--color-black);
}
.blog-content .sidebar .sidebar-box {
    background-color: var(--color-gray-1);
    border-radius: 10px;
    border: 1px solid #dee2e6;
    box-shadow: 0px 0px 14px #00000014;
    padding: 10px;
    margin-bottom: 20px;
}
.blog-content .sidebar .sidebar-box:last-child {
    margin-bottom: 0px;
}
.blog-content .sidebar .sidebar-box h4 {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 10px;
    color: var(--color-black);
}
.blog-content .sidebar .sidebar-box .search-box,
.blog-content .sidebar .sidebar-box .subscribe-box {
    background-color: var(--color-white);
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #dee2e6;
    box-shadow: 0px 0px 14px #00000014;
    display: flex;
    align-items: center;
}
.blog-content .sidebar .sidebar-box .search-box input,
.blog-content .sidebar .sidebar-box .subscribe-box input {
    border: none;
    outline: none;
    padding: 0px 10px;
    width: 100%;
    height: 42px;
}
.blog-content .sidebar .sidebar-box .search-box button,
.blog-content .sidebar .sidebar-box .subscribe-box button {
    border: none;
    outline: none;
    background-color: var(--theme-color);
    color: var(--color-white);
    height: 42px;
    width: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.blog-content .sidebar .sidebar-box .blog-categories ul {
    list-style: disc;
    margin-left: 20px;
}
.blog-content .sidebar .sidebar-box .blog-categories ul::marker {
    color: var(--theme-color);
    font-size: 14px;
}
.blog-content .related-post {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.blog-content .related-post .post-item {
    display: flex;
    align-items: center;
    gap: 20px;
    background-color: var(--color-white);
    border-radius: 10px;
    border: 1px solid #dee2e6;
    box-shadow: 0px 0px 14px #00000014;
    padding: 10px;
}
.blog-content .related-post .post-item .post-image {
    height: 100px;
    width: 100px;
    min-height: 100px;
    min-width: 100px;
    overflow: hidden;
    border-radius: 10px;
    background-color: var(--color-white);
    box-shadow: 0px 0px 14px #00000014;
    display: flex;
    align-items: center;
    justify-content: center;
}
.blog-content .related-post .post-item .post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blog-content .related-post .post-item .post-content h4 {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--color-black);
}
.blog-content .related-post .post-item .post-content p {
    display: flex;
    align-items: center;
    gap: 5px;
}
.blog-content .pagination-down {
    justify-content: start;
}

.testmonials-page .content {
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #dee2e6;
    box-shadow: 0px 0px 14px #00000014;
    background-color: var(--color-gray-1);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
}
.testmonials-page .content .profile {
    display: flex;
    align-items: center;
    gap: 20px;
    background-color: var(--color-white);
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 0px 14px #00000014;
    border: 1px solid #dee2e6;
}
.testmonials-page .content .profile .image {
    height: 80px;
    width: 80px;
    overflow: hidden;
    border-radius: 10px;
    background-color: var(--color-white);
    box-shadow: 0px 0px 14px #00000014;
    display: flex;
    align-items: center;
    justify-content: center;
}
.testmonials-page .content .profile .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.testmonials-page .content .profile .name {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.testmonials-page .content .profile .name h4 {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--color-black);
}

.events-page .content,
.pune-life .content {
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #dee2e6;
    box-shadow: 0px 0px 14px #00000014;
    background-color: var(--color-gray-1);
    height: 100%;
}
.events-page .content img,
.pune-life .content img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.gallery-page .tab-content {
    display: none;
}
.gallery-page .tab-content.active {
    display: block;
}
.gallery-page .tabs {
    display: flex;
    height: 100%;
    margin-bottom: 10px;
    white-space: nowrap;
    overflow-x: scroll;
}
.gallery-page .tabs::-webkit-scrollbar {
    height: 2px;
}
.gallery-page .tabs::-webkit-scrollbar-track {
    background: #dee2e6;
}
.gallery-page .tabs::-webkit-scrollbar-thumb {
    background: var(--theme-color);
    border-radius: 2px;
}
.gallery-page .tabs .tab-btn {
    padding: 10px 20px;
    cursor: pointer;
    border: none;
    background-color: transparent;
    color: var(--color-gray-3);
    border: 1px solid transparent;
    border-bottom: none;
}
.gallery-page .tabs .tab-btn.active {
    background-color: var(--color-white);
    color: var(--color-black);
    box-shadow: 0px 0px 14px #00000014;
    border: 1px solid #dee2e6;
    border-bottom: none;
}
.gallery-page .gallery-page-box {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px;
    margin-top: 20px;
}
@media screen and (max-width: 991px) {
    .gallery-page .gallery-page-box {
        grid-template-columns: 1fr 1fr;
    }
}
@media screen and (max-width: 575px) {
    .gallery-page .gallery-page-box {
        grid-template-columns: 1fr;
    }
}
.gallery-page .gallery-page-box a {
    display: block;
    box-shadow: 0px 0px 14px #00000014;
    overflow: hidden;
    border-radius: 10px;
}
.gallery-page .gallery-page-box a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.8);
    transition: all 0.3s ease;
}
.gallery-page .gallery-page-box a:hover img {
    filter: brightness(1);
    transform: scale(1.04);
}
.lg-backdrop {
    background-color: #000000e8 !important;
}

/* new developer dynamic  */

/* Animations */
@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes blink {
    0%,
    49% {
        opacity: 1;
    }
    50%,
    100% {
        opacity: 0;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(15px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes autoScroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

@keyframes countUp {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes float {
    0%,
    100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-20px);
    }
}

@keyframes glow {
    0%,
    100% {
        box-shadow: 0px 0px 20px rgba(30, 76, 154, 0);
    }
    50% {
        box-shadow: 0px 0px 30px rgba(30, 76, 154, 0.4);
    }
}

@keyframes pulse {
    0%,
    100% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
}

/* Hero Section */
.devhero {
    background: linear-gradient(rgba(30, 76, 154, 0.75), rgba(30, 76, 154, 0.75));
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    padding: 60px 120px;
    position: relative;
    overflow: hidden;
    text-align: center;
    color: #ffffff;
    min-height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.devhero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:
        radial-gradient(circle at 20% 50%, rgba(255, 255, 255, 0.1), transparent),
        radial-gradient(circle at 80% 80%, rgba(30, 76, 154, 0.3), transparent);
    pointer-events: none;
}

.devhero .hero-content {
    position: relative;
    z-index: 2;
    max-width: 1000px;
}

.devhero .hero-subtitle {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 15px;
    animation: slideDown 0.8s ease;
}

.devhero h1 {
    font-size: 64px;
    font-weight: 700;
    margin-bottom: 25px;
    min-height: 80px;
    animation: slideDown 1s ease;
    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
    letter-spacing: -1px;
}

.devhero .cursor {
    animation: blink 1s infinite;
    font-weight: 300;
}

.devhero .hero-description {
    font-size: 20px;
    color: #f5f5f5;
    margin-bottom: 40px;
    line-height: 1.8;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    animation: slideUp 0.8s ease 0.2s backwards;
}

.devhero .button-group {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
    animation: slideUp 0.8s ease 0.4s backwards;
}

.devhero .btn {
    padding: 14px 36px;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: inherit;
}

.devhero .btn-primary {
    background-color: #ffffff;
    color: #1e4c9a;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.devhero .btn-primary:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);
}

.devhero .btn-secondary {
    background-color: transparent;
    color: #ffffff;
    border: 2px solid #ffffff;
}

.devhero .btn-secondary:hover {
    background-color: #ffffff;
    color: #1e4c9a;
    transform: translateY(-4px);
}

/* Programs Section */
.devprograms-section {
    background-color: #f5f5f5;
}

.devprograms-section .programs-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: start;
    margin-top: 50px;
}

.devprograms-section .tabs {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.devprograms-section .tab {
    padding: 20px;
    border-radius: 8px;
    border: 2px solid #d9d9d9;
    background-color: #ffffff;
    text-align: left;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    font-family: inherit;
    font-size: 16px;
}

.devprograms-section .tab.active {
    border-color: #1e4c9a;
    background-color: #f5f5f5;
    box-shadow: 0 4px 12px rgba(30, 76, 154, 0.1);
}

.devprograms-section .tab:hover:not(.active) {
    border-color: #1e4c9a;
    background-color: #f9f9f9;
}

.devprograms-section .tab-icon {
    padding: 10px;
    background-color: #f5f5f5;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    min-width: 40px;
    height: 40px;
    transition: all 0.3s ease;
}

.devprograms-section .tab.active .tab-icon {
    background: linear-gradient(135deg, #1e4c9a, #2563eb);
    color: #ffffff;
}

.devprograms-section .tab-info h3 {
    font-weight: 600;
    color: #333333;
    margin-bottom: 4px;
    font-size: 16px;
}

.devprograms-section .tab-duration {
    font-size: 13px;
    color: #666666;
}

.devprograms-section .tab-content {
    padding: 40px;
    border-radius: 12px;
    background-color: #ffffff;
    border: 2px dashed #1e4c9a;
    animation: fadeInUp 0.5s ease;
    box-shadow: 0 8px 24px rgba(30, 76, 154, 0.08);
}

.devprograms-section .tab-content {
    display: none;
}
.devprograms-section .tab-content.active {
    display: block;
}

.devprograms-section .tab-content h3 {
    font-size: 24px;
    font-weight: 700;
    color: #333333;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 16px;
}

.devprograms-section .tab-content-icon {
    width: 50px;
    height: 50px;
    background-color: #1e4c9a;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 24px;
    flex-shrink: 0;
}

.devprograms-section .tab-content p {
    font-size: 16px;
    color: #333333;
    line-height: 1.7;
    margin-bottom: 20px;
}

.devprograms-section .key-focus {
    padding: 16px;
    background-color: #f5f5f5;
    border-radius: 8px;
    border-left: 4px solid #1e4c9a;
    font-size: 14px;
    color: #333333;
}

/* Pyramid Styles */
.devprograms-section .pyramid-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 400px;
    margin: 0 auto;
}

.devprograms-section .pyramid-steps {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.devprograms-section .pyramid-step {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-radius: 8px;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    cursor: pointer;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
    color: #ffffff;
    font-weight: 600;
}

.devprograms-section .pyramid-step:hover {
    transform: scale(1.06);
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.2);
}

.devprograms-section .pyramid-step-content {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
}

.devprograms-section .pyramid-step-icon {
    font-size: 18px;
    flex-shrink: 0;
}

.devprograms-section .pyramid-step-num {
    font-size: 12px;
    font-weight: 800;
    min-width: 20px;
}

.devprograms-section .pyramid-step-title {
    font-size: 13px;
}

.devprograms-section .pyramid-start {
    font-size: 10px;
    background-color: rgba(255, 255, 255, 0.3);
    padding: 2px 8px;
    border-radius: 12px;
}

.devprograms-section .pyramid-arrow {
    margin-top: 16px;
    font-size: 24px;
    color: #1e4c9a;
    animation: float 3s ease-in-out infinite;
}
.pyramid-step.step1 {
    background-color: #1e4c9a;
}
.pyramid-step.step2 {
    background-color: #95e1d3;
}
.pyramid-step.step3 {
    background-color: #ffa502;
}
.pyramid-step.step4 {
    background-color: #45b7d1;
}

/* Companies Section */
.companies-section {
    background-color: #f5f5f5;
}

.companies-scroll-wrapper {
    overflow: hidden;
    mask-image: linear-gradient(90deg, transparent 0%, black 10%, black 90%, transparent 100%);
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, black 10%, black 90%, transparent 100%);
}

.companies-scroll {
    display: flex;
    gap: 16px;
    animation: autoScroll 40s linear infinite;
    width: fit-content;
    padding: 20px 0;
}

.companies-scroll:hover {
    animation-play-state: paused;
}

.company-card {
    padding: 30px 20px;
    text-align: center;
    background: linear-gradient(135deg, #ffffff 0%, #f8f9ff 100%);
    border: 2px solid #e8e8e8;
    border-radius: 16px;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.06);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 170px;
    gap: 12px;
    min-width: 130px;
    flex-shrink: 0;
}

.company-card:hover {
    border-color: #1e4c9a;
    box-shadow: 0px 16px 40px rgba(30, 76, 154, 0.2);
    transform: translateY(-12px);
    background: linear-gradient(135deg, #ffffff 0%, #f0f4ff 100%);
}

.company-logo {
    width: 90px;
    height: 90px;
    object-fit: contain;
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1));
}

.company-placeholder {
    width: 90px;
    height: 90px;
    border-radius: 12px;
    background: linear-gradient(135deg, #1e4c9a, #2563eb);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-weight: 700;
    font-size: 20px;
    box-shadow: 0 8px 16px rgba(30, 76, 154, 0.3);
}

.company-name {
    color: #333333;
    font-weight: 700;
    font-size: 12px;
    margin: 0;
}

.devcampus .swiper-slide {
    padding-top: 50px !important;
}

/* Students Section */
.students-section {
    background-color: #ffffff;
    position: relative;
    padding: 80px 20px;
}

.students-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:
        radial-gradient(circle at 80% 20%, rgba(30, 76, 154, 0.05), transparent),
        radial-gradient(circle at 20% 80%, rgba(30, 76, 154, 0.03), transparent);
    pointer-events: none;
}

.students-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    position: relative;
    z-index: 1;
}

.student-card {
    background-color: #ffffff;
    border: 2px solid #1e4c9a;
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.08);
}

.student-card:hover {
    transform: translateY(-16px) scale(1.02);
    box-shadow: 0px 24px 48px rgba(30, 76, 154, 0.25);
}

.student-content {
    padding: 40px 30px;
    text-align: center;
}

.student-image {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: 0 auto 20px;
    display: block;
    border: 4px solid #1e4c9a;
    object-fit: cover;
    box-shadow: 0px 12px 32px rgba(30, 76, 154, 0.35);
    background: linear-gradient(135deg, #e0e7ff 0%, #f0f4ff 100%);
}

.student-name {
    font-weight: 700;
    color: #333333;
    margin-bottom: 8px;
    font-size: 18px;
}

.student-company {
    color: #1e4c9a;
    font-weight: 700;
    margin-bottom: 6px;
    font-size: 14px;
}

.student-role {
    color: #666666;
    font-size: 13px;
    font-weight: 500;
}

/* Domains Section */
.domains-section {
    background-color: #f5f5f5;
    padding: 80px 20px;
}

.domains-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 28px;
    margin-top: 50px;
}

.domain-card {
    padding: 28px;
    background-color: #ffffff;
    border: 2px solid #e0e0e0;
    border-radius: 16px;
    transition: all 0.4s ease;
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.06);
    position: relative;
    overflow: hidden;
}

.domain-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(180deg, #1e4c9a, #2563eb);
}

.domain-card:hover {
    border-color: #1e4c9a;
    box-shadow: 0px 16px 40px rgba(30, 76, 154, 0.2);
    transform: translateY(-8px);
}

.domain-title {
    font-size: 18px;
    font-weight: 700;
    color: #333333;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding-left: 8px;
}

.domain-bullet {
    width: 8px;
    height: 8px;
    background: linear-gradient(135deg, #1e4c9a, #2563eb);
    border-radius: 50%;
}

.domain-roles {
    list-style: none;
    padding: 0;
    margin: 0;
}

.domain-role {
    color: #333333;
    margin-bottom: 12px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 14px;
    transition: all 0.2s ease;
}

.domain-role:hover {
    color: #1e4c9a;
    transform: translateX(4px);
}

.domain-role-bullet {
    width: 5px;
    height: 5px;
    background: linear-gradient(135deg, #1e4c9a, #2563eb);
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: 6px;
}

/* CTA Section */
.cta-section {
    background:
        linear-gradient(135deg, rgba(30, 76, 154, 0.9) 0%, rgba(37, 99, 235, 0.8) 100%),
        url("https://images.unsplash.com/photo-1552664730-d307ca884978?w=1200&h=600&fit=crop");
    background-size: cover;
    background-position: center;
    padding: 80px 20px;
    position: relative;
    text-align: center;
    overflow: hidden;
}

.cta-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:
        radial-gradient(circle at 30% 50%, rgba(255, 255, 255, 0.1), transparent),
        radial-gradient(circle at 80% 80%, rgba(255, 255, 255, 0.05), transparent);
    pointer-events: none;
}

.cta-content {
    max-width: 900px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.cta-title {
    font-size: 52px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 16px;
    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    letter-spacing: -1px;
}

.cta-description {
    font-size: 18px;
    color: #f5f5f5;
    margin-bottom: 40px;
    line-height: 1.7;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    padding-top: 40px;
    border-top: 2px solid rgba(255, 255, 255, 0.2);
    margin-top: 40px;
}

.stat-item {
    text-align: center;
}

.stat-number {
    font-size: 48px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 8px;
    animation: countUp 2s ease-out forwards;
}

.stat-label {
    font-size: 14px;
    color: #f5f5f5;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Final Placement Profiles */
.profiles-section {
    padding: 120px 20px;
    background: linear-gradient(180deg, #f5f5f5 0%, #ffffff 100%);
    position: relative;
    overflow: hidden;
}

.profiles-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:
        radial-gradient(circle at 20% 50%, rgba(30, 76, 154, 0.05), transparent),
        radial-gradient(circle at 80% 80%, rgba(30, 76, 154, 0.03), transparent);
    pointer-events: none;
}

.profiles-header {
    text-align: center;
    margin-bottom: 80px;
    position: relative;
    z-index: 1;
}

.profiles-tag {
    font-size: 13px;
    color: #1e4c9a;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.profiles-title {
    font-size: 52px;
    font-weight: 700;
    color: #333333;
    margin-bottom: 20px;
    line-height: 1.1;
    letter-spacing: -0.5px;
}

.profiles-title-highlight {
    background: linear-gradient(135deg, #1e4c9a, #2563eb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.profiles-description {
    font-size: 17px;
    color: #666666;
    max-width: 650px;
    margin: 0 auto;
    line-height: 1.6;
    font-weight: 400;
}

.profiles-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    gap: 28px;
    position: relative;
    z-index: 1;
}

.profile-card {
    background-color: #ffffff;
    border-radius: 24px;
    overflow: hidden;
    transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
    box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(30, 76, 154, 0.08);
    cursor: pointer;
    position: relative;
}

.profile-card:hover {
    transform: translateY(-24px);
    box-shadow: 0px 32px 80px rgba(0, 0, 0, 0.12);
}

.profile-accent {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent 0%, var(--color) 50%, transparent 100%);
}

.profile-header {
    padding: 48px 36px 32px;
    position: relative;
}

.profile-icon {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--color), var(--color-dark));
    border-radius: 20px;
    color: #ffffff;
    font-size: 40px;
    margin-bottom: 24px;
    box-shadow: 0px 16px 40px rgba(0, 0, 0, 0.15);
    transition: all 0.4s ease;
}

.profile-category {
    font-size: 26px;
    font-weight: 700;
    color: #333333;
    margin: 0;
    line-height: 1.3;
    letter-spacing: -0.3px;
}

.profile-roles {
    padding: 0 36px 36px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.role-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    background-color: var(--tag-bg);
    border: 1.5px solid var(--tag-border);
    border-radius: 12px;
    font-size: 13px;
    font-weight: 600;
    color: var(--color);
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    cursor: default;
    letter-spacing: 0.2px;
}

.role-tag:hover {
    background-color: var(--color);
    color: #ffffff;
    transform: scale(1.08);
    box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.2);
    border-color: var(--color);
}

.role-arrow {
    opacity: 0.8;
}

@media (max-width: 768px) {
    .programs-container {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .hero h1 {
        font-size: 36px;
    }

    .section-title {
        font-size: 32px;
    }

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

    .profiles-title {
        font-size: 36px;
    }

    .profiles-grid {
        grid-template-columns: 1fr;
    }
}

.section-header {
    text-align: center;
    margin-bottom: 60px;
}

#stats-section .btn {
    padding: 14px 36px;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: inherit;
}

#stats-section .btn-primary {
    background-color: #ffffff;
    color: #1e4c9a;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    margin-right: 20px;
}

#stats-section .btn-primary:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);
}

#stats-section .btn-secondary {
    background-color: transparent;
    color: #ffffff;
    border: 2px solid #ffffff;
}

#stats-section .btn-secondary:hover {
    background-color: #ffffff;
    color: #1e4c9a;
    transform: translateY(-4px);
}

.profiles-section img.student-image {
    margin: 0px !important;
}

.pagebanner h1 {
    color: #fff;
    margin-bottom: 4px;
}
.pagebanner p {
    font-size: 20px;
}

/* About Content Section */
.devaboutsevtion {
    padding: 100px 20px;
    background-color: #ffffff;
}

.section-container {
    max-width: 1000px;
    margin: 0 auto;
}

.about-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: start;
    margin-bottom: 80px;
}

.about-content {
    animation: slideUp 0.8s ease;
}

.about-content h2 {
    font-size: 44px;
    font-weight: 700;
    color: #1e4c9a;
    margin-bottom: 30px;
}

.about-content p {
    font-size: 16px;
    color: #666666;
    margin-bottom: 20px;
    line-height: 1.8;
}

.about-content strong {
    color: #1e4c9a;
}

.about-image {
    position: relative;
    animation: scaleIn 0.8s ease 0.2s backwards;
}

.about-image img {
    width: 100%;
    border-radius: 16px;
    box-shadow: 0px 20px 50px rgba(30, 76, 154, 0.15);
    border: 2px solid #e8e8e8;
}

.about-image::after {
    content: "";
    position: absolute;
    bottom: -30px;
    right: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(135deg, #1e4c9a, #4da6e8);
    border-radius: 12px;
    z-index: -1;
    opacity: 0.2;
}

/* Highlights Box */
.highlights-box {
    background: linear-gradient(135deg, #e8f0ff 0%, #f0f7ff 100%);
    padding: 50px;
    border-radius: 16px;
    border: 2px solid #4da6e8;
}

.highlights-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 40px;
}

.highlight-item {
    display: flex;
    gap: 16px;
    animation: slideUp 0.8s ease backwards;
}

.highlight-item:nth-child(1) {
    animation-delay: 0s;
}

.highlight-item:nth-child(2) {
    animation-delay: 0.1s;
}

.highlight-item:nth-child(3) {
    animation-delay: 0.2s;
}

.highlight-item:nth-child(4) {
    animation-delay: 0.3s;
}

.highlight-icon {
    min-width: 50px;
    font-size: 24px;
}

.highlight-item h4 {
    font-size: 16px;
    font-weight: 700;
    color: #1e4c9a;
    margin-bottom: 4px;
}

.highlight-item p {
    font-size: 14px;
    color: #666666;
    margin: 0;
}

/* Inspiration Section */
.inspiration-section {
    padding: 0px 20px !important;
    background-color: #f5f5f5;
}

.inspiration-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.inspiration-image {
    animation: slideUp 0.8s ease;
    height: 450px;
    overflow: hidden;
}

.inspiration-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
    box-shadow: 0px 20px 50px rgba(30, 76, 154, 0.15);
    border: 2px solid #e8e8e8;
}

.inspiration-content {
    animation: slideUp 0.8s ease 0.1s backwards;
}

.inspiration-content .name {
    font-size: 18px;
    font-weight: 700;
    color: #1e4c9a;
    margin-bottom: 16px;
}

.inspiration-content .role {
    font-size: 14px;
    color: #666666;
    margin-bottom: 32px;
    font-style: italic;
}

.inspiration-content blockquote {
    font-size: 24px;
    font-weight: 600;
    color: #1e4c9a;
    margin-bottom: 32px;
    padding-left: 24px;
    border-left: 6px solid #1e4c9a;
    line-height: 1.6;
}

.inspiration-content p {
    font-size: 16px;
    color: #666666;
    line-height: 1.8;
}

/* Vision & Mission Section */
.vision-mission-section {
    padding: 100px 20px;
    background-color: #f5f5f5;
    position: relative;
    overflow: hidden;
}

.vision-mission-section::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(30, 76, 154, 0.1) 0%, transparent 70%);
    border-radius: 50%;
    z-index: 0;
}

.vision-mission-section::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 250px;
    height: 250px;
    background: radial-gradient(circle, rgba(212, 116, 79, 0.1) 0%, transparent 70%);
    border-radius: 50%;
    z-index: 0;
}

.section-header {
    text-align: center;
    margin-bottom: 100px;
    position: relative;
    z-index: 1;
}

.section-header h2 {
    font-size: 48px;
    font-weight: 700;
    color: #1e4c9a;
    animation: slideDown 0.8s ease;
    margin-bottom: 20px;
}

.section-header .divider {
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, #1e4c9a, #4da6e8);
    margin: 0 auto;
    border-radius: 2px;
    animation: scaleIn 0.6s ease 0.2s backwards;
}

.vm-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    /* gap: 60px; */
    margin-bottom: 100px;
    position: relative;
    z-index: 1;
}

.vm-card {
    animation: slideUp 0.8s ease backwards;
    position: relative;
    cursor: pointer;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.vm-card:nth-child(1) {
    animation-delay: 0s;
}

.vm-card:nth-child(2) {
    animation-delay: 0.1s;
}

.vm-card:hover {
    transform: translateY(-12px);
}

.vm-card:hover img {
    transform: scale(1.05) translateY(-10px);
}

.vm-image {
    position: relative;
    height: 320px;
    overflow: hidden;
    margin-bottom: -80px;
    box-shadow: 0px 20px 60px rgba(30, 76, 154, 0.12);
    border-radius: 16px;
}

.vm-card:nth-child(2) .vm-image {
    box-shadow: 0px 20px 60px rgba(212, 116, 79, 0.12);
}

.vm-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.vm-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(30, 76, 154, 0.4) 0%, rgba(77, 166, 232, 0.2) 100%);
}

.vm-card:nth-child(2) .vm-image::after {
    background: linear-gradient(135deg, rgba(212, 116, 79, 0.4) 0%, rgba(232, 180, 160, 0.2) 100%);
}

.vm-content {
    background: linear-gradient(135deg, #e8f0ff 0%, #f0f7ff 100%);
    padding: 50px 40px;
    border-radius: 0 0 16px 16px;
    border: 2px solid #4da6e8;
    border-top: 3px solid #1e4c9a;
    position: relative;
    box-shadow: 0px 12px 40px rgba(30, 76, 154, 0.1);
}

.vm-card:nth-child(2) .vm-content {
    background: linear-gradient(135deg, #fff5f0 0%, #fff9f7 100%);
    border: 2px solid #e8b4a0;
    border-top: 3px solid #d4744f;
    box-shadow: 0px 12px 40px rgba(212, 116, 79, 0.1);
}

.vm-header {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.vm-badge {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #1e4c9a, #4da6e8);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-weight: bold;
    font-size: 20px;
    margin-right: 12px;
}

.vm-card:nth-child(2) .vm-badge {
    background: linear-gradient(135deg, #d4744f, #e8b4a0);
}

.vm-content h3 {
    font-size: 32px;
    font-weight: 700;
    color: #1e4c9a;
    margin: 0;
}

.vm-card:nth-child(2) .vm-content h3 {
    color: #d4744f;
}

.vm-content p {
    font-size: 15px;
    color: #333333;
    line-height: 1.8;
    margin-bottom: 0;
}

/* Values and Philosophy */
.values-box {
    background: #ffffff;
    padding: 60px;
    border-radius: 20px;
    border: 2px solid #e8e8e8;
    box-shadow: 0px 16px 50px rgba(30, 76, 154, 0.08);
    animation: slideUp 0.8s ease 0.2s backwards;
    position: relative;
    z-index: 1;
}

.values-box h3 {
    font-size: 32px;
    font-weight: 700;
    color: #1e4c9a;
    text-align: center;
    margin-bottom: 60px;
}

.values-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
}

.values-column h4 {
    font-size: 22px;
    font-weight: 700;
    color: #1e4c9a;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
}

.values-column:nth-child(2) h4 {
    color: #d4744f;
}

.values-icon {
    width: 36px;
    height: 36px;
    background: linear-gradient(135deg, #1e4c9a, #4da6e8);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-weight: bold;
    margin-right: 12px;
}

.values-column:nth-child(2) .values-icon {
    background: linear-gradient(135deg, #d4744f, #e8b4a0);
}

.values-list {
    list-style: none;
}

.values-list li {
    margin-bottom: 18px;
    animation: slideUp 0.6s ease backwards;
    padding: 14px 16px;
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(30, 76, 154, 0.05), rgba(77, 166, 232, 0.05));
    transition: all 0.3s ease;
    cursor: pointer;
}

.values-list li:nth-child(1) {
    animation-delay: 0.3s;
}

.values-list li:nth-child(2) {
    animation-delay: 0.4s;
}

.values-list li:nth-child(3) {
    animation-delay: 0.5s;
}

.values-list li:nth-child(4) {
    animation-delay: 0.6s;
}

.values-column:nth-child(2) .values-list li {
    background: linear-gradient(135deg, rgba(212, 116, 79, 0.05), rgba(232, 180, 160, 0.05));
}

.values-list li:hover {
    background: linear-gradient(135deg, rgba(30, 76, 154, 0.1), rgba(77, 166, 232, 0.1));
    transform: translateX(8px);
    box-shadow: 0 4px 12px rgba(30, 76, 154, 0.1);
}

.values-column:nth-child(2) .values-list li:hover {
    background: linear-gradient(135deg, rgba(212, 116, 79, 0.1), rgba(232, 180, 160, 0.1));
    box-shadow: 0 4px 12px rgba(212, 116, 79, 0.1);
}

.values-check {
    color: #1e4c9a;
    font-weight: bold;
    margin-right: 10px;
}

.values-column:nth-child(2) .values-check {
    color: #d4744f;
}

/* Leadership Section */
.leadership-section {
    padding: 120px 20px;
    background-color: #ffffff;
    position: relative;
    overflow: hidden;
}

.leadership-section::before {
    content: "";
    position: absolute;
    top: -100px;
    right: -100px;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(30, 76, 154, 0.08) 0%, transparent 70%);
    border-radius: 50%;
}

.leadership-section::after {
    content: "";
    position: absolute;
    bottom: -80px;
    left: -80px;
    width: 250px;
    height: 250px;
    background: radial-gradient(circle, rgba(212, 116, 79, 0.08) 0%, transparent 70%);
    border-radius: 50%;
}

.leadership-header {
    text-align: center;
    margin-bottom: 100px;
    position: relative;
    z-index: 1;
}

.leadership-header h2 {
    font-size: 48px;
    font-weight: 700;
    color: #1e4c9a;
    animation: slideDown 0.8s ease;
}

.leadership-header p {
    font-size: 16px;
    color: #666666;
    margin-top: 12px;
    animation: slideUp 0.8s ease 0.1s backwards;
}

.leadership-grid {
    /* display: grid; */
    grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
    /* gap: 50px; */
    position: relative;
    z-index: 1;
}

.leadership-card {
    background: #ffffff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 12px 40px rgba(30, 76, 154, 0.08);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    animation: slideUp 0.8s ease backwards;
    /* border: 2px solid; */
    border-color: #e8f0ff;
}

.leadership-card:nth-child(1) {
    animation-delay: 0s;
    border-color: #e8f0ff;
}

.leadership-card:nth-child(2) {
    animation-delay: 0.1s;
    border-color: #fff5f0;
}

.leadership-card:nth-child(3) {
    animation-delay: 0.2s;
    border-color: #eff9f7;
}

.leadership-card:hover {
    box-shadow: 0px 24px 60px rgba(30, 76, 154, 0.15);
    transform: translateY(-16px);
}

.leadership-image-container {
    position: relative;
    height: 180px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.leadership-card:nth-child(1) .leadership-image-container {
    background: linear-gradient(135deg, #e8f0ff 0%, #ffffff 100%);
}

.leadership-card:nth-child(2) .leadership-image-container {
    background: linear-gradient(135deg, #fff5f0 0%, #ffffff 100%);
}

.leadership-card:nth-child(3) .leadership-image-container {
    background: linear-gradient(135deg, #eff9f7 0%, #ffffff 100%);
}

.leadership-photo {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    overflow: hidden;
    border: 4px solid;
    box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.leadership-card:nth-child(1) .leadership-photo {
    border-color: #1e4c9a;
}

.leadership-card:nth-child(2) .leadership-photo {
    border-color: #d4744f;
}

.leadership-card:nth-child(3) .leadership-photo {
    border-color: #2b8c7f;
}

.leadership-card:hover .leadership-photo {
    transform: scale(1.08);
}

.leadership-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.leadership-info {
    padding: 40px 32px;
}

.leadership-name-section {
    margin-bottom: 20px;
    border-bottom: 2px solid;
    padding-bottom: 20px;
}

.leadership-card:nth-child(1) .leadership-name-section {
    border-color: #e8f0ff;
}

.leadership-card:nth-child(2) .leadership-name-section {
    border-color: #fff5f0;
}

.leadership-card:nth-child(3) .leadership-name-section {
    border-color: #eff9f7;
}

.leadership-name {
    font-size: 20px;
    font-weight: 700;
    color: #333333;
    margin-bottom: 6px;
}

.leadership-role {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.leadership-card:nth-child(1) .leadership-role {
    color: #1e4c9a;
}

.leadership-card:nth-child(2) .leadership-role {
    color: #d4744f;
}

.leadership-card:nth-child(3) .leadership-role {
    color: #2b8c7f;
}

.leadership-message {
    font-size: 15px;
    color: #666666;
    line-height: 1.8;
    font-style: italic;
    margin-bottom: 20px;
}

.leadership-accent {
    height: 3px;
    border-radius: 2px;
}

.leadership-card:nth-child(1) .leadership-accent {
    background: linear-gradient(90deg, #1e4c9a, #e8f0ff);
}

.leadership-card:nth-child(2) .leadership-accent {
    background: linear-gradient(90deg, #d4744f, #fff5f0);
}

.leadership-card:nth-child(3) .leadership-accent {
    background: linear-gradient(90deg, #2b8c7f, #eff9f7);
}

/* Statistics Section */
.stats-section {
    padding: 120px 20px;
    background: linear-gradient(135deg, #e8f0ff 0%, #f0f7ff 100%);
    position: relative;
    overflow: hidden;
}

.stats-section::before {
    content: "";
    position: absolute;
    top: -50%;
    right: -10%;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background: rgba(30, 76, 154, 0.05);
}

.stats-section::after {
    content: "";
    position: absolute;
    bottom: -30%;
    left: -5%;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: rgba(77, 166, 232, 0.05);
}

.stats-header {
    text-align: center;
    margin-bottom: 100px;
    position: relative;
    z-index: 1;
}

.stats-header h2 {
    font-size: 48px;
    font-weight: 700;
    color: #1e4c9a;
    animation: slideDown 0.8s ease;
}

.stats-header p {
    font-size: 16px;
    color: #666666;
    margin-top: 12px;
    animation: slideUp 0.8s ease 0.1s backwards;
}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 32px;
    position: relative;
    z-index: 1;
}

.stat-card {
    background: rgba(255, 255, 255, 0.8);
    border: 2px solid;
    border-radius: 12px;
    padding: 32px 24px;
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
    animation: slideUp 0.8s ease backwards;
    text-align: center;
    box-shadow: 0 8px 20px rgba(30, 76, 154, 0.08);
    cursor: pointer;
}

.stat-card:nth-child(1) {
    animation-delay: 0s;
    border-color: #1e4c9a;
}

.stat-card:nth-child(2) {
    animation-delay: 0.1s;
    border-color: #d4744f;
}

.stat-card:nth-child(3) {
    animation-delay: 0.2s;
    border-color: #2b8c7f;
}

.stat-card:nth-child(4) {
    animation-delay: 0.3s;
    border-color: #a0704d;
}

.stat-card:hover {
    background: #ffffff;
    transform: translateY(-8px);
    box-shadow: 0 12px 40px rgba(30, 76, 154, 0.15);
}

.stat-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
}

.stat-card:nth-child(1)::before {
    background: #1e4c9a;
}

.stat-card:nth-child(2)::before {
    background: #d4744f;
}

.stat-card:nth-child(3)::before {
    background: #2b8c7f;
}

.stat-card:nth-child(4)::before {
    background: #a0704d;
}

.stat-number {
    font-size: 48px;
    font-weight: 900;
    margin-bottom: 8px;
    transition: all 0.4s ease;
    animation: slideUp 0.8s ease backwards;
}

.stat-card:nth-child(1) .stat-number {
    color: #1e4c9a;
    animation-delay: 0.1s;
}

.stat-card:nth-child(2) .stat-number {
    color: #d4744f;
    animation-delay: 0.2s;
}

.stat-card:nth-child(3) .stat-number {
    color: #2b8c7f;
    animation-delay: 0.3s;
}

.stat-card:nth-child(4) .stat-number {
    color: #a0704d;
    animation-delay: 0.4s;
}

.stat-label {
    font-size: 13px;
    color: #666666;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin-bottom: 0;
    animation: slideUp 0.8s ease backwards;
}

.stat-card:nth-child(1) .stat-label {
    animation-delay: 0.2s;
}

.stat-card:nth-child(2) .stat-label {
    animation-delay: 0.3s;
}

.stat-card:nth-child(3) .stat-label {
    animation-delay: 0.4s;
}

.stat-card:nth-child(4) .stat-label {
    animation-delay: 0.5s;
}

/* Responsive */
@media (max-width: 768px) {
    .about-grid,
    .inspiration-grid,
    .vm-grid,
    .values-grid,
    .leadership-grid {
        grid-template-columns: 1fr;
    }

    .hero h1 {
        font-size: 40px;
    }

    .section-header h2 {
        font-size: 32px;
    }

    .stats-grid {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    }

    .stat-number {
        font-size: 36px;
    }
}

.pagebanner .breadcrumb {
    animation: slideUp 0.8s ease 0.2s backwards;
    justify-content: center;
    margin-top: 10px;
}

.pagebanner .breadcrumb ul {
    display: flex;
    justify-content: center;
    gap: 10px;
    list-style: none;
    flex-wrap: wrap;
}

.pagebanner .breadcrumb a {
    color: white;
    text-decoration: none;
    font-size: 14px;
    transition: opacity 0.3s ease;
}

.pagebanner .breadcrumb a:hover {
    opacity: 0.8;
}

.pagebanner .breadcrumb svg {
    stroke: white;
    margin: 0 5px;
}

/* Section Spacing */
.pt-60 {
    padding-top: 60px;
}

.pb-60 {
    padding-bottom: 60px;
}

.section-title {
    margin-bottom: 60px;
    animation: slideUp 0.8s ease;
}

.section-title h2 {
    font-size: 44px;
    font-weight: 700;
    color: var(--primary);
    margin: 15px 0 0;
}

/* Gallery Section */
.gallery-section {
    padding: 50px 30px;
    background-color: var(--white);
}

.gallery-grid {
    /* display: grid; */
    grid-template-columns: repeat(3, 1fr);
    /* gap: 30px; */
    animation: slideUp 0.8s ease;
}

.gallery-item {
    position: relative;
    height: 300px;
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 0px 12px 40px rgba(30, 76, 154, 0.1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    animation: scaleIn 0.8s ease backwards;
}

.gallery-item:nth-child(1) {
    animation-delay: 0s;
}
.gallery-item:nth-child(2) {
    animation-delay: 0.1s;
}
.gallery-item:nth-child(3) {
    animation-delay: 0.2s;
}
.gallery-item:nth-child(4) {
    animation-delay: 0.3s;
}
.gallery-item:nth-child(5) {
    animation-delay: 0.4s;
}
.gallery-item:nth-child(6) {
    animation-delay: 0.5s;
}

.gallery-item:hover {
    transform: translateY(-12px);
    box-shadow: 0px 24px 60px rgba(30, 76, 154, 0.2);
}

.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.gallery-item:hover img {
    transform: scale(1.08);
}

.gallery-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(30, 76, 154, 0) 0%, rgba(30, 76, 154, 0.4) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.gallery-item:hover .gallery-overlay {
    opacity: 1;
}

/* Placements Table Section */
.placements-table-section {
    padding: 60px 30px;
    background-color: var(--light-gray);
}

.table-responsive {
    animation: slideUp 0.8s ease;
}

.placements-table {
    border-collapse: collapse;
    width: 100%;
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0px 12px 40px rgba(30, 76, 154, 0.1);
}

.placements-table thead {
    background: linear-gradient(135deg, #1e4c9a, #4da6e8);
    color: white;
}

.placements-table th {
    padding: 20px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.5px;
    border: none;
    color: white;
}

.placements-table td {
    padding: 18px 20px;
    border-bottom: 1px solid #e8e8e8;
    font-size: 14px;
    color: var(--medium-gray);
}

.placements-table tbody tr {
    transition: all 0.3s ease;
}

.placements-table tbody tr:hover {
    background-color: #f9f9f9;
    transform: translateX(8px);
}

.placements-table tbody tr:last-child td {
    border-bottom: none;
}

.spec-name {
    font-weight: 700;
    color: var(--primary);
}

.company-logo {
    max-width: 120px;
    height: auto;
}

.package {
    font-weight: 700;
    color: var(--accent-teal);
    font-size: 15px;
}

/* Responsive */
@media (max-width: 768px) {
    .inner-page-hero h4 {
        font-size: 32px;
    }

    .section-title h2 {
        font-size: 28px;
    }

    .nav-horizontal nav ul {
        flex-direction: column;
        gap: 15px;
    }

    .gallery-grid {
        grid-template-columns: 1fr;
    }

    .inner-page-hero h4 {
        font-size: 32px;
    }

    .section-title h2 {
        font-size: 28px;
    }
}

/* team page */
.leader-img {
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}
.leader-img img {
    transition: 0.6s;
}
.leader-img:hover img {
    transform: scale(1.05);
}

.highlight-bar {
    position: absolute;
    bottom: -7px;
    height: 4px;
    width: 55%;
    background: #d4af37;
}

.icon-circle {
    width: 50px;
    height: 50px;
    background: #d4af37;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.director-card {
    border-radius: 14px;
    overflow: hidden;
    transition: 0.3s;
}
.director-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);
}
.director-img {
    height: 280px;
    overflow: hidden;
}
.director-img img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    transition: 0.5s;
}
.director-card:hover img {
    transform: scale(1.1);
}

/* Accordion Styles */
.devaccordian {
    padding: 80px 0;
    position: relative;
}

.devaccordian .accordion-container {
    max-width: 900px;
    margin: 0 auto;
}

.devaccordian .accordion-item {
    margin-bottom: 20px;
    border-radius: 12px;
    overflow: hidden;
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(212, 175, 55, 0.3);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    animation: fadeInUp 0.6s ease-out backwards;
}

.devaccordian .accordion-item:nth-child(1) {
    animation-delay: 0.1s;
}
.devaccordian .accordion-item:nth-child(2) {
    animation-delay: 0.2s;
}
.devaccordian .accordion-item:nth-child(3) {
    animation-delay: 0.3s;
}
.devaccordian .accordion-item:nth-child(4) {
    animation-delay: 0.4s;
}
.devaccordian .accordion-item:nth-child(5) {
    animation-delay: 0.5s;
}
.devaccordian .accordion-item:nth-child(6) {
    animation-delay: 0.6s;
}

.devaccordian .accordion-item:hover {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(212, 175, 55, 0.6);
    box-shadow: 0 20px 60px rgba(30, 76, 154, 0.15);
    transform: translateY(-4px);
}

.devaccordian .accordion-header {
    padding: 28px 32px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    user-select: none;
    transition: all 0.3s ease;
}

.devaccordian .accordion-header:hover {
    background: rgba(212, 175, 55, 0.05);
}

.devaccordian .accordion-title {
    font-family: "Playfair Display", serif;
    font-size: 20px;
    font-weight: 700;
    color: #1e4c9a;
    letter-spacing: -0.3px;
}

.devaccordian .accordion-icon {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #d4af37, #6b5b95);
    border-radius: 50%;
    color: var(--white);
    font-size: 18px;
    font-weight: bold;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    flex-shrink: 0;
    margin-left: 16px;
}

.devaccordian .accordion-item.active .accordion-icon {
    transform: rotate(180deg);
}

.devaccordian .accordion-content {
    padding: 0 32px 0 32px;
    max-height: 0;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    background: rgba(30, 76, 154, 0.02);
}

.devaccordian .accordion-item.active .accordion-content {
    padding: 0 32px 28px 32px;
    max-height: 1000px;
}

.devaccordian .accordion-text {
    color: var(--text-dark);
    font-size: 16px;
    line-height: 1.8;
    font-weight: 500;
}

.devaccordian .accordion-text p {
    margin-bottom: 14px;
}

.accordion-text p:last-child {
    margin-bottom: 0;
}

.accordion-icon-label {
    display: inline-block;
    background: linear-gradient(135deg, #d4af37, #6b5b95);
    color: var(--white);
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 12px;
    letter-spacing: 0.5px;
}

/* Highlight accent */
.accent-line {
    width: 4px;
    height: 100%;
    background: linear-gradient(135deg, #d4af37, #6b5b95);
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 12px 0 0 12px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.devaccordian .accordion-item:hover .accent-line,
.devaccordian .accordion-item.active .accent-line {
    opacity: 1;
}

/* Decorative Elements */
.decorative-element {
    position: absolute;
    opacity: 0.05;
    pointer-events: none;
}

.element-1 {
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, #d4af37, transparent);
    border-radius: 50%;
    top: -150px;
    right: -150px;
}

.element-2 {
    width: 250px;
    height: 250px;
    background: radial-gradient(circle, #6b5b95, transparent);
    border-radius: 50%;
    bottom: -125px;
    left: -125px;
}

/* courses */
/* Section Title */
.section-title {
    text-align: center;
    margin-bottom: 60px;
}

.section-title h2 {
    font-family: "Playfair Display", serif;
    font-size: 42px;
    font-weight: 800;
    color: var(--primary-blue);
    margin-bottom: 12px;
    letter-spacing: -0.5px;
}

.section-title p {
    font-size: 16px;
    color: var(--text-light);
    max-width: 500px;
    margin: 0 auto;
}

/* Sections */
.section-spacing {
    padding: 0px 0;
    /* padding: 80px 0; */
}

/* Course Details */
.course-details {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.course-image {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(30, 76, 154, 0.15);
}

.course-image img {
    width: 100%;
    height: auto;
    display: block;
}

.course-info h3 {
    font-family: "Playfair Display", serif;
    font-size: 38px;
    font-weight: 800;
    color: var(--primary-blue);
    margin-bottom: 24px;
    line-height: 1.2;
}

.info-list {
    list-style: none;
    margin-bottom: 32px;
}

.info-list li {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 0;
    font-size: 15px;
    color: var(--text-dark);
    font-weight: 500;
}

.info-list li::before {
    content: "✓";
    color: #d4af37;
    font-size: 18px;
    font-weight: bold;
}

.apply-btn {
    display: inline-block;
    padding: 14px 48px;
    background: linear-gradient(135deg, #d4af37, #6b5b95);
    color: var(--white);
    text-decoration: none;
    border-radius: 8px;
    font-weight: 700;
    transition: all 0.3s ease;
    box-shadow: 0 10px 30px rgba(212, 175, 55, 0.3);
}

.apply-btn:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 50px rgba(212, 175, 55, 0.4);
}

/* Fee & Facilities Grid */
.structure-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.structure-card {
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(212, 175, 55, 0.3);
    border-radius: 12px;
    padding: 40px;
    transition: all 0.3s ease;
}

.structure-card:hover {
    background: rgba(255, 255, 255, 0.95);
    border-color: rgba(212, 175, 55, 0.6);
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(30, 76, 154, 0.15);
}

.structure-title {
    font-family: "Playfair Display", serif;
    font-size: 24px;
    font-weight: 700;
    color: var(--primary-blue);
    margin-bottom: 28px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.structure-box {
    background: rgba(30, 76, 154, 0.05);
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
    border-left: 4px solid var(--premium-gold);
}

.structure-box h5 {
    color: var(--primary-blue);
    font-weight: 700;
    margin-bottom: 16px;
    font-size: 16px;
}

.structure-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid rgba(212, 175, 55, 0.2);
    font-size: 14px;
}

.structure-item:last-child {
    border-bottom: none;
}

.structure-label {
    color: var(--text-dark);
    font-weight: 600;
    flex: 1;
}

.structure-value {
    color: var(--premium-gold);
    font-weight: 700;
    font-size: 15px;
}

.facility-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid rgba(212, 175, 55, 0.2);
    font-size: 14px;
}

.facility-item:last-child {
    border-bottom: none;
}

.facility-item::before {
    content: "✓";
    color: var(--premium-gold);
    font-weight: bold;
    flex-shrink: 0;
    font-size: 16px;
}

/* About Section */
.about-section {
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(212, 175, 55, 0.3);
    border-radius: 12px;
    padding: 48px;
    animation: fadeInUp 0.6s ease-out;
}

.about-section h3 {
    font-family: "Playfair Display", serif;
    font-size: 32px;
    font-weight: 800;
    color: black !important;
    margin-bottom: 24px;
}

.about-section p {
    font-size: 15px;
    color: black !important;
    margin-bottom: 16px;
    line-height: 1.8;
}
.about-section li {
    background: linear-gradient(135deg, rgba(30, 76, 154, 0.1), rgba(212, 175, 55, 0.1));
    padding: 16px;
    border-radius: 8px;
    text-align: center;
    border: 1px solid rgba(212, 175, 55, 0.3);
    font-weight: 700;
    color: #1e4c9a;
}
.about-values {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin: 32px 0;
}

.value-badge {
    background: linear-gradient(135deg, rgba(30, 76, 154, 0.1), rgba(212, 175, 55, 0.1));
    padding: 16px;
    border-radius: 8px;
    text-align: center;
    border: 1px solid rgba(212, 175, 55, 0.3);
    font-weight: 700;
    color: var(--primary-blue);
}

.about-image {
    margin-top: 32px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(30, 76, 154, 0.15);
}

.about-image img {
    width: 100%;
    height: auto;
}

/* FAQ/Accordion */
.accordion-section {
    margin-top: 50px;
}

.accordion-item {
    margin-bottom: 16px;
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(212, 175, 55, 0.3);
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.3s ease;
    animation: fadeInUp 0.6s ease-out backwards;
}

.accordion-item:nth-child(1) {
    animation-delay: 0.1s;
}
.accordion-item:nth-child(2) {
    animation-delay: 0.2s;
}
.accordion-item:nth-child(3) {
    animation-delay: 0.3s;
}

.accordion-item:hover {
    background: rgba(255, 255, 255, 0.95);
    border-color: rgba(212, 175, 55, 0.6);
    box-shadow: 0 10px 40px rgba(30, 76, 154, 0.1);
}

.accordion-header {
    padding: 24px 32px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    user-select: none;
}

.accordion-title {
    font-weight: 700;
    color: var(--primary-blue);
    font-size: 16px;
}

.accordion-icon {
    color: var(--premium-gold);
    font-size: 20px;
    transition: transform 0.3s ease;
}

.accordion-item.active .accordion-icon {
    transform: rotate(180deg);
}

.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    background: rgba(30, 76, 154, 0.02);
}

.accordion-item.active .accordion-content {
    max-height: 500px;
    padding: 0 32px 24px;
}

.accordion-text {
    font-size: 15px;
    color: var(--text-dark);
    line-height: 1.8;
}

/* Certifications */
.certifications-grid {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 40px;
    align-items: flex-start;
    margin-top: 50px;
}

.cert-image {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(30, 76, 154, 0.15);
}

.cert-image img {
    width: 100%;
    height: auto;
}

.cert-boxes {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.cert-box {
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(212, 175, 55, 0.3);
    border-radius: 12px;
    padding: 28px;
    transition: all 0.3s ease;
}

.cert-box:hover {
    background: rgba(255, 255, 255, 0.95);
    border-color: rgba(212, 175, 55, 0.6);
    transform: translateY(-4px);
    box-shadow: 0 15px 50px rgba(30, 76, 154, 0.1);
}

.cert-header {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 16px;
}

.cert-icon {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, #d4af37, #6b5b95);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 24px;
    flex-shrink: 0;
}

.cert-title {
    font-family: "Playfair Display", serif;
    font-size: 18px;
    font-weight: 700;
    color: #1e4c9a;
}

.cert-description {
    font-size: 14px;
    color: var(--text-dark);
    line-height: 1.8;
}

/* Activities Grid */
.activities-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    /* gap: 28px; */
    margin-top: 50px;
}

.activity-card {
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(212, 175, 55, 0.3);
    border-radius: 12px;
    padding: 32px;
    text-align: center;
    transition: all 0.3s ease;
    animation: fadeInUp 0.6s ease-out backwards;
}

.activity-card:nth-child(1) {
    animation-delay: 0.1s;
}
.activity-card:nth-child(2) {
    animation-delay: 0.2s;
}
.activity-card:nth-child(3) {
    animation-delay: 0.3s;
}

.activity-card:hover {
    background: rgba(255, 255, 255, 0.95);
    border-color: rgba(212, 175, 55, 0.6);
    transform: translateY(-10px);
    box-shadow: 0 20px 60px rgba(30, 76, 154, 0.15);
}

.activity-icon {
    font-size: 48px;
    margin-bottom: 16px;
}

.activity-card h3 {
    font-family: "Playfair Display", serif;
    font-size: 18px;
    font-weight: 700;
    color: var(--primary-blue);
    margin-bottom: 12px;
}

.activity-card p {
    font-size: 14px;
    color: var(--text-light);
    line-height: 1.6;
}

/* Skill Programs */
.skill-programs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    margin-top: 50px;
}

.skill-program {
    backdrop-filter: blur(10px);
    border-radius: 12px;
    padding: 40px;
    transition: all 0.3s ease;
    animation: fadeInUp 0.6s ease-out;
}

.skill-program:nth-child(1) {
    background: linear-gradient(135deg, rgba(30, 76, 154, 0.08), rgba(212, 175, 55, 0.05));
    border: 1px solid rgba(30, 76, 154, 0.3);
}

.skill-program:nth-child(2) {
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.08), rgba(107, 91, 149, 0.05));
    border: 1px solid rgba(212, 175, 55, 0.3);
}

.skill-program:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(30, 76, 154, 0.15);
}

.program-header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 28px;
}

.program-icon {
    width: 56px;
    height: 56px;
    background: linear-gradient(135deg, var(--primary-blue), var(--premium-purple));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: 28px;
    flex-shrink: 0;
}

.program-header h3 {
    font-family: "Playfair Display", serif;
    font-size: 20px;
    font-weight: 700;
    color: var(--primary-blue);
    margin: 0;
}

.program-list {
    list-style: none;
}

.program-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 10px 0;
    font-size: 14px;
    color: var(--text-dark);
}

.program-list li::before {
    content: "→";
    color: var(--premium-gold);
    font-weight: bold;
    flex-shrink: 0;
    margin-top: 2px;
}

@media (max-width: 768px) {
    .course-details,
    .structure-grid,
    .certifications-grid,
    .skill-programs-grid {
        grid-template-columns: 1fr;
    }

    .about-values {
        grid-template-columns: 1fr;
    }

    .hero-content h1 {
        font-size: 36px;
    }

    .section-title h2 {
        font-size: 32px;
    }

    .section-spacing {
        padding: 60px 0;
    }
}

@media (max-width: 480px) {
    .hero-content h1 {
        font-size: 28px;
    }

    .section-title h2 {
        font-size: 24px;
    }

    .course-info h3 {
        font-size: 24px;
    }

    .activities-grid {
        grid-template-columns: 1fr;
    }
}

/* new  */
/* Clubs Row Layout */
.clubs-container {
    display: flex;
    flex-direction: column;
    gap: 80px;
    margin-top: 60px;
}

.club-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    animation: fadeInUp 0.8s ease-out backwards;
}

.club-row:nth-child(1) {
    animation-delay: 0.1s;
}
.club-row:nth-child(2) {
    animation-delay: 0.2s;
}
.club-row:nth-child(3) {
    animation-delay: 0.3s;
}
.club-row:nth-child(4) {
    animation-delay: 0.4s;
}
.club-row:nth-child(5) {
    animation-delay: 0.5s;
}
.club-row:nth-child(6) {
    animation-delay: 0.6s;
}
.club-row:nth-child(7) {
    animation-delay: 0.7s;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.club-row:nth-child(even) {
    direction: rtl;
}

.club-row:nth-child(even) > * {
    direction: ltr;
}

.club-image-wrapper {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(30, 76, 154, 0.15);
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    height: 350px;
}

.club-image-wrapper:hover {
    transform: translateY(-12px);
    box-shadow: 0 40px 100px rgba(30, 76, 154, 0.25);
}

.club-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.club-image-wrapper:hover img {
    transform: scale(1.08);
}

.club-image-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(30, 76, 154, 0.7), rgba(212, 175, 55, 0.3));
    opacity: 0;
    transition: opacity 0.3s ease;
}

.club-image-wrapper:hover .club-image-overlay {
    opacity: 1;
}

.club-info {
    padding: 40px;
}

.club-info h3 {
    font-family: "Playfair Display", serif;
    font-size: 32px;
    font-weight: 800;
    color: var(--primary-blue);
    margin-bottom: 12px;
    letter-spacing: -0.5px;
}

.club-icon-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    font-size: 28px;
}

.club-quote {
    font-size: 14px;
    color: var(--premium-gold);
    font-weight: 700;
    font-style: italic;
    margin-bottom: 18px;
    padding-bottom: 16px;
    border-bottom: 2px solid rgba(212, 175, 55, 0.3);
    line-height: 1.6;
}

.club-description {
    font-size: 15px;
    color: var(--text-dark);
    line-height: 1.9;
    margin-bottom: 24px;
}
.club-tag {
    display: inline-block;
    padding: 10px 18px;
    background: linear-gradient(135deg, rgba(30, 76, 154, 0.1), rgba(212, 175, 55, 0.1));
    border: 1px solid rgba(212, 175, 55, 0.4);
    border-radius: 24px;
    font-size: 12px;
    color: #1e4c9a;
    font-weight: 700;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
}

.club-row:hover .club-tag {
    background: linear-gradient(135deg, #d4af37, #6b5b95);
    color: white;
    border-color: transparent;
    transform: translateX(8px);
}

.buttonlistwrap {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

/* admission process develoerp */
.section-title {
    text-align: center;
}
/* :root {
            --primary: #1E4C9A;
            --light-gray: #f5f5f5;
            --dark-gray: #333333;
            --medium-gray: #666666;
            --accent-peach: #D4744F;
            --accent-teal: #2B8C7F;
            --white: #ffffff;
            --premium-gold: #D4AF37;
            --premium-purple: #6B5B95;
            --premium-dark: #2C1B47;
        } */
/* 
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            font-family: 'Trade Gothic LT Std', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
            color: var(--dark-gray);
            line-height: 1.6;
            overflow-x: hidden;
        } */

/* Keyframe Animations */
@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes scaleIn {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes rotateIn {
    from {
        opacity: 0;
        transform: rotate(-10deg);
    }
    to {
        opacity: 1;
        transform: rotate(0deg);
    }
}

@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes pulse {
    0%,
    100% {
        box-shadow: 0px 12px 32px rgba(107, 91, 149, 0.4);
    }
    50% {
        box-shadow: 0px 12px 48px rgba(107, 91, 149, 0.6);
    }
}

@keyframes shimmer {
    0% {
        background-position: -1000px 0;
    }
    100% {
        background-position: 1000px 0;
    }
}

@keyframes float {
    0%,
    100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-10px);
    }
}

/* Scroll Animation Utility */
.fade-in {
    opacity: 0;
    animation: fadeIn 0.8s ease forwards;
}

.fade-in.visible {
    animation: fadeIn 0.8s ease forwards;
}

.slide-up {
    opacity: 0;
    animation: slideUp 0.8s ease forwards;
}

.slide-down {
    opacity: 0;
    animation: slideDown 0.8s ease forwards;
}

.slide-left {
    opacity: 0;
    animation: slideInLeft 0.8s ease forwards;
}

.slide-right {
    opacity: 0;
    animation: slideInRight 0.8s ease forwards;
}

.scale-in {
    opacity: 0;
    animation: scaleIn 0.8s ease forwards;
}

/* Tabs Section */
.devadmissionprocess {
    background: linear-gradient(180deg, #f5f8ff 0%, #ebf1ff 100%);
    position: relative;
    overflow: hidden;
    padding-top: 30px;
    padding-bottom: 30px;
}

.devadmissionprocess::before {
    content: "";
    position: absolute;
    top: -50%;
    right: -10%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(212, 175, 55, 0.1) 0%, transparent 70%);
    border-radius: 50%;
    z-index: 0;
    animation: float 6s ease-in-out infinite;
}

.devadmissionprocess::after {
    content: "";
    position: absolute;
    bottom: -50%;
    left: -10%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(107, 91, 149, 0.08) 0%, transparent 70%);
    border-radius: 50%;
    z-index: 0;
    animation: float 8s ease-in-out infinite;
    animation-delay: 1s;
}

.devadmissionprocess .process-title {
    font-size: 42px;
    font-weight: 900;
    background: linear-gradient(135deg, #2c1b47, #6b5b95);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 30px;
    text-align: center;
    position: relative;
    z-index: 1;
    letter-spacing: 1px;
    animation: slideUp 0.8s ease;
}

.devadmissionprocess .tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 30px;
    animation: slideUp 0.8s ease 0.1s both;
    justify-content: center;
    padding: 20px;
    background: white;
    border-radius: 20px;
    box-shadow: 0px 12px 40px rgba(107, 91, 149, 0.15);
    border: 2px solid rgba(212, 175, 55, 0.1);
    position: relative;
    z-index: 1;
}

.devadmissionprocess .tab-btn {
    padding: 14px 28px;
    background: linear-gradient(135deg, #f0e6d2 0%, #fffbf0 100%);
    border: 2px solid #d4af37;
    border-radius: 14px;
    color: #2c1b47;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    text-transform: uppercase;
    letter-spacing: 0.8px;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 4px 12px rgba(212, 175, 55, 0.2);
    animation: slideUp 0.6s ease backwards;
}

.devadmissionprocess .tab-btn:nth-child(1) {
    animation-delay: 0.1s;
}
.devadmissionprocess .tab-btn:nth-child(2) {
    animation-delay: 0.15s;
}
.devadmissionprocess .tab-btn:nth-child(3) {
    animation-delay: 0.2s;
}
.devadmissionprocess .tab-btn:nth-child(4) {
    animation-delay: 0.25s;
}
.devadmissionprocess .tab-btn:nth-child(5) {
    animation-delay: 0.3s;
}

.devadmissionprocess .step-item:nth-child(5) .step-content {
    animation-delay: 0.6s;
}
.devadmissionprocess .step-item:nth-child(6) .step-content {
    animation-delay: 0.7s;
}
.devadmissionprocess .step-item:nth-child(7) .step-content {
    animation-delay: 0.8s;
}

.devadmissionprocess .tab-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #6b5b95, #2c1b47);
    transition: left 0.4s ease;
    z-index: -1;
}

.devadmissionprocess .tab-btn:hover {
    border-color: #2c1b47;
    color: #d4af37;
    transform: translateY(-2px);
    box-shadow: 0px 8px 20px rgba(212, 175, 55, 0.3);
}

.devadmissionprocess .tab-btn:hover::before {
    left: 0;
}

.devadmissionprocess .tab-btn.active {
    background: linear-gradient(135deg, #2c1b47, #6b5b95);
    color: #fff !important;
    border-color: #d4af37 !important;
    box-shadow: 0px 12px 32px rgba(107, 91, 149, 0.4);
    animation: pulse 2s ease-in-out infinite;
}

.devadmissionprocess .tab-btn.active::before {
    left: 0;
}

.devadmissionprocess .tab-content {
    display: none;
    animation: slideUp 0.6s ease;
    position: relative;
    z-index: 1;
}

.devadmissionprocess .tab-content.active {
    display: block;
    animation: slideUp 0.6s ease;
}

.devadmissionprocess .tab-content .content {
    background: linear-gradient(135deg, rgba(245, 248, 255, 0.9) 0%, rgba(235, 241, 255, 0.9) 100%);
    padding: 60px 50px;
    border-radius: 24px;
    border: 3px solid #d4af37;
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(10px);
    box-shadow: 0px 16px 48px rgba(107, 91, 149, 0.12);
    animation: scaleIn 0.6s ease;
}

.devadmissionprocess .tab-content .content::before {
    content: "";
    position: absolute;
    top: -50%;
    right: -50%;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(212, 175, 55, 0.15) 0%, transparent 70%);
    border-radius: 50%;
    z-index: 0;
    animation: float 8s ease-in-out infinite;
}

.devadmissionprocess .tab-content h4 {
    font-size: 36px;
    font-weight: 900;
    background: linear-gradient(135deg, #2c1b47, #6b5b95);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 25px;
    position: relative;
    z-index: 1;
}

.devadmissionprocess .tab-content p {
    font-size: 15px;
    color: var(--dark-gray);
    line-height: 1.9;
    position: relative;
    z-index: 1;
    font-weight: 500;
}

/* Modern Steps Section */
.modern-steps-section {
    background-color: #f8fafc;
    position: relative;
    padding: 96px 20px;
}

.steps-container {
    max-width: 1200px;
    margin: 0 auto;
}

.section-header {
    text-align: center;
    margin-bottom: 80px;
    animation: slideUp 0.8s ease;
}

.section-header-tag {
    color: var(--primary);
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    margin-bottom: 8px;
    font-size: 14px;
    display: block;
    animation: fadeIn 0.8s ease;
}

.section-header h2 {
    font-size: 48px;
    font-weight: 900;
    color: #1e293b;
    margin-bottom: 16px;
    animation: slideUp 0.8s ease 0.1s both;
}

.section-divider {
    width: 96px;
    height: 6px;
    background: var(--premium-gold);
    margin: 0 auto;
    border-radius: 9999px;
    animation: scaleIn 0.8s ease 0.2s both;
}

.timeline-container {
    position: relative;
    max-width: 60rem;
    margin: 0 auto;
}

.timeline-line {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 2px;
    background-color: #e2e8f0;
    transform: translateX(-50%);
    display: none;
    animation: slideDown 1s ease;
}

@media (min-width: 768px) {
    .timeline-line {
        display: block;
    }
}

.step-item {
    display: flex;
    flex-direction: column;
    margin-bottom: 64px;
    position: relative;
}

@media (min-width: 768px) {
    .step-item {
        flex-direction: row;
        align-items: center;
        margin-bottom: 96px;
    }

    /* Odd items - Left side */
    .step-item:nth-child(odd) {
        flex-direction: row;
    }

    /* Even items - Right side (reversed) */
    .step-item:nth-child(even) {
        flex-direction: row-reverse;
    }
}

.step-content {
    width: 100%;
    padding: 32px;
    background: white;
    border-radius: 16px;
    box-shadow:
        0 20px 25px -5px rgba(0, 0, 0, 0.1),
        0 10px 10px -5px rgba(0, 0, 0, 0.04);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    border-left: 4px solid #0ea5e9;
    animation: slideLeft 0.8s ease backwards;
    overflow: hidden;
}

/* Odd items slide from left */
.step-item:nth-child(odd) .step-content {
    animation: slideLeft 0.8s ease backwards;
}

/* Even items slide from right */
.step-item:nth-child(even) .step-content {
    animation: slideRight 0.8s ease backwards;
}

.step-item:nth-child(1) .step-content {
    animation-delay: 0.2s;
}
.step-item:nth-child(2) .step-content {
    animation-delay: 0.3s;
}
.step-item:nth-child(3) .step-content {
    animation-delay: 0.4s;
}
.step-item:nth-child(4) .step-content {
    animation-delay: 0.5s;
}

.step-item:nth-child(1) .step-content {
    border-left-color: #0ea5e9;
}

.step-item:nth-child(2) .step-content {
    border-left-color: #14b8a6;
}

.step-item:nth-child(3) .step-content {
    border-left-color: #eab308;
}

.step-item:nth-child(4) .step-content {
    border-left-color: #f97316;
}

.step-item:nth-child(5) .step-content {
    border-left-color: #8b5cf6;
}

.step-item:nth-child(6) .step-content {
    border-left-color: #06b6d4;
}

.step-item:nth-child(7) .step-content {
    border-left-color: #10b981;
}

@media (min-width: 768px) {
    .step-content {
        width: calc(50% - 40px);
    }

    /* Odd items content align left side */
    .step-item:nth-child(odd) .step-content {
        margin-right: 0;
        margin-left: 0;
    }

    /* Even items content align right side */
    .step-item:nth-child(even) .step-content {
        margin-left: 0;
        margin-right: 0;
    }
}

.step-content::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 0;
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.1) 0%, rgba(20, 184, 166, 0.05) 100%);
    transition: height 0.4s ease;
    z-index: 0;
}

.step-item:nth-child(2) .step-content::before {
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.1) 0%, rgba(234, 179, 8, 0.05) 100%);
}

.step-item:nth-child(3) .step-content::before {
    background: linear-gradient(135deg, rgba(234, 179, 8, 0.1) 0%, rgba(249, 115, 22, 0.05) 100%);
}

.step-item:nth-child(4) .step-content::before {
    background: linear-gradient(135deg, rgba(249, 115, 22, 0.1) 0%, rgba(239, 68, 68, 0.05) 100%);
}

.step-item:nth-child(5) .step-content::before {
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.1) 0%, rgba(124, 58, 237, 0.05) 100%);
}

.step-item:nth-child(6) .step-content::before {
    background: linear-gradient(135deg, rgba(6, 182, 212, 0.1) 0%, rgba(8, 145, 178, 0.05) 100%);
}

.step-item:nth-child(7) .step-content::before {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.1) 0%, rgba(5, 150, 105, 0.05) 100%);
}

.step-content:hover::before {
    height: 100%;
}

.step-content:hover {
    transform: translateY(-5px);
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.step-content h3 {
    font-size: 20px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 12px;
    transition: color 0.3s ease;
    position: relative;
    z-index: 1;
}

.step-content:hover h3 {
    color: var(--primary);
}

.step-content p {
    font-size: 14px;
    color: #64748b;
    line-height: 1.6;
    position: relative;
    z-index: 1;
}

.step-icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 24px 0;
    position: relative;
    z-index: 10;
    animation: scaleIn 0.8s ease backwards;
}

.step-item:nth-child(1) .step-icon-wrapper {
    animation-delay: 0.3s;
}
.step-item:nth-child(2) .step-icon-wrapper {
    animation-delay: 0.35s;
}
.step-item:nth-child(3) .step-icon-wrapper {
    animation-delay: 0.45s;
}
.step-item:nth-child(4) .step-icon-wrapper {
    animation-delay: 0.55s;
}
.step-item:nth-child(5) .step-icon-wrapper {
    animation-delay: 0.65s;
}
.step-item:nth-child(6) .step-icon-wrapper {
    animation-delay: 0.75s;
}
.step-item:nth-child(7) .step-icon-wrapper {
    animation-delay: 0.85s;
}

@media (min-width: 768px) {
    .step-icon-wrapper {
        margin: 0;
        width: 80px;
        height: 80px;
    }
}

.step-icon {
    width: 64px;
    height: 64px;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
    background: linear-gradient(to bottom right, #0ea5e9, #0284c7);
    position: relative;
    transition: all 0.4s ease;
}

.step-icon::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 9999px;
    background: linear-gradient(to bottom right, #0ea5e9, #0284c7);
    opacity: 0;
    animation: pulse 2s ease-in-out infinite;
}

.step-item:nth-child(2) .step-icon {
    background: linear-gradient(to bottom right, #14b8a6, #059669);
}

.step-item:nth-child(2) .step-icon::before {
    background: linear-gradient(to bottom right, #14b8a6, #059669);
}

.step-item:nth-child(3) .step-icon {
    background: linear-gradient(to bottom right, #eab308, #ca8a04);
}

.step-item:nth-child(3) .step-icon::before {
    background: linear-gradient(to bottom right, #eab308, #ca8a04);
}

.step-item:nth-child(4) .step-icon {
    background: linear-gradient(to bottom right, #f97316, #dc2626);
}

.step-item:nth-child(4) .step-icon::before {
    background: linear-gradient(to bottom right, #f97316, #dc2626);
}

.step-item:nth-child(5) .step-icon {
    background: linear-gradient(to bottom right, #8b5cf6, #7c3aed);
}

.step-item:nth-child(5) .step-icon::before {
    background: linear-gradient(to bottom right, #8b5cf6, #7c3aed);
}

.step-item:nth-child(6) .step-icon {
    background: linear-gradient(to bottom right, #06b6d4, #0891b2);
}

.step-item:nth-child(6) .step-icon::before {
    background: linear-gradient(to bottom right, #06b6d4, #0891b2);
}

.step-item:nth-child(7) .step-icon {
    background: linear-gradient(to bottom right, #10b981, #059669);
}

.step-item:nth-child(7) .step-icon::before {
    background: linear-gradient(to bottom right, #10b981, #059669);
}

.step-icon:hover {
    transform: scale(1.1) rotate(5deg);
}

.step-icon svg {
    width: 24px;
    height: 24px;
    position: relative;
    z-index: 1;
    transition: transform 0.4s ease;
}

.step-icon:hover svg {
    transform: scale(1.2);
}

/* .step-number {
    display: none;
} */

.step-number {
    display: block;
    width: calc(50% - 40px);
    font-size: 144px;
    font-weight: 900;
    /* color: rgb(226, 232, 240); */
    color:rgb(153 164 179 / 84%);
    text-align: center;
    user-select: none;
    opacity: 0.5;
    line-height: 1;
    animation: 0.8s ease 0s 1 normal backwards running fadeIn;
    transition: 0.4s;
}

@media (min-width: 768px) {
    .step-number {
        display: block;
        width: calc(50% - 40px);
        font-size: 144px;
        font-weight: 900;
        color: #e2e8f0;
        text-align: center;
        user-select: none;
        opacity: 0.5;
        line-height: 1;
        animation: fadeIn 0.8s ease backwards;
        transition: all 0.4s ease;
    }

    .step-item:nth-child(1) .step-number {
        animation-delay: 0.4s;
    }
    .step-item:nth-child(2) .step-number {
        animation-delay: 0.4s;
    }
    .step-item:nth-child(3) .step-number {
        animation-delay: 0.5s;
    }
    .step-item:nth-child(4) .step-number {
        animation-delay: 0.6s;
    }
    .step-item:nth-child(5) .step-number {
        animation-delay: 0.7s;
    }
    .step-item:nth-child(6) .step-number {
        animation-delay: 0.8s;
    }
    .step-item:nth-child(7) .step-number {
        animation-delay: 0.9s;
    }

    /* Odd items - number on right side */
    .step-item:nth-child(odd) .step-number {
        text-align: right;
        padding-right: 32px;
        order: 3;
    }

    /* Even items - number on left side */
    .step-item:nth-child(even) .step-number {
        text-align: left;
        padding-left: 32px;
        order: 1;
    }

    .step-item:hover .step-number {
        opacity: 0.8;
        transform: scale(1.05);
    }
}

@media (max-width: 767px) {
    .modern-steps-section {
        padding: 60px 20px;
    }

    .section-header h2 {
        font-size: 32px;
    }

    .step-content {
        margin-bottom: 20px;
    }
}

/* core team developer */
/* Main Content Section */
.leadership-section {
    position: relative;
    padding: 80px 20px;
    overflow: hidden;
}

.leadership-section::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(212, 175, 55, 0.1) 0%, transparent 70%);
    border-radius: 50%;
    filter: blur(60px);
    transform: translate(150px, -100px);
    pointer-events: none;
}

.leadership-section::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(107, 91, 149, 0.1) 0%, transparent 70%);
    border-radius: 50%;
    filter: blur(60px);
    transform: translate(-150px, 100px);
    pointer-events: none;
}

.leadership-container {
    position: relative;
    z-index: 2;
}

/* Leader Item */
.leader-item {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 48px;
    margin-bottom: 80px;
    align-items: center;
    animation: fadeInUp 1s ease forwards;
    opacity: 0;
}

.leader-item:nth-child(even) {
    grid-template-columns: 2fr 1fr;
}

.leader-item:nth-child(even) .leader-image {
    order: 2;
}

.leader-item:nth-child(even) .leader-content {
    text-align: right;
}

.leader-item:nth-child(even) .leader-content h2 .underline {
    margin-left: auto;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.leader-item:nth-child(1) {
    animation-delay: 0s;
}
.leader-item:nth-child(2) {
    animation-delay: 0.2s;
}
.leader-item:nth-child(3) {
    animation-delay: 0.4s;
}

/* Leader Image */
.leader-image {
    position: relative;
}

.leader-image-shadow {
    position: absolute;
    inset: 0;
    border-radius: 16px;
    background: rgba(212, 175, 55, 0.2);
    transform: translate(16px, 16px);
    transition: transform 0.5s ease;
    z-index: 0;
}

.leader-item:nth-child(2) .leader-image-shadow {
    background: rgba(107, 91, 149, 0.2);
    transform: translate(-16px, 16px);
}

.leader-item:nth-child(3) .leader-image-shadow {
    background: rgba(26, 26, 46, 0.2);
    transform: translate(16px, 16px);
}

.leader-image:hover .leader-image-shadow {
    transform: translate(8px, 8px);
}

.leader-item:nth-child(2) .leader-image:hover .leader-image-shadow {
    transform: translate(-8px, 8px);
}

.leader-image img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 16px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    transition: transform 0.7s ease;
}

.leader-image:hover img {
    transform: scale(1.05);
}

/* Leader Content */
.leader-content {
    position: relative;
}

.leader-role {
    display: block;
    color: #ffd700;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    margin-bottom: 12px;
}

.leader-item:nth-child(2) .leader-role {
    color: #6b5b95;
}

.leader-item:nth-child(3) .leader-role {
    color: #1a1a2e;
}

.leader-content h2 {
    font-size: 44px;
    font-weight: 700;
    color: #1a1a2e;
    margin-bottom: 32px;
    font-family: "Playfair Display", serif;
    position: relative;
    display: inline-block;
}

.leader-content h2 .underline {
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 50%;
    height: 3px;
    background: #ffd700;
}

.leader-item:nth-child(2) .leader-content h2 .underline {
    background: #6b5b95;
}

.leader-item:nth-child(3) .leader-content h2 .underline {
    background: #1a1a2e;
}

.leader-bio {
    color: #666;
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 24px;
}

/* Stats Grid */
.leader-stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
    margin-top: 32px;
}

.stat-card {
    padding: 20px 16px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border-left: 4px solid #ffd700;
    transition: transform 0.3s ease;
}

.stat-card:hover {
    transform: translateY(-4px);
}

.leader-item:nth-child(2) .stat-card {
    border-left-color: #6b5b95;
}

.leader-item:nth-child(3) .stat-card {
    border-left-color: #1a1a2e;
}

.stat-value {
    display: block;
    font-size: 28px;
    font-weight: 700;
    color: #1a1a2e;
    margin-bottom: 6px;
}

.stat-label {
    font-size: 12px;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
}

/* Skills Tags */
.leader-skills {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
}

.leader-item:nth-child(even) .leader-skills {
    justify-content: flex-end;
}

.skill-tag {
    padding: 8px 16px;
    background: #f3f0e8;
    color: #6b5b95;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
}

.leader-item:nth-child(3) .skill-tag {
    background: #f0f0f5;
    color: #1a1a2e;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .hero-section h1 {
        font-size: 36px;
    }

    .leader-item {
        grid-template-columns: 1fr !important;
        gap: 24px;
        margin-bottom: 48px;
    }

    .leader-item:nth-child(even) .leader-image,
    .leader-item:nth-child(even) .leader-content {
        order: 0 !important;
    }

    .leader-content {
        text-align: left !important;
    }

    .leader-content h2 {
        font-size: 28px;
    }

    .leader-content h2 .underline {
        margin-left: 0 !important;
    }

    .leader-skills {
        justify-content: flex-start !important;
    }

    .leader-stats {
        grid-template-columns: 1fr;
    }

    .leader-image img {
        height: 300px;
    }
}

.leader-item.rightleader {
    grid-template-columns: 2fr 1fr !important;
}

.rightleader .leader-content {
    text-align: end;
}

/* Board of Directors Section */
.board-section {
    background: #f3f4f6;
    padding: 80px 20px;
}

.board-header {
    text-align: center;
    margin-bottom: 60px;
}

.board-header h2 {
    font-size: 44px;
    font-weight: 700;
    color: #1a1a2e;
    margin-bottom: 16px;
    font-family: "Playfair Display", serif;
}

.board-divider {
    width: 96px;
    height: 3px;
    background: #ffd700;
    margin: 0 auto 20px;
}

.board-header p {
    font-size: 16px;
    color: #666;
    max-width: 600px;
    margin: 0 auto;
}

.directors-grid {
    /* display: grid; */
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    /* gap: 32px; */
    max-width: 1200px;
    margin: 0 auto;
}

.director-card {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    animation: fadeInUp 1s ease forwards;
    opacity: 0;
}

.director-card:nth-child(1) {
    animation-delay: 0s;
}
.director-card:nth-child(2) {
    animation-delay: 0.1s;
}
.director-card:nth-child(3) {
    animation-delay: 0.2s;
}
.director-card:nth-child(4) {
    animation-delay: 0.3s;
}

.director-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}

.director-image {
    position: relative;
    height: 320px;
    overflow: hidden;
}

.director-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    transition: transform 0.5s ease;
}

.director-card:hover .director-image img {
    transform: scale(1.1);
}

.director-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(26, 26, 46, 0) 0%, rgba(26, 26, 46, 0.9) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.director-card:hover .director-overlay {
    opacity: 1;
}

.director-info {
    padding: 24px;
    position: relative;
}

.director-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin: -36px auto 12px;
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.director-name {
    font-size: 18px;
    font-weight: 700;
    color: #1a1a2e;
    margin-bottom: 4px;
    text-align: center;
}

.director-role {
    font-size: 12px;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-align: center;
    font-weight: 600;
}

@media (max-width: 768px) {
    .board-header h2 {
        font-size: 28px;
    }

    .directors-grid {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 20px;
    }

    .director-image {
        height: 240px;
    }
}

/* acadmin */
/* Academic Council Section */
.council-section {
    position: relative;
    padding: 80px 20px;
    background: #ffffff;
    overflow: hidden;
}

.council-section::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 384px;
    height: 384px;
    background: radial-gradient(circle, rgba(212, 175, 55, 0.05) 0%, transparent 70%);
    border-radius: 50%;
    filter: blur(60px);
    transform: translate(150px, -100px);
    pointer-events: none;
    animation: floatShape 6s ease-in-out infinite;
}

.council-section::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 384px;
    height: 384px;
    background: radial-gradient(circle, rgba(107, 91, 149, 0.05) 0%, transparent 70%);
    border-radius: 50%;
    filter: blur(60px);
    transform: translate(-150px, 100px);
    pointer-events: none;
    animation: floatShape 6s ease-in-out infinite 2s;
}

.council-container {
    position: relative;
    z-index: 2;
}

/* Section Header */
.section-header {
    text-align: center;
    margin-bottom: 60px;
    animation: fadeInUp 0.8s ease;
}

.section-header-label {
    color: var(--premium-purple);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    margin-bottom: 12px;
    display: block;
    animation: fadeInUp 0.8s ease;
}

.section-header h2 {
    font-size: 56px;
    font-weight: 700;
    color: var(--premium-dark);
    margin-bottom: 24px;
    font-family: "Playfair Display", serif;
    position: relative;
    display: inline-block;
    animation: fadeInUp 0.8s ease 0.1s both;
}

.title-underline {
    position: relative;
    display: inline-block;
}

.title-underline::after {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--premium-gold), var(--premium-purple));
    border-radius: 2px;
    animation: expandWidth 0.8s ease forwards;
}

@keyframes expandWidth {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

.section-header p {
    color: #666;
    font-size: 16px;
    max-width: 600px;
    margin: 24px auto 0;
    line-height: 1.6;
    animation: fadeInUp 0.8s ease 0.2s both;
}

/* Grid Layout */
.grid-wrapper {
    /* display: grid; */
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    /* gap: 24px; */
    animation: fadeInUp 0.8s ease 0.3s both;
}

@media (max-width: 1024px) {
    .grid-wrapper {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .grid-wrapper {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 16px;
    }
}

/* Grid Card */
.grid-item {
    animation: gridFade 0.6s ease forwards;
    opacity: 0;
}

.grid-item:nth-child(1) {
    animation-delay: 0.05s;
}
.grid-item:nth-child(2) {
    animation-delay: 0.1s;
}
.grid-item:nth-child(3) {
    animation-delay: 0.15s;
}
.grid-item:nth-child(4) {
    animation-delay: 0.2s;
}
.grid-item:nth-child(5) {
    animation-delay: 0.25s;
}
.grid-item:nth-child(6) {
    animation-delay: 0.1s;
}
.grid-item:nth-child(7) {
    animation-delay: 0.15s;
}
.grid-item:nth-child(8) {
    animation-delay: 0.2s;
}
.grid-item:nth-child(9) {
    animation-delay: 0.25s;
}
.grid-item:nth-child(10) {
    animation-delay: 0.3s;
}

@keyframes gridFade {
    0% {
        opacity: 0;
        transform: scale(0.95) translateY(20px);
    }
    100% {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

.grid-card {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    background: white;
    box-shadow: 0 4px 20px rgba(44, 27, 71, 0.08);
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    cursor: pointer;
}

.grid-card:hover {
    transform: translateY(-12px);
    box-shadow: 0 16px 48px rgba(212, 175, 55, 0.25);
}

/* Card Image */
.grid-card-image {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.1), rgba(107, 91, 149, 0.1));
    position: relative;
}

.grid-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.grid-card:hover .grid-card-image img {
    transform: scale(1.1) rotate(2deg);
}

/* Overlay */
.grid-card-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.15), rgba(107, 91, 149, 0.15));
    opacity: 0;
    transition: opacity 0.4s ease;
    mix-blend-mode: overlay;
}

.grid-card:hover .grid-card-overlay {
    opacity: 1;
}

/* Badge */
.grid-card-badge {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--premium-gold);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    box-shadow: 0 4px 16px rgba(212, 175, 55, 0.3);
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    z-index: 10;
}

.grid-card:hover .grid-card-badge {
    transform: scale(1.2) rotate(10deg);
    box-shadow: 0 8px 24px rgba(212, 175, 55, 0.5);
}

.grid-card-badge svg {
    width: 20px;
    height: 20px;
}

/* Card Content */
.grid-card-content {
    padding: 20px;
    min-height: 150px;
    display: flex;
    flex-direction: column;
}

.grid-card-role {
    font-size: 11px;
    color: var(--premium-gold);
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 8px;
    transition: color 0.3s ease;
}

.grid-card:hover .grid-card-role {
    color: var(--premium-purple);
}

.grid-card-title {
    font-size: 16px;
    font-weight: bold;
    color: var(--premium-dark);
    margin-bottom: 6px;
    font-family: "Playfair Display", serif;
    transition: color 0.3s ease;
}

.grid-card:hover .grid-card-title {
    color: var(--primary);
}

.grid-card-bio {
    font-size: 12px;
    color: #666;
    line-height: 1.5;
    flex-grow: 1;
}

/* Responsive */
@media (max-width: 768px) {
    .hero-section {
        height: 280px;
    }

    .hero-content h1 {
        font-size: 36px;
    }

    .hero-content p {
        font-size: 14px;
    }

    .section-header h2 {
        font-size: 32px;
    }

    .council-section {
        padding: 40px 20px;
    }

    .section-header {
        margin-bottom: 40px;
    }

    .grid-wrapper {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }
}

.grid-card-badge {
    background: #1e4c9a !important;
}

/* intership */
/* Benefits Section */
.benefits-section {
    position: relative;
    padding: 50px 20px;
    background: #ffffff;
    overflow: hidden;
}

.benefits-section::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 384px;
    height: 384px;
    background: radial-gradient(circle, rgba(212, 175, 55, 0.05) 0%, transparent 70%);
    border-radius: 50%;
    filter: blur(60px);
    transform: translate(150px, -100px);
    pointer-events: none;
    animation: floatShape 6s ease-in-out infinite;
}

.benefits-section::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 384px;
    height: 384px;
    background: radial-gradient(circle, rgba(107, 91, 149, 0.05) 0%, transparent 70%);
    border-radius: 50%;
    filter: blur(60px);
    transform: translate(-150px, 100px);
    pointer-events: none;
    animation: floatShape 6s ease-in-out infinite 2s;
}

.section-container {
    position: relative;
    z-index: 2;
}

.section-header {
    text-align: center;
    margin-bottom: 60px;
    animation: fadeInUp 0.8s ease;
}

.section-header-label {
    color: var(--premium-purple);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    margin-bottom: 16px;
    display: inline-block;
    padding: 8px 16px;
    background: rgba(107, 91, 149, 0.1);
    border-radius: 25px;
}

.section-header h2 {
    font-size: 56px;
    font-weight: 700;
    color: var(--premium-dark);
    margin-bottom: 24px;
    font-family: "Playfair Display", serif;
    line-height: 1.2;
}

.section-header p {
    color: #666;
    font-size: 16px;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

/* Cards Grid */
.cards-grid {
    /* display: grid; */
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    /* gap: 24px; */
    margin-bottom: 48px;
}

.stagger-item {
    opacity: 0;
    animation: slideIn 0.8s ease forwards;
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(30px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.stagger-item:nth-child(1) {
    animation-delay: 0.1s;
}
.stagger-item:nth-child(2) {
    animation-delay: 0.2s;
}
.stagger-item:nth-child(3) {
    animation-delay: 0.3s;
}

/* Internship Card */
.internship-card {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.8));
    border: 1px solid rgba(212, 175, 55, 0.3);
    border-radius: 20px;
    padding: 28px;
    transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
    cursor: pointer;
    position: relative;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.internship-card::before {
    content: "";
    position: absolute;
    top: -50%;
    right: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(212, 175, 55, 0.15) 0%, transparent 70%);
    animation: rotate 20s linear infinite;
    z-index: 0;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.internship-card:hover {
    transform: translateY(-20px) scale(1.03);
    box-shadow:
        0 25px 60px rgba(212, 175, 55, 0.3),
        0 0 60px rgba(107, 91, 149, 0.15);
    border-color: #d4af37;
    background: linear-gradient(135deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.95));
}

.internship-card-content {
    position: relative;
    z-index: 10;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.card-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    margin-bottom: 16px;
    transition: all 0.4s ease;
}

.internship-card:nth-child(1) .card-icon {
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.2), rgba(212, 175, 55, 0.1));
}

.internship-card:nth-child(2) .card-icon {
    background: linear-gradient(135deg, rgba(107, 91, 149, 0.2), rgba(107, 91, 149, 0.1));
}

.internship-card:nth-child(3) .card-icon {
    background: linear-gradient(135deg, rgba(30, 76, 154, 0.2), rgba(30, 76, 154, 0.1));
}

.internship-card:hover .card-icon {
    transform: scale(1.2) rotate(15deg);
}

.card-title {
    font-size: 22px;
    font-weight: 700;
    color: var(--premium-dark);
    margin-bottom: 12px;
    font-family: "Playfair Display", serif;
    transition: color 0.3s ease;
}

.internship-card:hover .card-title {
    color: #d4af37;
}
.card-description {
    font-size: 14px;
    color: #666;
    line-height: 1.7;
    flex: 1;
}

.card-footer {
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid rgba(212, 175, 55, 0.2);
}

.learn-more {
    font-size: 13px;
    color: var(--premium-gold);
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.learn-more:hover {
    color: var(--premium-purple);
    transform: translateX(4px);
}

/* Benefits Grid */
.benefits-grid {
    /* display: grid; */
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    /* gap: 24px; */
}

.benefit-item {
    display: flex;
    gap: 16px;
    padding: 20px;
    background: white;
    border-radius: 12px;
    border-left: 4px solid #d4af37;
    transition: all 0.3s ease;
    animation: fadeInUp 0.6s ease forwards;
    opacity: 0;
}

.benefit-item:nth-child(1) {
    animation-delay: 0.4s;
}
.benefit-item:nth-child(2) {
    animation-delay: 0.5s;
}
.benefit-item:nth-child(3) {
    animation-delay: 0.6s;
}
.benefit-item:nth-child(4) {
    animation-delay: 0.7s;
}

.benefit-item:hover {
    transform: translateX(8px);
    box-shadow: 0 10px 30px rgba(212, 175, 55, 0.15);
    border-left-color: var(--premium-purple);
}

.benefit-icon {
    font-size: 28px;
    min-width: 40px;
}

.benefit-text h4 {
    font-size: 16px;
    font-weight: 700;
    color: var(--premium-dark);
    margin-bottom: 6px;
}

.benefit-text p {
    font-size: 13px;
    color: #666;
    line-height: 1.5;
}

/* Gallery Section */
.gallery-section {
    position: relative;
    /* padding: 80px 20px; */
    background: #ffffff;
}

.gallery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 16px;
}

.gallery-item {
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    aspect-ratio: 1;
    animation: fadeInUp 0.8s ease forwards;
    opacity: 0;
}

.gallery-item:nth-child(1) {
    animation-delay: 0.1s;
}
.gallery-item:nth-child(2) {
    animation-delay: 0.2s;
}
.gallery-item:nth-child(3) {
    animation-delay: 0.3s;
}
.gallery-item:nth-child(4) {
    animation-delay: 0.4s;
}
.gallery-item:nth-child(5) {
    animation-delay: 0.5s;
}
.gallery-item:nth-child(6) {
    animation-delay: 0.6s;
}

.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.gallery-item:hover img {
    transform: scale(1.1) rotate(2deg);
}

.gallery-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(44, 27, 71, 0.9), rgba(212, 175, 55, 0.1));
    opacity: 0;
    transition: opacity 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 16px;
}

.gallery-item:hover .gallery-overlay {
    opacity: 1;
}

.internship-person-info {
    color: white;
}

.internship-person-name {
    font-size: 16px;
    font-weight: 700;
    color: var(--premium-gold);
    font-family: "Playfair Display", serif;
    margin-bottom: 4px;
}

.internship-person-company {
    font-size: 12px;
    color: white;
    font-weight: 600;
    letter-spacing: 0.5px;
    background: rgba(212, 175, 55, 0.3);
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    border: 1px solid rgba(212, 175, 55, 0.5);
}

/* Responsive */
@media (max-width: 768px) {
    .hero-section {
        height: 280px;
    }

    .hero-content h1 {
        font-size: 36px;
    }

    .hero-content p {
        font-size: 14px;
    }

    .section-header h2 {
        font-size: 32px;
    }

    .benefits-section,
    .gallery-section {
        padding: 40px 20px;
    }

    .section-header {
        margin-bottom: 40px;
    }

    .cards-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .benefits-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

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

    .card-title {
        font-size: 18px;
    }

    .card-description {
        font-size: 13px;
    }
}

/* testimonial developer */
/* Section Title */
.section-title {
    text-align: center;
    margin-bottom: 80px;
    position: relative;
}

.section-title h2 {
    font-family: "Playfair Display", serif;
    font-size: 48px;
    font-weight: 800;
    color: #1e4c9a;
    margin-bottom: 16px;
    letter-spacing: -1px;
    position: relative;
    display: inline-block;
}

.section-title h2::after {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, #1e4c9a, #1e4c9a);
    border-radius: 2px;
}

.section-title p {
    font-size: 17px;
    color: #6b7280;
    max-width: 500px;
    margin: 28px auto 0;
    font-weight: 500;
}

/* Sections */
.section-spacing {
    /* padding: 100px 0; */
    position: relative;
}

/* Testimonials Row Layout */
.testimonials-container {
    display: flex;
    flex-direction: column;
    gap: 80px;
    margin-top: 60px;
}

.testimonial-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    animation: slideIn 0.8s ease-out backwards;
}

.testimonial-row:nth-child(1) {
    animation-delay: 0.1s;
}
.testimonial-row:nth-child(2) {
    animation-delay: 0.2s;
}
.testimonial-row:nth-child(3) {
    animation-delay: 0.3s;
}
.testimonial-row:nth-child(4) {
    animation-delay: 0.4s;
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(60px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.testimonial-row:nth-child(even) {
    direction: rtl;
}

.testimonial-row:nth-child(even) > * {
    direction: ltr;
}

/* Image Section */
.testimonial-image-wrapper {
    position: relative;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.testimonial-image-wrapper:hover {
    transform: translateY(-12px);
}

.profile-circle {
    width: 280px;
    height: 280px;
    border-radius: 50%;
    overflow: hidden;
    border: 6px solid #d4af37;
    box-shadow: 0 20px 60px rgba(30, 76, 154, 0.2);
    transition: all 0.4s ease;
    position: relative;
    background: linear-gradient(135deg, #d4af37, #6b5b95);
    display: flex;
    align-items: center;
    justify-content: center;
}

.testimonial-image-wrapper:hover .profile-circle {
    transform: scale(1.1) rotate(8deg);
    box-shadow: 0 40px 100px rgba(30, 76, 154, 0.3);
    border-color: #6b5b95;
}

.profile-circle img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Content Section */
.testimonial-content {
    padding: 40px;
}

.star-rating {
    display: flex;
    gap: 6px;
    margin-bottom: 16px;
}

.star {
    font-size: 16px;
    color: #d4af37;
    transition: transform 0.2s ease;
}

.testimonial-row:hover .star {
    transform: scale(1.2);
}

.quote-text {
    font-size: 16px;
    color: #1a1a2e;
    font-style: italic;
    line-height: 1.9;
    margin-bottom: 24px;
    padding: 24px;
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.1), rgba(107, 91, 149, 0.05));
    border-left: 4px solid #d4af37;
    border-radius: 8px;
    position: relative;
}

.quote-mark {
    position: absolute;
    top: -12px;
    left: 12px;
    font-size: 48px;
    color: #d4af37;
    opacity: 0.3;
    font-weight: 800;
}

.profile-info {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 24px;
    background: linear-gradient(135deg, rgba(30, 76, 154, 0.05), rgba(212, 175, 55, 0.05));
    border-radius: 12px;
    border: 1px solid rgba(212, 175, 55, 0.2);
    transition: all 0.3s ease;
}

.testimonial-row:hover .profile-info {
    background: linear-gradient(135deg, rgba(30, 76, 154, 0.1), rgba(212, 175, 55, 0.1));
    border-color: rgba(212, 175, 55, 0.4);
    transform: translateX(8px);
}

.info-badge {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: linear-gradient(135deg, #d4af37, #6b5b95);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    flex-shrink: 0;
    box-shadow: 0 10px 30px rgba(212, 175, 55, 0.2);
    transition: all 0.3s ease;
}

.testimonial-row:hover .info-badge {
    transform: scale(1.15) rotate(12deg);
    box-shadow: 0 15px 40px rgba(212, 175, 55, 0.4);
}

.info-text h4 {
    font-family: "Playfair Display", serif;
    font-size: 20px;
    font-weight: 800;
    color: #1e4c9a;
    letter-spacing: -0.3px;
    margin-bottom: 4px;
}

.info-text p {
    font-size: 13px;
    color: #6b7280;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.company-tag {
    display: inline-block;
    margin-top: 12px;
    padding: 6px 12px;
    background: linear-gradient(135deg, #d4af37, #6b5b95);
    color: white;
    border-radius: 16px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

/* Contact Section */
/* .contact-section {
            padding: 100px 0;
            background: linear-gradient(135deg, #2C1B47 0%, #1E4C9A 100%);
            color: #FFFFFF;
            position: relative;
            overflow: hidden;
            margin-top: 100px;
        }

        .contact-section::before {
            content: '';
            position: absolute;
            inset: 0;
            opacity: 0.08;
            background-image:
                linear-gradient(0deg, transparent 24%, rgba(212, 175, 55, 0.1) 25%, rgba(212, 175, 55, 0.1) 26%, transparent 27%, transparent 74%, rgba(212, 175, 55, 0.1) 75%, rgba(212, 175, 55, 0.1) 76%, transparent 77%, transparent),
                linear-gradient(90deg, transparent 24%, rgba(212, 175, 55, 0.1) 25%, rgba(212, 175, 55, 0.1) 26%, transparent 27%, transparent 74%, rgba(212, 175, 55, 0.1) 75%, rgba(212, 175, 55, 0.1) 76%, transparent 77%, transparent);
            background-size: 80px 80px;
        }

        .contact-bg-shapes {
            position: absolute;
            inset: 0;
            z-index: 0;
            pointer-events: none;
        }

        .contact-shape {
            position: absolute;
            opacity: 0.06;
        }

        .contact-shape-1 {
            width: 400px;
            height: 400px;
            background: radial-gradient(circle, #D4AF37, transparent);
            border-radius: 50%;
            top: -150px;
            right: -150px;
        }

        .contact-shape-2 {
            width: 300px;
            height: 300px;
            background: radial-gradient(circle, #6B5B95, transparent);
            border-radius: 50%;
            bottom: -100px;
            left: -100px;
        }

        .contact-content {
            position: relative;
            z-index: 1;
        }

        .contact-title {
            text-align: center;
            margin-bottom: 70px;
        }

        .contact-title h2 {
            font-family: 'Playfair Display', serif;
            font-size: 48px;
            font-weight: 800;
            margin-bottom: 12px;
            letter-spacing: -1px;
            position: relative;
            display: inline-block;
        }

        .contact-title h2::after {
            content: '';
            position: absolute;
            bottom: -12px;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 4px;
            background: linear-gradient(90deg, #D4AF37, #6B5B95);
            border-radius: 2px;
        }

        .contact-title p {
            font-size: 17px;
            opacity: 0.9;
            margin-top: 28px;
            font-weight: 500;
        }

        .contact-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 32px;
            max-width: 1000px;
            margin: 0 auto;
        }

        .contact-card {
            backdrop-filter: blur(20px);
            background: rgba(255, 255, 255, 0.12);
            border: 1px solid rgba(212, 175, 55, 0.4);
            padding: 40px 32px;
            border-radius: 16px;
            text-align: center;
            transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
            animation: contactSlide 0.7s ease-out backwards;
        }

        .contact-card:nth-child(1) { animation-delay: 0.1s; }
        .contact-card:nth-child(2) { animation-delay: 0.2s; }
        .contact-card:nth-child(3) { animation-delay: 0.3s; }
        .contact-card:nth-child(4) { animation-delay: 0.4s; } */

@keyframes contactSlide {
    from {
        opacity: 0;
        transform: translateY(40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* .contact-card:hover {
            background: rgba(255, 255, 255, 0.18);
            border-color: rgba(212, 175, 55, 0.7);
            transform: translateY(-12px);
            box-shadow: 0 30px 80px rgba(0, 0, 0, 0.3);
        }

        .contact-icon {
            width: 70px;
            height: 70px;
            background: linear-gradient(135deg, #D4AF37, #6B5B95);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 24px;
            font-size: 32px;
            box-shadow: 0 15px 40px rgba(212, 175, 55, 0.3);
            transition: all 0.3s ease;
        }

        .contact-card:hover .contact-icon {
            transform: scale(1.15) rotate(12deg);
            box-shadow: 0 20px 60px rgba(212, 175, 55, 0.5);
        }

        .contact-card h3 {
            font-family: 'Playfair Display', serif;
            font-size: 22px;
            font-weight: 700;
            margin-bottom: 12px;
            letter-spacing: -0.3px;
        }

        .contact-card p {
            font-size: 16px;
            opacity: 0.9;
        }

        .contact-card a {
            color: #D4AF37;
            text-decoration: none;
            font-weight: 700;
            transition: all 0.3s ease;
            display: inline-block;
        }

        .contact-card a:hover {
            transform: translateX(4px);
            text-shadow: 0 0 10px rgba(212, 175, 55, 0.4);
        } */

/* Responsive */
@media (max-width: 768px) {
    .testimonial-row {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .testimonial-row:nth-child(even) {
        direction: ltr;
    }

    .profile-circle {
        width: 220px;
        height: 220px;
    }

    .hero-content h1 {
        font-size: 42px;
    }

    .section-title h2 {
        font-size: 36px;
    }

    .contact-title h2 {
        font-size: 36px;
    }

    .section-spacing {
        padding: 60px 0;
    }

    /* .contact-section {
                padding: 60px 0;
                margin-top: 60px;
            } */

    .hero-section {
        height: 400px;
        margin-bottom: 60px;
    }

    .testimonials-container {
        gap: 60px;
    }
}

@media (max-width: 480px) {
    .hero-content h1 {
        font-size: 32px;
    }

    .section-title h2 {
        font-size: 28px;
    }

    .contact-title h2 {
        font-size: 28px;
    }

    .contact-grid {
        grid-template-columns: 1fr;
    }

    .quote-text {
        font-size: 14px;
        padding: 16px;
    }

    .testimonial-content {
        padding: 24px;
    }

    .profile-circle {
        width: 180px;
        height: 180px;
    }

    .testimonial-image-wrapper {
        height: 300px;
    }
}
/* life in uk */
/* About Content */
.devhighlightbox .about-content {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(212, 175, 55, 0.3);
    border-radius: 16px;
    padding: 60px 50px;
    margin-bottom: 80px;
    animation: aboutPop 0.8s ease-out;
    box-shadow: 0 20px 60px rgba(30, 76, 154, 0.1);
}

@keyframes aboutPop {
    from {
        opacity: 0;
        transform: scale(0.95) translateY(40px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

.devhighlightbox .about-content p {
    font-size: 16px;
    color: #1a1a2e;
    line-height: 1.9;
    margin-bottom: 18px;
    text-align: justify;
}

/* Gallery Grid */
.devhighlightbox .gallery-grid {
    display: flex !important;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 0px !important;
    margin-top: 40px;
}

.devhighlightbox .gallery-item {
    height: 300px;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 15px 40px rgba(30, 76, 154, 0.15);
    border: 1px solid rgba(212, 175, 55, 0.3);
    transition: all 0.4s ease;
}

.devhighlightbox .gallery-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 60px rgba(30, 76, 154, 0.25);
    border-color: #d4af37;
}

.devhighlightbox .gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.devhighlightbox .gallery-item:hover img {
    transform: scale(1.1);
}

.devhighlightbox .gallery-label {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
    padding: 20px;
    color: white;
    font-family: "Playfair Display", serif;
    font-size: 18px;
    font-weight: 700;
    transform: translateY(100%);
    transition: transform 0.4s ease;
}

.devhighlightbox .gallery-item:hover .gallery-label {
    transform: translateY(0);
}

textarea.form-control {
    resize: vertical;
    min-height: 120px;
}

.submit-btn {
    background: linear-gradient(90deg, #d4af37, #6b5b95);
    color: white;
    border: none;
    padding: 14px 32px;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
}

.submit-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

/* Responsive */
@media (max-width: 992px) {
    .form-container {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .hero-content h1 {
        font-size: 48px;
    }
    .section-title h2 {
        font-size: 36px;
    }
    .about-content {
        padding: 30px;
    }
}
.devhighlightbox .highlights-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 24px;
    margin-top: 40px;
    padding-top: 40px;
    border-top: 2px solid rgba(212, 175, 55, 0.2);
}

.devhighlightbox .highlight-item {
    text-align: left !important;
    padding: 20px;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.1), rgba(107, 91, 149, 0.05));
    border: 1px solid rgba(212, 175, 55, 0.2);
    transition: all 0.3s ease;
    display: block !important;
}

.devhighlightbox .highlight-item:hover {
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.2), rgba(107, 91, 149, 0.1));
    border-color: rgba(212, 175, 55, 0.4);
    transform: translateY(-8px);
}

.devhighlightbox .highlight-item h4 {
    font-family: "Playfair Display", serif;
    font-size: 18px;
    font-weight: 800;
    color: #1e4c9a;
    margin-bottom: 8px;
}

.devhighlightbox .highlight-item p {
    font-size: 13px;
    color: #6b7280;
    margin: 0;
}

/* Companies Section */
.companies-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 32px;
    margin-top: 60px;
}

.company-card {
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(212, 175, 55, 0.3);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(30, 76, 154, 0.15);
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    animation: companyAppear 0.6s ease-out backwards;
    cursor: pointer;
    position: relative;
    display: flex;
    flex-direction: column;
}

.company-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #d4af37, #6b5b95);
    transition: height 0.3s ease;
    z-index: 10;
}

.company-card:nth-child(1) {
    animation-delay: 0.1s;
}
.company-card:nth-child(2) {
    animation-delay: 0.2s;
}
.company-card:nth-child(3) {
    animation-delay: 0.3s;
}
.company-card:nth-child(4) {
    animation-delay: 0.4s;
}
.company-card:nth-child(5) {
    animation-delay: 0.5s;
}
.company-card:nth-child(6) {
    animation-delay: 0.6s;
}

@keyframes companyAppear {
    from {
        opacity: 0;
        transform: translateY(50px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.company-card:hover {
    transform: translateY(-16px);
    box-shadow: 0 40px 100px rgba(30, 76, 154, 0.25);
    background: rgba(255, 255, 255, 0.98);
    border-color: rgba(212, 175, 55, 0.6);
}

.company-card:hover::before {
    height: 6px;
}

.company-image-wrapper {
    width: 100%;
    height: 200px;
    overflow: hidden;
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.1), rgba(107, 91, 149, 0.05));
}

.company-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.company-card:hover .company-image-wrapper img {
    transform: scale(1.08) rotate(1deg);
}

.company-content {
    padding: 28px 24px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.company-logo {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #d4af37, #6b5b95);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
    font-size: 32px;
    box-shadow: 0 10px 30px rgba(212, 175, 55, 0.2);
    transition: all 0.3s ease;
}

.company-card:hover .company-logo {
    transform: scale(1.15) rotate(12deg);
    box-shadow: 0 15px 40px rgba(212, 175, 55, 0.4);
}

.company-name {
    font-family: "Playfair Display", serif;
    font-size: 24px;
    font-weight: 800;
    color: var(--primary-blue);
    margin-bottom: 12px;
    letter-spacing: -0.3px;
}

.company-tag {
    display: inline-block;
    padding: 6px 14px;
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.15), rgba(107, 91, 149, 0.1));
    border: 1px solid rgba(212, 175, 55, 0.3);
    border-radius: 20px;
    font-size: 11px;
    color: var(--primary-blue);
    font-weight: 700;
    letter-spacing: 0.5px;
    margin-bottom: 16px;
    transition: all 0.3s ease;
}

.company-card:hover .company-tag {
    background: linear-gradient(135deg, #d4af37, #6b5b95);
    color: white;
    border-color: transparent;
}

.company-description {
    font-size: 14px;
    color: var(--text-light);
    line-height: 1.8;
    margin: 0;
}

/* succes stories video */
/* Video Section */
.video-section {
    padding: 100px 0;
    background: linear-gradient(135deg, rgba(245, 247, 250, 0.5), rgba(230, 240, 250, 0.5));
    position: relative;
}

.video-grid {
    /* display: grid; */
    grid-template-columns: 1fr;
    /* gap: 40px; */
    margin-top: 60px;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
.video-card {
    background: rgba(255, 255, 255, 0.98);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(30, 76, 154, 0.15);
    border: 1px solid rgba(212, 175, 55, 0.2);
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    position: relative;
}

.video-card:hover {
    transform: translateY(-20px);
    box-shadow: 0 40px 100px rgba(30, 76, 154, 0.2);
    border-color: var(--premium-gold);
}

.video-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.1), rgba(107, 91, 149, 0.05));
}

.video-wrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    transition: transform 0.4s ease;
    /* object-fit: cover; */
}

.video-card:hover .video-wrapper video {
    transform: scale(1.05);
}

.video-info {
    padding: 28px 24px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(245, 247, 250, 0.95));
}

.video-title {
    font-family: "Playfair Display", serif;
    font-size: 18px;
    font-weight: 700;
    color: var(--primary-blue);
    margin-bottom: 12px;
    line-height: 1.4;
}

.video-duration {
    font-size: 13px;
    color: var(--text-light);
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}

.video-duration::before {
    content: "▶";
    color: var(--premium-gold);
    font-size: 11px;
}

/* assesment */
/* Sections */
/* .section-spacing {
            padding: 100px 0;
            position: relative;
        } */

/* Assessment Grid */
.assessment-grid {
    /* display: grid; */
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    /* gap: 40px; */
    margin-top: 60px;
}

.assessment-card {
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(212, 175, 55, 0.3);
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    animation: cardPop 0.6s ease-out backwards;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.assessment-card:nth-child(1) {
    animation-delay: 0.1s;
}
.assessment-card:nth-child(2) {
    animation-delay: 0.15s;
}
.assessment-card:nth-child(3) {
    animation-delay: 0.2s;
}
.assessment-card:nth-child(4) {
    animation-delay: 0.25s;
}
.assessment-card:nth-child(5) {
    animation-delay: 0.3s;
}
.assessment-card:nth-child(6) {
    animation-delay: 0.35s;
}
.assessment-card:nth-child(7) {
    animation-delay: 0.4s;
}
.assessment-card:nth-child(8) {
    animation-delay: 0.45s;
}

@keyframes cardPop {
    from {
        opacity: 0;
        transform: scale(0.9) translateY(30px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

.assessment-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #d4af37, #6b5b95);
    transition: height 0.3s ease;
}

.assessment-card:hover {
    background: rgba(255, 255, 255, 0.98);
    border-color: rgba(212, 175, 55, 0.6);
    transform: translateY(-16px);
    box-shadow: 0 40px 120px rgba(30, 76, 154, 0.2);
}

.assessment-card:hover::before {
    height: 6px;
}

.assessment-image-wrapper {
    position: relative;
    width: 100%;
    height: 220px;
    overflow: hidden;
}

.assessment-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.assessment-card:hover .assessment-image-wrapper img {
    transform: scale(1.1);
}

.assessment-image-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(30, 76, 154, 0.6), rgba(212, 175, 55, 0.2));
    opacity: 0;
    transition: opacity 0.3s ease;
}

.assessment-card:hover .assessment-image-overlay {
    opacity: 1;
}

.assessment-content {
    padding: 32px 28px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.assessment-title {
    font-family: "Playfair Display", serif;
    font-size: 24px;
    font-weight: 800;
    color: #1e4c9a;
    margin-bottom: 16px;
    letter-spacing: -0.5px;
    line-height: 1.3;
}

.assessment-description {
    font-size: 14px;
    color: #1a1a2e;
    line-height: 1.8;
    flex-grow: 1;
}

.weightage-badge {
    display: inline-block;
    margin-top: 20px;
    padding: 8px 16px;
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.15), rgba(107, 91, 149, 0.1));
    border: 1px solid rgba(212, 175, 55, 0.4);
    border-radius: 20px;
    font-size: 12px;
    color: #1e4c9a;
    font-weight: 700;
    letter-spacing: 0.3px;
    transition: all 0.3s ease;
    align-self: flex-start;
}

.assessment-card:hover .weightage-badge {
    background: linear-gradient(135deg, #d4af37, #6b5b95);
    color: white;
    border-color: transparent;
    transform: translateY(-4px);
}

/* Overview Section */
.overview-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    padding: 80px 40px;
    background: linear-gradient(135deg, rgba(30, 76, 154, 0.08), rgba(212, 175, 55, 0.05));
    border-radius: 20px;
    margin-bottom: 80px;
    border: 1px solid rgba(212, 175, 55, 0.2);
    backdrop-filter: blur(10px);
}

.overview-image-wrapper {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    height: 400px;
    box-shadow: 0 20px 60px rgba(30, 76, 154, 0.15);
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.overview-image-wrapper:hover {
    transform: translateY(-12px);
    box-shadow: 0 40px 120px rgba(30, 76, 154, 0.25);
}

.overview-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.overview-image-wrapper:hover img {
    transform: scale(1.08);
}

.overview-content h3 {
    font-family: "Playfair Display", serif;
    font-size: 40px;
    font-weight: 800;
    color: #1e4c9a;
    margin-bottom: 24px;
    letter-spacing: -0.5px;
}

.overview-content p {
    font-size: 16px;
    color: #1a1a2e;
    line-height: 1.9;
    margin-bottom: 16px;
}

.overview-content p:last-child {
    margin-bottom: 0;
}

/* Responsive */
@media (max-width: 768px) {
    .hero-content h1 {
        font-size: 48px;
    }

    .section-title h2 {
        font-size: 36px;
    }

    .assessment-grid {
        grid-template-columns: 1fr;
    }

    .overview-section {
        grid-template-columns: 1fr;
        gap: 40px;
        padding: 40px 24px;
    }

    .overview-image-wrapper {
        height: 300px;
    }

    .overview-content h3 {
        font-size: 32px;
    }
}
.assessment-content svg {
    color: blue;
    margin-right: 10px;
}
.assessment-content .event-date {
    margin-bottom: 10px;
}

.assessment-card:hover {
    transform: translateY(-12px);
    border-color: #d4af37;
    box-shadow: 0 20px 60px rgba(212, 175, 55, 0.2);
}

/* facility section */
/* ==================== FACILITIES SECTION ==================== */
.facilities-section {
    /* padding: 100px 40px; */
    background: linear-gradient(135deg, rgba(245, 247, 250, 0.5), rgba(255, 255, 255, 0.8));
}

.facilities-section .section-title {
    text-align: center;
    margin-bottom: 80px;
}

.facilities-section .section-title h2 {
    font-family: "Playfair Display", serif;
    font-size: 56px;
    font-weight: 800;
    background: linear-gradient(135deg, #d4af37, #6b5b95);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 16px;
}

.facilities-section .section-title p {
    font-size: 18px;
    color: #666;
    font-weight: 300;
    max-width: 500px;
    margin: 0 auto;
}

/* ==================== TABS NAVIGATION ==================== */
.facilities-section .tabs-container {
    max-width: 1400px;
    margin: 0 auto;
}

.facilities-section .tabs-nav {
    display: flex;
    gap: 12px;
    margin-bottom: 60px;
    flex-wrap: wrap;
    justify-content: center;
    animation: fadeInUp 0.8s ease 0.2s both;
}

.facilities-section .tab-btn {
    padding: 14px 24px;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    border: 2px solid rgba(212, 175, 55, 0.3);
    border-radius: 25px;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.facilities-section .tab-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #d4af37, #6b5b95);
    transition: left 0.3s ease;
    z-index: -1;
}

.facilities-section .tab-btn:hover {
    border-color: #d4af37;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(212, 175, 55, 0.2);
}

.facilities-section .tab-btn:hover::before {
    left: 0;
}

.facilities-section .tab-btn.active {
    background: linear-gradient(135deg, #d4af37, #c99c2e);
    border-color: #d4af37;
    color: white;
    box-shadow: 0 12px 30px rgba(212, 175, 55, 0.3);
}

.facilities-section .tab-btn.active::before {
    left: 0;
}

/* ==================== TAB CONTENT ==================== */
.facilities-section .tab-content {
    display: none;
    animation: fadeIn 0.6s ease;
}

.facilities-section .tab-content.active {
    display: block;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.facilities-section .facility-card {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(212, 175, 55, 0.3);
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    transition: all 0.4s ease;
}

.facilities-section .facility-card:hover {
    transform: translateY(-8px);
    border-color: #d4af37;
    box-shadow: 0 20px 60px rgba(212, 175, 55, 0.15);
}

.facilities-section .facility-image {
    width: 100%;
    height: 100%;
    min-height: 450px;
    overflow: hidden;
    position: relative;
}

.facilities-section .facility-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.facilities-section .facility-card:hover .facility-image img {
    transform: scale(1.05);
}

.facilities-section .facility-content {
    padding: 60px 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.facilities-section .facility-title {
    font-family: "Playfair Display", serif;
    font-size: 36px;
    font-weight: 800;
    /* background: linear-gradient(135deg, #d4af37, #6b5b95);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
    background-clip: text;
    margin-bottom: 24px;
    line-height: 1.3;
}

.facilities-section .facility-description {
    font-size: 16px;
    color: #666;
    line-height: 1.8;
    margin-bottom: 32px;
}

.facilities-section .facility-features {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.facilities-section .feature-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.facilities-section .feature-icon {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #d4af37, #6b5b95);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 18px;
    flex-shrink: 0;
}

.facilities-section .feature-text {
    display: flex;
    flex-direction: column;
}

.facilities-section .feature-text strong {
    color: var(--premium-blue);
    font-weight: 600;
    margin-bottom: 4px;
}

.facilities-section .feature-text span {
    font-size: 14px;
    color: #999;
}

/* ==================== RESPONSIVE ==================== */
@media (max-width: 1024px) {
    .facilities-section .facility-card {
        grid-template-columns: 1fr;
    }

    .facilities-section .facility-image {
        min-height: 300px;
    }

    .facilities-section .facility-content {
        padding: 40px 30px;
    }
}

@media (max-width: 768px) {
    .hero {
        padding: 60px 20px;
    }

    .hero h1 {
        font-size: 42px;
    }

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

    .facilities-section .facilities-section {
        padding: 60px 20px;
    }

    .facilities-section .section-title h2 {
        font-size: 36px;
    }

    .tabs-nav {
        gap: 8px;
    }

    .tab-btn {
        padding: 12px 18px;
        font-size: 12px;
    }

    .facility-title {
        font-size: 26px;
    }

    .facility-content {
        padding: 30px 20px;
    }
}

/* case study  cta */
/* CTA Section */
.cta-section {
    /* background: linear-gradient(135deg, #1e4c9a 0%, #6b5b95 100%); */
    padding: 80px 20px;
    text-align: center;
    color: white;
    border-radius: 20px;
    animation: fadeInUp 0.8s ease 0.2s both;
}

.cta-section h2 {
    font-family: "Playfair Display", serif;
    font-size: 44px;
    margin-bottom: 20px;
}

.cta-section p {
    font-size: 18px;
    opacity: 0.95;
    max-width: 600px;
    margin: 0 auto 40px;
    font-weight: 300;
}

.cta-button {
    display: inline-block;
    padding: 16px 48px;
    background: #d4af37;
    color: #1e4c9a;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
    transition: all 0.4s ease;
    cursor: pointer;
    border: none;
}

.cta-button:hover {
    background: #e8c547;
    transform: translateY(-3px);
    box-shadow: 0 12px 32px rgba(212, 175, 55, 0.3);
}

/* Responsive */
@media (max-width: 768px) {
    .cta-section h2 {
        font-size: 32px;
    }
}

@media (max-width: 480px) {
    .results-grid {
        grid-template-columns: 1fr;
    }

    .hero {
        padding: 80px 20px;
    }

    .hero h1 {
        font-size: 28px;
    }
}

.devcta h2 {
    color: #fff;
}

/* terms Page */
/* Main Layout */
.main-layout {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 40px;
    max-width: 1400px;
    margin: 60px auto;
    padding: 0 20px;
    animation: fadeInUp 0.8s ease 0.2s both;
}

/* Sidebar */
.sidebar {
    position: sticky;
    top: 20px;
    height: fit-content;
    animation: slideInLeft 0.8s ease 0.3s both;
}

.sidebar-title {
    font-family: "Playfair Display", serif;
    font-size: 20px;
    font-weight: 700;
    color: #1e4c9a;
    margin-bottom: 24px;
}

.nav-list {
    list-style: none;
}

.nav-item {
    margin-bottom: 0px;
    /* margin-bottom: 8px; */
}

.nav-link {
    display: block;
    padding: 14px 16px;
    color: #555;
    text-decoration: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    cursor: pointer;
    border-left: 3px solid transparent;
    position: relative;
}

.nav-link:hover {
    background: rgba(30, 76, 154, 0.08);
    color: #1e4c9a;
    border-left-color: #d4af37;
    padding-left: 20px;
}

.nav-link.active {
    background: linear-gradient(135deg, rgba(30, 76, 154, 0.12) 0%, rgba(107, 91, 149, 0.08) 100%);
    color: #1e4c9a;
    border-left-color: #d4af37;
    font-weight: 600;
}

/* Content Area */
.content-area {
    animation: slideInRight 0.8s ease 0.3s both;
}

/* Terms Section Card */
.term-card {
    background: white;
    border-radius: 16px;
    padding: 48px;
    margin-bottom: 32px;
    box-shadow: 0 4px 20px rgba(30, 76, 154, 0.06);
    border-top: 4px solid #d4af37;
    scroll-margin-top: 100px;
    animation: fadeInUp 0.6s ease;
    transition: all 0.3s ease;
}

.term-card:hover {
    box-shadow: 0 8px 32px rgba(30, 76, 154, 0.12);
    transform: translateY(-4px);
}

.term-card h2 {
    font-family: "Playfair Display", serif;
    font-size: 32px;
    font-weight: 700;
    color: #1e4c9a;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.term-icon {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #1e4c9a 0%, #6b5b95 100%);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 20px;
    flex-shrink: 0;
}

.term-card p {
    color: #555;
    font-size: 15px;
    line-height: 1.9;
    margin-bottom: 18px;
    font-weight: 300;
}

.term-card p:last-child {
    margin-bottom: 0;
}

.term-card ul {
    margin: 24px 0;
    padding: 0;
}

.term-card li {
    color: #555;
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 14px;
    font-weight: 300;
    list-style: none;
    padding-left: 32px;
    position: relative;
}

.term-card li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #d4af37;
    font-weight: bold;
    font-size: 18px;
}

/* Highlight Alert */
.alert-box {
    background: linear-gradient(135deg, rgba(30, 76, 154, 0.08) 0%, rgba(107, 91, 149, 0.06) 100%);
    border-left: 5px solid #1e4c9a;
    padding: 24px;
    border-radius: 8px;
    margin: 28px 0;
}

.alert-box p {
    color: #1e4c9a;
    font-weight: 500;
    margin: 0;
    font-style: italic;
}

/* Contact Section */
.devcontact {
    background: linear-gradient(135deg, #1e4c9a 0%, #6b5b95 100%);
    color: white;
    padding: 48px;
    border-radius: 16px;
    text-align: center;
    margin-top: 40px;
    animation: fadeInUp 0.8s ease 0.5s both;
}

.devcontact h2 {
    font-family: "Playfair Display", serif;
    font-size: 32px;
    margin-bottom: 20px;
    color: white;
    border: none;
}

.devcontact p {
    color: rgba(255, 255, 255, 0.95);
    font-size: 16px;
    margin-bottom: 16px;
}

.devcontact .contact-info {
    font-size: 18px;
    font-weight: 600;
}

.devcontact .contact-info a {
    color: #d4af37;
    text-decoration: none;
    transition: color 0.3s ease;
}

.devcontact .contact-info a:hover {
    color: #e8c547;
    text-decoration: underline;
}

/* Scroll Progress */
.scroll-progress {
    position: fixed;
    top: 0;
    left: 0;
    height: 4px;
    background: linear-gradient(90deg, #1e4c9a 0%, #d4af37 50%, #6b5b95 100%);
    width: 0;
    z-index: 1000;
}

/* Mobile Menu Toggle */
.menu-toggle {
    display: none;
    position: sticky;
    bottom: 30px;
    right: 30px;
    width: 56px;
    height: 56px;
    /* background: linear-gradient(135deg, #1E4C9A 0%, #6B5B95 100%); */
    background: none !important;
    border: none;
    border-radius: 50%;
    color: #000 !important;
    font-size: 24px;
    cursor: pointer;
    /* box-shadow: 0 8px 24px rgba(30, 76, 154, 0.3); */
    box-shadow: none !important;
    z-index: 100;
}

/* Responsive */
@media (max-width: 1024px) {
    .main-layout {
        grid-template-columns: 1fr;
        gap: 20px;
        margin: 40px auto;
    }

    .sidebar {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        width: 280px;
        height: 100vh;
        background: white;
        overflow-y: auto;
        padding: 20px;
        box-shadow: 4px 0 20px rgba(0, 0, 0, 0.1);
        z-index: 99;
    }

    .sidebar.active {
        display: block;
    }

    .menu-toggle {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .term-card {
        padding: 32px;
    }

    .term-card h2 {
        font-size: 24px;
    }
}

@media (max-width: 768px) {
    .hero h1 {
        font-size: 36px;
    }

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

    .term-card {
        padding: 24px;
        margin-bottom: 20px;
    }

    .term-card h2 {
        font-size: 20px;
    }

    .term-card p {
        font-size: 14px;
    }

    .contact-section {
        padding: 32px 20px;
    }

    .contact-section h2 {
        font-size: 24px;
    }
}

@media (max-width: 480px) {
    .hero h1 {
        font-size: 28px;
    }

    .term-card {
        padding: 20px;
        border-radius: 12px;
    }

    .term-card h2 {
        font-size: 18px;
        gap: 8px;
    }

    .term-icon {
        width: 32px;
        height: 32px;
        font-size: 16px;
    }

    .menu-toggle {
        width: 50px;
        height: 50px;
        font-size: 20px;
        bottom: 20px;
        right: 20px;
    }
}

/* login page */
.cs_login_logo img {
    height: 80px;
}

/* homecss */
.mySwiper .swiper-wrapper {
    margin-bottom: 50px;
}

.placed-card .content img {
    height: 106px !important;
    object-fit: contain;
}
.placed-card .content p {
    color: black !important;
}

.video-grid .video-wrapper {
    padding-bottom: 80.25% !important;
}
p.textwrap {
    color: #fff !important;
}

/* devnew */
.singlebanner {
    background-attachment: local;
    background-size: contain;
    background-repeat: no-repeat;
}

.video-grid .video-wrapper {
    padding-bottom: 125.25% !important;
}

.video-wrapper video {
    object-fit: contain !important;
}

.devcampus .company-name {
    font-size: 15px;
}

.devcampus .inner.company-card {
    height: 230px;
}

.year-box span {
    justify-content: center;
}

@media (max-width: 480px) {
    img.sitelogowrap {
        height: 100% !important;
    }
    .about-us .inner .about-tab-buttons button {
        width: 100%;
        max-width: 250px;
        min-width: 0px;
        white-space: nowrap;
    }
    .qualities-section .custom-row.justify-end {
        justify-content: center;
    }

    .gallery-grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 12px;
    }

    .course-details .course-info {
        padding: 0px 0px 16px 10px;
    }
    .about-section .inner {
        padding: 20px 0px;
    }

    .about-section {
        padding: 0px;
    }

    .club-row {
        grid-template-columns: 1fr;
    }

    .devadmissionprocess .tabs {
        display: grid;
    }

    .leader-item.rightleader {
        grid-template-columns: 1fr !important;
    }
}

.values-list li {
    width: 100%;
}

.gallery-item {
    width: 100%;
}

.activity-card {
    height: 100%;
}

.breadcrumb-item a {
    color: #fff;
}

.mega-menu-wrapper .dropdown-content {
    /* width: 100%; */
    background: #fff;
    padding: 40px 0px 0px 0px;
    border-top: 1px solid #eee;
}

.mega-menu-container {
    display: block;
}

.mega-left-box {
    padding-right: 40px;
    border-right: 1px solid #eee;
}

.mega-left-title {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 15px;
}

.mega-left-text {
    margin-bottom: 20px;
    color: #555;
}

.btn-readmore {
    background: #0d6efd !important;
    color: #fff !important;
    padding: 8px 20px;
    border-radius: 30px;
}

.mega-columns {
    padding-left: 40px;
}

.mega-column {
    margin-bottom: 20px;
}

.mega-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
}

.mega-links {
    padding: 0;
    list-style: none;
}

.mega-links li {
    margin-bottom: 8px;
}

.mega-links a {
    text-decoration: none;
    color: #0073ff;
}

.mega-links a:hover {
    text-decoration: underline;
}

.dropdown-content ul {
    width: 100% !important;
}

header .header_bottom .nav-horizontal ul {
    position: relative;
}
header .header_bottom .nav-horizontal ul li {
    width: 100%;
    position: static;
}
.mega-columns .mega-column .mega-links {
    position: static;
}

a.btn.btn-primary.btn-readmore {
    justify-content: center;
}

/* 
.mega-menu-wrapper {
    display: none;
} */

header .header_bottom .nav-horizontal ul li .dropdown-wrapper.mega-menu-wrapper {
    position: absolute;
    z-index: 1;
    display: none;
    width: 100%;
}
header .header_bottom .nav-horizontal ul li .dropdown-wrapper.mega-menu-wrapper .mega-links {
    visibility: visible;
    opacity: 1;
    border: none;
}
/* header .header_bottom .nav-horizontal ul li .dropdown-wrapper.mega-menu-wrapper .mega-links li{
    border-bottom: 1px solid #DEE2E6;
}
header .header_bottom .nav-horizontal ul li .dropdown-wrapper.mega-menu-wrapper .mega-links li:last-child{
    border-bottom: none;
} */
header .header_bottom .nav-horizontal ul li .dropdown-wrapper.mega-menu-wrapper .mega-links a {
    color: #073b93;
    font-size: 14px;
    text-decoration: none;
    background: transparent !important;
    padding: 5px 0px;
    min-height: 100%;
}
header .header_bottom .nav-horizontal ul li .mega-left-box a.btn-readmore {
    padding: 10px 20px;
    display: inline-flex;
    width: auto;
    font-size: 14px;
}
.mega-title {
    padding-bottom: 15px;
    border-bottom: 1px solid #dee2e6;
}
@media (min-width: 1300px) {
    header .header_bottom .nav-horizontal ul li:hover .dropdown-wrapper.mega-menu-wrapper {
        display: block;
    }
}
header .header_bottom .nav-horizontal ul li.menu-item-has-children .singlemenuwrap.active ul {
    visibility: visible;
    opacity: 1;
    position: static;
}
header .header_bottom .nav-horizontal ul li.menu-item-has-children {
    position: relative;
}
header .header_bottom .nav-horizontal ul li.menu-item-has-children .singlemenuwrap ul {
        width: 300px !important;
}
header .header_bottom .nav-horizontal ul li.megamainu a:after {
    border: 2px solid;
    border-left: 0;
    border-radius: 0 0 2px 0;
    border-top: 0;
    content: "";
    display: inline-block;
    height: 6px;
    margin-left: 6px;
    position: relative;
    top: -1px;
    transform: rotate(45deg);
    width: 6px;
}
@media screen and (max-width: 1299px) {
    header .header_bottom .nav-horizontal ul li.megamainu a {
        justify-content: space-between;
    }

    .mega-menu-wrapper .dropdown-content {
        width: 100% !important;
    }
}

header .header_bottom .nav-horizontal ul li.active .dropdown-wrapper.mega-menu-wrapper {
    display: block;
    position: static;
}

@media screen and (max-width: 480px) {
    .year-box {
        position: absolute;
        bottom: -70px;
        right: 20px;

        height: 140px;
        width: 140px;

        font-size: 12px;
    }
    .count-animation .count-box {
        padding: 20px;
        background-color: #00000020;
    }
    .count-animation .count-box .title {
        color: var(--color-white) !important;
    }
    .count-animation {
        position: relative;
    }
    .count-animation::before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
    }
    .mega-menu-wrapper .dropdown-content {
        width: 100% !important;
    }
}

.video-wrapper iframe {
    width: 100% !important;
}

.mega-left-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
}

.placement-logos img {
    width: 130px;
    margin-bottom: 10px;
    display: block;
    border: 1px solid #eee;
    padding: 8px 12px;
    background: #fff;
}

.btn-readmore,
.btn-alumni {
    display: block;
    width: 100%;
    margin-top: 10px;
    background: #ffca28;
    border: none;
    color: #000;
    font-weight: 600;
}

.btn-alumni {
    background: #f4b400;
}

.mega-links li {
    margin-bottom: 10px;
}

.mega-links a {
    text-decoration: none;
    color: #000;
    font-size: 15px;
}

.mega-girl-img {
    width: 250px;
    float: right;
}

.mega-menu-wrapper .dropdown-content {
    width: 74%;
    background: #fff;
    /* padding: 40px 0; */
    border-top: 1px solid #eee;
    border-bottom: 6px solid #1e4c9a;
}

.btn-alumni {
    padding: 8px 3px !important;

    font-size: 15px;
}

.mega-links a:hover {
    color: #f5be36 !important;
}

.placement-logos img {
    width: 200px;
}

.mega-girl-img {
    width: 220px;
    float: right;
}

.corseslink {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
}

.mega-links li {
    margin-bottom: 0px;
}

.corsesmegamenu .placement-logos img {
    width: 100% !important;
}

/* blog  page */
.cs_blog_section .cs_post_thumb img {
    width: 100%;

    height: 257px;
    object-fit: contain;
}

.cs_blog_section .cs_post_title {
    font-size: 20px;
    line-height: 1.167em;
    font-weight: bold !important;
    font-family: sans-serif;
}
.blogtitle {
    font-size: 30px;
    font-weight: bold !important;
    font-family: sans-serif;
}

.cs_blog_details p {
    margin-bottom: 35px;
    font-size: 15px;
    line-height: 25px;
}

.blogdetails .cs_fs_120 {
    font-size: 50px;
    font-weight: bold !important;
    font-family: sans-serif;
}

.blogdetails:before {
    background-color: rgb(0 0 0 / 46%) !important;
}

.cs_slider_arrows .cs_white_color {
    height: 40px;
    width: 40px;
    flex: none;
    transition: all 0.4s ease;
}

.back-to-top,
.scroll-bottom-btn {
    position: fixed;
    left: 20px;
    padding: 12px;
    background: #000;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
    z-index: 999;
}

.back-to-top {
    /* bottom: 80px; */
    left: 15px;
      bottom: 25px;
    background-color: #1e4c9a;
    padding: 19px;
}

.scroll-bottom-btn {
    bottom: 20px;
    font-size: 20px;
}

.whatsapp-icon {
    bottom: 27px !important;
    right: 115px !important;
}


header {
    position: sticky;
    top: 0px;
    z-index: 99999;
}

/* .scroll-buttons {
    position: fixed;
    bottom: 20px;
    right: 15px;
    z-index: 9999;
} */

.back-to-top {
    /* width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #1f4aa8;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer; */
    touch-action: manipulation; /* 🔥 mobile fix */
}

.erorcolor {
    color: red;
}

#ccw-toggle {
    width: 66px !important;
    height: 66px !important;
}

#college-chat-widget {
    bottom: 26px !important;
}

div:where(.swal2-container) {
   
    z-index: 99999 !important;
   
}


header .header_top .logo-horizontal img {
   
    height: 60px !important;
}



@media screen and (max-width:480px) {
    .singlebanner {
    background-size: cover;
    background-position: left;
   height: 300px !important;
}
    .devhero {
    background-position: left !important;
  
}
.pagebanner .hero-content h1 {
     margin-bottom: -36px;

}

.megadevmega-menu-wrapper .placement-logos img ,.megadevmega-menu-wrapper .mega-girl-img{
    display: none;
}

section.section.devprograms-section {
    padding-top: 50px;
}
.container.tablewrap {
    padding-top: 50px;
}


   
}

@media screen and (min-width:1200px) {

  .site-menu 
{
display: none;
}

}

/* ul.simplemenu {
    width: 200px !important;
} */

.values-box .section-header h2 {
    font-size: 30px;
    
}

.values-column h4 {
    font-size: 18px;
   
}

/* new liewebsite custom css */

header .header_bottom .nav-horizontal ul li ul {
   
    z-index: 9999 !important;
   
}

header .header_bottom .nav-horizontal ul li.menu-item-has-children.megamainu {
    position: static;
}

.count-animation{
position:relative;
}

.count-animation::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
}




#ccw-toggle {
    width: 66px !important;
    height: 66px !important;
   
   
}

#college-chat-widget {
   
    bottom: 26px !important;
   
}

.megadevmega-menu-wrapper {
    padding-bottom: 10px !important;
}

@media screen and (max-width:1199px) {
    .megadevmega-menu-wrapper .mega-girl-img, .megadevmega-menu-wrapper .placement-logos img ,.colwrap2  img{
        display: none;
    }
}

header .header_bottom .nav-horizontal ul li.active .dropdown-wrapper.mega-menu-wrapper {

    display: block;

    position: absolute !important;

}
@media (max-width: 1199px){header .header_bottom .nav-horizontal ul li.active .dropdown-wrapper.mega-menu-wrapper {

    display: block;
     position: static !important;
}
   
.colwrap4 .col-xl-6.mega-left-box {
    margin-top: 0px;
}

.plcementmegamenu .mega-left-box
{
display:none;
}
.colwrap3{
  
    padding: 20px 0 0 0 !important;
   
}
}



header .header_bottom .nav-horizontal ul li ul {
 
    gap: 0px;
}

header .header_bottom .nav-horizontal ul li ul a {
    padding: 0px 20px;
    justify-content: start;
    font-size: 16px;
    text-transform: capitalize;
}
 
 header .header_bottom .nav-horizontal ul {
 
    gap: 0px;
}

@media (max-width: 480px){
about-us.pt-60 .section-title,.logo-slider .section-title{
    
    margin-bottom: 30px;
 }
about-us.pt-60 {
    
 padding-bottom: 40px;
}
.pagebanner .hero-content h1 {
        margin-bottom: 0px;
    }
    
    .testimonial-row {
  
    gap: 0px;
}

.devhighlightbox .about-content {
   
    padding: 21px 17px;
   
}
.section-spacing {
    padding: 0px 0;
}
}



.about-us.pt-60 .section-title, .recently-placed .section-title ,.logo-slider .section-title ,.programs-section .section-title,.pgdm-video-gallery .cs_section_title ,.video-section .section-title ,.section-spacing .section-title{
    margin-bottom: 30px;
 }
 
 .recently-placed {
 
  margin-bottom: 0px;
 }
 
    
 
 .logo-slider {
 padding-bottom: 20px;
       margin-bottom: 4px;
}

.logo-slider .logo-track.right-to-left {
        display: none;
}
    
   #photogallery-1760163652088 .cs_height_85 {
    height: 50px;
   
}
video-section .video-grid {
  
    margin-top: 50px;
  
}

.video-section .section-title h2 {
     font-size: 30px;
   
}

.video-section {
    padding: 0px 0;
  
}
.cs_height_85 {
    height: 50px;
   
}

.testimonials-container {
  
    margin-top: 10px;
        gap: 0px;
}

.testimonial-content p {
    margin-top: 20px;
}

.devhighlightbox .about-content p {
   
    text-align: start;
}

.company-content {
    padding: 0px 24px;
   
}

.labelclass {
    margin-bottom: 10px;
}

.gallery-item img {
   
    object-fit: contain;
   
}

.cs_cta_title{
  font-size: 30px;
  font-weight: 600;
}

.cs_auth_card .cs_custom_checkbox .cs_custom_checkbox_label:before {
    border: 1px solid #000 !important;
    border-radius: 4px;
    content: "";
    height: 22px;
    left: 0;
    position: absolute;
    top: 0px;
    transition: all .3s ease;
    width: 22px;
}

.cs_post.cs_style_1 .cs_post_thumb img ,.cs_post.cs_style_2 .cs_post_thumb img {
       object-fit: contain;
    height: 257px !important;
}

@media (max-width: 991px) {
    .cs_mobile_hide {
        display: block !important;
    }
}


@media (max-width: 480px) {
   .cs_slider_arrows.cs_style2 .cs_left_arrow {

    margin-left: 0px;
    left: 21px;
      top: 230px;
    z-index: 9999;
}

.cs_slider_arrows.cs_style2 .cs_right_arrow {
    margin-right: 0px;
    right: 25px;
    top: 230px;
    z-index: 9999;
}
}

/* jitendra style */


.corsesmegamenu .placement-logos img {
    width: 100%!important;
    height: 200px;
    object-fit: contain;
}


header .header_bottom .nav-horizontal ul li.menu-item-has-children.megamainu:nth-child(4) .dropdown-wrapper.mega-menu-wrapper, header .header_bottom .nav-horizontal ul li.menu-item-has-children.megamainu:nth-child(5) .dropdown-wrapper.mega-menu-wrapper, header .header_bottom .nav-horizontal ul li.menu-item-has-children.megamainu:nth-child(6) .dropdown-wrapper.mega-menu-wrapper {
    right: 0px;
}


@media (min-width: 1300px) {
    header .header_bottom .nav-horizontal ul li.menu-item-has-children.megamainu:nth-child(4):hover .dropdown-wrapper.mega-menu-wrapper, header .header_bottom .nav-horizontal ul li.menu-item-has-children.megamainu:nth-child(5):hover .dropdown-wrapper.mega-menu-wrapper, header .header_bottom .nav-horizontal ul li.menu-item-has-children.megamainu:nth-child(6):hover .dropdown-wrapper.mega-menu-wrapper {
        display: flex;
        justify-content: center;
    }
}
.devhighlightbox .about-content {
    margin: 0px;
}
section.section.domains-section {
    padding-top: 20px;
}
section#photogallery-1746607009498 {
    padding: 0px !important;
}
.cs_slider_arrows .cs_white_color {
    cursor: pointer;
}
#ccw-toggle {
    font-size: 28px;
}
.corsesmegamenu .placement-logos img {
    width: 100%!important;
    height: 100%;
    object-fit: cover;
}
@media(max-width: 575px){
  .cs_bg_filed {
      background-position: left;
  }
    section#banner-1764403572615 .cs_bg_filed {
      background-position: right;
  }
  .devhero {
    background-position: left!important;
    object-fit: cover;
    height: 300px !important;
    background-attachment: local;
}
}


/* final 27 dec */

.dropdown-content.megadevmega-menu-wrapper.mega-open {
    padding-top: 10px;
    padding-bottom: 10px;
}

.mega-column {
    margin-bottom: 0px;
}

.colwrap4 .mega-left-box {
    padding-right: 0px;
    border-right: 1px solid #eee;
}

.colwrap4  .mega-title {
    padding-bottom: 10px !important;;
    border-bottom: 1px solid #dee2e6;
   margin-bottom: 0px !important;;
}

  .mega-title {
    padding-bottom: 10px !important;;
    border-bottom: 1px solid #dee2e6;
   margin-bottom: 0px !important;;
}

.corsesmegamenu .placement-logos img {
    width: 100%!important;
    height: 230px;
    object-fit: contain;
}
.mega-columns {
    padding-left: 20px;
}

footer {
    
    padding: 30px 0 20px 0;
    
}

footer .inner .social-links ul {
    
    row-gap: 1px;
}

section.about-us.pt-60.pb-60 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.about-us .inner {
   
    padding: 30px;
   
}

.about-us .inner .about-tab-buttons {
    
    margin-bottom: 0px;
  
   }
   
   .college-awords .inner .certificate-box img {
    max-width: 100%;
    min-width: 100%;
    height: 364px;
}

.section-title {

    margin-bottom: 30px;
    
}

.corporate-section .inner .corporate-swiper {
    padding-bottom: 0px;
}

.corporate-section  {
   padding-top: 40px;
}

.video-grid {
    
    max-width: 100%;
    
}

@media (max-width: 480px) {
    .college-awords .inner .certificate-box img {
        max-width: 200px;
        min-width: 120px;
        height: auto;
    }
    
    .cs_page_heading .container {
     margin-top: 100px;
}

.domain-bullet {
  
    display: none;
}
}

.video-grid {
   
    margin-top: 30px;
   
}

.video-card {
    height: 100%;
}

.blogstyle1 .cs_post_title {
    font-size: 17px;
    font-weight: 600 !important;
}

/*.colwrap4 .mega-links a {
 font-size: 12px;
   line-height: 13px;
} */

.corseslink {
 
    grid-template-columns: none;
    gap: 4px;
}

.cs_page_heading.cs_primary_bg {
    background-position: right;
    background-size: cover;
        height: 400px;

}

.cs_page_heading .container {
   
    text-align: center;
}

.cs_section_subtitle:before {
    background-color: none !important;
    content: "";
    display:none;
   
}

.cs_page_heading .cs_section_title {
        font-size: 30px;
    }
    
    .devaccordian {
    padding: 20px 0;
    position: relative;
    margin-top: 0px;
}

.cs_google_map_2 iframe {
   height: 568px;
   
}

.video-wrapper video {
    position: absolute;
    top: -55px;
    
}

section.contact-section.pt-60.pb-60 {
    padding-top: 10px;
}

#about-1762508278640 .cs_section_title  {
    font-size: 30px;
    font-weight: bold !important;
}

#about-1762508278640 .cs_list.cs_style_1 li {
    
    margin-bottom: 3px;
}

#about-1762508278640 .cs_fs_24 {
    font-size: 21px;
    line-height: 1.333em;
}

header .header_top {
   
    padding: 0px 40px;
   
}


ol.breadcrumb.cs_white_color {
    justify-content: center;
    margin-top: 10px;
}

.cs_pagination_item {
    background-color: var(--primary);
   color: #fff;
}

.stats-section {
    padding: 30px 20px;
  
}

.section-container {
    max-width: 1140px;
    margin: 0 auto;
}

.stats-header {
    text-align: center;
    margin-bottom: 0px;
   
}

.stats-grid {
     padding-top: 0px;
    
}

.devprograms-section .tab-content {
    display: none;
    height: 100%;
}
section.about-section.devaboutsevtion {
    padding-bottom: 0px;
}

.section-spacing .section-title {
     margin-bottom: 0px;
}

@media (max-width: 480px) {
    .testimonial-image-wrapper {
        height: 210px;
    }
}

.leadership-section {
    
    padding: 20px 20px;

}

.leadership-header {
    text-align: center;
    margin-bottom: 0px;
    position: relative;
    z-index: 1;
}

.gallery-section {
    padding: 30px 30px;
    
}

.gallery-item img {
    object-fit: cover;
}

.campus-info-1, .placement-commitment {
    background-color: var(--color-white);
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.inspiration-section .section-header {
  
    margin-bottom: 0px;
   
}

.vm-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

.leadership-section {
    padding: 0px 20px;
}

.cs_slider.cs_style_2 .cs_slider_2_in {
    padding-left: 0px;
    width: 100vw;
}

//new
.cs_slider_2_in .cs_card.cs_style_2 {
    padding: 45px 0px;
}

.cs_slider_2_in .cs_card.cs_style_2 .cs_card_thumb img {
    height: 295px;
    width: 100%;
}

.cs_banner:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 0;
}

.cs_banner.cs_style_1 {
  
    background-position: top;
}


.rightleader .leader-content {
    text-align: left;
}

.rightleader .leader-bio p {
    text-align: justify;
}

.leadership-section .section-header {
      margin-bottom: 0px;
    
}

.devhighlightbox .highlights-grid {
    margin-top: 0px;
    padding-top: 0px;
    border-top: none;
}

.devhighlightbox .about-content {
   
    padding: 15px 15px;
    
}

.cs_google_map_2 iframe {
  
    filter: brightness(0.5);
   
}

.placement-logos img {
    border: none;
    width: 100%;
        padding: 0px 0px;
        top: 10px;
    left: 0px;
    position: relative;
    height: 210px;
    object-fit: contain;
}

.megadevmega-menu-wrapper {
    padding-bottom: 0px !important;
}

.corsesmegamenu .placement-logos img {
    object-fit: contain;
    position: relative;
    top: 25px;
}

.cs_height_150 {
    height: 70px;
}

.leadership-name-section {
    text-align: center;
}

.leadership-grid {
    margin-top: 30px !important;
}

.leadership-name-section {
    border-bottom: none;
    
}

.leadership-header h2 {
    font-size: 30px;
   
}

.vm-content {
    height: 400px;
}

.values-column h4 {
   
    justify-content: center;
        margin-bottom: 10px;

}

.values-box .section-header {
    margin-bottom: 30px;
   
 }
 
 .values-box {
    padding: 10px;
}

.domain-bullet {
    min-width: 8px;
}

.devcampus .swiper-slide {
    padding-top: 20px!important;
}

.domains-section .section-header {
     margin-bottom: 10px;
}
.domains-section .domains-grid {
     margin-top: 10px;
}
.domains-section {
   padding: 40px 20px;
}

.profiles-section {
    padding: 50px 20px;
}

.profiles-header {
   margin-bottom: 30px;
    
}

.devprograms-section .programs-container {
   
    margin-top: 10px;
}

.devprograms-section .section-header {
     margin-bottom: 10px;
    
}

.placements-table-section {
   padding: 30px 30px
   
}
.placements-table-section .container div {
    margin-top: 10px !important;
}

section.placement-info.pt-60.pb-60 {
    padding-top: 0px;
    padding-bottom: 20px;
}

.admission-process .tabs .tab-btn.active {
    background-color: #1e4c9a;
    color: #fff;
    border-radius: 5px;
}

.admission-process .tabs .tab-btn {

    border: 1px solid blue;
        border-radius: 5px;
}

.admission-process .tabs {
    gap: 10px;
}

.campus-info-1, .placement-commitment {
   
    padding-top: 0px !important;
    padding-bottom: 30px !important;
}

section.admission-process.pt-60.pb-60 {
 padding-top: 0px;
    padding-bottom: 20px;
}

.tablewrap .cs_height_85 {
    height: 20px;
}


.placements-table-section {
     padding-bottom: 0px;
}

.placement-logos img {

    position: static;

    margin: 0px;

    object-fit: contain;
    object-position: bottom;

}
.placement-logos {

    height: 100%;

    display: flex;

    align-items: end;

    width: 100%;

}
.diwwrap {

    height: 100%;

    display: flex;

    align-items: end;

}
.corsesmegamenu .placement-logos img {

    position: static;

}
 

/* devcss */
.site-header,main.banner {
   
    background-image: linear-gradient(42deg, #FFD2FC, #D7D4FF);
}


.ratingtext{
    display: flex;
    gap: 10px;
    margin-right: 33px;
}

.cardleft{
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit;
}

.cardleft {
    left: 0;
    border-right: 1px solid #fff !important;
}

.cardright {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit;
}
 
.cardright {
    right: 0;
}


.globalfaq .accordion-header {
    padding: 4px 32px !important;
   
}

.bannerstylenew .hero-subtitle {
 line-height: 0.6em;
}


.about-hero .banner-retaing {
    background: rgba(255, 255, 255, 0.15)  !important;
    border-radius: 10px;
    margin-top: 40px;
    padding: 12px 20px;
    display: flex;
    align-items: center;
}

.stats-bar {
    background-color: #1e4c9a;
    padding: 40px 0;
}

.stats-bar .stat-divider {
    border-left: 1px solid rgba(255,255,255,0.3);
}


/* new ismsglobal about page */
  /* ===== ABOUT HERO ===== */
        .about-hero { background:linear-gradient(42deg,#FFD2FC,#D7D4FF),; padding:80px 0 80px; color:#fff; position:relative; overflow:hidden; }
        .about-hero::after { content:''; position:absolute; bottom:-1px; left:0; width:100%; height:80px; background:#fff; clip-path:ellipse(55% 100% at 50% 100%); }
        .about-hero h1 { font-size:48px; font-weight:700; color:#170a49; }
        .about-hero h1 span { color:#170a49; }
        .about-hero p { font-size:1.15rem; color:#170a49(255,255,255,0.88); }
        .about-hero .breadcrumb-item a { color:#170a49; text-decoration:none; }
        .about-hero .breadcrumb-item.active { color:#170a49; }
        .about-hero .breadcrumb-item+.breadcrumb-item::before { color:#FFD2FC; }
        .hero-float-card { background:#fff; border-radius:12px; padding:15px 20px; box-shadow:0 10px 30px rgba(0,0,0,0.15); display:inline-flex; align-items:center; gap:12px; }
        .hero-float-card i { font-size:28px; color:var(--primary-color); }
        .hero-float-card span { font-size:13px; color:#666; }
        .hero-float-card strong { display:block; color:var(--black); font-size:18px; font-family:var(--theme-font); }
        .hero-float-card-wrap { animation:topToBottom 4s ease-in-out infinite; }

        /* ===== STATS BAR ===== */
        .stats-bar { background-color:var(--primary-color); padding:40px 0; }
        .stats-bar .stat-item { text-align:center; color:#fff; padding:10px 20px; }
        .stats-bar .stat-item h3 { font-size:2.5rem; font-weight:700; color:#fff; margin-bottom:5px; }
        .stats-bar .stat-item p { color:rgba(255,255,255,0.8); margin:0; font-size:16px; }
        .stats-bar .stat-divider { border-left:1px solid rgba(255,255,255,0.3); }

        /* ===== ABOUT BLUE STRIP ===== */
        .about-wrapper { background-color:var(--primary-color); color:var(--bgLight); padding:40px 0; overflow:hidden; }
        .about-wrapper .about-title { margin-bottom:0.5rem; color:var(--white); }
        .about-wrapper .about-subtitle { font-weight:400; font-size:1.25rem; margin-bottom:25px; letter-spacing:0.5px; color:var(--white); }
        .about-wrapper .about-description { font-weight:300; line-height:1.7; opacity:0.85; font-size:0.95rem; }
        .about-description p { color:var(--bgLight); }
        .about-wrapper button { border-radius:50px; height:50px; width:136px; font-size:20px; font-weight:500; color:var(--black); border:none; }
        .about-wrapper button:hover { background-color:var(--black) !important; color:var(--white) !important; }
        .about-wrapper .about-img-fluid { background:var(--black); border-radius:30px; box-shadow:0 25px 50px -12px rgba(0,0,0,0.5); padding:40px 20px 0; }
        .about-wrapper .about-visual-container { text-align-last:end; position:relative; z-index:2; }

        /* ===== VALUES ===== */
        .value-card { border:1px solid #dee2e6; border-radius:15px; padding:30px 25px; text-align:center; height:100%; transition:all 0.3s ease; }
        .value-card:hover { box-shadow:0 10px 30px rgba(30,76,154,0.12); transform:translateY(-5px); border-color:var(--primary-color); }
        .value-card .value-icon { width:65px; height:65px; border-radius:50%; background:linear-gradient(135deg,#e8f0ff,#d0e0ff); display:flex; align-items:center; justify-content:center; margin:0 auto 20px; }
        .value-card .value-icon i { font-size:26px; color:var(--primary-color); }
        .value-card h5 { color:var(--black); font-size:18px; margin-bottom:10px; }

        /* ===== MISSION / VISION ===== */
        .mv-card { border-radius:20px; padding:35px 30px; height:100%; }
        .mv-card.mission { background:linear-gradient(135deg,#1E4C9A,#3a7bd5); }
        .mv-card.vision { background:linear-gradient(135deg,#1E365E,#2d5086); }
        .mv-card h3 { color:#fff; font-size:1.8rem; font-weight:700; margin-bottom:15px; }
        .mv-card p { color:rgba(255,255,255,0.85); font-size:16px; line-height:1.8; }
        .mv-card .mv-icon { width:60px; height:60px; background:rgba(255,255,255,0.15); border-radius:50%; display:flex; align-items:center; justify-content:center; margin-bottom:20px; }
        .mv-card .mv-icon i { font-size:26px; color:#fff; }

        /* ===== WHY ISMS (fantasy cards) ===== */
        .fantasy-advanced-global { text-align:center; border:1px solid var(--primary-color); border-radius:13px; height:100%; padding:20px; position:relative; transition:transform 0.3s ease; }
        .fantasy-advanced-global figure { z-index:1; border:10px solid #fff; border-radius:50%; width:105px; height:105px; margin:-70px auto 0; position:relative; background:#fff; }
        .fantasy-advanced-global figure img { padding:15px; width:75px; height:75px; object-fit:contain; }
        .fantasy-advanced-global h4 { color:var(--black); margin:30px 0 8px; font-size:18px; font-weight:500; line-height:1.4; }
        .fantasy-advanced-global::after { content:""; background:var(--primary-color); border-radius:0 0 60px 60px; width:108px; height:56px; position:absolute; top:0; left:50%; transform:translate(-50%); }
        .fantasy-advanced-global figure { transition:transform 0.3s ease; }
        .fantasy-advanced-global:hover figure { transform:translateY(-5px); }
        .feature-text { color:#59585C; font-size:15px; line-height:1.6; }

        /* ===== INFOGRAPHIC ===== */
        .infographic .infographic-card_right { border-radius:50px 50px 50px 0 !important; }
        .infographic .infographic-card { border-radius:50px 50px 0 50px; padding:11px 17px; margin-bottom:20px; border:1px solid #dee2e6; display:flex; align-items:center; transition:transform 0.3s ease; height:100%; }
        .infographic .infographic-card:hover { transform:translateY(-5px); box-shadow:0 10px 20px rgba(0,0,0,0.05); }
        .infographic .icon-box { font-size:20px; margin-right:20px; min-width:40px; }

        /* ===== TEAM ===== */
        .team-card { border-radius:15px; overflow:hidden; box-shadow:0 0 20px rgba(0,0,0,0.08); transition:transform 0.3s ease; background:#fff; }
        .team-card:hover { transform:translateY(-6px); }
        .team-card .team-img { width:100%; height:200px; background:#e9ecef; display:flex; align-items:center; justify-content:center; }
        .team-card .team-img i { font-size:80px; color:#adb5bd; }
        .team-card .team-info { padding:20px; }
        .team-card .team-info h5 { color:var(--black); font-size:18px; margin-bottom:4px; }
        .team-card .team-info span { color:var(--primary-color); font-size:14px; font-weight:500; }
        .team-card .team-info p { font-size:14px; margin-top:10px; }

        /* ===== TIMELINE ===== */
        .timeline { position:relative; padding:20px 0; }
        .timeline::before { content:''; position:absolute; left:50%; top:0; bottom:0; width:3px; background:linear-gradient(to bottom,var(--primary-color),#3a7bd5); transform:translateX(-50%); }
        .timeline-item { display:flex; justify-content:flex-end; padding-right:calc(50% + 30px); margin-bottom:40px; position:relative; }
        .timeline-item:nth-child(even) { justify-content:flex-start; padding-right:0; padding-left:calc(50% + 30px); }
        .timeline-dot { width:18px; height:18px; border-radius:50%; background:var(--primary-color); border:3px solid #fff; box-shadow:0 0 0 3px var(--primary-color); position:absolute; left:50%; top:20px; transform:translateX(-50%); z-index:1; }
        .timeline-card { background:#fff; border-radius:12px; padding:20px 25px; box-shadow:0 5px 20px rgba(0,0,0,0.08); max-width:420px; width:100%; border-left:4px solid var(--primary-color); }
        .timeline-item:nth-child(even) .timeline-card { border-left:none; border-right:4px solid var(--primary-color); }
        .timeline-card .year { font-size:13px; font-weight:700; color:var(--primary-color); text-transform:uppercase; letter-spacing:1px; margin-bottom:6px; }
        .timeline-card h5 { color:var(--black); font-size:17px; margin-bottom:6px; }
        .timeline-card p { font-size:14px; color:var(--text-color); margin:0; }

        /* ===== PARTNERS ===== */
        .partner-logo { border:1px solid #dee2e6; border-radius:10px; padding:20px; display:flex; align-items:center; justify-content:center; height:90px; transition:all 0.3s ease; background:#fff; }
        .partner-logo:hover { box-shadow:0 5px 20px rgba(30,76,154,0.1); border-color:var(--primary-color); }
        .partner-logo span { font-size:18px; font-weight:700; color:var(--primary-color); text-align:center; }

        /* ===== RATED SECTION ===== */
        .rated-section { background-color:#F4F3FF; }
        .block-rates .fa { color:#E0A955; font-size:15px; padding-left:5px; }
        .star_block { display:flex; align-items:center; gap:20px; }
        .star_block img { width:50px !important; height:50px; border-radius:100px; }
        .star_block h4 { font-size:18px; color:#000; font-weight:500; margin-bottom:0; }
        .star_block p { font-size:16px; color:#9F9F9F; margin:0 !important; }
        .rated-section .owl-nav .owl-prev,
        .rated-section .owl-nav .owl-next { position:absolute; top:50%; transform:translateY(-50%); }
        .rated-section .owl-nav .owl-prev { left:-40px; }
        .rated-section .owl-nav .owl-next { right:-40px; }
        .rated-section .owl-nav .owl-prev::before { content:"\f060"; font-family:'FontAwesome'; background-color:#fff; padding:10px; border-radius:100%; color:#727578; border:1px solid #1e4c9a33; box-shadow:0 0 10px #00000038; }
        .rated-section .owl-nav .owl-next::before { content:"\f061"; font-family:'FontAwesome'; background-color:#fff; padding:10px; border-radius:100%; color:#727578; border:1px solid #1e4c9a33; box-shadow:0 0 10px #00000038; }
        .rated-section .owl-nav .owl-prev span,
        .rated-section .owl-nav .owl-next span { display:none !important; }

        /* ===== FAQ ===== */
        .faq-section { background-image:url('../images/faq-section.png'); background-size:cover; background-repeat:no-repeat; }
        .faq-section .btn-booking.book_free_bg { background-color:var(--primary-color); color:var(--white); border-radius:50px; font-size:20px; font-weight:500; padding:10px 30px; height:50px; border:none; display:inline-block; text-decoration:none; line-height:30px; }
        .faq-section .btn-booking.book_free_bg:hover { background-color:var(--white); color:var(--black); border:1px solid var(--black); }
        .faq-section .accordion-item { background-color:#FCFCFC; margin-bottom:10px; border-radius:5px; }
        .faq-section .accordion-header .accordion-button { color:var(--black); font-size:20px; font-weight:500; background-color:#FCFCFC; border-bottom:0 !important; box-shadow:none !important; border-radius:5px; padding:0px 20px; }

        /* ===== ADMISSION ===== */
        .admission_section { background-color:var(--primary-color); width:900px; max-width:100%; margin:auto; position:absolute; left:0; right:0; top:-150px; z-index:99; color:var(--white); border-radius:20px; overflow:hidden; }
        .admission_section p { color:#D2D2D2 !important; font-size:25px; font-weight:500; margin-bottom:0; }
        .admission_section .admi_p { color:#fff !important; font-size:16px; font-weight:400 !important; }
        .admission_section .btn-text-black { border-radius:50px; height:50px; width:140px; font-size:20px; font-weight:500; color:var(--black); position:relative; z-index:9; border:none; }
        .admission_section .btn-text-black:hover { background-color:var(--primary-color) !important; color:var(--white); border:1px solid #fff !important; }
        .admission_section .shape-img { position:absolute; bottom:-27px; left:-70px; }


          /* ===== ANIMATIONS (exactly from style.css) ===== */
        .animate_let, .banner_img, .admission_section img {
            animation: messageMove 4s ease-in-out infinite;
        }
        @keyframes messageMove {
            0%,100% { transform:translateX(0); }
            25%,75% { transform:translateX(7px); }
            50% { transform:translateX(15px); }
        }
        .baner-1-img, .about-img-fluid, .infographic-card, .admission_section .shape-img img {
            animation: topToBottom 4s ease-in-out infinite;
        }
        @keyframes topToBottom {
            0% { transform:translateY(0); }
            50% { transform:translateY(15px); }
            100% { transform:translateY(0); }
        }
        .rated-section .pages-heading img {
            animation: scaleAnim 6s ease-in-out infinite;
        }
        @keyframes scaleAnim {
            0% { transform:scale(0.5); }
            50% { transform:scale(0.8); }
            100% { transform:scale(0.5); }
        }
        /* Hero float cards float animation */
        .hero-float-cards { animation: topToBottom 4s ease-in-out infinite; }

        /* ===== WOW fade-in handled with Intersection Observer ===== */
        /* .wow { opacity:0; transform:translateY(20px); transition:opacity 0.8s ease, transform 0.8s ease; }
        .wow.animated { opacity:1; transform:translateY(0); }
        .wow.fadeInDown { transform:translateY(-20px); }
        .wow.fadeInDown.animated { transform:translateY(0); opacity:1; } */

        /* ===== RESPONSIVE ===== */
        @media(max-width:1199px){
            .rated-section .owl-nav .owl-prev { left:-5px; }
            .rated-section .owl-nav .owl-next { right:-5px; }
        }
        @media(max-width:991px){
            .about-hero h1 { font-size:32px; }
            .about-hero { padding:60px 0 70px; }
            .stats-bar .stat-divider { border-left:none; border-top:1px solid rgba(255,255,255,0.2); }
            .timeline::before { left:20px; }
            .timeline-item { justify-content:flex-start; padding-right:0; padding-left:55px; }
            .timeline-item:nth-child(even) { justify-content:flex-start; padding-left:55px; }
            .timeline-dot { left:20px; }
            .timeline-card { max-width:100%; }
            .timeline-item:nth-child(even) .timeline-card { border-right:none; border-left:4px solid var(--primary-color); }
            .admission_section { top:-100px; }
            .footer { padding-top:130px; margin-top:120px; }
        }
        @media(max-width:767px){
            .about-hero h1 { font-size:26px; }
            .about-hero p { font-size:1rem; }
            h2 { font-size:1.6rem; }
            .pages-heading h2 { font-size:26px; }
            .admission_section { top:-80px; }
            .footer { padding-top:110px; margin-top:100px; }
            .admission_section p { font-size:18px; }
            .hero-float-cards { display:none !important; }
            .stats-bar .stat-item h3 { font-size:1.8rem; }
        }
        @media(max-width:480px){
            .about-hero { padding:50px 0 65px; }
            .admission_section { top:-60px; }
            .footer { padding-top:90px; margin-top:80px; }
        }

        .about-hero .breadcrumb-item+.breadcrumb-item::before {
    color: #000000;
}

/* pathway page */

/* ===== STEP TIMELINE ===== */
        .pathway-timeline { padding: 80px 0; background: #fff; }
        .timeline-step {
            display: flex;
            align-items: flex-start;
            gap: 30px;
            margin-bottom: 60px;
            position: relative;
        }
        .timeline-step:not(:last-child)::after {
            content: '';
            position: absolute;
            left: 39px;
            top: 80px;
            width: 2px;
            height: calc(100% + 10px);
            background: linear-gradient(to bottom, #1E4C9A, #D7D4FF);
        }
        .step-number {
            flex-shrink: 0;
            width: 80px; height: 80px;
            background: linear-gradient(135deg, #1E4C9A, #3a6fd8);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 28px;
            font-weight: 700;
            box-shadow: 0 8px 25px rgba(30,76,154,0.3);
            position: relative;
            z-index: 1;
        }
        .step-content {
            flex: 1;
            background: #fff;
            border-radius: 20px;
            padding: 35px;
            box-shadow: 0 5px 30px rgba(0,0,0,0.08);
            border-left: 4px solid #1E4C9A;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .step-content:hover {
            transform: translateX(8px);
            box-shadow: 0 10px 40px rgba(30,76,154,0.15);
        }
        .step-content h3 { font-size: 24px; font-weight: 700; color: #1E365E; margin-bottom: 12px; }
        .step-content p { color: #59585C; font-size: 16px; line-height: 1.7; margin-bottom: 15px; }
        .step-icon { font-size: 40px; color: #1E4C9A; margin-bottom: 15px; }
        .step-tags .badge {
            background: #E8F0FE;
            color: #1E4C9A;
            font-size: 13px;
            padding: 6px 14px;
            border-radius: 50px;
            margin: 4px 4px 4px 0;
            font-weight: 500;
        }
        .step-tips {
            background: linear-gradient(135deg, #f0f4ff, #f8f0ff);
            border-radius: 12px;
            padding: 18px;
            margin-top: 15px;
        }
        .step-tips h6 { color: #1E4C9A; font-size: 14px; font-weight: 700; margin-bottom: 8px; }
        .step-tips ul { margin: 0; padding-left: 18px; }
        .step-tips ul li { color: #59585C; font-size: 14px; margin-bottom: 5px; }
        .step-number-label {
            font-size: 11px;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-top: 5px;
            color: #1E365E;
            text-align: center;
        }
        .step-num-wrap { display: flex; flex-direction: column; align-items: center; }

        /* ===== STATS BAR ===== */
        .stats-bar {
            background: linear-gradient(135deg, #1E4C9A, #1E365E);
            padding: 50px 0;
        }
        .stat-item { text-align: center; padding: 20px; }
        .stat-item h2 { color: #fff; font-size: 48px; font-weight: 700; margin: 0; }
        .stat-item p { color: rgba(255,255,255,0.8); font-size: 16px; margin: 5px 0 0; }
        .stat-divider { border-left: 1px solid rgba(255,255,255,0.2); }

        /* ===== CTA Section ===== */
        .pathway-cta {
            background: linear-gradient(135deg, #FFD2FC, #D7D4FF);
            padding: 80px 0;
            text-align: center;
        }
        .pathway-cta h2 { color: #1E365E; font-weight: 700; }
        .pathway-cta p { color: #59585C; font-size: 18px; }

        /* ===== CHECKLIST ===== */
        .checklist-section { padding: 80px 0; background: #f8f9ff; }
        .checklist-card {
            background: #fff;
            border-radius: 20px;
            padding: 35px;
            box-shadow: 0 5px 30px rgba(0,0,0,0.07);
            height: 100%;
        }
        .checklist-card h4 { color: #1E365E; font-size: 20px; font-weight: 700; margin-bottom: 20px; }
        .check-item {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            margin-bottom: 14px;
            padding-bottom: 14px;
            border-bottom: 1px dashed #eee;
        }
        .check-item:last-child { border-bottom: none; margin-bottom: 0; }
        .check-item i { color: #1E4C9A; margin-top: 2px; font-size: 16px; }
        .check-item span { color: #59585C; font-size: 15px; }

        /* Responsive */
        @media(max-width: 768px) {
            .page-hero h1 { font-size: 32px; }
            .timeline-step { flex-direction: column; gap: 15px; }
            .timeline-step::after { display: none; }
            .step-number { width: 60px; height: 60px; font-size: 22px; }
            .step-content { padding: 25px; }
        }


      .pathway-timeline .step-icon {
   
    background: transparent;
}

.pathway-timeline .step-number {
    
    background: linear-gradient(135deg, #1E4C9A, #3a6fd8);
    box-shadow: 0 8px 25px rgba(30,76,154,0.3);
            opacity: 1;

   
}

.pathway-timeline .step-tips ul {
   
    list-style: disc;
}

.values-grid {
    display: flex;
    /* grid-template-columns: 1fr 1fr; */
    gap: 0px;
    /* gap: 60px; */
}

.values-icon {
    
    background: transparent !important;
   
}



.vision-mission-section .values-list li {
    margin-bottom: 0px !important;
    padding: 0px 5px !important;
}


.cta-section {
    /* background: linear-gradient(135deg, #FFD2FC, #D7D4FF) !important; */
    border-radius: 13px;
   
}


/* DESTINATION page */
/* ===== DESTINATION HERO CARDS ===== */
        .destinations-section { padding: 80px 0; background: #fff; }
        .dest-hero-card {
            position: relative;
            border-radius: 24px;
            overflow: hidden;
            height: 500px;
            cursor: pointer;
            box-shadow: 0 10px 40px rgba(0,0,0,0.15);
            transition: transform 0.4s ease, box-shadow 0.4s ease;
        }
        .dest-hero-card:hover { transform: translateY(-10px); box-shadow: 0 20px 60px rgba(0,0,0,0.25); }
        .dest-hero-card img { width:100%; height:100%; object-fit:cover; transition: transform 0.5s ease; }
        .dest-hero-card:hover img { transform: scale(1.08); }
        .dest-hero-overlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(to top, rgba(10,20,60,0.9) 0%, rgba(10,20,60,0.3) 50%, transparent 100%);
        }
        .dest-hero-content {
            position: absolute;
            bottom: 0; left: 0; right: 0;
            padding: 35px 30px;
            color: #fff;
        }
        .dest-hero-content .flag { font-size: 50px; margin-bottom: 10px; display: block; }
        .dest-hero-content h2 { font-size: 32px; font-weight: 700; margin-bottom: 8px; color: #fff; }
        .dest-hero-content p { font-size: 15px; color: rgba(255,255,255,0.85); margin-bottom: 15px; }
        .dest-badge { background: rgba(255,255,255,0.2); border: 1px solid rgba(255,255,255,0.3); color:#fff; border-radius: 50px; font-size: 12px; padding: 4px 12px; backdrop-filter: blur(5px); margin: 3px 3px 3px 0; display: inline-block; }
        .dest-hero-btn { background: #1E4C9A; color: #fff; border: none; border-radius: 50px; padding: 10px 25px; font-size: 14px; font-weight: 600; cursor: pointer; transition: background 0.3s; text-decoration: none; display: inline-block; margin-top: 10px; }
        .dest-hero-btn:hover { background: #fff; color: #1E4C9A; }
        .dest-stat { border-left: 2px solid rgba(255,255,255,0.3); padding-left: 15px; margin-left: 15px; }
        .dest-stat:first-child { border: none; padding: 0; margin: 0; }
        .dest-stats { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; margin-bottom: 15px; }
        .dest-stat-val { font-size: 20px; font-weight: 700; color: #fff; display: block; }
        .dest-stat-label { font-size: 11px; color: rgba(255,255,255,0.7); text-transform: uppercase; letter-spacing: 0.5px; }

        /* ===== DESTINATION DETAIL CARDS ===== */
        .dest-detail-card {
            background: #fff;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 5px 30px rgba(0,0,0,0.08);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            height: 100%;
        }
        .dest-detail-card:hover { transform: translateY(-8px); box-shadow: 0 15px 40px rgba(30,76,154,0.15); }
        .dest-card-header {
            height: 200px;
            position: relative;
            overflow: hidden;
        }
        .dest-card-header img { width:100%; height:100%; object-fit:cover; transition: transform 0.4s ease; }
        .dest-detail-card:hover .dest-card-header img { transform: scale(1.05); }
        /*.dest-card-header .country-flag {
            position: absolute;
            top: 15px; left: 15px;
            background: rgba(255,255,255,0.95);
            border-radius: 50px;
            padding: 6px 15px;
            font-size: 22px;
            backdrop-filter: blur(5px);
        }*/
        .dest-card-header .country-label {
            position: absolute;
            bottom: 15px; right: 15px;
            background: #1E4C9A;
            color: #fff;
            border-radius: 8px;
            padding: 4px 12px;
            font-size: 12px;
            font-weight: 600;
        }
        .dest-card-body { padding: 25px; }
        .dest-card-body h4 { color: #1E365E; font-size: 20px; font-weight: 700; margin-bottom: 10px; }
        .dest-card-body p { color: #59585C; font-size: 14px; line-height: 1.6; margin-bottom: 15px; }
        .dest-info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 15px; }
        .dest-info-item { background: #f8f9ff; border-radius: 10px; padding: 10px 12px; }
        .dest-info-item .label { font-size: 11px; color: #999; text-transform: uppercase; letter-spacing: 0.5px; }
        .dest-info-item .value { font-size: 14px; color: #1E365E; font-weight: 600; margin-top: 2px; }
        .dest-highlights { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 20px; }
        .dest-highlight-tag { background: #E8F0FE; color: #1E4C9A; border-radius: 50px; font-size: 12px; padding: 4px 12px; font-weight: 500; }
        .dest-card-footer { display: flex; justify-content: space-between; align-items: center; padding-top: 15px; border-top: 1px solid #f0f0f0; }
        .dest-card-footer .rating { display: flex; align-items: center; gap: 5px; color: #f59e0b; font-weight: 700; font-size: 14px; }

        /* ===== WHY SECTION ===== */
        .why-section { padding: 80px 0; background: #f8f9ff; }
        .why-card { background: #fff; border-radius: 20px; padding: 30px; text-align: center; box-shadow: 0 5px 20px rgba(0,0,0,0.06); height: 100%; transition: transform 0.3s ease; }
        .why-card:hover { transform: translateY(-5px); }
        .why-icon { width: 75px; height: 75px; border-radius: 50%; background: linear-gradient(135deg, #1E4C9A, #3a6fd8); display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; }
        .why-icon i { color: #fff; font-size: 28px; }
        .why-card h5 { color: #1E365E; font-size: 18px; font-weight: 700; margin-bottom: 10px; }
        .why-card p { color: #59585C; font-size: 14px; line-height: 1.6; }

        /* ===== COMPARISON TABLE ===== */
        .comparison-section { padding: 80px 0; background: #fff; }
        /* remove overflow hidden so the responsive wrapper can scroll */
        .compare-table { border-radius: 20px; box-shadow: 0 5px 30px rgba(0,0,0,0.08); }
        /* ensure wrapper allows horizontal scrolling on small screens */
        .table-responsive.compare-table {
            overflow-x: auto !important;
            -webkit-overflow-scrolling: touch;
        }
        .compare-table thead th { background: #1E4C9A; color: #fff; padding: 18px 20px; font-size: 16px; font-weight: 600; border: none; }
        .compare-table tbody td { padding: 16px 20px; border-color: #f0f0f0; vertical-align: middle; font-size: 14px; color: #59585C; }
        .compare-table tbody tr:hover { background: #f8f9ff; }
        .compare-table tbody td:first-child { font-weight: 600; color: #1E365E; }
        .compare-table .badge-yes { background: #dcfce7; color: #166534; border-radius: 50px; padding: 4px 12px; font-size: 12px; }
        .compare-table .badge-no { background: #fee2e2; color: #991b1b; border-radius: 50px; padding: 4px 12px; font-size: 12px; }
        .compare-table .badge-partial { background: #fef9c3; color: #854d0e; border-radius: 50px; padding: 4px 12px; font-size: 12px; }

        /* Responsive */
        @media(max-width:768px) {
            .page-hero h1 { font-size: 32px; }
            .dest-hero-card { height: 380px; }
            .dest-hero-content h2 { font-size: 24px; }
        }
    

        /* courses pages */

     /* ===== STATS BAR ===== */
        .stats-bar { background-color:var(--primary-color); padding:40px 0; }
        .stats-bar .stat-item { text-align:center; color:#fff; padding:10px 20px; }
        .stats-bar .stat-item h3 { font-size:2.5rem; font-weight:700; color:#fff; margin-bottom:5px; }
        .stats-bar .stat-item p { color:rgba(255,255,255,0.8); margin:0; font-size:16px; }
        .stats-bar .stat-divider { border-left:1px solid rgba(255,255,255,0.3); }

        /* ===== FILTER TABS ===== */
        .filter-tabs { background:#f8f9fa; border-radius:50px; padding:6px; display:inline-flex; gap:4px; margin-bottom:50px; }
        .filter-tab-btn { border:none; background:transparent; border-radius:50px; padding:10px 28px; font-size:16px; font-weight:500; color:var(--black); cursor:pointer; transition:all 0.3s ease; font-family:var(--theme-font); }
        .filter-tab-btn.active, .filter-tab-btn:hover { background:var(--primary-color); color:#fff; box-shadow:0 4px 15px rgba(30,76,154,0.3); }

        /* ===== SECTION TITLE BADGE ===== */
        .section-badge { display:inline-block; background:rgba(30,76,154,0.1); color:var(--primary-color); border-radius:50px; padding:6px 20px; font-size:14px; font-weight:600; letter-spacing:0.5px; margin-bottom:12px; text-transform:uppercase; }

        /* ===== COURSE CARD ===== */
        .course-card { background:#fff; border-radius:16px; overflow:hidden; box-shadow:0 4px 20px rgba(0,0,0,0.07); transition:all 0.35s ease; border:1px solid #eee; height:100%; display:flex; flex-direction:column; }
        .course-card:hover { transform:translateY(-6px); box-shadow:0 16px 40px rgba(30,76,154,0.15); border-color:var(--primary-color); }
        .course-card-header { background:linear-gradient(135deg, var(--primary-color), #3a7bd5); padding:22px 24px 18px; position:relative; overflow:hidden; }
        .course-card-header::before { content:''; position:absolute; right:-20px; top:-20px; width:100px; height:100px; background:rgba(255,255,255,0.07); border-radius:50%; }
        .course-card-header::after { content:''; position:absolute; right:20px; bottom:-30px; width:70px; height:70px; background:rgba(255,255,255,0.05); border-radius:50%; }
        .course-card-header .course-icon { width:52px; height:52px; background:rgba(255,255,255,0.18); border-radius:12px; display:flex; align-items:center; justify-content:center; margin-bottom:12px; }
        .course-card-header .course-icon i { font-size:24px; color:#fff; }
        .course-card-header h5 { color:#fff; font-size:17px; font-weight:700; margin:0; line-height:1.4; }
        .course-card-header .course-duration { background:rgba(255,255,255,0.2); color:#fff; border-radius:50px; padding:3px 12px; font-size:12px; font-weight:500; display:inline-block; margin-top:8px; }
        .course-card-body { padding:20px 24px; flex:1; display:flex; flex-direction:column; }
        .course-card-body p { font-size:14px; line-height:1.7; color:var(--text-color); margin-bottom:16px; flex:1; }
        .course-highlights { list-style:none; padding:0; margin:0 0 18px; }
        .course-highlights li { display:flex; align-items:center; gap:8px; font-size:13px; color:var(--black); font-weight:500; padding:4px 0; border-bottom:1px dashed #f0f0f0; }
        .course-highlights li:last-child { border-bottom:none; }
        .course-highlights li i { color:var(--primary-color); font-size:12px; width:16px; flex-shrink:0; }
        .course-card-footer { padding:16px 24px 20px; border-top:1px solid #f0f0f0; display:flex; align-items:center; justify-content:space-between; }
        .course-tags { display:flex; gap:6px; flex-wrap:wrap; }
        .course-tag { background:rgba(30,76,154,0.08); color:var(--primary-color); border-radius:50px; padding:3px 12px; font-size:12px; font-weight:600; }
        .course-apply-btn { background:var(--primary-color); color:#fff; border:none; border-radius:50px; padding:8px 20px; font-size:14px; font-weight:600; cursor:pointer; transition:all 0.3s; font-family:var(--theme-font); text-decoration:none; display:inline-block; }
        .course-apply-btn:hover { background:var(--black); color:#fff; transform:scale(1.05); }

        /* ===== SECTION DIVIDER ===== */
        .section-divider { display:flex; align-items:center; gap:20px; margin:60px 0 50px; }
        .section-divider::before, .section-divider::after { content:''; flex:1; height:2px; background:linear-gradient(to right, transparent, #dee2e6); }
        .section-divider::after { background:linear-gradient(to left, transparent, #dee2e6); }
        .section-divider-label { background:linear-gradient(135deg,#1E4C9A,#3a7bd5); color:#fff; border-radius:50px; padding:10px 30px; font-size:18px; font-weight:700; white-space:nowrap; box-shadow:0 6px 20px rgba(30,76,154,0.3); }

        /* ===== UG / PG SECTION HEADERS ===== */
        .courses-section-header { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:36px; flex-wrap:wrap; gap:16px; }
        .courses-section-header h2 { margin:0; font-size:2rem; color:var(--black); }
        .courses-section-header p { margin:6px 0 0; font-size:15px; color:var(--text-color); }
        .view-all-link { color:var(--primary-color); font-size:15px; font-weight:600; text-decoration:none; display:flex; align-items:center; gap:6px; white-space:nowrap; }
        .view-all-link:hover { color:var(--black); }
        .view-all-link i { font-size:12px; }

        /* ===== COURSE COUNT BADGE ===== */
        .count-badge { background:var(--primary-color); color:#fff; border-radius:50px; padding:4px 14px; font-size:14px; font-weight:700; margin-left:12px; vertical-align:middle; }

        /* ===== POPULAR BADGE ON CARD ===== */
        .popular-badge { position:absolute; top:12px; right:12px; background:#FFD700; color:#170a49; border-radius:50px; padding:3px 12px; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:0.5px; z-index:2; }

        /* ===== INTAKE STRIP ===== */
        .intake-strip { background:rgba(255,255,255,0.15); border-radius:8px; padding:5px 10px; margin-top:10px; display:flex; align-items:center; gap:8px; }
        .intake-strip span { color:rgba(255,255,255,0.9); font-size:12px; }
        .intake-strip i { color:rgba(255,255,255,0.8); font-size:11px; }

        /* ===== CTA SECTION ===== */
        .courses-cta { background:linear-gradient(135deg,var(--primary-color),#3a7bd5); border-radius:24px; padding:50px 40px; text-align:center; color:#fff; margin:70px 0 0; }
        .courses-cta h2 { color:#fff; font-size:2rem; margin-bottom:10px; }
        .courses-cta p { color:rgba(255,255,255,0.85); font-size:17px; margin-bottom:30px; }
        .courses-cta .btn-white { background:#fff; color:var(--primary-color); border:none; border-radius:50px; padding:12px 35px; font-size:18px; font-weight:700; cursor:pointer; transition:all 0.3s; font-family:var(--theme-font); text-decoration:none; display:inline-block; }
        .courses-cta .btn-white:hover { background:var(--black); color:#fff; transform:translateY(-2px); box-shadow:0 8px 25px rgba(0,0,0,0.2); }

        /* ===== ADMISSION ===== */
        .admission_section { background-color:var(--primary-color); width:900px; max-width:100%; margin:auto; position:absolute; left:0; right:0; top:-150px; z-index:99; color:var(--white); border-radius:20px; overflow:hidden; }
        .admission_section p { color:#D2D2D2 !important; font-size:25px; font-weight:500; margin-bottom:0; }
        .admission_section .admi_p { color:#fff !important; font-size:16px; font-weight:400 !important; }
        .admission_section .btn-text-black { border-radius:50px; height:50px; width:140px; font-size:20px; font-weight:500; color:var(--black); position:relative; z-index:9; border:none; }
        .admission_section .btn-text-black:hover { background-color:var(--primary-color) !important; color:var(--white); border:1px solid #fff !important; }

       

        /* ===== ANIMATIONS ===== */
        .animate_let { animation: messageMove 4s ease-in-out infinite; }
        @keyframes messageMove {
            0%,100% { transform:translateX(0); }
            25%,75% { transform:translateX(7px); }
            50% { transform:translateX(15px); }
        }
        .baner-1-img, .about-img-fluid {
            animation: topToBottom 4s ease-in-out infinite;
        }
        @keyframes topToBottom {
            0% { transform:translateY(0); }
            50% { transform:translateY(15px); }
            100% { transform:translateY(0); }
        }

        /* ===== WOW ===== */
        /* .wow { opacity:0; transform:translateY(20px); transition:opacity 0.8s ease, transform 0.8s ease; }
        .wow.animated { opacity:1; transform:translateY(0); }
        .wow.fadeInDown { transform:translateY(-20px); }
        .wow.fadeInDown.animated { transform:translateY(0); opacity:1; } */

        /* ===== RESPONSIVE ===== */
        @media(max-width:991px){
            .about-hero h1 { font-size:32px; }
            .about-hero { padding:60px 0 70px; }
            .stats-bar .stat-divider { border-left:none; border-top:1px solid rgba(255,255,255,0.2); }
            .admission_section { top:-100px; }
            .footer { padding-top:130px; margin-top:120px; }
            .courses-cta { padding:36px 24px; }
        }
        @media(max-width:767px){
            .about-hero h1 { font-size:26px; }
            .about-hero p { font-size:1rem; }
            h2 { font-size:1.6rem; }
            .pages-heading h2 { font-size:26px; }
            .admission_section { top:-80px; }
            .footer { padding-top:110px; margin-top:100px; }
            .stats-bar .stat-item h3 { font-size:1.8rem; }
            .courses-section-header { flex-direction:column; align-items:flex-start; }
            .section-divider-label { font-size:15px; padding:9px 22px; }
            .filter-tabs { overflow-x:auto; white-space:nowrap; border-radius:12px; display:flex; }
        }
        @media(max-width:480px){
            .about-hero { padding:50px 0 65px; }
            .footer { padding-top:90px; margin-top:80px; }
            .courses-cta h2 { font-size:1.5rem; }
            .course-card-header h5 { font-size:15px; }
        }



        .section-divider {
   
       margin: auto;
    padding-top: 100px;
    width:100%;
    height:100%;
    
}

#postgraduate .course-card-header {
background: linear-gradient(135deg, #1E365E, #2d5086);
    position: relative;
}



.prerequisites-hero .card-loan0 .card-icon {
    background: linear-gradient(135deg, #4CAF50, #45a049);
}
.prerequisites-hero .card-loan1 .card-icon {
       background: linear-gradient(135deg, #FF9800, #F57C00);
}
.prerequisites-hero .card-loan2 .card-icon {
   background: linear-gradient(135deg, #2196F3, #1976D2);
}
.prerequisites-hero .card-loan3 .card-icon {
    background: linear-gradient(135deg, #9C27B0, #7B1FA2);
}



/* students-speak page */


 /* ===== PAGE HERO ===== */
        .page-hero {
            background: linear-gradient(135deg, #FFD2FC 0%, #D7D4FF 50%, #c5e3ff 100%);
            padding: 100px 0 60px;
            text-align: center;
            position: relative;
            overflow: hidden;
        }
        .page-hero::before {
            content: '';
            position: absolute;
            width: 400px; height: 400px;
            background: rgba(30,76,154,0.08);
            border-radius: 50%;
            top: -100px; right: -100px;
        }
        .page-hero h1 { font-size: 48px; font-weight: 700; color: #1E365E; }
        .page-hero h1 span { color: #1E4C9A; }
        .page-hero p { font-size: 18px; color: #59585C; max-width: 620px; margin: 0 auto; }
        .breadcrumb-nav a { color: #1E4C9A; text-decoration: none; }
        .breadcrumb-nav span { color: #59585C; }

        /* ===== STATS BAR ===== */
        .stats-bar { background: linear-gradient(135deg, #1E4C9A, #1E365E); padding: 50px 0; }
        .stat-item { text-align: center; padding: 20px; }
        .stat-item h2 { color: #fff; font-size: 48px; font-weight: 700; margin: 0; }
        .stat-item p { color: rgba(255,255,255,0.8); font-size: 16px; margin: 5px 0 0; }
        .stat-divider { border-left: 1px solid rgba(255,255,255,0.2); }

        /* ===== FEATURED TESTIMONIALS ===== */
        .featured-testimonials { padding: 80px 0; background: #fff; }
        .testimonial-big-card {
            background: linear-gradient(135deg, #f8f9ff, #f0f0ff);
            border-radius: 24px;
            padding: 45px;
            position: relative;
            overflow: hidden;
            height: 100%;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .testimonial-big-card:hover { transform: translateY(-8px); box-shadow: 0 20px 50px rgba(30,76,154,0.15); }
        .testimonial-big-card::before {
            content: '\201C';
            position: absolute;
            top: -20px; left: 20px;
            font-size: 180px;
            color: rgba(30,76,154,0.08);
            font-family: Georgia, serif;
            line-height: 1;
        }
        .testimonial-big-card .student-photo {
            width: 80px; height: 80px;
            border-radius: 50%;
            object-fit: cover;
            border: 4px solid #1E4C9A;
            box-shadow: 0 5px 20px rgba(30,76,154,0.2);
        }
        .testimonial-big-card .student-name { font-size: 20px; font-weight: 700; color: #1E365E; margin-bottom: 3px; }
        .testimonial-big-card .student-info { font-size: 14px; color: #59585C; }
        .testimonial-big-card .dest-flag { font-size: 24px; }
        .testimonial-big-card blockquote { font-size: 17px; line-height: 1.8; color: #444; font-style: italic; margin: 25px 0; border: none; padding: 0; }
        .stars { color: #f59e0b; font-size: 16px; letter-spacing: 3px; margin-bottom: 15px; }
        .uni-badge { background: #1E4C9A; color: #fff; border-radius: 50px; font-size: 12px; padding: 5px 15px; display: inline-block; margin-top: 10px; font-weight: 500; }

        /* ===== CAROUSEL TESTIMONIALS ===== */
        .carousel-testimonials { padding: 80px 0; background: linear-gradient(135deg, #1E4C9A, #1E365E); }
        .carousel-testimonials .pages-heading h2 { color: #fff; }
        .carousel-testimonials .pages-heading p { color: rgba(255,255,255,0.8); }
        .testi-slide-card {
            background: rgba(255,255,255,0.1);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255,255,255,0.2);
            border-radius: 20px;
            padding: 35px;
            margin: 15px;
            color: #fff;
            transition: transform 0.3s ease;
        }
        .testi-slide-card:hover { transform: translateY(-5px); background: rgba(255,255,255,0.15); }
        .testi-slide-card .quote-icon { font-size: 30px; color: rgba(255,255,255,0.4); margin-bottom: 15px; }
        .testi-slide-card blockquote { font-size: 15px; line-height: 1.8; color: rgba(255,255,255,0.9); font-style: italic; margin-bottom: 25px; border: none; padding: 0; }
        .testi-slide-card .student-row { display: flex; align-items: center; gap: 15px; }
        .testi-slide-card img { width: 55px; height: 55px; border-radius: 50%; object-fit: cover; border: 3px solid rgba(255,255,255,0.4); }
        .testi-slide-card .name { font-weight: 700; font-size: 16px; color: #fff; }
        .testi-slide-card .info { font-size: 13px; color: rgba(255,255,255,0.7); }
        .testi-slide-card .stars-white { color: #f59e0b; font-size: 14px; margin-bottom: 5px; }

        /* OWL nav for dark background */
        .carousel-testimonials .owl-nav .owl-prev,
        .carousel-testimonials .owl-nav .owl-next {
            background: rgba(255,255,255,0.2) !important;
            color: #fff !important;
            border-radius: 50% !important;
            width: 45px; height: 45px;
        }
        .carousel-testimonials .owl-nav .owl-prev:hover,
        .carousel-testimonials .owl-nav .owl-next:hover { background: #fff !important; color: #1E4C9A !important; }

        /* ===== SUCCESS STORIES ===== */
        .success-stories { padding: 80px 0; background: #f8f9ff; }
        .story-card {
            background: #fff;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 5px 25px rgba(0,0,0,0.08);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            height: 100%;
        }
        .story-card:hover { transform: translateY(-8px); box-shadow: 0 15px 40px rgba(30,76,154,0.15); }
        .story-header {
            background: linear-gradient(135deg, #1E4C9A, #3a6fd8);
            padding: 30px;
            text-align: center;
            position: relative;
        }
        .story-header img { width: 90px; height: 90px; border-radius: 50%; object-fit: cover; border: 4px solid rgba(255,255,255,0.5); }
        .story-header .flag { position: absolute; top: 15px; right: 15px; font-size: 28px; }
        .story-header .student-name { color: #fff; font-size: 20px; font-weight: 700; margin: 12px 0 3px; }
        .story-header .from-to { color: rgba(255,255,255,0.8); font-size: 13px; }
        .story-body { padding: 25px; }
        .story-body .uni-name { font-weight: 700; color: #1E4C9A; font-size: 16px; margin-bottom: 5px; }
        .story-body .course { color: #59585C; font-size: 14px; margin-bottom: 15px; }
        .story-body blockquote { font-size: 15px; line-height: 1.7; color: #555; font-style: italic; border-left: 3px solid #1E4C9A; padding-left: 15px; margin-bottom: 20px; }
        .achievement-tags { display: flex; flex-wrap: wrap; gap: 6px; }
        .achievement-tag { background: #E8F0FE; color: #1E4C9A; border-radius: 50px; font-size: 12px; padding: 4px 12px; font-weight: 500; }
        .achievement-tag.green { background: #dcfce7; color: #166534; }
        .achievement-tag.purple { background: #f3e8ff; color: #7c3aed; }

        /* ===== VIDEO SECTION ===== */
        .video-section { padding: 80px 0; background: #fff; }
        .video-thumb {
            position: relative;
            border-radius: 20px;
            overflow: hidden;
            cursor: pointer;
            box-shadow: 0 8px 30px rgba(0,0,0,0.15);
            transition: transform 0.3s ease;
        }
        .video-thumb:hover { transform: scale(1.03); }
        .video-thumb img { width: 100%; height: 220px; object-fit: cover; }
        .play-btn {
            position: absolute;
            top: 50%; left: 50%;
            transform: translate(-50%,-50%);
            width: 60px; height: 60px;
            background: rgba(30,76,154,0.9);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 20px;
            transition: all 0.3s ease;
        }
        .video-thumb:hover .play-btn { background: #1E4C9A; transform: translate(-50%,-50%) scale(1.1); }
        .video-thumb .video-label {
            position: absolute;
            bottom: 0; left: 0; right: 0;
            background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
            padding: 20px 15px 12px;
            color: #fff;
        }
        .video-thumb .video-label h6 { margin: 0; font-size: 15px; font-weight: 700; }
        .video-thumb .video-label small { font-size: 12px; opacity: 0.8; }

        /* ===== RATINGS OVERVIEW ===== */
        .ratings-section { padding: 80px 0; background: #f8f9ff; }
        .rating-bar { margin-bottom: 15px; }
        .rating-bar .label { font-size: 14px; color: #1E365E; font-weight: 600; margin-bottom: 5px; }
        .rating-bar .progress { height: 10px; border-radius: 50px; background: #e9ecef; }
        .rating-bar .progress-bar { background: linear-gradient(135deg, #1E4C9A, #3a6fd8); border-radius: 50px; }
        .rating-bar .pct { font-size: 13px; color: #59585C; margin-left: 10px; font-weight: 600; }
        .overall-rating { text-align: center; }
        .overall-rating .big-num { font-size: 80px; font-weight: 700; color: #1E4C9A; line-height: 1; }
        .overall-rating .stars-big { color: #f59e0b; font-size: 30px; letter-spacing: 5px; }
        .overall-rating .total { color: #59585C; font-size: 16px; margin-top: 8px; }

        /* ===== CTA ===== */
        .student-cta { background: linear-gradient(135deg, #FFD2FC, #D7D4FF); padding: 80px 0; text-align: center; }
        .student-cta h2 { color: #1E365E; font-weight: 700; }
        .student-cta p { color: #59585C; font-size: 18px; }

        @media(max-width:768px) {
            .page-hero h1 { font-size: 32px; }
            .testimonial-big-card { padding: 30px 25px; }
            .overall-rating .big-num { font-size: 60px; }
        }



        .video-modal{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.8);
display:flex;
align-items:center;
justify-content:center;
z-index:9999;
}

.video-modal-content{
background:#fff;
padding:20px;
max-width:800px;
width:90%;
position:relative;
}

.close-btn{
position:absolute;
top:10px;
right:15px;
font-size:25px;
cursor:pointer;
}


.account-block a {
    width: 40px;
    height: 40px;
    background-color: #1E4C9A !important;
    border-radius: 100px;
    color: var(--white);
    animation: vibrate 1.75s infinite cubic-bezier(.66, 0, 0, 1);
    box-shadow: 0 0 0 0 rgba(30, 75, 154, 0.473);
    margin-left: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.account-block a img {
    width: 30px;
    max-width: 30px;
}


.navbar-nav .nav-item .nav-link {
   
    padding: 9px;
    border-left-color: transparent;
    background: none;
}


img.sitelogowraps.mylogo {
    max-width: 220px;
}

h2.display-heading.fw-bold.mb-1 {
    color: #fff;
}

footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0c1627;
}

.footer-bottom a {
    color: #fff;
}

.downloadapps{
     color: #fff;
}



.banner .banner-content h1 {
   
    line-height: 2;
}


.banner-content .hero-subtitle {
    line-height: 1.2;
}

.about-hero p {
   
    line-height: 1 !important;
}




.cardleft {
    left: 0px;
    border: 1px solid #fff !important;
    border-radius: 50%;
    color: #fff;
    padding: 5px 22px !important;
    width: 22px;
    font-size: 16px;
    background: #1e4c9a;
}
.cardleft::after {
   font-size:20px;
}
.cardright {
 
    border: 1px solid #fff !important;
    border-radius: 50%;
    color: #fff;
    padding: 5px 22px !important;
    width: 22px;
    font-size: 16px;
    background: #1e4c9a;
}
.cardright::after {
   font-size:20px;
}

/* media query */

@media (max-width: 767px) {
   .about-hero .hero-subtitle{
        font-size: 26px !important;
    }
}


.globalfaq button.accordion-button {
padding: 0px 22px;
}


.about-hero {
   
    padding: 30px 0 120px !important;
    
}

.destinations-section {
    padding: 0px 0;
    
}

span.btnclass {
    background: #fff;
    border-radius: 50px;
    padding: 8px 20px;
    font-size: 16px;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
    display: inline-block;
}

.comparison-section {
    padding: 20px 0;
   
}
.destinations-section section{
    padding: 0px 0px 40px !important;
}

@media (max-width: 767px) {
    .stats-bar .stat-item h3 {
        font-size: 1.8rem !important;
    }
}


/* width */
::-webkit-scrollbar {
 width: 5px;
 height: 5px;
}

/* Track */
/* ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
} */
 
/* Handle */
/* ::-webkit-scrollbar-thumb {
  background: red; 
  border-radius: 10px;
} */

/* Handle on hover */


.cardleft {
    left: 0px;
    border: 1px solid #fff !important;
    border-radius: 50%;
    color: #fff;
    padding: 5px 22px !important;
    width: 22px;
    font-size: 16px;
    background: #1e4c9a;
}
.cardleft::after {
   font-size:20px;
}
.cardright {
 
    border: 1px solid #fff !important;
    border-radius: 50%;
    color: #fff;
    padding: 5px 22px !important;
    width: 22px;
    font-size: 16px;
    background: #1e4c9a;
}
.cardright::after {
   font-size:20px;
}

.swiper-button-prev {
    border: 1px solid #fff !important;
    border-radius: 50%;
    color: #fff;
    padding: 5px 22px !important;
    width: 22px;
    font-size: 16px;
    background: #1e4c9a;
}

.swiper-button-prev::after ,.swiper-button-next::after  {
   font-size:13px;
}

 .swiper-button-next {
   
   
    border: 1px solid #fff !important;
    border-radius: 50%;
    color: #fff;
    padding: 5px 22px !important;
    width: 22px;
    font-size: 16px;
    background: #1e4c9a;
}


.success-stories , .video-section ,.ratings-section {
    padding: 40px 0;
   
}


/*courses detail page add*/
.banner-content ul li{
    list-style: none;
    padding: 0 8px;
}
.banner-content li a{
    text-decoration: none !important;
    position: relative;
    color: var(--primary-color);
}
.banner-content li a::after{
    content: "\f105";
    position: absolute;
    font-family: 'FontAwesome';
    padding: 0 5px;
    font-size: 12px;
    top:5px
}
.courses-detail-banner{
    width: 400px;
    max-width: 100%;
    object-fit: cover;
    margin: auto;
    height: 250px;
    max-height: 100%;
}
.travelex-feature-card.d-flex.align-items-center {
    border: 1px solid #ccc;
    padding: 6px;
    border-radius: 8px;
}
.choose_section ul{
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.choose_section li{
        background: #fff;
    list-style: none;
    padding: 10px;
    margin: 10px;
    border-radius: 5px;
    width: 45%;
}
.choose_section li a{
    text-decoration: none !important;
        color: #0a45a9;
}
.skill_box {
    padding: 15px;
    background-color: #fff;
    border: 1px solid #1f4d9aad;
    height: 100%;
    border-radius: 10px;
    border-bottom: 5px solid rgb(5, 6, 122);
    margin-bottom: 20px;
}
.roadmap_timeline{
    justify-content: space-between;
    gap: 20px;
}
.roadmap_left{
    padding: 100px 0 0;
}
.skill_box-scroll{
    /* margin-bottom: 10px; */
    border: 1px solid #0a45a9;
    border-radius: 5px;
    padding: 10px;
    width: 30%;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}
.skill_box-scroll img{
    width: 80px;
    height: 80px;
    object-fit: contain;
    padding: 10px;
}
.roadmap_parent {
  position: relative;
}

.roadmap_section,
.container,
.row,
.roadmap_parent {
  overflow: visible !important;
}


/*infographic end*/
/*popular-courses add*/
.popular-courses .custom-card {
    background-color: rgba(255, 255, 255, 0.7);
    transition: transform 0.3s ease;
    cursor: pointer;
    border-radius: 15px;
    margin-top: 10px;
}

.popular-courses {
    background-image: url('../images/event-cta-bg.png');
    background-size: cover;
    background-position: center;
}

.popular-courses .custom-card:hover {
    transform: translateY(-5px);
    background-color: #ffffff;
}

.popular-courses .text-uppercase {
    color: #2d3748;
    font-size: 20px;
    font-weight: 500;
    padding: 20px 0 0;
}

.popular-courses .courses_button {
    font-size: 20px;
    background-color: #1E4C9A !important;
    border: none;
    line-height: 1.8;
    height: 50px;
}

.popular-courses .courses_button:hover {
    background-color: var(--white) !important;
    border: 1px solid var(--primary-color);
}

.popular-courses .card-body img {
    width: 60px !important;
    margin: auto;
}

.popular-courses .owl-nav button {
    position: relative;
    top: 0%;
    background-color: #000;
    color: #fff;
    margin: 0;
    transition: all 0.3s ease-in-out;
    width: 33px;
    height: 33px;
}

.popular-courses .owl-nav button.owl-prev {
    left: 0;
    border-right: 1px solid #fff !important;
}

.popular-courses .owl-nav button.owl-next {
    right: 0;
}

.popular-courses .owl-dots {
    text-align: center;
    padding-top: 15px;
    display: block !important;
}

.popular-courses .owl-dots button.owl-dot {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    background: #ccc;
    margin: 0 3px;
}

.popular-courses .owl-dots button.owl-dot.active {
    background-color: #000;
}

.popular-courses .owl-dots button.owl-dot:focus {
    outline: none;
}

.popular-courses .owl-nav button span {
    font-size: 30px;
    position: relative;
    top: -10px;
    height: 33px;
    display: block;
    color: #fff;
}

.popular-courses .owl-nav button:focus {
    outline: none;
}

.popular-courses .owl-item {
    /* height: 300px !important; */
    display: flex;
}

.popular-courses .item {
    width: 100%;
}

.popular-courses .owl-carousel .owl-nav,
.popular-courses .owl-carousel .owl-nav.disabled {
    display: block !important;
    height: 33px;
    position: absolute;
    right: 0;
    top: -15px;
    transform: translateY(-70%);
    background: var(--primary-color);
    border-radius: 30px;
}

/*popular-courses end*/


.baner-1-img , .about-img-fluid , .infographic-card , .admission_section .shape-img img , .choose_section li , .skill_box{
    animation: topToBottom 4s ease-in-out infinite;
}
@keyframes topToBottom {
   0% {
    transform: translateY(0);
}
50% {
    transform: translateY(15px);
}

100% {
    transform: translateY(0);
}
}

/* courses detail page end*/
.cardcertificate {
    margin-bottom: 70px;
}

.skill_box ul {
    list-style: disc;
    padding: 20px;
    /* margin: 0px; */
}

.travelex-feature-card a {
   text-decoration: none;
}