@@ -2,70 +2,71 @@ import styled from "styled-components";
22import List_Icon from "../../assets/images/careers/list-icon.svg" ;
33
44export const CareerWrapper = styled . div `
5- .body-sections {
6- position: relative;
7- p {
8- margin-top: 0.25rem;
9- }
10- h3 {
11- transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
12- }
5+ .body-sections {
6+ position: relative;
7+ p {
8+ margin-top: 0.25rem;
139 }
14- .body-headers {
15- margin: 1rem 0;
16- width: fit-content;
17- transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
18- :after {
19- content: '';
20- position: absolute;
21- left: 0;
22- margin-top: 2.75rem;
23- width: 6rem;
24- height: 0.2rem;
25- border-bottom: 0.25rem solid ${ props => props . theme . secondaryColor } ;
26- border-radius: 0.2rem;
27- }
10+ h3 {
11+ transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
12+ }
13+ }
14+ .body-headers {
15+ margin: 1rem 0;
16+ width: fit-content;
17+ transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
18+ :after {
19+ content: "";
20+ position: absolute;
21+ left: 0;
22+ margin-top: 2.75rem;
23+ width: 6rem;
24+ height: 0.2rem;
25+ border-bottom: 0.25rem solid ${ ( props ) => props . theme . secondaryColor } ;
26+ border-radius: 0.2rem;
2827 }
29- @media screen and (max-width: 992px) {
30- .body-headers:after {
31- margin-top: 2.25rem;
32- }
28+ }
29+ @media screen and (max-width: 992px) {
30+ .body-headers:after {
31+ margin-top: 2.25rem;
3332 }
34- .qualification-section {
35- display: flex;
36- flex-wrap: wrap ;
37- margin-top: 5rem ;
38- border -top: 1px solid rgba(0, 0, 0, 0.2) ;
39- border-bottom : 1px solid rgba(0, 0, 0, 0.2);
40- .qualification-col {
41- padding: 0 0.75rem 0 0;
42- }
33+ }
34+ .qualification-section {
35+ display: flex ;
36+ flex-wrap: wrap ;
37+ margin -top: 5rem ;
38+ border-top : 1px solid rgba(0, 0, 0, 0.2);
39+ border-bottom: 1px solid rgba(0, 0, 0, 0.2);
40+ .qualification-col {
41+ padding: 0 0.75rem 0 0;
4342 }
44- li {
45- list-style-type: none;
46- margin: 2rem 0 ;
47- line-height : 2rem;
48- :before {
49- content: url( ${ List_Icon } );
50- position: absolute ;
51- margin: 0rem 0rem 0rem -2.8rem ;
52- }
43+ }
44+ li {
45+ list-style-type: none ;
46+ margin : 2rem 0 ;
47+ line-height: 2rem;
48+ :before {
49+ content: url( ${ List_Icon } ) ;
50+ position: absolute ;
51+ margin: 0rem 0rem 0rem -2.8rem;
5352 }
54- .job-details-footer {
55- margin: 1rem 0;
56- span {
57- display: flex;
58- line-height: 1.5rem ;
59- color: ${ props => props . theme . whiteSevenFiveToBlackSevenFive } ;
60- transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) ;
61-
62- h5 {
63- font-weight: 600;
64- transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) ;
65- }
66- p {
67- margin: 0 0 0 0.35rem;
68- }
69- }
53+ }
54+ .job-details-footer {
55+ margin: 1rem 0;
56+ span {
57+ display: flex ;
58+ line-height: 1.5rem ;
59+ color: ${ ( props ) => props . theme . whiteSevenFiveToBlackSevenFive } ;
60+ transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
61+
62+ h5 {
63+ font-weight: 600 ;
64+ transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
65+ }
66+ p {
67+ margin: 0 0 0 0.35rem;
68+ }
7069 }
70+ }
71+ color: ${ ( props ) => props . theme . text } ;
7172` ;
0 commit comments