.social-media{padding-top:40px;margin-bottom:50px}.social-media .main-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:20px}.social-media .main-container .box{border:1px solid var(--borderColor);height:100px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;border-radius:20px;position:relative;overflow:hidden;background-color:var(--secondColor)}.social-media .main-container .box:hover h4{opacity:0}.social-media .main-container .box:hover .image{opacity:1}.social-media .main-container .box:hover .image img{transform:scale(1.5) rotate(0)}.social-media .main-container .box .image{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .5s;color:#fff}.social-media .main-container .box .image img{width:25px;height:25px;transform:scale(2.2) rotate(30deg);transition:all .5s}.social-media .main-container:last-of-type{display:none}@media(max-width:600px){.social-media{margin-bottom:25px}.social-media .main-container:first-of-type{display:none;grid-template-columns:repeat(2,1fr)}.social-media .main-container:first-of-type .box{padding-top:10px;height:70px;font-size:15px}.social-media .main-container:last-of-type{display:flex;justify-content:space-between;gap:10px}.social-media .main-container:last-of-type .box{width:40px!important;height:40px;border-radius:50%!important}.social-media .main-container:last-of-type .box .image{opacity:1!important}.social-media .main-container:last-of-type .box .image img{width:20px;height:20px;transform:scale(1) rotate(0)}}