.sosmed_container{height:fit-content;width:100%;display:flex;flex-direction:column;gap:10px;padding-top:30px;font-family:"Oak Sans";@media screen and (max-width:1200px){padding:0 20px;padding-top:30px}@media screen and (max-width:768px){padding:0 40px;padding-top:30px}.sosmed_navigation{height:fit-content;width:100%;display:flex;gap:10px;padding-bottom:10px;@media screen and (max-width:350px){flex-direction:column}.navigation_item{height:100%;width:fit-content;display:flex;align-items:center;justify-content:center;padding:7px 20px;border-radius:7px;background-color:#fff;font-weight:500;font-size:18px;cursor:pointer;gap:7px;@media screen and (max-width:768px){font-size:17px;padding:7px 17px}@media screen and (max-width:481px){font-size:13px;padding:7px 10px}&:hover,&.active{background-color:#000;color:#fff;.instagram{background-image:url('/icon/instagram_hover.svg')}}.instagram{background-image:url('/icon/instagram.svg');height:15px;width:15px;background-size:cover}.facebook{background-image:url('/icon/facebook.svg');height:15px;width:15px;background-size:cover}.youtube{background-image:url('/icon/youtube.svg');height:15px;width:21.5px;background-size:cover}}}h1{margin:0;font-size:26px;position:relative;margin-bottom:20px;@media screen and (max-width:768px){font-size:23px}@media screen and (max-width:480px){font-size:20px;margin-bottom:10px}&::after{content:"";position:absolute;width:100px;height:4px;background:var(--gradient);bottom:-5px;left:0}}.sosmed_body_container{padding:20px;width:100%;height:fit-content;background-color:#fff;border-radius:10px;position:relative;.sosmed{width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:7px;background-color:#fff;border:2px solid #e6e6e6;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);z-index:9;&.next{right:-17.5px}&.prev{left:-17.5px;img{transform:rotate(180deg)}}}.sosmed_body{width:100%;height:100%;overflow-x:hidden;.sosmed_item_container{width:100%;height:100%;display:flex;position:relative;left:-220px;.sosmed_border{min-width:220px;height:350px;display:flex;align-items:center;justify-content:flex-start;transition:.5s ease-in-out;.sosmed_item{width:200px;height:100%;overflow:hidden;border-radius:10px;a{width:100%;height:100%;display:flex;img{width:100%;height:100%;object-fit:cover;object-position:center;float:left}}}}}}}}