/*==================================================
GOOGLE FONT RESET
==================================================*/

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{

    font-family: Inter, Arial, sans-serif;

    background:#faf8fd;

    color:#222;

    overflow-x:hidden;

    line-height:1.7;

}

img{
    width:100%;
    display:block;
}

a{
    text-decoration:none;
    color:inherit;
}

ul{
    list-style:none;
}

button{
    border:none;
    outline:none;
    cursor:pointer;
    font-family:inherit;
}

.container{

    width:min(1180px,92%);

    margin:auto;

}

section{

    position:relative;

}



/*==================================================
VARIABLES
==================================================*/

:root{

--primary:#6A1B9A;

--secondary:#38C9B9;

--accent:#FFB703;

--text:#222;

--light:#666;

--border:#ece8f4;

--bg:#faf8fd;

--white:#ffffff;

--radius:28px;

--shadow:

0 15px 45px rgba(20,20,20,.08);

--gradient:

linear-gradient(
135deg,
#6A1B9A,
#38C9B9
);

}



/*==================================================
TYPOGRAPHY
==================================================*/

h1,
h2,
h3,
h4{

font-family:

'Space Grotesk',

sans-serif;

font-weight:700;

line-height:1.15;

color:#111;

}

.gradient-text{

display:inline-block;

background:linear-gradient(
135deg,
#6A1B9A 0%,
#38C9B9 100%
);

-webkit-background-clip:text;
background-clip:text;

-webkit-text-fill-color:transparent;
color:transparent;

}

.section-tag{

display:inline-flex;

align-items:center;

padding:10px 20px;

border-radius:999px;

background:rgba(106,27,154,.08);

color:var(--primary);

font-size:13px;

font-weight:700;

letter-spacing:2px;

margin-bottom:20px;

text-transform:uppercase;

}

.section-heading{

max-width:760px;

margin:auto;

text-align:center;

margin-bottom:70px;

}

.section-heading > span{

display:inline-block;

margin-bottom:18px;

padding:8px 18px;

border-radius:999px;

background:#f3ebfb;

color:var(--primary);

font-size:13px;

font-weight:700;

letter-spacing:2px;

}

.section-heading h2{

font-size:54px;

margin-bottom:18px;

}

.section-heading p{

font-size:18px;

color:#666;

line-height:1.9;

}



/*==================================================
BUTTONS
==================================================*/

.btn{

display:inline-flex;

align-items:center;

justify-content:center;

gap:10px;

padding:15px 34px;

border-radius:999px;

font-weight:700;

transition:.35s;

}

.primary-btn{

display:inline-flex;

align-items:center;

justify-content:center;

gap:10px;

padding:16px 34px;

background:#6A1B9A;

color:#fff;

font-weight:700;

font-size:16px;

border-radius:999px;

border:none;

box-shadow:none;

transition:.3s ease;

}

.primary-btn:hover{

background:#57157f;

transform:translateY(-3px);

}

.primary-btn i{

transition:.3s;

}

.primary-btn:hover i{

transform:translateX(4px);

}
.secondary-btn{

background:white;

border:1px solid var(--border);

}

.secondary-btn:hover{

transform:translateY(-4px);

}



/*==================================================
ABOUT HERO
==================================================*/

.about-hero{

min-height:38vh;

display:flex;

align-items:center;

overflow:hidden;

background:

linear-gradient(

135deg,

#f8f2fd,

#eefcfb

);

padding:120px 0 70px;

}

.about-hero .container{

position:relative;

z-index:2;

}

.about-hero-content{

max-width:700px;

}

.hero-label{

display:inline-flex;

align-items:center;

gap:10px;

padding:10px 20px;

background:white;

border-radius:999px;

font-size:13px;

font-weight:700;

color:var(--primary);

margin-bottom:25px;

box-shadow:var(--shadow);

}

.hero-label i{

font-size:18px;

}

.about-hero h1{

font-size:72px;

margin-bottom:20px;

letter-spacing:-2px;

}

.about-hero p{

font-size:20px;

max-width:620px;

line-height:1.9;

color:#666;

margin-bottom:30px;

}



/*==================================================
BREADCRUMB
==================================================*/

.breadcrumb{

display:flex;

align-items:center;

gap:12px;

font-size:15px;

color:#666;

}

.breadcrumb a{

font-weight:600;

transition:.3s;

}

.breadcrumb a:hover{

color:var(--primary);

}

.breadcrumb span{

color:var(--primary);

font-weight:700;

}



/*==================================================
FLOATING BLOBS
==================================================*/

.hero-blob{

position:absolute;

border-radius:50%;

filter:blur(90px);

opacity:.28;

animation:floatBlob 8s ease-in-out infinite;

}

.hero-1{

width:320px;

height:320px;

background:#6A1B9A;

top:-120px;

left:-80px;

}

.hero-2{

width:300px;

height:300px;

background:#38C9B9;

right:-90px;

bottom:-120px;

animation-delay:2s;

}

@keyframes floatBlob{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-35px);

}

}



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

@media(max-width:992px){

.about-hero{

padding:110px 0 60px;

text-align:center;

}

.about-hero-content{

margin:auto;

}

.about-hero h1{

font-size:54px;

}

.about-hero p{

font-size:18px;

margin:auto auto 25px;

}

.breadcrumb{

justify-content:center;

}

.section-heading h2{

font-size:42px;

}

}

@media(max-width:768px){

.about-hero{

min-height:34vh;

padding:90px 0 55px;

}

.about-hero h1{

font-size:42px;

}

.about-hero p{

font-size:16px;

}

.hero-label{

font-size:12px;

padding:8px 16px;

}

.section-heading{

margin-bottom:45px;

}

.section-heading h2{

font-size:34px;

}

.section-heading p{

font-size:16px;

}

}

@media(max-width:480px){

.about-hero h1{

font-size:34px;

}

.about-hero p{

font-size:15px;

line-height:1.8;

}

.container{

width:92%;

}

.btn{

width:100%;

}

}

/*==================================================
ABOUT COMPANY
==================================================*/

.about-company{

    padding:110px 0;

    position:relative;

    overflow:hidden;

    background:#ffffff;

}

.about-company::before{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    background:rgba(106,27,154,.05);

    border-radius:50%;

    top:-180px;

    right:-180px;

    filter:blur(30px);

}

.about-company::after{

    content:"";

    position:absolute;

    width:380px;

    height:380px;

    background:rgba(56,201,185,.06);

    border-radius:50%;

    bottom:-160px;

    left:-120px;

    filter:blur(25px);

}



/*==================================================
GRID
==================================================*/

.about-wrapper{

    display:grid;

    grid-template-columns:480px 1fr;

    gap:70px;

    align-items:center;

    position:relative;

    z-index:2;

}



/*==================================================
IMAGE
==================================================*/

.about-image{

    position:relative;

}

.about-image img{

    /* width:100%;

    height:580px; */

    object-fit:cover;

    border-radius:32px;

    box-shadow:

    0 25px 55px rgba(0,0,0,.12);

    transition:.45s;

}

.about-image:hover img{

    transform:scale(1.03);

}



/*==================================================
FLOATING EXPERIENCE CARD
==================================================*/

.floating-card{

    position:absolute;

    right:-35px;

    bottom:40px;

    background:rgba(255,255,255,.95);

    backdrop-filter:blur(18px);

    border:1px solid rgba(255,255,255,.6);

    border-radius:24px;

    padding:24px;

    width:210px;

    box-shadow:

    0 18px 45px rgba(0,0,0,.12);

}

.floating-card h3{

    font-size:46px;

    margin-bottom:5px;

    background:var(--gradient);

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

}

.floating-card p{

    font-size:14px;

    color:#666;

    line-height:1.7;

}



/*==================================================
CONTENT
==================================================*/

.about-content h2{

    font-size:48px;

    margin-bottom:24px;

    line-height:1.2;

}

.about-content>p{

    color:#666;

    font-size:17px;

    line-height:2;

    margin-bottom:35px;

}



/*==================================================
HIGHLIGHTS
==================================================*/

.about-highlights{

    display:flex;

    flex-direction:column;

    gap:18px;

    margin-bottom:40px;

}



/*==================================================
CARD
==================================================*/

.highlight{

    display:flex;

    gap:20px;

    align-items:flex-start;

    padding:22px;

    background:rgba(255,255,255,.85);

    border:1px solid rgba(106,27,154,.08);

    border-radius:22px;

    transition:.35s;

    box-shadow:

    0 12px 28px rgba(0,0,0,.04);

}

.highlight:hover{

    transform:translateY(-6px);

    box-shadow:

    0 22px 45px rgba(106,27,154,.10);

}



/*==================================================
ICON
==================================================*/

.highlight-icon{

    width:62px;

    height:62px;

    flex-shrink:0;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:18px;

    background-color:#6A1B9A;

    color:white;

    font-size:24px;

    box-shadow:

    0 12px 30px rgba(106,27,154,.25);

}

.highlight h4{

    font-size:20px;

    margin-bottom:6px;

}

.highlight p{

    color:#777;

    line-height:1.8;

    font-size:15px;

}



/*==================================================
BUTTON
==================================================*/

.about-content .btn{

    margin-top:10px;

}



/*==================================================
IMAGE DECORATION
==================================================*/

.about-image::before{

    content:"";

    position:absolute;

    width:120px;

    height:120px;

    border-radius:24px;

    background:

    linear-gradient(

    135deg,

    rgba(106,27,154,.12),

    rgba(56,201,185,.12)

    );

    left:-25px;

    top:-25px;

    z-index:-1;

}

.about-image::after{

    content:"";

    position:absolute;

    width:140px;

    height:140px;

    border-radius:28px;

    border:2px dashed rgba(56,201,185,.25);

    right:-25px;

    bottom:-25px;

    z-index:-1;

}



/*==================================================
TABLET
==================================================*/

@media(max-width:992px){

.about-wrapper{

grid-template-columns:1fr;

gap:50px;

}

.about-image{

max-width:620px;

margin:auto;

}

.about-image img{

height:500px;

}

.about-content{

text-align:center;

}

.about-highlights{

max-width:650px;

margin:35px auto;

}

.floating-card{

right:20px;

bottom:20px;

}

}



/*==================================================
MOBILE
==================================================*/

@media(max-width:768px){

.about-company{

padding:80px 0;

}

.about-image img{

height:420px;

border-radius:24px;

}

.about-content h2{

font-size:34px;

}

.about-content>p{

font-size:16px;

line-height:1.9;

}

.highlight{

padding:18px;

text-align:left;

}

.highlight-icon{

width:54px;

height:54px;

font-size:20px;

}

.floating-card{

width:180px;

padding:18px;

}

.floating-card h3{

font-size:34px;

}

}



/*==================================================
SMALL MOBILE
==================================================*/

@media(max-width:480px){

.about-wrapper{

gap:35px;

}

.about-image img{

height:320px;

}

.floating-card{

position:relative;

right:auto;

bottom:auto;

margin-top:18px;

width:100%;

}

.highlight{

flex-direction:column;

align-items:center;

text-align:center;

}

.highlight-icon{

margin-bottom:8px;

}

.about-content h2{

font-size:28px;

}

.about-content>p{

font-size:15px;

}

.about-content .btn{

width:100%;

}

}

/*==================================================
FACULTY SECTION
==================================================*/
/*==================================================
FACULTY SECTION
==================================================*/

.faculty-section{

padding:110px 0;

background:#faf8fd;

position:relative;

overflow:hidden;

}

.faculty-section::before{

content:"";

position:absolute;

width:450px;

height:450px;

border-radius:50%;

background:rgba(106,27,154,.05);

top:-180px;

right:-180px;

filter:blur(50px);

}

.faculty-section::after{

content:"";

position:absolute;

width:380px;

height:380px;

border-radius:50%;

background:rgba(56,201,185,.06);

left:-150px;

bottom:-150px;

filter:blur(40px);

}



/*============================================*/

.faculty-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(310px,1fr));

gap:35px;

margin-top:70px;

position:relative;

z-index:2;

}



/*============================================*/

.faculty-card{

background:#fff;

border-radius:24px;

overflow:hidden;

box-shadow:

0 10px 35px rgba(0,0,0,.08);

transition:.35s ease;

display:flex;

flex-direction:column;

height:700px;

border:1px solid #ece8f4;

}

.faculty-card:hover{

transform:translateY(-10px);

box-shadow:

0 18px 45px rgba(106,27,154,.12);

}



/*============================================*/
.faculty-card img{

width:100%;

height:240px;

object-fit:contain;

object-position:center top;

transition:.4s;


}

.faculty-card:hover img{

transform:scale(1.05);

}



/*============================================*/

.faculty-info{

padding:26px;

display:flex;

flex-direction:column;

flex:1;

}

/*============================================*/

.faculty-role{

display:inline-block;

font-size:12px;

font-weight:700;

letter-spacing:1px;

text-transform:uppercase;

color:#6A1B9A;

margin-bottom:10px;

}



/*============================================*/

.faculty-info h3{

font-size:29px;

font-weight:700;

line-height:1.05;

margin-bottom:18px;

}



/*============================================*/

.faculty-tags{

display:flex;

flex-wrap:wrap;

gap:10px;

margin:20px 0 22px;

}

.faculty-tags span{

padding:7px 14px;

border-radius:999px;

background:#f5effc;

color:#6A1B9A;

font-size:12px;

font-weight:600;

transition:.3s;

}

.faculty-tags span:hover{

background:#6A1B9A;

color:#fff;

}



/*============================================*/
.faculty-bio{

height:300px;          /* Fixed height */

overflow-y:auto;

overflow-x:hidden;

padding-right:8px;

margin-top:15px;

}

.faculty-bio p{

font-size:14px;

line-height:1.95;

color:#666;

}



/*============================================*/
/* Premium Scrollbar */
/*============================================*/

.faculty-bio::-webkit-scrollbar{

width:6px;

}

.faculty-bio::-webkit-scrollbar-track{

background:#efefef;

border-radius:20px;

}

.faculty-bio::-webkit-scrollbar-thumb{

background:#6A1B9A;

border-radius:20px;

}

.faculty-bio::-webkit-scrollbar-thumb:hover{

background:#53157d;

}



/* Firefox */

.faculty-bio{

scrollbar-width:thin;

scrollbar-color:#6A1B9A #efefef;

}



/*============================================*/

.faculty-card::after{

content:"";

position:absolute;

inset:0;

border-radius:24px;

pointer-events:none;

opacity:0;

transition:.35s;

border:2px solid rgba(106,27,154,.08);

}

.faculty-card:hover::after{

opacity:1;

}



/*============================================*/

@media(max-width:1200px){

.faculty-grid{

grid-template-columns:repeat(3,1fr);

}

}



@media(max-width:992px){

.faculty-grid{

grid-template-columns:repeat(2,1fr);

gap:28px;

}

}



@media(max-width:768px){

.faculty-section{

padding:80px 0;

}

.faculty-grid{

grid-template-columns:1fr;

}

.faculty-card{

height:auto;

}

.faculty-card img{

height:340px;

}

.faculty-bio{

max-height:230px;

}

}



@media(max-width:480px){

.faculty-card img{

height:280px;

}

.faculty-info{

padding:20px;

}

.faculty-info h3{

font-size:24px;

}

.faculty-tags{

gap:8px;

}

.faculty-tags span{

font-size:11px;

padding:6px 12px;

}

.faculty-bio{

max-height:200px;

}

.faculty-bio p{

font-size:14px;

}

}

/*==================================================
FOOTER
==================================================*/

.footer{

    background:#111;

    color:#ddd;

    padding:80px 0 25px;

    position:relative;

    overflow:hidden;

}

.footer::before{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    border-radius:50%;

    background:rgba(106,27,154,.18);

    left:-180px;

    top:-180px;

    filter:blur(80px);

}

.footer::after{

    content:"";

    position:absolute;

    width:400px;

    height:400px;

    border-radius:50%;

    background:rgba(56,201,185,.10);

    right:-180px;

    bottom:-180px;

    filter:blur(80px);

}

.footer .container{

    position:relative;

    z-index:2;

}



/*==================================================
TOP
==================================================*/

.footer-top{

    display:grid;

    grid-template-columns:
    2fr
    1fr
    1fr
    1fr;

    gap:60px;

    margin-bottom:50px;

}



/*==================================================
LOGO
==================================================*/

.footer-logo{

    display:flex;

    align-items:center;

    gap:16px;

    margin-bottom:20px;

}

.footer-logo img{

    width:60px;

}

.footer-logo h3{

    color:white;

    font-size:26px;

    margin-bottom:2px;

}

.footer-logo span{

    color:#38C9B9;

    font-size:13px;

    letter-spacing:2px;

    text-transform:uppercase;

}

.footer-brand p{

    color:#bbb;

    line-height:1.9;

    margin-bottom:30px;

}



/*==================================================
SOCIAL
==================================================*/

.footer-social{

    display:flex;

    gap:14px;

}

.footer-social a{

    width:46px;

    height:46px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:rgba(255,255,255,.06);

    color:white;

    font-size:20px;

    transition:.35s;

}

.footer-social a:hover{

    background:var(--gradient);

    transform:translateY(-6px);

}



/*==================================================
LINKS
==================================================*/

.footer-links h4{

    color:white;

    margin-bottom:22px;

    font-size:20px;

}

.footer-links a,

.footer-links p{

    display:block;

    color:#bbb;

    margin-bottom:14px;

    transition:.3s;

    line-height:1.7;

}

.footer-links a:hover{

    color:#38C9B9;

    transform:translateX(5px);

}



/*==================================================
BOTTOM
==================================================*/

.footer-bottom{

    border-top:1px solid rgba(255,255,255,.08);

    padding-top:22px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    color:#aaa;

    font-size:15px;

}



/*==================================================
SCROLLBAR
==================================================*/

::-webkit-scrollbar{

    width:10px;

}

::-webkit-scrollbar-track{

    background:#f3f3f3;

}

::-webkit-scrollbar-thumb{

    background:linear-gradient(
    180deg,
    #6A1B9A,
    #38C9B9
    );

    border-radius:20px;

}



/*==================================================
SELECTION
==================================================*/

::selection{

    background:#6A1B9A;

    color:white;

}



/*==================================================
SMOOTH CARD ANIMATION
==================================================*/

.faculty-card,

.highlight,

.primary-btn,

.secondary-btn{

    will-change:transform;

}



/*==================================================
TABLET
==================================================*/

@media(max-width:992px){

.footer-top{

grid-template-columns:
1fr
1fr;

gap:45px;

}

.footer-bottom{

flex-direction:column;

gap:12px;

text-align:center;

}

}



/*==================================================
MOBILE
==================================================*/

@media(max-width:768px){

.footer{

padding:70px 0 25px;

}

.footer-top{

grid-template-columns:1fr;

gap:35px;

text-align:center;

}

.footer-logo{

justify-content:center;

}

.footer-social{

justify-content:center;

}

.footer-links{

text-align:center;

}

.footer-links a:hover{

transform:none;

}

.footer-bottom{

font-size:14px;

}

}



/*==================================================
SMALL MOBILE
==================================================*/

@media(max-width:480px){

.footer{

padding:60px 0 20px;

}

.footer-logo img{

width:50px;

}

.footer-logo h3{

font-size:22px;

}

.footer-links h4{

font-size:18px;

}

.footer-social a{

width:42px;

height:42px;

font-size:18px;

}

}

/*=========================================
HEADER
=========================================*/

.header{

position:fixed;

top:0;

left:0;

width:100%;

z-index:9999;

background:rgba(255,255,255,.85);

backdrop-filter:blur(18px);

border-bottom:1px solid rgba(0,0,0,.05);

}

.nav-container{

height:82px;

display:flex;

align-items:center;

justify-content:space-between;

}

.logo{

display:flex;

align-items:center;

gap:12px;

}

.logo img{

width:55px;

}

.logo h2{

font-size:24px;

}

.logo span{

font-size:11px;

letter-spacing:2px;

text-transform:uppercase;

color:#6A1B9A;

}

.desktop-nav ul{

display:flex;

gap:35px;

align-items:center;

}

.desktop-nav li{

position:relative;

}

.desktop-nav a{

font-weight:600;

transition:.3s;

}

.desktop-nav a:hover,

.desktop-nav .active{

color:#6A1B9A;

}



/*=========================================
MEGA MENU
=========================================*/

.mega-menu{

position:absolute;

top:140%;

left:50%;

transform:translateX(-50%);

width:480px;

display:grid;

grid-template-columns:1fr 1fr;

gap:30px;

background:white;

padding:28px;

border-radius:22px;

box-shadow:0 25px 60px rgba(0,0,0,.08);

opacity:0;

visibility:hidden;

transition:.3s;

}

.nav-dropdown:hover .mega-menu{

opacity:1;

visibility:visible;

top:120%;

}

.mega-menu h4{

margin-bottom:12px;

color:#6A1B9A;

}

.mega-menu a{

display:block;

margin-bottom:10px;

}



/*=========================================
MOBILE
=========================================*/

.mobile-toggle{

display:none;

background:none;

font-size:30px;

}

.mobile-overlay{

position:fixed;

inset:0;

background:rgba(0,0,0,.45);

opacity:0;

visibility:hidden;

transition:.3s;

z-index:9998;

}

.mobile-overlay.active{

opacity:1;

visibility:visible;

}

.mobile-menu{

position:fixed;

top:0;

right:-340px;

width:320px;

height:100vh;

background:white;

padding:30px;

transition:.35s;

z-index:9999;

overflow:auto;

}

.mobile-menu.active{

right:0;

}

.mobile-top{

display:flex;

justify-content:space-between;

align-items:center;

margin-bottom:35px;

}

.mobile-top img{

width:55px;

}

.mobile-top button{

background:none;

font-size:30px;

}

.mobile-menu>a{

display:block;

padding:16px 0;

border-bottom:1px solid #eee;

font-weight:600;

}

.mobile-dropdown-btn{

width:100%;

display:flex;

justify-content:space-between;

padding:16px 0;

background:none;

font-weight:600;

}

.mobile-dropdown-content{

display:none;

padding-left:18px;

}

.mobile-dropdown.active .mobile-dropdown-content{

display:block;

}

.mobile-dropdown-content a{

display:block;

padding:12px 0;

}



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

@media(max-width:992px){

.desktop-nav,

.nav-container>.btn{

display:none;

}

.mobile-toggle{

display:block;

}

}


/*==================================================
MANIFESTO
==================================================*/

.manifesto-section{

padding:120px 0;

background:#fff;

}

.manifesto-container{

max-width:900px;

}

.manifesto-content{

margin-top:70px;

}

.manifesto-content p{

font-size:20px;

line-height:2;

color:#555;

margin-bottom:40px;

}

.manifesto-content strong{

color:#6A1B9A;

}

.manifesto-content h3{

font-size:44px;

margin:60px 0 30px;

line-height:1.2;

}

.manifesto-content blockquote{

font-size:42px;

font-weight:800;

color:#6A1B9A;

border-left:6px solid #6A1B9A;

padding-left:35px;

margin:60px 0;

line-height:1.4;

}

.manifesto-list{

margin:40px 0;

padding-left:30px;

}

.manifesto-list li{

font-size:22px;

margin-bottom:18px;

font-weight:600;

color:#111;

}

.manifesto-highlight{

background:

linear-gradient(
135deg,
#6A1B9A,
#7B3CC8
);

border-radius:28px;

padding:70px;

margin:80px 0;

text-align:center;

color:white;

}

.manifesto-highlight h4{

font-size:26px;

margin-bottom:20px;

font-weight:600;

}

.manifesto-highlight h2{

font-size:64px;

font-weight:900;

color:white;

}

.manifesto-closing{

margin-top:90px;

padding-top:50px;

border-top:1px solid #ece8f4;

}

.manifesto-closing h3{

font-size:48px;

margin-bottom:20px;

}

.manifesto-closing p{

font-size:24px;

color:#6A1B9A;

font-weight:700;

}



/*============================
MOBILE
============================*/

@media(max-width:768px){

.manifesto-section{

padding:80px 0;

}

.manifesto-content p{

font-size:17px;

line-height:1.9;

}

.manifesto-content h3{

font-size:30px;

}

.manifesto-content blockquote{

font-size:28px;

padding-left:20px;

}

.manifesto-highlight{

padding:40px 25px;

}

.manifesto-highlight h2{

font-size:36px;

}

.manifesto-highlight h4{

font-size:18px;

}

.manifesto-list li{

font-size:18px;

}

.manifesto-closing h3{

font-size:34px;

}

.manifesto-closing p{

font-size:20px;

}

}



/*=========================================
DESKTOP
=========================================*/

.faculty-slider-wrapper{

position:relative;

}

.faculty-nav{

display:none;

}



/*=========================================
MOBILE
=========================================*/

@media(max-width:768px){

.faculty-slider-wrapper{

position:relative;

}

.faculty-grid{

display:flex;

overflow-x:auto;

gap:20px;

scroll-snap-type:x mandatory;

scroll-behavior:smooth;

padding-bottom:10px;

-webkit-overflow-scrolling:touch;

}

.faculty-grid::-webkit-scrollbar{

display:none;

}

.faculty-card{

min-width:100%;

max-width:100%;

scroll-snap-align:center;

flex:none;

}

.faculty-nav{

display:flex;

position:absolute;

top:50%;

transform:translateY(-50%);

width:42px;

height:42px;

border:none;

border-radius:50%;

background:#6A1B9A;

color:#fff;

align-items:center;

justify-content:center;

cursor:pointer;

z-index:5;

box-shadow:0 8px 20px rgba(0,0,0,.15);

}

.faculty-prev{

left:-8px;

}

.faculty-next{

right:-8px;

}

}



/*==================================================
ENQUIRY POPUP
==================================================*/

.enquiry-modal{

position:fixed;

top:0;
left:0;

width:100%;
height:100%;

background:rgba(10,10,15,.65);

backdrop-filter:blur(10px);

display:flex;

justify-content:center;

align-items:center;

padding:20px;

opacity:0;

visibility:hidden;

transition:.35s ease;

z-index:99999;

}

.enquiry-modal.active{

opacity:1;

visibility:visible;

}



/*==========================================*/

.enquiry-box{

position:relative;

width:100%;

max-width:520px;

background:#fff;

border-radius:28px;

padding:40px;

box-shadow:
0 25px 80px rgba(0,0,0,.25);

animation:popup .35s ease;

}

@keyframes popup{

from{

transform:translateY(30px) scale(.95);

opacity:0;

}

to{

transform:translateY(0) scale(1);

opacity:1;

}

}



/*==========================================*/

.enquiry-box h2{

font-size:34px;

font-weight:800;

margin-bottom:12px;

color:#111;

font-family:'Space Grotesk',sans-serif;

line-height:1.2;

}

.enquiry-box p{

font-size:15px;

color:#666;

margin-bottom:30px;

line-height:1.7;

}



/*==========================================*/

.enquiry-box input,

.enquiry-box select,

.enquiry-box textarea{

width:100%;

padding:16px 18px;

margin-bottom:18px;

border:1px solid #ddd;

border-radius:14px;

background:#fafafa;

font-size:15px;

font-family:'Manrope',sans-serif;

transition:.3s;

outline:none;

}

.enquiry-box textarea{

resize:none;

min-height:120px;

}



/*==========================================*/

.enquiry-box input:focus,

.enquiry-box select:focus,

.enquiry-box textarea:focus{

border-color:#6A1B9A;

background:#fff;

box-shadow:

0 0 0 4px rgba(106,27,154,.10);

}



/*==========================================*/

.submit-enquiry{

width:100%;

padding:16px;

border:none;

border-radius:999px;

background:#6A1B9A;

color:#fff;

font-size:16px;

font-weight:700;

font-family:'Manrope',sans-serif;

cursor:pointer;

transition:.35s;

box-shadow:

0 12px 30px rgba(106,27,154,.18);

}

.submit-enquiry:hover{

background:#53157d;

transform:translateY(-2px);

box-shadow:

0 18px 35px rgba(106,27,154,.28);

}



/*==========================================*/

.close-enquiry{

position:absolute;

top:18px;

right:18px;

width:42px;

height:42px;

border:none;

border-radius:50%;

background:#f5effc;

color:#6A1B9A;

display:flex;

align-items:center;

justify-content:center;

font-size:20px;

cursor:pointer;

transition:.3s;

}

.close-enquiry:hover{

background:#6A1B9A;

color:#fff;

transform:rotate(90deg);

}



/*==========================================*/

.enquiry-box select{

appearance:none;

background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%236A1B9A' viewBox='0 0 16 16'%3E%3Cpath d='M2 5l6 6 6-6'/%3E%3C/svg%3E");

background-repeat:no-repeat;

background-position:right 16px center;

background-size:18px;

}



/*==========================================*/

@media(max-width:768px){

.enquiry-box{

padding:28px 22px;

border-radius:20px;

}

.enquiry-box h2{

font-size:28px;

}

.enquiry-box p{

font-size:14px;

}

.enquiry-box input,

.enquiry-box select,

.enquiry-box textarea{

padding:14px 16px;

font-size:14px;

}

.submit-enquiry{

padding:15px;

font-size:15px;

}

}