[data-v-35c8a09a]{margin:0;padding:0;box-sizing:border-box}.menu-item a.active[data-v-35c8a09a]{background-color:#444;color:#fff;display:block;padding-bottom:15px;padding-top:10px;background:linear-gradient(180deg,#5f9ea0,#000);vertical-align:middle;text-align:center}.sidebar[data-v-35c8a09a]{height:100vh;background:#333;color:#fff;position:fixed;top:0;left:0;transition:transform .3s ease-in-out,width .3s ease;z-index:10}.menu[data-v-35c8a09a]{list-style:none;padding:0;margin:0}.menu i[data-v-35c8a09a]{color:#9acd32}.menu-item a[data-v-35c8a09a]{color:#fff;text-decoration:none;padding:15px;border-bottom:1px solid #666;display:block}.sidebar-collapsed[data-v-35c8a09a]{transform:translateX(-100%)}.toggle-btn[data-v-35c8a09a]{background:#444;border:none;color:#fff;font-size:15px;padding:10px 15px;cursor:pointer;position:absolute;top:0;left:0;z-index:20;display:none}.content[data-v-35c8a09a]{margin-left:250px;transition:margin-left .3s ease-in-out}.content-expanded[data-v-35c8a09a]{margin-left:0}.social-text[data-v-35c8a09a]{padding-top:50px;color:skyblue;font-size:1.5rem;margin-bottom:10px;font-weight:700;text-align:center;color:#fff}.social-links[data-v-35c8a09a]{display:flex;justify-content:center;gap:15px;padding-bottom:10px;margin-top:25px}.social-links a[data-v-35c8a09a]{color:#ecf0f1;font-size:1.5rem;text-decoration:none;transition:color .3s}.social-links a[data-v-35c8a09a]:hover{color:#3498db}.fa-github[data-v-35c8a09a]{color:#fff}.fa-linkedin[data-v-35c8a09a]{color:#0077b5}.fa-twitter[data-v-35c8a09a]{color:#1da1f2}.fa-facebook[data-v-35c8a09a]{color:#3b5998}.social-link[data-v-35c8a09a]:hover{transform:scale(1.2)}.fa-github[data-v-35c8a09a]:hover{color:#6e5494}.fa-linkedin[data-v-35c8a09a]:hover{color:#005582}.fa-twitter[data-v-35c8a09a]:hover{color:#007bba}.fa-facebook[data-v-35c8a09a]:hover{color:#2d4373}@media (min-width:769px){.sidebar[data-v-35c8a09a]{transform:none;width:225px}.toggle-btn[data-v-35c8a09a]{display:none}.content[data-v-35c8a09a]{margin-left:250px}}@media (max-width:768px){.sidebar[data-v-35c8a09a]{transform:translateX(-100%)}.sidebar[data-v-35c8a09a]:not(.sidebar-collapsed){transform:translateX(0)}.toggle-btn[data-v-35c8a09a]{display:block}.content[data-v-35c8a09a]{margin-left:0}.content-expanded[data-v-35c8a09a]{margin-left:250px}}body[data-v-732707a7]::-webkit-scrollbar{width:8px}body[data-v-732707a7]::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px}body[data-v-732707a7]::-webkit-scrollbar-thumb:hover{background-color:#555}body[data-v-732707a7]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.app[data-v-732707a7]{flex-direction:row;height:100vh;background-image:url(/img/imran02.2abbc74c.jpg);background-size:cover;background-position:top;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:right;align-items:left;text-align:left;padding:0;margin:0}.sidebar[data-v-732707a7]{width:250px;transition:transform .3s ease,width .3s ease;height:100vh;background:#333;color:#fff;position:fixed;top:0;left:0;z-index:10;padding-top:10px}.content[data-v-732707a7]{flex:1;margin-left:250px;transition:margin-left .3s ease}.content-expanded[data-v-732707a7]{margin-left:0}.raindrop-container[data-v-732707a7]{z-index:1;position:relative;overflow:hidden;background:linear-gradient(180deg,#5f9ea0,#000)}.raindrop[data-v-732707a7]{position:absolute;width:2px;height:5px;background-color:#fff;opacity:.8;animation:fall-732707a7 linear infinite}@keyframes fall-732707a7{0%{transform:translateY(-100%);opacity:1}to{transform:translateY(100vh);opacity:.5}}span[data-v-28c82b16]{border-right:2px solid;padding-right:5px;animation:blink-28c82b16 .7s step-end infinite}@keyframes blink-28c82b16{50%{border-color:transparent}}[data-v-cdeab4c4]{margin:0;padding:0;box-sizing:border-box}body[data-v-cdeab4c4],html[data-v-cdeab4c4]{width:100%;height:100%;overflow:hidden}.HomePage h1[data-v-cdeab4c4]{font-size:5rem;color:brown;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,.7);word-wrap:break-word}.HomePage p[data-v-cdeab4c4]{font-size:1.5rem;color:#fff;max-width:90%;margin:0 auto;line-height:1.5;word-wrap:break-word;font-weight:700}@media (max-width:1024px){.HomePage h1[data-v-cdeab4c4]{font-size:3rem}.HomePage p[data-v-cdeab4c4]{font-size:1.4rem}}@media (max-width:768px){.HomePage h1[data-v-cdeab4c4]{font-size:2.5rem}.HomePage p[data-v-cdeab4c4]{font-size:1.2rem;padding:0 15px}}@media (max-width:480px){.HomePage h1[data-v-cdeab4c4]{font-size:2rem}.HomePage p[data-v-cdeab4c4]{font-size:1rem;padding:0 10px}}.AboutUs{min-height:610px}.AboutUs h1{width:100%;overflow:hidden;color:#fff;opacity:1}.AboutUs p{width:100%;font-size:18px;padding:10px;color:#000;color:#fff}.coreskills li .custom-icon{color:skyblue}button[data-v-6f2f84a4]{color:#fff;background:linear-gradient(180deg,#5f9ea0,#000);padding:15px}.active[data-v-6f2f84a4]{color:#ff0!important}#projectTabContent img[data-v-6f2f84a4]{border:1px solid #666;padding:5px;box-shadow:2px 3px 5px #eee;border-radius:30%}#projectTabContent p[data-v-6f2f84a4]{color:#fff}.contact-form{height:auto}.contact-form,.contact-form h2{margin-left:15px}.contact-form{max-width:600px;margin:20px auto}.contact-form h2{margin-bottom:20px}.contact-form label{display:block;margin-top:10px}.contact-form input,.contact-form textarea{width:100%;padding:10px;margin-top:5px;border:1px solid #ccc;border-radius:5px}.contact-form button{margin-top:20px;padding:10px 20px;border:none;background-color:#007bff;color:#fff;border-radius:5px;cursor:pointer;font-size:1rem}.contact-form button:hover{background-color:#0056b3}.social-icons{display:flex;gap:1rem}.social-icons ul{list-style:none}.social-icons ul li a{display:block;padding:16px 2px 5px 5px;text-decoration:none;color:#6b290a}.icon{font-size:1.5rem;transition:color .3s ease,transform .3s ease}.facebook{color:#4267b2}.instagram{color:#1da1f2}.linkedin{color:#0077b5}.icon:hover{color:#333;transform:scale(1.2)}.icon{color:brown;font-size:14px}h2,h3,h4,h5,p,span{color:#fff}