.career-card { padding: 14px 12px 10px; background: #ffffff; border: 1px solid #d5d5d56b; margin: 0 0 15px; /* transition: all .3s ease-in-out; */ display: block; border-radius: 3px; transition: transform 0.3s ease; box-shadow: -2px 10px 22px -16px #00000075; } a.career-card:hover { transform: translateY(-5px); } .career-top-part { display: flex; align-items: flex-start; } .para-margin{ margin:0; } p.career-logo-name { padding: 9px; display: block; border-radius: 4px; font-weight: bold; font-size: 14px; background-color: rgb(27 66 128 / 12%); color: rgb(51, 51, 51); margin-right: 12px; margin-bottom: 0; animation: gradient1 3s ease infinite, rocking 3s ease infinite; } /*.job-card .col-md-4:nth-child(6n+1) .career-card {background: #cde9f682;color: #00577f;} .job-card .col-md-4:nth-child(6n+2) .career-card {background: #daf1e9bd;color: #00892c;} .job-card .col-md-4:nth-child(6n+3) .career-card {background: #f7f3d770;color: #b97a09;} .job-card .col-md-4:nth-child(6n+4) .career-card {background: #ece2fd87;color: #472978;} .job-card .col-md-4:nth-child(6n+5) .career-card {background: #f5f0e5ad;color: #764d00;} .job-card .col-md-4:nth-child(6n+6) .career-card {background: #fee7eb8a;color: #a90000;}*/ .job-card .col-md-4:nth-child(6n+1) p.career-logo-name {background: #CDE9F6;color: #00577f;} .job-card .col-md-4:nth-child(6n+2) p.career-logo-name {background: #daf1e9;color: #00892c;} .job-card .col-md-4:nth-child(6n+3) p.career-logo-name {background: #F7F3D7;color: #b97a09;} .job-card .col-md-4:nth-child(6n+4) p.career-logo-name {background: #ece2fd;color: #472978;} .job-card .col-md-4:nth-child(6n+5) p.career-logo-name {background: #f5f0e5;color: #764d00;} .job-card .col-md-4:nth-child(6n+6) p.career-logo-name {background: #fee7eb;color: #a90000;} .job-position { font-weight: 500; margin: 0; font-size: 16px; color: #073674; line-height: 22px; } .jobs-skill { font-size: 13px; margin-top: 2px; color: #5a5a5a; margin-bottom: 0; } p.education-need { font-size: 13px; color: #545454; line-height: 21px; display: -webkit-box; margin: 8px 0px 5px 0px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .Vacancies-deails { border-top: 1px solid #80808038; margin-top: 14px; padding-top: 10px; /* display: none; */ } .new-ul { /* display: flex; */ align-items: center; padding-bottom: 4px; display: none; } .Vacancies-list { color: #545454; font-size: 13px; display: flex; align-items: center; } .Vacancies-list span { margin-left: 7px; } .dhdgd-ami { margin-left: 48px; } .anchorLink { padding: 6px 15px; color: #fff; font-weight: 400; border: 1px solid #1b4280; font-size: 13px; background: #1b4280; text-align: center; } .apply-now-job { border: 1px solid #1b4280; padding: 6px 15px; color: #1b4280; font-weight: 400; font-size: 13px; margin-left: 10px; } .section { padding: 2rem 0; position: relative; overflow: hidden; } .career-bottom-part { display: none; } .job-detail { flex-grow: 1; } .career-top-part i.fa { color: #1b4280f0; animation: gradient1 3s ease infinite, rocking 3s ease infinite; } .Vacancies-list i.fa-solid.fa-location-dot { animation: gradient1 3s ease infinite, rocking 3s ease infinite; } @media (max-width: 767.98px) { .job-card { width: 90%; } }