/* Contact Us Section */
        .contact-us-section {
            min-height: 70vh;
            background: #1A1A1A;
            position: relative;
            display: flex;
            align-items: center;
            padding: 2rem 0;
            overflow: hidden;
        }
        
        .contact-background {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 1;
        }
        
        .wireframe-left {
            position: absolute;
            left: 5%;
            top: 15%;
            width: 300px;
            height: 300px;
/*
            background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300"><defs><pattern id="circuit1" patternUnits="userSpaceOnUse" width="40" height="40"><circle cx="20" cy="20" r="2" fill="%23ff4444" opacity="0.6"/><path d="M0,20 L40,20 M20,0 L20,40" stroke="%23ff4444" stroke-width="0.5" opacity="0.4"/></pattern></defs><g><rect width="300" height="300" fill="url(%23circuit1)" opacity="0.3"/><circle cx="150" cy="150" r="80" stroke="%23ff4444" stroke-width="2" fill="none" opacity="0.8"/><circle cx="150" cy="150" r="50" stroke="%23ff6666" stroke-width="1" fill="none" opacity="0.6"/><circle cx="150" cy="150" r="20" stroke="%23ff4444" stroke-width="3" fill="none" opacity="1"/><path d="M70,150 L130,150 M170,150 L230,150 M150,70 L150,130 M150,170 L150,230" stroke="%23ff4444" stroke-width="2" opacity="0.8"/><circle cx="70" cy="150" r="8" fill="%23ff4444" opacity="0.9"/><circle cx="230" cy="150" r="8" fill="%23ff4444" opacity="0.9"/><circle cx="150" cy="70" r="8" fill="%23ff4444" opacity="0.9"/><circle cx="150" cy="230" r="8" fill="%23ff4444" opacity="0.9"/></g></svg>') center center/contain no-repeat;
            animation: aiFloat 6s ease-in-out infinite;
*/
        }
        
        .wireframe-right {
            position: absolute;
            right: 5%;
            top: 20%;
            width: 350px;
            height: 350px;
/*
            background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 350 350"><defs><pattern id="circuit2" patternUnits="userSpaceOnUse" width="30" height="30"><circle cx="15" cy="15" r="1.5" fill="%23ff6666" opacity="0.5"/><path d="M0,15 L30,15 M15,0 L15,30" stroke="%23ff6666" stroke-width="0.3" opacity="0.3"/></pattern></defs><g><rect width="350" height="350" fill="url(%23circuit2)" opacity="0.2"/><polygon points="175,50 250,125 175,200 100,125" stroke="%23ff4444" stroke-width="2" fill="none" opacity="0.8"/><polygon points="175,80 220,125 175,170 130,125" stroke="%23ff6666" stroke-width="2" fill="none" opacity="0.6"/><circle cx="175" cy="125" r="15" stroke="%23ff4444" stroke-width="2" fill="%23ff4444" opacity="0.3"/><path d="M50,125 L100,125 M250,125 L300,125 M175,25 L175,50 M175,200 L175,275" stroke="%23ff4444" stroke-width="2" opacity="0.7"/><rect x="40" y="115" width="20" height="20" stroke="%23ff4444" stroke-width="2" fill="none" opacity="0.8"/><rect x="290" y="115" width="20" height="20" stroke="%23ff4444" stroke-width="2" fill="none" opacity="0.8"/><rect x="165" y="15" width="20" height="20" stroke="%23ff4444" stroke-width="2" fill="none" opacity="0.8"/><rect x="165" y="265" width="20" height="20" stroke="%23ff4444" stroke-width="2" fill="none" opacity="0.8"/><text x="175" y="130" text-anchor="middle" fill="%23ff4444" font-size="12" font-family="monospace" opacity="0.9">AI</text></g></svg>') center center/contain no-repeat;
            animation: aiFloat 8s ease-in-out infinite reverse;
*/
        }
        
        .contact-background::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
/*
            background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="aiGrid" patternUnits="userSpaceOnUse" width="50" height="50"><circle cx="25" cy="25" r="1" fill="%23ff4444" opacity="0.3"/><path d="M0,25 L50,25 M25,0 L25,50" stroke="%23ff4444" stroke-width="0.2" opacity="0.2"/></pattern></defs><rect width="100%" height="100%" fill="url(%23aiGrid)"/></svg>') center center/cover;
            opacity: 0.4;
            animation: gridPulse 4s ease-in-out infinite;
*/
        }
        
        .contact-background::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
/*
            background: radial-gradient(ellipse at center, 
                transparent 0%, 
                rgba(255, 68, 68, 0.05) 40%, 
                rgba(255, 68, 68, 0.1) 70%, 
                rgba(0, 0, 0, 0.3) 100%);
*/
        }
        
        .building-graphic {
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 600px;
            height: 200px;
/*            background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 200"><defs><pattern id="buildingPattern" patternUnits="userSpaceOnUse" width="20" height="20"><rect x="8" y="8" width="4" height="4" fill="%23ff4444" opacity="0.6"/></pattern></defs><g opacity="0.4"><rect x="50" y="80" width="80" height="120" fill="none" stroke="%23ff4444" stroke-width="1" opacity="0.7"/><rect x="150" y="60" width="60" height="140" fill="none" stroke="%23ff4444" stroke-width="1" opacity="0.7"/><rect x="230" y="40" width="90" height="160" fill="none" stroke="%23ff4444" stroke-width="1" opacity="0.8"/><rect x="340" y="70" width="70" height="130" fill="none" stroke="%23ff4444" stroke-width="1" opacity="0.7"/><rect x="430" y="90" width="60" height="110" fill="none" stroke="%23ff4444" stroke-width="1" opacity="0.6"/><rect x="510" y="100" width="50" height="100" fill="none" stroke="%23ff4444" stroke-width="1" opacity="0.6"/><rect x="60" y="90" width="12" height="8" fill="%23ff4444" opacity="0.4"/><rect x="80" y="90" width="12" height="8" fill="%23ff4444" opacity="0.4"/><rect x="100" y="90" width="12" height="8" fill="%23ff4444" opacity="0.4"/><rect x="60" y="110" width="12" height="8" fill="%23ff4444" opacity="0.4"/><rect x="80" y="110" width="12" height="8" fill="%23ff4444" opacity="0.4"/><rect x="160" y="80" width="10" height="6" fill="%23ff4444" opacity="0.4"/><rect x="175" y="80" width="10" height="6" fill="%23ff4444" opacity="0.4"/><rect x="190" y="80" width="10" height="6" fill="%23ff4444" opacity="0.4"/><rect x="240" y="60" width="15" height="10" fill="%23ff4444" opacity="0.5"/><rect x="260" y="60" width="15" height="10" fill="%23ff4444" opacity="0.5"/><rect x="280" y="60" width="15" height="10" fill="%23ff4444" opacity="0.5"/><rect x="300" y="60" width="15" height="10" fill="%23ff4444" opacity="0.5"/><rect x="240" y="80" width="15" height="10" fill="%23ff4444" opacity="0.5"/><rect x="260" y="80" width="15" height="10" fill="%23ff4444" opacity="0.5"/><rect x="350" y="90" width="12" height="8" fill="%23ff4444" opacity="0.4"/><rect x="370" y="90" width="12" height="8" fill="%23ff4444" opacity="0.4"/><rect x="390" y="90" width="12" height="8" fill="%23ff4444" opacity="0.4"/></g></svg>') center bottom/contain no-repeat;*/
/*            opacity: 0.3;*/
/*            animation: buildingGlow 6s ease-in-out infinite;*/
        }
        
        .contact-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 2rem;
            position: relative;
            z-index: 10;
            width: 100%;
        }
        
        .contact-content {
            display: flex;
            flex-direction: column;
            gap: 3rem;
        }
        
        .contact-header {
            text-align: left;
        }
        
        .contact-title {
            font-size: 4rem;
            font-weight: 700;
            color: #ffffff;
            margin-bottom: 1.5rem;
            letter-spacing: -2px;
            text-transform: uppercase;
        }
        
        .contact-description {
            font-size: 1.3rem;
            color: #ffffff;
            line-height: 1.6;
            font-weight: 400;
            margin: 0;
        }
        
        .contact-info-box {
            background: rgba(0, 0, 0, 0.7);
            border-radius: 15px;
            padding: 3rem;
            display: grid;
            grid-template-columns: 2fr auto 1fr;
            gap: 3rem;
            align-items: center;
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }
        
        .contact-section {
            display: flex;
            flex-direction: column;
        }
        
        .contact-label {
            font-size: 1.2rem;
            font-weight: 600;
            color: #ffffff;
            margin-bottom: 1rem;
            letter-spacing: 1px;
            text-transform: uppercase;
            display: flex;
            align-items: center;
            gap: 0.8rem;
        }
        
        .contact-icon {
            width: 24px;
            height: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .contact-icon svg {
            width: 100%;
            height: 100%;
            fill: #ff4444;
        }
        
        .contact-details {
            display: flex;
            flex-direction: column;
            gap: 0.3rem;
        }
        
        .address-line {
            font-size: 1.1rem;
            color: #ffffff;
            line-height: 1.5;
            margin: 0;
            font-weight: 400;
        }
        
        .email-link {
            font-size: 1.1rem;
            color: #ffffff;
            text-decoration: none;
            font-weight: 400;
            transition: color 0.3s ease;
        }
        
        .email-link:hover {
            color: #ff6666;
            text-decoration: underline;
        }
        
        .contact-divider {
            width: 2px;
            height: 120px;
            background: linear-gradient(to bottom, transparent, #ffffff, transparent);
            opacity: 0.3;
        }
        
        /* Enhanced Responsive design for Contact Us section */
        @media (max-width: 1400px) {
            .contact-title {
                font-size: 3.8rem;
            }
            
            .contact-info-box {
                padding: 2.8rem;
                gap: 2.5rem;
            }
        }
        
        @media (max-width: 1200px) {
            .contact-title {
                font-size: 3.5rem;
            }
            
            .contact-description {
                font-size: 1.2rem;
            }
            
            .contact-info-box {
                padding: 2.5rem;
                gap: 2rem;
            }
            
            .wireframe-left {
                width: 250px;
                height: 250px;
            }
            
            .wireframe-right {
                width: 300px;
                height: 300px;
            }
        }
        
        @media (max-width: 1024px) {
            .contact-us-section {
                padding: 3rem 0;
            }
            
            .contact-title {
                font-size: 3.2rem;
            }
            
            .contact-info-box {
                grid-template-columns: 1fr auto 1fr;
                gap: 1.8rem;
                padding: 2.2rem;
            }
        }
        
        @media (max-width: 900px) {
            .contact-title {
                font-size: 3rem;
            }
            
            .contact-description {
                font-size: 1.4rem; /* Increased for better mobile readability */
            }
            
            .contact-info-box {
                grid-template-columns: 1fr;
                gap: 2rem;
                padding: 2rem;
            }
            
            .contact-divider {
                width: 100%;
                height: 2px;
                background: linear-gradient(to right, transparent, #ffffff, transparent);
            }
        }
        
        @media (max-width: 768px) {
            .contact-us-section {
                padding: 4rem 0;
                min-height: 60vh;
            }
            
            .contact-title {
                font-size: 2.8rem;
                letter-spacing: -1px;
            }
            
            .contact-description {
                font-size: 1.35rem; /* Increased for better mobile readability */
            }
            
            .contact-content {
                gap: 2rem;
            }
            
            .contact-info-box {
                padding: 1.8rem;
            }
            
            .wireframe-left, .wireframe-right {
                display: none;
            }
            
            .contact-container {
                padding: 0 1.5rem;
            }
            
            .building-graphic {
                width: 400px;
                height: 150px;
            }
            
            .contact-label {
                font-size: 1.3rem; /* Increased for better mobile readability */
            }
            
            .address-line, .email-link {
                font-size: 1.25rem; /* Increased for better mobile readability */
            }
        }
        
        @media (max-width: 640px) {
            .contact-title {
                font-size: 2.5rem;
            }
            
            .contact-description {
                font-size: 1.3rem; /* Increased for better mobile readability */
            }
            
            .contact-label {
                font-size: 1.25rem; /* Increased for better mobile readability */
            }
            
            .address-line, .email-link {
                font-size: 1.2rem; /* Increased for better mobile readability */
            }
        }
        
        @media (max-width: 480px) {
            .contact-us-section {
                padding: 3rem 0;
            }
            
            .contact-title {
                font-size: 2.2rem;
            }
            
            .contact-description {
                font-size: 1.25rem; /* Increased for better mobile readability */
            }
            
            .contact-info-box {
                padding: 1.5rem;
            }
            
            .contact-label {
                font-size: 1.2rem; /* Increased for better mobile readability */
            }
            
            .address-line, .email-link {
                font-size: 1.15rem; /* Increased for better mobile readability */
            }
            
            .contact-container {
                padding: 0 1rem;
            }
            
            .building-graphic {
                width: 300px;
                height: 120px;
            }
        }
        
        @media (max-width: 360px) {
            .contact-title {
                font-size: 2rem;
            }
            
            .contact-description {
                font-size: 1.2rem; /* Increased for better mobile readability */
            }
            
            .contact-info-box {
                padding: 1.2rem;
            }
            
            .contact-label {
                font-size: 1.15rem; /* Increased for better mobile readability */
            }
            
            .address-line, .email-link {
                font-size: 1.1rem; /* Increased for better mobile readability */
            }
        }
        
        /* Contact Us Animations */
        @keyframes aiFloat {
            0%, 100% {
                transform: translateY(0px) rotate(0deg);
                opacity: 0.7;
            }
            50% {
                transform: translateY(-15px) rotate(1deg);
                opacity: 1;
            }
        }
        
        @keyframes gridPulse {
            0%, 100% {
                opacity: 0.3;
            }
            50% {
                opacity: 0.6;
            }
        }
        







        /* About Us Section */
  		.about-section {
            min-height: 100vh;
            display: flex;
            align-items: center;
			background: #000;
/*            background: linear-gradient(135deg, #470000 0%, #A52A2A 100%);*/
            position: relative;
            padding: 80px 0;
			/*margin-top: 5vh;*/
        }

        .section-container {
            max-width: 1600px;
            margin: 0 auto;
            padding: 0 40px;
            display: block;
            text-align: center;
        }

        .content-side {
            color: #fff;
            animation: fadeInUp 1s ease-out;
            max-width: 900px;
            margin: 0 auto;
        }

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

        .intro-text {
            font-size: 1rem;
            font-weight: 300;
            letter-spacing: 2px;
            color: rgba(255, 255, 255, 0.7);
            margin-bottom: 20px;
            text-transform: uppercase;
        }

        .main-title {
            font-size: clamp(3rem, 8vw, 6rem);
            font-weight: 900;
            line-height: 1.1;
            margin-bottom: 30px;
            background: linear-gradient(135deg, #ffffff 0%, var(--primary-red) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
/*            text-transform: uppercase;*/
            letter-spacing: -2px;
        }

        .brand-highlight {
            color: #ff6b6b;
            font-weight: 700;
        }

        .text-paragraph {
            font-size: 1.5rem;
            color: rgba(255, 255, 255, 0.85);
            line-height: 1.8;
            margin-bottom: 20px;
            max-width: 800px;
        }

        .description {
            margin-bottom: 0;
        }

        .cta-button {
            background: linear-gradient(45deg, #ff6b6b, #ee5a24);
            color: #fff;
            padding: 15px 40px;
            border-radius: 50px;
            text-decoration: none;
            font-weight: 600;
            font-size: 1rem;
            border: 2px solid transparent;
            transition: all 0.3s ease;
            display: inline-block;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .cta-button:hover {
            transform: translateY(-3px);
            box-shadow: 0 15px 40px rgba(255, 107, 107, 0.4);
            border-color: rgba(255, 255, 255, 0.2);
        }

        .visual-side {
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            animation: fadeInRight 1s ease-out;
        }

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

        .robot-container {
            position: relative;
            width: 400px;
            height: 500px;
        }

        .robot-image {
            width: 100%;
            height: 100%;
            background: url('https://images.unsplash.com/photo-1581091226825-a6a2a5aee158?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80') center/cover no-repeat;
            border-radius: 20px;
            position: relative;
            overflow: hidden;
            box-shadow: 
                0 25px 50px rgba(0, 0, 0, 0.3),
                0 0 100px rgba(255, 107, 107, 0.2);
        }

        .robot-image::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(135deg, rgba(255, 107, 107, 0.1), rgba(238, 90, 36, 0.1));
            border-radius: 20px;
        }

        .glow-effect {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 450px;
            height: 550px;
            background: radial-gradient(circle, rgba(255, 107, 107, 0.2) 0%, transparent 70%);
            border-radius: 50%;
            animation: pulse 4s ease-in-out infinite;
            pointer-events: none;
        }

        @keyframes pulse {
            0%, 100% { 
                transform: translate(-50%, -50%) scale(1);
                opacity: 0.5;
            }
            50% { 
                transform: translate(-50%, -50%) scale(1.1);
                opacity: 0.8;
            }
        }

        .floating-particles {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            pointer-events: none;
        }

        .particle {
            position: absolute;
            width: 6px;
            height: 6px;
            background: #ff6b6b;
            border-radius: 50%;
            animation: float 6s ease-in-out infinite;
            opacity: 0.7;
        }

        .particle:nth-child(1) { top: 20%; left: 10%; animation-delay: 0s; }
        .particle:nth-child(2) { top: 60%; right: 15%; animation-delay: 2s; }
        .particle:nth-child(3) { bottom: 30%; left: 20%; animation-delay: 4s; }
        .particle:nth-child(4) { top: 40%; right: 25%; animation-delay: 1s; }
        .particle:nth-child(5) { bottom: 60%; right: 10%; animation-delay: 3s; }

        @keyframes float {
            0%, 100% { 
                transform: translateY(0px) scale(1);
                opacity: 0.7;
            }
            50% { 
                transform: translateY(-20px) scale(1.2);
                opacity: 1;
            }
        }

        .info-panel {
            position: absolute;
            top: 20px;
            right: -50px;
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
            border-radius: 15px;
            padding: 20px;
            color: #fff;
            animation: slideIn 1s ease-out 0.5s both;
        }

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

        .info-title {
            font-size: 0.9rem;
            font-weight: 600;
            color: #ff6b6b;
            margin-bottom: 5px;
        }

        .info-text {
            font-size: 0.8rem;
            color: rgba(255, 255, 255, 0.8);
            line-height: 1.4;
        }

        .nav-controls {
            position: absolute;
            bottom: 20px;
            right: -50px;
            display: flex;
            gap: 15px;
        }

        .nav-btn {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s ease;
            font-size: 1.2rem;
        }

        .nav-btn:hover {
            background: rgba(255, 107, 107, 0.2);
            border-color: rgba(255, 107, 107, 0.4);
            transform: translateY(-2px);
        }

        /* Enhanced Responsive Design for About Us Section */
        @media (max-width: 1400px) {
            .section-container {
                max-width: 1200px;
                padding: 0 30px;
            }
            
            .text-paragraph {
                font-size: 1.4rem;
            }
        }
        
        @media (max-width: 1200px) {
            .about-section {
                padding: 60px 0;
            }
            
            .section-container {
                padding: 0 25px;
            }
            
            .text-paragraph {
                font-size: 1.3rem;
                max-width: 750px;
            }
        }

        @media (max-width: 1024px) {
            .section-container {
                grid-template-columns: 1fr;
                gap: 60px;
                text-align: center;
                padding: 0 20px;
            }

            .robot-container {
                width: 350px;
                height: 450px;
            }

            .info-panel, .nav-controls {
                position: relative;
                right: 0;
                margin-top: 20px;
            }

            .nav-controls {
                justify-content: center;
                bottom: 0;
            }
            
            .text-paragraph {
                font-size: 1.25rem;
            }
        }
        
        @media (max-width: 900px) {
            .text-paragraph {
                font-size: 1.4rem; /* Increased for better mobile readability */
                max-width: 700px;
            }
            
            .intro-text {
                font-size: 1.05rem; /* Increased for better mobile readability */
            }
        }

        @media (max-width: 768px) {
            .about-section {
                padding: 50px 0;
                min-height: 90vh;
            }
            
            .section-container {
                padding: 0 20px;
                gap: 40px;
            }

            .robot-container {
                width: 300px;
                height: 400px;
            }

            .description {
                max-width: 100%;
            }

            .info-panel {
                margin-top: 30px;
                right: 0;
                width: 100%;
                max-width: 300px;
                margin-left: auto;
                margin-right: auto;
            }
            
            .text-paragraph {
                font-size: 1.35rem; /* Increased for better mobile readability */
                text-align: left;
                margin: 0 auto 20px auto;
            }
            
            .intro-text {
                font-size: 1.02rem; /* Increased for better mobile readability */
            }
        }
        
        @media (max-width: 640px) {
            .about-section {
                padding: 40px 0;
            }
            
            .section-container {
                padding: 0 15px;
            }
            
            .text-paragraph {
                font-size: 1.3rem; /* Increased for better mobile readability */
            }
            
            .intro-text {
                font-size: 1rem; /* Increased for better mobile readability */
            }
        }

        @media (max-width: 480px) {
            .about-section {
                padding: 30px 0;
                min-height: 80vh;
            }

            .robot-container {
                width: 250px;
                height: 350px;
            }

            .text-paragraph {
                font-size: 1.25rem; /* Increased for better mobile readability */
				text-align: left;
            }

            .cta-button {
                padding: 12px 30px;
                font-size: 0.9rem;
            }
            
            .section-container {
                padding: 0 10px;
            }
            
            .intro-text {
                font-size: 0.98rem; /* Increased for better mobile readability */
            }
        }
        
        @media (max-width: 360px) {
            .text-paragraph {
                font-size: 1.2rem; /* Increased for better mobile readability */
            }
            
            .intro-text {
                font-size: 0.95rem; /* Increased for better mobile readability */
                letter-spacing: 1.5px;
            }
            
            .robot-container {
                width: 220px;
                height: 320px;
            }
            
            .cta-button {
                padding: 10px 25px;
                font-size: 0.85rem;
            }
        }
        
        /* Additional responsive adjustments for very small screens */
        @media (max-width: 320px) {
            .text-paragraph {
                font-size: 1.15rem; /* Increased for better mobile readability */
                line-height: 1.6;
            }
            
            .robot-container {
                width: 200px;
                height: 300px;
            }
            
            .about-section {
                padding: 25px 0;
            }
            
            .intro-text {
                font-size: 0.9rem; /* Increased for better mobile readability */
            }
        }