* {

    margin: 0;

    padding: 0;

    outline: 0;

}

li {

    margin: 0;

    padding: 0;

    list-style-type: none;

}

ul {

    margin: 0;

    padding: 0;

}

a {

    text-decoration: none;

    font-family: nexa;

}

a:hover {

    text-decoration: none;

}

img {

    border: none;

    height: auto;

    max-width: 100%;

}

h1,

h2,

h3,

h4,

h5,

h6 {

    margin: 0;

    padding: 0;

    font-family: futura-pt;

}

.mobile-header {

    position: fixed;

}

section#job-detail-section .job-detail-content li {
    list-style: initial !important;
    margin-left: 20px;
    line-height: inherit !important;
    font-size: inherit !important;
    font-family: inherit !important;
}

section#job-detail-section .job-detail-content ul {
    margin-top: 10px;
    margin-bottom: 10px;
}

.blog-detail-content li,

p {

    margin: 0;

    padding: 0;

    font-family: nexa;

    font-size: 20px;

    line-height: 36px;

    color: #112e51;

    font-weight: 300;

}

.blog-detail-content li {

    list-style: disc;

    list-style-position: inside;

}

@font-face {

    font-family: nexa;

    src: url(../../fonts/frontend/nexa-bold.otf);

    font-weight: 700;

}

@font-face {

    font-family: mont;

    src: url(../../fonts/frontend/mont-bold.ttf);

    font-weight: 700;

}

@font-face {

    font-family: nexa;

    src: url(../../fonts/frontend/nexa-light.otf);

    font-weight: 400;

}

body.bodyfixed {

    width: 100% !important;

    height: 100vh !important;

    overflow: hidden !important;

}

body {

    width: 100%;

    background: #f6f6f6;

}

.clearfix {

    clear: both;

}

.main-title {

    font-size: 60px;

    line-height: 62px;

    color: #fff;

    font-weight: 500;

    text-transform: uppercase;

    letter-spacing: 1px;

}

.cust-container {
    width: 100%;
    max-width: 1350px;
    margin: 0 auto;
    /* height: 780px; */

}

.heading {

    font-size: 60px;

    line-height: 72px;

    font-weight: 500;

    text-transform: uppercase;

    letter-spacing: 1px;

}

.sub-heading {

    font-size: 28px;

    line-height: 38px;

    color: #4c0045;

    font-weight: 400;

    text-transform: uppercase;

    letter-spacing: 1px;

}

.sub-heading-nex {

    font-size: 28px;

    line-height: 42px;

    font-weight: 700;

    font-family: nexa;

    color: #fff;

}

.blog-extra-anchor {

    margin-top: 30px;

}

.blog-extra-anchor a {

    padding-left: 15px;

    padding-right: 15px;

    height: 54px;

    line-height: 54px;

    border: 2px solid #575a5d;

    text-align: center;

    font-size: 16px;

    color: #575a5d;

    font-weight: 700;

    display: inline-block;

    text-transform: uppercase;

}

.blog-extra-anchor a:hover,

.view-btn:hover {

    background: #575a5d;

    color: #fff;

}

.view-btn {

    width: 160px;

    height: 54px;

    line-height: 54px;

    border: 2px solid #f0027f;

    text-align: center;

    font-size: 16px;

    color: #f0027f;

    font-weight: 700;

    display: inline-block;

    text-transform: uppercase;

}

.view-btn:hover {

    background: #f0027f;

    color: #fff;

}

#register_form button[name="previous"].view-btn {

    float: left;

}

.main-wrapper {

    width: 100%;

    height: auto;

    position: relative;

    overflow: hidden;

}

header {

    position: absolute;

    width: 100%;

    height: auto;

    padding: 30px 0 30px 0;

    z-index: 99;

    color: #fff;

}

.header-sec {

    position: fixed;

    bottom: inherit;

    top: 0;

    z-index: 999;

    background: #fff;

    display: none;

}

header .header-left-sec {

    float: left;

    max-width: 56%;

    width: 100%;

}

header .header-left-sec .logo-sec {

    float: left;

    width: 198px;

    height: 100px !important;
    background-repeat: no-repeat;

    /* background: url(../../images/frontend/site-logo.png) no-repeat; */

}

header .header-left-sec .nav-sec {

    float: right;

    width: calc(100% - 198px);

    padding-left: 70px;

    padding-top: 19px;

}

header .header-left-sec .nav-sec li {

    display: inline-block;

    margin-right: 15px;

    padding-right: 20px;

}

header .header-left-sec .nav-sec li:last-child {

    margin-right: 0;

}

header .header-left-sec .nav-sec li a {

    font-size: 19px;

    line-height: 35px;

    color: #fff;

    font-weight: 700;

}

header .header-left-sec .nav-sec li a:hover {

    text-decoration: underline;

}

header .header-right-sec {

    float: right;

    padding-top: 15px;

}

header .header-right-sec .call-sec {

    float: left;

    padding-top: 4px;

}

header .header-right-sec h3 {

    font-size: 19px;

    line-height: 35px;

    color: #fff;

    font-weight: 700;

    font-family: nexa;

}

header .header-right-sec h3 a {

    color: #fff;

}

header .header-right-sec .register-sec {

    float: right;

    margin-left: 50px;

}

header .header-right-sec .register-sec .register-btn {

    height: 44px;

    line-height: 44px;

    background: #fff;

    text-align: center;

    font-size: 15px;

    color: #848688;

    font-weight: 700;

    text-transform: uppercase;

    display: inline-block;

    margin-right: 5px;

    border: 2px solid #fff;

    padding-left: 20px;

    padding-right: 20px;

    cursor: pointer;

}

header .header-right-sec .register-sec .register-btn:hover {

    background: 0 0;

    color: #fff;

}

.video-sect video {

    position: absolute;

    top: 50%;

    left: 50%;

    min-width: 100%;

    min-height: 100%;

    width: auto;

    height: auto;

    z-index: -100;

    transform: translateX(-50%) translateY(-50%);

    z-index: -1;

}

.white-strip {

    position: fixed;

    width: 110px;

    height: calc(100% - 260px);

    right: 0;

    bottom: 0;

    background: #fff;

    text-align: center;

    padding-top: 70px;

    z-index: 99;

}

.white-strip .menu-toggle p {

    position: relative;

}

.white-strip .menu-toggle p::after {

    font-size: 12px;

    color: #4c0045;

    font-weight: 600;

    padding-bottom: 10px;

    letter-spacing: 2px;

    display: block;

    position: absolute;

    content: "MENU";

    left: 50%;

    transform: translateX(-50%);

}

.white-strip.white-strip-mobile .menu-toggle p {

    background: url(../../images/frontend/close-icon.png) center no-repeat;

}

.white-strip.white-strip-mobile .menu-toggle p img {

    opacity: 0;

}

.white-strip.white-strip-mobile .menu-toggle p::after {

    content: "CLOSE";

}

.white-strip .line-sec {

    padding-top: 185px;

}

.white-strip .social-media-sec {

    padding-top: 30px;

}

.white-strip .social-media-sec li {

    margin: 0 auto;

    margin-bottom: 6px;

}

.blog-share .social-media-sec li a,

.white-strip .social-media-sec li a {

    border-radius: 50%;

    border: 1px solid #848688;

    text-align: center;

    width: 32px;

    height: 32px;

    display: inline-block;

    line-height: 28px;

}

.blog-share .social-media-sec li a.faceboook,

.white-strip .social-media-sec li a.faceboook {

    background: url(../../images/frontend/facebook.png) center no-repeat;

}

.blog-share .social-media-sec li a.faceboook:hover,

.white-strip .social-media-sec li a.faceboook:hover {

    background: url(../../images/frontend/facebook-hover.png) center no-repeat #f0027f;

}

.blog-share .social-media-sec li a.linkedin,

.white-strip .social-media-sec li a.linkedin {

    background: url(../../images/frontend/linkedin.png) center no-repeat;

}

.blog-share .social-media-sec li a.linkedin:hover,

.white-strip .social-media-sec li a.linkedin:hover {

    background: url(../../images/frontend/linkedin-hover.png) center no-repeat #f0027f;

}

.blog-share .social-media-sec li a.twitter,

.white-strip .social-media-sec li a.twitter {

    background: url(../../images/frontend/twitter.png) center no-repeat;

}

.blog-share .social-media-sec li a.twitter:hover,

.white-strip .social-media-sec li a.twitter:hover {

    background: url(../../images/frontend/twitter-hover.png) center no-repeat #f0027f;

}

.blog-share .social-media-sec li a.insta,

.white-strip .social-media-sec li a.insta {

    background: url(../../images/frontend/instagram.png) center no-repeat;

}

.blog-share .social-media-sec li a.insta:hover,

.white-strip .social-media-sec li a.insta:hover {

    background: url(../../images/frontend/instagram-hover.png) center no-repeat #f0027f;

}

.blog-share .social-media-sec li a:hover,

.white-strip .social-media-sec li a:hover {

    border: 1px solid #f0027f;

}

.white-strip .strip-logo {

    padding-top: 55px;

}

.main-wrapper .banner-sec {

    width: 100%;

    height: 100%;

    padding: 260px 0 0 0 !important;

    position: relative;

}

.main-wrapper .banner-sec .banner-cont {
    width: 61%;
    position: relative;
    z-index: 9;

}

.main-wrapper .new-header-update .banner-sec .banner-cont {

    height: 830px;
}

.main-wrapper .banner-sec .banner-cont .search-sec {

    margin-top: 60px;

}

.main-wrapper .banner-sec .banner-cont .search-sec input[type="text"] {

    width: 538px;

    height: 70px;

    line-height: 74px;

    display: inline-block;

    background: #fff;

    font-size: 24px;

    color: #848688;

    font-weight: 300;

    text-indent: 40px;

    border: none;

    vertical-align: top;

    border-radius: 0;
    font-weight: 600;

    font-family: 'nexa';

}

.main-wrapper .banner-sec .banner-cont .search-sec button {

    width: 74px;

    height: 74px;

    line-height: 74px;

    text-align: center;

    background: #f0027f;

    border: none;

    margin-left: 10px;

}

.main-wrapper .banner-sec .banner-cont .search-sec button:hover {

    background: #b20162;

}

.main-wrapper .banner-sec .banner-cont .banner-btn {

    margin-top: 50px;

}

.main-wrapper .banner-sec .banner-cont .banner-btn .work-btn {

    width: 300px;

    height: 74px;

    line-height: 74px;

    border: 2px solid #fff;

    display: inline-block;

    font-size: 18px;

    color: #fff;

    font-weight: 700;

    text-align: center;

    text-transform: uppercase;

    margin-right: 20px;

}

.main-wrapper .banner-sec .banner-cont .banner-btn .work-btn:hover {

    background: #fff;

    color: #f0027f;

}

.main-wrapper .scroll-sec {

    position: absolute;

    left: 126px;

    bottom: 55px;

}

.main-wrapper .scroll-sec p {

    font-size: 12px;

    color: #fff;

    font-weight: 400;

    text-transform: uppercase;

}

.job-sec {

    width: 100%;

    height: auto;

    padding: 140px 0 140px 0;

    background: #eee;

    overflow-x: hidden;

}

.job-sec .job-top-sec {

    margin: 0 auto;

    width: 100%;

    max-width: 793px;

    text-align: center;

}

.advice-guides .heading,

.job-sec .job-top-sec .heading {

    color: #4c0045;

}

.job-sec .job-top-sec .heading {

    padding-bottom: 20px;

}

.job-sec .job-top-sec li {

    display: inline-block;

    margin-right: 50px;

}

.job-sec .job-top-sec li a {

    font-size: 22px;

    line-height: 38px;

    color: #f0027f;

    font-weight: 400;

    border-bottom: 2px solid #f0027f;

    text-transform: uppercase;

    font-family: futura-pt;

    letter-spacing: 1px;

}

.job-sec .job-top-sec li a:hover {

    color: #4c0045;

    border: none;

}

.job-sec .job-top-sec li:last-child {

    margin-right: 0;

}

.job-sec .job-bottom-sec {

    width: 100%;

    height: auto;

    margin-top: 30px;

    position: relative;

}

.job-sec .job-bottom-sec .job-bottom-cont {

    margin: 0 auto;

    width: 100%;

    height: auto;

    min-width: 130%;

    margin-left: -15%;

    padding-top: 15px;

}

.job-sec .job-bottom-sec .job-bottom-cont li {

    display: inline-block;

    vertical-align: top;

    background: #fff;

    padding: 60px 50px 68px 50px;

    float: none;

    text-align: left;

}

.job-sec .job-bottom-sec.work-for-us-section .job-bottom-cont li {

    margin-right: 30px !important;

}

.job-sec .job-bottom-sec .job-bottom-cont li h3 {

    max-width: 357px;

    text-transform: uppercase;

    min-height: 130px;

}

.job-sec .job-bottom-sec .job-bottom-cont li h3 a {

    color: #4c0045;

}

.job-sec .job-bottom-sec .job-bottom-cont .view-btn {

    font-weight: 400;

}

.job-sec .job-bottom-sec .job-bottom-cont li .job-btm-para {

    padding-top: 0;

}

.job-sec .job-bottom-sec .job-bottom-cont li .job-btm-para p {

    padding-bottom: 40px;

    color: #575a5d;

}

.job-sec .job-bottom-sec .job-bottom-cont li .job-btm-para p span {

    font-weight: 600;

    color: #575a5d;

    min-height: 72px;

    display: block;

}

.job-sec .view-btn.all-jobs {

    width: 260px;

    margin-top: 60px;

}

.team-people {

    width: calc(100% - 110px);

    height: auto;

    position: relative;

    background: url(../../images/frontend/people-bg.png) left center no-repeat;

    background-size: cover;

    padding: 220px 0 220px 0;

}

.team-people .team-people-inner {

    margin: 0 auto;

    width: 100%;

    max-width: 455px;

    padding: 35px 0 0 0;

    background: #fff;

    text-align: center;

    height: 225px;

}

.team-people .team-people-inner h2 {

    color: #4c0045;

    letter-spacing: 2px;

}

.team-people .team-people-inner .view-btn {

    width: 260px;

    margin-top: 16px;

}

.monthly-sec {

    width: calc(100% - 110px);

    height: auto;

    padding: 155px 0 150px 0;

}

.monthly-sec .stats-cont {

    margin: 0 auto;

    width: 100%;

    max-width: 942px;

    text-align: center;

}

.monthly-sec .stats-cont h3 {

    font-size: 30px;

    color: #575a5d;

    font-weight: 500;

    text-transform: uppercase;

    padding-bottom: 40px;

    letter-spacing: 1.5px;

}

.monthly-sec .stats-cont .cvs-sec {

    margin-left: -95px;

    margin-right: -95px;

}

.monthly-sec .stats-cont .cvs-sec .cvs-cont {

    margin-left: 95px;

    margin-right: 95px;

    display: inline-block;

    width: calc(33.3% - 194px);

    vertical-align: top;

    text-align: center;

}

.monthly-sec .stats-cont .cvs-sec .cvs-cont h4 {

    font-size: 90px;

    line-height: 72px;

    color: #f0027f;

    font-weight: 500;

    letter-spacing: 2px;

}

.monthly-sec .stats-cont .cvs-sec .cvs-cont p {

    font-size: 24px;

    text-transform: uppercase;

    letter-spacing: 1.5px;

    color: #575a5d;

    font-weight: 500;

    display: block;

    margin-top: 15px;

    font-family: futura-pt;

}

.stopgap-sec {

    width: calc(100% - 110px);

    height: auto;

    padding: 140px 0 160px 0;

    background: url(../../images/frontend/stop-gap-bg.jpg) center center no-repeat;

    background-size: cover;

}

.stopgap-sec .stop-gap-cont {

    max-width: 610px;

}

.stopgap-sec .heading {

    color: #fff;

}

.stopgap-sec .sub-heading {

    color: #fff;

    padding-top: 30px;

}

.stopgap-sec p {

    padding-top: 30px;

    color: #fff;

    line-height: 36px;

}

.stopgap-sec .view-btn {

    width: 190px;

    border: 2px solid #fff;

    color: #fff;

    margin-top: 30px;

}

.stopgap-sec .view-btn:hover {

    background: #fff;

    color: #01668c;

}

.expert-area-sec {

    width: calc(100% - 110px);

    display: table;

    height: 780px;

}

.expert-area-sec .expert-sec {

    display: table-cell;

    width: 50%;

    background: #5d5ba5;

    vertical-align: top;

    padding-top: 150px;

}

.expert-area-sec .expert-sec .expert-cont {

    margin: 0 auto;

    width: 100%;

    max-width: 490px;

}

.expert-area-sec .heading {

    color: #fff;

}

.expert-area-sec p {

    color: #fff;

    padding-top: 30px;

}

.expert-area-sec .service-sec {

    display: table-cell;

    width: 50%;

    background: #4c0045;

    vertical-align: top;

    padding-top: 150px;

}

.expert-area-sec .service-sec .service-cont {

    margin: 0 auto;

    width: 100%;

    max-width: 490px;

}

.expert-area-sec .view-btn {

    width: 190px;

    color: #fff;

    border: 2px solid #fff;

    margin-right: 20px;

    margin-top: 30px;

}

.expert-area-sec .view-btn:hover {

    background: #fff;

    color: #4c0045;

}

.expert-area-sec .expert-sec .view-btn:hover {

    background: #fff;

    color: #5d5ba5;

}

.testi-sec {

    height: auto;

    background: #47c1ef;

    position: relative;

}

.testi-sec .inner-sec {

    display: table;

    width: 100%;

}

.testi-sec .testi-cont {

    width: 50%;

    padding: 0;

    display: table-cell;

    vertical-align: middle;

}

.testi-sec .testi-cont .testi-inner {

    max-width: 610px;

    float: right;

    position: relative;

    z-index: 9;

    margin-right: 40px;

    padding: 45px 0;

}

.testi-sec .testi-cont h2 {

    font-size: 40px;

    line-height: 48px;

    color: #fff;

    font-weight: 500;

}

.testi-sec .testi-cont p {

    font-size: 32px;

    line-height: 54px;

    color: #fff;

    font-weight: 600;

    margin: 35px 0 30px 0;

    min-height: 432px;

}

.testi-sec .testi-cont h3 {

    font-size: 20px;

    line-height: 36px;

    color: #fff;

    font-weight: 700;

    font-family: nexa;

    padding-bottom: 45px;

    min-height: 82px;

}

.testi-img {

    display: table-cell;

    width: 50%;

    position: relative;

}

.testi-img .img-sec {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}

.testi-img .img-sec img {

    height: 100%;

    object-fit: cover;

    top: 0;

    position: absolute;

    width: 100%;

    max-width: inherit;

}

.testi-img::before {

    position: absolute;

    content: " ";

    width: 378px;

    height: 100%;

    background: url(../../images/frontend/testi-bg-before.png) left center no-repeat;

    top: 0;

    left: 0;

    z-index: 9;

}

.client-sec {

    width: calc(100% - 110px);

    height: auto;

    padding: 135px 0 130px 0;

}

.client-sec .sub-heading {

    font-size: 30px;

    line-height: 72px;

    text-align: center;

    text-transform: uppercase;

}

.client-sec .client-img {

    margin-left: -35px;

    margin-right: -35px;

    margin-top: 13px;

    text-align: center;

}

.client-sec .client-img .client-pic {

    margin-left: 35px;

    margin-right: 35px;

    display: inline-block;

    width: calc(16% - 74px);

    margin-bottom: 20px;

}

.client-sec .client-img .client-pic a {

    height: 160px;

    display: block;

    vertical-align: middle;

    position: relative;

}

.client-sec .client-img .client-pic a img {

    position: absolute;

    top: 49.5%;

    left: 50%;

    transform: translate(-50%, -50%);

    filter: grayscale(100%);

    opacity: 0.5;

}

.client-sec .client-img .client-pic a:hover img {

    opacity: 1;

    filter: grayscale(0);

}

.blog-sec {

    width: calc(100% - 110px);

    height: auto;

    background: #fff;

    padding: 160px 0 140px 0;

    position: relative;

}

.blog-sec .heading {

    color: #4c0045;

}

.blog-sec .blog-top {

    position: relative;

}

.blog-sec .blog-top .view-btn {

    position: absolute;

    width: 260px;

    border: 2px solid #575a5d;

    color: #575a5d;

    right: 0;

    top: 0;

}

.blog-sec .view-btn:hover {

    background: #575a5d;

    color: #fff;

}

.blog-sec .blog-bottom {

    padding-top: 45px;

}

.blog-sec .blog-bottom .blog-bottom-left {

    float: left;

    width: 65%;

}

.blog-sec .blog-bottom .blog-bottom-left .blog-market {

    width: 100%;

    margin-bottom: 20px;

}

.blog-sec .blog-bottom .blog-bottom-left .blog-market .img-sec {

    float: left;

    width: 57%;

    position: relative;

    padding-top: 41%;

    overflow: hidden;

}

.blog-sec .blog-bottom .blog-bottom-left .blog-market .img-sec img {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    min-height: 100%;

}

.blog-sec .blog-bottom .blog-bottom-left .blog-market .market-cont {

    float: right;

    width: 43%;

    padding-left: 45px;

    padding-right: 45px;

    padding-top: 35px;

}

.blog-sec .blog-bottom h4 {

    font-size: 16px;

    line-height: 32px;

    color: #f0027f;

    font-weight: 600;

    font-family: nexa;

}

.blog-sec .blog-bottom p {

    padding: 12px 0 32px 0;

    color: #575a5d;

    font-size: 18px;

}

.blog-sec .blog-bottom .blog-bottom-right {

    float: right;

    width: 35%;

    padding-left: 106px;

}

.blog-sec .blog-bottom .blog-bottom-right .img-sec {

    position: relative;

    padding-top: 104%;

    overflow: hidden;

}

.blog-sec .blog-bottom .blog-bottom-right .img-sec a {

    display: block;

}

.blog-sec .blog-bottom .blog-bottom-right .img-sec img {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}

.blog-sec .blog-bottom .view-btn {

    width: 160px;

    border: 2px solid #575a5d;

    color: #575a5d;

}

.blog-sec .blog-bottom .view-btn:hover {

    color: #fff;

}

.blog-sec .blog-bottom .blog-bottom-right .news-sec {

    margin: 35px 0 0 40px;

}

.newsletter-sec {

    width: calc(100% - 110px);

    height: 612px;

    display: table;

}

.newsletter-sec .sign-up-sec {

    display: table-cell;

    width: 33.3%;

    vertical-align: middle;

    background: #47c1ef;

}

.newsletter-sec .sign-up-sec .sign-up-cont {

    margin: 0 auto;

    width: 100%;

    max-width: 386px;

}

.newsletter-sec .work-sec {

    display: table-cell;

    width: 33.3%;

    vertical-align: middle;

    background: #007581;

}

.newsletter-sec .work-sec .work-cont {

    margin: 0 auto;

    width: 100%;

    max-width: 386px;

}

.newsletter-sec .job-alert .job-alert-cont {

    margin: 0 auto;

    width: 100%;

    max-width: 386px;

}

.newsletter-sec .job-alert {

    display: table-cell;

    width: 33.3%;

    vertical-align: middle;

    background: #5d5ba5;

}

.newsletter-sec .sub-heading {

    font-size: 40px;

    line-height: 50px;

    color: #fff;

}

.newsletter-sec p {

    color: #fff;

    margin-top: 20px;

    min-height: 108px;

}

.newsletter-sec .view-btn {

    color: #fff;

    border: 2px solid #fff;

    margin-top: 40px;

}

.newsletter-sec .work-sec .view-btn {

    width: 190px;

}

.newsletter-sec .view-btn:hover {

    background: #fff;

    color: #007581;

}

.newsletter-sec .sign-up-sec .view-btn:hover {

    color: #47c1ef;

}

.newsletter-sec .job-alert .view-btn:hover {

    color: #5d5ba5;

}

.footer-sec {

    width: calc(100% - 110px);

    height: auto;

    background: #4c0045;

    position: relative;

    min-height: 980px;

}

.footer-sec .footer-img {

    position: absolute;

    width: 910px;

    height: 980px;

    left: 0;

    top: 0;

    background: url(../../images/frontend/footer-left-bg.png) left top no-repeat;

}

.footer-sec .footer-right {

    float: right;

    width: 43%;

    padding: 110px 0px;

}

.footer-right-top .footer-call {

    float: left;

    width: 50%;

}

.footer-right-top .footer-call .sub-heading {

    font-family: nexa;

    font-size: 26px;

    line-height: 36px;

    color: #f0027f;

    font-weight: 700;

    text-transform: lowercase;

}

.footer-right-top .footer-call .sub-heading a {

    color: #f0027f;

}

.footer-right-top .footer-address {

    float: right;

    width: 50%;

    padding-left: 40px;

}

.footer-right-top .footer-address p {

    color: #fff;

    font-size: 18px;

    line-height: 36px;

}

.footer-right-top .footer-address p a {

    font-weight: 700;

    color: #fff;

}

.footer-sec .footer-right .footer-form {

    margin-top: 50px;

}

.footer-sec .footer-right .footer-form p {

    color: #fff;

}

.footer-sec .footer-right .footer-form .foot-review {

    font-size: 20px;

    font-weight: 600;

    padding-left: 33px;

    margin-bottom: -30px;

}

.footer-sec .footer-right .footer-form .heading {

    font-size: 40px;

    line-height: 48px;

    color: #fff;

    font-weight: 500;

    margin-bottom: 20px;

}

.contcat-form-right .contcat-form .form-sec,

.footer-sec .footer-right .footer-form .form-sec {

    margin-left: -10px;

    margin-right: -10px;

    position: relative;

    vertical-align: top;

}

.contcat-form-right .contcat-form .form-sec .form-text,

.footer-sec .footer-right .footer-form .form-sec .form-text {

    margin-left: 10px;

    margin-right: 10px;

    display: inline-block;

    width: calc(50% - 24px);

    margin-bottom: 20px;

}

.form-sec .form-text input[type="email"],

.form-sec .form-text input[type="tel"],

.form-sec .form-text input[type="text"] {

    width: 100%;

    font-size: 20px;

    color: #fff;

    font-weight: 700;

    background: 0 0;

    border-bottom: 2px solid #94668f !important;

    padding-bottom: 20px;

    border: none;

    margin-top: 10px;

    font-family: nexa;

    border-radius: 0;

}

.form-sec .form-text input:-webkit-autofill,

.form-sec .form-text input:-webkit-autofill:focus,

.form-sec .form-text input:-webkit-autofill:hover,

.form-sec .form-text select:-webkit-autofill,

.form-sec .form-text select:-webkit-autofill:focus,

.form-sec .form-text select:-webkit-autofill:hover,

.form-sec .form-text textarea:-webkit-autofill,

.form-sec .form-text textarea:-webkit-autofill:focus,

.form-sec .form-text textarea:-webkit-autofill:hover {

    transition: background-color 5000s ease-in-out 0s;

    -webkit-text-fill-color: #fff !important;

}

.form-sec .form-text input[type="email"]::placeholder,

.form-sec .form-text input[type="tel"]::placeholder,

.form-sec .form-text input[type="text"]::placeholder {

    color: #fff;

    opacity: 1;

}

.form-sec .form-text input[type="email"]:focus::placeholder,

.form-sec .form-text input[type="tel"]:focus::placeholder,

.form-sec .form-text input[type="text"]:focus::placeholder {

    opacity: 0;

}

.form-sec .form-text input[type="email"]:-ms-input-placeholder,

.form-sec .form-text input[type="tel"]:-ms-input-placeholder,

.form-sec .form-text input[type="text"]:-ms-input-placeholder {

    color: #fff;

}

.form-sec .form-text input[type="email"]::-ms-input-placeholder,

.form-sec .form-text input[type="tel"]::-ms-input-placeholder,

.form-sec .form-text input[type="text"]::-ms-input-placeholder {

    color: #fff;

}

.contcat-form-right .contcat-form .form-sec .form-text:first-child,

.contcat-form-right .contcat-form .form-sec .form-text:last-child,

.footer-sec .footer-right .footer-form .form-sec .form-text:first-child,

.footer-sec .footer-right .footer-form .form-sec .form-text:last-child {

    width: calc(100% - 24px);

}

.form-sec .form-text input[type="text"]::placeholder {

    opacity: 1;

}

#register_form button[type="submit"],

.character-analy-form .btn.btn-success,

.form-sec input[type="submit"],

.salary-survey .form-control.btn-pink {

    width: 280px;

    height: 54px;

    line-height: 54px;

    background: #f0027f;

    display: inline-block;

    text-align: center;

    font-size: 16px;

    color: #fff;

    font-weight: 700;

    text-transform: uppercase;

    float: right;

    border: none;

    margin-top: 10px;

    border-radius: 0;

    font-family: nexa;

}

#register_form button[type="submit"]:hover,

.form-sec input[type="submit"]:hover {

    background: #fff;

    color: #f0027f;

}

.character-analy-form .btn.btn-success:hover,

.salary-survey .form-control.btn-pink:hover {

    background: #4c0045;

    color: #fff;

}

#register_form button[type="submit"] {

    margin-top: 15px;

}

.character-analy-form .btn.btn-success {

    padding: 0;

}

.footer-sec .footer-link {

    position: absolute;

    width: 947px;

    left: 35%;

    bottom: 60px;

}

.footer-link-contact.footer-link ul li,

.footer-sec .footer-link ul li {

    display: inline-block;

    margin-right: 40px;

}

.footer-link-contact.footer-link.bold-foot ul li {

    margin-right: 30px;

}

.footer-link-contact.footer-link.bold-foot ul li a {

    font-size: 18px;

    line-height: 28px;

}

.footer-link-contact.footer-link ul li a,

.footer-sec .footer-link ul li a {

    font-size: 20px;

    line-height: 30px;

    color: #fff;

    font-weight: 500;

}

.footer-sec .footer-link ul li a:hover {

    text-decoration: underline;

}

.footer-sec .footer-link ul li:last-child {

    margin-right: 0;

}

.footer-white {

    width: calc(100% - 110px);

    height: auto;

    background: #fff;

    text-align: center;

    padding: 40px 0;

}

.footer-white li {

    display: inline-block;

    margin-right: 40px;

}

.footer-white li a {

    font-size: 16px;

    color: #575a5d;

    font-weight: 400;

}

.footer-white li a:hover {

    text-decoration: underline;

}

.main-menu {

    position: fixed;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background: #4c0045;

    z-index: 99;

    display: none;

    background-size: cover;

}

.main-menu:after {

    background: url(../../images/frontend/main-menu.png) no-repeat;

    width: 752px;

    height: 100vh;

    position: absolute;

    right: 0;

    content: " ";

    top: 0;

    background-size: cover;

}

.main-menu .nav-sec {

    display: none;

}

.main-menu .header-right-sec {

    display: none;

}

.main-menu .close-icon {

    position: absolute;

    width: 38px;

    height: 38px;

    right: 35px;

    top: 70px;

}

.main-menu .close-icon p {

    font-size: 12px;

    color: #4c0045;

    font-weight: 300;

    padding-bottom: 10px;

}

.main-menu {

    padding-top: 230px;

}

.main-menu .menu-nav li {

    line-height: 80px;

}

.main-menu .menu-nav li a {

    font-size: 48px;

    color: #fff;

    font-weight: 500;

    text-transform: uppercase;

    font-family: futura-pt;

}

.main-menu .menu-nav li a:hover {

    text-decoration: underline;

}

.main-menu .menu-address {

    margin-top: 80px;

    padding-bottom: 40px;

}

.main-menu .menu-address p {

    font-size: 30px;

    line-height: 52px;

    color: #f0027f;

    font-weight: 500;

}

.menu-toggle {

    cursor: pointer;

}

.main-menu .menu-address p a {

    color: #f0027f;

}

.main-menu .menu-address .view-btn {

    border: none;

    background: #fff;

    color: #575a5d;

    width: 170px;

    height: 44px;

    line-height: 44px;

    font-size: 14px;

    margin-right: 5px;

    margin-top: 50px;

    border: 2px solid #fff;

}

.main-menu .menu-address .view-btn:hover {

    color: #fff;

    background: 0 0;

}

.body-fix {

    overflow-y: hidden;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

}

header.sticky-header {

    position: fixed;

    top: 0;

    background: #fff;

    box-shadow: 0 9px 23px rgba(0, 0, 0, 0.2);

    height: 80px;

    padding: 18px 0 0 0;

}

header .cust-container {

    max-width: 1650px;

}

header.sticky-header .header-left-sec .nav-sec li a,

header.sticky-header .header-right-sec h3,

header.sticky-header .header-right-sec h3 a {

    color: #4c0045;

}

header.sticky-header .header-left-sec .nav-sec li .subdropdown-desktop li a {

    color: #fff;

}

header.sticky-header .header-right-sec .register-sec .register-btn {

    border: 1px solid #575a5d;

}

header.sticky-header .header-left-sec .logo-sec {

    width: 150px;

    height: 40px;
    background-repeat: no-repeat;

    /* background: url(../../images/frontend/logo-sticky.svg) no-repeat; */

}

header.sticky-header .header-left-sec .nav-sec {

    width: calc(100% - 150px);

    padding-top: 8px;

}

header.sticky-header .header-right-sec {

    padding-top: 0;

}

header.sticky-header .header-right-sec .register-sec .register-btn:hover {

    border: 1px solid #4c0045;

    background: #4c0045;

}

.all-jobs-sec {

    text-align: center;

}

.stopgap-sec .sub-heading-nex {

    margin-top: 30px;

}

.carousel-control-prev-icon {

    background: url(../../images/frontend/left-arrow.png) no-repeat;

}

.carousel-control-next-icon {

    background: url(../../images/frontend/right-arrow.png) no-repeat;

}

.carousel-control-next-icon,

.carousel-control-prev-icon {

    width: 23px;

    height: 12px;

}

.carousel-control-next,

.carousel-control-prev {

    width: 23px;

    height: 12px;

    opacity: 1;

    top: inherit;

}

.carousel-control-next {

    left: 55px;

}

.blog-sec .sub-heading {

    min-height: 115px;

}

.blog-sec .sub-heading a {

    color: #4c0045;

}

.mobile-header .header-left-sec .nav-sec,

.mobile-header .header-right-sec {

    display: none;

}

.main-menu .social-media-sec {

    display: none;

}

.video-sect .banner-effect {
    background: url(../../images/frontend/banner-effect02.svg) no-repeat !important;
    position: absolute;
    width: 100% !important;
    top: 90px;
    right: -180px;
    height: 100%;
    background-position: right !important;
    background-size: cover !important;
}

header.sticky-header .header-right-sec .call-sec {

    float: left;

    padding-top: 8px;

}

.main-wrapper .banner-sec.banner-inner-page {

    background-repeat: no-repeat !important;

    background-size: cover !important;

    height: 780px;

}

.main-wrapper .banner-sec.half-banner {

    height: 780px !important;

    padding: 220px 0 0 0 !important;

}

.main-wrapper .banner-sec.second-half-banner {

    height: 540px !important;

    padding: 250px 0 0 0 !important;

}

.banner-sec.banner-inner-page.freelance-sec,

.banner-sec.banner-inner-page.job-huntng-advice-banner,

.main-wrapper .banner-sec.banner-inner-page.banner-looking-work {

    padding: 225px 0 0 0;

}

.main-wrapper .banner-sec.banner-inner-page.job-huntng-advice-banner .banner-cont .banner-btn {

    margin-top: 30px;

}

.banner-sec.banner-inner-page.job-huntng-advice-banner .main-title {

    max-width: 100%;

}

.main-wrapper .banner-sec.banner-inner-page .banner-effect {

    background: url(../../images/frontend/banner-effect-inner.png) no-repeat;

    height: 780px;
    width: 903px;

}

.banner-inner-page .main-title {

    max-width: 600px;

}

.stopgap-exe .expert-area-sec .service-sec .service-cont {

    max-width: 520px;

}

.stopgap-exe .expert-area-sec {

    height: 620px;

}

.stopgap-exe .expert-area-sec .expert-sec,

.stopgap-exe .expert-area-sec .service-sec {

    padding-top: 110px;

}

.take-test .newsletter-sec .sign-up-sec {

    background: #f0027f;

}

.take-test .newsletter-sec .view-btn {

    width: 190px;

}

.take-test .newsletter-sec .sign-up-sec .view-btn:hover {

    color: #f0027f;

}

.take-test .newsletter-sec .job-alert {

    background: #4c0045;

}

.take-test .newsletter-sec .job-alert .view-btn:hover {

    color: #4c0045;

}

.take-test .newsletter-sec p {

    min-height: 216px;

}

.take-test .newsletter-sec p a {

    color: #fff;

    word-break: break-all;

}

.freelancers {

    background: #4abbbd;

    width: calc(100% - 110px);

    overflow: hidden;

}

.freelance-img {

    float: left;

    width: 100%;

    position: relative;

    max-width: 1040px;

}

.freelance-img:before {

    position: absolute;

    background: url(../../images/frontend/freelancer-before.png) no-repeat;

    width: 510px;

    height: 323px;

    content: " ";

    left: 0;

    bottom: 0;

}

.freelance-img:after {

    position: absolute;

    background: url(../../images/frontend/freelancer-after.png) no-repeat;

    width: 222px;

    height: 872px;

    content: " ";

    right: 0;

    top: 0;

}

.freelance-text {

    float: left;

    width: calc(100% - 830px);

    padding-top: 195px;

}

.height-menu {

    height: 100%;

    position: relative;

    overflow-y: scroll;

    scroll-behavior: smooth;

    -webkit-overflow-scrolling: touch;

}

.freelancers .heading,

.freelancers .sub-heading-nex,

.freelancers p {

    color: #fff;

}

.freelancers .view-btn {

    width: 190px;

    border: 2px solid #fff;

    color: #fff;

    margin-top: 30px;

}

.freelancers .view-btn:hover {

    background: #fff;

    color: #4abbbd;

}

.freelancers .sub-heading-nex {

    margin-top: 25px;

    margin-bottom: 15px;

    margin-right: -80px;

}

.freelancers p {

    margin-right: -30px;

}

.advice-guides {

    padding-top: 145px;

    padding-bottom: 140px;

    width: calc(100% - 110px);

}

.video-caption {

    text-align: center;

}

.video-caption h6 {

    color: #4c0045;

    font-size: 24px;

    font-weight: 500;

    margin-top: 30px;

    text-transform: uppercase;

}

.advice-guide-videos iframe,

.advice-guide-videos img {

    height: 340px;

    border: 2px solid #f0027f;

    width: 100%;

    object-fit: cover;

}

.all-videos {

    padding-top: 55px;

}

.all-videos .view-btn {

    width: 190px;

}

.advice-guide-videos {

    margin-top: 48px;

    position: relative;

}

.advice-guide-videos .lSAction>a {

    width: 23px;

    display: block;

    height: 12px;

    cursor: pointer;

    position: absolute;

    z-index: 4;

    opacity: 1;

    top: 50%;

    transform: translateY(-50%);

}

.advice-guide-videos .lSAction>.lSPrev {

    background: url(../../images/frontend/left-arrow-purple.png) left center no-repeat;

    left: -170px;

}

.advice-guide-videos .lSAction>.lSNext {

    background: url(../../images/frontend/right-arrow-purple.png) left center no-repeat;

    right: -170px;

}

.banner-sec.banner-inner-page.agency-sec .banner-effect {

    background: url(../../images/frontend/banner-effect.png) no-repeat;

    height: 100vh;

}

.banner-sec.banner-inner-page.agency-sec {

    height: 100vh;

}

.banner-sec.banner-inner-page.agency-sec .main-title {

    max-width: 815px;

}

.banner-sec.banner-inner-page.agency-sec.half-header.static-jobs {

    padding: 250px 0 0 0 !important;

}

.banner-sec.banner-inner-page.agency-sec.half-header.static-jobs .banner-cont {

    width: 100%;

}

.banner-sec.banner-inner-page.agency-sec.half-header.static-jobs .main-title {

    max-width: 100%;

}

.banner-sec.banner-inner-page.agency-sec p,

.banner-sec.banner-inner-page.freelance-sec p,

.banner-sec.banner-inner-page.job-huntng-advice-banner p {

    font-size: 32px;

    line-height: 43px;

    color: #fff;

    font-weight: 500;

    padding: 20px 0 30px 0;

    max-width: 805px;

    letter-spacing: 0.5px;

}

.banner-sec.banner-inner-page.agency-sec .job-btn,

.main-wrapper .banner-sec .banner-cont .banner-btn .work-btn {

    width: 300px;

    height: 74px;

    line-height: 72px;

    border: 2px solid #fff;

    font-size: 18px;

    font-weight: 700;

    text-transform: uppercase;

    display: inline-block;

    text-align: center;

    color: #fff;

    margin-right: 20px;

}

.banner-sec.banner-inner-page.agency-sec .job-btn:hover {

    background: #fff;

    color: #f0027f;

}

.banner-sec .scroll-d {

    position: absolute;

    left: 80px;

    bottom: 60px;

}

.banner-sec.banner-inner-page.agency-sec .scroll-d span {

    padding-left: 10px;

}

.workon-sec {

    width: 100%;

    position: relative;

    background: #4abbbd;

    overflow: hidden;

}

.workon-sec .inner-sec .left-sec {

    display: table-cell;

    vertical-align: middle;

    width: 50%;

}

.workon-sec .inner-sec .left-sec .cont-sec {

    max-width: 720px;

    float: right;

    margin-right: -70px;

    position: relative;

    z-index: 9;

    padding: 60px 0;

}

.workon-sec .inner-sec .right-sec {

    display: table-cell;

    width: 50%;

    position: relative;

}

.workon-sec .inner-sec .right-sec .img-sec img {

    height: 100%;

    object-fit: cover;

}

.workon-sec .inner-sec {

    display: table;

    width: 100%;

}

.workon-sec .inner-sec .heading {

    color: #fff;

}

.workon-sec .inner-sec h3 {

    color: #fff;

    font-size: 28px;

    font-weight: 700;

    line-height: 40px;

    padding-top: 30px;

    padding-bottom: 40px;

    font-family: Nexa;

}

.workon-sec .inner-sec p {

    color: #fff;

}

.workon-sec .inner-sec h6 {

    color: #fff;

    font-size: 20px;

    font-weight: 400;

    line-height: 36px;

    padding-bottom: 50px;

    font-family: Nexa;

}

.workon-sec .inner-sec .job-btn {

    display: inline-block;

    text-align: center;

    width: 190px;

    border: 2px solid #fff;

    color: #f6f6f6;

    margin-right: 60px;

}

.workon-sec .inner-sec .job-btn:hover {

    background: #fff;

    color: #4abbbd;

}

.workon-sec .inner-sec .right-sec .img-sec::after {

    position: absolute;

    right: 0;

    bottom: 0;

    content: " ";

    width: 94%;

    height: 100%;

    background: url(../../images/frontend/workon-after.png) right top no-repeat;

    background-size: cover;

}

.workon-sec .inner-sec .right-sec .img-sec::before {

    position: absolute;

    left: 0;

    bottom: 0;

    content: " ";

    width: 100%;

    height: 100%;

    background: url(../../images/frontend/workon-before.png) left top no-repeat;

    background-size: contain;

}

.agency-team {

    width: 100%;

    background: #f0027f;

    position: relative;

    padding-top: 90px;

}

.agency-team .heading {

    text-align: center;

    color: #fff;

    margin-bottom: 90px;

}

.agency-team .inner-sec {

    display: table;

    width: 100%;

    background: #f0027f;

    position: relative;

}

.agency-team .inner-sec.yellow-sec {

    background: #fdc508;

}

.agency-team .inner-sec.yellow-sec .left-sec .cont-sec {

    float: left;

    margin-right: 0;

    text-align: left;

}

.agency-team .inner-sec.blue-sec {

    background: #47c1ef;

}

.agency-team .inner-sec.green-sec {

    background: #4abbbd;

}

.agency-team .inner-sec.green-sec .right-sec .img-sec::before {

    background: url(../../images/frontend/agency-before-green.png) left bottom no-repeat;

}

.agency-team .inner-sec.yellow-sec .read-btn:hover {

    background: #fff;

    color: #fdc508;

}

.agency-team .inner-sec.blue-sec .read-btn:hover {

    background: #fff;

    color: #47c1ef;

}

.agency-team .inner-sec.black-sec .read-btn:hover {

    background: #fff;

    color: #5d5ba5;

}

.agency-team .inner-sec.green-sec .read-btn:hover {

    background: #fff;

    color: #4abbbd;

}

.agency-team .inner-sec.black-sec {

    background: #5d5ba5;

}

.agency-team .inner-sec.black-sec .right-sec .img-sec::before {

    position: absolute;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    content: " ";

    left: inherit;

    background: url(../../images/frontend/agency-before-black.png) right top no-repeat;

    background-size: contain;

}

.agency-team .inner-sec.black-sec .left-sec .cont-sec {

    float: left;

    margin-right: 0;

    text-align: left;

}

.agency-team .inner-sec .left-sec {

    display: table-cell;

    vertical-align: middle;

    width: 50%;

}

.agency-team .inner-sec.blue-sec .right-sec .img-sec::before {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    content: " ";

    background: url(../../images/frontend/agency-before-blue.png) left bottom no-repeat;

    background-size: contain;

}

.agency-team .inner-sec .left-sec .cont-sec {

    max-width: 590px;

    float: right;

    position: relative;

    z-index: 9;

    margin-right: 40px;

    margin-left: 40px;

    padding-top: 60px;

    padding-bottom: 60px;

}

.agency-team .inner-sec .right-sec {

    display: table-cell;

    vertical-align: middle;

    width: 50%;

    position: relative;

}

.agency-team .inner-sec .right-sec .img-sec {

    position: absolute;

    overflow: hidden;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}

.agency-team .inner-sec.black-sec .img-sec {

    margin-left: 0;

}

.agency-team .inner-sec .right-sec .img-sec::before {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    content: " ";

    background: url(../../images/frontend/agency-before.png) left bottom no-repeat;

    z-index: 1;

    background-size: contain;

}

.agency-team .inner-sec h3,

.agency-team .inner-sec h6 {

    font-size: 21px;

    color: #fff;

    font-weight: 700;

    margin-top: 10px;

    line-height: 38px;

    font-family: Nexa;

}

.agency-team .inner-sec h3 a {

    color: #fff;

    display: inline-block;

    vertical-align: middle;

    line-height: 38px;

    margin-top: 5px;

    width: calc(100% - 55px);

}

.agency-team .inner-sec h3 span {

    padding-right: 20px;

    display: inline-block;

    vertical-align: top;

    margin-top: 4px;

}

.agency-team .inner-sec .heading {

    text-align: left;

    padding-bottom: 30px;

    margin-bottom: 0;

}

.agency-team .inner-sec p {

    font-size: 20px;

    font-weight: 400;

    color: #fff;

    font-family: Nexa;

    padding-top: 30px;

}

.agency-team .inner-sec .read-btn {

    width: 190px;

    text-align: center;

    display: inline-block;

    border: 2px solid #fff;

    color: #fff;

    margin-top: 30px;

}

.agency-team .inner-sec .read-btn:hover {

    background: #fff;

    color: #f0027f;

}

.take-test.agency-sec .newsletter-sec .sign-up-sec .sign-up-cont {

    max-width: 410px;

}

.take-test.agency-sec .newsletter-sec .work-sec {

    background: #5d5ba5;

}

.take-test.agency-sec .newsletter-sec .job-alert {

    background: #fdc508;

}

.agency-sec .expert-area-sec p {

    min-height: 250px;

}

.agency-sec .service-sec {

    padding-top: 110px;

    padding-bottom: 140px;

}

.client-sec.agency-sec {

    padding: 0 0 130px 0;

}

.agency-team .inner-sec.yellow-sec .right-sec .img-sec::before {

    position: absolute;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    content: " ";

    background: url(../../images/frontend/agency-before-yellow.png) right top no-repeat;

    left: inherit;

    background-size: contain;

}

.banner-sec.banner-inner-page.freelance-sec .main-title {

    max-width: 800px;

}

.freelancers.md-10 {

    background: #007581;

    width: calc(100% - 110px);

    overflow: hidden;

}

.freelancers.md-10 .freelance-img::before {

    background: url(../../images/frontend/freelancer-before1.png) no-repeat;

}

.freelancers.md-10 .freelance-img::after {

    background: url(../../images/frontend/freelancer-after1.png) no-repeat;

    background-size: cover;

    width: 375px;

    height: 1245px;

}

.agency-team,

.testi-sec,

.workon-sec {

    width: calc(100% - 110px);

}

.md-10.freelance-img::after {

    position: absolute;

    top: 0;

    right: 0;

    content: " ";

    z-index: 99;

    background: url(../../images/frontend/freelancer-after1.png) right top no-repeat;

}

.freelancers.md-10 .freelance-text {

    padding-top: 80px;

    width: calc(100% - 740px);

}

.free-guide {

    width: calc(100% - 110px);

    height: auto;

    background: #f6f6f6;

    padding: 150px 0;

}

.free-guide .inner-sec {

    max-width: 1550px;

    margin: 0 auto;

}

.free-guide .heading {

    text-align: center;

    color: #4c0045;

}

.free-guide .inner-sec .view-btn {

    width: 190px;

    margin-top: 100px;

}

.free-guide .inner-sec .box-outer {

    margin-left: -30px;

    margin-right: -30px;

    padding-top: 60px;

}

.free-guide .inner-sec .box-outer .box {

    margin-left: 30px;

    margin-right: 30px;

    display: inline-block;

    width: calc(25% - 64px);

    vertical-align: top;

    background: #fff;

    padding: 50px 50px;

}

.free-guide .inner-sec .box-outer .box .sub-heading {

    min-height: 120px;

}

.freelancers.md-10 .sub-heading-nex {

    margin-top: 25px;

    margin-bottom: 20px;

    margin-right: 0;

}

.freelancers.md-10 p {

    padding-top: 30px;

    margin-right: 0;

}

.freelancers.md-10 .freelance-img {

    max-width: 930px;

}

.stopgap-sub {

    background: #f6f6f6;

    width: calc(100% - 110px);

    height: auto;

    padding: 150px 0;

}

.stopgap-sub .heading {

    color: #4c0045;

}

.stopgap-sub h3 {

    color: #4c0045;

    font-size: 28px;

    line-height: 38px;

    font-weight: 700;

    padding-top: 30px;

    font-family: nexa;

}

.stopgap-sub p {

    color: #4c0045;

    font-weight: 400;

    line-height: 40px;

    padding-top: 10px;

}

.stopgap-sub iframe {

    width: 100%;

    height: 350px;

    max-width: 600px;

}

.stopgap-sub .cont-sec {

    padding-right: 40px;

}

.banner-sec.banner-inner-page.service-sec .banner-effect {

    background: url(../../images/frontend/services-effect.png) no-repeat;

    height: 100vh;

    background-size: cover;

}

.take-test.service-sec .newsletter-sec .sign-up-sec {

    background: #4abbbd;

}

.take-test.service-sec .newsletter-sec .sign-up-sec.register-sec {

    background: #007581;

}

.take-test.service-sec .newsletter-sec .work-sec {

    background: #fdc508;

}

.help-sec .agency-team .inner-sec.permanent-sec {

    background: #5d5ba5;

}

.help-sec .agency-team .inner-sec .right-sec .img-sec::before {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 510px;

    height: 325px;

    content: " ";

    background: url(../../images/frontend/permanent-before.png) left bottom no-repeat;

    background-size: cover;

}

.help-sec .agency-team .inner-sec .right-sec .img-sec::after {

    position: absolute;

    right: 0;

    top: 0;

    width: 205px;

    height: 830px;

    content: " ";

    background: url(../../images/frontend/permanent-after.png) right top no-repeat;

    background-size: cover;

}

.help-sec .agency-team .inner-sec .right-sec {

    vertical-align: top;

}

.help-sec .agency-team .inner-sec .left-sec .cont-sec {

    max-width: 630px;

    float: left;

    margin-left: 40px;

    margin-right: 0;

    padding-top: 40px;

    padding-bottom: 40px;

}

.help-sec .agency-team {

    background: #fff;

}

.help-sec .btn-sec .services-filter ul li {

    width: auto;

    margin-left: 15px;

    margin-right: 15px;

}

.help-sec .btn-sec .services-filter ul li .view-btn {

    padding-left: 20px;

    padding-right: 20px;

    width: auto;

}

.help-sec .agency-team .inner-sec .read-btn {

    margin-right: 30px;

}

.help-sec .agency-team .inner-sec.permanent-sec .img-sec img {

    height: 830px;

    object-fit: cover;

}

.help-sec .agency-team .heading {

    color: #4c0045;

    margin-bottom: inherit;

}

.help-sec .btn-sec ul {

    margin-left: -50px;

    margin-right: -50px;

    text-align: center;

}

.help-sec .btn-sec {

    padding: 60px 0 90px 0;

}

.help-sec .btn-sec ul li {

    margin-left: 25px;

    margin-right: 25px;

    display: inline-block;

    vertical-align: top;

    width: calc(16.6% - 54px);

}

.help-sec .btn-sec ul li .view-btn {

    width: 100%;

}

.help-sec .agency-team .inner-sec .left-sec .cont-sec .heading {

    color: #fff;

    padding-bottom: 15px;

}

.help-sec .agency-team .inner-sec p {

    padding-top: 30px;

}

.help-sec .agency-team .inner-sec.freelance-sect .right-sec .img-sec::before {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 252px;

    height: 830px;

    content: " ";

    background: url(../../images/frontend/freelance2.png) left bottom no-repeat;

    background-size: cover;

    z-index: 9;

}

.help-sec .agency-team .inner-sec.freelance-sect .right-sec .img-sec::after {

    display: none;

}

.help-sec .agency-team .inner-sec.permanent-sec.executive-sect {

    background: #5d5ba5;

}

.help-sec .agency-team .inner-sec.executive-sect .right-sec .img-sec::before {

    position: absolute;

    left: 0;

    top: 0;

    width: 343px;

    height: 607px;

    content: " ";

    background: url(../../images/frontend/executive-before.png) left top no-repeat;

}

.help-sec .agency-team .inner-sec.executive-sect .right-sec .img-sec::after {

    position: absolute;

    right: 0;

    top: 0;

    width: 398px;

    height: 830px;

    content: " ";

    background: url(../../images/frontend/executive-after.png) left top no-repeat;

}

.help-sec .agency-team .inner-sec.freelance-sect .left-sec .cont-sec {

    float: right;

    margin-left: 0;

    margin-right: 0;

    padding-top: 60px;

    padding-bottom: 60px;

}

.help-sec .agency-team .inner-sec.freelance-sect.advertise-sect {

    background: #007581;

}

.help-sec .agency-team .inner-sec.freelance-sect.advertise-sect .right-sec .img-sec::before {

    position: absolute;

    top: 0;

    width: 280px;

    height: 830px;

    content: " ";

    background: url(../../images/frontend/advertise-before.png) left top no-repeat;

}

.error {

    color: #fc5256;

    display: block;

    font-size: 15px;

    font-style: italic;

}

.client-sec.agency-sec.client-sub {

    padding: 150px 0 150px 0;

}

.login-register.w-stopgap .login-left {

    background: #5d5ba5;

    padding: 0 80px;

}

.login-register.w-stopgap .login-left {

    width: 33%;

}

.login-register.w-stopgap .login-right {

    background: url(../../images/frontend/login-right-bg.png) center center #fdc508;

    background-size: cover;

    width: 67%;

}

.login-register.w-stopgap .login-left::before {

    background: #5d5ba5;

}

.login-register.w-stopgap .login-right::before {

    background: #fdc508;

}

.login-register.w-stopgap h4 {

    font-size: 28px;

    line-height: 38px;

    font-weight: 700;

    color: #fff;

    padding-bottom: 20px;

}

.login-register.w-stopgap p {

    font-size: 20px;

    line-height: 36px;

    font-weight: 400;

    color: #fff;

    padding-bottom: 30px;

}

.login-register.w-stopgap .login-form {

    max-width: 440px;

}

.login-register.w-stopgap .register-list li::before {

    background: #fff;

}

.login-register.w-stopgap .register-list li {

    padding-bottom: 30px;

    padding-left: 50px;

}

.login-register.w-stopgap .get-in-touch {

    max-width: 700px;

}

.what-we-do {

    width: calc(100% - 110px);

    padding: 140px 0 240px 0;

    height: auto;

    position: relative;

    background: url(../../images/frontend/we-do-bg.png) left center no-repeat;

    background-size: cover;

    position: relative;

}

.what-we-do::before {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    content: " ";

    background: url(../../images/frontend/we-do-before.png) left center no-repeat;

}

.what-we-do .left-sec {

    max-width: 600px;

}

.what-we-do .left-sec h3 {

    font-size: 28px;

    font-weight: 700;

    color: #4c0045;

    line-height: 42px;

    font-family: Nexa;

}

.what-we-do .left-sec p {

    font-size: 20px;

    font-weight: 400;

    color: #575a5d;

    line-height: 36px;

    font-family: Nexa;

    padding-top: 20px;

}

.agency-team.executive-sect {

    background: #47c1ef;

}

.agency-team.executive-sect .inner-sec {

    background: #47c1ef;

}

.agency-team.executive-sect .inner-sec .right-sec .img-sec::before {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    content: " ";

    background: url(../../images/frontend/executive1.png) left bottom no-repeat;

    background-size: cover;

}

.agency-team.executive-sect .inner-sec.yellow-sec {

    background: #fdc508;

}

.agency-team.executive-sect .inner-sec.yellow-sec .right-sec .img-sec::before {

    display: none;

}

.agency-team.executive-sect .inner-sec.yellow-sec .right-sec .img-sec::after {

    position: absolute;

    right: 0;

    top: 0;

    content: " ";

    background: url(../../images/frontend/agency-before-yellow.png) right top no-repeat;

    width: 100%;

    height: 100%;

    background-size: contain;

}

.help-sec.executive-page .agency-team {

    padding-top: 0;

}

.help-sec.executive-page .agency-team .inner-sec.executive-sec {

    background: #4abbbd;

}

.help-sec.executive-page .agency-team .inner-sec .right-sec .img-sec::after {

    width: 222px;

    height: 880px;

    background: url(../../images/frontend/freelancer-after.png) right top no-repeat;

}

.help-sec.executive-page .agency-team .inner-sec .right-sec .img-sec::before {

    width: 510px;

    height: 325px;

    background: url(../../images/frontend/freelancer-before.png) left bottom no-repeat;

}

.help-sec.executive-page .agency-team .inner-sec .right-sec {

    width: 55%;

}

.help-sec.executive-page .agency-team .inner-sec .left-sec {

    width: 45%;

}

.workon-sec.executive-page {

    background: #4c0045;

}

.workon-sec.executive-page .inner-sec .right-sec .img-sec::before {

    position: absolute;

    left: 0;

    bottom: 0;

    content: " ";

    width: 244px;

    height: 880px;

    background: url(../../images/frontend/help-before.png) right top no-repeat;

}

.workon-sec.executive-page .inner-sec .right-sec .img-sec::after {

    position: absolute;

    right: 0;

    bottom: 0;

    content: " ";

    width: 511px;

    height: 336px;

    background: url(../../images/frontend/help-after.png) right top no-repeat;

}

.workon-sec.executive-page .inner-sec .left-sec .cont-sec {

    max-width: 720px;

    float: right;

    margin-right: 0;

    position: relative;

    z-index: 9;

    padding: 60px 0;

}

.workon-sec.executive-page .inner-sec .right-sec .img-sec img {

    height: 880px;

    object-fit: cover;

}

.newsletter-sec .work-sec.team-det {

    width: 100%;

    padding-top: 0;

    height: 100%;

}

.newsletter-sec .work-sec.team-det img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.testi-sec.team-det .testi-cont {

    width: 67%;

    background: #47c1ef;

}

.testi-sec.team-det .testi-cont .testi-inner {

    max-width: 750px;

    margin: 0 auto;

    float: inherit;

    padding: 80px 0;

    vertical-align: middle;

    min-height: 790px !important;

}

.testi-sec.team-det .testi-img {

    width: 33%;

    background: #fff;

    padding: 50px 0;

}

.testi-sec.team-det {

    background: #fff;

}

.testi-sec.team-det .right-cont {

    max-width: 420px;

    margin: 0 auto;

}

.testi-sec.team-det .testi-img::before {

    display: none;

}

.testi-sec.team-det .right-cont .heading {

    color: #4c0045;

}

.sub-help {

    width: calc(100% - 110px);

    padding: 100px 0;

    background: #f6f6f6;

}

.sub-help .heading {

    color: #4c0045;

    text-align: center;

}

.sub-help ul {

    padding-top: 40px;

    text-align: center;

}

.sub-help li {

    display: inline-block;

    vertical-align: top;

    margin-right: 50px;

}

.sub-help li:last-child {

    margin-right: 0;

}

.sub-help li a {

    font-size: 22px;

    line-height: 38px;

    color: #f0027f;

    font-weight: 400;

    border-bottom: 2px solid #f0027f;

    text-transform: uppercase;

    font-family: futura-pt;

    letter-spacing: 1px;

}

.help-sec .agency-team.advertise-page {

    padding-top: 0;

}

.help-sec .agency-team.advertise-page .inner-sec.permanent-sec {

    background: #4abbbd;

}

.help-sec .agency-team.advertise-page .inner-sec .right-sec .img-sec::before {

    width: 440px;

    height: 345px;

    background: url(../../images/frontend/filter-before1.png) left bottom no-repeat;

    background-size: cover;

}

.help-sec .agency-team.advertise-page .inner-sec p {

    padding-left: 40px;

    padding-top: 0;

    margin-top: 40px;

    background: url(../../images/frontend/white-star2.png) left top 7px no-repeat;

}

.help-sec .agency-team.advertise-page .inner-sec .right-sec .img-sec::after {

    width: 222px;

    height: 1135px;

    background: url(../../images/frontend/filter-after1.png) right top no-repeat;

}

.help-sec .agency-team.advertise-page .inner-sec.permanent-sec .img-sec img {

    height: 1135px;

    object-fit: cover;

}

.filter-sec .agency-team {

    padding-top: 0;

    background: #007581;

}

.filter-sec .agency-team .inner-sec {

    background: inherit;

}

.filter-sec .agency-team .inner-sec .read-btn {

    margin-top: 90px;

}

.filter-sec .agency-team .inner-sec .heading {

    padding-bottom: 0;

}

.filter-sec .agency-team .inner-sec .right-sec .img-sec::before {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 214px;

    height: 584px;

    content: " ";

    background: url(../../images/frontend/cost-before.png) left bottom no-repeat;

    background-size: cover;

}

.filter-sec .agency-team .inner-sec .right-sec .img-sec::after {

    position: absolute;

    right: 0;

    bottom: 0;

    width: 510px;

    height: 215px;

    content: " ";

    background: url(../../images/frontend/cost-after.png) right bottom no-repeat;

    background-size: cover;

}

.filter-sec .agency-team .inner-sec .right-sec .img-sec img {

    height: 584px;

    width: 100%;

    object-fit: cover;

}

.filter-sec .agency-team .inner-sec.yellow-sec {

    background: #f0027f;

}

.filter-sec .agency-team .inner-sec.yellow-sec .right-sec .img-sec::before {

    position: absolute;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    content: " ";

    background: url(../../images/frontend/cost-before1.png) right bottom no-repeat;

    background-size: contain;

    left: inherit;

}

.filter-sec .agency-team .inner-sec.yellow-sec .right-sec .img-sec::after {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 510px;

    height: 215px;

    content: " ";

    background: url(../../images/frontend/cost-after1.png) right bottom no-repeat;

    background-size: cover;

    left: 0;

    right: inherit;

}

.filter-sec.agency-team .inner-sec .left-sec .cont-sec {

    max-width: 590px;

    margin-right: 0;

    width: 100%;

    padding-top: 40px;

    padding-bottom: 40px;

}

.client-sec.agency-sec.filter-sec {

    padding: 130px 0 130px 0;

}

.workon-sec.business-sec .inner-sec .right-sec .img-sec img {

    width: 100%;

}

.workon-sec.business-sec .inner-sec .right-sec .img-sec {

    position: absolute;

    height: 100%;

    right: 0;

    width: 100%;

}

.workon-sec.business-sec .inner-sec .right-sec:before {

    position: absolute;

    right: 0;

    top: 0;

    content: " ";

    width: 760px;

    height: 95px;

    background: url(../../images/frontend/workon-after-new.png) right top no-repeat;

    background-size: cover;

}

.workon-sec.business-sec .inner-sec .right-sec .img-sec::after {

    right: -100px;

    bottom: 0;

    width: 594px;

    height: 310px;

}

.workon-sec.business-sec.industrial-sec .inner-sec .right-sec .img-sec img {

    height: 1190px;

    object-fit: cover;

}

.workon-sec.business-sec.industrial-sec .inner-sec .right-sec .img-sec::before {

    position: absolute;

    left: 0;

    bottom: 0;

    content: " ";

    width: 273px;

    height: 1190px;

    background: url(../../images/frontend/workon-before1.png) right top no-repeat;

    background-size: cover;

    object-fit: cover;

}

.workon-sec.business-sec.industrial-sec .inner-sec .right-sec .img-sec::after {

    position: absolute;

    right: -100;

    bottom: 0;

    content: " ";

    width: 764px;

    height: 1190px;

    background: url(../../images/frontend/workon-after2.png) right top no-repeat;

    background-size: cover;

    object-fit: cover;

}

.main-wrapper .banner-sec.industrial-sec .banner-cont {

    width: 80%;

}

.main-wrapper .banner-sec.industrial-sec.banner-inner-page.agency-sec .main-title {

    max-width: inherit;

}

.main-wrapper .banner-sec.industrial-sec.banner-inner-page.agency-sec p {

    max-width: 950px;

}

.workon-sec.business-sec.professional-page .inner-sec .right-sec .img-sec img {

    height: 850px;

    object-fit: cover;

    width: 100%;

}

.workon-sec.business-sec.professional-page .inner-sec .right-sec .img-sec::before {

    width: 302px;

    height: 850px;

    background-size: cover;

}

.workon-sec.business-sec.professional-page .inner-sec .right-sec .img-sec::after {

    right: -100px;

    bottom: 0;

    width: 660px;

    height: 870px;

    background-size: cover;

}

.agency-team.filter-sec.job-search {

    background: #4abbbd;

}

.agency-team.filter-sec.job-search .inner-sec {

    background: #4abbbd;

}

.agency-team.filter-sec.job-search .inner-sec .right-sec .img-sec::before {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 178px;

    height: 609px;

    content: " ";

    background: url(../../images/frontend/agency-before-green.png) left bottom no-repeat;

}

.insta-sec {

    width: calc(100% - 110px);

    height: auto;

    padding: 150px 0;

    background: #f6f6f6;

}

.insta-sec .heading {

    color: #4c0045;

    float: left;

}

.insta-sec .view-btn {

    font-size: 16px;

    color: #575a5d;

    border: 2px solid #575a5d;

    width: 192px;

    float: right;

}

.insta-sec .view-btn:hover {

    background: #575a5d;

    color: #fff;

}

.insta-sec .box-outer {

    margin-left: -10px;

    margin-right: -10px;

    padding-top: 50px;

}

.insta-sec .box-outer .box {

    margin-left: 10px;

    margin-right: 10px;

    display: inline-block;

    vertical-align: top;

    width: calc(33.3% - 24px);

    background: #fff;

}

.insta-sec .box-outer .box img {

    width: 100%;

}

.insta-sec .box-outer .box .img-cont {

    padding: 30px 20px;

}

.insta-sec .box-outer .box .img-cont p {

    font-size: 18px;

    color: #575a5d;

    line-height: 36px;

    font-weight: 400;

}

.insta-sec .box-outer .box .img-cont p.date {

    padding-top: 50px;

    font-weight: 300;

}

.stopgap-story {

    width: calc(100% - 110px);

    height: auto;

    background: #f6f6f6;

}

.stopgap-story .heading {

    text-align: center;

    color: #4c0045;

}

.stopgap-story .top-sec {

    padding: 90px 0;

}

.stopgap-story .inner-sec {

    display: table;

    width: 100%;

    background: #f0027f;

}

.stopgap-story .inner-sec .left-sec {

    width: 50%;

    display: table-cell;

    vertical-align: middle;

}

.stopgap-story .inner-sec .left-sec .cont-sec {

    max-width: 640px;

    float: right;

    padding-right: 40px;

}

.stopgap-story .inner-sec .right-sec {

    width: 50%;

    display: table-cell;

    vertical-align: middle;

}

.stopgap-story .inner-sec .left-sec .cont-sec h3 {

    font-size: 40px;

    line-height: 50px;

    font-weight: 500;

    color: #fff;

    text-transform: uppercase;

    padding-bottom: 50px;

}

.stopgap-story .inner-sec .left-sec .cont-sec h5 {

    font-size: 32px;

    line-height: 44px;

    font-weight: 700;

    color: #fff;

    font-family: nexa;

}

.stopgap-story .inner-sec .right-sec .img-sec {

    position: relative;

    overflow: hidden;

}

.stopgap-story .inner-sec .right-sec .img-sec::before {

    position: absolute;

    content: " ";

    left: 0;

    top: 0;

    height: 609px;

    width: 198px;

    background: url(../../images/frontend/story-before.png) left top;

    background-size: cover;

}

.stopgap-story .inner-sec .right-sec .img-sec::after {

    position: absolute;

    content: " ";

    right: 0;

    top: 0;

    height: 609px;

    width: 520px;

    background: url(../../images/frontend/story-after.png) left top;

    background-size: cover;

}

.stopgap-story .inner-sec.blue-sec {

    background: #5d5ba5;

}

.stopgap-story .inner-sec.blue-sec .right-sec .img-sec::after {

    position: absolute;

    content: " ";

    right: 0;

    top: 0;

    height: 609px;

    width: 202px;

    background: url(../../images/frontend/story-blue-after.png) right top;

    background-size: cover;

}

.stopgap-story .inner-sec.blue-sec .right-sec .img-sec::before {

    position: absolute;

    content: " ";

    left: 0;

    top: 0;

    height: 609px;

    width: 520px;

    background: url(../../images/frontend/story-blue-before.png) left top;

    background-size: cover;

}

.guide-sec {

    width: calc(100% - 110px);

    background: #f6f6f6;

    padding: 150px 0;

    text-align: center;

}

.guide-sec .heading {

    color: #4c0045;

}

.guide-sec .inner-sec {

    padding-top: 50px;

}

.guide-sec .inner-sec h6 {

    font-size: 24px;

    line-height: 38px;

    color: #4c0045;

    font-weight: 500;

    text-transform: uppercase;

    padding-top: 30px;

}

.guide-sec .inner-sec .video-section {

    width: 100%;

}

.guide-sec .inner-sec .video-section iframe {

    width: 100%;

    height: 340px;

}

.guide-sec .inner-sec .view-btn {

    width: 192px;

}

.guide-sec .inner-sec .row {

    padding-bottom: 60px;

}

.resource-sec {

    width: calc(100% - 110px);

    background: #fff;

    padding: 140px 0 0 0;

}

.resource-sec .inner-sec {

    width: 100%;

    max-width: 1420px;

    margin: 0 auto;

}

.resource-sec .inner-sec .heading {

    color: #4c0045;

}

.resource-sec .inner-sec h3 {

    color: #575a5d;

    font-size: 28px;

    line-height: 42px;

    font-weight: 700;

    padding-bottom: 40px;

    font-family: nexa;

}

.resource-sec .inner-sec li {

    margin-bottom: 30px;

    font-size: 20px;

    line-height: 36px;

    color: #575a5d;

    font-weight: 400;

    padding-left: 40px;

    background: url(../../images/frontend/red-star.png) left top no-repeat;

}

.resource-sec .inner-sec li a {

    color: #f0027f;

}

.resource-sec .inner-sec .img-sec {

    position: absolute;

    left: -180px;

    bottom: 0;

}

.resource-sec .inner-sec .left-sec {

    position: relative;

}

.resource-sec .inner-sec .right-sec {

    margin-bottom: 80px;

}

.resource-sec .inner-sec .view-btn {

    width: 190px;

    margin-top: 60px;

}

.advice-sec {

    width: calc(100% - 110px);

    background: #47c1ef;

}

.advice-sec .inner-sec {

    width: 100%;

    display: table;

}

.advice-sec .inner-sec .left-sec {

    display: table-cell;

    vertical-align: middle;

    width: 50%;

}

.advice-sec .inner-sec .right-sec .cont-sec {

    max-width: 700px;

    margin: 0 auto;

}

.advice-sec .inner-sec .right-sec {

    display: table-cell;

    vertical-align: middle;

    width: 50%;

}

.advice-sec .inner-sec .left-sec .img-sec {

    position: relative;

    overflow: hidden;

}

.advice-sec .inner-sec .left-sec .img-sec::after {

    position: absolute;

    right: 0;

    top: 0;

    content: " ";

    background: url(../../images/frontend/advice-after.png);

    width: 615px;

    height: 1468px;

    background-size: cover;

}

.advice-sec .inner-sec .heading {

    color: #fff;

}

.advice-sec .inner-sec h3 {

    font-size: 28px;

    color: #fff;

    font-weight: 700;

    line-height: 38px;

    padding: 30px 0;

    font-family: nexa;

}

.advice-sec .inner-sec p {

    color: #fff;

    padding-bottom: 30px;

}

.advice-sec .inner-sec li {

    font-size: 20px;

    color: #fff;

    line-height: 36px;

    font-weight: 400;

    padding-left: 50px;

    background: url(../../images/frontend/white-star2.png) left top no-repeat;

    margin-top: 40px;

}

.advice-sec .inner-sec .view-btn {

    width: 192px;

    color: #fff;

    border: 2px solid #fff;

    margin-top: 60px;

}

.advice-sec .inner-sec .view-btn:hover {

    background: #fff;

    color: #47c1ef;

}

.advice-sec .inner-sec li:first-child {

    display: inline-block;

    vertical-align: top;

    width: 49%;

}

.advice-sec .inner-sec li:nth-child(2) {

    display: inline-block;

    vertical-align: top;

    width: 50%;

}

.advice-sec .inner-sec .btm-sec {

    max-width: 900px;

    margin-left: -80px;

    position: relative;

    margin-bottom: 30px;

}

.advice-sec .inner-sec li a {

    color: #fff;

    font-weight: 700;

}

.advice-sec .inner-sec .img-sec img {

    height: 1460px;

    object-fit: cover;

}

.download-sec {

    width: calc(100% - 110px);

    padding-top: 100px;

}

.download-sec .top-sec {

    max-width: 1460px;

    margin: 0 auto;

    padding-top: 80px;

    padding-bottom: 120px;

    margin-top: 100px;

}

.download-sec .inner-sec {

    background: #007581;

}

.download-sec .heading {

    color: #4c0045;

    text-align: center;

}

.download-sec .inner-sec .top-sec .heading {

    text-align: left;

    color: #fff;

}

.download-sec .view-btn {

    width: 190px;

    color: #fff;

    border: 2px solid #fff;

    margin-top: 60px;

}

.download-sec.download-sec-cv-advice .view-btn {

    width: auto;

    margin-top: 30px;

    padding-left: 20px;

    padding-right: 20px;

    margin-right: 30px;

}

.download-sec.download-sec-cv-advice .inner-sec .top-sec .heading {

    margin-bottom: 30px;

}

.download-sec .view-btn:hover {

    background: #fff;

    color: #007581;

}

.download-sec .inner-sec h3 {

    font-size: 28px;

    font-weight: 700;

    line-height: 40px;

    color: #fff;

    font-family: nexa;

}

.download-sec .inner-sec p {

    color: #fff;

    padding-top: 30px;

}

.download-sec .bottom-sec {

    display: table;

    width: 100%;

}

.download-sec .bottom-sec h3 {

    padding-top: 30px;

}

.download-sec .bottom-sec .heading {

    text-align: left;

    color: #fff;

    min-height: 145px;

}

.download-sec .bottom-sec .left-sec {

    display: table-cell;

    vertical-align: middle;

    width: 50%;

    padding: 120px 0 90px 0;

}

.download-sec .bottom-sec .right-sec {

    display: table-cell;

    vertical-align: top;

    width: 50%;

    background: #e3e9e9;

    padding: 120px 0 90px 0;

}

.download-sec .bottom-sec .right-sec p,

.download-sec .inner-sec .right-sec h3 {

    color: #575a5d;

}

.download-sec .bottom-sec .right-sec .heading {

    color: #4c0045;

}

.download-sec.download-sec-cv-advice .right-sec .view-btn {

    color: #4c0045;

    border-color: #4c0045;

}

.download-sec.download-sec-cv-advice .right-sec .view-btn:hover {

    background: #4c0045;

    color: #fff;

}

.download-sec .bottom-sec .cont-sec {

    max-width: 700px;

    margin: 0 auto;

}

.guide-sec .carousel-control-prev-icon {

    background: url(../../images/frontend/left-arrow1.png) no-repeat;

}

.guide-sec .carousel-control-next-icon {

    background: url(../../images/frontend/right-arrow2.png) no-repeat;

}

.guide-sec .carousel-control-prev {

    left: -150px;

    top: 50% !important;

}

.guide-sec .carousel-control-next {

    left: inherit;

    right: -150px;

    top: 50%;

}

.team-style30 .team-member-shape {

    background: url(../../images/frontend/t-style30.png) no-repeat;

    top: 0;

}

.team-member-info.team-style30 .team-member-content {

    position: absolute;

    top: 40px;

    left: 40px;

}

.team-style31 .team-member-shape {

    background: url(../../images/frontend/t-style31.png) no-repeat;

    background-size: cover;

}

.team-style32 .team-member-shape {

    background: url(../../images/frontend/t-style32.png) no-repeat;

    background-size: cover;

}

.team-style33 .team-member-shape {

    background: url(../../images/frontend/t-style33.png) no-repeat;

    background-size: cover;

}

.team-style34 .team-member-shape {

    background: url(../../images/frontend/t-style34.png) no-repeat;

    background-size: cover;

}

.team-style35 .team-member-shape {

    background: url(../../images/frontend/t-style35.png) no-repeat;

    background-size: cover;

}

.team-style36 .team-member-shape {

    background: url(../../images/frontend/t-style36.png) no-repeat;

    background-size: cover;

}

.team-style37 .team-member-shape {

    background: url(../../images/frontend/t-style37.png) no-repeat;

    background-size: cover;

}

.team-style38 .team-member-shape {

    background: url(../../images/frontend/t-style38.png) no-repeat;

    background-size: cover;

}

.team-style39 .team-member-shape {

    background: url(../../images/frontend/t-style39.png) no-repeat;

    background-size: cover;

}

.team-style40 .team-member-shape {

    background: url(../../images/frontend/t-style40.png) no-repeat;

    background-size: cover;

}

.team-style41 .team-member-shape {

    background: url(../../images/frontend/t-style41.png) no-repeat;

    background-size: cover;

}

.team-style43 .team-member-shape {

    background: url(../../images/frontend/t-style43.png) no-repeat;

    background-size: cover;

}

.team-members-grid.expert-sec .team-member-content .view-btn {

    width: 190px;

}

.team-member-info.team-style50 {

    height: 448px;

}

.team-member-content.dif-btn {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translateX(-50%);

}

.blog-page.team-page {

    padding: 70px 0 70px 0;

}

.profile-page .login-right h4 {

    color: #4c0045;

    font-size: 30px;

    line-height: 40px;

    font-weight: 500;

    text-transform: uppercase;

    letter-spacing: 1px;

}

.profile-page .login-right h4 a {

    color: #4c0045;

    font-size: 30px;

    line-height: 40px;

    font-weight: 500;

    text-transform: uppercase;

    letter-spacing: 1px;

    text-decoration: underline;

}

.profile-page .title-right {

    padding-bottom: 20px;

}

.profile-page .file-input {

    position: relative;

}

.profile-page .file-input label {

    position: relative;

    text-align: center;

    width: 100%;

    z-index: 5;

    min-height: 50px;

    line-height: 50px;

    color: #282e30;

    font-size: 16px;

}

.profile-page .file-input label::before {

    min-height: 50px;

    background: 0 0;

    border: 2px dashed #575a5d;

    width: 100%;

    line-height: 50px;

    content: " ";

    position: absolute;

    left: 0;

    border-radius: 0;

    z-index: -1;

}

.profile-page .file-input input[type="file"] {

    left: 0;

    z-index: 5;

    opacity: 0;

    position: absolute;

    height: 50px;

}

.profile-page .drpsltitl {

    font-size: 22px;

    line-height: 30px;

    font-weight: 700;

    color: #575a5d;

}

.profile-page .custom-check-pro {

    display: inline-block;

    margin: 10px 0 10px 0;

    width: calc(33.3% - 4px);

}

.profile-page input[type="checkbox"] {

    opacity: 0;

    position: absolute;

}

.profile-page .custom-check-pro input[type="checkbox"]+label {

    padding-left: 40px;

}

#msg-box {

    border-bottom: 2px solid #f0027f;

    font-size: 22px;

    color: #f0027f;

    padding-bottom: 10px;

    width: 100%;

    max-width: 200px;

    margin: 0 auto;

}

.mobile-footer {

    display: none;

}

.view-cv-btn-div {

    text-align: right;

    padding-right: 10px;

}

.view-cv-btn {

    color: #fff;

    font-size: 18px;

    text-decoration: underline;

}

.agency-team .inner-sec .right-sec .img-sec img {

    width: 100%;

    object-fit: cover;

    position: absolute;

    height: 100%;

}

.client-no-padding .client-sec {

    padding-top: 0;

}

.content-height-scroll {

    margin-bottom: 50px;

}

.job-sec .job-bottom-sec .job-bottom-cont #cont-slider {

    margin: 0 auto;

    text-align: center;

}

.login-register.brief-sec {

    position: relative;

}

.login-left.brief-left::before {

    background: inherit;

    display: none;

}

.login-left.brief-left li {

    font-size: 20px;

    line-height: 30px;

    font-weight: 400;

    color: #fff;

    padding-bottom: 30px;

    padding-left: 45px;

    background: url(../../images/frontend/white-star2.png) left top 7px no-repeat;

}

.login-right.brief-right::before {

    background: #4abbbd;

}

.login-right.brief-right .col-sm-12 {

    padding-left: 37px;

    padding-right: 37px;

}

.login-right.brief-right {

    background: #fff;

    padding-right: 50px;

    width: 67%;

    padding-bottom: 60px;

}

.login-right.brief-right textarea {

    font-size: 20px;

    font-weight: 700;

    line-height: 30px;

    color: #fff;

    background: inherit;

    border: inherit;

    height: 120px;

}

.login-left.brief-left {

    background: #007581;

    width: 33%;

}

.login-left.brief-left P {

    font-size: 24px;

    line-height: 34px;

    font-weight: 700;

    color: #fff;

    padding-bottom: 30px;

}

.login-left.brief-left .brief-testi h3 {

    font-size: 20px;

    line-height: 36px;

    color: #fff;

    font-weight: 700;

    font-family: nexa;

    padding-bottom: 45px;

}

.brief-testi {

    background: #47c1ef;

    padding: 50px 30px 50px 55px;

    bottom: 0;

    min-height: 405px;

}

.brief-left-top {

    padding-right: 30px;

    padding-left: 55px;

    padding-bottom: 60px;

}

.login-right.brief-right .file-input {

    position: relative;

    height: 50px;

    margin-top: 20px;

}

.login-right.brief-right .file-input label {

    position: relative;

    text-align: center;

    width: 100%;

    z-index: 5;

    min-height: 50px;

    line-height: 46px;

}

.login-right.brief-right .file-input input[type="file"] {

    right: 0;

    z-index: 5;

    opacity: 0;

    position: absolute;

    height: 50px;

    width: 100%;

    left: 0;

}

.login-right.brief-right .file-input-container p {

    color: #4c0045;

    font-size: 20px;

    font-weight: 700;

    font-family: nexa;

}

.login-right.brief-right .form-group {

    margin-bottom: 30px;

}

.login-right.brief-right .file-input p span {

    font-size: 18px;

}

.brief-btn {

    width: 240px;

    height: 54px;

    line-height: 52px;

    border: 2px solid #fff;

    font-family: Nexa;

    font-size: 16px;

    font-weight: 700;

    background: inherit;

    color: #fff;

    float: right;

    margin-top: 20px;

}

.brief-btn:hover {

    background: #fff;

    color: #4abbbd;

}

.l-work {

    width: calc(100% - 110px);

    height: auto;

    position: relative;

    background: #5d5ba5;

    padding: 60px 0;

}

.l-work .sub-heading {

    color: #fff;

    font-size: 40px;

    display: table-cell;

    vertical-align: middle;

    padding-right: 130px;

}

.l-work .search-btn {

    width: 280px;

    height: 54px;

    line-height: 52px;

    text-align: center;

    border: 2px solid #fff;

    font-size: 16px;

    font-weight: 700;

    font-family: Nexa;

    color: #fff;

    display: table-cell;

    vertical-align: middle;

}

.l-work .search-btn:hover {

    background: #fff;

    color: #5d5ba5;

}

.l-work .inner-sec {

    max-width: 830px;

    margin: 0 auto;

}

.banner-sec.banner-inner-page.character-analysis.agency-sec {

    height: 630px;

    overflow: hidden;

}

.character-analy-form .form-control::placeholder {

    color: #575a5d;

    opacity: 1;

}

.character-analy-form .form-control:-ms-input-placeholder {

    color: #575a5d;

}

.character-analy-form .form-control::-ms-input-placeholder {

    color: #575a5d;

}

.character-analy-form h5 {

    font-size: 24px;

    color: #575a5d;

    padding-bottom: 10px;

}

.character-analy-form .form-group {

    margin-left: 10px;

    margin-right: 10px;

    display: inline-block;

    width: calc(50% - 24px);

    margin-bottom: 20px;

}

.character-analy-form .form-group-full {

    width: 100%;

    margin-bottom: 10px;

    margin-left: 10px;

    margin-right: 10px;

}

.character-analy-form .form-group-container {

    margin-left: -10px;

    margin-right: -10px;

    position: relative;

    z-index: 99;

}

.character-analy-form .form-group .form-control {

    width: 100%;

    font-size: 20px;

    color: #575a5d;

    font-weight: 500;

    background: 0 0;

    border-bottom: 2px solid #94668f !important;

    padding-bottom: 20px;

    border: none;

    margin-top: 10px;

    font-family: nexa;

    border-radius: 0;

    padding-left: 0;

}

.character-analy-form,

.character-analy-section h2,

.character-analy-section p {

    padding-right: 20px;

    padding-left: 20px;

}

.character-analy-section p {

    margin-bottom: 20px;

}

.radio {

    display: inline-block;

    margin-right: 15px;

}

.character-analy-form .error {

    margin-left: 10px;

}

.character-analy-section .job-detail-content {

    max-height: 100%;

}

.character-analy-section .job-detail-content .character-analy-form {

    max-height: 860px;

    scroll-behavior: smooth;

    -webkit-overflow-scrolling: touch;

    overflow-y: scroll;

}

.character-analy-section .job-detail-content .character-analy-form .view-btn {

    width: 220px;

    margin-top: 30px;

}

.character-analy-form .btn.btn-success:active,

.character-analy-form .btn.btn-success:focus {

    box-shadow: none !important;

}

.character-analy-section .job-detail-content .character-analy-form li {

    list-style-type: disc;

    list-style-position: inside;

    margin-bottom: 0;

}

.salary-survey {

    padding-top: 100px;

    padding-bottom: 80px;

}

.salary-survey .job--details .form-group label {

    color: #575a5d;

    font-size: 20px;

    font-weight: 400;

    font-family: nexa;

}

.salary-survey .job--details .form-group label a {

    color: #575a5d;

    text-decoration: underline;

}

.salary-survey .job--details span {

    color: #575a5d;

    font-size: 16px;

    font-weight: 400;

    font-family: nexa;

}

.salary-survey .job--details .form-group input[type="number"],

.salary-survey .job--details .form-group input[type="text"],

.salary-survey .job--details .form-group select {

    height: 55px;

    width: 100%;

    border: 1px solid #ccc;

    font-size: 20px;

    color: #575a5d;

    padding-left: 15px;

    font-family: nexa;

    border-radius: 0;

}

.salary-survey .job--details .form-control.pound {

    background: 0 0;

    border: none !important;

    position: absolute;

    color: #f0027f !important;

    width: 50px !important;

    left: 0;

}

.salary-survey .job--details .form-control.base--salary {

    padding-left: 35px !important;

}

.salary-survey .job--details .form-group.salary {

    position: relative;

}

.salary-survey .job--details .form-group {

    margin-bottom: 30px;

}

.salary-survey h2 {

    position: relative;

}

.salary-survey .form-control.btn-pink {

    padding: 0;

}

.data-methodlogy {

    padding-bottom: 80px;

}

.data-methodlogy p a {

    color: #112e51;

    text-decoration: underline;

}

.data-methodlogy,

.salary-survey {

    width: calc(100% - 110px);

}

.top--info {

    padding-bottom: 30px;

}

.top--info strong {

    font-weight: 700;

}

.popup-outer {

    width: 100%;

    position: fixed;

    background: rgba(0, 0, 0, 0.4);

    z-index: 999;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    display: none;

}

.popup-outer .popup-box {

    position: absolute;

    left: 50%;

    top: 50%;

    background: #fff;

    max-width: 1028px;

    margin: 0 auto;

    padding: 100px 70px 70px 70px;

    width: 100%;

    z-index: 999;

    transform: translate(-50%, -50%);

    margin: 0;

}

.popup-outer .popup-box .heading {

    color: #4c0045;

    letter-spacing: 2px;

}

.popup-outer .popup-box .sub-heading-nex {

    color: #4c0045;

    padding-top: 20px;

}

.form-inner-popup {

    padding-top: 40px;

}

.popup-outer .popup-box .close-icon {

    position: absolute;

    top: 30px;

    right: 30px;

    width: 38px;

    height: 38px;

}

.popup-outer .popup-box p {

    color: #4c0045;

    font-weight: 700;

    font-family: nexa;

    padding-top: 20px;

    padding-bottom: 10px;

}

.popup-outer .popup-box .form-sec .form-text:first-of-type {

    width: calc(100% - 24px);

}

.popup-outer .popup-box .form-sec .form-text:last-child {

    float: right;

}

.popup-outer .popup-box .form-sec .form-text {

    margin-left: 10px;

    margin-right: 10px;

    display: inline-block;

    width: calc(50% - 24px);

    margin-bottom: 20px;

}

.popup-outer .popup-box .form-sec .form-text input[type="email"],

.popup-outer .popup-box .form-sec .form-text input[type="tel"],

.popup-outer .popup-box .form-sec .form-text input[type="text"] {

    width: 100%;

    font-size: 20px;

    color: #575a5d;

    font-weight: 700;

    background: 0 0;

    border-bottom: 2px solid #94668f !important;

    padding-bottom: 20px;

    border: none;

    margin-top: 10px;

    font-family: nexa;

    border-radius: 0;

}

.popup-outer .popup-box .form-sec .form-text input[type="email"]::placeholder,

.popup-outer .popup-box .form-sec .form-text input[type="tel"]::placeholder,

.popup-outer .popup-box .form-sec .form-text input[type="text"]::placeholder {

    color: #575a5d;

    opacity: 1;

}

.popup-outer .popup-box .checkbox {

    position: relative;

    display: inline-block;

    margin-right: 50px;

}

.popup-outer .popup-box input[type="checkbox"]+label,

input[type="radio"]+label {

    font-weight: 700;

}

.popup-outer .popup-box input[type="checkbox"]+label::before,

input[type="radio"]+label::before {

    content: " ";

    position: absolute;

    width: 19px;

    height: 19px;

    border: 1px solid #94668f;

    left: 0;

    top: 5px;

}

.popup-outer .popup-box input[type="checkbox"]+label {

    padding-left: 40px;

}

.checkbox-sect {

    padding-bottom: 40px;

}

.popup-outer .popup-box input[type="checkbox"]:checked+label::before {

    background: url(../../images/frontend/checked.png) center center no-repeat;

    background-size: 9px;

}

.character-analy-form .btn.btn-success,

.popup-outer .popup-box .form-sec input[type="submit"],

.salary-survey .form-control.btn-pink {

    width: 100%;

}

.form-sec input[type="submit"]:hover {

    background: #fff;

    color: #f0027f;

}

.thankyou-page .view-btn {

    width: 260px;

    margin-top: 100px;

    margin-right: 100px;

}

.thankyou-page p {

    padding-bottom: 10px;

}

.job-detail-section.thankyou-page {

    background: url(../../images/frontend/job-detail-bg.png) no-repeat #fff;

    background-size: 600px;

}

.job-detail-section.thankyou-page .job-detail-content {

    min-height: inherit;

}

.workon-sec.casestudy-page .inner-sec .left-sec .cont-sec {

    max-width: 600px;

}

.download-sec.ad-filter-page {

    padding-top: 0;

}

.download-sec.ad-filter-page .sub-title {

    font-size: 40px;

    color: #fff;

    line-height: 50px;

    font-weight: 500;

}

.download-sec.ad-filter-page .bottom-sec .left-sec {

    background: #007581;

}

.download-sec.ad-filter-page .bottom-sec .right-sec {

    background: #5d5ba5;

}

.download-sec.ad-filter-page .bottom-sec .right-sec h3,

.download-sec.ad-filter-page .bottom-sec .right-sec p {

    color: #fff;

}

.download-sec.ad-filter-page .bottom-sec.diff-col .right-sec {

    background: #47c1ef;

}

.download-sec.ad-filter-page .bottom-sec.diff-col .left-sec {

    background: #f0027f;

}

.download-sec.ad-filter-page .bottom-sec .heading {

    padding-bottom: 80px;

}

.stopgap-story.casestudy-page .view-btn {

    width: 190px;

    color: #fff;

    border: 2px solid #fff;

    margin-top: 60px;

}

.stopgap-story.casestudy-page .view-btn:hover {

    background: #fff;

    color: #f0027f;

}

.stopgap-story.casestudy-page .inner-sec {

    background: #007581;

}

.stopgap-story.casestudy-page .inner-sec .right-sec .img-sec::before {

    background: url(../../images/frontend/case-before1.png) left top;

}

.stopgap-story.casestudy-page .inner-sec .right-sec .img-sec::after {

    background: url(../../images/frontend/case-after1.png) left top;

}

.stopgap-story.casestudy-page .inner-sec.blue-sec {

    background: #f0027f;

}

.stopgap-story.casestudy-page .inner-sec.blue-sec .right-sec .img-sec::before {

    background: url(../../images/frontend/case-before2.png) left top;

}

.stopgap-story.casestudy-page .inner-sec.blue-sec .right-sec .img-sec::after {

    background: url(../../images/frontend/case-after2.png) right top;

}

.stopgap-story.casestudy-page .inner-sec.green-sec {

    background: #4abbbd;

}

.stopgap-story.casestudy-page .inner-sec.green-sec .right-sec .img-sec::before {

    background: url(../../images/frontend/case-before3.png) left top;

}

.stopgap-story.casestudy-page .inner-sec.green-sec .right-sec .img-sec::after {

    background: url(../../images/frontend/case-after3.png) right top;

}

.stopgap-story.casestudy-page .inner-sec.yellow-sec {

    background: #fdc508;

}

.stopgap-story.casestudy-page .inner-sec.yellow-sec .right-sec .img-sec::before {

    background: url(../../images/frontend/case-before4.png) left top;

}

.stopgap-story.casestudy-page .inner-sec.yellow-sec .right-sec .img-sec::before {

    background: url(../../images/frontend/case-before4.png) left top;

}

.stopgap-story.casestudy-page .inner-sec.yellow-sec .right-sec .img-sec::after {

    background: url(../../images/frontend/case-after4.png) right top;

}

.talent-sec {

    width: calc(100% - 110px);

    background: #4c0045;

    padding: 150px 0 120px 0;

}

.talent-sec .heading {

    color: #fff;

}

.talent-sec p {

    color: #fff;

    line-height: 36px;

    font-weight: 400;

    padding: 30px 0;

}

.talent-sec .view-btn {

    margin-right: 20px;

    width: 190px;

    color: #fff;

    border: 2px solid #fff;

}

.talent-sec .view-btn:hover {

    background: #fff;

    color: #4c0045;

}

.content-pages h6 {

    font-size: 26px;

    line-height: 36px;

    color: #4c0045;

    letter-spacing: 1px;

    font-weight: 400;

    margin-bottom: 5px;

    margin-top: 25px;

    text-transform: uppercase;

}

.content-pages h5 {

    margin-bottom: 5px;

    margin-top: 20px;

}

.content-pages p {

    margin-bottom: 10px;

}

.content-pages p a {

    color: #112e51 !important;

}



.job-detail-content.content-pages li,

.job-detail-content.content-pages td,

.job-detail-content.content-pages th {

    margin-bottom: 0;

    list-style: disc;

    list-style-position: inside;

    font-family: nexa;

    font-size: 20px;

    line-height: 36px;

    color: #112e51;

    font-weight: 300;

}

.job-detail-content.content-pages th {

    font-weight: 700;

}

.job-detail-content.content-pages td,

.job-detail-content.content-pages th {

    padding: 5px 10px;

}

.job-detail-content.content-pages table {

    margin-top: 30px;

}

.job-detail-content.content-pages li {

    text-indent: -18px;

    padding-left: 18px;

}

.lightwidget__tile {

    border: none !important;

}

.insta-sec .lightwidget__tile {

    border: none !important;

}

.insta-sec .lightwidget__caption {

    background: #fff !important;

    padding: 30px 20px !important;

}

.insta-sec .lightwidget__caption {

    font-family: nexa !important;

    font-size: 20px !important;

    line-height: 36px !important;

    color: #112e51 !important;

    font-weight: 300 !important;

}

.login-table .login-right #register_form .tab .step {

    height: 15px;

    width: 15px;

    margin: 0 2px;

    background-color: #bbb;

    border: none;

    border-radius: 50%;

    display: inline-block;

    opacity: 0.5;

}

.login-table .login-right #register_form .tab .step.active {

    opacity: 1;

}

.buttos-grp-register {

    text-align: right;

}

.buttos-grp-register #prevBtn {

    float: left;

}

.job-sec .job-bottom-sec .job-bottom-cont .lSAction.custom-arrows {

    display: block !important;

    position: absolute;

    top: -135px;

    height: 95px;

    width: 100%;

    left: 50%;

    transform: translateX(-50%);

}

.job-sec .job-bottom-sec .job-bottom-cont .lSAction .lSPrev {

    background: url(../../images/frontend/jobs-arrow-left.png) center center no-repeat;

    left: 90px;

    width: 22px;

    height: 41px;

}

.job-sec .job-bottom-sec .job-bottom-cont .lSAction .lSNext {

    background: url(../../images/frontend/jobs-arrow-right.png) center center no-repeat;

    right: 170px;

    width: 22px;

    height: 41px;

}

.job-sec .job-bottom-sec .job-bottom-cont .lSSlideOuter .lSAction {

    display: none !important;

}

.banner-sec.banner-inner-page.agency-sec.blog-banner-small {

    height: 600px;

    padding: 180px 0 0 0 !important;

}

.banner-sec.banner-inner-page.agency-sec.half-header {

    height: 600px;

    padding: 180px 0 0 0 !important;

}

.banner-sec.banner-inner-page.agency-sec.half-header .banner-effect {

    height: 100% !important;

}

.banner-sec.banner-inner-page.agency-sec.half-header p {

    padding: 15px 0 15px 0;

}

.banner-sec.banner-inner-page.agency-sec.blog-banner-small .banner-effect {

    height: 100%;

}

.free-guide-para {

    text-align: center;

    padding-top: 10px;

}

.filter-space-bottom {

    padding-bottom: 50px;

}

.banner-sec.banner-inner-page.brief-us-small-header {

    height: auto !important;

    padding: 130px 0 0 0 !important;

}

.stripMargin .banner-sec.banner-inner-page.brief-us-small-header {

    margin-top: 50px;

}

.footer-link-contact {

    background: #4c0045;

    padding: 40px 0;

    text-align: center;

    width: calc(100% - 110px);

}

.freelance-link-page li {

    display: inline-block;

    margin-right: 30px;

    margin-bottom: 20px;

}

.freelance-link-page a {

    font-size: 17px;

    font-weight: 400;

    color: #f0027f;

    letter-spacing: 1px;

    border-bottom: 2px solid #f0027f;

}

.freelance-link-page a.active,

.freelance-link-page a:hover {

    color: #4c0045;

    border-bottom: 2px solid #4c0045;

}

.freelance-link-page {

    margin-bottom: 10px;

    max-width: 1180px;

    float: right;

    width: 100%;

}

.user-login-dropdown h3,

header .header-left-sec .nav-sec li.sub-dropdowm-desk {

    background: url(../../images/frontend/arrow-down-menu.png) top 13px right no-repeat;

    position: relative;

    background-size: 13px;

}

.user-login-dropdown h3:hover,

header .header-left-sec .nav-sec li.sub-dropdowm-desk:hover {

    background: url(../../images/frontend/arrow-up.png) top 13px right no-repeat;

    background-size: 13px;

}

header.sticky-header .header-left-sec .nav-sec li.sub-dropdowm-desk {

    background: url(../../images/frontend/arrow-down-menu-purple.png) top 13px right no-repeat;

    position: relative;

    background-size: 13px;

}

header.sticky-header .header-left-sec .nav-sec li.sub-dropdowm-desk:hover {

    background: url(../../images/frontend/arrow-up-purple.png) top 13px right no-repeat;

    background-size: 13px;

}

.user-login-dropdown h3 {

    padding-right: 20px;

}

.user-login-dropdown h3 .user-dropdown-list,

header .header-left-sec .nav-sec li .subdropdown-desktop {

    position: absolute;

    width: 285px;

    text-align: left;

    display: none;

    background: rgba(76, 0, 69, 0.7);

    padding: 15px;

    left: -15px;

}

header .header-left-sec .nav-sec li .subdropdown-desktop li {

    display: block;

}

.user-login-dropdown h3:hover .user-dropdown-list,

header .header-left-sec .nav-sec li:hover .subdropdown-desktop {

    display: block;

}

.team-detail-page-container {

    display: table;

    width: 100%;

}

.main-wrapper .banner-sec .team-detail-page-container .banner-cont,

.main-wrapper .banner-sec .team-detail-page-container .team-member-pic-container {

    width: 50%;

    display: table-cell;

    vertical-align: middle;

    position: relative;

    z-index: 5;

}

.banner-sec.agency-sec.team-detail-page {

    padding: 220px 0 0 0;

}

.team-member-pic {

    position: relative;

    padding-bottom: 100%;

    overflow: hidden;

}

.team-member-pic img {

    position: absolute;

    max-width: 100%;

    border-radius: 50%;

    object-fit: cover;

    width: 100%;

    top: 0;

    left: 0;

}

.job-btn-right {

    text-align: right;

}

.job-btn-right .view-btn {

    width: 250px;

    margin-top: 30px;

}

.job-btn-right .view-btn:first-child {

    margin-right: 20px;

}

.bottom-job-btns p {

    color: #fff;

}

.soft-sec {

    border: 1px solid #000;

    text-align: center;

    padding: 25px 15px;

    font-weight: 600;

}

.spark-logo {

    position: absolute;

    left: -40px;

    top: 0;

    z-index: 9;

    width: 40px;

}

.job-detail-content .spark-logo {

    position: static;

    margin-right: 5px;

}

.bottom-job-btns p b {

    font-weight: 700;

}

.jobs-found-count {

    position: absolute;

    top: 10px;

}

.job-reference-header p {

    padding-bottom: 0 !important;

}

.job-search-list-custom.job-search-list {

    margin-top: 0;

}

.blog-share.blog-share-jobs .social-media-sec li a {

    border-color: #fff;

}

.blog-share.blog-share-jobs h6 {

    color: #fff;

}

.blog-share.blog-share-jobs .social-media-sec li a.faceboook {

    background: url(../../images/frontend/facebook-hover.png) center no-repeat;

    border-color: #fff;

}

.blog-share.blog-share-jobs .social-media-sec li a.linkedin {

    background: url(../../images/frontend/linkedin-hover.png) center no-repeat;

    border-color: #fff;

}

.blog-share.blog-share-jobs .social-media-sec li a.twitter {

    background: url(../../images/frontend/twitter-hover.png) center no-repeat;

    border-color: #fff;

}

.blog-share.blog-share-jobs .social-media-sec li a.faceboook:hover {

    background: url(../../images/frontend/facebook-hover.png) center no-repeat #f0027f;

    border-color: #f0027f;

}

.blog-share.blog-share-jobs .social-media-sec li a.linkedin:hover {

    background: url(../../images/frontend/linkedin-hover.png) center no-repeat #f0027f;

    border-color: #f0027f;

}

.blog-share.blog-share-jobs .social-media-sec li a.twitter:hover {

    background: url(../../images/frontend/twitter-hover.png) center no-repeat #f0027f;

    border-color: #f0027f;

}

.blog-share.blog-share-jobs {

    padding-top: 30px;

    padding-left: 30px;

}

.toast-top-right {

    right: inherit;

    left: 50%;

    transform: translateX(-50%);

    top: 30px;

    min-width: 880px;

    max-width: 880px;

    font-family: nexa;

}

.toast-success {

    min-width: 880px;

    height: 67px;

    margin: 0 auto;

    background: #76b575;

    box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.3) !important;

    border-radius: 8px !important;

    opacity: 1 !important;

    padding: 15px 0 !important;

    text-align: center;

    display: inline-block;

    background-image: none !important;

}

.toast-error {

    min-width: 880px;

    height: 60px;

    margin: 0 auto;

    background: #bd362f;

    box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.3) !important;

    border-radius: 8px !important;

    opacity: 1 !important;

    padding: 15px 0 !important;

    text-align: center;

    display: inline-block;

    background-image: none !important;

}

.toast-error .toast-message {

    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) left center no-repeat !important;

}

.toast-success .toast-message {

    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) left center no-repeat !important;

}

#toast-container>div:hover {

    box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.3) !important;

}

.toast-message {

    font-size: 16px;

    font-weight: 700;

    margin-top: 2px;

    display: inline-block;

    padding-left: 40px;

}

.toast-error {

    background-color: #f0027f !important;

}

.toast-success {

    background-color: #4abbbd !important;

}

.downcvs {

    color: #fff;

    padding-bottom: 15px;

    display: block;

    padding-left: 15px;

}

.footer-sec .footer-form .checkbox.login-checkbox label {

    color: #fff;

}

.footer-sec .footer-form .checkbox.login-checkbox input[type="checkbox"]+label::before {

    border-color: #fff;

}

.user-login-dropdown {

    display: inline-block;

    padding-right: 15px;

}

.help-sec.help-sec-advice .btn-sec {

    padding-bottom: 0;

}

.help-sec.help-sec-advice .btn-sec ul li {

    width: calc(25% - 54px);

}

.help-sec.help-sec-advice {

    padding-top: 30px;

    width: calc(100% - 110px);

}

.videomodal iframe {

    height: 340px;

}

.videomodal .close {

    right: -13px;

    position: absolute;

    top: -23px;

    font-size: 40px;

    opacity: 0.7;

}

.video-ps-rel {

    position: relative;

}

.myVideoOverlay {

    position: absolute;

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

}

.JFilters {

    position: relative;

    padding-left: 30px !important;

    cursor: pointer;

    background-color: #e0e0e0;

    padding: 8px;

    border-radius: 3px;

    margin: 2px 4px;

    line-height: 3em;

}

.JFilters::before {

    position: absolute;

    content: "X";

    left: 10px;

    top: -6px;

    color: #575a5d;

}

.JFilters:hover {

    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);

}

.table-custom-salary table {

    width: 100%;

    margin-top: 25px;

}

.table-custom-salary table td {

    padding-right: 15px;

}

.table-custom-salary h5 {

    cursor: pointer;

}

.get-in-touch .card-header {

    padding: 10px 0;

    background: 0 0;

    border-bottom: none;

}

.get-in-touch .card-header a {

    font-size: 18px;

    color: #212529;

}

.get-in-touch .card {

    background: 0 0;

    border: none;

}

.get-in-touch .card-body {

    padding: 0 0 15px 0;

    overflow-x: auto;

    max-width: 1100px;

}

.get-in-touch .card-body table {

    width: 1250px;

}

.freelance-text-freelancers-page {

    padding-left: 30px;

}

.team-detail-page .team-detail-page-container p {

    font-size: 20px !important;

    line-height: 36px !important;

    width: 95%;

}

.team-detail-page .team-detail-page-container p a {

    color: #fff;

}

.team-detail-page .team-detail-page-container h2 {

    color: #fff;

    margin-top: 15px;

}

.jobs-avlab>img {

    margin-bottom: 15px;

    margin-top: 10px;

}

.job-detail-content>img {

    margin-bottom: 15px;

    width: 100px;

}

.grecaptcha-badge {

    display: none !important;

}

.team-member-phone-header {

    margin-top: 15px;

    display: block;

}

.agency-team.filter-sec.area-expertise-less-space>h2 {

    padding-left: 15px;

    padding-right: 15px;

}

.blog-share+.next-blog-btn .view-btn {

    float: right;

}

.blog-detail-page,

.job-search-large-sec,

.job-search-list {

    font-family: nexa;

}

.main-wrapper .banner-sec .banner-cont.banner-cont-job-serach {

    max-width: 900px;

    width: 100%;

}

.job-search-form {

    margin-top: 20px;

    max-width: 580px;

    width: 100%;

}

.job-search-form .job-search-btn {

    margin-top: 25px;

}

.job-search-btn {

    width: 280px;

    height: 54px;

    line-height: 54px;

    background: #f0027f;

    display: inline-block;

    text-align: center;

    font-size: 16px;

    color: #fff;

    font-weight: 700;

    text-transform: uppercase;

    border: none;

    border-radius: 0;

    margin-bottom: 12px;

}

.job-search-btn:hover {

    background: #fff;

    color: #f0027f;

}

.login-table .login-right label {

    font-size: 20px;

    color: #fff;

    font-weight: 600;

}

.login-table .brief-right.login-right label {

    color: #4c0045;

}

.job-search-form .form-control,

.login-register .form-control,

.login-table .login-right input[type="email"],

.login-table .login-right input[type="password"],

.login-table .login-right input[type="tel"],

.login-table .login-right input[type="text"],

.login-table .login-right select {

    width: 100%;

    font-size: 20px;

    color: #fff;

    font-weight: 700;

    background: 0 0;

    padding-bottom: 20px;

    border: none;

    margin-top: 10px;

    font-family: nexa;

    border-radius: 0;

    padding-left: 0;

}

.job-search-form input:-webkit-autofill,

.job-search-form input:-webkit-autofill:focus,

.job-search-form input:-webkit-autofill:hover,

.job-search-form select:-webkit-autofill,

.job-search-form select:-webkit-autofill:focus,

.job-search-form select:-webkit-autofill:hover,

.job-search-form textarea:-webkit-autofill,

.job-search-form textarea:-webkit-autofill:focus,

.job-search-form textarea:-webkit-autofill:hover {

    transition: background-color 5000s ease-in-out 0s;

    -webkit-text-fill-color: #fff !important;

}

.login-register#login-register input#number::-webkit-input-placeholder {

    color: rgba(255, 255, 255, 0.8);

}

.login-register#login-register input#number::-moz-placeholder {

    color: rgba(255, 255, 255, 0.8);

}

.login-register#login-register input#number:-ms-input-placeholder {

    color: rgba(255, 255, 255, 0.8);

}

.login-register#login-register input#number:-moz-placeholder {

    color: rgba(255, 255, 255, 0.8);

}

.login-register.brief-sec .form-control,

.login-register.brief-sec .login-table .login-right input[type="email"],

.login-register.brief-sec .login-table .login-right input[type="password"],

.login-register.brief-sec .login-table .login-right input[type="tel"],

.login-register.brief-sec .login-table .login-right input[type="text"],

.login-register.brief-sec .login-table .login-right select {

    border-bottom: 2px solid #4c0045 !important;

    color: #4c0045;

}

.login-register.brief-sec input:-webkit-autofill,

.login-register.brief-sec input:-webkit-autofill:focus,

.login-register.brief-sec input:-webkit-autofill:hover,

.login-register.brief-sec select:-webkit-autofill,

.login-register.brief-sec select:-webkit-autofill:focus,

.login-register.brief-sec select:-webkit-autofill:hover,

.login-register.brief-sec textarea:-webkit-autofill,

.login-register.brief-sec textarea:-webkit-autofill:focus,

.login-register.brief-sec textarea:-webkit-autofill:hover {

    transition: background-color 5000s ease-in-out 0s;

    -webkit-text-fill-color: #4c0045 !important;

}

.login-register.brief-sec .file-input label,

.login-register.brief-sec .form-control::placeholder {

    color: #4c0045 !important;

}



.login-register.brief-sec .form-control:-ms-input-placeholder {

    color: #4c0045 !important;

}

.login-register.brief-sec .form-control::-webkit-input-placeholder {

    color: #4c0045 !important;

}

.login-register.brief-sec .form-control::-moz-placeholder {

    color: #4c0045 !important;

}

.login-register.brief-sec .form-control:-ms-input-placeholder {

    color: #4c0045 !important;

}

.login-register.brief-sec .form-control:-moz-placeholder {

    color: #4c0045 !important;

}





.login-register.brief-sec .file-input label::before {

    border: 2px dashed #4c0045;

}

.login-register.brief-sec .brief-btn {

    border: 2px solid #4c0045;

    color: #4c0045;

}

.login-register.brief-sec .brief-btn:hover {

    background: #4c0045;

    color: #fff;

}

#login-register .login-table .login-right input:-webkit-autofill,

#login-register .login-table .login-right input:-webkit-autofill:focus,

#login-register .login-table .login-right input:-webkit-autofill:hover,

#login-register .login-table .login-right select:-webkit-autofill,

#login-register .login-table .login-right select:-webkit-autofill:focus,

#login-register .login-table .login-right select:-webkit-autofill:hover,

#login-register .login-table .login-right textarea:-webkit-autofill,

#login-register .login-table .login-right textarea:-webkit-autofill:focus,

#login-register .login-table .login-right textarea:-webkit-autofill:hover,

#login-register.login-register .form-control:-webkit-autofill,

#login-register.login-register .form-control:-webkit-autofill:focus,

#login-register.login-register .form-control:-webkit-autofill:hover {

    transition: background-color 5000s ease-in-out 0s;

    -webkit-text-fill-color: #fff;

    font-size: inherit;

}

.login-register.profile-page input:-webkit-autofill,

.login-register.profile-page input:-webkit-autofill:focus,

.login-register.profile-page input:-webkit-autofill:hover,

.login-register.profile-page select:-webkit-autofill,

.login-register.profile-page select:-webkit-autofill:focus,

.login-register.profile-page select:-webkit-autofill:hover,

.login-register.profile-page textarea:-webkit-autofill,

.login-register.profile-page textarea:-webkit-autofill:focus,

.login-register.profile-page textarea:-webkit-autofill:hover {

    transition: background-color 5000s ease-in-out 0s;

    -webkit-text-fill-color: #575a5d !important;

    font-size: inherit;

}

.login-register .form-control,

.login-table .login-right input[type="email"],

.login-table .login-right input[type="password"],

.login-table .login-right input[type="tel"],

.login-table .login-right input[type="text"],

.login-table .login-right select {

    border-bottom: 2px solid #fff !important;

    margin-bottom: 20px;

}

.login-register.profile-page .form-control,

.login-register.profile-page .login-right input[type="email"],

.login-register.profile-page .login-right input[type="password"],

.login-register.profile-page .login-right input[type="tel"],

.login-register.profile-page .login-right input[type="text"],

.login-register.profile-page .login-right select {

    border-bottom: 2px solid #575a5d !important;

}

.job-search-form .form-control {

    border-bottom: 2px solid #94668f !important;

}

.form-control:focus {

    outline: 0;

    box-shadow: none;

}

.login-register.profile-page .login-right input[type="checkbox"]+label::before {

    border: 1px solid #575a5d;

}

.login-register.profile-page .custom-check-pro input[type="checkbox"]+label,

.login-register.profile-page .form-control,

.login-register.profile-page .login-right .row a,

.login-register.profile-page .login-table .login-right input[type="email"],

.login-register.profile-page .login-table .login-right input[type="password"],

.login-register.profile-page .login-table .login-right input[type="tel"],

.login-register.profile-page .login-table .login-right input[type="text"],

.login-register.profile-page .login-table .login-right label,

.login-register.profile-page .login-table .login-right select {

    color: #575a5d;

    margin-right: 25px;

}

.login-register.profile-page .form-control::placeholder {

    color: #575a5d;

}

.login-register.profile-page .login-right .view-btn {

    color: #fff;

    background: #f0027f;

    border-color: #f0027f;

}

.login-register.profile-page .login-right .view-btn:hover {

    background: #4c0045;

    color: #fff;

    border-color: #4c0045;

}

.login-register.profile-page .form-control:-ms-input-placeholder {

    color: #575a5d;

}

.login-register.profile-page .login-right {

    background: 0 0;

}

.login-register.profile-page .login-right::before {

    display: none;

}

.login-register.profile-page .form-control::-ms-input-placeholder {

    color: #575a5d;

}

.form-control::placeholder {

    color: rgba(255, 255, 255, 0.8);

}

.form-control:-ms-input-placeholder {

    color: rgba(255, 255, 255, 0.8);

}

.form-control::-ms-input-placeholder {

    color: rgba(255, 255, 255, 0.8);

}

.form-control:focus::placeholder {

    opacity: 0;

}

.form-control:focus:-ms-input-placeholder {

    opacity: 0;

}

.form-control:focus::-ms-input-placeholder {

    opacity: 0;

}

#selectdrop.form-control:focus::placeholder {

    opacity: 1;

}

#selectdrop.form-control:focus:-ms-input-placeholder {

    opacity: 1;

}

#selectdrop.form-control:focus::-ms-input-placeholder {

    opacity: 1;

}

.select-container {

    position: relative;

}

.selectdrop-cont {

    position: absolute;

    background: #fff;

    width: 100%;

    max-width: 100%;

    z-index: 9;

    right: 0;

    top: 50px;

    padding-bottom: 20px;

    border-bottom: 2px solid #94668f;

    display: none;

    padding-top: 15px;

    padding-left: 15px;

    max-height: 260px;

    overflow-y: auto;

}

.selectdrop-cont ul {

    list-style: none;

    text-align: left;

}

.selectdrop-cont ul li {

    color: #97999b;

    font-size: 20px;

    font-weight: 600;

    line-height: 32px;

    cursor: pointer;

}

.job-search-large-sec .cust-container {

    max-width: 1460px;

}

.checkbox {

    position: relative;

}

input[type="checkbox"],

input[type="radio"] {

    opacity: 0;

    position: absolute;

    top: 0;

}

input[type="radio"]+label {

    padding-left: 27px;

}

input[type="checkbox"]+label {

    padding-left: 45px;

}

input[type="checkbox"]+label,

input[type="radio"]+label {

    position: relative;

    color: #575a5d;

    font-size: 20px;

    line-height: 32px;

    font-weight: 400;

    vertical-align: middle;

    margin: 0;

    cursor: pointer;

    font-family: nexa;

}

input[type="checkbox"]+label a,

input[type="radio"]+label a {

    text-decoration: underline;

    color: #fff;

}

input[type="checkbox"]+label::before,

input[type="radio"]+label::before {

    content: " ";

    position: absolute;

    width: 22px;

    height: 22px;

    border: 1px solid #061828;

    left: 0;

    top: 5px;

}

input[type="radio"]+label::before {

    border-radius: 50%;

}

input[type="checkbox"]:checked+label::before {

    background: url(../../images/frontend/checked.png) center center no-repeat;

}

input[type="radio"]:checked+label::before {

    background: url(../../images/frontend/radio-checked.png) center center no-repeat;

}

.filter-item-box h5 {

    color: #4c0045;

    line-height: 46px;

    font-size: 28px;

    font-weight: 400;

    border-bottom: 2px solid #94668f;

    padding-bottom: 5px;

    text-transform: uppercase;

}

.job-filters {

    max-width: 438px;

    background: #fff;

    padding: 28px 40px;

}

.job-filters input[type="checkbox"]+label::before {

    width: 22px;

    height: 22px;

}

.job-filters .checkbox {

    margin-bottom: 7px;

}

.filter-items {

    padding: 0;

    max-height: 400px;

    overflow-y: auto;

    margin-top: 20px;

    margin-bottom: 20px;

}

.select-container {

    position: relative;

}

.select-container input[type="text"].dropslect {

    background: url(../../images/frontend/drop-select.png) right 22px center no-repeat;

    cursor: pointer;

}

.filter-by-cat .select-container {

    position: relative;

    width: 100%;

    display: inline-block;

}

.filter-by-cat .select-container .dropslect {

    height: 44px;

    border-radius: 0;

    padding-left: 27px;

    font-size: 18px;

    font-weight: 700;

    color: #575a5d;

    border: none;

}

.filter-by-cat .select-container input[type="text"].dropslect {

    background: url(../../images/frontend/drop-select.png) right 22px center no-repeat #fff;

}

.filter-by-cat {

    max-width: 280px;

    float: right;

    position: relative;

    z-index: 5;

}

.jobs-avlab {

    background: #fff;

    padding: 40px 58px 38px 58px;

    margin-top: 45px;

    position: relative;

}

.jobs-avlab .spark-logo {

    position: absolute;

    left: 5px;

    top: 5px;

    z-index: 9;

}

.divisions-link a {

    font-size: 30px;

    font-weight: 600;

    color: #112e51;

}

.filter-link {

    margin-top: 23px;

    margin-bottom: 10px;

}

.filter-link a {

    font-size: 20px;

    font-weight: 300;

    color: #575a5d;

    padding-right: 55px;

    display: inline-block;

    vertical-align: top;

    line-height: 32px;

}

.filter-link a:last-child {

    padding-right: 0;

}

.filter-link a span {

    font-weight: 700;

    display: block;

}

.salary-range span {

    color: #fb3121;

    font-weight: 700;

    font-size: 30px;

    float: left;

}

.job-detail-btn {

    float: right;

}

.job-detail-btn .job-btn {

    height: 44px;

    width: 190px;

    line-height: 40px;

    background: url(../../images/frontend/btn-arrow.png) left 10px center no-repeat #112e51;

}

.job-detail-btn .job-btn:hover {

    background: url(../../images/frontend/btn-arrow.png) left 10px center no-repeat #fb3121;

    color: #fff;

    border-color: #fb3121;

}

.divisions-link {

    padding: 6px 0;

}

.job-des {

    padding: 5px 0 25px;

}

.all-jobs-top-banner {

    padding-bottom: 115px;

    padding-left: 50px;

    padding-top: 0;

}

.job-search-large-sec {

    padding: 110px 0 40px;

    width: calc(100% - 110px);

}

.filter-item-box {

    padding-bottom: 15px;

}

.filter-item-box.filter-exclusive {

    position: relative;

}

.filter-item-box:last-child {

    padding-bottom: 0;

}

.jobs-avlab .sub-heading a {

    color: #4c0045;

    letter-spacing: 0;

}

.job-des p {

    line-height: 40px;

    color: #575a5d;

}

.job-search-list {

    margin-top: 30px;

    width: 100%;

}

.job-search-list li {

    font-size: 20px;

    color: #fff;

    display: inline-block;

    vertical-align: top;

    line-height: 30px;

    margin-bottom: 15px;

    padding-right: 0;

    width: calc(60% - 3px);

}

.job-search-list li:nth-child(2n) {

    width: calc(40% - 3px);

}

.job-search-list li b {

    display: block;

    width: 100%;

    font-weight: 700;

    font-size: 28px;

    margin-bottom: 5px;

}

.apply-job-btn .view-btn {

    width: 198px;

    margin-top: 40px;

}

.bottom-job-btns {

    max-width: 236px;

    position: absolute;

    bottom: 20px;

}

.bottom-job-btns .view-btn {

    width: 236px;

    margin-top: 40px;

}

.apply-job-btn .view-btn,

.bottom-job-btns .view-btn,

.login-register .view-btn {

    border: 2px solid #fff;

    color: #fff;

}

.login-register .view-btn {

    background: 0 0;

    line-height: 50px;

    margin-top: 15px;

    width: 190px;

}

.login-register .view-btn:hover {

    background: #fff;

    color: #4abbbd;

}

.login-register .login-right .view-btn:hover {

    color: #5d5ba5;

}

.apply-job-btn .view-btn:hover,

.bottom-job-btns .view-btn:hover {

    background: #fff;

    color: #4c0045;

}

.character-analy-section h2,

.job-detail-content h3,

.job-detail-content h4,

.job-detail-content h5 .let-talk h4,

.salary-survey h2 {

    font-size: 40px;

    line-height: 50px;

    color: #4c0045;

    letter-spacing: 1px;

    font-weight: 400;

    margin-bottom: 20px;

    margin-top: 20px;

    text-transform: uppercase;

}

.job-detail-section {

    background: url(../../images/frontend/job-detail-bg.png) no-repeat #fff;

    padding-top: 90px;

    padding-bottom: 55px;



}

.job-detail-section .roll-btn {

    width: 100%;

    max-width: 1140px;

    float: right;

}

.job-detail-wbg {

    background: inherit;

}

.job-detail-wbg .job-detail-content {

    max-width: inherit;

    float: inherit;

    min-height: inherit;

    max-height: inherit;

}

.job-detail-content {

    font-weight: 300;

    line-height: 40px;

    color: #575a5d;

    letter-spacing: 0.5px;

    margin-bottom: 35px;

    font-size: 20px;

    max-width: 1140px;

    float: right;

    width: 100%;

}

.job-detail-content p a {

    color: #575a5d;

    text-decoration: underline;

}

.job-detail-content li {

    font-size: 20px;

    line-height: 40px;

    color: #575a5d;

    letter-spacing: 0.5px;

    margin-bottom: 10px;

}

.job-detail-content p {

    color: #575a5d;

}

.job-detail-section .cust-container {

    max-width: 1650px;

    position: relative;

}

.agency-team.agency-team-job-search {

    padding-top: 0;

}

.agency-team.agency-team-job-search .inner-sec .left-sec .cont-sec {

    float: left;

    margin-left: 270px;

}

.agency-team.agency-team-job-search .inner-sec .right-sec .img-sec {

    text-align: right;

}

.agency-team.agency-team-job-search .inner-sec .right-sec .img-sec::before {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 427px;

    height: 495px;

    content: " ";

    background: url(../../images/frontend/agency-before-job.png) left bottom no-repeat;

}

.agency-team.agency-team-job-search .inner-sec .right-sec .img-sec img {

    height: 495px;

    object-fit: cover;

    width: 100%;

}

.agency-team.agency-team-job-search .inner-sec .heading {

    padding-top: 0;

}

.contactus-sec {

    width: calc(100% - 110px);

}

.contact-inner-table {

    display: table;

    width: 100%;

    background: #4abbbd;

}

.contact-map-left {

    display: table-cell;

    vertical-align: middle;

    width: 60%;

}

.contcat-form-right {

    display: table-cell;

    vertical-align: middle;

    width: 40%;

}

.contact-map-left iframe {

    height: 880px;

    width: 100%;

    margin-bottom: -6px;

}

.contcat-form-right .heading {

    color: #fff;

    margin-bottom: 38px;

}

.contcat-form {

    max-width: 584px;

}

.contcat-form .footer-right-top .footer-call .sub-heading,

.contcat-form .footer-right-top .footer-call .sub-heading a {

    color: #fff;

}

.contcat-form .footer-right-top {

    margin-top: 22px;

}

.contcat-form .footer-right-top .footer-address {

    margin-top: -4px;

    padding-left: 10px;

}

.contact-map-left {

    position: relative;

}

.contact-map-left::before {

    position: absolute;

    background: url(../../images/frontend/freelancer-before.png) no-repeat;

    width: 510px;

    height: 323px;

    content: " ";

    left: 0;

    bottom: 0;

}

.contact-map-left::after {

    position: absolute;

    background: url(../../images/frontend/freelancer-after.png) no-repeat;

    width: 222px;

    height: 880px;

    content: " ";

    right: 0;

    top: 0;

}

.login-register {

    overflow: hidden;

}

.login-register .cust-container {

    max-width: 1650px;

}

.login-table {

    display: table;

    width: 100%;

}

.login-left {

    display: table-cell;

    /* background: #4abbbd; */

    width: 25%;

    position: relative;

}

.login-left .login-form li.nav-item {

    display: block;

    width: 100%;

}

.login-left .login-form .nav-tabs {

    border-bottom: none;

}

.login-left .login-form a {

    color: #fff;

    border-bottom: 2px solid #fff !important;

    margin-bottom: 20px;

    font-size: 20px;

    padding-bottom: 10px;

    font-weight: 700;

    font-family: nexa;

    margin-top: 10px;

    display: block;

    padding-left: 0;

    padding-top: 0;

}

.login-left .login-form .nav-tabs .nav-item.show .nav-link,

.login-left .login-form .nav-tabs .nav-link.active {

    color: #4c0045;

    background: 0 0;

    border-bottom: 2px solid #fff !important;

}

.login-left .login-form a {

    border: none;

}

.login-left:before {

    position: absolute;

    content: " ";

    height: 100%;

    /* background: #4abbbd; */

    left: -150px;

    width: 150px;

}

.login-right {

    display: table-cell;

    /* background: #5d5ba5; */

    width: 70%;

    position: relative;

    padding-left: 110px;

    padding-right: 40px;

    padding-bottom: 122px;

}

.reset-password-custom .login-right:after {

    position: absolute;

    content: " ";

    height: 100%;

    background: #5d5ba5;

    left: -150px;

    width: 150px;

    top: 0;

}

.reset-password-custom .get-in-touch {

    max-width: 1000px;

    margin: 0 auto;

}

.login-register {

    width: calc(100% - 110px);

}

.login-register .heading {

    color: #fff;

    margin-top: 145px;

    margin-bottom: 20px;

}

.apply-now-popup.modal-dialog {

    max-width: 660px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%) !important;

    margin-bottom: 0;

    margin-top: 0;

    width: 100%;

}

.modal-content {

    border: none;

    box-shadow: -30px 30px 10px rgba(36, 34, 43, 0.2);

    border-radius: 0;

    background: #4c0045;

}

.modal-body {

    padding: 2rem;

}

.let-talk h4 {

    text-align: center;

    color: #fff !important;

    margin-bottom: 20px !important;

}

.let-talk.job-search-form {

    margin: 0;

    max-width: 100%;

}

.file-input label {

    position: relative;

    text-align: center;

    width: 100%;

    z-index: 5;

    min-height: 50px;

    line-height: 50px;

    color: #282e30;

    font-size: 16px;

}

.let-talk.job-search-form #job_apply_form .file-input label {

    color: #fff;

}

.file-input input[type="file"] {

    left: 0;

    z-index: 5;

    opacity: 0;

    position: absolute;

    height: 50px;

    width: 100%;

    top: 0;

}

.file-input label::before {

    min-height: 50px;

    background: 0 0;

    border: 2px dashed #fff;

    width: 100%;

    line-height: 50px;

    content: " ";

    position: absolute;

    left: 0;

    z-index: -1;

    border-radius: 0;

}

.let-talk input[type="checkbox"]+label,

.let-talk input[type="checkbox"]+label a {

    color: #fff;

}

.let-talk input[type="checkbox"]+label a {

    text-decoration: underline;

}

.let-talk input[type="checkbox"]+label::before {

    border: 1px solid #fff;

}

.let-talk .job-search-btn {

    margin-left: auto;

    margin-right: auto;

    display: block;

}

.close {

    color: #fff;

    text-shadow: none;

}

form#register_form {
    max-width: 90%;
}

.close:hover {

    color: #fff;

}

.register-list p {

    font-size: 26px;

    line-height: 36px;

    font-weight: 700;

    color: #fff;

}

.register-list li {

    font-family: nexa;

    font-size: 20px;

    line-height: 36px;

    color: #fff;

    font-weight: 300;

    position: relative;

    padding-left: 20px;

}

.register-list li:before {

    position: absolute;

    content: " ";

    width: 10px;

    height: 10px;

    background: #f0027f;

    border-radius: 50%;

    left: 0;

    top: 12px;

}

.register-list {

    padding-top: 8px;

    margin-bottom: 35px;

}

.register-list ul {

    margin-top: 12px;

}

.login-right .col-sm-12 {

    padding-left: 37px;

    padding-right: 37px;

}

.login-right h4 {

    color: #fff;

    margin-bottom: 20px;

    text-transform: lowercase;

}

.login-right .row {

    margin-left: -37px;

    margin-right: -37px;

}

.login-right .row a {

    color: #fff;

    text-decoration: underline;

}

.login-right input[type="checkbox"]+label {

    color: #fff;

}

.login-right input[type="checkbox"]+label::before {

    border: 1px solid #fff;

}

.login-right .checkbox {

    position: relative;

    margin-top: 28px;

}

.blog-page .heading {

    color: #4c0045;

}

.blog-page {

    padding: 70px 0 80px 0;

    width: calc(100% - 110px);

}

.blog_outer.grid {

    height: auto !important;

    margin-left: -35px !important;

    margin-right: -35px !important;

}

.top-filters {

    margin: 0 auto;

    width: 100%;

    height: auto;

    margin-bottom: 20px;

    text-align: center;

    padding-left: 0;

}

#blog-page.team-page.blog-left .top-filters {

    width: 100%;

    margin-top: 20px;

    text-align: center;

}

#blog-page.team-page.blog-left .select-container {

    position: relative;

    width: 500px;

    vertical-align: top;

    margin: 0 auto;

}

.blog-left .top-filters {

    text-align: left;

    width: calc(100% - 350px);

    float: left;

}

#blog-page.blog-left .top-filters {

    width: 100%;

}

.top-filters button {

    background: 0 0;

    border: none;

    font-size: 15px;

    cursor: pointer;

    font-weight: 400;

    color: #f0027f;

    text-transform: uppercase;

    letter-spacing: 1px;

    border-bottom: 2px solid #f0027f;

    outline: 0 !important;

    margin: 0 15px;

    margin-bottom: 10px;

}

.top-filters button:hover {

    color: #4c0045;

    border-bottom: 2px solid #4c0045;

}

.top-filters button.is-checked {

    font-weight: 700;

    outline: 0 !important;

    color: #4c0045;

    border-bottom: 2px solid #4c0045;

}

.blog_outer.grid .element-item.type1 {

    width: calc(25% - 70px);

}

.blog_outer.grid .element-item.type2 {

    width: calc(50% - 70px);

}

.blog_outer.grid .element-item.type1 .blog-pic {

    width: 100%;

    height: 280px;

    position: relative;

    overflow: hidden;

}

.blog_outer.grid .element-item .blog-pic img {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    width: auto;

    max-width: inherit;

    height: auto;

    min-width: 100%;

    min-height: 100%;

}

.blog_outer.grid .element-item.type1 .blog-content {

    padding: 23px 20px;

}

.blog_outer.grid .element-item.type2 .blog-pic {

    width: 50%;

    float: left;

    position: relative;

    overflow: hidden;

    height: 680px;

}

.blog_outer.grid .element-item.type2 .blog-content {

    width: 50%;

    padding: 20px;

    float: left;

}

.blog_outer.grid .element-item .blog-content h2 a {

    color: #fff;

    font-size: 22px;

    line-height: 32px;

    margin-bottom: 10px;

    display: block;

    font-family: futura-pt;

    text-transform: uppercase;

}

.blog_outer.grid .element-item .blog-content .inner-contents {

    color: #fff;

    font-size: 16px;

    font-weight: 400;

    line-height: 26px;

}

.blog_outer.grid .element-item .blog-content .inner-contents p {

    color: #fff;

    margin-bottom: 15px;

    line-height: 26px;

    padding-right: 15px;

    font-size: 16px;

}

.blog_outer.grid .element-item.type1 .blog-content .inner-contents .bottom-content {

    position: absolute;

    bottom: 20px;

    left: 20px;

    width: calc(100% - 40px);

}

.blog_outer.grid .element-item .blog-content .inner-contents .bottom-content span.b-date,

.blog_outer.grid .element-item .blog-content span.b-date {

    float: left;

    color: #fff;

    font-size: 14px;

    font-weight: 700;

    line-height: 26px;

    font-family: nexa;

}

.blog_outer.grid .element-item .blog-content span.b-date {

    width: 100%;

}

.blog_outer.grid .element-item .blog-content .inner-contents .bottom-content a.b-read {

    float: right;

    text-align: right;

    color: #fff;

    font-size: 9px;

    font-weight: 700;

    line-height: 26px;

    font-family: nexa;

    width: 100px;

    height: 28px;

    border: 2px solid #fff;

    text-align: center;

    text-transform: uppercase;

}

.blog_outer.grid .element-item.type2 .blog-content .inner-contents .bottom-content {

    position: absolute;

    bottom: 20px;

    right: 20px;

    width: calc(50% - 40px);

}

.sub-title.blog-page {

    font-family: Montserrat, sans-serif;

    padding-bottom: 20px;

    margin-bottom: 30px;

    border-bottom: 2px solid #004576;

    font-size: 32px;

    color: #004576;

    font-weight: 600;

}

.element-item {

    position: relative !important;

    float: left;

    left: inherit !important;

    top: inherit !important;

    transition: all 0.4s !important;

    margin: 30px 35px 40px 35px;

    background: #4abbbd;

    height: 680px;

}

.element-item:nth-child(2n) {

    background: #47c1ef;

}

.element-item:nth-child(3n) {

    background: #f0027f;

}

.element-item:nth-child(4n) {

    background: #4c0045;

}

.element-item:nth-child(5n) {

    background: #fdc508;

}

.element-item:nth-child(6n) {

    background: #5d5ba5;

}

.custom-container-blog {

    padding-top: 25px;

}

.blog-overview {

    padding-top: 222px;

}

.load-more-blogs .view-btn {

    width: 190px;

}

.load-more-blogs {

    margin: 60px 0 20px 0;

}

.blog-sidebar {

    background: #fff;

    max-width: 604px;

    width: 100%;

    display: inline-block;

    vertical-align: top;

}

.blog-left-part {

    width: calc(100% - 609px);

    display: inline-block;

    vertical-align: top;

    padding-left: 120px;

    padding-top: 90px;

    padding-right: 50px;

    padding-bottom: 90px;

    position: relative;

}

.blog-left-part .breadcrumb {

    background: 0 0;

    padding: 0;

}

.blog-left-part .breadcrumb-item a {

    color: #575a5d;

    font-weight: 400;

}

.blog-left-part .breadcrumb-item {

    color: #575a5d;

    font-weight: 600;

}

.blog-detail-page {

    width: calc(100% - 110px);

}

.blog-share {

    float: left;

}

.blog-share h6 {

    font-size: 40px;

    line-height: 50px;

    color: #4c0045;

    letter-spacing: 1px;

    display: inline-block;

}

.blog-share .social-media-sec {

    display: inline-block;

    vertical-align: middle;

    margin-left: 35px;

}

.blog-share .social-media-sec li {

    display: inline-block;

    margin-right: 11px;

    margin-top: -8px;

}

.next-blog-btn .view-btn {

    width: 150px;

    margin-top: 0;

    position: static;

}

.view-all-blogs-btn .view-btn {

    width: 260px;

}

.next-blog-btn .view-btn,

.view-all-blogs-btn .view-btn {

    border: 2px solid #575a5d;

    color: #575a5d;

}

.next-blog-btn .view-btn:hover,

.view-all-blogs-btn .view-btn:hover {

    background: #575a5d;

    color: #fff;

}

.blog-detail-content {

    margin-top: 100px;

    padding-bottom: 50px;

}

.blog-detail-content h2 a {

    color: #575a5d;

    text-decoration: underline;

}

.blog-detail-content h2 {

    font-size: 28px;

    line-height: 36px;

    color: #575a5d;

    font-weight: 700;

    margin-bottom: 15px;

    width: 91%;

}

.blog-detail-content h3 {

    font-size: 24px;

    line-height: 30px;

    color: #575a5d;

    font-weight: 700;

}

.blog-detail-content p a {

    color: #4c0045;

    font-weight: 700;

}

.blog-detail-content li,

.blog-detail-content p {

    color: #575a5d;

    padding-right: 15px;

}

.blog-detail-content li {

    list-style: disc;

    list-style-position: inside;

}

.blog-left-part iframe {

    height: 288px;

    display: inline-block;

    vertical-align: top;

    width: calc(50% - 3px);

    border: 2px solid #f0027f;

}

.blog-left-part img {

    height: 288px;

    display: inline-block;

    vertical-align: top;

    width: calc(50% - 3px);

    object-fit: cover;

}

.blog-video-container {

    margin-top: 47px;

    margin-bottom: 40px;

}

.sidebar-heading h5 {

    text-align: center;

}

.blog-sidebar h5 {

    font-size: 60px;

    line-height: 72px;

    letter-spacing: 1px;

    color: #4c0045;

    font-weight: 400;

    padding: 60px 35px;

}

.blog-detail-content span {

    color: #575a5d;

    font-size: 14px;

    font-weight: 600;

    padding-bottom: 10px;

    display: block;

}

.sidebar-user-detail {

    background: #5d5ba5;

    padding: 25px 35px 35px 35px;

}

.sidebar-user-detail h6 {

    font-size: 40px;

    line-height: 50px;

    letter-spacing: 1px;

    color: #fff;

}

.sidebar-user-detail p {

    color: #fff;

    margin-top: 5px;

    margin-bottom: 20px;

}

.sidebar-user-detail .view-btn {

    width: 190px;

    color: #fff;

    border-color: #fff;

}

.sidebar-user-detail .view-btn:hover {

    color: #5d5ba5;

    background: #fff;

}

.sidebar-user-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.sidebar-user-image {

    position: relative;

}

.sidebar-user-image:before {

    background: url(../../images/frontend/sidebar-image-befre.png) bottom no-repeat;

    width: 100%;

    height: 452px;

    position: absolute;

    content: " ";

    bottom: 0;

}

.related-blogs {

    padding-left: 90px;

    padding-top: 53px;

    padding-right: 25px;

}

.blogs-repeat span {

    font-size: 16px;

    line-height: 32px;

    color: #f0027f;

    font-weight: 700;

}

.blogs-repeat h6 {

    font-size: 28px;

    line-height: 38px;

    color: #4c0045;

    font-weight: 400;

    max-width: 310px;

}

.blogs-repeat {

    margin-bottom: 22px;

}

.blogs-repeat h6 a {

    color: #4c0045;

}

.related-blogs h5 {

    margin-bottom: 48px;

}

.view-all-blogs-btn {

    padding: 15px 0 45px;

}

.browse-blog-cate {

    background: #4abbbd;

    padding: 60px 90px 75px 90px;

}

.browse-blog-cate h6 {

    font-size: 32px;

    line-height: 38px;

    color: #fff;

    font-weight: 400;

    letter-spacing: 1px;

    margin-bottom: 32px;

}

.browse-blog-cate .select-container input[type="text"].dropslect {

    background: url(../../images/frontend/drop-select.png) right 22px center no-repeat #fff;

    border: none;

    border-radius: 0;

    font-size: 18px;

    font-weight: 700;

    color: #575a5d;

    padding-left: 30px;

    height: 44px;

    width: 100%;

}

.team-member-info:hover .team-member-content,

.team-member-info:hover .team-member-shape {

    opacity: 0;

    transition: 0.8s;

}

.team-member-info {

    width: 25%;

    float: left;

    position: relative;

}

.team-member-info img {

    height: 448px;

    object-fit: cover;

    width: 100%;

}

.team-member-shape {

    height: 100%;

    width: 100%;

    top: 0;

    position: absolute;

}

.team-member-content h3 {

    color: #fff;

    font-size: 32px;

    line-height: 36px;

    font-weight: 400;

    letter-spacing: 0.4px;

    text-transform: uppercase;

    padding-right: 40px;

}

.team-member-content .job-title {

    color: #fff;

    font-size: 28px;

    line-height: 38px;

    font-weight: 400;

    letter-spacing: 1px;

    font-family: futura-pt;

    display: block;

    margin-top: 5px;

    min-height: 76px;

}

.team-member-content {

    z-index: 5;

}

.team-style1 .team-member-shape {

    background: url(../../images/frontend/t-style1.png) no-repeat;

    top: 0;

}

.team-style1 .team-member-content,

.team-style11 .team-member-content,

.team-style12 .team-member-content,

.team-style14 .team-member-content,

.team-style16 .team-member-content,

.team-style19 .team-member-content,

.team-style6 .team-member-content,

.team-style9 .team-member-content {

    position: absolute;

    bottom: 10px;

    right: 10px;

    text-align: right;

    max-width: 55%;

}

.team-style19 .team-member-content {

    max-width: 67%;

}

.team-style12 .team-member-content {

    max-width: 67%;

}

.team-style9 .team-member-content {

    max-width: 67%;

}

.team-style6 .team-member-content {

    max-width: 67%;

}

.team-style13 .team-member-shape,

.team-style2 .team-member-shape {

    background: url(../../images/frontend/t-style2.png) left bottom no-repeat;

    background-size: cover;

}

.team-style17 .team-member-shape {

    background: url(../../images/frontend/t-style17.png) left bottom no-repeat;

    background-size: cover;

}

.team-style13 .team-member-shape {

    background: url(../../images/frontend/t-style2.png) left bottom no-repeat;

    background-size: cover;

}

.team-style15 .team-member-shape {

    background: url(../../images/frontend/t-style14.png) left bottom no-repeat;

    background-size: cover;

}

.team-style16 .team-member-shape {

    background: url(../../images/frontend/t-style15.png) left bottom no-repeat;

    background-size: cover;

}

.team-member-info.team-style20 {

    background: #fdc508;

    position: relative;

}

.team-member-info.team-style20 .jointeam-20 {

    color: #f0027f;

    font-size: 40px;

    line-height: 50px;

    font-weight: 500;

    text-align: center;

}

.jointeam-20 {

    position: absolute;

    z-index: 1;

    bottom: 60px;

    width: 120px;

    display: block;

    right: 90px;

}

.team-member-info.team-style20.blue-bg {

    background: #47c1ef;

}

.team-member-info.team-style20.green-bg {

    background: #4abbbd;

}

.team-style13 .team-member-content,

.team-style15 .team-member-content,

.team-style17 .team-member-content,

.team-style2 .team-member-content {

    position: absolute;

    bottom: 10px;

    left: 10px;

}

.team-style2 .team-member-content h3 {

    max-width: 70%;

}

.team-style3 .team-member-shape {

    background: url(../../images/frontend/t-style3.png) left bottom no-repeat;

    top: 0;

    background-size: cover;

}

.team-style12 .team-member-shape {

    background: url(../../images/frontend/t-style12.png) left bottom no-repeat;

    top: 0;

    background-size: cover;

}

.team-style14 .team-member-shape {

    background: url(../../images/frontend/t-style13.png) left bottom no-repeat;

    top: 0;

    background-size: cover;

}

.team-style3 .team-member-content {

    position: absolute;

    bottom: 10px;

    right: 10px;

    text-align: right;

    max-width: 65%;

}

.team-style4 .team-member-shape {

    background: url(../../images/frontend/t-style4.png) left bottom no-repeat;

    background-size: cover;

}

.team-style10 .team-member-content,

.team-style18 .team-member-content,

.team-style4 .team-member-content,

.team-style5 .team-member-content,

.team-style8 .team-member-content {

    position: absolute;

    bottom: 10px;

    left: 10px;

}

.team-style10 .team-member-content h3,

.team-style4 .team-member-content h3,

.team-style5 .team-member-content h3,

.team-style8 .team-member-content h3 {

    max-width: 70%;

}

.team-style5 .team-member-shape {

    background: url(../../images/frontend/t-style5.png) no-repeat;

    background-size: cover;

}

.team-style8 .team-member-shape {

    background: url(../../images/frontend/t-style8.png) no-repeat;

    background-size: cover;

}

.team-style18 .team-member-shape {

    background: url(../../images/frontend/t-style18.png) no-repeat;

    background-size: cover;

}

.team-style10 .team-member-shape {

    background: url(../../images/frontend/t-style10.png) no-repeat;

    background-size: cover;

}

.team-style6 .team-member-shape {

    background: url(../../images/frontend/t-style6.png) right bottom no-repeat;

    top: 0;

    background-size: cover;

}

.team-style19 .team-member-shape {

    background: url(../../images/frontend/t-style19.png) no-repeat;

    top: 0;

    background-size: cover;

}

.team-style9 .team-member-shape {

    background: url(../../images/frontend/t-style9.png) no-repeat;

    top: 0;

    background-size: cover;

}

.team-style11 .team-member-shape {

    background: url(../../images/frontend/t-style11.png) no-repeat;

    top: 0;

    background-size: cover;

}

.team-style7 .team-member-shape {

    background: url(../../images/frontend/t-style7.png) no-repeat;

    top: 0;

    background-size: cover;

}

.team-style7 .team-member-content {

    position: absolute;

    bottom: 10px;

    right: 10px;

    text-align: right;

    max-width: 75%;

}

.team-style7 .team-member-content h3 {

    padding-left: 200px;

    text-align: right;

    width: 100%;

    max-width: 100%;

}

.blog-left .select-container input[type="text"].dropslect {

    background: url(../../images/frontend/drop-select.png) right 22px center no-repeat #fff;

    border: 2px solid #f0027f;

    border-radius: 0;

    font-size: 18px;

    font-weight: 700;

    color: #575a5d;

    padding-left: 30px;

    height: 44px;

    width: 500px;

    float: right;

}

.blog-left .selectdrop-cont {

    position: absolute;

    background: #fff;

    width: 100%;

    max-width: 500px;

    z-index: 9;

    right: 0;

    top: 50px;

    padding-bottom: 20px;

    border-bottom: 2px solid #94668f;

    display: none;

    padding-top: 15px;

    padding-left: 15px;

}

#suggestion-postcode {

    position: absolute;

    background: #fff;

    width: 100%;

    max-width: 100%;

    z-index: 9;

    right: 0;

    top: 50px;

    padding-bottom: 20px;

    border-bottom: 2px solid #94668f;

    display: none;

    padding-top: 15px;

    padding-left: 15px;

}

#suggestion-postcode li {

    color: #97999b;

    font-size: 20px;

    font-weight: 600;

    line-height: 32px;

    cursor: pointer;

}

::-webkit-scrollbar {

    width: 6px;

}

::-webkit-scrollbar-track {

    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

}

::-webkit-scrollbar-thumb {

    background-color: #f0027f;

    outline: 1px solid #fff;

}

#search-result-container {

    margin-top: 45px;

}

#search-result-container .jobs-avlab:nth-child(1) {

    margin-top: 0 !important;

}

.blog-detail-content p b,

.blog-detail-content p strong {

    font-weight: 700;

}

.job-detail-section.completing-timesheet-section {

    background-attachment: fixed;

}

.job-detail-section.completing-timesheet-section .job-detail-content.content-pages {

    height: auto;

    max-height: 100%;

}

.profile-page .login-left {

    width: 22%;

    padding-right: 40px;

}

.profile-page .login-right {

    width: 78%;

}

.text-transform {

    text-transform: inherit !important;

}

.newsletter-sec .work-sec .work-cont h2 {

    color: #fff;

}

.take-test .newsletter-sec p b {

    font-weight: 700;

}

.team-member-pic-small {

    width: 55px;

    display: inline-block;

    vertical-align: middle;

    margin-top: 20px;

}

.team-member-name-small {

    font-size: 24px;

    display: inline-block;

    width: calc(100% - 60px);

    vertical-align: middle;

    padding-left: 10px;

    margin-top: 20px;

}

.take-test-team-page .newsletter-sec .job-alert,

.take-test-team-page .newsletter-sec .sign-up-sec,

.take-test-team-page .newsletter-sec .work-sec {

    vertical-align: top;

    padding-top: 150px;

    position: relative;

}

.job-detail-content p b {

    font-weight: 700;

}

.salary-detail-job {

    padding-right: 15px;

    margin-bottom: 15px;

    display: inline-block;

}

.download-guide-job-hunting .download-sec {

    padding-top: 0;

}

.common-scroll-services {

    height: 80px;

    width: 100%;

    z-index: -1;

    position: absolute;

    margin-top: -80px;

    opacity: 0;

    top: 0;

    left: 0;

}

header.sticky-header .user-dropdown-list li a {

    color: #fff;

}

.main-wrapper .banner-sec.half-banner .banner-effect {

    height: 100% !important;

}

.banner-sec.banner-inner-page.agency-sec.half-banner {

    padding: 160px 0 0 0 !important;

}

.buttons-404 {

    margin-top: 30px;

}

.login-right.brief-right .get-in-touch .register-list .heading {

    color: #4c0045;

}

.login-right.brief-right .get-in-touch .register-list p {

    color: #575a5d;

}

.login-right.brief-right .get-in-touch .register-list p a {

    color: #575a5d;

    text-decoration: underline;

}

@-webkit-keyframes bounce {

    0% {

        transform: translateY(0);

    }

    50% {

        transform: translateY(-6px);

    }

    50% {

        transform: translateY(0);

    }

    50% {

        transform: translateY(10px);

    }

}

@-moz-keyframes bounce {

    0% {

        transform: translateY(0);

    }

    50% {

        transform: translateY(-10px);

    }

    50% {

        transform: translateY(0);

    }

    50% {

        transform: translateY(10px);

    }

}

@-ms-keyframes bounce {

    0% {

        transform: translateY(0);

    }

    50% {

        transform: translateY(-10px);

    }

    50% {

        transform: translateY(0);

    }

    50% {

        transform: translateY(10px);

    }

}

@-o-keyframes bounce {

    0% {

        transform: translateY(0);

    }

    50% {

        transform: translateY(-10px);

    }

    50% {

        transform: translateY(0);

    }

    50% {

        transform: translateY(10px);

    }

}

@keyframes bounce {

    0% {

        transform: translateY(0);

    }

    50% {

        transform: translateY(-10px);

    }

    50% {

        transform: translateY(0);

    }

    50% {

        transform: translateY(10px);

    }

}

.banner-sec .scroll-d {

    -webkit-animation: 1.8s both linear infinite bounce;

    -moz-animation: 1.8s both linear infinite bounce;

    -ms-animation: 1.8s both linear infinite bounce;

    -o-animation: 1.8s both linear infinite bounce;

    animation: 1.8s both linear infinite bounce;

}

.login-right .function-checkboxes input[type="checkbox"]+label {

    color: #fff;

    font-weight: 400;

}

.login-right .function-checkboxes-profile input[type="checkbox"]+label {

    font-weight: 400;

}

.select-looking-for {

    font-family: nexa;

}

.select-looking-for select {

    background: url(../../images/frontend/arrow-down-menu.png) top 15px right no-repeat !important;

    background-size: 15px !important;

    appearance: none;

}

.select-looking-for-profile select {

    background: url(../../images/frontend/arrow-down-menu-purple.png) top 15px right no-repeat !important;

    background-size: 15px !important;

    appearance: none;

}

.function-checkboxes,

.function-checkboxes-profile {

    max-height: 285px;

    overflow-y: auto;

}

.jobs-found-sec {

    display: inline-block;

    padding-left: 15px;

}

.jobs-found-sec h5 {

    color: #fff;

}

.login-table .login-right select option {

    color: #575a5d;

    font-weight: 700;

}

.bold-logo img {

    width: 150px;

    object-fit: cover;

}

.job-sec.static-job-page .job-bottom-sec .job-bottom-cont {

    min-width: 100%;

    margin-left: 0;

}

.job-sec.static-job-page .job-bottom-sec .job-bottom-cont ul {

    margin-left: -19px;

    margin-right: -19px;

}

.job-sec.static-job-page .job-bottom-sec .job-bottom-cont li {

    padding: 60px 50px 68px 50px;

    width: calc(33.3% - 41px);

    margin-left: 19px;

    margin-right: 19px;

    margin-bottom: 40px;

    float: none;

}

.login-form .apply-job-btn span {

    color: #fff;

}

.job-sec.static-job-page {

    padding: 60px 0 80px 0;

}

.meet-team-center-btn {

    text-align: center;

    margin-top: 70px;

}

.meet-team-center-btn .view-btn {

    width: 220px;

}

.header-top-strip {

    width: 100%;

    height: auto;

    padding: 17px 15%;

    background: #4c0045;

    position: fixed;

    top: 0;

    z-index: 999;
    ;

}

.header-top-strip:before {

    background: url(../../images/frontend/holly.png) no-repeat;

    background-size: 70px;

    width: 70px;

    height: 50px;

    position: absolute;

    content: "";

    left: 10px;

    top: 50%;

    transform: translateY(-50%);

}

.header-top-strip:after {

    background: url(../../images/frontend/holly.png) no-repeat;

    background-size: 70px;

    width: 70px;

    height: 50px;

    position: absolute;

    content: "";

    right: 10px;

    top: 50%;

    transform: translateY(-50%);

}



.header-top-strip .header-top-strip-inner {

    margin: 0 auto;

    width: 100%;

}

.header-top-strip .header-top-strip-inner .header-top-strip-left {

    float: left;

    width: calc(100% - 149px);

}

.header-top-strip .header-top-strip-inner .header-top-strip-left p {

    color: #fff;

    font-size: 17px;

    font-weight: 600;

}

.header-top-strip .header-top-strip-inner .header-top-strip-right {

    float: right;

    width: 149px;

}

.header-top-strip .header-top-strip-inner .header-top-strip-right .work-btn {

    width: 149px;

    height: 39px;

    line-height: 39px;

    font-size: 16px;

    font-weight: 700;

    display: inline-block;

    text-align: center;

    color: #fff;

    background: #007581;

}

.header-top-strip .header-top-strip-inner .header-top-strip-right .work-btn:hover {

    background: #fff;

    border: none;

    line-height: 39px;

    color: #007581;

}

header.header-home-new {

    padding-top: 90px;

}

.header-home-new.sticky-header {

    padding: 18px 0 0 0;

    z-index: 999;

}



iframe#adventcalendar {

    height: 100vh !important;

}

.badge-container-1 {

    width: 200px !important;

    position: relative;

    top: 15px;

    left: 2%;

    overflow: hidden;

    padding: 0px;

}

.badge-container-1 iframe {

    width: 200px !important;

    height: 100px !important;

}



h5.notify-message {

    float: left;

    word-break: break-word;

    width: 310px;

    text-align: left;

    margin-top: 30px;

}

/* 14th sep 2022*/


.narrow_banner {
    background: #000;

}

.narrow_banner p.narrow_banner_text {
    color: #fff;
    text-align: center;
    font-size: 15px;
    padding: 10px;
}

.sep-home-banner .banner-sec.banner-inner-page.agency-sec {
    background-position: center !important;
}

/* 14th sep 2022*/

/* 15-09-2022 start here */
form#job-search-home {
    display: flex;
}

.main-wrapper .banner-sec .banner-cont .search-sec input[type="text"] {
    width: 100% !important;
    max-width: 100% !important;
}

.main-wrapper .banner-sec .banner-cont .search-sec button {
    width: 80px !important;
}

/* 15-09-2022 end here */

@media only screen and (max-width: 1099px) {



    .jobs-avlab .d-flex.bd-highlight {

        display: block !important;

    }



    .p-2.bd-highlight.text-right {

        text-align: left !important;

        padding-left: 0 !important;

    }



    .p-2.flex-grow-1.bd-highlight {

        padding-left: 0 !important;

    }

    .p-2.bd-highlight {

        text-align: left !important;

        padding-left: 0 !important;

    }

}






/* ----06-07-2022-start---- */
.header-left-sec {
    display: flex;
    flex-direction: row-reverse;
}

.nav-sec {
    padding-left: 0px !important;
}

.login-register {
    background: url(https://www.stopgap.co.uk/assets/images/frontend/registration-bg-graphic.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100% !important;
}

/* @media screen and (max-width: 1024px) {
.banner-effect {
    display: none;
}
} */
/* ----06-07-2022-end---- */


/* ----08-07-2022-start---- */
.new-header-update h1.main-title.wow {
    font-size: 130px;
    line-height: 120px;
    font-family: mont;
    text-transform: none;
    letter-spacing: -5px;
}

span.padding-left {
    padding-left: 200px;
}

p.summer {
    font-size: 32px;
    color: #fff;
    font-family: 'mont';
    padding-top: 20px;
    line-height: 37px;
}

p.banner-para {
    font-size: 26px;
    font-family: 'nexa';
    line-height: 38px;
    color: #fff;
    margin-top: 16px;
}

@media screen and (max-width: 500px) {
    .login-left {
        padding-bottom: 150px !important;
    }
}

@media screen and (max-width: 768px) {
    .new-header-update h1.main-title.wow {
        font-size: 90px;
        line-height: 90px;
    }

    p.summer {
        font-size: 22px;
        line-height: 26px;
    }

    .main-wrapper .banner-sec {
        padding: 190px 0 0 10px;
    }

    p.banner-para {
        font-size: 20px;
        line-height: 28px;
    }

    span.padding-left {
        padding-left: 130px;
    }
}

@media screen and (max-width: 991px) {
    .login-left::after {
        background: transparent !important;
    }

    .login-right::after {
        background: transparent !important;
    }

    .login-left {
        background: url(https://www.stopgap.co.uk/assets/images/frontend/top-register-bg.png) !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        padding: 0px 25px;
        padding-bottom: 300px;
    }

    .login-register {
        background: none !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }

    .login-register .cust-container {
        padding: 0px !important;
    }

    .login-right {
        background: url(https://www.stopgap.co.uk/assets/images/frontend/bottom-register-bg.png) !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        padding: 0px 25px !important;
        padding-bottom: 300px !important;
    }

    .banner-sec .scroll-d {
        left: 93% !important;
    }
}

@media screen and (min-width: 992px) and (max-width: 1279px) {
    .login-left {
        width: 41% !important;
    }
}

header.sticky-header .logo-sec {
    visibility: hidden;
}

@media screen and (max-width: 768px) {
    .main-wrapper .banner-sec .banner-cont {
        width: 61%;
        position: relative;
        z-index: 9;

    }

    .main-wrapper .new-header-update .banner-sec .banner-cont {
        height: 630px;
    }

    .video-sect .banner-effect {
        display: none;
    }

    .get-in-touch form#register_form {
        max-width: 100%;
    }

    .register-list p {
        padding-top: 30px;
        padding-bottom: 15px;
    }

    .login-right:after {
        margin-top: 0px !important;
    }
}

@media screen and (min-width: 1280px) {
    .login-right:before {
        position: absolute;
        content: " ";
        background-repeat: no-repeat;
        height: 100%;
        right: 150px;
        background-image: url(https://www.stopgap.co.uk/assets/images/frontend/before-icon.png);
        width: 150px;
        top: 200px;
    }
}

@media screen and (max-width: 991px) {
    .login-right:after {
        position: absolute;
        content: " ";
        background-repeat: no-repeat !important;
        height: 100%;
        background-image: url(https://www.stopgap.co.uk/assets/images/frontend/before-icon.svg) !important;
        width: 150px;

    }
}

.banner-sec p.banner-para {
    max-width: 525px;
}

.banner-sec p.summer {
    max-width: 575px;
}

.login-register.profile-page {
    background: none;
    width: calc(100% - 95px) !important;
}

.login-register.profile-page .login-left:before {
    background: #4abbbd;
}

.login-register.profile-page .login-left {

    width: 22% !important;
    background: #4abbbd;
}

@media (min-width: 992px) and (max-width: 1279px) {
    .profile-page .login-left {
        padding-right: 20px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .login-register.profile-page .login-left {
        display: block;
        width: 100% !important;
    }

    .login-register.profile-page {

        width: calc(100% - 80px) !important;
    }

}

@media (min-width: 320px) and (max-width: 767px) {
    .login-register.profile-page .login-left {
        display: block;
        width: 100% !important;
    }

    .login-register.profile-page {

        width: 100% !important;
    }
}

@media screen and (max-width: 991px) {
    .login-register.profile-page .login-left {

        background: #4abbbd !important;
        padding-bottom: 0 !important;
    }

    .login-register.profile-page .login-right {
        background: none !important;
        padding-bottom: 40px !important;
    }

}

/* ----08-07-2022-end---- */

/* ----13-07-2022-start---- */
.reset-password-custom .login-right {
    display: table-cell;
    background: #5d5ba5 !important;
    width: 70%;
    position: relative;
    padding-left: 110px;
    padding-right: 40px;
    padding-bottom: 122px;
}

.reset-password-custom .login-right .title-right {
    margin-top: 145px;
    margin-bottom: 20px;
    font-size: 60px;
}

.reset-password-custom .login-right:before {
    position: absolute;
    content: " ";
    height: 100%;
    background: #5d5ba5;
    right: -149px;
    width: 150px;
    top: 0;
}

header.sticky-header .register-sec a.view-btn {
    color: #f0027f !important;
    border: 2px solid #f0027f !important;
}

header.sticky-header .register-sec a.view-btn:hover {
    color: #fff !important;
}

@media screen and (max-width: 768px) {
    .reset-password-custom {
        width: auto !important;
    }
}




/* ----13-07-2022-end---- */
/* -----15-09-2022-start----- */

/* @media screen and (min-width:520px) and (max-width:991px) {
.main-wrapper .banner-sec .banner-cont .banner-btn .work-btn {
    width: 220px !important;
}
} */

.main-wrapper .banner-sec .banner-cont .search-sec input[type="text"] {
    width: 100% !important;
    max-width: 100% !important;
}

.main-wrapper .banner-sec .banner-cont .search-sec button {
    width: 80px !important;
    line-height: 0 !important;
    height: 70px;
}

.main-wrapper .banner-sec .banner-cont .banner-btn {
    display: flex;
}

.main-wrapper .banner-sec .banner-cont .banner-btn .work-btn {
    width: 100% !important;
}

.main-wrapper .banner-sec .banner-cont .banner-btn a:last-child {
    margin-right: 0px !important;
}

@media screen and (min-width:768px) and (max-width:1279px) {
    .main-wrapper .banner-sec.banner-inner-page {
        height: 700px !important;
    }
}

@media screen and (max-width:500px) {
    .main-wrapper .banner-sec .banner-cont .banner-btn .work-btn {
        width: 100% !important;
        letter-spacing: 0px;
        word-spacing: 3px;
    }

    .sep-home-banner .search-sec form#job-search-home {
        justify-content: space-between;
    }

    .banner-sec.banner-inner-page.agency-sec {
        height: auto !important;
    }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    .banner-sec.banner-inner-page.agency-sec {
        height: 700px !important;
    }

    .main-wrapper .banner-sec .banner-cont .banner-btn {
        display: block;
    }
}

@media screen and (max-width: 500px) {
    .banner-sec.banner-inner-page.agency-sec {
        height: 900px !important;
    }
}

@media screen and (min-width:1280px) {
    .banner-sec.banner-inner-page.agency-sec {
        height: 780px !important;
    }
}

/* -----15-09-2022-end----- */



/* Cookie popup css */

div#termsfeed-com---nb {
    background-color: #fff;
    color: #fff;
    border: 1px solid #f0027f;
}

.termsfeed-com---palette-dark .cc-nb-title {
    color: #4c0045 !important;
    line-height: normal !important;
    font-family: futura-pt;
}

div#termsfeed-com---preferences-center .cc-pc-head-title-headline,
div#termsfeed-com---preferences-center .cc-cp-body-content-entry-title {
    font-family: futura-pt;
}

.termsfeed-com---palette-dark .cc-nb-text,
.termsfeed-com---palette-dark .cc-nb-text span {
    color: #4c0045;
    font-family: nexa;
}

.cc-nb-buttons-container button,
.termsfeed-com---palette-dark .cc-cp-foot-save {
    border: 2px solid #f0027f !important;
    text-align: center;
    color: #f0027f !important;
    font-weight: 700 !important;
    display: inline-block;
    text-transform: uppercase !important;
    background-color: transparent !important;
    font-family: nexa !important; 
}

.cc-nb-buttons-container button:hover,
.termsfeed-com---palette-dark .cc-cp-foot-save:hover {
    background-color: #f0027f !important;
    color: #fff !important;
}

.termsfeed-com---palette-dark .cc-cp-body-content-entry-title,
.termsfeed-com---palette-dark .cc-cp-body-content-entry-text,
.termsfeed-com---palette-dark .cc-pc-head-title-text,
.termsfeed-com---palette-dark .cc-pc-head-title-headline,
.termsfeed-com---palette-dark .cc-cp-foot-byline,
.termsfeed-com---pc-dialog .cc-cp-foot-byline a {
    color: #4c0045 !important;
        font-family: nexa;
}

.cc-pc-head-lang select.cc-pc-head-lang-select {
    background: #fff !important;
    color: #4c0045 !important;
    border-bottom: 1px solid #4c0045;
    padding-left: 0px !important;
    cursor: pointer;
      font-family: nexa !important;
      font-size: 14px !important;
}

.termsfeed-com---palette-dark .cc-pc-head-close:active,
.termsfeed-com---palette-dark .cc-pc-head-close:focus {
    border: none !important;
}

button.cc-pc-head-close {
    filter: invert(1);
}

.termsfeed-com---palette-dark .cc-pc-head {
    background: #fff !important;
    border-bottom: 1px solid #4c0045 !important;
}

div#termsfeed-com---preferences-center .cc-cp-body-content,
div#termsfeed-com---preferences-center .cc-cp-foot {
    background: #fff !important;
    color: #4c0045;
}

.termsfeed-com---palette-dark .cc-cp-body-content,
.termsfeed-com---palette-dark .cc-cp-foot {
    background: #fff !important;
    color: #4c0045;
}

div#termsfeed-com---preferences-center .cc-cp-body-tabs-item[active=true] {
    background: #f0027f !important;
}

.termsfeed-com---palette-dark .cc-cp-body-tabs-item[active=true] button {
    color: #ffffff !important;
}

.termsfeed-com---palette-dark .cc-cp-body-tabs-item-link {
    color: #4c0045 !important;
      font-family: nexa !important;
}

.termsfeed-com---palette-dark .cc-cp-body-tabs-item {
    border-bottom-color: #f0027f !important;
    background-color: #fff !important;
}

.termsfeed-com---pc-dialog .cc-cp-foot-byline a {
    color: #f0027f !important;
}

.termsfeed-com---palette-dark .cc-pc-head-lang select:focus {
    box-shadow: unset !important;
}

.termsfeed-com---palette-dark .cc-cp-body-tabs {
    background-color: #fff;
}

.termsfeed-com---palette-dark .cc-cp-body-tabs-item-link:focus {
    box-shadow: unset !important;
}

.termsfeed-com---pc-dialog input[type=checkbox].cc-custom-checkbox:checked+label:before {
    background: #f0027f;
}

.termsfeed-com---palette-dark .cc-cp-body-content,
.termsfeed-com---palette-dark .cc-cp-body-tabs {
    background: #fff !important;
}


.termsfeed-com---pc-dialog input[type=checkbox].cc-custom-checkbox+label:after,.termsfeed-com---pc-dialog input[type=checkbox].cc-custom-checkbox+label:before {
    border: 1px solid #f0027f !important;
}
.termsfeed-com---pc-dialog input[type=checkbox].cc-custom-checkbox:checked+label:before {
    background: #f0027f !important;
}
div#termsfeed-com---nb  button:focus {
    box-shadow: unset !important;
}
div#termsfeed-com---preferences-center .cc-cp-foot-button button:focus{
    box-shadow: unset !important;
}

@media(max-width: 768px) {
div#termsfeed-com---nb .cc-nb-main-container {
        padding: 1.5rem;
    }

    .termsfeed-com---palette-dark .cc-nb-text,
    .termsfeed-com---palette-dark .cc-nb-text span {
        font-size: 14px;
    }
    div#termsfeed-com---nb {
        max-width: 60%;
    }
    .termsfeed-com---pc-dialog .cc-cp-body-content-entry-text {
    font-size: 14px !important;
}
div#termsfeed-com---nb .cc-nb-buttons-container button {
    display: inline-block;
    width: max-content;
}
}

@media(max-width: 576px) {
    div#termsfeed-com---nb {
        max-width: 90%;
    }
.termsfeed-com---pc-dialog .cc-cp-body-content-entry {
    padding: 25px 12px;
}
}

/* Cookie popup css end*/