.container3{margin-top:40px}.container3 .text{display:flex;justify-content:center;flex-direction:column;width:50vw;margin:auto}.container3 .text h2{font-size:32px;margin-bottom:10px;font-weight:800;color:rgb(41 66 247)}.container3 .text h2,.container3 .text p{font-family:Nunito Sans,sans-serif;text-align:center}.container3 .text p{font-size:17px;margin-bottom:30px;font-weight:400;line-height:28px;color:#21325E}.container3 .nav3{display:flex;flex-direction:row;gap:50px;border:1px #434f6d;justify-content:space-between;align-items:center;background-color:whitesmoke;width:60%;height:70px;margin:auto;padding-left:50px;padding-right:50px;border-radius:30px}.container3 .nav3 div{height:50px;width:130px;padding:15px;text-align:center;border-radius:30px;cursor:pointer}.container3 .nav3 .cli{background-color:rgb(41 66 247);color:white}@media (max-width:900px){.container3 .nav3{width:auto;gap:10px}.container3 .text{width:auto}}.skills-section{padding:20px;display:flex;justify-content:center;width:80%;margin:auto}.skills-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));justify-items:center;align-items:center;width:100%}.skill-item{width:120px;height:80px;display:flex;justify-content:center;align-items:center;background-color:#f5f5f5;border-radius:10px;transition:transform .3s ease,box-shadow .3s ease}.skill-item:hover{transform:scale(1.1);box-shadow:0 4px 10px rgba(0,0,0,.15)}.skill-icon{width:80%;height:80%;object-fit:contain}@media (max-width:1200px){.skills-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (max-width:992px){.skills-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.skills-section{width:95%}}@media (max-width:768px){.skills-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media (max-width:576px){.skills-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.skill-item{width:80px;height:60px}.skills-section{width:100%}}.hid{display:none}.dis{display:block}@media (max-width:450px){.container3 .nav3{width:auto;height:64px;gap:1px}.container3 .text{width:auto}.container3 .nav3{padding:5px}.container3 .nav3 div{padding:5px;font-size:1rem;height:auto;width:120px}}.skill-item{position:relative;text-align:center;margin:10px}.skill-icon{transition:transform .3s ease}.skill-item:hover .skill-icon{transform:scale(1.1)}.skill-name{position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);color:rgb(39,164,222);padding:4px 8px;border-radius:5px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease,bottom .3s ease}.skill-item:hover .skill-name{opacity:1;bottom:-25px}