.projects-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;position:relative;z-index:1;padding-bottom:100px;padding-top:100px;width:100%}.projects-wrapper h1{color:#17304c;font-size:45px;width:100%;text-align:center}.project-content-wrapper{width:100%;display:flex;flex-direction:column;align-items:center;gap:100px}.project-card{display:flex;flex-direction:column;align-items:center;width:100%;transition:transform .2s ease-in-out;margin-top:none;margin-bottom:20px}.project-image{position:relative;width:100%;max-height:250px;object-fit:cover;flex-shrink:0;box-sizing:border-box;border-radius:5%;background:linear-gradient(45deg,#174A4C,#DAF7A6,#174A4C);padding-bottom:10px;padding-left:10px}.project-image img{width:100%;height:auto;display:block}.project-details{display:flex;flex-direction:column;align-items:flex-start;gap:15px;flex-grow:1;padding-top:20px;padding-bottom:20px}.project-details p{font-size:18px;font-weight:400}.project-details h3{font-size:20px}.project-buttons{display:flex;flex-direction:column;align-items:flex-start}.project-tags{display:flex;gap:10px;color:#fff;font-family:Montserrat;font-size:16px;font-style:normal;font-weight:600;line-height:normal}.project-details h3,.project-details p,.project-details .project-tags,.project-details .project-buttons{margin:0;border:none}.project-buttons{display:flex;gap:10px}.project-tags span{background-color:#000;padding:4px}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000}.modal{position:relative;background:white;padding:20px;border-radius:10px;max-width:800px;width:100%;box-shadow:0 5px 15px #0000004d}.video-player{width:100%;border-radius:10px}.close-button{position:absolute;top:2px;right:2px;background:none;border:none;font-size:20px;cursor:pointer}@media (max-width: 600px){.project-card{max-width:300px}.project-tags{font-size:10px}}@media (min-width: 601px) and (max-width: 900px){.project-content-wrapper{width:100%;display:flex;align-items:center}.project-details{width:400px;height:100%;padding:0 10px;gap:15px;justify-content:center}.project-card{width:580px;flex-direction:row;height:250px;padding:0;gap:0}.project-image{width:200px;height:250px;margin-left:0}.project-buttons{flex-direction:row;gap:20px}.projects-wrapper h1{font-size:50px}.projects-details h3{font-size:25px}.project-tags{gap:3px;font-size:13px}}@media (min-width: 901px) and (max-width: 1200px){.project-content-wrapper{width:100%;display:flex;align-items:center}.projects-wrapper h1{font-size:80px}.project-details{width:100%;height:100%;gap:15px;justify-content:center;padding:0 10px 0 30px}.project-details h3{font-size:35px}.project-card{width:800px;height:270px;flex-direction:row;padding:0;gap:0}.project-image{width:260px;height:270px;margin-left:0}.project-buttons{flex-direction:row;margin-bottom:-50px;margin-left:50px}}@media (min-width: 1201px){.project-content-wrapper{width:100%;display:flex;align-items:center}.project-details{width:100%;height:100%;padding:0 30px;gap:15px;justify-content:center}.projects-wrapper h1{font-size:80px}.project-details h3{font-size:35px}.project-card{width:800px;height:270px;flex-direction:row;padding:0;gap:0}.project-image{width:260px;height:250px}.project-buttons{flex-direction:row;margin-bottom:-50px;margin-left:50px}}.Button{display:flex;margin-top:10px;align-items:center;gap:3px;border-radius:40px;background:#F5F5F5;text-decoration:none;color:#000;font-family:Hind,sans-serif;padding:5px 10px;box-sizing:border-box}.button-icon span{margin-left:5px;display:inline-block;width:100%;height:100%}.span svg{display:none;width:100%;height:100%}.button-icon img{width:20px;height:20px;object-fit:contain;padding-top:3px}.Button.live-demo:hover{background-color:#174a4c;color:#fff}.Button.live-demo:hover img{filter:invert(1)}.Button.view-code:hover{background-color:#d8135e;color:#fff}.Button.view-code:hover img{filter:invert(1) brightness(150%)}.Button.read-more:hover{background-color:#ff4575}.Button.video-demo:hover{background-color:#f9e86c}.presentation-wrapper{width:100vw;gap:10px;display:flex;align-items:center;justify-content:center;z-index:0}.presentation{display:flex;align-items:center;justify-content:center;flex-direction:column;padding-bottom:100px;width:100%}.presentation-content{display:flex;flex-direction:column;gap:10px}.presentation-titles-container .scanning-h1{font-size:29px;margin-top:10px;margin-bottom:0;font-weight:900;color:transparent;background-image:linear-gradient(to right,#174A4C 20%,#f07087 30%,#f07087 40%,#174A4C 50%);background-size:280% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:scan 4s linear infinite}@keyframes scan{0%{background-position:100% 50%}50%{background-position:0% 50%}to{background-position:100% 50%}}.presentation-titles-container h3{margin:0;text-align:center;justify-content:center;font-size:18px}.profile-image{width:164px;height:164px;border-radius:50%;object-fit:cover;margin-top:80px;margin-bottom:50px}.presentation-text{color:#000;font-family:Hind;font-style:normal;font-weight:400;line-height:normal;word-wrap:break-word;width:300px;font-size:14px;box-sizing:border-box}.presentation-text p{text-align:center}@media (min-width: 601px) and (max-width: 900px){.presentation-wrapper{width:100%;padding-top:150px}.presentation{justify-content:center;align-items:center;padding-bottom:130px}.presentation-content{flex-direction:row;align-items:center}.profile-image{margin-top:0;margin-bottom:0}.presentation-text{margin-left:10px;font-size:16px;width:380px}.presentation-titles-container h3{text-align:left;padding-left:5px}.presentation-titles-container .scanning-h1{font-size:53px;text-align:left}}@media (min-width: 901px) and (max-width: 1200px){.presentation-wrapper{width:100%;padding-top:150px}.presentation{justify-content:center;align-items:center;padding-bottom:150px}.presentation-content{flex-direction:row;align-items:center}.profile-image{margin-top:0;margin-bottom:0}.presentation-text{margin-left:50px;font-size:16px;width:330px}.presentation-titles-container h3{text-align:left;padding-left:5px;font-size:20px}.presentation-titles-container .scanning-h1{font-size:80px;text-align:left}.presentation-content{width:830px}.presentation-text{width:700px}}@media (min-width: 1201px){.presentation-wrapper{width:100%;padding-top:120px}.presentation{justify-content:center;align-items:center;padding-bottom:120px}.presentation-content{flex-direction:row;align-items:center}.profile-image{margin-top:0;margin-bottom:0}.presentation-text{margin-left:50px;font-size:16px;width:330px}.presentation-titles-container h3{text-align:left;font-size:25px;padding-left:5px}.presentation-titles-container .scanning-h1{font-size:80px;text-align:left}.presentation-content{width:830px}.presentation-text{width:700px}}.tech-wrapper{background-color:#174a4c;display:flex;justify-content:center}.tech-content{padding:50px;gap:50px;width:90%;display:flex;align-items:center;flex-direction:column}.tech-title{color:#f07087;font-size:45px}.tech-text{color:#fff;word-wrap:break-word;font-family:Hind;font-size:15px;font-style:normal;font-weight:600;line-height:normal}.tech-text .highlighted-pink{background-color:#f07087;color:#000;border-radius:4px}.tech-text .highlighted-yellow{background-color:#e8f444;color:#000;border-radius:4px}.tech-text .highlighted-blue{background-color:#6495ed;color:#000;border-radius:4px}.tech-text span{display:inline-block;padding:2px 5px}@media (max-width: 600px){.tech-content{max-width:400px}}@media (min-width: 601px) and (max-width: 900px){.tech-content{padding:100px;max-width:400px}.tech-title{font-size:50px}.tech-text{font-size:20px}}@media (min-width: 901px) and (max-width: 1200px){.tech-content{flex-direction:row;width:800px;padding:150px}.tech-title{font-size:80px}.tech-text{font-size:25px}}@media (min-width: 1201px){.tech-content{flex-direction:row;width:800px;padding:150px}.tech-title{font-size:80px}.tech-text{font-size:25px}}.articles-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;padding-bottom:20px;margin-left:0;background-color:#d1e2b3;position:relative;z-index:0}.divider-wrapper{background-color:#ffecea;max-width:100vw;height:9px;display:none}.divider-wrapper img{z-index:1;position:relative;top:-8px;width:100%;height:100%;object-fit:cover;object-position:center}.divider-wrapper div{z-index:2;position:relative;display:none}.articles-wrapper h1{color:#174a4c;margin-top:50px;margin-bottom:50px;font-size:45px;display:flex;align-items:center;justify-content:center}.articles-grid{display:grid;grid-template-columns:repeat(1fr);gap:50px;padding-bottom:150px}.article-card{max-width:300px;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden}.article-card p{font-size:18px;font-weight:400}.article-card h3{margin:0;font-size:24px}.article-image{width:98%;height:170px;object-fit:cover;margin-bottom:10px;border-radius:5px;border-left:5px solid #174A4C;border-bottom:5px solid #174A4C}.publish-date{background-color:#000;color:#fff;padding:2px 6px;border-radius:4px;font-size:12px;margin-bottom:3px}@media (min-width: 601px) and (max-width: 900px){.articles-grid{grid-template-columns:repeat(2,1fr);gap:30px;padding-bottom:50px}.article-card{min-width:150px;max-width:250px}.articles-wrapper h1{font-size:50px}.article-card h3{font-size:24px}.article-card p{font-size:14px}}@media (min-width: 901px) and (max-width: 1200px){.articles-wrapper h1{font-size:80px}.articles-grid{grid-template-columns:repeat(2,1fr);gap:100px;padding-bottom:50px}.article-card{max-width:350px}.article-image{height:300px;width:97%;border-left:10px solid #174A4C;border-bottom:10px solid #174A4C}}@media (min-width: 1201px){.articles-wrapper h1{font-size:80px}.articles-grid{grid-template-columns:repeat(2,1fr);gap:100px;padding-bottom:50px}.article-card{max-width:350px}.article-image{width:96%;border-left:10px solid #174A4C;border-bottom:10px solid #174A4C}}.skills-wrapper{background-color:#174a4c;color:#fff;display:flex;flex-direction:column;align-items:center;padding:50px 30px}.skills-wrapper h1{color:#fff;text-align:center;font-size:45px;padding:0 0 50px;margin:0;gap:20px}.skills-column{display:grid;grid-template-columns:repeat(1fr);align-items:center;text-align:center}.skills-column h3{color:#fff;font-size:24px;margin:30px 0 5px}.skills-column p{margin:0;color:#fff;font-family:Hind;font-size:14px;font-style:normal;font-weight:400;line-height:16px}.code-heading{background-color:#f07087;padding:1px 5px;border-radius:1px}.toolbox-heading{background-color:#6495ed;padding:1px 5px;border-radius:1px}.upcoming-heading{background-color:#68d291;padding:1px 5px;border-radius:1px}.more-heading{background-color:#e8f444;padding:1px 5px;border-radius:1px}@media (min-width: 601px) and (max-width: 900px){.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}.skills-wrapper h1{font-size:50px}.skills-column p{font-size:18px;padding:3px}}@media (min-width: 901px) and (max-width: 1200px){.skills-wrapper{padding:180px}.skills-wrapper h1{font-size:80px;padding-bottom:100px}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:50px;align-items:start}.skills-column p{font-size:18px;padding:5px;line-height:20px}}@media (min-width: 1201px){.skills-wrapper{padding:180px}.skills-wrapper h1{font-size:80px;padding-bottom:100px}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:50px;align-items:start}.skills-column p{font-size:18px;padding:5px;line-height:20px}}.contact-wrapper{display:flex;padding-top:40px;padding-bottom:40px;flex-direction:column;justify-content:center;align-items:center;gap:50px}.contact-wrapper h1{font-size:45px;color:#174a4c}.contact-content{display:flex;flex-direction:column;align-items:center;gap:40px}.contact-content .profile-image{margin:0;width:250px;height:250px}.contact-text p{font-family:Hind,sans-serif;font-weight:500;margin:0;display:flex;gap:30px;padding-top:20px}.social-media-icons img{width:40px;padding:15px;cursor:pointer;transition:opacity .3s ease,transform .3s ease;opacity:.4}.social-media-icons img:hover{transform:scale(1.1);opacity:1}footer{background-color:#f07087;height:70px;overflow:hidden;position:relative}.footer-text{white-space:nowrap;position:absolute;top:50%;left:100%;transform:translateY(-50%);font-size:24px;color:#fff;animation:slideText 60s linear infinite}@keyframes slideText{0%{left:0}to{left:-1000%}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-30px)}to{transform:translateY(0)}}img[src*=Arrow]{margin:0 auto;height:auto;width:auto;animation:float 2s ease-in-out infinite}.arrow-wrapper{transition:all 2s ease-in-out}body,html{margin:0;padding:0;width:100vw}p{font-family:Hind,sans-serif;font-size:32px;font-style:normal;font-weight:600;line-height:normal}h1{font-family:Montserrat,sans-serif;color:#f07087;font-size:80px;font-style:normal;font-weight:700;line-height:normal}h3{font-family:Montserrat,sans-serif;color:#000;font-size:32px;font-style:normal;font-weight:600;line-height:normal}