section{background:#eee}.cvResumeInput,.photo_wrapper{display:none;place-content:center;font-size:13px;width:90%;padding:5px;background-color:#fff;position:fixed;top:50%;left:50%;translate:-50% -50%;z-index:10000000;box-shadow:0 0 20px #a6a6a6;padding:10px;border-radius:20px}.updateProfessionalProfile{position:absolute;top:100vh}.updateProfessionalProfile form{width:100%;min-width:100%}.cvResumeInput,.photo_wrapper{display:none}.cvResumeInput input,.photo_wrapper input{display:none}.cvResume_display,.photo_display{transition:.2s ease;height:250px;width:350px;max-width:100%;cursor:pointer;display:grid;place-content:center;border-radius:10px}.photo_display{background:#f4fff4;border:2px dashed #9fff9f;color:green;background-position:center;background-size:cover}.cvResume_display{background:#f8f8f8;border:2px dashed #ccc;color:#000;width:100%}.photo_display:active{background:#e0ffe0}.cvResume_description{align-items:center;width:100%;max-width:100%;display:none}.cvResume_description span{background:green;height:fit-content;padding:5px;width:20%;text-align:center;border-radius:6px 0 0 6px;color:#fff;text-transform:uppercase}.cvResume_description p{background:0 0;padding:5px;width:80%;max-width:80%;overflow:hidden;text-wrap:nowrap;text-overflow:ellipsis;border-radius:0 6px 6px 0;border:1px solid green}.button{display:flex;gap:10px}.button>:nth-child(1){width:60%}.button>:nth-child(2){background:#d3d3d3;color:var(--secondary-text-color);width:40%}.button>:nth-child(2):active,.button>:nth-child(2):hover{background:#ddd;font-weight:400}.div_professional_profile_header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;width:100%}.div_professional_profile_header h1{font-size:14px;text-transform:capitalize;color:var(--primary-text-color);font-weight:500}.div_professional_profile_header_action{display:flex;gap:5px}.div_professional_profile_header_action button{background:var(--active1);color:#fff;display:flex;align-items:center;gap:5px;text-transform:capitalize;border:none;padding:5px;border-radius:5px;font-size:13px;cursor:pointer;transition:.2s ease}.div_professional_profile_header_action button:nth-child(1){background:#d3d3d3;color:var(--secondary-text-color)}.div_professional_profile_header_action button:nth-child(1):hover{background:#ddd}.div_professional_profile_header button:hover{background-color:var(--hover)}.div_professional_profile_header button img{width:18px;padding:3px}.client-profile-wrapper{display:flex;flex-direction:column;gap:10px;max-width:100%;padding:10px}.client-profile-contener form{justify-content:center;align-items:center;width:100%}.client-profile-contener form textarea{min-width:100%;max-width:100%;min-height:60px;border-radius:10px;padding:10px;outline:0;border:1px solid #ccc}.client-profile-contener form textarea:focus{border-color:var(--active1)}.button,.client-profile-contener form input,.client-profile-contener form textarea,.locationLabel,.person_nameLabel{display:none}.client-profile-contener form input{width:100%}.photo-name{display:flex;gap:10px;background:#fff;padding:20px;border-radius:20px}.name{display:flex;flex-direction:column;justify-content:center;gap:5px;width:100%}.name h1{text-transform:capitalize;font-size:15px;font-weight:500;letter-spacing:.5px;color:var(--primary-text-color)}#locationDisplay{color:#777;font-weight:400;font-size:14px}.photo{width:60px;height:60px;min-width:60px;min-height:60px;display:grid;place-content:center;border-radius:50%;background:#e1e1e1;cursor:pointer;position:relative;transition:.2s ease;background-position:center;background-size:cover}.photo:active,.photo:hover{box-shadow:0 0 5px #bebebe}.photo img{width:40px;opacity:.2}.photo p{font-size:13px;text-transform:capitalize;text-align:center;position:absolute;top:50%;left:50%;translate:-50% -50%;color:var(--active1);font-weight:600;text-shadow:0 0 5px #fff}.tipsAndSample{background:#fff;display:flex;flex-direction:column;padding:20px;border-radius:20px;gap:15px;box-shadow:0 0 10px #ccc}.tipsAndSample h2{font-weight:600;font-size:15px;letter-spacing:.5px;text-transform:capitalize}.tipsAndSample h3{text-transform:capitalize;color:#3a3a3a;font-size:15px;font-weight:500;position:relative}.tipsAndSample h3::before{content:"";height:13px;min-height:13px;width:3px;min-width:3px;background-color:#008000b1;position:absolute;left:-6px;top:4px;border-radius:2px}.tipsAndSample h4{display:flex;align-items:center;font-weight:400;font-size:14px;margin-left:10px;color:#6f6f6f}.tipsAndSample h4 a{color:#00657f;font-weight:600;padding:5px 0}.direct-contact{display:flex;gap:10px;font-size:14px}.add_cv_or_resume,.direct-contact a{padding:10px;border-radius:10px;text-align:center;font-weight:500;font-family:Arial,Helvetica,sans-serif;text-decoration:none;text-transform:capitalize;cursor:pointer}.direct-contact a:nth-child(1){width:50%;background-color:var(--active1);color:#fff}.add_cv_or_resume,.direct-contact a:nth-child(2){width:50%;background:#ccc;color:var(--secondary-text-color)}.profile_not_found{display:flex;justify-content:center;align-items:center;flex-direction:column;height:60vh;font-size:18px;color:var(--secondary-text-color);gap:8px;padding:10px}.profile_not_found a{background:var(--active1);color:#fff;padding:8px 10px;text-align:center;font-weight:400;text-transform:capitalize;font-size:14px;width:fit-content;border-radius:5px;cursor:pointer}@media (min-width:680px) and (max-width:1199px){.div_professional_profile_header{width:78%;align-self:center}.photo_wrapper form{width:100%}.profile_not_found{padding:0 20%}.client-profile-contener{display:flex;align-items:center;flex-direction:column}.client-profile-wrapper{width:80%}.updateProfessionalProfile{width:80%}.name h1{font-size:17px}#locationDisplay{font-size:15px}.photo{width:65px;height:65px;min-width:65px;min-height:65px}.tipsAndSample h2{font-size:17px}.tipsAndSample h3{font-size:17px}.tipsAndSample h3::before{content:"";height:15px;min-height:15px}.tipsAndSample h4{font-size:16px}.profile_not_found{display:flex;justify-content:center;align-items:center;flex-direction:column;height:60vh;font-size:18px;color:var(--secondary-text-color);gap:8px}.profile_not_found a{background:var(--active1);color:#fff;padding:8px 10px;text-align:center;font-weight:400;text-transform:capitalize;font-size:14px;width:fit-content;border-radius:5px}}@media (min-width:1200px){.div_professional_profile_header{width:58%;align-self:center}.photo_wrapper form{width:100%}.profile_not_found{padding:0 30%}.client-profile-contener{display:flex;justify-content:center}.client-profile-wrapper{width:60%}.updateProfessionalProfile{width:60%}.name h1{font-size:17px}#locationDisplay{font-size:15px}.photo{width:70px;height:70px;min-width:70px;min-height:70px}.tipsAndSample h2{font-size:19px}.tipsAndSample h3{font-size:19px}.tipsAndSample h3::before{content:"";height:17px;min-height:17px}.tipsAndSample h4{font-size:18px}.client-profile-contener{display:flex;align-items:center;flex-direction:column}}