:root{--color-primary:#E31E24;--color-primary-dark:#c41a1f;--color-primary-light:#ff3b42;--color-accent-gold:#FDB813;--color-accent-blue:#005696;--color-accent-green:#00A651;--color-accent-orange:#F97316;--color-accent:#E31E24;--color-accent-hover:#c41a1f;--color-band-blue:#005696;--color-band-orange:#F97316;--color-band-green:#00A651;--color-band-purple:#8B5CF6;--color-band-yellow:#FDB813;--color-band-red:#E31E24;--color-white:#ffffff;--color-black:#000000;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-overlay-dark:rgba(0,0,0,0.6);--color-overlay-light:rgba(255,255,255,0.9);--font-primary:'Montserrat','Outfit',sans-serif;--font-secondary:'Inter',sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--container-max:1440px;--container-padding:var(--space-6);--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0 / 0.1),0 8px 10px -6px rgb(0 0 0 / 0.1);--shadow-2xl:0 25px 50px -12px rgb(0 0 0 / 0.25);--shadow-card:0 4px 20px rgba(0,0,0,0.1);--shadow-glow-red:0 0 30px rgba(227,30,36,0.4);--shadow-glow-blue:0 0 30px rgba(0,86,150,0.4);--shadow-glow-green:0 0 30px rgba(0,166,81,0.4);--transition-fast:150ms ease;--transition-base:300ms ease;--transition-slow:500ms ease;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-tooltip:600} *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} body{font-family:var(--font-secondary);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--color-gray-800);background-color:var(--color-white);overflow-x:hidden} h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-gray-900)} h1{font-size:var(--text-5xl)} h2{font-size:var(--text-4xl)} h3{font-size:var(--text-2xl)} h4{font-size:var(--text-xl)} p{margin-bottom:var(--space-4)} a{color:inherit;text-decoration:none;transition:color var(--transition-fast)} a:hover{color:var(--color-primary)} img{max-width:100%;height:auto;display:block} ul,ol{list-style:none} button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none} input,select,textarea{font-family:inherit;font-size:inherit} .container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)} section{padding:var(--space-20) 0} .section-title{font-family:var(--font-primary);font-size:var(--text-4xl);font-weight:var(--font-extrabold);text-align:center;margin-bottom:var(--space-12);text-transform:uppercase;letter-spacing:0.02em;color:var(--color-gray-900)} .highlight{color:var(--color-primary)} .highlight-gold{color:var(--color-accent-gold)} .btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-semibold);border-radius:var(--radius-lg);transition:all var(--transition-base);cursor:pointer;text-decoration:none;border:none} .btn--primary{background:var(--color-primary);color:var(--color-white)} .btn--primary:hover{background:var(--color-primary-dark);color:var(--color-white);transform:translateY(-2px);box-shadow:var(--shadow-lg)} .btn--accent{background:var(--color-primary);color:var(--color-white)} .btn--accent:hover{background:var(--color-primary-dark);color:var(--color-white);transform:translateY(-2px);box-shadow:var(--shadow-lg)} .btn--full{width:100%} .btn--large{padding:var(--space-4) var(--space-10);font-size:var(--text-lg)} .form-group{margin-bottom:var(--space-4)} .form-input,.form-select{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);background:var(--color-white);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)} .form-input:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(227,30,36,0.1)} .form-input::placeholder{color:var(--color-gray-400)}::selection{background:var(--color-primary);color:var(--color-white)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px} .animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease,transform 0.6s ease} .animate-on-scroll.animated{opacity:1;transform:translateY(0)} .animate-slide-left{opacity:0;transform:translateX(-30px);transition:opacity 0.6s ease,transform 0.6s ease} .animate-slide-left.animated{opacity:1;transform:translateX(0)} .animate-slide-right{opacity:0;transform:translateX(30px);transition:opacity 0.6s ease,transform 0.6s ease} .animate-slide-right.animated{opacity:1;transform:translateX(0)} @media (max-width:768px){body{text-align:center} h1{font-size:var(--text-4xl)} h2{font-size:var(--text-3xl)} h3{font-size:var(--text-xl)} .section-title{font-size:var(--text-2xl)} section{padding:var(--space-12) 0} .btn,.btn-apply,.btn-apply-white{display:block;margin-left:auto;margin-right:auto;width:fit-content} } .top-bar{position:fixed;top:0;left:0;width:100%;z-index:1001;display:flex;align-items:stretch;font-family:var(--font-primary);font-size:15px} .top-bar__left{background:#EDC821;padding:0 15px;display:flex;align-items:center;min-width:160px;max-width:370px;overflow:hidden} .top-bar__marquee{overflow:hidden;width:100%} .top-bar__marquee-content{display:flex;gap:100px;animation:topbar-marquee 15s linear infinite;white-space:nowrap} .top-bar__marquee-content span{color:#000;font-weight:500;display:flex;align-items:center;gap:12px} .top-bar__marquee-content i{font-size:14px;cursor:pointer;transition:transform 0.2s ease} .top-bar__marquee-content i:hover{transform:scale(1.2)} @keyframes topbar-marquee{0%{transform:translateX(0)} 100%{transform:translateX(-50%)} } .top-bar__middle{background:#00369A;flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 20px;color:#fff} .top-bar__middle i{color:#EDC821} .top-bar__middle span{font-weight:400} .top-bar__right{background:#00369A;display:flex;align-items:center;gap:25px;padding:0 30px} .top-bar__contact{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;transition:opacity 0.2s ease} .top-bar__contact:hover{opacity:0.8} .top-bar__contact i{color:#EDC821;font-size:20px} .header{position:fixed;top:0;left:0;width:100%;z-index:var(--z-fixed);background:var(--color-white);box-shadow:0 2px 10px rgba(0,0,0,0.1);transition:all var(--transition-base)} .header__container{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-6);gap:var(--space-6)} .header__logo{flex-shrink:0} .header__logo-img{height:55px;width:auto} .header__nav{flex:1;display:flex;justify-content:center} .header__nav-list{display:flex;align-items:center;gap:var(--space-8);list-style:none;margin:0;padding:0} .header__nav-item{position:relative} .header__nav-link{font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-gray-800);text-decoration:none;padding:var(--space-2) var(--space-1);position:relative;transition:color var(--transition-fast);white-space:nowrap} .header__nav-link::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--color-primary);transform:scaleX(0);transform-origin:right;transition:transform var(--transition-base)} .header__nav-link:hover{color:var(--color-primary)} .header__nav-link:hover::after{transform:scaleX(1);transform-origin:left} .header__apply-btn{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-white);background:linear-gradient(135deg,#F5A623 0%,#FF6B35 100%);padding:12px 24px;border-radius:25px;text-decoration:none;white-space:nowrap;position:relative;overflow:hidden;box-shadow:0 4px 15px rgba(245,166,35,0.4);animation:pulse-glow 2s ease-in-out infinite;transition:all 0.3s ease} .header__apply-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.5s ease} .header__apply-btn:hover::before{left:100%} .header__apply-btn i{font-size:0.85rem;animation:wiggle 1.5s ease-in-out infinite} .header__apply-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px rgba(245,166,35,0.6);background:linear-gradient(135deg,#FF6B35 0%,#F5A623 100%)} @keyframes pulse-glow{0%,100%{box-shadow:0 4px 15px rgba(245,166,35,0.4)} 50%{box-shadow:0 4px 25px rgba(245,166,35,0.7)} } @keyframes wiggle{0%,100%{transform:rotate(0deg)} 25%{transform:rotate(-5deg)} 75%{transform:rotate(5deg)} } .header__mobile-toggle{display:none;flex-direction:column;gap:5px;padding:var(--space-2);cursor:pointer;background:transparent;border:none} .header__mobile-toggle span{display:block;width:24px;height:2px;background:var(--color-gray-800);transition:all var(--transition-base)} .header__mobile-toggle.is-active span:nth-child(1){transform:rotate(45deg) translate(4px,4px)} .header__mobile-toggle.is-active span:nth-child(2){opacity:0} .header__mobile-toggle.is-active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)} @media (max-width:992px){.header__nav-list{gap:var(--space-4)} .header__nav-link{font-size:var(--text-sm)} } @media (max-width:768px){.top-bar{display:none} .header{top:0} .header__container{padding:var(--space-3) var(--space-4)} .header__nav{display:none} .header__search{display:none} .header__mobile-toggle{display:none} .header__logo-img{height:40px} .header__apply-btn{font-size:11px;padding:6px 12px;border-radius:18px;box-shadow:none;animation:none;flex-shrink:0} } .hero{position:relative;min-height:auto;display:block;padding-top:0;padding-bottom:0;overflow:visible;margin-top:80px} @media (min-width:1600px){.container.hero__container{max-width:1800px;padding:0 40px} } .hero__background{position:relative;width:100%;height:auto;z-index:0} .hero__bg-image{width:100%;height:auto;object-fit:contain;display:block;filter:none} .hero__overlay{display:none} .hero__container{display:grid;grid-template-columns:1fr 400px;gap:var(--space-12);align-items:center;position:absolute;top:0;left:0;right:0;margin:0 auto;height:100%;z-index:20} .hero__content{padding:var(--space-8) 0} .hero__badges{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-8)} .hero__badge{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-white);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);box-shadow:var(--shadow-card);animation:fadeInUp 0.6s ease forwards;opacity:0} .hero__badge:nth-child(1){animation-delay:0.1s} .hero__badge:nth-child(2){animation-delay:0.2s} .hero__badge:nth-child(3){animation-delay:0.3s} .hero__badge:nth-child(4){animation-delay:0.4s} .hero__badge i{font-size:var(--text-lg)} .hero__badge--red i{color:var(--color-primary)} .hero__badge--gold i{color:var(--color-accent-gold)} .hero__badge--blue i{color:var(--color-accent-blue)} .hero__badge--green i{color:var(--color-accent-green)} .hero__title{font-family:var(--font-primary);font-size:var(--text-6xl);font-weight:var(--font-extrabold);color:var(--color-white);text-transform:uppercase;line-height:1.1;letter-spacing:-0.02em;animation:fadeInUp 0.8s ease 0.5s forwards;opacity:0} .hero__title-highlight{display:block;color:var(--color-accent-gold)} .hero__info-boxes{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-8)} .hero__info-box{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-white);backdrop-filter:blur(10px);box-shadow:var(--shadow-lg);animation:fadeInUp 0.6s ease forwards;opacity:0;transition:transform var(--transition-normal),box-shadow var(--transition-normal)} .hero__info-box:hover{transform:translateY(-3px);box-shadow:var(--shadow-2xl)} .hero__info-box:nth-child(1){animation-delay:0.5s} .hero__info-box:nth-child(2){animation-delay:0.6s} .hero__info-box:nth-child(3){animation-delay:0.7s} .hero__info-box:nth-child(4){animation-delay:0.8s} .hero__info-box i{font-size:var(--text-xl)} .hero__info-box--red{background:linear-gradient(135deg,var(--color-primary) 0%,#c41922 100%)} .hero__info-box--gold{background:linear-gradient(135deg,var(--color-accent-gold) 0%,#d4a528 100%)} .hero__info-box--blue{background:linear-gradient(135deg,var(--color-accent-blue) 0%,#1a5fb4 100%)} .hero__info-box--green{background:linear-gradient(135deg,var(--color-accent-green) 0%,#1a8751 100%)} .hero__form-wrapper{animation:slideInFromRight 0.8s cubic-bezier(0.25,0.46,0.45,0.94) 0.3s forwards;opacity:0;transform:translateX(100px)} @keyframes slideInFromRight{0%{opacity:0;transform:translateX(100px)} 100%{opacity:1;transform:translateX(0)} } .hero__form-card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-2xl)} .hero__form-deadline{background:var(--color-primary);color:var(--color-white);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-family:var(--font-primary);font-size:var(--text-xs);font-weight:var(--font-semibold);text-align:center;margin-bottom:var(--space-4)} .hero__form{display:flex;flex-direction:column;gap:var(--space-3)} .form-group{margin-bottom:0} .form-group--phone{display:flex;gap:var(--space-2)} .form-phone-prefix{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-3);background:var(--color-gray-100);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium)} .form-flag{width:20px;height:auto} .form-input--phone{flex:1} .form-input,.form-select{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);background:var(--color-white);transition:all var(--transition-fast)} .form-input:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(227,30,36,0.1)} .form-input::placeholder{color:var(--color-gray-400)} .hero__submit{margin-top:var(--space-2);padding:var(--space-4);font-size:var(--text-base);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:0.05em;border-radius:var(--radius-lg)} @keyframes fadeInUp{from{opacity:0;transform:translateY(30px)} to{opacity:1;transform:translateY(0)} } @keyframes fadeInRight{from{opacity:0;transform:translateX(30px)} to{opacity:1;transform:translateX(0)} } @media (max-width:1024px){.hero__container{grid-template-columns:1fr;gap:var(--space-8)} .hero__title{font-size:var(--text-4xl)} .hero__form-wrapper{max-width:450px;margin:0 auto} } @media (max-width:768px){.hero{margin-top:65px;padding-top:0;height:auto;min-height:auto} .hero__container{position:relative;height:auto;display:flex;flex-direction:column;top:0} .hero__content{display:none} .hero__form-wrapper{margin:0 auto;width:100%} .hero__badges{gap:var(--space-2)} .hero__badge{font-size:var(--text-xs);padding:var(--space-1) var(--space-3)} .hero__info-boxes{gap:var(--space-2)} .hero__info-box{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)} .hero__info-box i{font-size:var(--text-base)} } .about-section{background:#ffffff;padding:50px 0 30px;overflow:hidden} .about-row{align-items:flex-start} @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)} } .about-left{animation:slideInLeft 0.8s ease-out;padding-right:30px} .about-title{font-family:'Montserrat',sans-serif;font-size:44px;font-weight:700;color:#1a1a2e;line-height:1.2;margin-bottom:22px} .about-title .highlight-gold{color:#C9A227} .about-description{font-family:'Inter',sans-serif;font-size:16px;color:#4B5563;line-height:1.7;margin-bottom:28px} .about-action-row{display:flex;align-items:flex-start;gap:25px} .btn-apply-now{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;border:2px solid #1a1a2e;background:transparent;border-radius:10px;font-family:'Montserrat',sans-serif;font-size:15px;font-weight:600;color:#1a1a2e;text-decoration:none;transition:all 0.25s ease} .btn-apply-now:hover{background:#1a1a2e;color:#fff} .about-quote-box{display:flex;align-items:flex-start;gap:16px;background:linear-gradient(90deg,#FCE7F3 0%,#ECFDF5 50%,#FEF9C3 100%);border-radius:14px;padding:18px 22px;max-width:350px;margin-left:86px} .quote-icon{width:45px;height:45px;min-width:45px;display:flex;align-items:center;justify-content:center;background:#1a1a2e;border-radius:50%} .quote-icon i{font-size:18px;color:#fff} .about-quote-box p{font-family:'Inter',sans-serif;font-size:13px;color:#374151;line-height:1.55;margin:0} .about-right{animation:slideInRight 0.8s ease-out} .about-images{position:relative;width:540px;height:450px;margin:0 auto} .about-img{position:absolute;overflow:hidden} .about-img img{width:100%;height:100%;object-fit:cover} .about-img--1{top:0;left:20px;width:220px;height:260px;border-radius:110px 110px 20px 20px;z-index:2;box-shadow:-8px -8px 25px rgba(37,99,235,0.3),8px 8px 25px rgba(37,99,235,0.3)} .about-img--2{bottom:0px;left:0px;width:260px;height:140px;border-radius:50%;border:none;z-index:3;box-shadow:-8px 8px 25px rgba(220,38,38,0.3),8px -8px 25px rgba(220,38,38,0.3)} .about-img--3{top:20px;right:0;width:220px;height:400px;border-radius:12px;border-right:none;z-index:1;box-shadow:8px 0 25px rgba(22,163,74,0.3),-8px 0 25px rgba(22,163,74,0.3)} .about-stats{display:flex;justify-content:center;align-items:flex-start;gap:205px;padding:40px 20px;margin-top:10px;position:relative;background:linear-gradient(180deg,rgba(224,247,250,0.6) 0%,rgba(224,247,250,0.8) 100%);border-radius:12px;box-shadow:0 15px 40px -10px rgba(16,185,129,0.25),0 10px 30px -10px rgba(59,130,246,0.15)} .about-stat{text-align:center;padding:0;min-width:150px} .stat-number{display:block;font-family:'Montserrat',sans-serif;font-size:72px;font-weight:700;margin-bottom:12px;line-height:1} .about-stat:nth-child(1) .stat-number{color:#DC2626} .about-stat:nth-child(2) .stat-number{color:#EAB308} .about-stat:nth-child(3) .stat-number{color:#2563EB} .about-stat:nth-child(4) .stat-number{color:#16A34A} .stat-label{font-family:'Inter',sans-serif;font-size:16px;font-style:italic;color:#4B5563;line-height:1.5;display:block;max-width:180px;margin:0 auto} @media (max-width:1200px){.about-title{font-size:38px} .about-images{width:450px;height:380px} .about-img--1{width:190px;height:220px;left:0} .about-img--2{bottom:0;left:0;width:220px;height:110px} .about-img--3{width:190px;height:330px} .stat-number{font-size:40px} } @media (max-width:992px){.about-left{padding-right:0;margin-bottom:50px} .about-images{width:420px;height:360px;margin:0 auto} .about-img--1{width:170px;height:200px;left:10px} .about-img--2{width:200px;height:100px;left:0} .about-img--3{width:170px;height:300px} .about-title{font-size:34px} .about-action-row{flex-direction:row;flex-wrap:wrap} .about-quote-box{max-width:100%} .about-stats{gap:30px} } @media (max-width:768px){.about-section{padding:45px 0 55px} .about-title{font-size:28px} .about-stats{flex-wrap:wrap;gap:25px;padding:30px 15px} .about-stat{flex:0 0 calc(50% - 15px);min-width:auto} .stat-number{font-size:34px} .about-images{width:350px;height:320px} .about-img--1{width:140px;height:180px;left:10px} .about-img--2{width:170px;height:85px;left:0} .about-img--3{width:140px;height:260px;top:20px} } @media (max-width:576px){.about-section{padding:25px 0 30px} .about-title{font-size:22px;margin-bottom:15px} .about-description{font-size:13px;margin-bottom:18px;line-height:1.5} .about-action-row{flex-direction:column;gap:15px;align-items:center} .btn-apply-now{padding:10px 24px;font-size:13px;width:fit-content;margin:0 auto} .about-quote-box{width:100%;max-width:100%;margin-left:0;padding:14px 16px;flex-direction:row;align-items:center;gap:12px;border-radius:10px} .quote-icon{width:38px;height:38px;min-width:38px;margin-bottom:0} .quote-icon i{font-size:15px} .about-quote-box p{font-size:11px;text-align:left;line-height:1.4} .stat-number{font-size:28px} .stat-label{font-size:10px;max-width:none} .about-images{display:none;width:290px;height:280px} .about-img--1{width:110px;height:150px;left:10px} .about-img--2{width:140px;height:75px;left:0} .about-img--3{width:120px;height:220px;top:20px} } .feature-area{position:relative;z-index:10;padding:0 20px} .feature-area.fa-negative{margin-top:-80px} .feature-wrapper{max-width:900px;margin-left:20px;margin-right:auto} .feature-grid{display:flex;gap:15px} .feature-item{position:relative;background:#ffffff;border-radius:10px;padding:20px 15px 20px 20px;flex:1;min-width:0;box-shadow:0 5px 20px rgba(0,0,0,0.1);overflow:hidden;opacity:0;transform:translateX(-100px)} .feature-item:nth-child(1){animation:slideInFromLeft 0.6s cubic-bezier(0.25,0.46,0.45,0.94) 0.2s forwards} .feature-item:nth-child(2){animation:slideInFromLeft 0.6s cubic-bezier(0.25,0.46,0.45,0.94) 0.35s forwards} .feature-item:nth-child(3){animation:slideInFromLeft 0.6s cubic-bezier(0.25,0.46,0.45,0.94) 0.5s forwards} .feature-item:nth-child(4){animation:slideInFromLeft 0.6s cubic-bezier(0.25,0.46,0.45,0.94) 0.65s forwards} @keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100px)} 100%{opacity:1;transform:translateX(0)} } .feature-item::before{content:'';position:absolute;top:0;left:0;width:8px;height:100%;border-radius:10px 0 0 10px} .feature-item::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);transform:skewX(-25deg);transition:left 0.6s ease} .feature-item:hover::after{left:150%} .feature-item{transition:transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275),box-shadow 0.4s ease} .feature-item:nth-child(1){box-shadow:0 15px 35px rgba(254,1,0,0.2)} .feature-item:nth-child(1):hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(254,1,0,0.4)} .feature-item:nth-child(1)::before{background:#fe0100} .feature-item:nth-child(2){box-shadow:0 15px 35px rgba(237,200,33,0.2)} .feature-item:nth-child(2):hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(237,200,33,0.4)} .feature-item:nth-child(2)::before{background:#EDC821} .feature-item:nth-child(3){box-shadow:0 15px 35px rgba(0,54,154,0.2)} .feature-item:nth-child(3):hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(0,54,154,0.4)} .feature-item:nth-child(3)::before{background:#00369A} .feature-item:nth-child(4){box-shadow:0 15px 35px rgba(1,152,49,0.2)} .feature-item:nth-child(4):hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(1,152,49,0.4)} .feature-item:nth-child(4)::before{background:#019831} .feature-item .count{position:absolute;top:12px;right:15px;font-family:'Poppins',sans-serif;font-size:32px;font-weight:700;line-height:1} .feature-item:nth-child(1) .count{color:#fe0100} .feature-item:nth-child(2) .count{color:#EDC821} .feature-item:nth-child(3) .count{color:#00369A} .feature-item:nth-child(4) .count{color:#019831} .feature-icon{width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:12px} .feature-icon i{font-size:20px;color:#ffffff} .feature-title{font-family:'Poppins',sans-serif;font-size:15px;font-weight:700;color:#1a1a1a;margin-bottom:8px;line-height:1.3} .feature-content p{font-family:'Open Sans',sans-serif;font-size:12px;color:#666666;line-height:1.5;margin:0} @media (max-width:992px){.feature-grid{flex-wrap:wrap} .feature-item{flex:0 0 calc(50% - 10px)} .feature-wrapper{margin-left:0;max-width:100%} } @media (max-width:576px){.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px} .feature-item{flex:unset;width:100%;text-align:center} .feature-icon{margin:0 auto 12px auto;width:38px;height:38px} .feature-area.fa-negative{margin-top:30px} .feature-item .count{font-size:22px} .feature-title{font-size:13px} .feature-content p{font-size:11px} .feature-icon i{font-size:16px} } .programs-colleges-section{padding:50px 0;background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);position:relative} .programs-colleges-section::before{content:'';position:absolute;top:0;left:0;right:0;height:300px;background:linear-gradient(135deg,rgba(245,158,11,0.03) 0%,rgba(220,38,38,0.03) 100%);z-index:0} .programs-colleges-section .container{position:relative;z-index:1} .main-tabs{display:flex;justify-content:center;gap:0;margin-bottom:35px} .main-tab{padding:16px 45px;font-family:'Montserrat',sans-serif;font-size:16px;font-weight:700;border:2px solid #1a1a2e;background:#fff;color:#1a1a2e;cursor:pointer;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:0.5px} .main-tab::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;transition:left 0.4s ease;z-index:-1} .main-tab:first-child{border-radius:50px 0 0 50px;border-right:none} .main-tab:first-child::before{background:linear-gradient(135deg,#F59E0B 0%,#D97706 100%)} .main-tab:last-child{border-radius:0 50px 50px 0} .main-tab:last-child::before{background:linear-gradient(135deg,#DC2626 0%,#B91C1C 100%)} .main-tab:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,0.15)} .main-tab[data-main-target="programs"].active{background:linear-gradient(135deg,#F59E0B 0%,#D97706 100%);border-color:#F59E0B;color:#fff;box-shadow:0 8px 30px rgba(245,158,11,0.4)} .main-tab[data-main-target="colleges"].active{background:linear-gradient(135deg,#DC2626 0%,#B91C1C 100%);border-color:#DC2626;color:#fff;box-shadow:0 8px 30px rgba(220,38,38,0.4)} .main-tab-content{display:none;animation:fadeInUp 0.5s ease} .main-tab-content.active{display:block} @keyframes fadeInUp{from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} } .programs-colleges-section .section-title{font-family:'Montserrat',sans-serif;font-size:32px;font-weight:700;color:#1a1a2e;text-align:center;margin-bottom:12px;text-transform:uppercase;letter-spacing:0.5px} .section-subtitle{font-family:'Inter',sans-serif;font-size:15px;color:#6B7280;text-align:center;margin-bottom:35px;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6} .program-type-tabs{display:flex;justify-content:center;align-items:center;gap:8px;background:linear-gradient(135deg,#FCD34D 0%,#FBBF24 100%);padding:12px 25px;border-radius:60px;max-width:600px;margin:0 auto 35px;box-shadow:0 10px 40px rgba(251,191,36,0.3)} .program-tab{padding:12px 30px;font-family:'Montserrat',sans-serif;font-size:14px;font-weight:600;border:none;background:transparent;color:#1a1a2e;border-radius:30px;cursor:pointer;transition:all 0.3s ease;position:relative} .program-tab:hover{background:rgba(255,255,255,0.6);transform:translateY(-2px)} .program-tab.active{background:linear-gradient(135deg,#F59E0B 0%,#D97706 100%);color:#fff;box-shadow:0 4px 15px rgba(245,158,11,0.4)} .program-content{display:none;animation:fadeInUp 0.4s ease} .program-content.active{display:block} .program-slider-wrapper{display:block;padding:0 10px} .program-slider-wrapper>.slider-nav-btn{display:none} .college-slider-wrapper{display:flex;align-items:center;gap:15px;position:relative;padding:0 10px} .slider-nav-btn{flex-shrink:0;width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg,#F59E0B 0%,#D97706 100%);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 15px rgba(245,158,11,0.35);z-index:10} .slider-nav-btn:hover{background:linear-gradient(135deg,#D97706 0%,#B45309 100%);transform:scale(1.1);box-shadow:0 6px 20px rgba(245,158,11,0.5)} .slider-nav-btn i{font-size:16px} .program-details-container{display:flex;flex-wrap:wrap;gap:15px;padding:15px 5px;justify-content:center} .program-details-container::-webkit-scrollbar{display:none} .program-details-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,0.08);border:1px solid rgba(0,0,0,0.05);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;flex:0 0 auto;min-width:220px;max-width:320px} .program-details-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#F59E0B 0%,#DC2626 50%,#8B5CF6 100%)} .program-details-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,0.15)} .program-details-card h3{font-family:'Montserrat',sans-serif;font-size:14px;font-weight:700;color:#1a1a2e;margin:0;padding:18px 20px;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(180deg,#fff 0%,#fafafa 100%);transition:all 0.3s ease} .program-details-card h3::after{content:'\f078';font-family:'Font Awesome 6 Free';font-weight:900;font-size:12px;color:#F59E0B;transition:transform 0.3s ease;flex-shrink:0} .program-details-card:hover h3{background:linear-gradient(180deg,#FEF3C7 0%,#FDE68A 100%);color:#92400E} .program-details-card:hover h3::after{transform:rotate(180deg);color:#DC2626} .program-details-card ul{list-style:none;padding:0;margin:0;max-height:0;overflow:hidden;transition:max-height 0.4s ease,padding 0.3s ease;background:#f8fafc} .program-details-card:hover ul{max-height:600px;padding:10px 0} .program-details-card li{font-family:'Inter',sans-serif;font-size:12px;color:#4B5563;padding:10px 20px;position:relative;padding-left:35px;line-height:1.4;border-bottom:1px solid #e5e7eb;transition:all 0.3s ease;text-align:left} .program-details-card li:last-child{border-bottom:none} .program-details-card li:hover{background:#FEF3C7;color:#1a1a2e;padding-left:40px} .program-details-card li::before{content:'\2192';position:absolute;left:18px;color:#F59E0B;font-weight:bold;font-size:14px;transition:all 0.3s ease} .program-details-card li:hover::before{color:#DC2626;left:22px} .college-cards-container{display:flex;gap:25px;overflow-x:auto;scroll-behavior:smooth;padding:10px 5px;scrollbar-width:none;-ms-overflow-style:none;flex:1} .college-cards-container::-webkit-scrollbar{display:none} .college-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,0.08);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;flex:0 0 260px;min-width:260px} .college-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 30px 60px rgba(0,0,0,0.18)} .college-image{position:relative;height:160px;overflow:hidden} .college-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease} .college-card:hover .college-image img{transform:scale(1.1)} .college-image::after{content:'';position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(to top,rgba(0,0,0,0.4),transparent)} .college-image .tag{position:absolute;top:20px;right:20px;padding:8px 20px;border-radius:25px;font-family:'Montserrat',sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:#fff;z-index:2;box-shadow:0 4px 15px rgba(0,0,0,0.2)} .college-card:nth-child(1) .tag{background:linear-gradient(135deg,#0EA5E9,#0284C7)} .college-card:nth-child(2) .tag{background:linear-gradient(135deg,#8B5CF6,#7C3AED)} .college-card:nth-child(3) .tag{background:linear-gradient(135deg,#EC4899,#DB2777)} .college-card:nth-child(4) .tag{background:linear-gradient(135deg,#10B981,#059669)} .college-card:nth-child(5) .tag{background:linear-gradient(135deg,#F59E0B,#D97706)} .college-card:nth-child(6) .tag{background:linear-gradient(135deg,#22C55E,#16A34A)} .college-card:nth-child(7) .tag{background:linear-gradient(135deg,#6366F1,#4F46E5)} .college-card:nth-child(8) .tag{background:linear-gradient(135deg,#14B8A6,#0D9488)} .college-card:nth-child(9) .tag{background:linear-gradient(135deg,#F43F5E,#E11D48)} .college-card:nth-child(10) .tag{background:linear-gradient(135deg,#06B6D4,#0891B2)} .college-card:nth-child(11) .tag{background:linear-gradient(135deg,#34D399,#10B981)} .college-card:nth-child(12) .tag{background:linear-gradient(135deg,#818CF8,#6366F1)} .college-info{padding:25px} .college-info>p:first-child{font-family:'Inter',sans-serif;font-size:13px;color:#9CA3AF;margin-bottom:8px;font-weight:500} .college-info .rating{font-size:14px;margin-bottom:12px;color:#6B7280;display:flex;align-items:center;gap:3px} .college-info .rating i{color:#F59E0B} .college-info .rating span{margin-left:8px;font-size:13px} .college-info h3{font-family:'Montserrat',sans-serif;font-size:18px;font-weight:700;color:#1a1a2e;margin-bottom:10px;line-height:1.3} .college-info>p:last-of-type{font-family:'Inter',sans-serif;font-size:14px;color:#6B7280;line-height:1.6;margin-bottom:20px} .college-info a{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#DC2626 0%,#B91C1C 100%);color:#fff;padding:12px 25px;border-radius:30px;font-family:'Montserrat',sans-serif;font-size:13px;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:0.5px;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(220,38,38,0.3)} .college-info a:hover{background:linear-gradient(135deg,#B91C1C 0%,#991B1B 100%);transform:translateY(-3px);box-shadow:0 8px 25px rgba(220,38,38,0.4)} .college-info a::after{content:'\2192';transition:transform 0.3s ease} .college-info a:hover::after{transform:translateX(5px)} @media (max-width:1200px){.college-cards-container{grid-template-columns:repeat(3,1fr)} } @media (max-width:992px){.program-type-tabs{flex-wrap:wrap;border-radius:25px;gap:8px} .main-tab{padding:14px 35px} .program-details-container{grid-template-columns:repeat(2,1fr)} .college-cards-container{grid-template-columns:repeat(2,1fr)} } @media (max-width:768px){.programs-colleges-section{padding:40px 0} .main-tab{padding:12px 28px;font-size:14px} .program-slider-wrapper{display:block;padding:0 5px} .college-slider-wrapper{gap:10px} .college-slider-wrapper .slider-nav-btn{width:40px;height:40px} .college-slider-wrapper .slider-nav-btn i{font-size:14px} .program-details-card{min-width:200px;max-width:280px} .college-card{flex:0 0 280px;min-width:280px} .programs-colleges-section .section-title{font-size:24px} .program-type-tabs{padding:10px 15px} .program-tab{padding:8px 16px;font-size:12px} } @media (max-width:576px){.programs-colleges-section{padding:30px 0} .main-tabs{flex-direction:row;justify-content:center;gap:0} .main-tab:first-child{border-radius:25px 0 0 25px;border-right:none} .main-tab:last-child{border-radius:0 25px 25px 0} .main-tab{padding:8px 18px;font-size:11px} .program-type-tabs{padding:8px 12px;border-radius:20px} .program-tab{padding:6px 12px;font-size:11px} .programs-colleges-section .section-title{font-size:18px;margin-bottom:8px} .section-subtitle{font-size:12px;margin-bottom:15px;line-height:1.4} .program-slider-wrapper{display:block;padding:0 10px} .college-slider-wrapper{flex-direction:row;gap:0;padding:0;position:relative} .program-slider-wrapper>.slider-nav-btn{display:none} .college-slider-wrapper .slider-nav-btn{width:30px;height:30px;background:linear-gradient(135deg,#F59E0B 0%,#D97706 100%);border:none;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.3);position:absolute;top:50%;transform:translateY(-50%);z-index:30;flex-shrink:0} .college-slider-wrapper .slider-prev-btn{left:8px} .college-slider-wrapper .slider-next-btn{right:8px} .college-slider-wrapper .slider-nav-btn:hover,.college-slider-wrapper .slider-nav-btn:active{background:linear-gradient(135deg,#D97706 0%,#B45309 100%);transform:translateY(-50%) scale(1.05)} .slider-nav-btn i{font-size:11px} .program-details-container{padding:10px;gap:12px;flex-wrap:wrap} .program-details-card{flex:0 0 100%;min-width:100%;max-width:100%;border-radius:12px} .program-details-card h3{font-size:14px;padding:15px} .program-details-card li{font-size:12px;padding:10px 15px;padding-left:30px;line-height:1.45} .program-details-card li::before{font-size:13px;left:12px} .college-cards-container{padding:5px 10px;gap:15px;scroll-snap-type:x mandatory} .college-card{flex:0 0 calc(100vw - 50px);min-width:calc(100vw - 50px);max-width:none;border-radius:14px;scroll-snap-align:center} .college-image{height:130px} .college-image .tag{padding:5px 12px;font-size:10px;top:10px;right:10px} .college-info{padding:12px} .college-info>p:first-child{font-size:11px;margin-bottom:5px} .college-info .rating{font-size:12px;margin-bottom:8px} .college-info h3{font-size:16px;margin-bottom:8px} .college-info>p:last-of-type{font-size:12px;margin-bottom:15px} .college-info a{padding:10px 20px;font-size:11px} } .why-coeru-section{background:url('../images/why.jfif') center center no-repeat;background-size:100% auto;background-attachment:fixed;padding:70px 0;position:relative;overflow:hidden} .why-coeru-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);z-index:0} .why-coeru-section .container{position:relative;z-index:1} .why-title{font-family:'Montserrat',sans-serif;font-size:36px;font-weight:700;color:#fff;text-align:center;margin-bottom:45px;text-shadow:2px 2px 8px rgba(0,0,0,0.4);animation:fadeInDown 0.8s ease-out} .why-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;max-width:1100px;margin:0 auto} .why-card{border-radius:20px;padding:30px 20px;text-align:center;min-height:260px;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);animation:fadeInUp 0.6s ease-out backwards;box-shadow:0 10px 30px rgba(0,0,0,0.15)} .why-card:nth-child(1){animation-delay:0.1s} .why-card:nth-child(2){animation-delay:0.2s} .why-card:nth-child(3){animation-delay:0.3s} .why-card:nth-child(4){animation-delay:0.4s} .why-card:nth-child(5){animation-delay:0.5s} .why-card:nth-child(6){animation-delay:0.6s} .why-card:nth-child(7){animation-delay:0.7s} .why-card:nth-child(8){animation-delay:0.8s} .why-card:hover{transform:translateY(-15px) scale(1.03);box-shadow:0 25px 50px rgba(0,0,0,0.25)} .why-card::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,0.1),transparent);transform:rotate(45deg) translateY(-100%);transition:transform 0.6s ease} .why-card:hover::after{transform:rotate(45deg) translateY(100%)} .why-card:nth-child(1){background:linear-gradient(135deg,#FECDD3 0%,#FDA4AF 100%)} .why-card:nth-child(2){background:linear-gradient(135deg,#FEF08A 0%,#FDE047 100%)} .why-card:nth-child(3){background:linear-gradient(135deg,#BAE6FD 0%,#7DD3FC 100%)} .why-card:nth-child(4){background:linear-gradient(135deg,#BBF7D0 0%,#86EFAC 100%)} .why-card:nth-child(5){background:linear-gradient(135deg,#BBF7D0 0%,#86EFAC 100%)} .why-card:nth-child(6){background:linear-gradient(135deg,#BAE6FD 0%,#7DD3FC 100%)} .why-card:nth-child(7){background:linear-gradient(135deg,#FEF08A 0%,#FDE047 100%)} .why-card:nth-child(8){background:linear-gradient(135deg,#FECDD3 0%,#FDA4AF 100%)} .why-icon{width:65px;height:65px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;transition:all 0.3s ease} .why-icon i{font-size:45px;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275)} .why-card:hover .why-icon i{transform:scale(1.2) rotate(5deg)} .why-card:nth-child(1) .why-icon i{color:#DC2626} .why-card:nth-child(2) .why-icon i{color:#CA8A04} .why-card:nth-child(3) .why-icon i{color:#0284C7} .why-card:nth-child(4) .why-icon i{color:#059669} .why-card:nth-child(5) .why-icon i{color:#059669} .why-card:nth-child(6) .why-icon i{color:#0284C7} .why-card:nth-child(7) .why-icon i{color:#CA8A04} .why-card:nth-child(8) .why-icon i{color:#DC2626} .why-card h3{font-family:'Montserrat',sans-serif;font-size:16px;font-weight:700;color:#1a1a2e;margin-bottom:12px;line-height:1.3;transition:all 0.3s ease} .why-card:hover h3{transform:scale(1.02)} .why-card p{font-family:'Inter',sans-serif;font-size:12px;color:#374151;line-height:1.55;margin:0;transition:all 0.3s ease} @keyframes fadeInUp{from{opacity:0;transform:translateY(40px)} to{opacity:1;transform:translateY(0)} } @keyframes fadeInDown{from{opacity:0;transform:translateY(-30px)} to{opacity:1;transform:translateY(0)} } @keyframes pulse{0%,100%{transform:scale(1)} 50%{transform:scale(1.05)} } @keyframes float{0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} } .why-card:hover .why-icon{animation:float 2s ease-in-out infinite} @media (max-width:1200px){.why-cards-grid{max-width:100%;gap:25px} .why-card{padding:25px 18px;min-height:240px} } @media (max-width:992px){.why-cards-grid{grid-template-columns:repeat(2,1fr)} .why-title{font-size:30px} .why-card{min-height:220px} } @media (max-width:768px){.why-coeru-section{padding:35px 0;background-attachment:scroll} .why-cards-grid{gap:10px} .why-card{padding:15px 10px;min-height:auto;border-radius:14px} .why-icon{width:40px;height:40px;margin-bottom:8px} .why-icon i{font-size:28px} .why-card h3{font-size:12px;margin-bottom:6px} .why-card p{font-size:9px;line-height:1.4} .why-title{font-size:22px;margin-bottom:20px} .why-card:nth-child(1){animation-delay:0.05s} .why-card:nth-child(2){animation-delay:0.1s} .why-card:nth-child(3){animation-delay:0.15s} .why-card:nth-child(4){animation-delay:0.2s} .why-card:nth-child(5){animation-delay:0.25s} .why-card:nth-child(6){animation-delay:0.3s} .why-card:nth-child(7){animation-delay:0.35s} .why-card:nth-child(8){animation-delay:0.4s} } @media (max-width:576px){.why-coeru-section{padding:25px 0} .why-cards-grid{grid-template-columns:1fr 1fr;gap:8px} .why-card{min-height:auto;padding:12px 8px;border-radius:12px} .why-icon{width:35px;height:35px;margin-bottom:6px} .why-icon i{font-size:24px} .why-card h3{font-size:11px;margin-bottom:4px} .why-card p{font-size:8px;line-height:1.3} .why-title{font-size:20px;margin-bottom:15px} } @media (prefers-reduced-motion:reduce){.why-card,.why-title,.why-icon i{animation:none;transition:none} } .placements{background:#fff;padding:60px 0 50px;overflow:hidden} .placements-wrapper{display:flex;gap:40px;margin-bottom:50px} .placements-students{flex:0 0 55%;overflow:hidden;position:relative} .students-slider-track{display:flex;gap:15px;animation:scroll-students 12s linear infinite} @keyframes scroll-students{0%{transform:translateX(0)} 100%{transform:translateX(-1410px)} } .student-card{position:relative;border-radius:16px;overflow:hidden;flex:0 0 220px;width:220px;height:380px;flex-shrink:0} .student-card:hover{transform:translateY(-5px);transition:transform 0.3s ease} .slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:rgba(255,255,255,0.9);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(0,0,0,0.2)} .slider-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.1)} .slider-arrow i{color:#1a1a2e;font-size:16px} .slider-prev{left:10px} .slider-next{right:10px} .student-card__image{width:100%;height:100%;position:absolute;top:0;left:0} .student-card__image img{width:100%;height:100%;object-fit:cover} .student-card__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,0.7) 100%);display:flex;flex-direction:column;justify-content:space-between;padding:15px} .student-card__company{text-align:right} .company-tag{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#1a1a2e;padding:6px 12px;border-radius:20px;font-family:'Montserrat',sans-serif;font-size:11px;font-weight:600} .company-tag img{height:22px;width:auto} .student-card__info{display:flex;justify-content:space-between;align-items:flex-end} .student-lpa{font-family:'Montserrat',sans-serif;font-size:28px;font-weight:700;color:#fd0000} .student-details{text-align:right} .student-name{display:block;font-family:'Montserrat',sans-serif;font-size:12px;font-weight:600;color:#fff} .student-degree{display:block;font-family:'Inter',sans-serif;font-size:10px;color:rgba(255,255,255,0.8)} .placements-content{flex:0 0 42%;padding:20px 0} .placements-label{display:block;font-family:'Montserrat',sans-serif;font-size:12px;font-weight:600;color:#9CA3AF;letter-spacing:1px;margin-bottom:15px} .placements-title{font-family:'Montserrat',sans-serif;font-size:32px;font-weight:700;color:#1a1a2e;line-height:1.3;margin-bottom:25px} .text-blue{color:#FDB813} .placements-stats{display:flex;gap:15px !important;margin-bottom:20px} .stat-item{padding:12px 16px;border-radius:8px;text-align:center;min-width:70px} .stat-item--red{background:rgba(239,68,68,0.15);border:1px solid rgba(239,68,68,0.3)} .stat-item--blue{background:rgba(59,130,246,0.15);border:1px solid rgba(59,130,246,0.3)} .stat-item--yellow{background:rgba(253,184,19,0.15);border:1px solid rgba(253,184,19,0.3)} .stat-item--green{background:rgba(87,247,7,0.15);border:1px solid rgba(87,247,7,0.3)} .stat-number{display:block;font-family:'Montserrat',sans-serif;font-size:30px;font-weight:700;margin-bottom:5px} .stat-item--red .stat-number{color:#EF4444} .stat-item--blue .stat-number{color:#3B82F6} .stat-item--yellow .stat-number{color:#FDB813} .stat-item--green .stat-number{color:#57f707} .stat-label{font-family:'Inter',sans-serif;font-size:10px;color:#6B7280} .placements-description{font-family:'Inter',sans-serif;font-size:13px;color:#6B7280;line-height:1.6;margin-bottom:25px} .btn-apply{display:inline-block;background:#1a1a2e;color:#fff;padding:12px 30px;border-radius:6px;font-family:'Montserrat',sans-serif;font-size:13px;font-weight:600;text-decoration:none;border:2px solid #1a1a2e;transition:all 0.3s ease} .btn-apply:hover{background:#1a1a2e;color:#fff} .company-logos{display:flex;align-items:center;padding:25px 0;border-top:1px solid rgba(255,255,255,0.1);overflow:hidden;position:relative} .company-logos-track{display:flex;gap:30px;animation:scroll-logos 6s linear infinite} @keyframes scroll-logos{0%{transform:translateX(0)} 100%{transform:translateX(-50%)} } .company-logos-mobile{display:none;align-items:center;padding:5px 0;overflow:hidden;position:relative} .company-logo{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:22px 35px;background:#f8fafc;border-radius:14px;border:2px solid transparent;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden} .company-logo:nth-child(8n+1){box-shadow:0 4px 20px rgba(239,68,68,0.25),0 0 30px rgba(239,68,68,0.15);border-color:rgba(239,68,68,0.3)} .company-logo:nth-child(8n+1):hover{box-shadow:0 8px 35px rgba(239,68,68,0.4),0 0 50px rgba(239,68,68,0.3);border-color:rgba(239,68,68,0.5)} .company-logo:nth-child(8n+2){box-shadow:0 4px 20px rgba(253,184,19,0.25),0 0 30px rgba(253,184,19,0.15);border-color:rgba(253,184,19,0.3)} .company-logo:nth-child(8n+2):hover{box-shadow:0 8px 35px rgba(253,184,19,0.4),0 0 50px rgba(253,184,19,0.3);border-color:rgba(253,184,19,0.5)} .company-logo:nth-child(8n+3){box-shadow:0 4px 20px rgba(59,130,246,0.25),0 0 30px rgba(59,130,246,0.15);border-color:rgba(59,130,246,0.3)} .company-logo:nth-child(8n+3):hover{box-shadow:0 8px 35px rgba(59,130,246,0.4),0 0 50px rgba(59,130,246,0.3);border-color:rgba(59,130,246,0.5)} .company-logo:nth-child(8n+4){box-shadow:0 4px 20px rgba(34,197,94,0.25),0 0 30px rgba(34,197,94,0.15);border-color:rgba(34,197,94,0.3)} .company-logo:nth-child(8n+4):hover{box-shadow:0 8px 35px rgba(34,197,94,0.4),0 0 50px rgba(34,197,94,0.3);border-color:rgba(34,197,94,0.5)} .company-logo:nth-child(8n+5){box-shadow:0 4px 20px rgba(239,68,68,0.25),0 0 30px rgba(239,68,68,0.15);border-color:rgba(239,68,68,0.3)} .company-logo:nth-child(8n+5):hover{box-shadow:0 8px 35px rgba(239,68,68,0.4),0 0 50px rgba(239,68,68,0.3);border-color:rgba(239,68,68,0.5)} .company-logo:nth-child(8n+6){box-shadow:0 4px 20px rgba(253,184,19,0.25),0 0 30px rgba(253,184,19,0.15);border-color:rgba(253,184,19,0.3)} .company-logo:nth-child(8n+6):hover{box-shadow:0 8px 35px rgba(253,184,19,0.4),0 0 50px rgba(253,184,19,0.3);border-color:rgba(253,184,19,0.5)} .company-logo:nth-child(8n+7){box-shadow:0 4px 20px rgba(59,130,246,0.25),0 0 30px rgba(59,130,246,0.15);border-color:rgba(59,130,246,0.3)} .company-logo:nth-child(8n+7):hover{box-shadow:0 8px 35px rgba(59,130,246,0.4),0 0 50px rgba(59,130,246,0.3);border-color:rgba(59,130,246,0.5)} .company-logo:nth-child(8n){box-shadow:0 4px 20px rgba(34,197,94,0.25),0 0 30px rgba(34,197,94,0.15);border-color:rgba(34,197,94,0.3)} .company-logo:nth-child(8n):hover{box-shadow:0 8px 35px rgba(34,197,94,0.4),0 0 50px rgba(34,197,94,0.3);border-color:rgba(34,197,94,0.5)} .company-logo::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.6),transparent);transition:left 0.6s ease} .company-logo:hover::before{left:100%} .company-logo:hover{transform:translateY(-8px) scale(1.08)} .company-logo img{height:60px;width:auto;object-fit:contain;transition:transform 0.3s ease} .company-logo:hover img{transform:scale(1.1)} .company-logo span{font-family:'Montserrat',sans-serif;font-size:13px;font-weight:600;color:#1a1a2e} @media (max-width:1200px){.placements-title{font-size:28px} .student-card{min-height:280px} .placements-stats{flex-wrap:wrap} } @media (max-width:992px){.placements-wrapper{flex-direction:column} .placements-students{flex:1} .placements-content{flex:1} .student-card{min-height:300px} } @media (max-width:768px){.placements{padding:50px 0 40px} .placements-students{flex-direction:column} .student-card{min-height:280px} .placements-title{font-size:24px;text-align:center} .placements-content{text-align:center;padding:20px 15px} .placements-label{text-align:center} .placements-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;justify-items:stretch} .stat-item{padding:15px 10px;min-width:unset;width:100%} .stat-number{font-size:20px} .stat-label{font-size:9px} .placements-description{text-align:center} .company-logos{flex-wrap:wrap;gap:25px} } @media (max-width:576px){.placements-title{font-size:22px} .student-lpa{font-size:22px} .company-logo{padding:12px 18px;border-radius:10px} .company-logo img{height:50px} .company-logos{padding-bottom:5px} .company-logos-mobile{display:flex} } .collaborations{padding:var(--space-24) 0;background:var(--color-gray-50)} .collaborations__wrapper{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center} .collaborations__image{border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-2xl)} .collaborations__image img{width:100%;height:500px;object-fit:cover} .collaborations__features{display:flex;flex-direction:column;gap:var(--space-3)} .feature-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-6);border-radius:var(--radius-lg);color:var(--color-white);cursor:pointer;transition:all var(--transition-base)} .feature-bar:hover{transform:translateX(10px);box-shadow:var(--shadow-lg)} .feature-bar__text{font-family:var(--font-primary);font-size:var(--text-lg);font-weight:var(--font-bold)} .feature-bar__icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.2);border-radius:var(--radius-md);font-size:var(--text-lg);transition:background var(--transition-fast)} .feature-bar:hover .feature-bar__icon{background:rgba(255,255,255,0.3)} .feature-bar--blue{background:linear-gradient(135deg,var(--color-accent-blue) 0%,#004478 100%)} .feature-bar--orange{background:linear-gradient(135deg,var(--color-accent-orange) 0%,#ea580c 100%)} .feature-bar--green{background:linear-gradient(135deg,var(--color-accent-green) 0%,#008841 100%)} .feature-bar--purple{background:linear-gradient(135deg,var(--color-band-purple) 0%,#7c3aed 100%)} .feature-bar--yellow{background:linear-gradient(135deg,var(--color-accent-gold) 0%,#e5a410 100%)} @media (max-width:1024px){.collaborations__wrapper{grid-template-columns:1fr;gap:var(--space-8)} .collaborations__image img{height:350px} } @media (max-width:640px){.feature-bar{padding:var(--space-4) var(--space-4)} .feature-bar__text{font-size:var(--text-base)} } .collaborators{padding:var(--space-20) 0;background:var(--color-gray-50)} .collaborators__grid{display:flex;justify-content:center;align-items:center;gap:var(--space-12);flex-wrap:wrap} .collaborator-logo{padding:var(--space-4);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base)} .collaborator-logo:hover{transform:scale(1.1);box-shadow:var(--shadow-lg)} .collaborator-logo img{height:60px;width:auto} .global-experience{padding:40px 0;background:#fff} .global-experience__title{text-align:center;font-family:'Montserrat',sans-serif;font-size:32px;font-weight:600;color:#1a1a2e;line-height:1.4;margin-bottom:50px} .global-experience__title .highlight{color:#FDB813} .curtain-accordion{display:flex;height:550px;border-radius:16px;overflow:hidden;background:#f8fafc;box-shadow:0 4px 20px rgba(0,0,0,0.1)} .curtain-panel{display:flex;flex:0 0 60px;transition:flex 1s cubic-bezier(0.4,0,0.2,1);position:relative;cursor:pointer;overflow:hidden} .curtain-panel.active{flex:1} .curtain-bar{width:60px;min-width:60px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:15px 10px;gap:20px;position:relative;z-index:2} .curtain-bar__icon{order:-1} .curtain-bar__text{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-family:'Montserrat',sans-serif;font-size:16px;font-weight:600;color:#fff;white-space:nowrap;letter-spacing:1px} .curtain-bar__icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.2);border-radius:50%;color:#fff;font-size:12px;transition:all 0.3s ease} .curtain-panel:hover .curtain-bar__icon{background:rgba(255,255,255,0.3);transform:scale(1.1)} .curtain-panel.active .curtain-bar__icon i{transform:rotate(45deg)} .curtain-bar--red{background:linear-gradient(180deg,#EF4444 0%,#DC2626 100%)} .curtain-bar--green{background:linear-gradient(180deg,#22C55E 0%,#16A34A 100%)} .curtain-bar--blue{background:linear-gradient(180deg,#3B82F6 0%,#2563EB 100%)} .curtain-bar--red2{background:linear-gradient(180deg,#F87171 0%,#EF4444 100%)} .curtain-bar--yellow{background:linear-gradient(180deg,#FACC15 0%,#EAB308 100%)} .curtain-bar--grey{background:linear-gradient(180deg,#9CA3AF 0%,#6B7280 100%)} .curtain-content{flex:1;height:100%;opacity:0;transform:scaleX(0);transform-origin:left;transition:all 0.8s cubic-bezier(0.4,0,0.2,1);overflow:hidden} .curtain-panel.active .curtain-content{opacity:1;transform:scaleX(1)} .curtain-content img{width:100%;height:100%;object-fit:fill} @media (max-width:1024px){.curtain-accordion{height:350px} .curtain-panel{flex:0 0 50px} .curtain-bar{width:50px;min-width:50px} .curtain-bar__text{font-size:12px} .global-experience__title{font-size:26px} } @media (max-width:768px){.curtain-accordion{flex-direction:column;height:auto} .curtain-panel{flex:0 0 50px;flex-direction:column} .curtain-panel.active{flex:0 0 250px} .curtain-bar{width:100%;min-width:100%;height:50px;flex-direction:row;padding:10px 20px} .curtain-bar__text{writing-mode:horizontal-tb;transform:none} .curtain-content{transform-origin:top;transform:scaleY(0)} .curtain-panel.active .curtain-content{transform:scaleY(1)} .global-experience__title{font-size:22px} .global-experience__title br{display:none} } .studentTestimonial-section{padding:80px 0;background-image:url('../images/students_group.webp');background-size:cover;background-position:center;background-attachment:fixed;position:relative;overflow:hidden} .studentTestimonial-section::before{content:'';position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background-image:url('../images/students_group.webp');background-size:cover;background-position:center;background-attachment:fixed;filter:blur(1px);z-index:0} .studentTestimonial-section::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(30,58,138,0.8) 0%,rgba(59,130,246,0.7) 100%);z-index:0} .studentTestimonial-section .container{position:relative;z-index:1} .mainHeading{margin-bottom:30px} .mainHeading .text-yellow{font-family:'Montserrat',sans-serif;font-size:30px;font-weight:600;color:#FDB813;letter-spacing:1px;margin-bottom:12px} .mainHeading h2{font-family:'Montserrat',sans-serif;font-size:28px;font-weight:700;color:#fff;line-height:1.4} .mainHeading h2 span{display:block} .testimony-thumbs-wrapper{position:relative;margin-bottom:20px} .testimony-thumbs{display:flex;gap:12px;overflow:hidden} .ft-item{flex:0 0 100px;width:100px;background:#fff;border-radius:12px;overflow:hidden;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(0,0,0,0.15)} .ft-item img{width:100%;height:120px;object-fit:cover;display:block;transition:transform 0.3s ease} .ft-item span{display:block;font-family:'Inter',sans-serif;font-size:11px;font-weight:700;color:#fff;text-align:center;padding:8px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0.3px;text-transform:capitalize} .ft-item:nth-child(1) span{background:#EF4444} .ft-item:nth-child(2) span{background:#FDB813} .ft-item:nth-child(3) span{background:#3B82F6} .ft-item:nth-child(4) span{background:#22C55E} .ft-item.active,.ft-item:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.2)} .ft-item:hover img{transform:scale(1.05)} .testimony-nav{display:flex;gap:10px;margin-top:15px} .testimony-prev,.testimony-next{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.2);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease} .testimony-prev:hover,.testimony-next:hover{background:#fff;color:#3B82F6} .btn-apply-white{display:inline-flex;align-items:center;background:#fff;color:#1a1a2e;padding:12px 30px;border-radius:6px;font-family:'Montserrat',sans-serif;font-size:13px;font-weight:600;text-decoration:none;transition:all 0.3s ease} .btn-apply-white:hover{background:#FDB813;color:#1a1a2e;transform:translateY(-2px)} .testimony-slider-wrapper{display:flex;align-items:center;justify-content:center;gap:20px;max-width:800px;margin:0 auto} .testimony-slider{position:relative;height:450px;flex:0 0 700px;max-width:700px;width:100%} .test-item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:all 0.5s ease;display:flex;flex-direction:row;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 25px rgba(0,0,0,0.15)} .test-item.active{opacity:1;visibility:visible} .student-info-card{flex:0 0 45%;padding:30px 25px;background:#fff;display:flex;flex-direction:column;justify-content:center;order:1} .student-info-card::before{content:'"';font-family:'Georgia',serif;font-size:80px;color:#EF4444;line-height:1;margin-bottom:10px} .quote-title{font-family:'Montserrat',sans-serif;font-size:28px;font-weight:700;color:#1a1a2e;line-height:1.3;margin-bottom:20px} .quote-title .highlight{color:#EF4444;font-weight:800} .studentTestimonial-section .student-quote{font-family:'Inter',sans-serif;font-size:15px;font-style:normal;color:#4B5563;line-height:1.7;margin-top:0;margin-bottom:20px;padding-top:0;border-top:none} .studentTestimonial-section .student-designation{font-family:'Inter',sans-serif;font-size:18px;color:#3B82F6;margin-bottom:0} .studentTestimonial-section .student-company{font-family:'Inter',sans-serif;font-size:16px;color:#1a1a2e;font-weight:600;margin-top:3px;margin-bottom:0} .test-item__image{flex:0 0 55%;position:relative;width:auto;height:100%;overflow:hidden;order:2} .test-item__image img{width:100%;height:100%;object-fit:cover;object-position:center top} .test-item__name-overlay{position:absolute;bottom:0;left:0;right:0;padding:25px;background:linear-gradient(to top,rgba(0,0,0,0.85) 0%,transparent 100%)} .test-item__name-overlay h3{font-family:'Montserrat',sans-serif;font-size:26px;font-weight:700;color:#FFF;margin:0 0 5px 0} .test-item__name-overlay .job-title{font-family:'Inter',sans-serif;font-size:14px;font-weight:600;color:#FDB813;margin:0} .test-item__name-overlay .degree-info{font-family:'Inter',sans-serif;font-size:12px;color:rgba(255,255,255,0.8);margin:5px 0 0 0} @media (max-width:768px){.studentTestimonial-section{padding:30px 0;overflow:hidden} .studentTestimonial-section .container{padding:0 15px;max-width:100%;overflow:hidden} .studentTestimonial-section .row{margin:0} .studentTestimonial-section .col-md-5,.studentTestimonial-section .col-md-7{padding:0 10px;width:100%;max-width:100%} .mainHeading{margin-bottom:15px;text-align:center} .mainHeading .text-yellow{font-size:20px;margin-bottom:8px} .mainHeading h2{font-size:18px;line-height:1.3} .testimony-slider-wrapper{gap:0;width:100% !important;max-width:100% !important;margin-top:15px;padding:0 !important;box-sizing:border-box;overflow:hidden !important} .testimony-slider{height:420px !important;flex:1 1 auto !important;width:100% !important;min-width:0 !important;max-width:100% !important;position:relative} .test-item{position:absolute;top:0;left:0;right:0;width:100%;height:100%;border-radius:12px;max-width:100%;box-sizing:border-box;overflow:hidden;flex-direction:column !important} .test-item__image{flex:0 0 60% !important;height:auto !important;width:100% !important;max-width:100%;overflow:hidden;order:1 !important;background:linear-gradient(180deg,#e8f4fc 0%,#d4e8f5 100%)} .test-item__image img{height:100%;width:100%;max-width:100%;object-fit:cover;object-position:center top;display:block} .student-info-card{flex:0 0 40% !important;padding:15px 20px;order:2 !important;text-align:left} .student-info-card::before{font-size:50px;margin-bottom:0;display:block} .studentTestimonial-section .student-name{font-size:16px;margin-bottom:3px} .studentTestimonial-section .student-designation{font-size:14px} .studentTestimonial-section .student-company{font-size:13px;margin-top:2px} .studentTestimonial-section .student-quote{font-size:12px;line-height:1.5;margin-bottom:10px} .test-item__name-overlay{padding:15px} .test-item__name-overlay h3{font-size:18px} .testimony-slider-wrapper .testimony-arrow{display:none} .testimony-thumbs-wrapper{display:none} .testimony-thumbs{display:none} .testimony-nav{display:none} .ft-item{flex:0 0 65px;width:65px} .ft-item img{height:65px} .ft-item span{font-size:8px;padding:5px 3px} .testimony-nav{margin-top:10px} .testimony-prev,.testimony-next{width:32px;height:32px} .mt-4{margin-top:15px !important} .btn-apply-white{padding:10px 20px;font-size:12px} } .testimonials{padding:var(--space-24) 0;background:var(--color-white)} .testimonials__subtitle{text-align:center;font-size:var(--text-lg);color:var(--color-gray-600);margin-top:calc(var(--space-8) * -1);margin-bottom:var(--space-12)} .testimonials__slider{display:grid;grid-template-columns:auto 1fr;gap:var(--space-8);align-items:start} .testimonials__cards{display:flex;gap:var(--space-4)} .testimonial-card{width:140px;padding:var(--space-4);background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-xl);text-align:center;cursor:pointer;transition:all var(--transition-base);flex-shrink:0} .testimonial-card:hover{border-color:var(--color-gray-400);box-shadow:var(--shadow-md)} .testimonial-card--active{border-color:var(--color-accent-green);border-width:3px;box-shadow:0 0 20px rgba(0,166,81,0.2)} .testimonial-card__image{width:80px;height:80px;margin:0 auto var(--space-3);border-radius:50%;overflow:hidden;border:3px solid var(--color-gray-100)} .testimonial-card--active .testimonial-card__image{border-color:var(--color-accent-green)} .testimonial-card__image img{width:100%;height:100%;object-fit:cover} .testimonial-card__name{font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-gray-900);margin-bottom:var(--space-1)} .testimonial-card__role{font-size:var(--text-xs);color:var(--color-gray-500);margin-bottom:0} .testimonials__detail{display:flex;align-items:center} .testimonial-detail{background:var(--color-gray-50);border-radius:var(--radius-xl);padding:var(--space-8);border-left:4px solid var(--color-accent-green)} .testimonial-detail__quote{font-family:var(--font-secondary);font-size:var(--text-lg);font-style:italic;color:var(--color-gray-700);line-height:1.7;margin-bottom:var(--space-4);position:relative} .testimonial-detail__quote::before{content:'"';font-size:var(--text-5xl);color:var(--color-accent-green);opacity:0.3;position:absolute;top:-20px;left:-10px;font-family:serif} .testimonial-detail__info{display:flex;flex-direction:column;gap:var(--space-1)} .testimonial-detail__info strong{font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-gray-900)} .testimonial-detail__info span{font-size:var(--text-sm);color:var(--color-accent-green);font-weight:var(--font-medium)} @media (max-width:1024px){.testimonials__slider{grid-template-columns:1fr} .testimonials__cards{justify-content:center;flex-wrap:wrap} } @media (max-width:640px){.testimonial-card{width:120px;padding:var(--space-3)} .testimonial-card__image{width:60px;height:60px} .testimonial-detail{padding:var(--space-4)} .testimonial-detail__quote{font-size:var(--text-base)} } .simple-footer{background:#ffffff;color:#1a1a2e;padding:30px 0 20px;position:relative;box-shadow:0 -4px 20px rgba(0,0,0,0.05)} .simple-footer .container{display:flex;flex-direction:column;align-items:center} .simple-footer__cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;margin-bottom:25px;text-align:center} .simple-footer__title{font-family:'Montserrat',sans-serif;font-size:32px;font-weight:700;color:#1a1a2e;margin:0} .simple-footer__title .highlight-gold{color:#F59E0B} .btn-apply-white{display:inline-block;padding:14px 40px;background:#1a1a2e;color:#fff;font-family:'Montserrat',sans-serif;font-size:14px;font-weight:600;text-decoration:none;border-radius:8px;border:2px solid #1a1a2e;transition:all 0.3s ease} .btn-apply-white:hover{background:#E31E24;border-color:#E31E24;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px rgba(227,30,36,0.4)} .simple-footer__bottom{width:100%;display:flex;align-items:center;justify-content:space-between;padding-top:10px} .simple-footer__social{display:flex;gap:12px} .simple-footer__social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;text-decoration:none;transition:all 0.3s ease;color:#fff;font-size:16px} .simple-footer__social a[aria-label="Facebook"]{background:linear-gradient(135deg,#1877F2 0%,#0d65d9 100%);box-shadow:0 4px 15px rgba(24,119,242,0.4)} .simple-footer__social a[aria-label="Twitter"]{background:linear-gradient(135deg,#1DA1F2 0%,#0c85d0 100%);box-shadow:0 4px 15px rgba(29,161,242,0.4)} .simple-footer__social a[aria-label="Instagram"]{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);box-shadow:0 4px 15px rgba(225,48,108,0.4)} .simple-footer__social a[aria-label="Instagram"] i{background:none;-webkit-background-clip:unset;-webkit-text-fill-color:#fff;color:#fff} .simple-footer__social a[aria-label="LinkedIn"]{background:linear-gradient(135deg,#0077b5 0%,#005582 100%);box-shadow:0 4px 15px rgba(0,119,181,0.4)} .simple-footer__social a[aria-label="YouTube"]{background:linear-gradient(135deg,#FF0000 0%,#cc0000 100%);box-shadow:0 4px 15px rgba(255,0,0,0.4)} .simple-footer__social a:hover{transform:translateY(-4px) scale(1.1);box-shadow:0 8px 25px rgba(0,0,0,0.3)} .simple-footer__copyright{font-family:'Inter',sans-serif;font-size:14px;color:#6B7280} .simple-footer__copyright p{margin:0} @media (max-width:768px){.simple-footer{padding:40px 0 20px} .simple-footer__title{font-size:24px} .simple-footer__bottom{flex-direction:column;gap:20px;text-align:center} } .text-center{text-align:center} .text-left{text-align:left} .text-right{text-align:right} .font-normal{font-weight:var(--font-normal)} .font-medium{font-weight:var(--font-medium)} .font-semibold{font-weight:var(--font-semibold)} .font-bold{font-weight:var(--font-bold)} .mt-4{margin-top:var(--space-4)} .mt-8{margin-top:var(--space-8)} .mb-4{margin-bottom:var(--space-4)} .mb-8{margin-bottom:var(--space-8)} .hidden{display:none} .block{display:block} .flex{display:flex} .grid{display:grid} .items-center{align-items:center} .justify-center{justify-content:center} .justify-between{justify-content:space-between} .gap-4{gap:var(--space-4)} .w-full{width:100%} .max-w-full{max-width:100%} @media (max-width:768px){.hide-mobile{display:none !important} } @media (min-width:769px){.hide-desktop{display:none !important} } .footer-yellow{background-color:#EDC821;color:#000;padding:50px 0 20px;position:relative;font-family:var(--font-primary);text-align:center} .footer-yellow__container{position:relative;display:flex;flex-direction:column;align-items:center} .footer-yellow__title{color:#FF0000;font-size:24px;font-weight:800;margin-bottom:20px;text-transform:capitalize} .footer-yellow__info{margin-bottom:20px} .footer-yellow__info p{margin:5px 0;font-size:var(--text-base);font-weight:500;line-height:1.5} .footer-yellow__org{font-size:var(--text-base);font-weight:600;margin-bottom:10px !important} .footer-yellow__helpline{margin-bottom:10px;font-size:var(--text-base);font-weight:700} .footer-yellow__divider{display:none;width:100%;border:0;border-top:1px solid rgba(0,0,0,0.1);margin:0} .footer-yellow__bottom{width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px} .footer-yellow__social{display:flex;gap:15px} .footer-yellow__social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:#fff;font-size:18px;transition:transform 0.3s ease} .footer-yellow__social a[aria-label='Facebook']{background-color:#1877F2} .footer-yellow__social a[aria-label='Twitter']{background-color:#1DA1F2} .footer-yellow__social a[aria-label='Instagram']{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)} .footer-yellow__social a[aria-label='LinkedIn']{background-color:#0077b5} .footer-yellow__social a[aria-label='YouTube']{background-color:#FF0000} .footer-yellow__social a:hover{transform:translateY(-3px)} .footer-yellow__copyright{font-size:var(--text-base);font-weight:600;text-align:center} .footer-yellow__back-to-top{position:absolute;right:0;bottom:0;top:auto;transform:none;width:50px;height:50px;background-color:#1a237e;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 4px 10px rgba(0,0,0,0.2);transition:background-color 0.3s ease} .footer-yellow__back-to-top:hover{background-color:#283593} @media (max-width:768px){.footer-yellow__bottom{flex-direction:column;justify-content:center} .footer-yellow__back-to-top{position:fixed;bottom:20px;right:20px;top:auto;transform:none;z-index:999} }