#surveys{width:100%;padding:0 0 20px;background-color:#eff2f0;-webkit-user-select:none;-moz-user-select:none;user-select:none}#surveyscenter{max-width:100%;width:1300px}#surveyshead{padding:20px 0}#surveyshead p{font-size:20px}.surveyslist{position:relative;overflow-x:hidden;overflow-y:visible;width:100%;padding:30px 20px}.surveyscontainer{position:relative;width:100%;display:flex}.surveysscroller{gap:20px;margin-left:0}.surveyitemcontainer{position:relative;width:380px;aspect-ratio:620 / 1000;border-radius:10px;transition:all .2s;cursor:pointer}.surveyitemcontainer:hover{transform:scale(1.05);z-index:1}.surveyitemcontainer:hover:after{position:absolute;left:100%;top:0;content:"";width:50px;height:100%;background-image:radial-gradient(#cfcfcf,transparent,transparent);background-position:-25px;background-repeat:no-repeat}.surveyitemcontainer:hover:before{position:absolute;right:100%;top:0;content:"";width:50px;height:100%;background-image:radial-gradient(#cfcfcf,transparent,transparent);background-position:25px;background-repeat:no-repeat}.surveyitem{border-radius:10px;overflow:hidden}.surveyimage{object-fit:cover;object-position:center center}.surveyimage img{display:block;height:100%;width:100%;object-fit:cover}.sishadow{background-image:linear-gradient(transparent,transparent,#000)}.sitextcontent{position:absolute;left:0;bottom:0;width:100%;padding:10px 20px}.sianswer{padding:0 0 20px}.sianswer p{font-size:14px;color:#fff;line-height:20px}.sirequisites{padding:0 0 20px}.sirequisites p{font-size:14px;color:#fff;line-height:15px}.surveyAnswerSurface{position:fixed;top:0;left:0;bottom:0;right:0;background-color:#00000080;z-index:4}.surveyAnswer{position:absolute;width:900px;display:grid;grid-template-columns:50% 50%;background-color:#fff;border-radius:14px;overflow:hidden;box-shadow:0 0 20px -10px #000}.saImg{width:100%;height:100%}.saRight{padding:20px}.saName{margin:0 0 20px}.saName p{font-family:Montserrat-Bold;font-size:20px}.saSubName p{font-size:16px}.sadArrow{position:absolute;top:50%;background-color:#fff;width:50px;height:50px;border-radius:50%;cursor:pointer}.sadArrow img{width:50%}.sadArrow.sadLeft{left:calc(50% - 550px)}.sadArrow.sadRight{right:calc(50% - 550px)}
