/* .oi-banner .uk-container { position: relative; } .uk-container { display: flow-root; box-sizing: content-box; max-width: 1200px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; } body { font-size: 16px; color: #005f83; font-weight: 400; font-family: 'Gotham'; } */ /* input#firstname-326b308a-b675-4b7d-bcc4-f752ae546213 { background: #ccc; } */ section.rad-banner { padding-top: 50px; padding-bottom: 50px; position: relative; z-index: 1; overflow: hidden; background: #005887; } section.rad-banner:before { position: absolute; content: ""; background: url(../images/services/form-before.svg) no-repeat; width: 120px; height: 100%; display: block; left: 120px; top:40px; z-index: -1; background-size: contain; } section.rad-banner:after { position: absolute; content: ""; background: url(../images/services/banner-shape.svg) no-repeat; width: 136px; height: 280px; display: block; right: 0; bottom: -150px; z-index: -1; background-size: contain; } .rad-banner-content h1 { margin: 5px 0; font-size: 57px; font-weight: 500; color: #005f83; font-family: 'Gotham'; display: inline-block; background: linear-gradient(30deg,#45db33,#00bfff); -webkit-text-fill-color: transparent; background-size: 100%; -webkit-background-clip: text; background-clip: text; } .rad-banner-content h2 { margin: 0; font-size: 40px; font-weight: 800; color: #ffffff; font-family: 'Gotham'; } .form-common .form_heading h1 { color: #ffffff; } .form-common .form_heading p { color: #fff; } .rad-banner-content { position: relative; z-index: 1; } .rad-banner-content:after { position: absolute; content: ""; background: url(../images/services/form-cont-img.svg) right no-repeat; width: 80px; height: 100%; display: block; right: -65px; top: 15px; z-index: -1; background-size: contain; } .rad-banner-grid { max-width: 100%; display: flex; align-items: center; } .rad-banner-left { max-width: 55%; float: left; } .rad-banner-right { max-width: 45%; float: left; } .rad-banner-form { padding-left: 150px; width: 100%; } section.workforce-section { /* background: #005887; */ background: #ffffff; color: #fff; padding-top: 80px; padding-bottom: 80px; z-index: 1; position: relative; } .workforce-heading h2 { font-size: 40px; font-family: 'Gotham'; font-weight: 700; /* color: #fff; */ color: #005887; } .workforce-heading p { font-size: 16px; line-height: 24px; /* color: #fff; */ color: #005887; font-family: 'Gotham Book'; } .workforce-list-grid { display: flex; align-items: center; margin-top: 35px; } .workforce-image img { max-width: 290px; } .workforce-image { max-width: 30%; padding: 10px; margin: auto; } .workforce-list { max-width: 70%; } .workforce-list h3 { font-size: 24px; font-family: 'Gotham'; font-weight: 700; /* color: #fff; */ color: #005887; } .workforce-list li { font-size: 16px; line-height: 24px; /* color: #fff; */ color: #005887; font-family: 'Gotham Book'; margin-bottom: 5px; } section.ra-why-choose { background: #F2F7F9; padding-top: 80px; padding-bottom: 80px; position: relative; z-index: 1; } .ra-why-cnt h2 { font-size: 40px; font-family: 'Gotham'; font-weight: 700; color: #005887; margin-top: 0; } .ra-why-cnt p { font-size: 16px; line-height: 24px; color: #005887; font-family: 'Gotham Book'; } .ra-why-grid { display: flex; align-items: center; } .ra-why-cnt { max-width: 50%; } .ra-why-image { max-width: 50%; margin-left: auto; } .ra-why-image img { max-width: 423px; } .why-main-box-img img { max-height: 160px; } .why-main-box-img { background: #fff; border-radius: 100%; width: 200px; height: 200px; /* box-shado w: 0 0 10px #ccc; */ padding: 10px; display: flex; align-items: center; justify-content: center; margin: auto; } .why-main-box-cnt h4 { font-size: 24px; font-family: 'Gotham'; font-weight: 700; color: #005887; margin: 0; line-height: 38px; } .why-main-box-cnt p { font-size: 16px; line-height: 24px; color: #005887; font-family: 'Gotham Book'; max-width: 230px; margin: auto; margin-top: 20px; } .why-main-box-cnt { margin-top: 30px; padding: 10px; } .why-main-box { padding-right: 15px; padding-left: 15px; position: relative; width: 100%; text-align: center; } .why-grid-box { display: flex; margin-top: 80px; } section.fortune-section { padding-top: 80px; padding-bottom: 80px; position: relative; z-index: 1; background-color: #fff; } section.fortune-section:after { position: absolute; content: ""; background: url(../images/services/why-choose-bg.svg) center bottom no-repeat; width: 100%; height: 100%; display: block; left: 0; bottom: 0; z-index: -1; background-size: contain; } .fortune-cnt h3 { font-size: 24px; font-family: 'Gotham'; font-weight: bold; margin: 0; line-height: 38px; margin-bottom: 30px; } .ra_same_grad{ background: linear-gradient(300deg, #45db33, #00bfff); -webkit-text-fill-color: transparent; background-size: 100%; -webkit-background-clip: text; background-clip: text; } .fortune-cnt li { font-size: 16px; line-height: 24px; color: #005887; font-family: 'Gotham Book'; margin-bottom: 20px; } .fortune-cnt { max-width: 645px; } .ra-solution-heading h3 { text-align: center; font-size: 40px; font-weight: bold; margin-top: 0; color: #005887; font-family: 'Gotham'; } .ra-solution-box h4 { font-size: 22px; font-weight: bold; color: #005887; font-family: 'Gotham'; } .ra-solution-box p { font-size: 16px; color: #005887; line-height: 28px; /* min-height: 170px; */ font-family: 'Gotham Book'; } .ra-solution-box a { font-weight: bold; color: #005887; text-decoration: none; display: table; margin-left: auto; } section.ra-solution-section { padding-top: 80px; padding-bottom: 80px; position: relative; z-index: 1; background-color: #fff; } .ra-solution-box { max-width: calc(33% - 30px); display: inline-block; padding: 30px 34px 35px; margin: 15px; vertical-align: top; border: 1px solid #737373; border-radius: 25px; box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25); text-align: left; padding-top: 50px; } .ra-solution-grid { text-align: center; } section.winning-team-section { background: #005887; /* padding-top: 80px; */ padding-bottom: 80px; position: relative; z-index: 1; } section.winning-team-section .winning-cnt ul { padding-left: 18px; } section.winning-team-section .winning-cnt li { color: #fff; font-size: 16px; line-height: 24px; font-family: 'Gotham Book'; margin-bottom: 20px; } .winning-cnt h3 { font-size: 24px; font-family: 'Gotham'; font-weight: bold; margin: 0; line-height: 38px; margin-bottom: 30px; } .winning-cnt h3 span { line-break: anywhere; display: inline-block; } .winning-team-grid { display: flex; align-items: end; /* margin-top: 35px; */ } .winning-image { max-width: 40%; padding: 20px; padding-top: 0px; margin: auto; } .winning-image img { max-width: 100%; } .winning-cnt { max-width: 60%; } section.outsource-section { background: #F2F7F9; text-align: center; padding-top: 80px; padding-bottom: 80px; position: relative; z-index: 1; } section.outsource-section:after { position: absolute; content: ""; background: url(../images/services/outsource-after.svg) center bottom no-repeat; width: 130px; height: 100%; display: block; left: 0; bottom: 100px; z-index: -1; background-size: contain; } .outsource-cnt h3 { font-size: 24px; font-family: 'Gotham'; font-weight: bold; margin: 0; line-height: 38px; margin-bottom: 30px; color: #005887; } .outsource-cnt p { font-size: 16px; color: #005887; line-height: 28px; font-family: 'Gotham Book'; max-width: 842px; margin-left: auto; margin-right: auto; margin-bottom: 0; } section.outsourcing-benefit { padding-top: 80px; padding-bottom: 80px; position: relative; z-index: 1; background-color: #fff; } section.outsourcing-benefit .outsource-cnt p { font-size: 16px; color: #005887; line-height: 28px; font-family: 'Gotham Book'; max-width: 1105px; margin-left: inherit; margin-right: auto; } .source-colms { display: flex; align-items: center; /* justify-content: space-between; */ padding: 30px 0; } .source-colm-text h4 { font-size: 20px; font-family: 'Gotham'; font-weight: bold; margin: 0; line-height: 25px; color: #005887; } .source-colm-text p { font-size: 16px; color: #005887; line-height: 28px; font-family: 'Gotham Book'; } .colum-6 { width: 50%; float: left; } .source-colm-img { text-align: center; } .source-even .source-colm-text { padding-right: 80px; } .source-odd .source-colm-text { padding-left: 80px; } .s-benefit { margin-bottom: 45px; } .outsource-grid.s-benefit { position: relative; z-index: 1; background-color: #fff; } .outsource-grid.s-benefit:after { position: absolute; content: ""; background: url(../images/services/s-benefit-img.svg) center bottom no-repeat; width: 130px; height: 100%; display: block; right: -205px; bottom: -21px; z-index: -1; background-size: contain; } .source-last-colm { position: relative; z-index: 1; background-color: #fff; } .source-last-colm:before { position: absolute; content: ""; background: url(../images/services/cost-img.svg) left top no-repeat; width: 103px; height: 100%; display: block; left: -205px; top: 100px; z-index: -1; background-size: contain; } .source-last-colm:after { position: absolute; content: ""; background: url(../images/services/cost-after.svg) left top no-repeat; width: 130px; height: 100%; display: block; right: -205px; top: 100px; z-index: -1; background-size: contain; } section.ra-why-choose.wcr-agency { background: linear-gradient(283deg,#45db33,#00bfff); position: relative; z-index: 1; } .wcr-agency .ra-why-cnt h2 { font-size: 42px; color: #fff; font-family: 'Gotham'; } .wcr-agency .ra-why-cnt h2 span { font-weight: 400; font-size: 34px; } .wcr-agency .ra-why-cnt p { color: #fff; font-family: 'Gotham Book'; } .wcr-agency .ra-why-image { margin-left: auto; margin-right: auto; } .ra-pera-content p { font-size: 16px; color: #005887; line-height: 28px; font-family: 'Gotham Book'; max-width: 1010px; text-align: center; margin: auto; } section.ra-cont-pera { padding-top: 60px; padding-bottom: 50px; position: relative; z-index: 1; background-color: #fff; } /* peo-services-css-2-apr start*/ .peo-service-benefit-heading h2 { font-weight: 900; font-size: 40px; margin-bottom: 2rem; text-align: center; } .peo-service-benefit-section { padding-top: 70px; padding-bottom: 70px; background: url(../images/peo-service-img/psb-bg.png) center center no-repeat, #ECF6FA; background-size: cover; position: relative; z-index: 1; } .peo-service-benefit-section:before { background: url(../images/peo-service-img/psb-before.png) center center no-repeat; position: absolute; width:56px; height:48px; background-size: contain; content: ""; top: 50px; left: 0px; z-index: -1; } .peo-service-benefit-section:after { background: url(../images/peo-service-img/psb-after.png) center center no-repeat; position: absolute; width: 120px; height: 129px; background-size: contain; content: ""; bottom: 6px; right: 250px; z-index: -1; } .peo-service-benefit-cnt h4 { font-size: 20px; font-family: 'Gotham'; font-weight: bold; margin-bottom: 18px; } .peo-service-benefit-widgets { display: flex; flex-wrap: wrap; } .peo-service-benefit-box { background: #fff; border-radius: 15px; padding: 70px 22px 53px; width: calc(33% - 57px); margin: 20px 30px; position: relative; z-index: 1; } .peo-service-benefit-box:before { background: url(../images/peo-service-img/psb-ptop.png) center center no-repeat; position: absolute; width:65px; height:56px; background-size: contain; content: ""; top: -1px; left: 30px; z-index: -1; } .peo-service-benefit-box:after { background: url(../images/peo-service-img/psb-pbot.png) center center no-repeat; position: absolute; width:64px; height:56px; background-size: contain; content: ""; bottom: -1px; right: 40px; z-index: -1; } .peo-service-benefit-top-logo { position: absolute; top: 8px; right: 14px; } .peo-service-benefit-top-logo img { max-width: 50px; } .peo-service-benefit-cnt p { font-size: 16px; font-family: 'Gotham Book'; } .bestpeo-servic-widgets { display: flex; flex-wrap: wrap; margin-top: 45px; } .bestpeo-servic-section { padding-top: 70px; padding-bottom: 70px; background: linear-gradient(to left, #33DB64, #00BFFF); position: relative; z-index: 1; } .bestpeo-servic-section .peo-service-benefit-heading h2 { color: #fff; } .bestpeo-servic-box { padding: 40px 15px 15px; border-radius: 25px; border: 1px solid #737373; background: #fff; width: calc(25% - 9px); margin: 20px 4px; position: relative; z-index: 1; } .peo-eod-section { padding-top: 70px; padding-bottom: 70px; position: relative; z-index: 1; } .peo-eod-section:after { background: url(../images/peo-service-img/psb-after.png) center center no-repeat; position: absolute; width: 100px; height: 100px; background-size: contain; content: ""; bottom: 23px; right: 164px; transform: rotate(225deg); z-index: -1; } .peo-eod-list li { margin-bottom: 20px; } .peo-end-pera { text-align: center; max-width: 1050px; margin-left: auto; margin-right: auto; } .peo-eod-gred-pera { text-align: center; margin-top: 35px; margin-bottom: 45px; } .peo-eod-gred-pera p { color: #fff; font-size: 20px; font-family: 'Gotham Book'; background: linear-gradient(to left, #33DB64, #00BFFF); padding: 15px 30px; font-weight: 600; display: inline-block; margin-bottom: 0; border-radius: 3px; } /* peo-services-css-2-apr end*/ section.peo-ofering-section { padding-top: 80px; padding-bottom: 80px; background: linear-gradient(45deg, #03C1F5, #43DA3D); } .peo-ofering-section .oi-section__title { color: #fff; max-width: 700px; text-align: center; } .peo-ofering-box { background: #fff; padding: 20px; border-radius: 20px; border: 1px solid #959393; margin: 5px; max-width: calc(25% - 15px); display: inline-flex; flex-direction: column; flex-wrap: wrap; box-shadow: 0px 3px 8px -2px #8f8f8f; } .peo-ofering-heading h3 { font-size: 22px; line-height: 28px; } .peo-ofering-heading { min-height: 80px; } .peo-ofering-pera p { font-size: 16px; font-weight: 500; font-family: 'Gotham Book'; } .peo-ofering-pera { min-height: 270px; } section.peo-employer-section { padding-top: 80px; padding-bottom: 80px; position: relative; z-index: 1; } section.peo-employer-section:after { position: absolute; content: ""; background: url(../images/services/outsource-after.svg) center bottom no-repeat; width: 130px; height: 130px; display: block; right: 120px; bottom: 100px; z-index: -1; background-size: contain; } .peo-employer-heading { text-align: center; } .peo-employer-heading p { font-family: 'Gotham Book'; font-weight: 500; } .peo-employer-heading h3 { font-family: 'Gotham'; } .peo-employer-para-bg { background: linear-gradient(45deg, #03C1F5, #43DA3D); padding: 15px 35px; display: table; text-align: center; margin: auto; margin-bottom: 50px; margin-top: 40px; } .peo-employer-para-bg p { margin-bottom: 0; color: #fff; font-size: 20px; } .peo-employer-para-list li { margin-bottom: 20px; } section.peo-oursolution-section { padding-top: 80px; padding-bottom: 80px; position: relative; background: #015F83; background-image: url(../images/services/banner-bg3.svg); background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: 1; } .peo-oursolution-box { background: #fff; padding: 30px; border-radius: 20px; border: 1px solid #959393; margin: 15px; max-width: calc(50% - 30px); box-shadow: 0px 3px 8px -2px #8f8f8f; text-align: center; width: 100%; } .peo-oursolution-widget { display: flex; flex-wrap: wrap; } .peo-oursolution-box .peo-ofering-heading { min-height: auto; } .peo-oursolution-pera li { margin-bottom: 10px; font-family: 'Gotham Book'; } .peo-oursolution-pera ul { padding: 0; list-style: none; } .peo-oursolution-section .oi-section__title { color: #fff; } section.peo-levering-section { padding-top: 80px; padding-bottom: 80px; position: relative; background: #EDF6FB; background-image: url(../images/services/v-shape.svg); background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: 1; } .peo-levering-widget { display: flex; flex-wrap: wrap; } .peo-levering-box { background: #fff; padding: 30px; border-radius: 20px; border: 1px solid #dedede; margin: 15px 20px; max-width: calc(33% - 37px); text-align: center; width: 100%; position: relative; z-index: 1; padding-top: 70px; } .peo-levering-before-img { position: absolute; top: -1px; left: 30px; } .peo-levering-after-img { position: absolute; bottom: -1px; right: 30px; transform: rotate(180deg); } .peo-levering-task-logo { position: absolute; right: 20px; top: 10px; } .peo-leveringmain-heading h3 { color: #005f83; text-align: center; } .peo-leveringmain-heading { margin-bottom: 50px; } section.peo-levering-section:before { position: absolute; content: ""; background: url(../images/services/firm-page/aproch-1.svg) no-repeat; max-width: 94px; max-height: 109px; background-size: contain; width: 100%; height: 100%; top: 140px; left: 30px; z-index: -1; transform: rotate(247deg); } section.peo-levering-section:after { position: absolute; content: ""; background: url(../images/services/firm-page/aproch-2.svg) no-repeat; max-width: 155px; max-height: 146px; background-size: contain; width: 100%; height: 100%; bottom: 40px; right: 200px; z-index: -1; transform: rotate(90deg); } .grid-box-section .aps-common-heading h2, .grid-box-section .aps-common-heading p { text-align: center !important; max-width: 100%; } .grid-box-section { background: #F2F7F9 !important; } .grid-box-section:before { position: absolute; content: ""; background: url(../images/services/contact/benefit_shape.png) center center no-repeat; background-size: cover; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; } .approach_box.globale-box { width: calc(100% - 125px); min-height: auto !important; } .ssp-globe-boxes .approach_box { min-height: 270px; } .ts-businerss-heading { text-align: center; max-width: 1000px; margin: auto; } .ts-businerss-heading .uk-corp_heading h3 { color: #005F83; } .ra-solution-heading.ts-employee-heading { text-align: center; max-width: 1100px; margin: auto; } .tsb-solgrid .ra-solution-box { min-height: 475px; } .uper-heading h4 { background: linear-gradient(85deg, #05C0F7 8.71%, #43DA3B 91.29%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 18px; font-weight: 700; text-align: center; } .uper-heading { margin-bottom: 30px; } .emiratisation-taj-section { background: #005F83; position: relative; padding-bottom: 210px; z-index: 1; } .emiratisation-taj-section p { color: #fff !important; text-align: center; font-size: 17px; } .emiratisation-taj-section .section__text h3 { color: #FFE100; margin-bottom: 20px !important; } .benif-taj-image { position: absolute; bottom: 0; z-index: -1; } .emiratisation-hiring-section h2, .emiratisation-hiring-section p { text-align: center !important; max-width: 100% !important; } .emiratisation-hiring-section { background: linear-gradient(30deg,#45db33,#00bfff); } .emiratisation-hiring-section .aps-common-heading p { color: #fff; } .emiratisation-hiring-section .aps-common-heading { position: relative; z-index: 1; max-width: 980px; margin: auto; } .emiratisation-hiring-section .aps-common-heading:before { position: absolute; content: ""; background: url(../images/services/firm-page/crowsal-center-arrow.svg) no-repeat; background-size: contain; right: -170px; top: -85px; transform: rotate(304deg); width: 148px; height: 280px; z-index: -1; } .emiratisation-hiring-section .aps-common-heading:after { position: absolute; content: ""; background: url(../images/services/firm-page/crowsal-center-arrow.svg) no-repeat; background-size: contain; bottom: -70px; left: -100px; transform: rotate(118deg); width: 208px; height: 280px; z-index: -1; } .readbtn a img { max-width: 17px; filter: brightness(0) saturate(100%) invert(70%) sepia(98%) saturate(472%) hue-rotate(1deg) brightness(108%) contrast(102%); transform: rotate(90deg); } .readbtn a { color: #005F83; font-size: 17px; font-weight: 700; } .readbtn { text-align: center; } .emratn-hiring-list p, .emratn-hiring-list li { font-size: 17px; } .emratn-hiring-list li { margin-bottom: 10px; } .emratn-hiring-list { padding-top: 10px !important; } .emratn-hiring-section .aps-common-heading h2 { margin-bottom: 0; background: linear-gradient(85deg, #05C0F7 8.71%, #43DA3B 91.29%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .emratn-hiring-section .s-benefit { margin-bottom: 0; } .emratn-hiring-section:before { position: absolute; content: ""; background: url(../images/services/contact/benefit_shape.png) center center no-repeat; background-size: cover; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; } .nafis-section { background: linear-gradient(30deg, #45db33, #00bfff); } .nafis-section:before { position: absolute; content: ""; background: url(../images/services/nafis-before.png) center center no-repeat; background-size: contain; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; } .nafis-section .aps-common-heading h2 { color: #fff; } .emratn-hiring-section .outsource-grid.s-benefit:after { display: none; } .nafis-section .source-colm-text p { color: #fff; } .readbtn.readbtn-2 { text-align: left; } .readbtn.readbtn-2 a img { filter: none; } .source-even.emratn-hiring-list .source-colm-text { padding-right: 0; } .mohre-box { background: #fff; border-radius: 20px; padding: 0 20px 20px; margin-bottom: 30px; } .mohre-box h3 { background: #005F83; display: inline-block; color: #fff; font-size: 17px; font-weight: 700; padding: 10px; } .mohre-box-text h4 { font-size: 17px; font-weight: 700; color: #fff; margin-bottom: 0; } .mohre-btn { text-align: left; } .mohre-btn a { color: #fff; } .mohre-box-widget { margin-top: 40px; } .emiratisation-overview-section .aps-common-heading p { text-align: center; max-width: 100%; } .emiratisation-overview-section .aps-common-heading h2 { text-align: center; color: #1A4263; } .emiratisation-overview-section:before { position: absolute; content: ""; background: url(../images/services/overview-bg.png) center center no-repeat; background-size: contain; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; } .pse-nafis-section { background: #005F83 !important; } .pse-nafis-section .aps-common-heading h2 { background: linear-gradient(85deg, #05C0F7 8.71%, #43DA3B 91.29%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 40px; } .pse-nafis-section .source-colm-text p { color: #fff; } .pse-box-clm { max-width: 33%; flex: 0 0 33%; padding-left: 15px; padding-right: 15px; margin-bottom: 30px; } .pse-box-row { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .pse-inr-box { background: #fff; padding: 30px; text-align: center; border-radius: 35px; height: 100%; } .pse-box-img { margin-bottom: 10px; height: 84px; display: flex; align-items: center; justify-content: center; } .pse-box-content h4 { font-size: 17px; font-weight: 700; text-transform: capitalize; margin-bottom: 10px; } .pse-box-clm.pse-box-full { max-width: 100%; flex: 0 0 100%; } .pse-box-full .pse-inr-box { text-align: left; } .pse-box-full .pse-inr-box .pse-box-img { justify-content: flex-start; } .pse-nafis-section:before { position: absolute; content: ""; background: url(../images/services/vshape.svg) center center no-repeat; background-size: contain; width: 100%; height: 100%; top: 0; right: 0; z-index: -1; max-width: 1750px; } .oi-section .arcive-text { background: linear-gradient(61.95deg, #45DB33 0%, #00BFFF 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 37px !important; font-weight: 700 !important; } .key-treat-section::before { display: none !important; } .key-treat-section::after { display: none !important; } .finance-sector-sexction::after { display: none !important; } .bankin-finance-banner { background-position: right -106px top 80px; } /* 30 june */ .pharma-talent-section { background: #005F83; position: relative; z-index: 1; } .oi-section.pharma-talent-section h3 { color: #FFE100; font-weight: 700; text-align: center; } .pharma-talent-section .section__text h5 { font-weight: 700; font-size: 24px; line-height: 30px; letter-spacing: 0%; text-align: center; color: #fff; } ul.talent-list li { font-family: Gotham; font-weight: 400; font-size: 16px; line-height: 25px; text-align: center; color: #fff; margin-bottom: 20px; } .nafis-section.pharma-team:before { background: url(../images/services/pharma-team.svg) center center no-repeat; background-size: cover; } .pharma_hirning { position: relative; z-index: 1; } .pharma_hirning:before { position: absolute; content: ""; background: url(../images/services/pharma-shape.svg) center center no-repeat; background-size: cover; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; } .pharma-why-section { background: #F2F7F9 !important; } .pharma-why-section:before { display: none; } .pharma-why-box { border: 1px solid #737373; box-shadow: 0px 4px 4px 0px #00000040; } .peo-solution-section.pharma-practice-section .approach_box { min-height: 280px; } .phrma-oi-nanner { position: relative; z-index: 1; } .phrma-oi-nanner:before { position: absolute; content: ""; background: url(../images/services/pharma-banner-bg.svg) center center no-repeat; background-size: cover; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; } .phrma-oi-nanner .hbspt-form { background: #fff; padding: 1px; } section.oi-section.cm-faq { padding-bottom: 0; } .fortune-grid.greenfield-row { display: flex; align-items: center; gap: 30px; } .greenfield-fortune:after { display: none !important; } .greenfield-fdi-section .ra-solution-heading p { text-align: center; } .greenfieldfdi-pera { text-align: center; margin-top: 40px; } .greenfieldfdi-pera p { margin-bottom: 0; } .greenfield-fdi-section .ra-solution-box { background: #fff; padding: 30px 20px; } .peo-solution-section.greenfiel͏d-exp͏ansion-section .approach_box { min-height: 335px; } .greenfield-projects .mohre-box p { margin-bottom: 10px; } .greenfield-projects-subheading { margin-bottom: 5px !important; } .greenland-industry-list li { font-family: Gotham; font-weight: 700; font-size: 16px; line-height: 141%; color: #005887; margin: 30px; margin-bottom: 20px; margin-top: 0; } .greenland-industry-list { display: flex; flex-wrap: wrap; justify-content: center; margin: 0; padding: 0; } .greenfield-industry-section { padding-bottom: 165px !important; } @media (max-width: 1700px) { .bankin-finance-banner { background-position: right -156px top 80px; } } @media (max-width: 1600px) { .bankin-finance-banner { background-position: right -216px top 80px; } } @media (max-width: 1500px) { .bankin-finance-banner { background-position: right -260px top 80px; } } @media (max-width: 1400px) { .bankin-finance-banner { background-position: right -300px top 80px; } } @media (max-width: 1300px) { .bankin-finance-banner { background-position: right -320px top 80px; } } @media (max-width: 1199px) { .bankin-finance-banner { background: #fff; } } @media (max-width: 1600px){ .workforce-heading h2, .ra-why-cnt h2, .ra-solution-heading h3 { font-size: 38px; } section.workforce-section { padding-top: 73px; padding-bottom: 73px; } section.ra-why-choose { padding-top: 73px; padding-bottom: 73px; } .why-main-box-cnt h4 { font-size: 22px; line-height: 32px; } section.fortune-section { padding-top: 73px; padding-bottom: 73px; } section.ra-solution-section { padding-top: 73px; padding-bottom: 73px; } .ra-solution-box h4 { font-size: 21px; } section.winning-team-section { padding-bottom: 73px; } section.outsource-section { padding-top: 73px; padding-bottom: 73px; } section.outsource-section:after { width: 115px; } section.outsourcing-benefit { padding-top: 73px; padding-bottom: 73px; } .outsource-grid.s-benefit:after { width: 115px; } .source-last-colm:after { width: 110px; } .wcr-agency .ra-why-cnt h2 { font-size: 38px; line-height: 44px; } .wcr-agency .ra-why-cnt h2 span { font-size: 31px; } .source-colms:last-child { padding-bottom: 0; } /* 02 april */ .peo-service-benefit-heading h2 { font-size: 38px; } .peo-service-benefit-box { padding: 67px 22px 45px; width: calc(33% - 37px); margin: 20px 20px; } .peo-service-benefit-cnt p { font-size: 15px; } .peo-service-benefit-section, .bestpeo-servic-section, .peo-eod-section { padding-top: 65px; padding-bottom: 65px; } .bestpeo-servic-widgets { margin-top: 35px; } .peo-solution-section.greenfiel͏d-exp͏ansion-section .approach_box { min-height: 327px; } } @media (max-width: 1550px){ .source-last-colm:after { right: -120px; width: 9088px; } .source-last-colm:before { left: -120px; width: 92px; } .outsource-grid.s-benefit:after { width: 95px; right: -100px; } } @media (max-width: 1399px){ section.workforce-section, section.ra-why-choose, section.fortune-section, section.ra-solution-section, section.outsource-section, section.outsourcing-benefit { padding-top: 65px; padding-bottom: 65px; } section.winning-team-section { padding-bottom: 65px; } .workforce-heading h2, .ra-why-cnt h2, .ra-solution-heading h3 { font-size: 36px; } .workforce-list h3 { font-size: 23px; } .why-main-box-cnt h4 { font-size: 20px; line-height: 30px; } .outsource-grid.s-benefit:after { right: -50px; } .source-last-colm:before { left: -50px; } .source-last-colm:after { width: 80px; right: -50px; top: 122px; } .wcr-agency .ra-why-cnt h2 { font-size: 36px; line-height: 42px; } .wcr-agency .ra-why-cnt h2 span { font-size: 29px; } /* 02 april */ .peo-service-benefit-heading h2 { font-size: 36px; } .bestpeo-servic-widgets { margin-top: 30px; } .peo-eod-gred-pera p { font-size: 18px; } .peo-eod-gred-pera { margin-top: 30px; margin-bottom: 40px; } .peo-ofering-pera { min-height: 290px; } .oi-top-content h3 { font-size: 36px; } .emratn-hiring-section .aps-common-heading h2 { font-size: 36px; } .nafis-section .aps-common-heading h2 { font-size: 36px; } .greenfield-industry-section { padding-bottom: 100px !important; } } @media (max-width: 1278px){ .ra-solution-box { max-width: calc(33% - 95px); padding: 30px 30px 35px; padding-top: 50px; } .ra-solution-box p { font-size: 15px; } .greenfield-fdi-section .ra-solution-box { min-height: 310px; } } @media (max-width: 1199px){ section.workforce-section, section.ra-why-choose, section.fortune-section, section.ra-solution-section, section.outsource-section, section.outsourcing-benefit { padding-top: 60px; padding-bottom: 60px; } section.winning-team-section { padding-bottom: 60px; } .workforce-heading h2, .ra-why-cnt h2, .ra-solution-heading h3 { font-size: 32px; } .why-main-box-cnt h4 { font-size: 18px; line-height: 27px; max-width: 280px; margin: auto; } .ra-solution-box { max-width: calc(33% - 75px); padding: 30px 26px 15px; margin: 10px; padding-top: 50px; } .wcr-agency .ra-why-cnt h2 { font-size: 32px; line-height: 40px; } .wcr-agency .ra-why-cnt h2 span { font-size: 26px; display: block; } .ra-solution-box h4 { font-size: 20px; } .rad-banner-content h2 { font-size: 34px; } .rad-banner-content h1 { font-size: 52px; } .rad-banner-form { padding-left: 100px; } /* 02 apr */ .peo-service-benefit-section, .bestpeo-servic-section, .peo-eod-section { padding-top: 60px; padding-bottom: 60px; } .peo-service-benefit-heading h2 { font-size: 34px; } .peo-service-benefit-box { width: calc(33% - 28px); margin: 15px 15px; } .peo-eod-gred-pera p { padding: 13px 30px; font-size: 17px; font-weight: 500; } .peo-ofering-box { max-width: calc(50% - 15px); } .peo-ofering-pera { min-height: 170px; } .emiratisation-taj-section { padding-bottom: 100px; } .emratn-hiring-section .aps-common-heading h2 { font-size: 34px; } .nafis-section .aps-common-heading h2 { font-size: 34px; } .oi-section .arcive-text { font-size: 32px !important; } } @media (max-width: 1065px){ .ra-solution-box { max-width: calc(33% - 48px); padding: 30px 18px 15px; margin: 5px; padding-top: 50px; } .winning-cnt h3 { line-height: 33px; margin-bottom: 20px; } section.winning-team-section .winning-cnt li { margin-bottom: 12px; line-height: 22px; } .source-last-colm:after { top: 168px; } } @media (max-width: 1089px){ .ssp-globe-boxes .approach_box { min-height: 300px; } .tsb-solgrid .ra-solution-box { min-height: 534px; } } @media (max-width: 1017px){ .ssp-boxes.ssp-globe-boxes .approach_box { min-height: 330px; } } @media (max-width: 1000px){ .tsb-solgrid .ra-solution-box { min-height: 505px; } } @media (max-width: 997px){ .greenfield-fdi-section .ra-solution-box { min-height: 340px; } } @media (max-width: 991px){ .workforce-heading h2, .ra-why-cnt h2, .ra-solution-heading h3 { font-size: 28px; } .workforce-list h3 { font-size: 21px; } section.workforce-section, section.ra-why-choose, section.fortune-section, section.ra-solution-section, section.outsource-section, section.outsourcing-benefit { padding-top: 55px; padding-bottom: 55px; } section.winning-team-section { padding-bottom: 55px; } .workforce-image img { max-width: 100%; } .workforce-image { max-width: 40%; } .workforce-list { max-width: 55%; } .ra-why-image img { max-width: 100%; } .why-main-box-img img { max-height: 105px; } .why-main-box-img { width: 150px; height: 150px; } .winning-cnt h3 { font-size: 20px; line-height: 28px; } .source-odd .source-colm-text { padding-left: 30px; } .source-even .source-colm-text { padding-right: 30px; } .wcr-agency .ra-why-cnt h2 { font-size: 26px; line-height: 34px; } .wcr-agency .ra-why-cnt h2 span { font-size: 21px; } .rad-banner-form { padding-left: 50px; } .rad-banner-content h2 { font-size: 28px; } .rad-banner-content h1 { font-size: 44px; } /* 02 apr */ .peo-service-benefit-heading h2 { font-size: 30px; } .peo-service-benefit-box { width: calc(33% - 18px); margin: 10px 10px; } .bestpeo-servic-box { padding: 25px 15px 15px; width: calc(50% - 20px); margin: 10px 10px; } .peo-levering-box { max-width: calc(50% - 40px); } .peo-ofering-pera { min-height: 210px; } .oi-banner__title { font-size: 50px !important; } .oi-top-content h3 { font-size: 30px; } .pse-box-clm { max-width: 50%; flex: 0 0 50%; } .pse-box-clm.pse-box-full { max-width: 50%; flex: 0 0 50%; } .pse-box-full .pse-inr-box { text-align: center; } .pse-box-full .pse-inr-box .pse-box-img { justify-content: center; } } @media (max-width: 960px){ .ra-solution-box { max-width: calc(43% - 48px); padding: 30px 30px 176px; margin: 18px; padding-top: 50px; } .ra-solution-pera-first { min-height: 240px; } .tsb-solgrid .ra-solution-box { min-height: 430px; padding-bottom: 20px !important; } .greenfield-fdi-section .ra-solution-pera-first { min-height: 170px; } .greenfield-fdi-section .ra-solution-box { min-height: 290px; } } @media (max-width: 800px){ section.workforce-section, section.ra-why-choose, section.fortune-section, section.ra-solution-section, section.outsource-section, section.outsourcing-benefit { padding-top: 50px; padding-bottom: 50px; } section.winning-team-section { padding-bottom: 50px; } .workforce-list-grid { flex-direction: column-reverse; margin-top: 30px; } .workforce-heading { text-align: center; } .workforce-image { max-width: 350px; margin: auto; } .workforce-list { max-width: 100%; margin-top: 30px; text-align: center; } .ra-why-grid { align-items: self-start; flex-direction: column-reverse; } .ra-why-image { max-width: 350px; margin-right: auto; margin-bottom: 30px; } .ra-why-cnt { max-width: 100%; } .why-grid-box { margin-top: 20px; border-top: 2px solid #efefef; padding-top: 50px; flex-direction: column; } .why-main-box-cnt h4 { font-size: 20px; line-height: 28px; max-width: 100%; } .why-main-box { background: #fff; max-width: 100%; width: auto; border-radius: 25px; box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25); margin-bottom: 30px; padding: 30px; } .why-main-box-img { background: #f2f7f9; } .why-main-box-cnt { margin-top: 15px; } .why-main-box-cnt p { max-width: 400px; margin-top: 15px; } .ra-why-cnt { text-align: center; } .why-main-box:last-child { margin-bottom: 5px; } .fortune-cnt { max-width: 100%; text-align: center; } .fortune-cnt ul, .workforce-list ul, .winning-cnt ul { padding-left: 0; list-style: none; } .ra-solution-box { padding: 30px 30px 30px; max-width: 100%; } .ra-solution-pera-first { min-height: auto; } .winning-team-grid { flex-direction: column-reverse; } .winning-image { max-width: 350px; } .winning-cnt h3 { padding-top: 30px; } .winning-cnt { max-width: 100%; text-align: center; } section.winning-team-section .winning-cnt ul { margin-bottom: 0; } .outsource-cnt { text-align: center; } .source-colms.source-even { flex-direction: column-reverse; } .source-colms { background: #f2f7f9; max-width: 100%; width: auto; border-radius: 25px; box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.25); margin-bottom: 30px; padding: 30px; } .colum-6 { width: 100%; float: none; } .source-even .source-colm-text { padding-right: initial; margin-top: 30px; text-align: center; } .source-odd .source-colm-text { padding-left: initial; margin-top: 30px; text-align: center; } .source-colm-img { max-width: 400px; } .source-colms.source-odd { flex-direction: column; } .source-colms:last-child { padding-bottom: 30px; } section.ra-cont-pera { padding-top: 50px; padding-bottom: 45px; } .rad-banner-grid { flex-direction: column; } .rad-banner-left { max-width: 100%; text-align: center; } .rad-banner-right { max-width: 100%; margin: auto; margin-top: 30px; } .rad-banner-form { padding-left: 0; } .tsb-solgrid .ra-solution-box { min-height: auto; } .oi-banner__title { font-size: 42px !important; } .emiratisation-taj-section { padding-bottom: 70px; } .emratn-hiring-section .aps-common-heading h2 { text-align: center; } .emratn-hiring-section .source-colms { background: none; box-shadow: none; } .nafis-section .aps-common-heading h2 { text-align: center; } .nafis-section .source-colms { background: none; box-shadow: none; } .emratn-hiring-list p, .emratn-hiring-list li { font-size: 16px; } .readbtn.readbtn-2 { text-align: center; } .mohre-btn { text-align: center; } .mohre-box-widget { margin-top: 0; } .pse-nafis-section .aps-common-heading h2 { text-align: center; } .source-colms.source-even.emratn-hiring-list { background: none; box-shadow: none; } } @media (max-width: 767px){ .outsource-grid.s-benefit:after { right: 0; } .workforce-heading h2, .ra-why-cnt h2, .ra-solution-heading h3 { font-size: 24px; } .workforce-image { max-width: 300px; } .workforce-list h3 { font-size: 20px; } .fortune-cnt h3 { font-size: 22px; line-height: 32px; } .outsource-cnt h3 { font-size: 22px; line-height: 32px; } .wcr-agency .ra-why-cnt h2 { font-size: 22px; line-height: 32px; } .wcr-agency .ra-why-cnt h2 span { font-size: 19px; } .peo-service-benefit-heading h2 { font-size: 28px !important; } .peo-service-benefit-box { width: calc(50% - 20px); margin: 10px 10px; padding: 63px 22px 30px; } .peo-service-benefit-section, .bestpeo-servic-section, .peo-eod-section { padding-top: 55px; padding-bottom: 55px; } .pse-box-clm { max-width: 100%; flex: 0 0 100%; } .pse-box-clm.pse-box-full { max-width: 100%; flex: 0 0 100%; } .oi-section .arcive-text { font-size: 28px !important; } .oi-section.pharma-talent-section h3 { font-size: 30px; } .cm-faq .section__text h3 { font-size: 30px; text-align: center; } section.oi-section.cm-faq { padding-top: 50px; padding-bottom: 0; } .fortune-grid.greenfield-row { flex-direction: column-reverse; } .peo-solution-section.greenfiel͏d-exp͏ansion-section .approach_box { min-height: auto; } .greenfield-industry-section { padding-bottom: 50px !important; } .greenfield-fdi-section .ra-solution-box { min-height: auto; } } @media (max-width: 600px){ .peo-levering-box { max-width: calc(100% - 0px); margin: 0; margin-bottom: 20px; } .peo-ofering-section .oi-section__title { font-size: 30px; } .peo-ofering-box { max-width: calc(100% - 0px); margin: 0; margin-bottom: 20px; } .peo-ofering-heading { min-height: auto; } .peo-ofering-pera { min-height: auto; } section.peo-ofering-section { padding-top: 50px; padding-bottom: 50px; } section.peo-levering-section { padding-top: 50px; padding-bottom: 50px; } .peo-oursolution-box { max-width: calc(100% - 0px); margin: 0; margin-bottom: 20px; } section.peo-oursolution-section { padding-top: 50px; padding-bottom: 60px; } section.peo-employer-section { padding-top: 40px; padding-bottom: 40px; } .bankin-finance-banner { padding-top: 50px; padding-bottom: 50px; } } @media (max-width: 576px){ .peo-service-benefit-box { width: calc(100% - 0px); margin: 10px 0px; } .bestpeo-servic-box { width: calc(100% - 0px); margin: 10px 0px; } .peo-eod-gred-pera p { padding: 10px 30px; font-size: 16px; font-weight: 500; } .peo-eod-list li:last-child { margin-bottom: 0; } .peo-eod-list ul { margin-bottom: 0; } .uper-heading h4 { font-size: 16px; font-weight: 600; } .oi-banner__title { font-size: 36px !important; } .oi-top-content h3 { font-size: 26px; } .emiratisation-taj-section .section__text h3 { font-size: 26px; } .emratn-hiring-section .aps-common-heading h2 { font-size: 24px !important; } .nafis-section .aps-common-heading h2 { font-size: 24px !important; } .pse-nafis-section .aps-common-heading h2 { font-size: 24px !important; } .oi-section .arcive-text { font-size: 24px !important; } .oi-section.pharma-talent-section h3 { font-size: 24px; } .pharma-talent-section .section__text h5 { font-size: 21px; } .phrma-oi-nanner { padding-top: 50px; padding-bottom: 40px; }.pharma-why-section .uk-corp_heading h3 { font-size: 22px; } .ra-why-choose .ra-why-cnt h2 { font-size: 22px !important; } .cm-faq .section__text h3 { font-size: 24px; } } @media (max-width: 480px){ .workforce-image { max-width: 275px; } .ra-why-image { max-width: 275px; } .why-main-box-img img { max-height: 95px; } .why-main-box-img { width: 130px; height: 130px; } .winning-image { max-width: 250px; } .source-colm-img { max-width: 275px; } .rad-banner-content h2 { font-size: 26px; } .rad-banner-content h1 { font-size: 39px; } .peo-eod-section:after { bottom: -17px; } .uk-corp_heading h3 { font-size: 30px; } }