@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

/* @font-face {
    font-family: 'Roboto-regular';
    src: url(../fonts/Roboto-Regular.ttf);
}

@font-face {
    font-family: 'Roboto-bold';
    src: url(../fonts/Roboto-Bold.ttf);
}

@font-face {
    font-family: 'Roboto-Light';
    src: url('../fonts/Roboto-Light.ttf');
} */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none;
    font-family: 'Roboto', sans-serif;
}


/*** common properties ***/

body {
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    background: #F6F6F6;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    background: #000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 1rem;
}

.ml-0 {
    margin-left: 0 !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mr-10 {
    margin-right: 10px !important;
}

button {
    cursor: pointer;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

abbr[title],
abbr[data-original-title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem;
    list-style: none;
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0;
}

dt {
    font-weight: 700;
}

dd {
    margin-bottom: .5rem;
    margin-left: 0;
}

blockquote {
    margin: 0 0 1rem;
}

b,
strong {
    font-weight: bolder;
}

small {
    font-size: 80%;
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sub {
    bottom: -.25em;
}

sup {
    top: -.5em;
}

a {
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    color: #f01b40;
    text-decoration: underline;
}

a:not([href]) {
    color: inherit;
    text-decoration: none;
}

a:not([href]):hover {
    color: inherit;
    text-decoration: none;
}


/*** borders ***/

.bl-1 {
    border: 1px solid #D5DBE5 !important;
}


/*** margins ***/

.m10 {
    margin: 10px;
}

.m20 {
    margin: 20px;
}

.m30 {
    margin: 30px;
}

.m40 {
    margin: 40px;
}

.m50 {
    margin: 50px;
}


/*** margin-horizontal ***/

.mx-10 {
    margin: 0 10px;
}

.mx-20 {
    margin: 0 20px;
}

.mx-30 {
    margin: 0 30px;
}

.mx-40 {
    margin: 0 40px;
}

.mx-50 {
    margin: 0 50px;
}


/*** margin-vertical ***/

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.my-10 {
    margin: 10px 0;
}

.my-20 {
    margin: 20px 0;
}

.my-30 {
    margin: 30px 0;
}

.my-40 {
    margin: 40px 0;
}

.my-50 {
    margin: 50px 0;
}


/*** margin-top ***/

.mt-0 {
    margin-top: 0px !important;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}


/*** margin-bottom ***/

.mb-0 {
    margin-bottom: 0px !important;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}


/*** paddings ***/

.p10 {
    padding: 10px;
}

.p20 {
    padding: 20px;
}

.p30 {
    padding: 30px;
}

.p40 {
    padding: 40px;
}

.p50 {
    padding: 50px;
}


/*** padding-horizontal ***/

.px-10 {
    padding: 0 10px;
}

.px-20 {
    padding: 0 20px;
}

.px-30 {
    padding: 0 30px;
}

.px-40 {
    padding: 0 40px;
}

.px-50 {
    padding: 0 50px;
}


/*** padding-vertical ***/

.py-10 {
    padding: 10px 0;
}

.py-20 {
    padding: 20px 0;
}

.py-30 {
    padding: 30px 0;
}

.py-40 {
    padding: 40px 0;
}

.py-50 {
    padding: 50px 0;
}


/*** padding-top ***/

.pt-10 {
    padding-top: 10px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-50 {
    padding-top: 50px;
}


/*** padding-bottom ***/

.pb-10 {
    padding-bottom: 10px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-50 {
    padding-bottom: 50px;
}


/*** content properties ***/

.mani-container {
    margin: 0;
    padding: 0;
}


/*** Left aside section ***/

aside {
    margin: 0;
    padding: 0;
}

aside .aside-container {
    padding: 40px 25px;
    padding-right: 10px;
}


/* #left-section {
    position: absolute;
    width: 336px;
    height: 1673px;
    left: 0px;
    top: 0px;
    background: linear-gradient(0.01deg, #F6F6F6 92.2%, #FFFFFF 99.99%);
} */

.company-logo {
    width: 100px;
    margin: 10px auto;
}

.profile-view {
    border-top: 1px solid #d5d5d5d5;
    padding-top: 40px;
}

.profile-img {
    width: 150px;
    margin: 0 auto;
    margin-bottom: -40px;
}

/*.profile-name {
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 26px;
    color: #202122;
}*/
.profile-name {
  font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 26px;
    color: #202122;
    margin-top: 90px;
}

.profile-position {
    display: block;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 23px;
    text-align: center;
    color: #73788B;
    margin-top: 10px;
}

ul.profile-details-list {
    border-top: 1px solid #d5d5d5d5;
    margin-top: 40px;
    padding-top: 10px;
}

ul.profile-details-list li {
    padding: 10px 0;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #73788B;
}

ul.profile-details-list li span {
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    color: #3366CC;
    float: right;
}

.profile-buttons {
    display: block;
    margin-top: 30px;
}

.bnt-active-premium,
.btn-yellow {
    background: #CF9C00 !important;
    border-radius: 5px;
    text-transform: uppercase;
    width: 100%;
    display: block;
    color: #fff !important;
}

.btn-finish-profile,
.btn-blue {
    background: #3366CC;
    border-radius: 5px;
    text-transform: uppercase;
}

.btn-finish-profile:hover, .btn:hover
{
    color:#ffffff;
    box-shadow: #c5c4c4 2px 3px 7px 1px;
}

.btn_agree {
    width: 100% !important;
    background: #3366CC;
    margin: 0 !important;
}

.button-container {
    border-top: 1px solid #d5d5d5d5;
}

.profile-inputs {
    margin: 10px 0;
    display: block;
}

.profile-inputs .input-item {
    display: block;
    margin-top: 10px;
}

.profile-inputs .input-item label {
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 8px;
    color: #202122;
    display: block;
    width: 100%;
}

.profile-inputs .input-item .profile-txtinput {
    height: 30px;
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
    border-radius: 3px;
    width: 100%;
    margin-bottom: 10px;
}

.btnsave-container {
    text-align: right;
}

.profile-inputs .input-item button.save {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.05em;
    color: #3366CC;
    display: block;
    width: 50px;
    height: 22px;
    background: #FFFFFF;
    border: 1px solid #3366CC;
    box-sizing: border-box;
    border-radius: 2px;
    margin-left: auto;
}

.profile-range-container {
    background: #fff;
    padding: 30px 40px;
    width: calc(100% + 44px);
    margin-left: -14px;
}

.profile-range-container h5 {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #202122;
}

.range-slider {
    -webkit-display: flex;
    -moz-display: flex;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    margin-bottom: 30px;
}

.range-slider .rang-bar {
    width: 23%;
    height: 7px;
    background: #D1D1D1;
}

.range-slider .rang-bar.bar-fill {
    background: #0F9D58;
}

.range-slider .rang-bar:first-child {
    border-radius: 100px 0px 0px 100px;
}

.range-slider .rang-bar:last-child {
    border-radius: 0px 100px 100px 0px;
}


/*** Right container ***/

#right-container {
    background: #fff;
    border-bottom: 1px solid #a7d7f9;
    height: auto;
    width: calc(100% + 15px);
        border-left: 1px solid #a7d7f9;
}

.header {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    height: 80px;
    padding-top: 40px;
}

.header .menu-container {
    -webkit-display: flex;
    -moz-display: flex;
    display: flex;
    justify-content: space-between;
}

.header .menu-container .main-menu {
    display: block;
    padding: 0;
    margin: 0;
}

.header .menu-container .main-menu li {
    width: 140px;
    height: 40px;
    background: linear-gradient(0deg, #E8F2F8 0%, #FFFFFF 100%);
    float: left;
    text-align: center;
    position: relative;
}

.header .menu-container .main-menu li:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url('../images/Line\ 12.png') bottom center no-repeat;
    top: 0;
    left: 0;
}

.header .menu-container .main-menu li.active:after,
.header .menu-container .main-menu li:hover:after {
    content: none;
}

.header .menu-container>.main-menu li a {
    font-style: normal;
    font-weight: 500;
    font-size: 0.85rem;
    line-height: 1rem;
    color: #73788B;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    line-height: 40px;
    background: url('../images/Line\ 11.png') left top no-repeat;
    cursor:pointer;
}

.header .menu-container>.main-menu li:first-child a {
    padding-left: 7px;
}

.header .menu-container .main-menu li.active {
    background: #fff;
}

.header .menu-container .main-menu li.active a {
    color: #3366CC;
    background: transparent;
    cursor:pointer;
}

.header .menu-container>.main-menu li:hover {
    background: #fff;
}

.header .menu-container>.main-menu li:hover a {
    color: #3366CC;
    text-decoration: none;
}

.header .menu-container>.main-menu li a i.icons {
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    position: relative;
    top: 8px;
}

.header .menu-container>.main-menu li a i.icon-home {
    background: url('../images/svg/home.svg') no-repeat center 100%;
}

.header .menu-container>.main-menu li.active a i.icon-people {
    background: url('../images/svg/people-active.svg') no-repeat center 100%;
}

.header .menu-container>.main-menu li a i.icon-people {
    background: url('../images/svg/people.svg') no-repeat center 100%;
}

.header .menu-container>.main-menu li a i.icon-companies {
    background: url('../images/svg/companies.svg') no-repeat center 100%;
}

.header .menu-container>.main-menu li.active a i.icon-companies {
    background: url('../images/svg/companies-active.svg') no-repeat center 100%;
}

.header .menu-container>.main-menu li a i.icon-jobs {
    background: url('../images/svg/job.svg') no-repeat center 100%;
}
.header .menu-container>.main-menu li.active a i.icon-jobs {
    background: url('../../assets/images/svg/Job-active.svg') no-repeat center 100%;
}


.header .menu-container>.main-menu li a i.icon-employers {
    background: url('../images/svg/logout_icon.png') no-repeat center 100%;
    background-size: 30px;
}

.header .menu-container>.main-menu li a i.icon-messaging {
    background: url('../images/svg/messaging.svg') no-repeat center 100%;
}

.header .menu-container>.main-menu li a i.icon-setting {
    background: url(../images/setting.png);
    /* height: 20px; */
    background-size: 20px;
}
}

.menu-profile-icon {
    display: block;
    width: 30px;
    margin-right: 10px;
    position: relative;
    top: 5px;
}


/*** inner design ***/

.inner-container {
    padding: 30px 40px;
    background: auto 100%;
    /*border-left: 1px solid #a7d7f9;*/
}

.discover_company {
    width: 100%;
    background: #F5F7F9;
    border: 1px solid #D5DBE5;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 18px;
    margin-bottom: 30px;
}

.discover_company_inner {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 15px;
    color: #73788B;
}

.discover_company_inner>div {
    /*width: 33.33%;*/
    width: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.discover_company_inner>div img {
    margin-right: 10px;
}

.discover_company_inner>div:not(:last-child) {
    border-right: 1px solid #D7D7D7;
}

.person-search-container,
.create-post {
    width: 100%;
    background: #F5F7F9;
    border: 1px solid #D5DBE5;
    box-sizing: border-box;
    border-radius: 20px;
    padding: 30px;
}

.person-search-container h3,
.create-post h3 {
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    color: #202122;
}

.search-input-container {
    -webkit-display: flex;
    -moz-display: flex;
    display: flex;
    justify-content: space-between;
    align-content: center;
    width: 100%;
    height: 60px;
    background: #FFFFFF;
    border: 1px solid #D5DBE5;
    box-sizing: border-box;
    border-radius: 100px;
    margin-top: 20px;
}

.txt-search-name {
    border: 0;
    width: 100%;
    margin-left: 20px;
    padding: 0px 30px;
    background: url('../images/svg/search-txtname.svg') left center no-repeat;
    outline: none;
    font-size: 15px;
}

.txt-search-company {
    border: 0;
    width: 100%;
    margin-left: 20px;
    padding: 0px 30px;
    background: url('../images/svg/search-blue.svg') left center no-repeat;
    outline: none;
    font-size: 15px;
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 0;
}

.txt-search-company-test {
    border: 0;
    width: 100%;
    /*margin-left: 20px;*/
    /*padding: 0px 30px;*/
    /*background: url('../images/svg/search-blue.svg') left center no-repeat;*/
    outline: none;
    font-size: 15px;
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 0;
    display: block;flex: 1;
    padding:0px !important;
}

.txt-search-location {
    border: 0;
    width: 100%;
    margin-left: 20px;
    padding: 0px 30px;
    /*background: url('../images/svg/location-blue.svg') left center no-repeat;*/
    background: url('../images/svg/location-blue.svg') 16px center no-repeat;
    outline: none;
    font-size: 15px;
    margin-top: 0;
    margin-bottom: 0;
    border-right: 0;
}

#btn-search {
    width: 150px;
    font-size: 16px;
    height: 50px;
    background: #3366CC;
    box-shadow: 0px 25px 25px rgba(51, 102, 204, 0.15);
    border-radius: 100px;
    border: 0;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    margin-top: 4px;
    margin-right: 5px;
    cursor: pointer;
    padding: 0 45px;
}

#btn-search-people {
    width: 236px;
    height: 50px;
    background: #3366CC;
    box-shadow: 0px 25px 25px rgba(51, 102, 204, 0.15);
    border-radius: 100px;
    border: 0;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    margin-top: 4px;
    margin-right: 5px;
    cursor: pointer;
}

.txt-fname {
    border-right: 1px solid #D5DBE5;
}
#btn-Job-search {
    width: 150px;
    font-size: 16px;
    height: 50px;
    background: #3366CC;
    box-shadow: 0px 25px 25px rgba(51, 102, 204, 0.15);
    border-radius: 100px;
    border: 0;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    margin-top: 4px;
    margin-right: 5px;
    cursor: pointer;
    padding: 0 45px;
}

.two-cols-container {
    -webkit-display: flex;
    -moz-display: flex;
    display: flex;
    justify-content: space-between;
    align-items: top;
    margin-top: 30px;
}

.two-cols-left {
    width: 65%;
    margin-right: 40px;
}

.post-inputs {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

#txt-newpost {
    width: 332px;
    height: 50px;
    background: #FFFFFF url('../images/svg/edit.svg') 20px center no-repeat;
    border: 1px solid #D5DBE5;
    box-sizing: border-box;
    border-radius: 100px;
    margin-right: 20px;
    padding-left: 55px;
    font-size: 15px;
}

.picture,
.video,
.doc {
    width: 60px;
    height: 50px;
    left: 758px;
    top: 376px;
    background: #FFFFFF;
    border: 1px solid #D5DBE5;
    box-sizing: border-box;
    border-radius: 100px;
    margin-right: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box-container {
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #D5DBE6;
    box-sizing: border-box;
    box-shadow: 0px 50px 50px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    margin-top: 20px;
    padding: 30px;
    position: relative;
    box-shadow: 0px 50px 50px rgba(0, 0, 0, 0.05);
}

.post-menu {
    position: absolute;
    top: 0;
    right: 0;
}

.post-menu button {
    background: transparent;
    border: 0;
    width: 10px;
    cursor: pointer;
    outline: none;
}

.post-profileview {
    display: block;
}

.post-header {
    -webkit-display: flex;
    -moz-display: flex;
    display: flex;
    position: relative;
}



.post-profile-day {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: #73788B;
    line-height: 14px;
    margin-top: 8px;
}

.post-profile-day span {
    position: relative;
    display: inline;
    margin-left: 5px;
    padding-left: 10px;
}

.post-profile-day span::before {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    background: #73788B;
    top: 6px;
    left: 0;
    border-radius: 100px;
}

.post-content {
    margin-top: 20px;
}

.post-content p {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 154.4%;
    color: #202122;
}

.post-content p a {
    color: #73788B;
}

.post-img {
    width: 100%;
    border-radius: 15px;
}

.post-img img {
    width: 100%;
}

.post-share {
    display: block;
    margin-top: 30px;
}

.post-share-list {
    -webkit-display: flex;
    -moz-display: flex;
    display: flex;
    align-content: center;
    justify-content: space-between;
    margin: 0;
}


/*** post share ***/

.post-share-list li a {
    display: inline-flex;
    align-content: center;
    justify-content: center;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 30px;
    color: #73788B;
    text-decoration: none;
}

.post-share-list li a i.icons {
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    position: relative;
    top: 3px;
}

.post-share-list li a i.icon-likes {
    background: url('../images/svg/like.svg') no-repeat center 100%;
}

.post-share-list li a i.icon-comments {
    background: url('../images/svg/comments.svg') no-repeat center 100%;
}

.post-share-list li a i.icon-share {
    background: url('../images/svg/share.svg') no-repeat center 100%;
}

.post-share-list li a i.icon-send {
    background: url('../images/svg/send.svg') no-repeat center 100%;
}


/*** two cols right***/

.two-cols-right {
    width: 35%;
}

.box-container h4 {
    font-size: 16px;
    font-weight: bold;
}

.mail-icons {
    -webkit-display: flex;
    -moz-display: flex;
    display: flex;
    align-content: center;
    justify-content: space-around;
    margin-top: 30px;
}

.p-grey {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    color: #73788B;
    margin-top: 30px;
}

.email-input-box {
    width: 100%;
    height: 44px;
    left: 1050px;
    top: 524px;
    margin: 0 auto;
    margin-top: 30px;
    background: #FFFFFF;
    border: 1px solid #D5DBE6;
    box-sizing: border-box;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    padding-left: 15px;
    box-sizing: border-box;
    border-radius: 5px;
}

.email-input-box #txt-email {
    border: 0;
    padding: 10px;
    font-size: 14px;
}

.invite-network {
    display: block;
    border-top: 1px solid #d5d5d5d5;
    padding-top: 30px;
    margin-top: 15px;
}

.invite-network p {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    color: #202122;
}


/*** create group ***/

.group-box {
    display: block;
    margin: 0;
    padding: 0;
}

.group-header {
    display: flex;
    align-content: flex-start;
    justify-content: space-between;
}

.group-title {
    font-weight: bold;
}

.btn-blue1 {
    width: 110px;
    height: 30px;
    left: 1260px;
    top: 875px;
    background: #F3F7FF;
    border: 1px solid #3366CC;
    box-sizing: border-box;
    border-radius: 5px;
    color: #3366CC
}

.group-list {
    margin-top: 30px;
}

.group-list li {
    background: url(../images/svg/user-group.svg) no-repeat;
    text-indent: 35px;
    margin-bottom: 21px;
    font-weight: bold;
}

.showmore-div {
    border-top: 1px solid #D5DBE6;
    box-sizing: border-box;
    padding: 20px;
    padding-bottom: 0;
    text-align: center;
    margin-top: 35px;
    margin-bottom: -10px;
    width: calc(100% + 60px);
    margin-left: -30px;
}

.showmore-div a {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #3366CC;
}

.feed-item {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.feed-item .post-profile {
    width: 50px;
}

.feed-item .post-profile img {
    width: 100%;
}

.btn-follow {
    /*width: 70px;*/
    height: 30px;
    background: #ECF9F3;
    border: 1px solid #0F9D58;
    box-sizing: border-box;
    border-radius: 5px;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    color: #0F9D58;
    padding: 0px 10px 0px 10px;
}

.view-all-feeds {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #3366CC;
    margin-top: 30px;
    display: block;
}

footer {
    padding: 30px 40px !important;
}

.inner-footer {
    width: calc(100% - 336px);
    margin-left: 336px;
    position: relative;
}

.inner-footer p {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #202122;
}

.footer-menu {
    list-style: none;
    margin-top: 20px;
    padding: 0;
}

.footer-menu li {
    display: inline-block;
    margin-right: 20px;
    vertical-align:top;
}

.footer-menu li a {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #3366CC;
}

.powerby {
    position: absolute;
    z-index: 999;
    right: 0px;
    top: 10px;
}


/**** login and registration pages ***/

.container_small {
    width: 100%;
    max-width: 100%;
    margin: 0px auto;
    padding: 0;
    box-sizing: border-box;
}

.reg_login_wrapper {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.reg_login_banner,
.reg_login_form {
    width: 100%;
    height: 100vh;
    position: relative;
    background: #fff;
    /* margin-left: -15px; */
}

.reg_login_banner header {
    width: 100%;
    text-align: left;
}

.reg_login_banner {
    background: #CE3521;
}

.banner_wrapper {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    width: 100%;
}

.banner_wrapper.form-wrapper {
    align-items: flex-start;
    justify-content: flex-start;
    min-height: 300px;
    height: 640px;
    position: relative;
}

.banner_text p {
    font-size: 20px;
    line-height: 27px;
    text-align: center;
    color: #FFFFFF;
    margin-top: 25px;
}

.banner_img {
    margin: 0 auto;
    margin-top: 30px;
    text-align: center;
    width: 520px;
    max-width: 100%;
    padding: 1rem;
}

.banner_img img {
    width: 100%;
}

.reg_login_form .join_buttons {
    display: block;
    text-align: right;
}

.btn {
    padding: 12px 0;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    min-width: 100px;
    height: 40px;
    font-style: normal;
    font-size: 12px;
    line-height: 16px;
    border-radius: 5px;
    width: 100%;
    margin: 20px 0;
    border: 0;
    color: #fff;
    position: relative;
}

.btn-default {
    background: #FFFFFF;
    border: 1px solid #3366CC;
    box-sizing: border-box;
    color: #3366CC;
}

.btn-active {
    background: #3366CC;
    box-sizing: border-box;
    color: #FFFFFF;
}

.btn_sign {
    width: 100%;
    background: #3366CC;
    border: 1px solid #3366CC;
    box-sizing: border-box;
    color: #fff;
    margin-left: 0;
    width: 100%;
    max-width: 100%;
    margin-top: 10px;
    height: 50px;
}

.form-group {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.form-group.align-left {
    align-items: flex-start;
}

.form-control {
    display: block;
    background: #FFFFFF;
    border: 1px solid #A2A9B1;
    box-sizing: border-box;
    border-radius: 2px;
    padding: 16px;
    width: 100%;
    max-width: 100%;
    margin-bottom: 12px;
    height: 50px !important;
}

.link_blue {
    color: #3366CC;
    text-decoration: none;
}

.join_txt {
    text-align: center;
    margin-top: 30px;
}

.join_txt a {
    margin-left: 30px;
}

.text-default {
    color: #999;
    font-size: 14px;
}

.reg_page a,
.reg_page a:hover {
    color: #3366CC;
    text-decoration: none;
}

.white-bg {
    background: #fff;
}

.button_grp {
    display: -webkit-flex;
    display: flex;
}

.justify-end {
    justify-content: flex-end;
}

.button_grp button {
    margin-right: 15px;
}

.button_grp button:last-child {
    margin-right: 0;
}


/******** multi form****/

#svg_form_time {
    height: 15px;
    max-width: 80%;
    margin: 40px auto 20px;
    display: block;
}

#svg_form_time circle,
#svg_form_time rect {
    fill: white;
}

.button {
    background: #3366CC;
    border-radius: 5px;
    padding: 15px 25px;
    display: inline-block;
    margin: 10px 0;
    color: white;
    cursor: pointer;
    width: 100%;
    text-align: center;
}

.disabled {
    display: none;
}

input {
    width: 100%;
    margin: 7px 0px;
    display: inline-block;
    padding: 12px 25px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid lightgrey;
    font-size: 1em;
    font-family: inherit;
    background: white;
}

.multi_from {
    width: 384px;
    max-width: 100%;
    margin: 0 auto;
}

.multi_from button {
    font-size: 16px;
}

.multi_from button:hover {
    color: #fff;
}

.multi_from p {
    color: #999;
}

.or-separator {
    margin: 20px 0;
    text-align: center;
    display: block;
    position: relative;
    color: #73788B;
}

.or-separator::before,
.or-separator::after {
    content: '';
    position: absolute;
    width: 40%;
    height: 1px;
    background: #d5d7dc;
    top: 50%;
}

.or-separator::before {
    left: 0;
}

.or-separator::after {
    right: 0;
}

.login_with {
    display: block;
}

.login_with button {
    display: block;
    width: 100%;
    margin-bottom: 12px;
    height: 40px;
    color: #fff;
    border-radius: 5px;
}

.login_with button.login_facebook {
    background: #3B579D;
}

.login_with button.login_google {
    background: #4285F4;
}

.login_with button img {
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: -2px;
}

.form-wrapper .form-group {
    text-align: left !important;
    align-items: flex-start !important;
}

.form_steps {
    display: flex;
    width: 89.5%;
    align-content: center;
    justify-content: space-between;
    position: relative;
    top: 20px;
    margin-bottom: 100px;
}

.form_steps li {
    list-style: none;
    width: 100%;
    height: 3px;
    background: #D6D9E5;
    text-transform: uppercase;
}

.form_steps li:last-child {
    width: 0;
}

.form_steps li span {
    position: relative;
    display: block;
    padding: 10px 0;
    margin-top: 20px;
    color: #73788B;
    font-size: 12px;
    font-weight: 600;
}

.form_steps li span::before {
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    border: 2px solid #D6D9E5;
    border-radius: 50%;
    bottom: 100%;
    z-index: 99;
    background-color: #fff;
}

.form_steps li span.active::before {
    border: 2px solid #4285F4;
}

.form_steps li.active span.active::before {
    border: 2px solid #4285F4;
    background: #4285F4;
}

.form_steps li.active {
    background: #4285F4;
}

.form_steps li.active span.active::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 10px;
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
    top: -28px;
    z-index: 99;
    transform: rotate(-45deg);
    left: 10px;
}

.form-wrapper h3 {
    font-size: 20px;
    text-align: center;
}

.have_account {
    text-align: center;
    margin-top: 30px;
    color: #999;
    font-size: 14px;
}

.form-group label {
    margin-bottom: 0px !important;
    color: #999;
}

.form-group {
    margin-bottom: 10px !important;
}

.m-0 {
    margin: 0;
}

.w-100c {
    width: 100%;
}

.policy {
    font-size: 14px;
    color: #999;
}

.opt_code {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.opt_code input {
    width: 50px;
    height: 50px;
    padding: 0;
    text-align: center;
    font-weight: bold;
    font-size: 25px;
    border-radius: 0;
}

.privacy_box {
    display: flex;
    justify-content: flex-start;
    text-align: center;
    padding: 15px;
    border: 1px solid #E3E3E3;
    margin-bottom: 30px;
}

.privacy_icon {
    margin-right: 15px;
}

.privacy_text {
    text-align: left;
}

.privacy_text h6 {
    font-size: 14px;
    font-weight: bold;
}

.privacy_text p {
    font-size: 12px;
    margin-bottom: 0;
}

.form_fields {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 500px;
    height: auto;
}


/**** Settings page design ***/

.profile-settings {
    display: block;
}

.profile-settings h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    color: #202122;
}

.profile-settings h2>span {
    font-weight: 500;
    font-size: 10px;
    line-height: 24px;
    text-transform: uppercase;
    color: #0F9D58;
    min-width: 50px;
    width: auto;
    height: 24px;
    background: #ECF9F3;
    border-radius: 2px;
    display: inline-block;
    text-align: center;
    position: relative;
    top: -4px;
}

.profile-des p {
    font-size: 14px;
    font-weight: 500;
    color: #73788B;
    margin-bottom: 10px !important;
}

.profile-des p span {
    color: #3366CC;
    margin-left: 35px;
    position: relative;
}

.profile-des p span::before {
    content: '';
    position: absolute;
    top: 7px;
    left: -17px;
    width: 3.37px;
    height: 3.22px;
    background: #73788B;
    border-radius: 50%;
}


/* .profile-buttons button {
    width: 170px;
    height: 40px;
    background: #EFF3FA;
    border-radius: 8px;
    display: flex;
    border: 0;
    justify-content: space-evenly;
    align-items: center;
    color: #3366CC;
    font-weight: bold;
    font-size: 14px;
} */

.settings-container {
    display: block;
    margin: 0;
    padding: 20px 0;
    border-bottom: 1px solid #D5DBE5;
}

.settings-container:first-child {
    padding-top: 0;
}

.settings-container:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.settings-container h3 {
    font-size: 18px;
    font-weight: bold;
}

.settings-container h4 {
    font-size: 14px;
    font-weight: bold;
}

.settings-container p {
    font-size: 14px;
    line-height: 16px;
    color: #73788B;
    margin-bottom: 0;
}

.settings-container.flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.settings-container.flex button {
    background: transparent;
    border: 0;
    color: #73788B;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 5px;
    transition: all ease-in-out 0.2s;
    font-size: 14px;
}

.settings-container.flex button:hover {
    background: #73788B;
    color: #fff;
}


/****** switch *****/

.switch {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 19px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    width: 13px;
    height: 13px;
    left: 4px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #2196F3;
}

input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
    -webkit-transform: translateX(14px);
    -ms-transform: translateX(14px);
    transform: translateX(14px);
}

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.reg_login_banner header {
    position: relative;
    top: 30px;
    left: 50px;
}

@media(max-width:1440px) {
    .reg_login_banner header {
        position: relative;
        top: 30px;
        left: 50px;
    }
}

@media(max-width:980px) {
    .reg_login_form {
        padding: 15px 25px;
    }
}

.search-wrapper,
.search-form {
    width: 100%;
    padding: 35px 50px;
}

.search-form {
    width: 385px;
    max-width: 100%;
    margin: 0 auto;
    margin-top: 175px;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* height: calc(100vh - 110px); */
}

.search-topbuttons {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.search-topbuttons button {
    width: 98px;
    height: 40px;
    align-items: center;
    margin: 0;
    color: #3366CC;
}

.search-topbuttons .btn-active {
    color: #fff !important;
}

.search-tabs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid #EAEAEA;
}

.search-tabs a {
    padding-bottom: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 95px;
    color: #73788B;
    text-decoration: none;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
}

.search-tabs a.active {
    border-bottom: 3px solid #3366CC;
    color: #3366CC;
}

.icon {
    width: 22px;
    height: 22px;
    display: block;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 10px;
}


/* 
.icon-people {
    background: url(../images/svg/people.svg) no-repeat;
    background-size: contain;
}

.icon-companies {
    background: url(../images/svg/Companies.svg) no-repeat;
    background-size: contain;
}

.icon-jobs {
    background: url(../images/svg/Job.svg) no-repeat;
    background-size: contain;
}

.icon-employer {
    background: url(../images/svg/employer.svg) no-repeat;
    background-size: contain;
} */

.search-tabwrapper {
    margin-top: 30px;
    width: 100%;
}

.search-tabwrapper h5 {
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    color: #202122;
}

.search-tabwrapper form {
    margin-top: 20px;
}

.form-control.fname,
.form-control.lname {
    background: url(../images/svg/user.svg) no-repeat;
    background-size: 20px;
    background-position: 15px center;
    padding-left: 50px;
}

footer {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    height: 110px;
}

footer .footer1 {
    padding: 30px 35px;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
}

footer .footer1 p {
    margin: 0;
    font-size: 12px;
    line-height: 14px;
    color: #202122;
}

.footer-left {
    display: block;
}

.footer-left .footer-menu {
    width: 450px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
}

.footer-left .footer-menu a {
    font-size: 14px;
    line-height: 16px;
    color: #3366CC;
}

.sign-modal {
    position: absolute;
    width: 322px;
    right: 0;
    top: 100%;
    margin-top: 20px;
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    box-sizing: border-box;
    box-shadow: 0px 25px 25px rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    z-index: 3;
    color: #000;
}

.sign-modal::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    border-top: 1px solid #D6D6D6;
    border-left: 1px solid #D6D6D6;
    top: -7px;
    transform: rotate( 45deg);
    right: 43px;
    z-index: 2;
    background: #fff;
}

.modal-body {
    position: relative;
    z-index: 99;
    padding: 18px;
    padding-top: 0;
}

.modal-head {
    position: relative;
    z-index: 99;
    padding: 18px;
    padding-bottom: 0;
}

.modal-title {
    display: block;
    text-align: left;
}

.modal-head h5 {
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    color: #202122;
    margin-bottom: 5px;
}

.modal-title p {
    font-size: 16px;
    line-height: 19px;
    color: #73788B;
    font-weight: normal;
}

.modal-body .btn {
    width: 282px;
    height: 49px;
    border: 1px solid #3366CC;
    background: #fff;
    color: #3366CC;
    border-radius: 2px;
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
    line-height: 49px;
    font-weight: 500;
    font-size: 14px;
}

.modal-body .btn.btn-primary {
    border: 1px solid #fff;
    background: #3366CC;
    color: #fff !important;
}


/******** Company results************/

.company-result {
    margin-top: 40px;
}

.company-result h3 {
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    color: #202122;
    margin-bottom: 0;
}

.result-header {
    display: block;
    margin-bottom: 35px;
}

.result-title,
.result-count-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.result-count-wrapper {
    position: relative;
    margin-top: 8px;
}

.result-title span {
    font-size: 16px;
    line-height: 19px;
    color: #3366CC;
    font-weight: 500;
}

.result-count {
    font-size: 16px;
    line-height: 19px;
    color: #73788B;
        max-width: 530px;
}

.result-count span {
    color: #3366CC;
    font-weight: 500;
}

.result-filter {
    background: #FCFCFC;
    border: 1px solid #DADADA;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 6px 10px;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #73788B;
}

.result-filter select {
    border: 0;
    background: transparent;
    font-weight: 500;
    font-size: 12px;
    color: #3366CC;
}

.result-list {
    display: grid;
    grid-template-columns: auto auto;
    gap: 24px;
}

.result-item {
    background: #FFFFFF;
    border: 1px solid #D5DBE6;
    box-sizing: border-box;
    box-shadow: 0px 50px 50px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    padding: 30px;
    position: relative;
    min-height: 425px;
}

.result-company-name {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.result-company-name .follow {
    background: #ECF9F3;
    border: 1px solid #0F9D58;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 10px;
    text-transform: uppercase;
    width: 70px;
    height: 34px;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    color: #0F9D58;
    cursor:pointer;
}

.result-company-title strong {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #202122;
}

.result-company-title .rating {
    font-size: 12px;
    text-transform: lowercase;
    color: #0F9D58;
}

.result-company-title .rating span {
    position: relative;
    top: 3px;
}

.result-company-jobslist {
    display: block;
    margin-top: 20px;
}

.result-company-jobslist ul {
    list-style: none;
}

.result-company-jobslist ul li {
    display: inline;
    font-size: 14px;
    line-height: 16px;
    color: #73788B;
    position: relative;
}

.result-company-jobslist ul li:not(:first-child) {
    margin-left: 15px;
}

.result-company-jobslist ul li:not(:first-child)::before {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    background: #73788B;
    border-radius: 50%;
    top: 7px;
    left: -11px;
}

.result-company-des {
    font-weight: normal;
    font-size: 16px;
    line-height: 25px;
    color: #202122;
    margin-top: 20px;
        max-height: 148px;
    overflow: hidden;
        display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.result-company-tag {
    margin-top: 20px;
    background: #EDF2FC;
    border-radius: 2px;
    min-width: 270px;
    width: auto;
    height: 38px;
    padding: 7px 16px;
    font-size: 14px;
    color: #3366CC;
    display: inline-block;
    cursor:pointer;
        position: absolute;
    bottom: 0px;
    margin-bottom: 30px;
}

.result-company-tag img {
    margin-right: 10px;
    position: relative;
    top: -1px;
}

.reg_step1,.reg_step2,.reg_step3
{
    display:none;
}


/*--------------------------Email new reg invite ----------------------------------------------------------------*/

.email_invite_hdr
{
    padding: 10px;
    background-color: #3d66af;
    width: 50%;
    color: #ffffff;
    text-align: center;
    border: 0px;
    margin-bottom: 10px;
}

.email_invite_title
{
    font-size: 14px;
    color: #666
}
.email_invite_body
{
    padding: 10px 0px;
}
/*----------------------------------------review ----------------------------------------------*/
.review-container {
    background: #FFFFFF;
    border: 1px solid #D5DBE6;
    box-sizing: border-box;
    border-radius: 20px;
    padding: 30px;
}.review-logo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 30px;
    border-bottom: 1px solid #D5DBE5;
}
 .review-logo img {
    margin-right: 20px;
}
 .review-logo div h5 {
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    color: #202122;
    margin-bottom: 5px;
}
 .review-logo div span {
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #73788B;
}
 .review-container .form-fields {
    display: block;
    margin: 0;
    padding: 0;
    margin-top: 30px;
}
 .review-container .form-fields .form-field {
    display: block;
    margin-bottom: 30px;
}
 .form-fields .form-field label {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #73788B;
    margin-bottom: 20px;
}
 .form-fields .form-field label span {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #3366CC;
}
 .rating-star {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

 .rating-star img:not(:last-child) {
    margin-right: 10px;
}
 .form-control {
    background: #FFFFFF;
    border: 1px solid #A2A9B1;
    box-sizing: border-box;
    border-radius: 5px;
}
 textarea.form-control {
    background: #FFFFFF;
    border: 1px solid #A2A9B1;
    box-sizing: border-box;
    border-radius: 5px;
    height: 120px !important;
}
 h2.fs-24 {
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    color: #202122;
}
 .more-ratings {
    display: grid;
    grid-template-columns: auto auto;
    gap: 80px 30px;
    margin-top: 30px;
}

 .discover_company_inner>div.active {
    color: #3366CC;
    font-weight: 500;
}

 .step-container {
    display: block;
    width: 100%;
}
 .step-container ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
 .step-container ul li {
    display: inline-block;
    position: relative;
    text-align: center;
    width: 100%;
}
 .step-container ul li img {
    position: relative;
    z-index: 99;
}
 .step-container ul li span {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    color: #73788B;
    margin-top: 10px;
    text-transform: uppercase;
    display: block;
}
 .step-container ul li.active:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: #3366CC;
    top: 20px;
    left: 50%;
}
 .review-guid {
    background: #FBFBFD;
    border: 1px solid #3366CC;
    box-sizing: border-box;
    border-radius: 20px;
    margin-top: 30px;
    padding: 30px;
}
 .review-guid h3 {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #3366CC;
    margin-top: 20px;
}
 .review-guid p {
    font-size: 14px;
    line-height: 25px;
    color: #202122;
    margin-top: 20px;
}



 .submit-buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 30px;
}

 .submit-buttons .btn.btn-back {
    width: 110px;
    height: 50px;
}
 .submit-buttons .btn {
    background: #FFFFFF;
    border: 1px solid #3366CC;
    box-sizing: border-box;
    border-radius: 5px;
    font-size: 16px;
    line-height: 19px;
    color: #3366CC;
    display: inline-block;
    margin: 0;
}
 .submit-buttons .btn.btn-submit-review {
    background: #3366CC;
    border: 1px solid #3366CC;
    box-sizing: border-box;
    border-radius: 5px;
    color: #fff;
    width: 150px;
    height: 50px;
    margin-left: 10px;
}

/*---------------------------------------------------------- reviews ------------------------------------------------------------*/

.overallrating,.Opportunities,.Compensations,.Worklife,.Seniormanagement,.Culturevalues
{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.Opportunities img,.Compensations img,.Worklife img,.Seniormanagement img,.Culturevalues img
{
   width:40px;
   height:auto;
}

.overallrating img
{
    width:50px;
   height:auto;
}



.cls_notificationmsg
{
    display: none;
    position: fixed;
    top: 10px;
    width: 400px;
    z-index: 9999;
    text-align: center;
    left: 50%;
    margin-left: -200px;
    background: #3466cd;
    box-sizing: border-box;
    border: 3px solid #8ebaf7;
    border-radius: 5px;
    padding: 12px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #ffffff;
}

.leftprofileimage{
    height: 100px;
    width: 100px;
    border-radius: 50%;
    margin-bottom: -34px;
    object-fit: cover;
    border: solid 1px #e8e8e8;
}

.overallrating img:not(:last-child) {
    margin-right: 10px;
}
.Compensations img:not(:last-child) {
    margin-right: 10px;
}
.Worklife img:not(:last-child) {
    margin-right: 10px;
}
.Seniormanagement img:not(:last-child) {
    margin-right: 10px;
}
.Culturevalues img:not(:last-child) {
    margin-right: 10px;
}
.Opportunities img:not(:last-child) {
    margin-right: 10px;
}


/*-----------------------------------------Start discover companies ------------------------------------------------------------------*/
.company-page {
    display: block;
    margin: 0;
    padding: 0;
}
.company-overview {
    background: #FFFFFF;
    border: 1px solid #D5DBE6;
    box-sizing: border-box;
    box-shadow: 0px 50px 50px rgb(0 0 0 / 5%);
    border-radius: 20px;
}
.company-themeimg {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    background-color: #b5b5b5;
    border-radius: 18px 18px 0px 0px;
}
.overview-company-title {
    padding-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.overview-logo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 475px;
    position: relative;
}

.overview-company-title .logo {
    width: 140px;
    height: 140px;
    border: solid 1px #e4e4e4;
    object-fit: scale-down;
        border-radius: 10px;
        background-color: #ffffff;
            box-shadow: #e2e2e2 0px 3px 4px 0px;
            padding: 12px;
}
.overview-logo img {
    position: absolute;
    margin-right: 20px;
    top: -105px;

}
.overview-company-title h3 {
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 23px;
    color: #202122;
    margin-left: 150px;
}

.overview-company-title h1 {
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 23px;
    color: #202122;
    margin-left: 150px;
}
.add-review-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 18px;
}
.add-review-container .quest {
    margin-right: 20px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #73788B;
    cursor:pointer;
}
.add-review-container .quest span {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: #EB4132;
    border-radius: 50%;
    margin-right: 5px;
    position: relative;
    top: 3px;
}
button.btn-follow1 {
    background: #ECF9F3;
    border: 1px solid #0F9D58;
    border-radius: 3px;
    padding: 10px 15px;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    color: #0F9D58;
    margin-right: 10px;
}
button.btn-addreview {
    background: #3366CC;
    border: 1px solid #3366CC;
    border-radius: 3px;
    padding: 10px 15px;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.company-menu {
    display: flex;
    align-items: center;
    /*justify-content: space-between;*/
    padding: 0 18px;
}
.company-menu a.active {
    color: #3366CC;
    border-bottom: 4px solid #3366CC;
}

.company-menu a {
    padding: 30px 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    color: #73788B;
    text-align: center;
    width: calc(100% / 7);
    text-decoration: none;
    height: 100px;
    margin: 0 10px;
    position: relative;
}
.company-menu a span {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #3366CC;
    display: block;
    margin-bottom: 5px;
}
/*.company-menu a::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 30px;
    background-color: #D7D7D7;
    top: 38%;
    left: 100%;
    margin-left: 10px;
}*/
::after, ::before {
    box-sizing: border-box;
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
@media (min-width: 768px)
{
    .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
}

.box-container {
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #D5DBE6;
    box-sizing: border-box;
    box-shadow: 0px 50px 50px rgb(0 0 0 / 5%);
    border-radius: 20px;
    margin-top: 20px;
    padding: 30px;
    position: relative;
    box-shadow: 0px 50px 50px rgb(0 0 0 / 5%);
}
.box-container h3 {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 18px;
    color: #202122;
}
.company-details-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.company-details-list {
    width: 50%;
}

.details-list {
    display: flex;
    /*align-items: center;*/
    justify-content: space-between;
    margin-bottom: 11px;
}
.details-list div:first-child {
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #202122;
    width: 40%;
}
.details-list div:last-child {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #73788B;
    width: 60%;
}

.create-compare {
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #3366CC;
    position: relative;
    top: 28px;
}
.create-compare img {
    margin-right: 10px;
}
.mb-10 {
    margin-bottom: 10px;
}
.a-readmore {
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #73788B;
}
.graph-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
    margin-bottom: 30px;
}
.graph-list-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.graph-list-item p {
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #202122;
    padding-left: 15px;
    margin-bottom: 0;
}
.company-procons {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.company-procons {
    padding-top: 20px;
    border-top: 1px solid #D5DBE5;
}
.company-procons .logo {
    margin-right: 20px;
    width: 50px;
}
.company-procons .logo img {
    width: 100%;
}
.procons h3 {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #3366CC;
    margin-bottom: 10px;
}
.procons .rating-star img {
    margin-right: 6px;
}
.procons .rating-star span {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #73788B;
    margin-left: 10px;
}
.mt-20 {
    margin-top: 20px;
}
.procons-list {
    margin-top: 30px;
    padding: 0;
}
.procons-list li {
    display: block;
    margin-bottom: 20px;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #202122;
}
.procons-list li strong {
    font-size: 16px;
    line-height: 19px;
    color: #202122;
    display: block;
    margin-bottom: 10px;
}
.see-all-reviews {
    text-align: center;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #3366CC;
    border-top: 1px solid #D5DBE6;
    position: relative;
    top: 10px;
    padding-top: 20px;
    width: calc(100% + 60px);
    left: -30px;
}
.see-all-reviews a {
    color: #3366CC;
}
.see-all-reviewsJob {
    text-align: center;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #3366CC;
    border-top: 1px solid #D5DBE6;
    position: relative;
    padding-top: 10px;
    width: calc(100% + 40px);
    left: -20px;
    margin-top: 20px;
    top: 9px;
}
.see-all-reviewsJob a {
    color: #3366CC;
}
.job-list {
    display: block;
    margin-top: 30px;
    padding: 0;
}
.job-list .job-list-item {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 20px;
}
.job-list .job-list-item .company {
    width: 50px;
    margin-right: 20px;
}
.job-list .job-list-item .company img {
    width: 100%;
}
.job-list-item .post {
    display: block;
    width: 92%;
}
.job-list-item .post .post-name {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 19px;
    color: #202122;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.job-list-item .post .post-location {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #73788B;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
h3.main-title {
    margin-top: 30px;
    font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    color: #202122;
}
.post-filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.post-buttons {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.post-buttons button.btn-active {
    background: #3366CC;
    border: 1px solid #3366CC;
    color: #FFFFFF;
}
.post-buttons button {
    margin-right: 10px;
    background: #F5F7F9;
    border: 1px solid #D5DBE5;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 7px 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #202122;
}
.result-filter {
    background: #FCFCFC;
    border: 1px solid #DADADA;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 6px 10px;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #73788B;
}
.result-filter select {
    border: 0;
    background: transparent;
    font-weight: 500;
    font-size: 12px;
    color: #3366CC;
}
select {
    word-wrap: normal;
}
.post-header {
    -webkit-display: flex;
    -moz-display: flex;
    display: flex;
    position: relative;
}
.post-menu {
    position: absolute;
    top: 0;
    right: 0;
}
.post-menu button {
    background: transparent;
    border: 0;
    width: 10px;
    cursor: pointer;
    outline: none;
}
.post-profileview {
    margin-left: 15px;
}
.post-profile-name {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    color: #202122;
}
.post-profile-position {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
    color: #73788B;
    margin-top: 6px;
    max-width: 218px;
}
.post-profile-day {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: #73788B;
    line-height: 14px;
    margin-top: 8px;
}
#txt_search {
    background: url(../images/svg/search-default.svg) no-repeat 15px center;
    padding-left: 50px;
    background-size: 16px;
}
.location-list {
    display: block;
    margin: 0;
}

.location-item {
    display: flex;
    text-align: center;
    justify-content: space-between;
    margin-bottom: 12px;
}
.location-item .location-name {
    font-weight: 500;
    font-size: 15px;
    color: #3366CC;
}
.location-item .location-rating {
    display: inline-block;
}
.location-item .location-rating img {
    margin-right: 5px;
}
.location-item .location-rating span {
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    color: #0F9D58;
    position: relative;
    top: 1px;
}
.graph-list-item span {
    display: block;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #73788B;
    margin-top: 5px;
}
.post-profileview p {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #202122;
    margin-top: 10px;
}



.discover_company_inner div
{
    cursor:pointer;
}
/*-------------------------------------- End discover companies -------------------------------------------------------------------*/
.profile_logo_bg
{
    width: 100%;
    height: 130px;
    object-fit: cover;
    border-radius: 20px 20px 0px 0px;
}

#ImgReviewLogo
{
    width: 80px;
    height: 80px;
    object-fit: scale-down;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
}

.profileimg_reviewlist
{
    width: 58px;
    height: auto;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    object-fit: scale-down;
}

.reviewsStarImage
{
    width:14px;
    height:auto;
}
.profileimg_menu{
    width: 19px;
    border-radius: 50%;
    height: 19px;
    margin-top: 10px;
    margin-right: 5px;
}
.spnReadless
{
    display:none;
}
.spnReadmore,.readLesstxt
{
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #73788B;
    cursor:pointer;
    margin-top: -5px;
    display: none;
}

.readLesstxt
{
     margin-top:10px!important;
}

.companynamelist
{
    cursor:pointer;
}
.cmplocations
{
    text-transform:capitalize;
}
.clsSimilarcatImg
{
    width: 49px!important;
    height: 49px!important;
    /*border: 1px solid #d7d7d7;*/
    object-fit: scale-down;
    border-radius:5px;
    cursor:pointer;
}

.listcmpImg
{
    width: auto!important;
    height: 49px!important;
    /*border: 1px solid #d7d7d7;*/
    object-fit: scale-down;
    border-radius:5px;
    cursor:pointer;
    max-width:300px;
}

.quest span
{
    cursor:pointer;
}
#drpdn_country,#drpdn_country_people
{
    height: auto;
    overflow: auto;
    border: 1px solid #d7d7d7;
    border-top: 0px;
    position: absolute;
    display: block;
    background-color: #ffffff;
    width: 383px;
}

.ClsCountry
{
    padding-bottom:5px;
    padding-top:5px;
    cursor:pointer;

    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.ClsCountry img
{
   margin-right:6px;
   /*padding-left: 23px;*/
   padding-left: 12px;
}
.ClsCountry:hover
{
    background-color:#3366CC;
    color:#ffffff;
}
#divWebsite
{
    text-overflow: ellipsis;
    overflow: hidden;
}

/*-------------------------------------------- start people search ----------------------------------------------------*/

 select {
        appearance: none;
        -webkit-appearance: none;
        background: #fff url('../images/svg/select-darrow.svg') no-repeat !important;
        background-position-x: 97% !important;
        background-position-y: center !important;
        background-size: 15px !important;
    }
    
    .result-showing {
        font-size: 16px;
        color: #73788B;
    }
    
    .result-showing span {
        color: #3366CC;
        font-weight: 500;
    }
    
    .people-list {
        /*display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;*/
    }
    
    .people-list-item {
        /*width: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        margin-bottom: 20px;*/
            width: 45%;
    display: inline-flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 20px;
    margin-right: 5%;
    }
    
    .people-img {
        width: 60px;
        margin-right: 18px;
    }
    
    .people-list-item:last-child .people-dec {
        border: 0;
    }
    
    .people-dec {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #D5DBE5;
        padding-bottom: 20px;
    }
    
    .btn-connect {
        font-weight: 500;
        font-size: 12px;
        text-transform: uppercase;
        color: #0F9D58;
        padding: 8px 13px;
    }
    
    .people-name {
        display: block;
    }
    
    .people-name p {
        font-size: 14px;
        text-align: center;
        color: #73788B;
        padding-top: 22px;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    
    .people-name p img {
        padding-right: 15px;
    }
    
    .people-name span {
        display: block;
        line-height: 20px;
    }
    
    .people-name span.name {
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        color: #3366CC;
    }
    
    .people-name span.position {
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        color: #202122;
    }
    
    .people-name span.company {
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        color: #73788B;
    }
    
    .btn-connect {
        background: #FFFFFF;
        border: 1px solid #0F9D58;
        box-sizing: border-box;
        border-radius: 5px;
    }
    
    .box-footer {
        text-align: center;
        font-weight: 500;
        font-size: 15px;
        line-height: 18px;
        border-top: 1px solid #D5DBE6;
        position: relative;
        top: 10px;
        padding-top: 20px;
        width: calc(100% + 60px);
        left: -30px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 30px;
        padding-bottom: 0;
    }
    
    .box-ftext {
        font-size: 16px;
        line-height: 19px;
        text-align: left;
        color: #202122;
        padding-bottom: 5px;
    }
    
    .box-ftext span {
        font-weight: normal;
        font-size: 14px;
        line-height: 16px;
        color: #73788B;
        display: block;
        margin-top: 5px;
    }
    
    .like_dis {
        display: inline-block;
    }
    
    .like_dis button {
        border: 0;
        background: transparent;
        font-size: 14px;
        color: #73788B;
        height: 50px;
        min-width: 65px;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        color: #73788B;
        outline: transparent;
    }
    
    .like_dis button.like {
        background: url(../images/svg/like.svg) no-repeat;
        background-position: 0px center;
        background-size: 25px;
        text-align: right;
    }
    
    .like_dis button.dis_like {
        background: url(../images/svg/dlike.svg) no-repeat;
        background-position: 0px center;
        background-size: 25px;
        text-align: right;
        padding-left: 40px;
        margin-left: 40px;
    }
    
    .no-shadow {
        box-shadow: unset !important;
    }
    
    .pagination {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        margin-top: 25px;
    }
   
    
    .pagination button {
        background: #F5F7F9;
        border: 1px solid #D5DBE5;
        box-sizing: border-box;
        padding: 7px;
        text-align: center;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 500;
        font-size: 14px;
        line-height: 16px;
        text-align: center;
        color: #202122;
    }
    
    .pagination ul {
        list-style: none;
        display: flex;
    }
    
    .pagination ul li:not(:last-child) {
        margin-right: 10px;
    }
    
    .pagination button.btn-active {
        background: #3366CC;
        border-color: #3366CC;
        color: #fff;
    }
     .paginationFollowing {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        margin-top: 25px;
    }
      .paginationFollowing button {
        background: #F5F7F9;
        border: 1px solid #D5DBE5;
        box-sizing: border-box;
        padding: 7px;
        text-align: center;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 500;
        font-size: 14px;
        line-height: 16px;
        text-align: center;
        color: #202122;
    }
    
    .paginationFollowing ul {
        list-style: none;
        display: flex;
    }
    
    .paginationFollowing ul li:not(:last-child) {
        margin-right: 10px;
    }
    
    .paginationFollowing button.btn-active {
        background: #3366CC;
        border-color: #3366CC;
        color: #fff;
    }
    .people-img img
    {
        width: 52px;
    height: 58px;
    object-fit: cover;
    border-radius: 10px;
    }

    .result-company-title strong
    {
        cursor:pointer;
    }

    #divPeopleList .people-img img,#divPeopleList .people-name .name
    {
        cursor:pointer;
    }
    #emailpopup
    {
        z-index: 1000000000;
        background-color: #ffffff;
        position: absolute;
        right: 133px;
        top: 20%;
        width: 25%;
        padding: 40px;
        border: 1px solid #d7d7d7;
        border-radius: 10px;
    }

    #emailpopup button
    {
         font-size:16px!important;

    }

    #emailpopup h5
    {
         margin-bottom:10%;

    }
    .closeicon_fb
    {
        padding-bottom: 10px;
    right: 10px;
    margin-left: 100%;
    cursor:pointer;
    }

     /******* search suggestion****/
    
    .search_suggestion {
        position: absolute;
        top: 100%;
        width: 100%;
        background: #FFFFFF;
        border: 1px solid #D5DBE5;
        box-sizing: border-box;
        box-shadow: 0px 25px 25px rgba(0, 0, 0, 0.25);
        border-radius: 10px;
        padding: 20px;
        margin-top: 5px;
        z-index: 9999;
    }
    
    .search_suggestion .search_list_item {
        font-weight: 500;
        font-size: 15px;
        color: #73788B;
        cursor: pointer;
    }
    
    .search_suggestion .search_list_item:not(:last-child) {
        margin-bottom: 20px;
    }
    /***** people profile  page *******/
    
    .profile-head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }
    
    .profile-head .profile-img {
        margin-left: 0;
        width: 120px;
        position: relative;
        left: -20px;
    }
    
    .profile-head .profile-img img {
        width: 100%;
    }
    
    .btn-report {
        height: 30px;
        background: #F3F7FF;
        border: 1px solid #3366CC;
        box-sizing: border-box;
        border-radius: 3px;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        text-transform: uppercase;
        color: #3366CC;
        padding: 6px 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-width: 90px !important;
        width: 100px;
    }
    
    .profile-right {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
    }
    
    .people-details {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        position: relative;
        top: 10px;
        margin-bottom:10px;
    }
    
    .people-details .img>img {
        width: 50px;
    }
    
    .people-details .detail {
        /*margin-left: 15px;*/
    }
    
    .people-details .detail h4 {
        font-family: Roboto;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        color: #202122;
    }
    
    .people-details .detail h5 {
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        color: #202122;
        margin-top: 5px;
    }
    
    .people-details .detail h6 {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        color: #73788B;
        margin-top: 5px;
    }
    
    .people-details .detail p {
        font-style: normal;
        font-weight: normal;
        /*font-size: 16px;*/
        color: #202122;
        margin-top: 20px;
    }
    
    .skills {
        display: block;
    }
    
    .skills .skill {
        display: inline-block;
        background: #EDF2FC;
        border-radius: 2px;
        font-weight: 500;
        font-size: 12px;
        text-transform: uppercase;
        color: #3366CC;
        padding: 6px 22px;
        margin-right: 10px;
        margin-bottom: 10px;
        margin-top: 8px;
    }
    
    .align-center {
        align-items: center !important;
    }

    .profile-updatebuttons {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 30px;
}
    .profile-updatebuttons button:not(:last-child) {
    margin-right: 20px;
}
    .profile-updatebuttons button {
    width: 170px;
    height: 40px;
    background: #EFF3FA;
    border-radius: 8px;
    display: flex;
    border: 0;
    justify-content: space-evenly;
    align-items: center;
    color: #3366CC;
    font-weight: bold;
    font-size: 14px;
}

.quest {
    margin-right: 20px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #73788B;
}
.quest span {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: #EB4132;
    border-radius: 50%;
    margin-right: 5px;
    position: relative;
    top: 3px;
}

#img_PeopleProfilePic
{
    width: 80px;
    height: 80px;
    border-radius: 50px;
    margin-left: 19px;
    object-fit:cover;

}
#ImgCmpProfile_People

{

    border: 1px solid #d7d7d7;
    border-radius: 5px;
}

.post-profile-name
{
    cursor:pointer;
}





/*settings page*/

.inner_modal {
    padding: 30px;
    margin-top: 20px;
    /*display: none;*/
}

.inner_modal h5 {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #202122;
}

.form-bg {
    display: block;
}

.form label {
    display: block;
    width: 100%;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #202122;
    margin-bottom: 10px;
    height: 28px;
}

.form label input {
    display: inline-block;
    width: auto;
    margin-right: 10px;
}

.btn-group {
    display: block;
}

.btn-group>.btn-blue {
    background: #3366CC !important;
    border-radius: 2px !important;
    padding: 7px 30px !important;
    color: #fff !important;
    font-size: 14px !important;
    border: 1px solid #3366CC !important;
    margin-right: 10px !important;
}

.btn-group>.btn-default {
    background: #fff !important;
    border-radius: 2px !important;
    padding: 7px 30px !important;
    color: #3366CC !important;
    font-size: 14px !important;
    border: 1px solid #3366CC !important;
}

.radio_container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.radio_container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    top: -7px;
    left: 0;
    width: auto;
    z-index: 99;
    margin: 0;
    padding: 0;
    width: 30px !important;
    height: 30px;
}

.radio_container .radio {
    position: absolute;
    top: -5px;
    left: 0;
    height: 24px;
    width: 24px;
    background: #FFFFFF;
    border: 1px solid #A2A9B1;
    border-radius: 50%;
}

.radio_container:hover input~.radio {
    background: #FFFFFF;
    border: 1px solid #A2A9B1;
}

.radio_container input:checked~.radio {
    background-color: #2196F3;
    border: 1px solid #2196F3;
}

.radio:after {
    content: "";
    position: absolute;
    display: none;
}

.radio_container input:checked~.radio:after {
    display: block;
}

.radio_container .radio:after {
    top: 6px;
    left: 6px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: white;
}
/*settings page*/



.clsEditModeText
{
    width: 95%;
    padding: 5px 5px 6px 10px;
    border: 1px solid lightgrey;
}
.wrapper header .header-center {
    width: calc(100% - 60px);
}

.wrapper header .header-left,
.wrapper header .header-right {
    width: 50px;
    display: block;
}

.wrapper header .header-left {
    text-align: left;
}

.wrapper header .header-right {
    text-align: right;
}

.header1 {
    padding: 20px !important;
    padding-top: 50px !important;
    padding-bottom: 15px !important;
    border-bottom: 1px solid #D5DBE5;
    background: #fff;
}

.header-left .img-profilepic {
    width: 30px;
    max-width: 100%;
}

.Clsprofileimg
{
    width: 80px!important;
    height: 80px;
    border-radius: 50px;
    margin-left: 19px;
    object-fit: cover;
}

.clsWebsite
{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 75%;
    display: block;
}

.divinput_country_cmp
{
    margin-top: 19px;
    width: 100%;
    z-index:1;
}
#drpdn_country_cmp_search
{
   border: 1px solid #d7d7d7;
    display: block;
    background-color: #ffffff;
    margin-top: 17px;
    width: 96%;
    overflow: auto;
    max-height: 300px;
    display: none;
    margin-left: 20px;
    font-size: 14px;
    margin-top: 25px;
    border-radius: 20px;
}

#drpdn_country_cmp_search div
{

    padding-left:0px!important;
}


#drpdn_country_cmp_search .ClsCountry img
{
    padding-left: 13px;
}
#drpdn_company_cmp_search
{
    border: 1px solid #d7d7d7;
    display: block;
    background-color: #ffffff;
    margin-top: 17px;
    width: 100%;
    overflow:auto;
    max-height:300px;
    display:none;
}

  ::-webkit-scrollbar {
        width:3px;
    }

  .clsExpEdit
{
        float: right;
    display: block;
    position: absolute;
    right: 0px;
    cursor:pointer;
}

  .clsExpAdd
  {
      float: right;
    display: block;
    position: absolute;
    right: 0px;
        margin-top: -23px;
    margin-right: 30px;
    cursor:pointer;
  }

  .clsAboutAdd
  {
      float: right;
    display: block;
    position: absolute;
    right: 0px;
    margin-top: -73px;
    margin-right: 36px;
    cursor: pointer;
  }

  .clsAboutEdit
  {
     float: right;
    display: block;
    position: absolute;
    right: 28px;
    cursor: pointer;
    top: 26px;
  }

  .clsSimilarPeople
  {
      width:36%;
      margin-top:0px;
      height:100%;
  }

  .clsCloseSvg
  {
max-width: 16px;
    height: 31px;
    cursor: pointer;
    /* margin: 0px 0px 0px 12px; */
    border: solid 1px #aaaaaa;
    /* margin: 10px; */
    line-height: 40px;
    height: 40px;
    border-left: 0px;
    min-width: 23px;
    padding-right: 5px;
  }

  .lblfileupd_createCompProf {
    float: right;
    width: 227px;
    top: 17%;
    position: absolute;
    background-color: #3c64b1;
    font-size: 13px;
    border: 1px solid #a8b2c6;
    color: #fff0f0;
    cursor: pointer;
    left: 241px;
    border-radius: 2px;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
}

.ClsLogoupload
{
    display:none;
}

.clsEduAdd
{
    float: right;
    display: block;
    position: absolute;
    right: 0px;
    margin-top: -49px;
    margin-right: 30px;
    cursor: pointer;
}

#divAddNewEdu input[type=text]{

    width: 95%;
    padding: 5px 5px 6px 10px;
    border: 1px solid lightgrey;
}

  .clsEduEdit
{
        float: right;
    display: block;
    position: absolute;
    right: 0px;
    cursor:pointer;
    margin-top: -23px;
}
  .clsEduSave
  {
        float: right;
    display: block;
    position: absolute;
    right: 0px;
    cursor:pointer;
    margin-top: -50px;
  }

  #ContentPlaceHolder2_h2PeopleName input[type=text]
  {
      width: 234px;
    margin-left: 109px;
    font-size: 16px;
  }

  #divEditSkills
  {
      float: right;
    width: 50px;
    position: absolute;
    top: 36px;
    right: 1px;
    top: 23px;
  }
  .overview-logo>h1>input
  {
    width: 227px;
    font-size: 16px;
  }
  #ContentPlaceHolder2_divEdperience .people-details
  {
      margin-bottom:5px;
  }

  .clsEduEdit
  {
      margin-top: -33px;
  }


  .people_url a
  {
      text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 500px;
    display: table-cell;
}
  #divfield1_profile
  {
      overflow:auto;
  }

  .clscompanybtn
  {
    text-align:end;
  }
  .clscancelCReate_cmp
  {
      margin-left: 0px;
    background-color: #ffffff;
    color: #3466cd;
    border: 1px solid #3466cd;
  }
.spn_user_prof_top {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    max-width: 100px;
}


#drpdn_company_cmp_search
{
    margin-top: 16px;
}


#drpdn_company_cmp_search,#drpdn_people_search
{
    background-color: white;
    display: block;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    z-index: 1;
    display: none;
    border: 1px solid #d7d7d7;
    border-radius: 20px;
    margin-top: 25px;
    box-shadow: 6px 13px 17px -7px #cacaca;
    max-height:400px;
}
#drpdn_country_job_search{
    background-color: white;
    display: block;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    z-index: 1;
    display: none;
    border: 1px solid #d7d7d7;
    border-radius: 20px;
    margin-top: 25px;
    box-shadow: 6px 13px 17px -7px #cacaca;
    max-height:400px;
    width: 41%;
}
#drpdn_company_cmp_search img
{
   width: 25px;
    height: 25px;
    object-fit: scale-down;
    margin-right: 7px;
    margin-left: 9px;
}
#drpdn_people_search img
{
   width: 25px;
    height: 25px;
    object-fit: scale-down;
    margin-right: 7px;
    margin-left: 9px;
    border-radius: 15px;
}

#drpdn_country_job_search img
{
   width: 25px;
    height: 25px;
    object-fit: scale-down;
    margin-right: 7px;
    margin-left: 9px;
}

  #drpdn_people_search:first-child:hover 
 {
    background-color: #3366CC;
    color: #ffffff;
    cursor:pointer;
    border-top-left-radius:20px;
    border-top-right-radius:20px;
 }
 .cmp_suggestion:hover
{
    background-color: #3366CC;
    color: #ffffff;
    cursor:pointer;
}
 #drpdn_company_cmp_search:first-child:hover 
 {
      background-color: #3366CC;
    color: #ffffff;
    cursor:pointer;
    border-top-left-radius:20px;
    border-top-right-radius:20px;
 }
  #drpdn_country_job_search:first-child:hover 
 {
    background-color: #3366CC;
    color: #ffffff;
    cursor:pointer;
    border-top-left-radius:20px;
    border-top-right-radius:20px;
 }

.cmp_suggestion
{
    padding: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    white-space: nowrap;
}

#drpdn_people_search
{
    margin-top:66px;
    position: absolute;
    overflow: hidden;
    width: 40%;
}

.divinput_country_cmp #txtLocation
{
    padding-left: 46px;
}

.cmp_suggestion span
{
    margin-left:40px;
    font-size:12px;
}

.see_all_res
{
    padding: 15px 10px 15px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    white-space: nowrap;
    text-decoration:none!important;
    color:#666;
    background: url(../images/svg/search-blue.svg) 20px center no-repeat;
    padding-left:50px;
}



.see_all_res:hover
{
    color:#fff!important;
    background-color:#3366CC!important;
      text-decoration:none!important;
      cursor:pointer;
      background: url(../images/svg/search-white.svg) 20px center no-repeat;
}

#divOverviewSEction input
{
    margin:0px!important;
}

#divSimilarpeopleList .people-name .name,img
{
    cursor:pointer;
}

.cls_ppl_company
{
    color: #3466cd!important;
    cursor: pointer;
}
#showmore_btn_similarpeople
{
    display:none;
}

#ContentPlaceHolder2_P_PeopleCompanyName a
{
    text-decoration:none!important;
}


#ContentPlaceHolder2_P_PeopleCompanyName label
{
  margin-bottom:0px!important;
}
#ContentPlaceHolder2_P_PeopleCompanyName label:hover
{
   cursor:pointer;
}

#divShowMoreButton
{
    display:none;
}


.txt-job-location {
    border: 0;
    width: 100%;
    margin-left: 20px;
    padding: 0px 30px;
    /*background: url('../images/svg/location-blue.svg') left center no-repeat;*/
    background: url('../images/svg/location-blue.svg') 0px center no-repeat;
    outline: none;
    font-size: 15px;
    margin-top: 0;
    margin-bottom: 0;
    border-right: 0;
}
 .job-company-list .result-company-img {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        position: relative;
    }
    
    .job-company-list .result-company-img img {
        margin-right: 15px;
    }
    
    .job-company-list .result-company-img h6.job-title {
        font-style: normal;
        font-weight: 500;
        font-size: 15px;
        line-height: 18px;
        color: #202122;
    }
    
    .job-company-list .result-company-img h6.job-title span {
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        color: #3366CC;
        margin-top: 3px;
        display: block;
    }
    
    .job-company-list .result-company-img button {
        position: absolute;
        top: 0px;
        right: 0px;
        background: transparent;
        border: 0;
        outline: none;
    }
    
    .job-company-list .result-company-img button span {
        display: block;
        width: 4px;
        height: 4px;
        background: #C4C4C4;
    }
    
    .job-company-list .result-company-img button span:not(:last-child) {
        margin-bottom: 3px;
    }
    
    .job-company-list .job-location {
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        margin-top: 10px;
        color: #73788B;
    }
     .saved_joblist_item {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        position: relative;
        margin-bottom: 50px;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }
    
    .saved_joblist_item::after {
        content: '';
        position: absolute;
        width: 95%;
        height: 1px;
        background: #D5DBE5;
        left: 5%;
        top: 100%;
        margin-top: 25px;
    }
    
    .saved_joblist_item:last-child:after {
        content: none;
    }
    
    .saved_joblist_item:last-child {
        margin-bottom: 0;
    }
    .apply_close {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    .apply_close .btn-blue {
        margin: 0;
        margin-right: 30px;
        font-weight: 500;
        font-size: 16px;
        color: #FFFFFF;
        text-transform: none;
    }
    
     .saved-company {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    
    .saved-company img.company-logo {
        width: 52px;
        margin-right: 20px;
        margin-top: 0;
    }
    
    .saved-company h6.job-title {
        font-weight: 500;
        font-size: 15px;
        color: #202122;
    }
    
    .saved-company .cname {
        font-size: 15px;
        color: #3366CC;
        margin-top: 4px;
    }
    
    .saved-company .location {
        font-weight: normal;
        font-size: 14px;
        color: #73788B;
        margin-top: 4px;
    }
    
    .saved-company .date {
        font-size: 12px;
        color: #73788B;
        margin-top: 6px;
    }
    
    .saved-company .date span {
        font-weight: 500;
        font-size: 14px;
        color: #0F9D58;
        margin-left: 10px;
        display: inline-block;
    }
    
    .application {
        font-weight: 500;
        font-size: 14px;
        color: #3366CC;
        margin-top: 14px;
    }
    
    .application img {
        margin-right: 10px;
        cursor: auto;
    }
    
    .saved-company .no-longer,
    .saved-company .applied {
        font-size: 14px;
        line-height: 16px;
        color: #73788B;
        margin-top: 10px;
    }
    
    .saved-company .no-longer strong,
    .saved-company .applied strong {
        font-weight: 500;
    } .btn-close {
        background: transparent;
        border: 0;
    }


.p_category_text {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin-top: 15px;
    padding-left: 30px;
    background-color: #e6e6e6;
    padding-left: 5px;
    padding-right: 5px;
    display:flex;
        border-radius: 3px;
        padding-top: 3px;
    padding-bottom: 3px;
    color:#2e3233;
}
.img_search_icon {
    height:20px;
    margin-left:20px;
    margin-top:19px;
    margin-right: 18px;
}
.searchTextforJobLocation {
    background-color: white;
    display: block;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    z-index: 1;
    display: none;
    border: 1px solid #d7d7d7;
    border-radius: 20px;
    box-shadow: 6px 13px 17px -7px #cacaca;
    max-height: 412px;
    /*width: 208px;*/
    /*max-width: 57%;*/
    /*position: absolute;*/
    overflow: auto;
    margin-left: -2px;
    margin-top: 21px;
}
#drpdn_location_cmp_search .ClsCountry img{
     margin-right:12px;
   /*padding-left: 23px;*/
   padding-left: 19px;
}

.company_name_a
{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #202122;
    text-transform:none;
}

.company_name_a:hover
{
    text-decoration:none;
     color: #202122;
}


.first_let_uppr_case{
    text-transform:capitalize;
}

#ContentPlaceHolder2_divCompetitors{
    line-height:18px!important;
}

.cmp_profile_border_rad
{
    border-radius: 10px!important;
}

.company_themeimg_border_rad
{
    border-radius:10px 10px 0px 0px!important;
}

.h3_cmp_name
{
    padding-top:55px!important;
    /*padding-top:16px;*/
    margin-left:0px!important;
}

.overview_a
{
    padding-top: 0px!important;
    height: 68px!important;
}