.sinupSingin:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:#000205b3}body{background:#f5f7fc}.navbar{background-color:transparent}.navbar-fixed{animation:headerSlideDown .5s ease forwards;background-color:#f8f9fa;box-shadow:0 10px 15px #1919191a}.onScrollColor{color:#f8f9fa}.offScrollColor{color:#000}@keyframes headerSlideDown{0%{margin-top:-100px;opacity:0}30%{margin-top:-60px;opacity:0}to{margin-top:0;opacity:1}}.f-links{text-decoration:none;color:#a1a6ab;font-weight:400;font-size:15px}.hoverBox:hover .icon{color:#f0f8ff;transition:all .5s ease}.arrowicon:hover{background:#fe9703;transition:all .3s ease-in;color:#f0f8ff}.arrowicon{color:#000}.hoverBox:hover{background:url(https://care-job.vercel.app/_next/static/media/shape.db02af9b.png);transition:all .6s ease-in}.container{display:flex;justify-content:center;flex-wrap:wrap;margin-top:100px;gap:20px}.card{width:400px;background-color:#fff;overflow:hidden;box-shadow:0 2px 4px #0003}.img{cursor:pointer;transition:all 1.1s}.img:hover{transform:scale(1.2)}.contant{padding:16px}.card h2{font-size:21px;margin-bottom:8px;color:#1c2733;font-weight:600;font-family:Montserrat,sans-serif;margin-left:20px}.card p{color:#667488;font-family:Montserrat,sans-serif;font-size:normal;line-height:1.7;margin-left:20px}.btn{display:inline-block;padding:17px 35px;background:#f5f7fc;text-decoration:none;border-radius:30px;color:#1c2733;width:115px;font-weight:700;font-family:Montserrat,sans-serif;position:relative;top:12px;margin-left:20px}.btn:hover{background-color:#ff0}.readmorebtn{font-weight:700;font-size:15px;line-height:1;padding:17px 35px;border-radius:30px;border:none;outline:none}.readmorebtn{background:#a5a5a5;color:#1c2733;text-decoration:none}.readmorebtn:hover{transition:all .3s ease-in-out;background:#26ae61;border-radius:30px}.img-box .img{transition:transform .5s ease}.img-box:hover .img{transform:scale(1.1)}.img-box{overflow:hidden}.circle{position:absolute;bottom:18%;height:20px;width:20px;border:2px solid #26ae61;border-radius:50%;left:6%;animation:moveShape 20s linear 2s infinite alternate}.circle-yellow{top:22%;height:20px;width:20px;border:2px solid #fe9703;border-radius:50%;left:12%;animation:moveShape3 20s linear 2s infinite alternate}.shape-plus{position:absolute;top:24%;color:#fe9703;right:31%;font-size:28px;line-height:1;animation:moveShape4 20s linear 2s infinite alternate}.circle{position:absolute;bottom:18%}@keyframes moveShape{0%{left:10%;top:37%}25%{left:12%;top:50%}50%{left:8%;top:45%}75%{left:6%;top:30%}to{left:10%;top:20%}}@keyframes moveShape3{0%{left:5%;top:80%}25%{left:10%;top:90%}50%{left:8%;top:95%}75%{left:3%;top:80%}to{left:15%;top:90%}}@keyframes moveShape4{0%{left:22%;top:94%}25%{left:30%;top:90%}50%{left:35%;top:100%}75%{left:40%;top:94%}to{left:22%;top:94%}}.containerBox{background:#fff;border-top:5px solid #fe9703;z-index:1}*{margin:0;padding:0;box-sizing:border-box}