*{margin:0;padding:0;box-sizing:border-box}body{font-size:16px;line-height:24px;scroll-behavior:smooth;font-weight:400;background-color:#efeeee;color:#707070;font-family:"Roboto",sans-serif}a{text-decoration:none}.w-img img{width:100%}.m-img img{max-width:100%}a,.btn,button,span,p,i,input,select,textarea,li,img,svg path,*::after,*::before,.transition-3,h1,h2,h3,h4,h5,h6{-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}a:focus,.button:focus{text-decoration:none;outline:none}a:focus,a:hover{color:inherit;text-decoration:none}a,button{color:inherit;outline:none;border:none;background:rgba(0,0,0,0)}button:hover{cursor:pointer}button:focus{outline:0;border:0}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}h1,h2,h3,h4,h5,h6{color:#2c3941;line-height:24px;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}h1{font-size:40px}h2{font-size:36px}h3{font-size:24px}h4{font-size:20px}h5{font-size:16px}h6{font-size:14px}ul{margin:0px;padding:0px}li{list-style-type:none}p{font-size:15px;line-height:22px;color:#737070}*::-moz-placeholder{color:#2c3941;font-size:14px;opacity:1}*::placeholder{color:#2c3941;font-size:14px;opacity:1}.fix{overflow:hidden}.clear{clear:both}.f-left{float:left}.f-right{float:right}.z-index-1{z-index:1}.overflow-y-visible{overflow-x:hidden;overflow-y:visible}.p-relative{position:relative}.container{max-width:1120px}section{padding:30px 0}.content{height:100vh;width:100%;display:flex;justify-content:space-evenly;align-items:center}.webcard_item{height:580px;width:320px;background-color:#fff;margin:0 auto;border-radius:40px;padding:30px 20px 40px 20px;display:flex;justify-content:space-between;align-items:center;flex-direction:column;position:relative;box-shadow:rgba(17,17,26,.05) 0px 1px 0px,rgba(17,17,26,.1) 0px 0px 8px}.webcard_item .avatar_content img{height:120px;width:110px;object-fit:cover;border-radius:12px}.webcard_item .profile_content{width:100%}.webcard_item .personal_content{width:100%}.webcard_item .social_content{width:100%;display:flex;justify-content:center;align-items:center}.webcard_item .social_content i{height:38px;width:38px;display:flex;justify-content:center;align-items:center;background-color:#eee;border-radius:10px;margin:0 5px;color:#4f4e4e;font-size:19px;cursor:pointer}.webcard_item .social_content .fa-facebook-f{background-color:#3b5998;color:#fff}.webcard_item .social_content .fa-twitter{background-color:#00acee;color:#fff}.webcard_item .social_content .fa-instagram{background-color:#d66829;color:#fff}.webcard_item .social_content .fa-linkedin-in{background-color:#0077b5;color:#fff}.webcard_item .bottom_content{position:absolute;bottom:7px;left:0;width:100%;z-index:2;text-align:center}.webcard_item .bottom_content span{font-size:13px;color:#888}.profile_content_button{height:45px;width:200px;background-color:#f3f3f3;border-radius:8px;display:flex;align-items:center;border:1px solid rgba(195,195,195,.1921568627);overflow:hidden;margin:10px auto;cursor:pointer}.profile_content_button:hover{background-color:#e7e8ec}.profile_content_button .button_icon i{height:45px;width:50px;background-color:#ccd1de;display:flex;justify-content:center;align-items:center;color:#333;position:relative}.profile_content_button .button_icon i::after{position:absolute;content:"";height:16px;width:16px;background-color:#cccfd7;right:-5px;top:50%;transform:translateY(-50%) rotate(45deg)}.profile_content_button .button_text{text-align:center;width:100%;font-size:14px;color:#333;font-weight:500}.personal_info{text-align:center}.personal_info li{font-size:14px;color:#4f4e4e;font-weight:400;padding-bottom:5px;word-wrap:break-word}.personal_info li i{margin-right:4px;font-size:14px;color:#6c6a6a}.input_item{position:relative;margin-bottom:8px}.input_item .form-control{width:100%;border:none;border-radius:0px;height:48px;background-color:#f3f3f3;border-radius:12px;padding:15px 50px 10px 10px;font-size:14px}.input_item .form-control:focus{outline:0;box-shadow:none}.input_item .form-control::placeholder{font-size:15px}.input_item label{font-size:14px;padding:12px 10px}.input_item .form-control:not(:placeholder-shown)~label{transform:scale(0.75) translateY(-0.5rem) translateX(0.15rem)}.input_item .range_button{position:absolute;top:50%;right:10px;transform:translateY(-50%);display:flex;align-items:center}.input_item .check-range[type=checkbox]{position:relative;width:28px;-webkit-appearance:none;height:13px;background:#e2e4e4;outline:none;border-radius:30px;box-shadow:inset 0px 0px 4px 1px rgba(0,0,0,.08);transition:.5s}.input_item .check-range[type=checkbox]:checked{background:#00ceff}.input_item .check-range[type=checkbox]:before{content:"";position:absolute;width:13px;height:13px;left:-2px;background:#fff;box-shadow:0px 1px 6px 1px #dcdcdc;border-radius:50%;top:0px;transform:scale(1.1);transition:.5s;cursor:pointer}.input_item .check-range[type=checkbox]:checked:before{left:18px}