.content{padding-bottom:30px;p{margin:0}.contact_me{padding-top:20px}}.content_header{width:100%;text-align:center;padding-top:20px;h1{font-family:"Raleway";font-size:26px;@media screen and (max-width:768px){font-size:20px}@media screen and (max-width:481px){font-size:15px}span{color:#b41f1c}}}.content_body{width:100%;height:fit-content;display:flex;flex-direction:column;gap:20px;background-color:#fff;padding:20px;margin-top:30px;border-radius:7px;font-family:"Raleway";@media screen and (max-width:481px){width:95%;margin:auto;margin-top:30px}.gallery_content{display:flex;flex-direction:column;gap:20px;width:100%;height:fit-content;.gallery_content_header{display:flex;align-items:center;justify-content:space-between;h1{font-size:25px;width:fit-content;margin:unset;@media screen and (max-width:768px){font-size:20px}@media screen and (max-width:481px){font-size:18px}span{color:#b41f1c}}.header_navigation{display:flex;gap:20px;button{border:none;background-color:transparent;width:30px;height:30px;padding:5px;border-radius:50px;&.prev{transform:rotate(180deg)}img{width:100%;height:100%;object-fit:cover;cursor:pointer}&:hover{background-color:#b41f1c2f}}}}.gallery_content_body{display:flex;flex-wrap:wrap;gap:15px;justify-content:flex-start;align-items:center;.gallery_content_item{width:200px;height:200px;position:relative;cursor:pointer;border-radius:10px;overflow:hidden;background-color:#a5a5a525;@media screen and (max-width:768px){width:150px;height:150px}@media screen and (max-width:481px){width:85px;height:85px}&.skeleton{background-color:#e2e2e2;border-radius:4px;position:relative;overflow:hidden;pointer-events:none;&::after{content:"";position:absolute;top:0;left:-150px;height:100%;width:150px;background:linear-gradient(to right,transparent 0%,#f1f0f0 50%,transparent 100%);animation:shimmer 1.2s infinite;z-index:1}}&:hover{img{scale:1.1}}img{width:100%;height:100%;object-fit:cover;border-radius:5px;overflow:hidden;transition:all ease .3s}}}}}@keyframes shimmer{0%{left:-150px}100%{left:100%}}.modal_gallery{position:fixed;top:0;left:0;height:100vh;width:100vw;background-color:rgba(0,0,0,.201);backdrop-filter:blur(5px);z-index:9999;display:flex;align-items:center;justify-content:center;font-family:'Raleway';transition:all ease .3s;opacity:0;.gallery_control_container{display:flex;flex-direction:column;gap:20px;padding:15px;background-color:#fff;border-radius:7px;width:fit-content;height:fit-content;min-width:300px;.control_status{display:flex;font-size:13px;padding:10px 20px;p{margin:0}&.error{background-color:#b41f1c2f}&.success{background-color:#1cb4452f}}.control_header{display:flex;align-items:center;justify-content:space-between;padding-bottom:7px;border-bottom:#a5a5a5 1.5px solid;.header_title{font-size:15px;font-weight:600}.header_close{width:12px;height:12px;border-radius:50px;background-color:transparent;position:relative;cursor:pointer;&:hover{&::after{content:'';position:absolute;width:200%;height:200%;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);background-color:#b41f1c2f;border-radius:50px}}.line{height:2px;width:100%;background-color:#000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);&::after{content:'';position:absolute;width:100%;height:100%;background-color:#000;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg)}}}}.control_body{display:flex;flex-direction:column;gap:10px;.form_gallery{display:flex;flex-direction:column;gap:10px;.single_input{display:flex;flex-direction:column;gap:5px;label{font-size:14px}select{width:100%;height:30px;padding:5px 10px;border-radius:5px;border:#a5a5a5 1px solid;background-color:#fff;font-size:14px;cursor:pointer;outline:none;option{padding:10px;font-size:14px;cursor:pointer}}}}.dragable{width:500px;height:100px;border:#a5a5a5 1px dotted;display:flex;flex-direction:column;align-items:center;justify-content:center;&.dragon{border:#808080 4px dotted;cursor:grabbing;background-color:#a5a5a525}.selector{font-weight:600;cursor:pointer;padding:0 20px;color:#071f8d}p{margin:0;margin-top:5px;padding-top:5px;border-top:#a5a5a5 1px solid;font-size:12px}}.gallery_upload{display:flex;flex-direction:column;gap:10px;width:100%;height:fit-content;max-height:300px;overflow-y:auto;padding:10px;.gallery_item{width:100%;height:60px;display:flex;align-items:center;justify-content:center;padding:10px;gap:20px;background-color:#a5a5a525;border-radius:10px;.gallery_item_image{width:50px;height:50px;max-width:50px;max-height:50px;img{width:100%;height:100%;object-fit:cover;border-radius:5px}}.gallery_item_content{display:flex;flex-direction:column;width:100%;height:100%;gap:7px;h2{font-size:14px;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}p{font-size:12px;color:#808080;font-weight:600}p,h2{margin:0}}.gallery_status{--progress:0;min-width:50px;min-height:50px;border-radius:50%;background:conic-gradient(#4caf50 calc(var(--progress) * 1%),#ffffff 0);display:flex;align-items:center;justify-content:center;position:relative;.status_progress{width:90%;height:90%;border-radius:50%;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;font-size:14px}}}}}.control_footer{display:flex;width:100%;height:fit-content;button{width:100%;height:30px;border:none;background-color:#1cb4455f;color:#000;font-size:14px;font-weight:600;border-radius:5px;cursor:pointer;transition:all ease .3s;&:hover{background-color:#1cb445;color:#fff}}}}}