:root {
--black: #000000;
--white: #ffffff;

}

* {
padding: 0;
margin: 0;
box-sizing: border-box;
}

body {
font-family: 'Gilroy-Regular';
font-weight: normal;
color: var(--black);
font-size: 18px;
line-height: 28px;
overflow-x: hidden;
}

a {
text-decoration: none;
color: var(--black);
}

ul,
li,
ol {
padding: 0;
list-style: none;
margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Helvetica Neue';
}
img {
display: block;
max-width: 100%;
}

.wrapper {
width: calc(100% - 4%);
margin: auto;
}
.wrapper-inner{
max-width: 1240px;
margin: 0 auto;
width: 96%;
padding: 0 15px;
}
.aim,.story-section,.partner,.accolades,.work-area-section{background: #fff;}
section{overflow-x:hidden;}

.head-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 5%;
}

.cm-padding {
padding: 80px 0;
}

.common-title h1 {
font-size: 50px;
position: relative;
padding-bottom: 10px;
margin-bottom: 53px;
}

.common-title h1:before {
content: '';
position: absolute;
top: 100%;
left: 50%;
width: 60px;
height: 6px;
background: url(../image/eg-black-before.svg);
transform: translate(-50%, 0);
}

.common-title h1 span {
display: block;
font-family: 'Gilroy-Regular';
font-style: normal;
font-size: 30px;
}

.common-title.left-before h1:before {
left: 0;
transform: translate(0, 0);
}

.pd-y {
padding: 5% 0;
}

.col-70 {
width: 70%;
padding: 0;
}

.col-30 {
width: 30%;
padding: 0;
}
.container-wrapper{
width: 92%;
max-width: 1200px;
margin: 0 auto;
}

/*header*/
header {
position: fixed;
top: 0;
left: 0;
width: 100%;
background: transparent;
z-index: 999 !important;
/*padding: 25px 0;*/
transition: all 0.5s ease-in-out;
}

.header-left {
display: flex;
flex-wrap: wrap;
align-items: center;
}

.humburger .bar-line {
width: 30px;
height: 2px;
background: var(--black);
display: block;
margin-bottom: 10px;
border-radius: 5px;
}


.logo-section {
width: 60px;
}

.humburger {
cursor: pointer;
width: 80px;
height: 80px;
display: flex;
align-items: center;
transition: transform 0.5s ease-in-out;
position: relative;
}
.humburger:before {
content: '';
position: absolute;
top: 7px;
left:-15px;
transform:scale(0);
width: 60px;
height: 60px;
border: 1px solid #999;
transition: transform 0.5s ease-in-out;
border-radius: 50%;
}
.hum-before:before{transform: scale(1);}
.fixed-scroll {
background: var(--white);
/*padding: 10px 0;*/
box-shadow: -2px 0px 8px 2px #e4e4e478;
z-index: 100;
}
.hamburger-menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3;
/* border-radius: 50%; */
transform: scale(0);
transition: transform 1s cubic-bezier(.645,.045,.355,1);
}
.icons {
height: 17px;
width: 30px;
}
.menu-overlay{
position: fixed;
top: 50%;
left: 50%;
z-index: -1;
width: 120vw;
height: 120vw;
background:#000;
border-radius: 50%;
will-change: transform;
transform: scale(0);
}

.close {
color: #fff;
font-size: 50px;
cursor: pointer;
position: absolute;
width: 100px;
height: 100px;
text-align: center;
line-height: 100px;
z-index: 10;
left: -9px;
top: -9px;
}

.menus {
z-index: 10;
height: 100%;
width: 90%;
position: absolute;
top: 40%;
left: 6%;
}
.menus a {
font: normal normal 900 44px/50px Helvetica Neue;
color: #FFFFFF;
text-transform: uppercase;
display: inline-block;
padding: 0 93px;
margin-bottom: 4%;
position: relative;
opacity: 0;
transform: translateY(100%);
transition: all 1s ease-in-out;
}

.menus a.menu-active:nth-child(1){ transition-delay:0.5s; }
.menus a.menu-active:nth-child(2){ transition-delay:0.9s; }
.menus a.menu-active:nth-child(3){ transition-delay:1.4s; }
.menus a.menu-active:nth-child(4){ transition-delay:1.8s; }
.menus a.menu-active:nth-child(5){ transition-delay:2.5s; }
.menus a.menu-active:nth-child(6){ transition-delay:3s;}
.menus a.menu-active:nth-child(7){ transition-delay:3.5s;}
a.menu-active{
transform: translateY(-100%);
opacity: 1;
}
.menus a:nth-child(7){ transition-delay:0.3s; }
.menus a:nth-child(6){ transition-delay:0.4s; }
.menus a:nth-child(5){ transition-delay:0.5s; }
.menus a:nth-child(4){ transition-delay:0.6s; }
.menus a:nth-child(3){ transition-delay:0.7s; }
.menus a:nth-child(2){ transition-delay:0.8s;}
.menus a:nth-child(1){ transition-delay:0.9s;}
.menus a span {
position: absolute;
top: 0;
left: 64px;
font-size: 20px;
line-height: 30px;
font-family: "Gilroy-Regular";
color: #FFFFFF;
opacity: 1;
}
.hamburger-header {
width: 100%;
background: transparent;
z-index: 999 !important;
padding: 25px 48px;
transition: all 0.5s ease-in-out;
}

/*homepage*/
.banner-main {
position: absolute;
top: 0;
left: 0;
width: 100%;
}

.banner-inner {
position: relative;
height: 100vh;
}

.banner-eg-text {
text-transform: uppercase;
position: absolute;
left: 0px;
top: 0px;
z-index:1;
width: 100%;
}

.banner-content {
position: absolute;
left: 10%;
top: 50%;
z-index: 2;
transform: translate(-10% ,-50%);
}

.banner-content h1 {
font-size: 72px;
line-height: 82px;
color: #272727;
text-transform: uppercase;
margin-bottom: 10%;
}

section.entry-gate {
background: #fff;
height: 100vh;
display: block;
position: relative;
}

.btn-black {
background: var(--black);
color: var(--white) !important;
}
.work-client-section a{
background: var(--black);
padding: 10px 40px;
color: var(--white);
-webkit-transition: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
-o-transition: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
border: 1px solid var(--black);
}
.work-client-section .work-btn {
border-top-left-radius: 100px;
border-bottom-left-radius: 100px;

}

.work-client-section .client-btn {
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
}
.work-client-section a span{
font-size: 18px;
line-height: 28px;
font-family: 'Gilroy-Regular';
color: var(--white);
display: inline-block;
}
.work-client-section {
display: flex;
}

.work-client-section:hover .client-btn {
margin-right:10px;
border-top-left-radius: 100px;
border-bottom-left-radius: 100px;
padding: 10px 30px;
}
.work-client-section:hover .work-btn {
margin-right:10px;
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
padding: 10px 30px;

}
.work-btn:hover,.client-btn:hover,.work-btn.white-bg:hover,.client-btn.white-bg:hover{
background: #DD4456;
border: 1px solid #DD4456;
}
.work-btn.white-bg,.client-btn.white-bg {
background:var(--white);
border: 1px solid var(--white);
}
.work-btn.white-bg span,.client-btn.white-bg span{color:var(--black);}
.work-btn.white-bg:hover span,.client-btn.white-bg:hover span{color: var(--white);}
.video-banner {
position: relative;
height: 150vh;
overflow: hidden;
max-height: 1050px;
}

.video-banner video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 100%;
    min-width: 100%;
    z-index: -1;
    object-fit: cover;
}
.eg-banner{position: relative;height: 100vh;}

/*work-section*/
.work-area {
overflow: hidden;
transition: all 0.5s ease;
position: relative;
/* z-index: 3;*/
}
.work-section{overflow: hidden;}

.work-area:after {
content: "";
background: rgb(0, 0, 0);
background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 100%);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
transition: all 0.5s ease;
}
.work-area a{
position: relative;
}
.work-img {
position: relative;
overflow: hidden;
}
.work-img img {
width: 100%;
transition: transform 1s;
overflow: hidden;
}
.work-content {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
color: var(--white);
opacity: 0;
transform: translateY(100%);
transition: all 1s ease-in-out;
padding: 0 0 2% 2%;
z-index: 1;
}
h3{
    font-size:24px;
    line-height: 34px;
}
.work-content h3{
    
    color: var(--white);
}
.work-section .work-area:hover:after {
opacity: 1;
}

.work-section .work-area:hover .work-content {
opacity: 1;
transform: translateY(0);
}

.work-section .work-area:hover img {
transform: scale(1.03);
}
.aimbx {
width: 70%;
margin: auto;
}

.aim-sub-heading {
text-align: right;
padding-right: 15%;
}

.aim-sub-heading {
text-align: right;
padding-right: 15%;
padding-top: 8px;
}

.aim .row {
transition: color 0.5s;
cursor: pointer;
}

.hoveraim {
color: #e6e6e6;
}

.col-20 {
--ms-flex: 0 0 20%;
flex: :0 0 20%;
max-width: 20%;
}


.partner-logo-img img {
filter: grayscale(100%);
--webkit-filter: grayscale(100%);
--moz-filter: grayscale(100%);
transition: all 0.5 ease;
cursor: pointer;
}

.partner-logo-img img:hover {
filter: grayscale(0);
--webkit-filter: grayscale(0);
--moz-filter: grayscale(0);
}

.story-section .wrapper-inner,.partner .wrapper-inner {
position: relative;
}

.story-box span {
color: #7C7C7C;
font-size: 12px;
font-family: 'Gilroy-Regular';
line-height: 22px;
}

.story-box img {
transition: all 1.5s ease;
}

.story-box .story-img-left,.story-box .story-img-right{
overflow: hidden;
}

.story-box:hover  img{
transform: scale(1.05);
}
.story-box .story-right img {
width: 100%;
}


/*Award style */

.inner-banner img {
margin: auto;
position: relative;
}
.grey-bg {
background: #f8f8f8;
}
.inner-banner {
padding: 6% 8% 4%;
position: relative;
}
.inner-banner .common-title {
margin-top: 43px;
}
.inner-banner .common-title h1{
margin-bottom: 30px;
}
.award-list {
position: relative;
}
.case-study-list {
overflow: hidden;
background: #fff;
}
.award-list:before {
width: 387px;
height: 409px;
content: "";
position: absolute;
left: 0;
top: 0;
background: url(../image/award-left.png) left top no-repeat;
z-index: -1;
}
.award-list:after {
width: 387px;
height: 409px;
content: "";
position: absolute;
right: 0;
top: 0;
background: url(../image/award-right.png) left top no-repeat;
z-index: -1;
}

.award-section{
display: none;
margin-top: 7%;
}
.tab-list,#tabs {
margin: 30px auto;
text-align: center;
}
.tab-list li,#tabs a{
display: inline-block;
padding: 0 20px;
cursor: pointer;
color: #1e191a;
font-size: 18px;
opacity: 0.3;
letter-spacing: -1.44px;
font-weight: 500;
}
.awd-active{display: block;}
.tab-active a,li.tab-link a:hover {
color: #DD4456 !important;
font-weight: bold;
}
.tab-list li:hover,.tab-list li.tab-active,.tab-active{
color: #f12e52!important;
opacity: 1 !important;
}
.awd-box {
-webkit-box-flex: 0 0 50%;
-moz-box-flex: 0 0 50%;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 100%;
padding: 0 15px 40px;
display: flex;
}
.awd-box .award-logo {
width: 45%;
margin-right: 5%;
}
.awd-box .award-cont {
width: 50%;
}
.awd-box li {
margin-bottom: 25px;
padding-left: 50px;
font-size: 15px;
width: 100%;
float: left;
color: #000;
font-weight: 600;
text-transform: uppercase;
height: 50px;
background: url(../image/medal.png) left top no-repeat;
}
#tabs a{margin-bottom: 3%;}
/* case studies*/

.case-box .common-title h1{margin-bottom: 30px;}
.case-box .sub-head {
position: relative;
padding-bottom: 10px;
font-size: 24px;
color: #1e191a;
font-weight: 300;
letter-spacing: 1.2px;
}
.row-margin {
margin: 4% 0;
}

/* Clents style*/
.shuffle-container li span {
display: inline-block;
padding: 30px 0;
}
.shuffle-container{
display: flex;
flex-wrap: wrap;
}
.shuffle-container li {
width: 20%;
border: 0.5px solid #f8f8f8;
text-align: center;
}

/*detail case study */

.case-banner {
position: relative;
}
.banner-detail {
text-align: center;
margin-top: 77px;
overflow: hidden;
background: #f8f8f8;
}
.video-frame {
position: relative;
overflow: hidden;
}
.video-frame {
height: 550px;
}
.imgframe {
cursor: pointer;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
}
.video-frame iframe {
width: 100%;
height: 550px;
border: 0;
}
.imgframe:before {
margin: -50px 0 0 -50px;
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 100px;
height: 100px;
background: url(../image/video-icon.png) center no-repeat;
background-size: 100px;
}
.case-study-info .left {
position: relative;
width: 45%;
float: left;
}
.case-study-info .right {
width: 45%;
float: right;
}
.case-study-info {
margin-top: -8px;
position: relative;
overflow: hidden;
background: #fff;
}
.case-text.grey-box-case {
background: #f8f8f8;
}
.case-text {
overflow: hidden;
background: #fff;
text-align: center;
}
.right-case {
width: 45%;
float: right;
text-align: left;
}
.left-case {
width: 45%;
float: left;
text-align: left;
}
.case-text {
overflow: hidden;
background: #fff;
text-align: center;
}
.full-box {
text-align: left;
}
.cm-pd {
padding: 40px 0;
}
.case-text.grey-box-case {
background: #f8f8f8;
}
.result-div {
text-align: center;
}
.main-txt.no-pad {
padding-top: 0;
padding-bottom: 0;
}
.main-txt {
padding: 50px 8%;
position: relative;
}
.result-div li {
margin-bottom: 0;
height: 115px;
}
.result-div li {
margin-bottom: 25px;
padding: 0 20px;
font-size: 14px;
width: 32%;
display: inline-block;
}

.result-div li span {
display: block;
font-weight: 600;
font-size: 40px;
margin-bottom: 9px;
}
.degree-style{position: relative;}
.degree-style:before {
content: '';
position: absolute;
top: 100%;
width: 60px;
height: 6px;
background: url(../image/eg-black-before.svg);
left: 0;
transform: translate(0, 0);
}
.center-before:before{
left: 50%;
transform: translate(-50%, 0);
}
h3.degree-style {
padding-bottom: 10px;
margin-bottom: 20px;
font-size: 50px;

}
.case-study-info h3 {
font-size: 24px;
margin-bottom: 10px;
line-height: 24px;
}
.case-text.result-div.grey-box-case ul {
margin-top: 5%;
}
/* Footer style*/

.footer-logo img {
display: inline-block;
}

.accolades-image-section {
margin: 0 11px;
}

.accolades {
position: relative;
}

.slick-arrow {
position: absolute;
top: -120px;
right: 0;
z-index: 3;
font-size: 0;
height: 25px;
width: 25px;
border: 0;
background: transparent;
background: url(../image/next.svg) no-repeat center center;
}

.slick-prev.slick-arrow {
right: 40px;
background: url(../image/prev.svg) no-repeat center center;
}

.see-btn {
border: 1px solid #272727;
border-radius: 100px;
display: inline-block;
font-size: 18px;
line-height: 28px;
font-family: 'Gilroy-Regular';
color: #272727;
padding: 8px 25px;
transition: all 0.5s ease-in-out;

}
.see-btn:hover{
background: #DD4456;
border: 1px solid #DD4456;
color: #fff;
}

.fl-btn {
position: absolute;
top: 10%;
right: 25px;
z-index: 1;
}



.clear-fix:before,
.clear-fix:after {
content: '';
clear: both;
display: block;
}

.accolades-image-section p {
margin: 0;
}

.image-size {
height: 100px;
width: 100%;
position: relative;
}

.image-size img {
height: 80px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}

/*.mouse-box {
position: fixed;
pointer-events: none;
top: 0;
left: 0;
width: 13px;
height: 13px;
border: 1px solid #DD4456;
border-radius: 50%;
transition: all 0.2s ease-in-out;
z-index: 12;
}*/

/*.view-more-box {

width: 20px;
height: 20px;
background: #DD4456;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
position: fixed;
pointer-events: none;
top: 0;
left: 0;
border: 1px solid #DD4456;
border-radius: 50%;
transition: all 0.2s ease-in-out;
z-index:12;
transform: scale(0);
font-size: 4px;
}*/
.opacity-box {
opacity: 0;
}

.mouse-box {
  width: 20px;
  height: 20px;
  position: fixed;
  top: 0;
  left: 0;
  border: 3px solid #DD4456;
  border-radius: 50%;
  pointer-events: none;
  z-index: 12;
  display: flex;
align-items: center;
justify-content: center;
color: #fff;
}
.cursor-bg{background: #DD4456;}


/*Contact Us */
.contact-box.contact-box {
padding-bottom: 40px;
overflow: hidden;
}
.pinkbox {
padding: 40px 0;
padding-bottom: 150px;
overflow: hidden;
background-color: #f12e52;
}

.corporate-office {
text-align: center;
padding-bottom: 25px;
}
.contact-box .adresses {
position: static;
}
.adresses {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background-color: #faf9f9;
}
.contact-box .adresses .adress {
text-align: center;
}
.adresses .adress {
text-align: center;
padding: 7px 40px;
}
.adresses .adress {
padding: 40px;
float: left;
width: 33.3%;
}
.contact-box .place-name {
color: #fff!important;
}
.adresses .place-name {
padding: 5px 0 10px 0;
font-size: 17px;
color: #221f20;
font-weight: 600;
transition: all 0.5s ease;
}
.corporate-office h2 {
color: #fff;
font-size: 32px;
margin-bottom: 0;
}
.contact-box address {
color: #fff;
font-weight: 300;
}
address {
font-style: normal;
}
.contact-box .direction-btn {
border-color: #fff;
color: #fff;
}
.direction-btn{
margin: 15px auto 0;
display: inline-block;
color: #f12e52;
padding: 6px 15px 6px 30px;
font-size: 12px;
transition: all .2s;
border-radius: 25px;
text-transform: uppercase;
position: relative;
overflow: hidden;
font-weight: 600;
border: 1px solid #f12e52;
display: inline-block;
}
.icon img {
margin: auto;
}

/* enquiry box */
.enquery-box {
overflow: hidden;
background: #fff;
}
.enquery-box .enquery {
padding: 80px 0;
position: relative;
text-align: center;
width: 33.3%;
float: left;
}
.enquery-box .enquery:before {
content: "";
opacity: 0.5;
position: absolute;
right: 0;
top: 0;
width: 1px;
height: 100%;
background: #cccc;
}
.enquery-box svg {
fill: #f12e52;
}
.enquery-box h4 {
padding: 5px 0;
color: #1e191a;
font-size: 22px;
font-weight: 600;
}
.enquery-box a {
color: #757575;
font-size: 17px;
font-weight: 300;
transition: all 0.5s ease;
}
.enquery-box .mobile {
color: #f12e52;
font-size: 17px;
padding: 5px 0;
overflow: hidden;
}
.enquery-box .mobile a {
color: #221f20;
font-weight: 800;
}


/* contact form */
.form-field{
margin-bottom: 20px;
margin-right: -4%;
overflow: hidden;
margin-top: 50px;
padding-right: 7%;
}
.common-form label {
font-size: 17px;
color: var(--black);
padding-bottom: 25px;
display: block;
}
.common-form input, .common-form select, .common-form textarea {
padding-bottom: 10px;
resize: none;
border: none;
width: 100%;
color: #000;
font-size: 17px;
border-bottom: 1px solid #9f9f9f;
background: none;
}
.common-form select {
appearance: none;
-webkit-appearance: none;
background: url(../image/form-arrow.jpg) right top no-repeat;
}
.common-form .full-div {
margin-top: 50px;
}
input:focus, button:focus, textarea:focus, select:focus {
outline: none;
}
::-webkit-input-placeholder { color:var(--black); opacity: 0.26; }
::-moz-placeholder { color:#000; opacity: 0.26; } /* firefox 19+ */
:-ms-input-placeholder { color:var(--black); opacity: 0.26; } /* ie */
input:-moz-placeholder { color:var(--black); opacity: 0.26; }
.job-apply {
overflow: hidden;
text-align: left;
}
.grey-box {
background-color: #f8f8f8;
}
.form-field .submit{
cursor: pointer;
margin-top: 10px;
}

/* career */
.join-arrow {
cursor: pointer;
position: absolute;
left: 50%;
margin-left: -50px;
bottom: -60px;
width: 100px;
color: #f12e52;
letter-spacing: -1.28px;
font-size: 16px;
font-weight: 500;
}
.join-arrow span {
display: block;
width: 8px;
height: 14px;
background: url(../image/down-arrow.jpg) center no-repeat;
-webkit-animation: 1.67s scroll-arrow infinite;
animation: 1.67s scroll-arrow infinite;
margin: auto;
}
@keyframes scroll-arrow {
0%,100%{
-webkit-transform:translateY(8px);
transform:translateY(8px)
}
45%,50%{
-webkit-transform:translateY(-1px);
transform:translateY(-1px)
}
}
.pinkbox-in-style {
text-align: left;
overflow: hidden;
margin-top: -160px;
}
.pinkbox-in-style .white-box.no-gap {
padding: 0px;
}
.pinkbox-in-style .white-box {
padding: 40px 60px;
background:var(--white);
-webkit-border-radius: 10px;
border-radius: 10px;
}
.culuture-box {
margin-right: -1px;
overflow: hidden;
}
.culuture-box .culuture {
height: 300px;
line-height: 30px;
padding: 75px 65px;
width: 33.3%;
float: left;
color: #1e191a;
font-size: 27px;
font-weight: 500;
transition: all 0.5s ease;
font-family: 'Helvetica Neue';
}
.culuture-box .icon {
/* margin-bottom: 15px; */
height: 70px;
}
.culuture-box span {
display: block;
}
.culuture-box svg {
fill: #f12e52;
transition: all 0.5s ease;
}
.culuture-box .culuture:hover {
color: var(--white);
background: #f12e52;
}
.culuture-box .culuture:hover svg {
fill: #fff!important;
}
.whoarewe-section {
text-align: center;
padding: 60px 0;
overflow: hidden;
background: #fff;
}
.find-us {
overflow: hidden;
padding-top: 30px;
font-size: 18px;
color: #1e191a;
}
.life-area{display: flex;justify-content: center;}
.life-area .logo-img {
width: 50px;
margin-left: 18px;
margin-top: 15px;
}
.find-us a {
color: #f12e52;
}

/* job list*/


div#job-list .common-title h1 {
margin-bottom: 23px;
}

.call-us {
padding-bottom: 10px;
font-size: 20px;
text-align: center;
overflow: hidden;
}
.call-us span {
font-weight: 700;
}
.call-us a {
color: #f12e52;
font-weight: 500;
}
.job-list-box {
padding-top: 30px;
overflow: hidden;
}
.job-row {
overflow: hidden;
text-align: left;
}
.job-row h4 {
padding-bottom: 20px;
color: #f12e52;
font-size: 36px;
font-weight: 500;
font-family: 'Helvetica Neue';
}
.job {
padding-bottom: 20px;
margin-bottom: 20px;
overflow: hidden;
position: relative;
}
.job:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 1px;
width: 100%;
opacity: 0.1;
background-color: #707070;
}
.job .job-name {
letter-spacing: -1.92px;
font-size: 24px;
color: #757575;
}
.job .location {
color: #bbb6b6;
font-size: 20px;
font-weight: 300;
}
.job a.second-btn {
right: 175px;
}
.common-btn-style.fill-color {
font-size: 16px;
padding-left: 40px;
padding-right: 30px;
background: #f12e52;
color: #fff;
}
.job a {
position: absolute;
right: 0;
top: 0;
}
.pinkbox .degree-style{margin: 0;padding: 0;}
.pinkbox .degree-style:before,.whoarewe-section .degree-style:before{display: none;}

/*disclaimer */
.common-page li {
margin-bottom: 12px;
padding-left: 20px;
position: relative;
width: 100%;
float: left;
color: #757575;
font-size: 17px;
font-weight: 300;
}
.common-page ul {
overflow: hidden;
padding-bottom: 15px;
}
.common-page li:before {
content: "";
position: absolute;
left: 0;
top: 13px;
width: 7px;
height: 1px;
background: #757575;
}
.common-page strong {
color: #1e191a;
letter-spacing: 1.2px;
font-size: 24px;
font-weight: 300;
}


/*footer style */
footer {
background: url('../image/footer-bg.png');
background-repeat: no-repeat;
background-size: cover;
color: var(--white);
}


.footer-strip {
border-bottom: 1px solid #3B3B3B;
padding: 50px 0;
}

.fo-links {
border-right: 1px solid #3B3B3B;
height: 100%;
padding: 50px 20px 50px;
}

footer .border-rg:last-child .fo-links {
border-right: none;
}

footer .border-rg:first-child .fo-links {
padding-left: 20%;
}

.footer-links .fo-links h3 {
color: var(--white);
line-height: 40px;
font-size: 30px;
position: relative;
padding-bottom: 10px;
margin-bottom: 30px;
}

.footer-links .fo-links h3:before {
content: '';
position: absolute;
top: 100%;
left: 0;
width: 60px;
height: 6px;
background: url(../image/eg-before.svg);
}

.fo-links .links li {
padding-bottom: 15px;
font-size: 18px;
}

.fo-links .links a {
color: var(--white);
transition: all 0.5s ease-in-out;
}
.fo-links .links a:hover{ color: #DD4456}

.fo-links .add-bx h6 {
font-family: 'Gilroy-Bold';
font-weight: bold;

}

.copyright {
border-top: 1px solid #3B3B3B;
padding: 15px 0;
}

.copy-links ul {
display: flex;
justify-content: flex-end;
align-items: center;
}

.add-bx {
margin-bottom: 20px;
}

.add-bx li a,
.copyright li a {
color: var(--white);
transition: all 0.5s ease-in-out;
}
.add-bx li a:hover,
.copyright li a:hover
{
color: #DD4456;
}

.copy-para p,
.footer-strip p {
margin-bottom: 0;
}

.footer-logo span {
font-family: 'Helvetica Neue';
font-size: 30px;
line-height: 32px;
margin-left: 10px;
vertical-align: middle;
}

.copy-links ul li {
display: inline-block;
padding: 0 15px;
}

.footer-logo {
margin-bottom: 19px;
}

.fo-links .add-bx:last-child {
margin-bottom: 0;
}

