.upload-file{container-type:inline-size;padding:52px 0;visibility:visible !important}.upload-file .upload-file-head{color:#2b2d2f;margin-bottom:12px;text-align:center}.single-post .content-block .upload-file .upload-file-head,.page-template-page_article .content-block .upload-file .upload-file-head,.page-template-page_article .entry-content .upload-file .upload-file-head{font-size:4.2rem;font-weight:700;line-height:5.4rem;margin-bottom:12px;padding-top:0}@media(max-width: 976px){.single-post .content-block .upload-file .upload-file-head,.page-template-page_article .content-block .upload-file .upload-file-head,.page-template-page_article .entry-content .upload-file .upload-file-head{font-size:3.6rem;line-height:4.8rem}}@media(max-width: 560px){.single-post .content-block .upload-file .upload-file-head,.page-template-page_article .content-block .upload-file .upload-file-head,.page-template-page_article .entry-content .upload-file .upload-file-head{font-size:3.2rem;line-height:4rem}}.single-post .content-block .upload-file .upload-file-head::before,.page-template-page_article .content-block .upload-file .upload-file-head::before,.page-template-page_article .entry-content .upload-file .upload-file-head::before{display:none}.wrap .upload-file .wrap,.content-block .upload-file .wrap{margin:0}.upload-file .upload-file-desc{color:#6f7580;text-align:center;margin-bottom:28px}.upload-file .slider-button{width:calc(64% + 52px);position:absolute;background:transparent;-webkit-appearance:none;z-index:1;pointer-events:none;opacity:0;top:50%;left:50%;transform:translate(-50%, -50%)}.upload-file .slide-control{width:52px;height:32px;position:absolute;z-index:1;display:inline-block;opacity:0;transform:translateY(-50%) scale(0);border-radius:8px;background-position:2px -783px;background-color:#ea723c;cursor:pointer;top:50%;left:11.5%}.bg-image .upload-file .slide-control{background-image:url(../../images/resume-samples/resume-temp-icon.svg)}.upload-file .slider-button::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:52px;pointer-events:auto !important;height:32px;border-radius:8px;background-position:2px -782px;background-color:#ea723c;cursor:pointer}.bg-image .upload-file .slider-button::-webkit-slider-thumb{background-image:url(../../images/resume-samples/resume-temp-icon.svg)}.upload-file .slider-button::-moz-range-thumb{width:52px;height:32px;border-radius:8px;pointer-events:auto !important;background:#ea723c;background-position:2px -782px;cursor:pointer}.bg-image .upload-file .slider-button::-moz-range-thumb{background-image:url(../../images/resume-samples/resume-temp-icon.svg)}.upload-file .upload-container{box-shadow:0px 12px 28px -2px rgba(0,0,0,.1),0px 4px 12px rgba(0,0,0,.06);border-radius:20px;padding:20px}.upload-file .upload-container.upload-in-view .initial-animation.img-slider-img.img-slider-overlay{animation:slideOnce 700ms ease forwards;transform:translateX(5%)}@keyframes slideOnce{0%{transform:translateX(5%)}60%{transform:translateX(24%)}100%{transform:translateX(18%)}}.upload-file .upload-container.upload-in-view .img-slider-img.img-slider-overlay.bounce-right{animation:bounceRightImage 300ms ease}@keyframes bounceRightImage{0%{transform:translateX(82%)}50%{transform:translateX(90%)}100%{transform:translateX(82%)}}.upload-file .upload-container.upload-in-view .img-slider-img.img-slider-overlay.bounce-left{animation:bounceLeftImage 300ms ease}@keyframes bounceLeftImage{0%{transform:translateX(18%)}50%{transform:translateX(10%)}100%{transform:translateX(18%)}}.upload-file .upload-container.upload-in-view .slide-control{animation:showSlideButton 400ms ease 700ms}@keyframes showSlideButton{0%{opacity:0;transform:translateY(-50%) scale(0);display:inline-block}99%{opacity:1;transform:translateY(-50%) scale(1);display:inline-block}100%{opacity:1;transform:translateY(-50%) scale(1);display:none}}.upload-file .upload-container.upload-in-view .initial-animation.slider-button{animation:showSlideRange 1ms ease 1000ms forwards}@keyframes showSlideRange{0%{opacity:0}99%{opacity:1}100%{opacity:1}}.upload-file .upload-container.upload-in-view .slider-button:not(.initial-animation){opacity:1}.upload-file .upload-container.upload-in-view .slider-button:not(.initial-animation).bounce-right{animation:bounceRightRange 300ms ease}@keyframes bounceRightRange{0%{transform:translate(-50%, -50%)}50%{transform:translate(-40%, -50%)}100%{transform:translate(-50%, -50%)}}.upload-file .upload-container.upload-in-view .slider-button:not(.initial-animation).bounce-left{animation:bounceLeftRange 300ms ease}@keyframes bounceLeftRange{0%{transform:translate(-50%, -50%)}50%{transform:translate(-60%, -50%)}100%{transform:translate(-50%, -50%)}}.upload-file .img-slider-container{width:100%;position:relative;overflow:hidden;border-radius:16px;height:auto}.upload-file .img-slider-img.img-slider-overlay{position:absolute;box-shadow:0px 12px 28px -2px rgba(0,0,0,.1),0px 4px 12px rgba(0,0,0,.06);top:0;border-left:2px solid #ea723c;transform:translateX(5%)}.upload-file .img-slider-img{width:100%;height:100%}.upload-file .img-slider-img img{width:100%;height:auto;aspect-ratio:17/22}.upload-file .img-slider-wrapper{position:relative;width:100%;box-shadow:0px 1px 2px 0px rgba(0,0,0,.06),0px 1px 4px 0px rgba(0,0,0,.1);border-radius:16px}.upload-file .file-container{border:2px dashed #bbc2ce;border-radius:12px;margin-top:28px;padding:40px 28px;text-align:center}.upload-file .upload-icon{width:60px;margin:0 auto 16px;height:60px;background-position:0px -720px;display:block}.bg-image .upload-file .upload-icon{background-image:url(../../images/resume-samples/resume-temp-icon.svg)}.upload-file .extn-text{color:#979daa;margin-top:12px}@media screen and (min-width: 561px){.upload-file{padding:64px 0}.upload-file .upload-file-desc{margin-bottom:36px}.upload-file .upload-container{padding:28px}.upload-file .img-slider-container{max-width:400px;margin:0 auto}.upload-file .img-slider-wrapper{max-width:400px;margin:0 auto}.upload-file .file-container{margin-top:32px}}@media screen and (min-width: 769px){.upload-file{padding:76px 0}.upload-file .upload-container{padding:36px;display:flex;justify-content:space-between}@container (width < 767px){.upload-file .upload-container{display:block;padding:28px}}.upload-file .file-container{margin-top:0px;align-content:center;display:grid;width:calc(100% - 460px);justify-content:center}@container (width < 767px){.upload-file .file-container{margin-top:32px;display:block;width:100%}}.upload-file .upload-file-head{max-width:768px;margin:0 auto 12px}.upload-file .upload-file-desc{max-width:768px;margin:0 auto 40px}}@media screen and (min-width: 1241px){.upload-file .upload-container{padding:60px}@container (width < 1240px){.upload-file .upload-container{padding:36px}}}
