@import url('https://fonts.googleapis.com/css2?family=Anuphan:wght@100;200;300;400;500;600;700;800&display=swap');


body {
    font-family: 'Anuphan', sans-serif;
}

@font-face {
    font-family: 'Anuphan';
    src: url('../fonts/Anuphan-Bold.woff2') format('woff2'),
        url('../fonts/Anuphan-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Anuphan';
    src: url('../fonts/Anuphan-SemiBold.woff2') format('woff2'),
        url('../fonts/Anuphan-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Anuphan';
    src: url('../fonts/Anuphan-Medium.woff2') format('woff2'),
        url('../fonts/Anuphan-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Anuphan';
    src: url('../fonts/Anuphan-Regular.woff2') format('woff2'),
        url('../fonts/Anuphan-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Anuphan';
    src: url('../fonts/Anuphan-Light.woff2') format('woff2'),
        url('../fonts/Anuphan-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Anuphan';
    src: url('../fonts/Anuphan-ExtraLight.woff2') format('woff2'),
        url('../fonts/Anuphan-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Anuphan';
    src: url('../fonts/Anuphan-Thin.woff2') format('woff2'),
        url('../fonts/Anuphan-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Medium.woff2') format('woff2'),
        url('../fonts/Montserrat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

body,
html {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
}

html {
    font-size: 10px;
}

.container {
    max-width: 1330px;
    padding: 0px;
}

.container-search-result {
    max-width: 1340px;
    padding: 0px;
}

.companies-container {
    max-width: 1350px;
    padding: 0px;
}

.companies-container3 {
    max-width: 1350px;
    padding: 0px;
    border-bottom: 1px solid #E3EBFF;
}

.companies-container3 {
    max-width: 1350px;
    padding: 0px;
}

.top-header {
    background-color: #F9EFEB;
}

:root {
    --font-anuphan: 'Anuphan';
    --font-montserrat: 'Montserrat';
}

img {
    max-width: 100%;
}

a {
    text-decoration: none;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    border-color: transparent;
}

ul {
    margin: 0px;
    list-style: none;
    padding: 0px;
}

.gj-datepicker .gj-icon {
    font-family: none !important;
    font-size: 0px !important;
    background-image: url(../images/calendar.svg);
    background-repeat: no-repeat;
    width: 18px;
    height: 19px;
    top: 12px !important;
    right: 6px;
    left: auto !important;
}

.gj-datepicker .form-control {
    border-right: none !important;
    padding-right: 0px;
}

.gj-datepicker .btn {
    padding: 0px;
    border-left: none;
    border-radius: 0px 8px 8px 0px;
}

.gj-datepicker .btn:hover {
    background-color: transparent;
}

.form-control {
    padding: 12px 16px;
    border-radius: 8px;
    font: normal 400 1.6rem/2.4rem var(--font-anuphan);
    color: #303030;
    border: 1px solid #9F9F9F;
    background-color: #fff;
}

input.form-control::placeholder {
    color: #9F9F9F;
}

input.form-control:focus,
input.form-control:active,
input.form-control:hover {
    border: 1px solid #A0144F;
    box-shadow: none;
}

.form-group {
    position: relative;
}

.yellow-button {
    font: normal 500 1.3rem/1.6rem var(--font-anuphan);
    color: #303030;
    background-color: #F6E95F;
    padding: 1.2rem 2.4rem;
    border-radius: 50px;
    text-transform: uppercase;
    display: inline-block;
}

.purple-button {
    font: normal 400 1.8rem/1 var(--font-anuphan);
    color: #FFFFFF;
    background-color: #A0144F;
    padding: 1.6rem 2.8rem;
    border-radius: 100px;
    display: inline-block;
    border: none;
}

.grey-button {
    font: normal 600 1.3rem/1.6rem var(--font-anuphan);
    color: #FFFFFF;
    background-color: #CACFDD;
    border: none;
    border-radius: 56px;
    padding: 12px 24px;
    width: 100%;
    display: inline-block;
    text-align: center;
}

.blue-button {
    background-color: #03298C;
    font: normal 400 1.6rem/2.4rem var(--font-anuphan);
    color: #FFFFFF;
    padding: 10px;
    border-radius: 8px;
    border: none;
}

.alert-msg,
.sidenav .reset .alert-msg p {
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    margin-bottom: 10px;
    color: red;
}

#password_change {
    position: relative;
    padding: 12px 30px 12px 16px;
}

#password_change #eye {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 15px;
    right: 10px;
    background: url('../images/close-eye.svg') no-repeat;
}

#password_change.show #eye {
    background: url('../images/open-eye.svg') no-repeat;
}

/*header*/
.header {
    padding: 15px 0px;
}

.header .navbar {
    padding: 0px;
}

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

.collapse.navbar-collapse ul li a {
    font: normal 600 1.6rem/1.5rem var(--font-anuphan);
    color: #595959;
}

.collapse.navbar-collapse ul li {
    margin-right: 4.8rem;
}

.collapse.navbar-collapse ul li:last-child {
    margin-right: 0px;
}

.collapse.navbar-collapse ul:first-child {
    /*  margin-right: 10rem; */
    margin: auto;
}

.collapse.navbar-collapse ul:last-child {
    align-items: flex;
}

.collapse.navbar-collapse ul:last-child li {
    margin-right: 3.2rem;
}

.collapse.navbar-collapse ul:last-child li:last-child {
    margin-right: 0px;
}

.collapse.navbar-collapse ul li ul li ul {
    margin-left: 25px !important;

}

.collapse.navbar-collapse ul li ul li ul li {
    margin-top: 10px;
    list-style: disc;
    display: list-item;
}

.dropdown-toggle::after {
    width: 7px;
    height: 7px;
    border-right: 2px solid #595959;
    border-bottom: 2px solid #595959;
    border-left: none;
    border-top: none;
    transform: rotate(45deg);
    vertical-align: 2px;
}

/*header*/
/*banner*/
.banner {
    position: relative;
}

.banner>img {
    width: 100%;
}

.banner .banner-content {
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    text-align: center;
    bottom: 0px;
}

.banner .banner-content button img {
    margin-left: 16px;
}

.banner .banner-content h1 {
    font: normal 500 6.4rem/7.2rem var(--font-anuphan);
    color: #303030;
    margin-bottom: 8px;
}

.banner .banner-content p {
    font: normal 400 2rem/2.4rem var(--font-anuphan);
    color: #595959;
    margin-bottom: 40px;
}

.different-avatar {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 100px;
    justify-content: center;
}

.different-avatar .single-avatar {
    width: 28.8rem;
    max-width: 28.8rem;
    flex: 0 0 28.8rem;
    border-radius: 400px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
}

.different-avatar .single-avatar img {
    border-radius: 400px 400px 0px 0px;
}

.different-avatar .single-avatar:nth-of-type(even) {
    margin-top: 100px;
}

.different-avatar .single-avatar:nth-of-type(even) img {
    order: 2;
}

.different-avatar .single-avatar:nth-of-type(even) .content {
    order: 1;
}

.arrow {
    border-top: 2px solid #FF4545;
    border-right: 2px solid #FF4545;
    position: relative;
    width: 13px;
    height: 13px;
    display: inline-block;
}

.arrow:before {
    content: "";
    position: absolute;
    background: #FF4545;
    width: 1.5px;
    height: 17px;
    transform: rotate(45deg);
    top: -4.5px;
}

.different-avatar .content {
    text-align: center;
    padding: 60px 0px;
}

.different-avatar span {
    font: normal 500 1.8rem/1 var(--font-anuphan);
    color: #FFFFFF;
}

.different-avatar h4 {
    font: normal 200 4rem/1 var(--font-anuphan);
    color: #FFFFFF;
    margin-bottom: 20px;
    width: 200px;
}

.different-avatar a {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #FFFFFF;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.different-avatar .single-avatar:first-child {
    background: #F89C74;
}

.different-avatar .single-avatar:nth-of-type(2) {
    background: url('../images/queer.svg') no-repeat;
}

.different-avatar .single-avatar:nth-of-type(3) {
    background: #85D2FF;
}

.different-avatar .single-avatar:nth-of-type(4) {
    background: #66C5CC;
}

.different-avatar .single-avatar:nth-of-type(5) {
    background: #9DA5BA;
}

.different-avatar .single-avatar:nth-of-type(3) .arrow {
    border-top: 2px solid #1FB8F7;
    border-right: 2px solid #1FB8F7;
}

.different-avatar .single-avatar:nth-of-type(4) .arrow {
    border-top: 2px solid #7AC03B;
    border-right: 2px solid #7AC03B;
}

.different-avatar .single-avatar:nth-of-type(5) .arrow {
    border-top: 2px solid #9DA5BA;
    border-right: 2px solid #9DA5BA;
}

.different-avatar .single-avatar:nth-of-type(3) .arrow:before {
    background: #1FB8F7;
}

.different-avatar .single-avatar:nth-of-type(4) .arrow:before {
    background: #7AC03B;
}

.different-avatar .single-avatar:nth-of-type(5) .arrow:before {
    background: #9DA5BA;
}

/*banner*/
/*opportunity*/
.opportunity {
    padding: 100px 0px;
}

.opportunity h2 {
    font: normal 400 5.6rem/6.4rem var(--font-anuphan);
    color: #303030;
    width: 433px;
    margin: 0 auto;
    padding-bottom: 80px;
    text-align: center;
}

.opportunity .nav-link {
    font: normal 500 2rem/2.6rem var(--font-anuphan);
    color: #595959;
    padding: 0px;
    text-transform: uppercase;
    border-bottom: 3px solid transparent;
}

.opportunity .nav-link:first-child {
    margin-right: 10.4rem;
}

.opportunity .nav-tabs {
    border-bottom: none;
    justify-content: center;
    margin-bottom: 80px;
}

.opportunity .nav-link.active {
    background-color: transparent;
    color: #404040;
    border: none;
    border-bottom: 3px solid #FF5273;
    font-weight: 600;
}

.opportunity .locations {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.opportunity .single-location {
    width: 17.6rem;
    max-width: 17.6rem;
    flex: 0 0 17.6rem;
    text-align: center;
}

.opportunity .single-location .image {
    background-color: #FE88B1;
    height: 17.6rem;
    border-radius: 176px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
}

.opportunity .single-location:nth-of-type(2) .image {
    background-color: #F89C74;
}

.opportunity .single-location:nth-of-type(3) .image {
    background-color: #D3B484;
}

.opportunity .single-location:nth-of-type(4) .image {
    background-color: #87C55F;
}

.opportunity .single-location:nth-of-type(5) .image {
    background-color: #66C5CC;
}

.opportunity .single-location:nth-of-type(6) .image {
    background-color: #B497E7;
}

.opportunity .single-location a {
    font: normal 600 1.4rem/1.6rem var(--font-anuphan);
    color: #333333;
    text-transform: uppercase;
}

.opportunity .single-location:nth-of-type(2) a {
    color: #0D1B2A;
}

.opportunity .single-location:nth-of-type(3) a {
    color: #2A6041;
}

.opportunity .single-location:nth-of-type(4) a {
    color: #5A4630;
}

.opportunity .single-location:nth-of-type(5) a {
    color: #3B1E68;
}

.opportunity .single-location:nth-of-type(6) a {
    color: #704214;
}

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

.opportunity .expertise ul li {
    display: inline-block;
    margin: 0px 13px 8px 0px;
    border: 1.5px solid #A0144F;
    border-radius: 100px;
}

.opportunity .expertise ul li a {
    font: normal 500 1.3rem/1.6rem var(--font-anuphan);
    color: #595959;
    padding: 1.4rem 2.8rem;
    border-radius: 100px;
    display: inline-block;
    background-color: #fff;
    text-transform: uppercase;
}

/*opportunity*/
/*companies*/
.companies {
    padding: 82px 0px;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.companies h4 {
    font: normal 500 2rem/2.6rem var(--font-anuphan);
    color: #303030;
    border-bottom: 3px solid #A0144F;
    display: inline-block;
    text-transform: uppercase;
}

.companies .owl-carousel {
    padding-top: 88px;
}

#sync1.owl-theme {
    margin-bottom: 56px;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
    padding: 0px;
    top: 19px;
}

.owl-carousel .owl-nav button.owl-next {
    right: 0px;
    left: auto;
}

.owl-carousel .owl-nav button.owl-prev {
    right: 50px;
}

.owl-carousel .owl-item img {
    margin: 0 auto;
    height: 60px;
}

.companies .view-all {
    margin-top: 56px;
}

.view-all a {
    font: normal 500 1.2rem/1.5rem var(--font-anuphan);
    color: #A0144F;
    text-transform: uppercase;
}

.view-all a img {
    padding-left: 4px;
}

/*companies*/
/*empowering*/
.empowering {
    background-color: #F9EFEB;
    display: inline-block;
    width: 100%;
    padding: 88px 0px;
}

.platform {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.platform .virtual {
    /* background-color: #DFB0F4; */
    border-radius: 25px;
    /* padding: 32px 20px 0px 20px; */
    text-align: center;
    width: 298px;
    max-width: 298px;
    flex: 0 0 298px;
}

.platform .virtual span {
    font: normal 500 1.2rem/1.5rem var(--font-anuphan);
    color: #FFFFFF;
    margin-bottom: 4px;
}

.platform .virtual h3 {
    font: normal 600 3.2rem/3.6rem var(--font-anuphan);
    color: #1B2735;
}

.platform .virtual ul li {
    font: normal 500 1.2rem/1.5rem var(--font-anuphan);
    color: #FFFFFF;
    padding: 0px 2px;
    border-right: 1px solid #fff;
    display: inline-block;
    text-transform: uppercase;
}

.platform .virtual ul li:last-child {
    border-right: none;
}

.platform .virtual ul {
    margin: 0px 0px 16px 0px;
}

.virtual img,
.google img {
    object-fit: cover !important;
    height: 100% !important;
    border-radius: 25px !important;
}

.platform .webinar {
    width: 298px;
    float: left;
    background-color: #fff;
    border-radius: 25px;
}

.platform .webinar img {
    border-radius: 11px 11px 0px 0px;
}

.platform .webinar>img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.platform .webinar .content {
    padding: 32px 16px 40px;
    text-align: center;
}

.platform .webinar span {
    font: normal 400 1.2rem/1.5rem var(--font-anuphan);
    color: #595959;
    display: block;
    text-align: center;
    margin-bottom: 40px;
}

.platform .webinar h4 {
    font: normal 600 1.6rem/2.2rem var(--font-anuphan);
    color: #303030;
    margin: 0px 0px 20px 0px;
    text-align: left;
}

.platform .webinar table tr td {
    font: normal 300 1.4rem/2rem var(--font-anuphan);
    color: #595959;
    vertical-align: text-top;
    padding: 0px 0px 15px 4px;
    text-align: left;
}

.platform .webinar table tr td ul li {
    border-right: 1px solid #595959;
    padding-right: 4px;
    width: fit-content;
}

.platform .webinar table tr td ul li:last-child {
    border-right: none;
}

.platform .webinar table tr td:first-child {
    font-weight: 600;
    width: 90px;
}

.platform .webinar table tr td:first-child span {
    float: right;
    font-weight: 600;
}

.reserve {
    font: normal 400 1.2rem/1.5rem var(--font-anuphan);
    color: #A0144F;
    border-bottom: 2px solid #A0144F;
}

.platform .google {
    width: 298px;
    float: left;
    height: 65rem;
    border-radius: 25px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.platform .google .images {
    margin: 6px 0px 32px 0px;
}

/* .platform .google img:last-child {
  border-radius: 0px 0px 25px 25px;
} */

.platform .google .images img:first-child {
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1.28px solid #A6A6A6;
}

.platform .google h5 {
    font: normal 400 2rem/2.4rem var(--font-anuphan);
    color: #1B2735;
    padding-bottom: 32px;
    width: 240px;
    margin: 0 auto;
    text-align: center;
}

.know-more {
    font: normal 600 1.3rem/1.5rem var(--font-anuphan);
    color: #FFFFFF;
    background-color: #A0144F;
    border-radius: 50px;
    padding: 1.2rem 2.4rem;
    border: none;
}

/*empowering*/
/*celebrate*/
.celebrate {
    padding: 82px 0px;
    display: inline-block;
    width: 100%;
}

.celebrate .heading {
    width: 55.5rem;
    float: left;
    border-right: 1px solid #CDCDCD;
    padding-right: 50px;
}

.celebrate h4 {
    font: normal 500 4rem/4.8rem var(--font-anuphan);
    color: #303030;
    margin: 0px 0px 40px 0px;
}

.celebrate .seramount {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.celebrate .heading img {
    margin-right: 32px;
}

.celebrate .description {
    width: 76rem;
    float: left;
}

.celebrate .description p {
    font: normal 400 1.6rem/2.4rem var(--font-anuphan);
    color: #404040;
    margin: 0px 0px 30px 0px;
}

.celebrate .description p b {
    font-weight: 600;
}

.celebrate .description h5 {
    font: normal 600 1.6rem/2.4rem var(--font-anuphan);
    color: #303030;
    margin: 0px 0px 30px 0px;
}

/*celebrate*/
/*engage-empower*/
.engage-empower {
    background-color: #F5F5F5;
    display: inline-block;
    width: 100%;
    padding: 88px 0px;
}

.engage-empower .heading {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.engage-empower h4 {
    font: normal 600 2rem/2.6rem var(--font-anuphan);
    color: #303030;
    margin-bottom: 80px;
    border-bottom: 3px solid #A0144F;
    width: fit-content;
    text-transform: uppercase;
}

.engage-empower .masonry {
    text-align: center;
}

.engage-empower .masonry span {
    font: normal 500 1.2rem/1.4rem var(--font-montserrat);
    color: #595959;
    display: block;
    margin-bottom: 16px;
    text-transform: uppercase;
    margin-top: 2rem;
}

.engage-empower .video img {
    width: 100%;
    object-fit: contain;
}

.engage-empower .masonry .content {
    margin: 16px 16px 16px;
}

.engage-empower .masonry .content span {
    font: normal 500 1.2rem/1.5rem var(--font-anuphan);
    color: #939393;
    display: block;
    margin-bottom: 16px;
    text-transform: none;
    margin-top: 0;
}

.engage-empower .masonry h5 {
    font: normal 600 1.6rem/2.2rem var(--font-anuphan);
    color: #303030;
    display: inline-block;
    padding-right: 8px;
    margin-bottom: 16px;
}

.engage-empower .masonry p {
    font: normal 400 1.4rem / 2rem var(--font-anuphan);
    color: #595959;
    width: 240px;
    margin-bottom: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.engage-empower .view-all {
    margin-top: 88px;
    text-align: center;
}

/* .masonry {
    column-count: 4;
    column-gap: 16px;
    padding: 16px 0;
} */


.masonry .item {
    background-color: #ffffff;
    box-sizing: border-box;
    border-radius: 25px;
    transition: transform 0.3s;
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0 0 16px;
    overflow: hidden;
}

.masonry .testimonials {
    padding: 0px 20px;
}

.masonry .testimonials p {
    font: normal 400 1.6rem/2.4rem var(--font-anuphan);
    color: #303030;
    margin-bottom: 16px;
}

.masonry .testimonials .name {
    text-align: center;
}

.masonry .testimonials .name img {
    width: 56px;
    height: 56px;
    border-radius: 100px;
}

.masonry .testimonials .name h5 {
    font: normal 600 1.8rem/2.3rem var(--font-anuphan);
    color: #303030;
    display: block;
    margin: 16px 0px 0px 0px;
}

.masonry .testimonials .name span {
    font: normal 400 1.2rem/1.5rem var(--font-anuphan);
    color: #404040;
}

.masonry .video:before {
    content: "";
    position: absolute;
    background-image: url(../images/red-top.svg);
    width: 100%;
    height: 10px;
    top: 0px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    background-color: #F5F5F5;
    background-repeat: no-repeat;
    background-size: cover;
}

.masonry .life-balance:before {
    content: "";
    position: absolute;
    background-image: url(../images/blue-top.svg);
    background-size: cover;
}

.masonry .testimonials:before {
    content: "";
    position: absolute;
    background-image: url(../images/green-top.svg);
    width: 100%;
    height: 10px;
    top: 0px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    background-color: #F5F5F5;
    background-repeat: no-repeat;
    background-size: cover;
}

.main-cutout {
    width: 40px;
    height: 9px;
    background: #F5F5F5;
    border-radius: 4px;
    position: absolute;
    display: grid;
    place-items: center;
    top: 0px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
}

.main-cutout:before {
    content: "";
    position: absolute;


}

/* Specific dimensions and colors for each item */
.item1 {
    grid-row: span 12;
}

.item2 {
    grid-row: span 15;
}

.item.item3 {
    grid-row: span 11;
    background-color: #7BE0B2;
}

.item4 {
    grid-row: span 15;
}

.item.item5 {
    grid-row: span 13;
    background-color: #7BE0B2;
}

.item6 {
    grid-row: span 15;
}

.item7 {
    grid-row: span 17;
}

.item8 {
    grid-row: span 14;
}

/*engage-empower*/
/*footer*/
footer {
    background-color: #03288C;
    display: inline-block;
    width: 100%;
    padding: 88px 0px;
}

footer .footer-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 88px;
    flex-direction: row;
    row-gap: 0;
}

footer .signup {
    width: 28.8rem;
    max-width: 28.8rem;
    flex: 0 0 28.8rem;
}

footer .signup h4 {
    font: normal 600 2.4rem/3.2rem var(--font-anuphan);
    color: #E3EBFF;
    margin-bottom: 18px;
}

footer .signup p {
    font: normal 400 1.4rem/2.2rem var(--font-anuphan);
    color: #E3EBFF;
    margin-bottom: 18px;
}

footer .signup .email-address {
    width: 100%;
    position: relative;
}

footer .signup .email-address .email {
    background-color: transparent;
    border: none;
    position: absolute;
    top: 12px;
    right: 0px;
}

footer .signup .email-address input[type=email] {
    font: normal 400 1.4rem/1.7rem var(--font-montserrat);
    color: #595959;
    background-color: #FFFFFF;
    border-radius: 10px;
    border: none;
    padding: 16px 31px 16px 16px;
    width: 100%;
}

footer .signup .email-address .vector-icon {
    position: absolute;
    width: 18px;
    height: 14px;
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
    gap: 0px;
    border: none;
    opacity: 1;
}

footer .diversity {
    width: 13rem;
    max-width: 13rem;
    flex: 0 0 13rem;
}

footer .diversity h5 {
    font: normal 600 1.6rem/2rem var(--font-anuphan);
    color: #E3EBFF;
    margin-bottom: 12px;
}

footer .diversity ul li a {
    font: normal 400 1.4rem/2.2rem var(--font-anuphan);
    color: #E3EBFF;
}

footer .diversity ul li {
    padding-bottom: 12px;
}

footer .diversity ul li img {
    margin-right: 8px;
}

footer .bottom-footer {
    border-top: 1.5px solid #2144A5;
    padding-top: 40px;
}

footer .bottom-footer .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

footer .bottom-footer p {
    font: normal 400 1.3rem/2.4rem var(--font-anuphan);
    color: #E3EBFF;
}

footer .bottom-footer p b {
    font-weight: 600;
}

footer .bottom-footer ul li {
    display: inline-block;
    padding-right: 8px;
    position: relative;
}

footer .bottom-footer ul li:after {
    content: "";
    position: absolute;
    background-color: #E3EBFF;
    width: 1px;
    height: 10px;
    top: 6px;
    right: 2px;
}

footer .bottom-footer ul li:last-child:after {
    background-color: transparent;
}

footer .bottom-footer ul li a {
    font: normal 400 1.3rem/2.4rem var(--font-anuphan);
    color: #E3EBFF;
    text-decoration: underline;
    text-underline-offset: 3px;
}

footer .bottom-footer span {
    font: normal 400 1.3rem/2.4rem var(--font-anuphan);
    color: #E3EBFF;
    display: block;
}

footer .bottom-footer a {
    font: normal 400 1.3rem/2.4rem var(--font-anuphan);
    color: #E3EBFF;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/*footer*/
/*modal*/
.modal.search-job .modal-dialog {
    max-width: 100%;
    margin: 0px;
    height: 100%;
}

.modal.search-job .modal-header {
    border-bottom: none;
    justify-content: flex-end;
    margin: 25px 46px 20px;
}

.modal.search-job {
    background: url(../images/search-bg.webp) no-repeat;
    background-color: #F9EFEB;
}

.modal.search-job .modal-content {
    background-color: transparent;
    border: none;
    height: 100%;
}

.modal.search-job .modal-body {
    padding: 0px 104px 72px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
}

.modal.search-job .modal-body .heading {
    width: 48rem;
    max-width: 48rem;
    flex: 0 0 48rem;
}

.modal.search-job .modal-body .search-result {
    width: 660px;
    max-width: 660px;
    flex: 0 0 660px;
    height: auto;
    background: transparent;
}

.modal.search-job .modal-body h3 {
    font: normal 400 4.8rem/5.6rem var(--font-anuphan);
    color: #303030;
    margin-bottom: 20px;
}

.modal.search-job .modal-body p {
    font: normal 400 2rem/3.2rem var(--font-anuphan);
    color: #595959;
    margin-bottom: 0px;
}

.modal.search-job .modal-body span {
    font: normal 400 1.8rem / 6.2rem var(--font-anuphan);
    color: #303030;
    text-align: left;
}

.modal.search-job .modal-body .select-box {
    width: 204px;
    display: inline-block;
    position: relative;
    margin: 0px 12px;
}

/* .modal.search-job .modal-body .select-box:after{
  content:"";
  position: absolute;
  background: url('../images/downarrow.svg') no-repeat;
  width: 13px;
  height: 8px;
  top: 15px;
  right: 10px;
} */
.modal.search-job .modal-body select {
    font: normal 400 1.8rem/3.2rem var(--font-anuphan);
    color: #747474;
    border: none;
    border-bottom: 1px solid #303030;
    padding: 0px 12px 0px;
    width: 100%;
    background-color: transparent;
    vertical-align: text-bottom;
    -webkit-appearance: none;
    text-align: left;
}

.modal.search-job .search-button button {
    font: normal 500 2.2rem/1 var(--font-anuphan);
    color: #fff;
}

.modal.search-job .btn-close {
    position: relative;
    width: 24px;
    height: 24px;
    padding: 0px;
    --bs-btn-close-bg: none;
}

.btn-close:focus {
    box-shadow: none;
}

.modal.search-job .btn-close:before,
.modal.search-job .btn-close:after {
    content: "";
    position: absolute;
    background-color: #FF4545;
    width: 2px;
    height: 24px;
    top: 0px;
    left: 0px;
    right: 0px;
    transform: rotate(45deg);
}

.modal.search-job .btn-close:after {
    transform: rotate(-45deg);
}

/*modal*/
/*signin*/
.signin {
    background-color: #F9EFEB;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.signin .user-details {
    width: calc(100% - 76.8rem);
    max-width: calc(100% - 76.8rem);
    flex: 0 0 calc(100% - 76.8rem);
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: center;
}

.signin .image {
    width: 76.8rem;
    max-width: 76.8rem;
    flex: 0 0 76.8rem;
}

.signin .logo,
.signin .copyrights {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    text-align: center;
}

.signin .welcome-back {
    width: 42rem;
    max-width: 42rem;
    flex: 0 0 42rem;
}

.signin.signup .welcome-back input {
    border: 1px solid #9F9F9F;
}

.signin .welcome-back h1 {
    font: normal 400 2.4rem/3.1rem var(--font-anuphan);
    color: #303030;
    margin-bottom: 32px;
    text-align: center;
}

.signin .welcome-back .form-group {
    margin-bottom: 16px;
    display: inline-flex;
    width: 100%;
}

.signin .form-group .eye {
    width: 16px;
    height: 16px;
    background: url('../images/close-eye.svg') no-repeat;
    position: absolute;
    top: 15px;
    right: 10px;
    cursor: pointer;
}

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

.signin .form-group .eye.show {
    background: url('../images/open-eye.svg') no-repeat;
}

.signin .forgot-password {
    font: normal 600 1.4rem/1.6rem var(--font-anuphan);
    color: #A0144F;
    float: right;
}

.signin .purple-button {
    width: 100%;
}

.login-with {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.login-with hr {
    border-top: 1px solid #A0144F;
    width: 100%;
    display: inline-flex;
    justify-content: center;
}

.signin .login-with {
    justify-content: center;
}

.login-with span {
    font: normal 400 1.4rem/1.8rem var(--font-anuphan);
    color: #595959;
    position: absolute;
    background: #F9EFEB;
    padding: 0px 10px;
    top: 2px;
}

.google {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.google button {
    background-color: #FFFFFF;
    border: none;
    border-radius: 100px;
    padding: 8px 12px;
    font: normal 400 1.5rem/1.9rem var(--font-anuphan);
    color: #404040;
}

.signin .signup {
    font: normal 400 1.4rem/1.8rem var(--font-anuphan);
    color: #404040;
    text-align: center;
    margin-top: 16px;
}

.signin .signup a {
    font-weight: 700;
    color: #A0144F;
}

.signin .copyrights {
    font: normal 400 1.2rem/2.4rem var(--font-anuphan);
    color: #595959;
}

.signin .copyrights b {
    font-weight: 600;
}

#main {
    transition: margin-left .5s;
    padding: 20px;
}

.sidenav {
    right: -80px;
}

.sidenav.open {
    width: 320px;
    right: 0px;
}

.sidenav {
    height: 100%;
    /* 100% Full-height */
    width: 0;
    /* 0 width - change this with JavaScript */
    position: fixed;
    /* Stay in place */
    z-index: 1;
    /* Stay on top */
    top: 0;
    background-color: #fff;
    padding: 0px 40px;
    overflow-x: hidden;
    /* Disable horizontal scroll */
    padding-top: 60px;
    /* Place content 60px from the top */
    transition: 0.5s;
    /* 0.5 second transition effect to slide in the sidenav */
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}

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

.sidenav .reset img {
    margin-bottom: 40px;
}

.sidenav .reset h4 {
    font: normal 600 2.4rem/3.1rem var(--font-anuphan);
    color: #303030;
    margin-bottom: 8px;
}

.sidenav .reset p {
    font: normal 400 1.6rem/2.4rem var(--font-anuphan);
    color: #595959;
    margin-bottom: 40px;
}

.sidenav .reset .form-group {
    margin-bottom: 40px;
}

.sidenav .reset .form-group input {
    border: 1px solid #9F9F9F;
}

.sidenav .closebtn {
    background-color: #F2F2F2;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    position: absolute;
    left: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    top: 20px;
}

.sidenav a {
    text-decoration: none;
    display: block;
    transition: 0.3s
}

/*signin*/
/*set-newpassword*/
.set-newpassword {
    height: calc(100% - 80px);
    align-content: center;
    padding: 0px;
    justify-content: center;
    position: relative;
    margin-top: 5px;
}

.set-newpassword:before {
    /* content: "";
  position: absolute;
  background: url('../images/left-bg.png') no-repeat;
  width: 280px;
  height: 560px;
  left: 0px;
  bottom: 0px; */
    content: "";
    position: absolute;
    background: url('../images/left-bg.png') no-repeat;
    width: 280px;
    height: 560px;
    margin-top: 30px;
    left: 0px;
}

.set-newpassword:after {
    content: "";
    position: absolute;
    background: url('../images/right-bg.png') no-repeat;
    width: 280px;
    height: 560px;
    margin-top: 30px;
    right: 0px;
}

.set-newpassword .welcome-back {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;
    margin-top: 42px;
    justify-content: center;
}

.set-newpassword .welcome-back img {
    margin-bottom: 40px;
}

.set-newpassword .welcome-back h4 {
    font: normal 600 2.4rem/3.1rem var(--font-anuphan);
    color: #303030;
    margin-bottom: 8px;
    width: 100%;
}

.set-newpassword .welcome-back p {
    font: normal 400 1.6rem/2.4rem var(--font-anuphan);
    color: #595959;
    margin-bottom: 40px;
}

.set-newpassword .welcome-back .form-group:last-child {
    margin: 24px 0px 0px;
}

.set-newpassword .welcome-back .copyrights {
    font: normal 400 1.2rem / 2.4rem var(--font-anuphan);
    color: #595959;
    margin: 142px 0px 20px;
}

/*set-newpassword*/
/*otp*/
.set-newpassword.otp .welcome-back {
    width: 424px;
    max-width: 424px;
    flex: 0 0 424px;
}

.set-newpassword.otp .textboxes {
    justify-content: space-between;
    margin-bottom: 40px;
}

.set-newpassword.otp input.form-control {
    width: 64px;
}

.set-newpassword.otp span {
    font: normal 400 1.3rem/1.6rem var(--font-anuphan);
    color: #595959;
}

.set-newpassword.otp span a,
.set-newpassword.otp p a {
    color: #A0144F;
}

.set-newpassword.otp .otp-resend p {
    margin-bottom: 15px;
}

/*otp*/
/*signup*/
.checkbox input[type="checkbox"] {
    visibility: hidden;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.checkbox label {
    font: normal 400 1.4rem/1.8rem var(--font-anuphan);
    color: #595959;
    padding-left: 35px;
}

.checkbox label:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 1px solid #9F9F9F;
    border-radius: 4px;
    left: 0px;
    top: 0px;
}

.checkbox input[type="checkbox"]:checked+label:after {
    content: "";
    position: absolute;
    border-right: 1px solid #A0144F;
    border-bottom: 1px solid #A0144F;
    width: 6px;
    height: 9px;
    left: 7px;
    top: 4px;
    transform: rotate(45deg);
}

.checkbox label a {
    font-weight: 700;
    color: #A0144F;
}

/*signup*/
/*search-result*/
.search-heading {
    padding: 50px 0px;
}

.search-heading h1 {
    font: normal 400 2.4rem/3.1rem var(--font-anuphan);
    color: #303030;
    text-align: center;
    margin: 0px;
}

.search-heading h1 span {
    font-weight: 600;
}

.search-area {
    padding: 20px 55px;
}

.search-area .city-skills {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.search-area .form-group {
    max-width: 28.6rem;
}

.search-area input,
.search-area select {
    border: 1px solid #E2E2E2;
    background-color: #fff;
    padding: 16px 30px;
    font: normal 600 1.6rem/2rem var(--font-anuphan);
    color: #9F9F9F;
    border-radius: 100px;
}

.select-box {
    position: relative;
}

.select-box:after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-right: 2px solid #595959;
    border-bottom: 2px solid #595959;
    border-left: none;
    border-top: none;
    transform: rotate(45deg);
    vertical-align: 2px;
    top: 20px;
    right: 17px;
}

.select-box2:after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-right: 2px solid #595959;
    border-bottom: 2px solid #595959;
    border-left: none;
    border-top: none;
    transform: rotate(45deg);
    vertical-align: 2px;
    top: 20px;
    right: 18px;
}

.select-box3:after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-right: 2px solid #595959;
    border-bottom: 2px solid #595959;
    border-left: none;
    border-top: none;
    transform: rotate(45deg);
    vertical-align: 2px;
    top: 42px;
    right: 30px !important;
}


.search-result {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: 1px solid #F9EFEB;

    background: linear-gradient(to right, #F5F5F5, #fff);
}

.search-result .engagement {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 900px;
}

.search-result .left-panel {
    width: 46rem;
    max-width: 46rem;
    flex: 0 0 46rem;
    background-color: #F5F5F5;
    padding: 32px 20px 32px 20px;
    height: 100%;
    overflow-y: scroll;
}

.search-result .left-panel::-webkit-scrollbar {
    width: 0.5px;
}

.search-result .left-panel::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.search-result .left-panel::-webkit-scrollbar-thumb {
    background: #888;
}

.search-result .right-panel {
    width: 94rem;
    max-width: 94rem;
    flex: 0 0 94rem;
    height: 100%;
    overflow-y: scroll;
    padding: 32px 64px 64px;
    background: #fff;
}

.search-result .right-panel::-webkit-scrollbar {
    width: 0.5px;
}

.search-result .right-panel::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.search-result .right-panel::-webkit-scrollbar-thumb {
    background: #888;
}

.search-result .awards {
    margin-bottom: 24px;
}

.search-result .awards li {
    display: inline-block;
    font: normal 400 1.3rem/1.6rem var(--font-anuphan);
    color: #303030;
    margin-right: 14px;
}

.search-result .awards li:last-child {
    margin-right: 0px;
}

.search-result .nav-tabs {
    border-bottom: none;
}

.search-result .nav-tabs>li {
    display: inline-block;
    background-color: #FFFFFF;
    border-radius: 15px;
    margin-bottom: 24px;
    padding: 16px;
}

.search-result .nav-tabs li button {
    width: 100%;
    border: none;
    border-radius: 15px;
    padding: 0px;
}

.search-result .nav-tabs li .image {
    width: 100px;
    float: left;
    margin-right: 16px;
}

.search-result .nav-tabs li .content {
    width: 230px;
    float: left;
    text-align: left;
}

.search-result .nav-tabs span {
    font: normal 400 1.2rem/1.6rem var(--font-anuphan);
    color: #595959;
    margin-bottom: 8px;
}

.search-result .nav-tabs .heading {
    display: flex;
    justify-content: end;
    gap: 5px;
}

.search-result .nav-tabs h4 {
    font: normal 600 1.6rem/2rem var(--font-anuphan);
    color: #303030;
}

.search-result .nav-tabs p {
    font: normal 400 1.3rem/1.6rem var(--font-anuphan);
    color: #595959;
}

.search-result .nav-tabs ul li {
    font: normal 400 1.2rem/1.5rem var(--font-anuphan);
    color: #595959;
    display: inline-block;
    margin-right: 16px;
}

.search-result .nav-tabs ul li img {
    margin-right: 4px;
}

.search-result .location {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.search-result .location ul {
    display: inline-block;
}

i.fa-regular {
    font-size: 16px;
    color: #595959;
}

i.fa-solid {
    font-size: 16px;
    color: #3970F1;
    right: 10px;
    cursor: pointer;
}

.right-panel .posted-date {
    margin-bottom: 16px;
}

.right-panel .last-date li {
    font: normal 400 1.3rem/1.6rem var(--font-anuphan);
    color: #595959;
    margin-right: 20px;
    position: relative;
    display: inline-block;
}

.right-panel .last-date li:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    background-color: #5887FB;
    border-radius: 50%;
    top: 5px;
    left: -16px;
}

.right-panel .last-date li:first-child:before {
    background-color: transparent;
}

.right-panel .company-description h2,
.modal.apply-job .right-panel .company-description h2 {
    font: normal 600 3.2rem/1 var(--font-anuphan);
    color: #303030;
    margin-bottom: 40px;
    text-align: left;
}

.right-panel .job-description {
    border-top: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
    padding: 24px 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.right-panel .job-description ul {
    display: inline-block;
}

.right-panel .sharing {
    display: inline-block;
}

.right-panel .sharing li {
    width: 41px;
    height: 41px;
    border: 1px solid #595959;
    border-radius: 100px;
    margin-left: 16px;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.right-panel .sharing li i {
    font-size: 13.5px;
    color: #595959;
}

.right-panel .company-profile h3 {
    font: normal 600 1.9rem/2.4rem var(--font-anuphan);
    color: #303030;
    margin-bottom: 12px;
}

.right-panel .company-profile p {
    font: normal 400 1.4rem/2.2rem var(--font-anuphan);
    color: #404040;
    margin-bottom: 12px;
}

.right-panel .company-profile p:last-child {
    margin-bottom: 40px;
}

.right-panel .company-profile a {
    font: normal 400 1.4rem/2.2rem var(--font-anuphan);
    color: #ffffff;
    word-break: break-all;
}

.right-panel .company-profile h4 {
    font: normal 500 1.6rem/2.2rem var(--font-anuphan);
    color: #404040;
}

.right-panel .company-profile h5 {
    font: normal 600 1.4rem/2.2rem var(--font-anuphan);
    color: #404040;
    text-decoration: underline;
}

.right-panel .company-profile li {
    font: normal 400 1.4rem/2.2rem var(--font-anuphan);
    color: #404040;
}

.right-panel .company-profile ul {
    padding-left: 15px;
    list-style: disc;
    margin-bottom: 15px;
}

.right-panel .diversity-skills {
    background-color: #F9EFEB;
    border-radius: 15px;
    padding: 24px 32px;
    margin-bottom: 40px;
}

.right-panel table {
    width: 100%;
}

/* .right-panel table tr td {
  padding-bottom: 40px;
} */

.right-panel table tr:last-child td {
    padding-bottom: 0px;
}

.right-panel table tr td {
    font: normal 500 1.4rem/2rem var(--font-anuphan);
    color: #404040;
}

.right-panel table tr td span {
    font: normal 400 1.2rem/1.4rem var(--font-anuphan);
    color: #595959;
    display: block;
    margin-bottom: 12px;
}

.right-panel .purple-button {
    text-transform: uppercase;
    font: normal 600 1.3rem/1.6rem var(--font-anuphan);
    padding: 1.2rem 2.4rem;
}

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

/*modal*/
.modal.apply-job .modal-dialog {
    max-width: 1000px;
}

.modal.apply-job .modal-body {
    padding: 24px 50px 48px 50px;
}

.modal.apply-job h2 {
    font: normal 400 2rem/2.6rem var(--font-anuphan);
    color: #303030;
    margin-bottom: 40px;
    text-align: center;
}

.modal.apply-job h2 span {
    font: normal 600 2rem/2.6rem var(--font-anuphan);
    color: #303030;
    border-bottom: 3px solid #FF5273;
}

.modal.apply-job .modal-content {
    border: none;
}

.modal.apply-job .modal-header {
    padding: 24px 40px 0px 0px;
    border-bottom: none;
}

.modal.apply-job input,
.modal.apply-job select {
    border: 1px solid #9F9F9F;
    padding: 10px 16px;
    font: normal 400 1.5rem/1.9rem var(--font-anuphan);
    color: #303030;
    border-radius: 8px;
}

#staticBackdrop .select2-container--default .select2-selection--single {
    width: 300px;
}

.select2-container--default .select2-selection--single {
    border-radius: 0px;
}

.modal.apply-job .form-group {
    margin-bottom: 16px;
}

.modal.apply-job .form-group label {
    font: normal 400 1.5rem/2.4rem var(--font-anuphan);
    color: #595959;
}

.modal.apply-job .form-group.select-box:after {
    top: 35px;
}

.document-attachment {
    margin-bottom: 40px;
    border: 1px dashed #03298C;
    background-color: #F8F8FD;
    border-radius: 15px;
    text-align: center;
    position: relative;
    padding: 16px;
    display: inline-block;
    width: 100%;
}

.document-attachment img {
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 10px;
}

.document-attachment .content {
    width: auto;
    display: inline-block;
    text-align: left;
}

.document-attachment h4 {
    font: normal 500 1.6rem/2rem var(--font-anuphan);
    color: #595959;
}

.document-attachment span {
    font: normal 400 1.2rem/1.6rem var(--font-anuphan);
    color: #595959;
}

.document-attachment input[type="file"] {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    padding: 0px;
    opacity: 0;
}

.modal.apply-job .btn-close {
    position: relative;
    width: 28px;
    height: 28px;
    padding: 0px;
    --bs-btn-close-bg: none;
    background-color: #F2F2F2;
    border-radius: 50%;
}

.modal.apply-job .btn-close:before,
.modal.apply-job .btn-close:after {
    content: "";
    position: absolute;
    background-color: #303030;
    width: 2px;
    height: 16px;
    top: 5px;
    transform: rotate(45deg);
}

.modal.apply-job .btn-close:after {
    transform: rotate(-45deg);
}

.modal.apply-job .checkbox {
    margin: 40px 0px 40px;
}

.modal.apply-job .skill {
    margin: 24px 0px 0px;
}

.modal.apply-job .checkbox label:before {
    left: 7px;
}

.modal.apply-job .checkbox input[type="checkbox"]:checked+label:after {
    left: 14px;
}

.modal.apply-job .skills-list {
    display: inline-block;
    margin: 10px 0px;
    width: 100%;
}

.modal.apply-job .skills-list li {
    background-color: #F2F2F2;
    padding: 10px;
    font: normal 400 1.6rem/2.4rem var(--font-anuphan);
    color: #303030;
    border-radius: 8px;
    display: inline-block;
    margin-right: 18px;
}

.modal.apply-job .skills-list li a {
    color: #03298C
}

.modal.apply-job .document-attachment.pdf {
    border: 1px solid #CAD4ED;
    background-color: #F8F8FD;
    text-align: left;
}

.modal.apply-job .document-attachment.pdf a {
    float: right;
    margin-top: 12px;
}

.modal.apply-job .document-attachment.pdf a i {
    color: #03298C;
    font-size: 20px;
}

.modal.apply-job.thankyou .modal-dialog {
    max-width: 100%;
    height: 100%;
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.modal.apply-job.thankyou .modal-content {
    max-width: 580px;
}

.modal.apply-job.thankyou .modal-body {
    width: 390px;
    margin: 0 auto;
    text-align: center;
}

.modal.apply-job.thankyou .modal-body img {
    margin-bottom: 32px;
}

.modal.apply-job.thankyou h2 {
    font: normal 500 3.2rem/3.8rem var(--font-anuphan);
    color: #303030;
    margin-bottom: 16px;
}

.modal.apply-job.thankyou p {
    font: normal 400 1.4rem/2.2rem var(--font-anuphan);
    color: #404040;
    margin: 0px;
}

/*modal*/
/*search-result*/
/*candidate-dashboard*/
.collapse.navbar-collapse ul:last-child li.candidate-user {
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

.candidate-details .profiles {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.candidate-details .left-panel {
    width: 20.5rem;
    max-width: 20.5rem;
    flex: 0 0 20.5rem;
    padding-top: 24px;
    margin-right: 40px;
}

.candidate-details .user {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    padding-bottom: 24px;
    border-bottom: 1px solid #E3EBFF;
}

.candidate-details .user img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1.2px solid #C0B6B2;
    margin-right: 8px;
}

.navbar-nav .candidate-user img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1.2px solid #C0B6B2;
    margin-right: 8px;
}

.candidate-details .user span {
    font: normal 500 1.6rem/2rem var(--font-anuphan);
    color: #303030;
}

.candidate-details .candidate-lists {
    padding: 24px 0px;
    border-bottom: 1px solid #E3EBFF;
}

.candidate-details .candidate-lists a {
    padding: 8px;
    font: normal 400 1.4rem/1.8rem var(--font-anuphan);
    color: #303030;
    display: inline-block;
    width: 100%;
}

.candidate-details .candidate-lists .active a {
    background-color: #E3EBFF;
    border-radius: 8px;
}

.candidate-details .candidate-lists a img {
    margin-right: 8px;
}

.candidate-details .showing-jobs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 24px;
}

.candidate-details .showing-jobs .applied-list {
    width: 242px;
    max-width: 242px;
    flex: 0 0 242px;
    background-color: #BAE5F5;
    padding: 20px 24px;
    border-radius: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.candidate-details .applied-list h3 {
    font: normal 500 2.4rem/3.1rem var(--font-anuphan);
    color: #303030;
    margin-bottom: 3px;
}

.candidate-details .applied-list span {
    font: normal 400 1.4rem/1.8rem var(--font-anuphan);
    color: #595959;
}

.candidate-details .applied-list .title {
    display: inline-block;
}

.candidate-details .applied-list .icon {
    background-color: #FFFFFF;
    width: 64px;
    height: 64px;
    border-radius: 8px;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.candidate-details .applied-list:nth-of-type(2) {
    background-color: #E2D3FE;
}

.candidate-details .applied-list:nth-of-type(3) {
    background-color: #CCF0C0;
}

.candidate-details .applied-list:nth-of-type(4) {
    background-color: #FADFA8;
}

.candidate-details .right-panel {
    width: 1042px;
    max-width: 1042px;
    flex: 0 0 1042px;
    border-left: 1px solid #E3EBFF;
    padding-left: 40px;
    padding-top: 24px;
}

.candidate-details .profile-completion {
    background-color: #F4532D;
    padding: 24px 48px;
    border-radius: 15px;
    margin-bottom: 40px;
}

.profile-completion .available {
    display: inline-block;
}

.profile-completion h3 {
    font: normal 600 2.4rem/3.1rem var(--font-anuphan);
    color: #FFFFFF;
    margin-bottom: 4px;
}

.profile-completion p {
    font: normal 400 1.5rem/2.2rem var(--font-anuphan);
    color: #FFFFFF;
    margin: 0px;
}

.profile-completion a {
    background-color: #FFFFFF;
    float: right;
    padding: 12px 24px;
    border-radius: 50px;
    font: normal 600 1.3rem/1.6rem var(--font-anuphan);
    color: #303030;
}

.profile-completion a img {
    transform: rotate(180deg);
    vertical-align: top;
    margin-left: 8px;
}

.recent-jobs {
    margin-bottom: 80px;
}

.recent-jobs .heading {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.recent-jobs .heading h3 {
    font: normal 600 1.9rem/2.4rem var(--font-anuphan);
    color: #303030;
    margin: 0px;
}

.recent-jobs .heading a {
    font: normal 600 1.2rem/1.6rem var(--font-anuphan);
    color: #A0144F;
}

.recent-jobs table thead {
    background-color: #F1F2F4;
}

.recent-jobs table thead tr th {
    font: normal 600 1.4rem/1.8rem var(--font-anuphan);
    color: #404040;
    padding: 12px 16px;
}

.recent-jobs table thead tr th:first-child {
    border-radius: 8px 0px 0px 8px;
}

.recent-jobs table thead tr th:last-child {
    border-radius: 0px 8px 8px 0px;
}

.recent-jobs table tbody tr td {
    font: normal 400 1.5rem/1.9rem var(--font-anuphan);
    color: #404040;
    padding: 20px 16px;
    border-bottom: 1px solid #E3EBFF;
}

.recent-jobs table tbody tr:last-child td {
    padding-bottom: 20px;
}

.recent-jobs table tbody .details {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.recent-jobs table tbody .image {
    width: 64px;
    height: 64px;
    border: 1px solid #E3EBFF;
    border-radius: 5.3px;
    margin-right: 16px;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.recent-jobs table tbody .content {
    display: inline-block;
}

.recent-jobs table tbody .content span {
    font: normal 400 1.2rem/1.6rem var(--font-anuphan);
    color: #595959;
    display: inline-block;
    margin: 0px;
}

.recent-jobs table tbody .content h4 {
    font: normal 600 1.5rem/1.9rem var(--font-anuphan);
    color: #303030;
    margin: 4px 0px;
}

.recent-jobs table tbody .content h4 span {
    margin: 0px 0px 0px 16px;
}

.recent-jobs table tbody .full-time {
    font: normal 500 1rem/1.3rem var(--font-anuphan);
    color: #303030;
    background-color: #F5EEE5;
    padding: 4px 8px;
    border-radius: 24px;
    margin: 0px;
}

.recent-jobs table tbody .completed {
    font: normal 500 1.5rem/1.9rem var(--font-anuphan);
    color: #009640;
}

.recent-jobs table tbody .pending {
    font: normal 500 1.5rem/1.9rem var(--font-anuphan);
    color: #FF246D;
}

.recent-jobs table tbody .view {
    font: normal 600 1.1rem/1.4rem var(--font-anuphan);
    color: #303030;
    background-color: #DFF4FD;
    padding: 12px 24px;
    border-radius: 50px;
    text-transform: uppercase;
    border: none;
}

.progress,
.progress-stacked {
    height: 56px;
    margin: 0px 32px 0px 0px;
    position: relative;
    width: 112px;
    float: left;
    background-color: transparent;
}

.barOverflow {
    /* Wraps the rotating .bar */
    position: relative;
    width: 180px;
    height: 90px;
    /* Half circle (overflow) */
}

.bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 112px;
    height: 112px;
    /* full circle! */
    border-radius: 50%;
    box-sizing: border-box;
    border: 20px solid #D53C18;
    /* half gray, */
    border-bottom-color: #fff;
    /* half azure */
    border-right-color: #fff;
}

.bar-text {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    text-align: center;
    font: normal 500 1.5rem/1.9rem var(--font-anuphan);
    color: #FFFFFF;
}

#myDashnav {
    padding: 0px;
    overflow-y: hidden;
}

.account-details {
    height: calc(100% - 140px);
    overflow-y: scroll;
}

.account-details::-webkit-scrollbar {
    width: 2px;
}

.account-details::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.account-details::-webkit-scrollbar-thumb {
    background: #888;
}

.account-details .name {
    text-align: center;
}

.account-details .name img {
    width: 104px;
    height: 104px;
    border-radius: 50%;
    border: 2.6px solid #C0B6B2;
}

.account-details .name span {
    font: normal 400 1.9rem/2.4rem var(--font-anuphan);
    color: #303030;
    display: block;
    margin-top: 16px;
}

.account-details .name span strong {
    font-weight: 600;
}

.account-details .profile-completion {
    background-color: #F4532D;
    padding: 24px 32px;
    margin: 32px 0px;
    display: inline-block;
}

.account-details .profile-completion h3 {
    font: normal 600 1.7rem/2.2rem var(--font-anuphan);
    color: #FFFFFF;
    margin-bottom: 8px;
}

.account-details .profile-completion p {
    font: normal 400 1.3rem/2rem var(--font-anuphan);
    color: #FFFFFF;
    margin-bottom: 16px;
}

.account-details .profile-completion a {
    float: left;
}

.account-details .candidate-lists {
    padding: 0px 0px 32px;
    border-bottom: 1px solid #E3EBFF;
    margin: 0px 32px;
}

.account-details li a {
    font: normal 400 1.4rem/1.8rem var(--font-anuphan);
    color: #303030;
    padding: 8px;
}

.account-details .candidate-lists li img {
    margin-right: 8px;
}

.account-details li {
    margin-bottom: 8px;
}

.account-details .change-logout {
    padding: 32px 32px 0px;
}

#myDashnav.sidenav .closeside {
    position: absolute;
    right: 30px;
    top: 20px;
}

#myDashnav.sidenav .closeside:before,
#myDashnav.sidenav .closeside:after {
    content: "";
    position: absolute;
    background-color: #03298C;
    width: 1.5px;
    height: 24px;
    top: 0px;
    left: 0px;
    right: 0px;
    transform: rotate(45deg);
}

#myDashnav.sidenav .closeside:after {
    transform: rotate(-45deg);
}

/*candidate-dashboard*/
/*candidate-savedjobs*/
.candidate-details.saved-jobs .recent-jobs h3 {
    font-size: 2.4rem;
    line-height: 3.1rem;
}

.candidate-details.saved-jobs .recent-jobs h3 span {
    font: normal 400 1.6rem/2rem var(--font-anuphan);
    color: #595959;
}

.candidate-details.saved-jobs tr td {
    text-align: center;
}

.candidate-details.saved-jobs tr td:first-child {
    width: 530px;
    text-align: left;
}

.candidate-details.saved-jobs tr td .view.inactive {
    background-color: #F3F3F3;
    pointer-events: none;
    color: #9F9F9F;
}

.pagination {
    display: inline-block;
    width: 100%;
    margin-bottom: 80px;
    text-align: center;
}

.pagination li {
    margin-right: 8px;
    display: inline-block;
}

.pagination li a {
    font: normal 400 1.3rem/1.6rem var(--font-anuphan);
    color: #595959;
    padding: 7px;
}

.pagination li.active a {
    background-color: #E3EBFF;
    border-radius: 50%;
}

/*candidate-savedjobs*/
/*candidate-appliedwebinar*/
.candidate-details tr td .applied {
    font: normal 500 1.5rem/1.9rem var(--font-anuphan);
    color: #FA760F;
}

.candidate-details tr td .applied {
    font: normal 500 1.5rem/1.9rem var(--font-anuphan);
    color: #FA760F;
}

.candidate-details tr td .applied {
    font: normal 500 1.5rem/1.9rem var(--font-anuphan);
    color: #FA760F;
    text-align: center;
}

.candidate-details.appliedwebinar tr td .accepted {
    font: normal 500 1.5rem/1.9rem var(--font-anuphan);
    color: #009640;
    text-align: center;
}

.candidate-details.appliedwebinar tr td .completed {
    font: normal 500 1.5rem/1.9rem var(--font-anuphan);
    color: #0099DE;
    text-align: center;
}

.candidate-details.appliedwebinar tr td .cancel {
    background-color: #FA7790;
    padding: 12px 24px;
    border-radius: 50px;
    font: normal 600 1.1rem/1.4rem var(--font-anuphan);
    color: #FFFFFF;
}

.candidate-details.appliedwebinar .events tr td:first-child {
    width: 140px;
}

/*candidate-appliedwebinar*/
/*candidate-myprofile*/
.right-panel.myprofile h2 {
    font: normal 600 2.4rem/3.1rem var(--font-anuphan);
    color: #303030;
    margin-bottom: 40px;
}

.right-panel.myprofile .nav-tabs {
    border-bottom: 1px solid #E3EBFF;
}

.right-panel.myprofile .nav-tabs .nav-link {
    font: normal 400 1.5rem/1.9rem var(--font-anuphan);
    color: #595959;
    margin-right: 48px;
    border-bottom: 4px solid transparent;
    padding: 0px 0px 8px;
}

.right-panel.myprofile .nav-tabs .nav-link.active {
    border: none;
    font-weight: 600;
    color: #303030;
    border-bottom: 4px solid #FF5273;
}

.right-panel.myprofile .job-title {
    display: flex;
    flex-wrap: wrap;
    padding: 40px 0px 16px 0px;
    border-bottom: 1px solid #E3EBFF;
}

.right-panel.myprofile .job-title .heading {
    width: 240px;
    max-width: 240px;
    flex: 0 0 240px;
}

.right-panel.myprofile .job-title2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 40px 0px 16px 0px;
}

.right-panel.myprofile .job-title2 .heading {
    width: 240px;
    max-width: 240px;
    flex: 0 0 240px;
}

.right-panel.myprofile .heading label {
    font: normal 600 1.6rem/2rem var(--font-anuphan);
    color: #25324B;
}

.right-panel.myprofile .job-title .functional-area {
    width: 722px;
    max-width: 722px;
    flex: 0 0 722px;
}

.right-panel.myprofile .job-title2 .functional-area {
    width: 722px;
    max-width: 722px;
    flex: 0 0 722px;
}

.right-panel.myprofile .functional-area input,
.right-panel.myprofile .functional-area select,
.right-panel.myprofile .functional-area textarea {
    border: 1px solid #9F9F9F;
}

.right-panel.myprofile .functional-area textarea {
    height: 120px;
    resize: none;
}

.right-panel.myprofile .functional-area label {
    width: 86%;
    font: normal 500 1.4rem/2.2rem var(--font-anuphan);
    margin-bottom: 4px;
}

.right-panel.myprofile .functional-area label span {
    color: red;
}

.right-panel.myprofile .functional-area .job {
    width: 565px;
    padding: 0px 12px;
}

.right-panel.myprofile .functional-area .years {
    width: 152px;
    padding: 0px 12px;
}

.right-panel.myprofile .functional-area .city {
    width: 240px;
    padding: 0px 12px;
}

.right-panel.myprofile .functional-area .pincode {
    width: 160px;
    padding: 0px 12px;
}

.right-panel.myprofile .functional-area .annual-salary {
    width: 163px;
    padding: 0px 12px;
}

.right-panel.myprofile .functional-area .notice-period {
    width: 120px;
    padding: 0px 12px;
}

.right-panel.myprofile .functional-area .duration {
    width: 160px;
    padding: 0px 12px;
}

.right-panel.myprofile .form-group {
    margin-bottom: 24px;
}

.right-panel.myprofile .col-lg-6,
.right-panel.myprofile .col-lg-12 {
    padding: 0px 12px;
}

.right-panel.myprofile .row {
    margin: 0px -12px;
}

.right-panel.myprofile .fa-plus {
    color: #FFFFFF;
    font-size: larger !important;
    margin-left: 4px;
}

.right-panel.myprofile .purple-button {
    width: 120px;
}

.right-panel.myprofile .document-attachment {
    margin-bottom: 0px;
}

.right-panel.myprofile .checkbox {
    height: 70%;
    align-content: center;
}

.right-panel.myprofile .checkbox li {
    display: inline-block;
    position: relative;
    margin-right: 32px;
}

.right-panel.myprofile .job-title .passwords {
    width: 350px;
    max-width: 350px;
    flex: 0 0 350px;
}

.right-panel.myprofile .job-title2 .passwords {
    width: 350px;
    max-width: 350px;
    flex: 0 0 350px;
}

.right-panel.myprofile .eye {
    width: 16px;
    height: 16px;
    background: url('../images/close-eye.svg') no-repeat;
    position: absolute;
    top: 40px;
    right: 19px;
    cursor: pointer;
}

.right-panel.myprofile .eye.show {
    background: url('../images/open-eye.svg') no-repeat;
}

/*candidate-myprofile*/
/*jobs*/
.search-heading.explore {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.search-heading.explore .content {
    width: 585px;
    text-align: center;
}

.search-heading.explore span {
    font: normal 400 1.4rem/2.2rem var(--font-anuphan);
    color: #595959;
    display: block;
    margin-bottom: 16px;
}

.search-heading.explore h1 {
    font: normal 400 5.6rem/6.4rem var(--font-anuphan);
    color: #303030;
    margin-bottom: 16px;
}

.search-heading.explore p {
    font: normal 400 1.8rem/2.2rem var(--font-anuphan);
    color: #595959;
    margin: 0px;
}

.jobs-list nav {
    background-color: #03298C;
    padding: 30px 0px 0px;
}

.jobs-list span {
    font: normal 400 1.6rem/2rem var(--font-anuphan);
    color: #E3EBFF;
}

.jobs-list .nav-tabs {
    display: inline-block;
    width: calc(100% - 120px);
    text-align: center;
    border-bottom: none;
}

.jobs-list .nav-link {
    font: normal 500 1.4rem/1.8rem var(--font-anuphan);
    color: #718DD7;
    padding: 0px 0px 28px;
    border-bottom: 3px solid transparent;
    margin-right: 120px;
    display: inline-block;
}

.jobs-list .nav-link:last-child {
    margin-right: 0px;
}

.jobs-list .nav-link.active {
    color: #FFFFFF;
    font-weight: 600;
    border: none;
    border-bottom: 3px solid #FF5273;
    background-color: transparent;
}

/*jobs*/
/*candidate-feeds*/
.candidate-details .empowering.banners {
    background-color: #F5F5F5;
    width: 360px;
    max-width: 360px;
    flex: 0 0 360px;
    padding: 24px 32px;
}

.candidate-details .platform {
    flex-direction: column;
    justify-content: center;
}

.candidate-details .virtual,
.candidate-details .webinar {
    margin-bottom: 48px;
}

.candidate-details .feeds-section {
    width: 720px;
    max-width: 720px;
    flex: 0 0 720px;
    background-color: #fff;
    border-left: 1px solid #E3EBFF;
    padding: 24px 32px;
}

.candidate-details.candidates-feeds .left-panel {
    background-color: #fff;
}

.candidate-details.candidates-feeds {
    background: linear-gradient(to right, #fff 50%, #F5F5F5);
}

.candidate-details .feeds-section .single-feed {
    border: 1px solid #E3EBFF;
    padding: 16px 0px;
    border-radius: 8px;
    margin-bottom: 24px;
}

.feeds-section .company-heading {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 13px;
    padding: 0px 16px;
}

.feeds-section .company-heading .name {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.feeds-section .company-heading .image {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 1px solid #E3EBFF;
    margin-right: 8px;
    padding: 6px;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.feeds-section .company-heading .image img {
    max-width: 100%;
    max-height: 100%;
}

.feeds-section .company-heading .content {
    display: inline-block;
}

.feeds-section .company-heading h4 {
    font: normal 600 1.4rem/1.8rem var(--font-anuphan);
    color: #303030;
    margin-bottom: 1px;
}

.feeds-section .company-heading h4 span {
    font: normal 400 1.2rem/1.5rem var(--font-anuphan);
    color: #595959;
    margin-left: 2px;
}

.feeds-section .company-heading .date {
    font: normal 400 1.3rem/1.6rem var(--font-anuphan);
    color: #595959;
}

.feeds-section .company-heading .follow {
    border: 1px solid #E3EBFF;
    border-radius: 50px;
    padding: 10px 12px;
    font: normal 400 1.2rem/1 var(--font-anuphan);
    color: #595959;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.feeds-section .company-heading .follow.un {
    background-color: #E3EBFF;
}

.feeds-section .company-heading .follow img {
    margin-right: 5px;
}

.feeds-section .description {
    padding: 0px 16px;
}

.feeds-section .description p,
.feeds-section .description ul li,
.feeds-section .description ol li {
    font: normal 400 1.5rem/1.9rem var(--font-anuphan);
    color: #595959;
    margin-bottom: 13px;
}

.feeds-section .description .more {
    font: normal 600 1.5rem/1.9rem var(--font-anuphan);
    color: #A0144F;
}

.feeds-section .options {
    display: inline-block;
    width: 100%;
    padding: 0px 16px;
}

.feeds-section .options li {
    font: normal 400 1.2rem/1.5rem var(--font-anuphan);
    color: #595959;
    margin-right: 32px;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}

.feeds-section .options span.sprite {
    width: 20px;
    cursor: pointer;
    height: 20px;
    background: url('../images/sprite.svg') no-repeat;
    display: inline-block;
    margin-right: 6px;
}

.feeds-section .options span.like.active {
    background-position: 0px -34px;
}

.feeds-section .options span.heart {
    background-position: -51px 0px;
    width: 21px;
}

.feeds-section .options span.heart.active {
    background-position: -51px -33px;
}

.feeds-section .options span.applause {
    background-position: -100px 0px;
    width: 25px;
    height: 22px;
}

.feeds-section .options span.applause.active {
    background-position: -100px -33px;
}

.feeds-section .options span.smile {
    background-position: -150px 0px;
    width: 28px;
    height: 22px;
}

.feeds-section .options span.smile.active {
    background-position: -150px -33px;
}

.feeds-section .image-section {
    margin-bottom: 13px;
}

/*candidate-feeds*/






.featured-companies {
    background-color: #F9EFEB !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    font-family: 'Anuphan', sans-serif;
}

.featured-companies .section {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding-left: 20px;
}


.featured-companies .content {
    width: 35%;
    margin-left: 120px;
}

.featured-companies .content h1 {
    font-size: 12px;
    font-weight: 400;
    font-family: 'Anuphan';
    color: #595959;
}

.featured-companies p {
    font-family: 'Anuphan';
    font-size: 43px;
    font-weight: 400;
    line-height: 64px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.featured-companies .diverse {
    font-family: Anuphan;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #595959;
}

.featured-companies .round {
    width: 116px;
    height: 116px;
    top: 232px;
    right: 0;
    border-radius: 116px;
    opacity: 1;
    background: #66C5CC;
    z-index: 1;
}

.featured-companies .leaf-design {
    width: 116px;
    height: 116px;
    top: 232px;
    left: 116px;
    border-radius: 55.24px 0px 55.24px 0px;
    opacity: 1;
    transform: rotate(-90deg);
    background: #8BDCFF;
    z-index: 1;
}

.featured-companies .round2 {
    width: 116px;
    height: 116px;
    top: 232px;
    right: 0;
    border-radius: 116px;
    opacity: 1;
    background: #C9DB74;
    z-index: 1;
}

.featured-companies .cone {
    width: 116px;
    height: 116px;
    top: 232px;
    left: 232px;
    border-radius: 110.48px 110.48px 110.48px 0px;
    background: #EF9889;
    opacity: 1;
}

.featured-companies .bottom-round {
    width: 116px;
    height: 116px;
    top: 348px;
    border-radius: 0 0 110.48px 110.48px;
    background: #DCB0F2;
    opacity: 1;
}

.featured-companies .section1 {
    margin-left: 72px;
    position: relative;
}

.featured-companies .right-side-round {
    width: 116px;
    height: 116px;
    top: 464px;
    left: 160px;
    border-radius: 110.47px 110.47px 0px 0px;
    background: #F89C74;
    transform: rotate(90deg);
    opacity: 1;
}

.featured-companies .cone2 {
    width: 116px;
    height: 116px;
    top: 232px;
    left: 232px;
    border-radius: 110.48px 110.48px 110.48px 0px;
    background: #9EB9F3;
    opacity: 1;
}

.featured-companies .left-side-round {
    width: 116px;
    height: 116px;
    top: 464px;
    left: 116px;
    border-radius: 110.47px 110.47px 0px 0px;
    background: #F6CF71;
    transform: rotate(-90deg);
    opacity: 1;
}

.featured-companies .bottom-round2 {
    width: 116px;
    height: 116px;
    top: 348px;
    border-radius: 0 0 110.48px 110.48px;
    background: #D3B484;
    opacity: 1;
}

.featured-companies .leaf-design2 {
    width: 116px;
    height: 116px;
    top: 232px;
    left: 116px;
    border-radius: 55.24px 0px 55.24px 0px;
    opacity: 1;
    transform: rotate(-90deg);
    background: #F6CF71;
    z-index: 1;
}

.featured-companies .bottom-round3 {
    width: 116px;
    height: 116px;
    top: 348px;
    border-radius: 0 0 110.48px 110.48px;
    background: #8BE0A4;
    opacity: 1;
}

.featured-companies .leaf-design3 {
    width: 116px;
    height: 116px;
    top: 232px;
    left: 116px;
    border-radius: 55.24px 0px 55.24px 0px;
    opacity: 1;
    transform: rotate(-90deg);
    background: #FE88B1;
    z-index: 1;
}

.featured-companies .round3 {
    width: 116px;
    height: 116px;
    top: 232px;
    right: 0;
    border-radius: 116px;
    opacity: 1;
    z-index: 1;
    background: #F9EFEB !important;
}

.featured-companies .image-center {
    position: absolute;
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 242px;
    height: auto;
}



.featured-companies .centered-image {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.featured-companies .bottom-section {
    width: 1440px;
    height: 80px;
    top: 464px;
    padding: 31px 365px 0px 364px;
    gap: 0px;
    border: 0px 0px 1px 0px;
    opacity: 0px;
    background: #03298C;
}

/* // tabs*/
.featured-companies .tabs-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    background: #03298C;
    gap: 45px;
    text-transform: uppercase;
}

.featured-companies .tab {
    font-size: 16px;
    padding: 15px 30px;
    cursor: pointer;
    text-align: center;
    color: #ffffff;
    border-bottom: 3px solid transparent;
    transition: border-bottom 0.3s ease;
}


.featured-companies .tab.active {
    border-bottom: 3px solid #FF5273;
}

.featured-companies .tab-content {
    display: none;
    font-size: 18px;
    padding: 20px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
}

.featured-companies .tab-content.active {
    display: flex;
    align-items: center;
}

.featured-companies .content-text {
    margin-right: 10px;
}

.featured-companies .company-count {
    font-size: 12px;
}

.featured-companies .content {
    opacity: 0;
    animation: contentAnimation 1s ease-out 1s forwards;
}

.featured-companies .search-box {
    margin-left: 18px;
    width: 1312px;
    height: 56px;
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #ffffff;
    border-radius: 100px;
}

.featured-companies .search-input {
    width: 111px;
    height: 48px;
    padding: 12px 27px;
    border-radius: 64px;
    border: none;
    background-color: #A0144F;
    color: #000000;
    opacity: 1;
    font-size: 14px;
    margin-right: 6px;
}


.featured-companies .search-input::placeholder {
    color: #fff;
    opacity: 0.8;
}

.featured-companies .search-box p {
    font-size: 15px;
    margin-left: 25px;
    line-height: 58px;
    margin-top: 14px;
    color: #808080;
}


.featured-companies .card-section1 {
    width: 294px;
    height: 710px;
    background-color: white !important;
    display: flex;
    flex-direction: column;
    gap: 0px;
    margin-top: 40px;
    transition: opacity 0.3s ease;
    border-radius: 8px;
    overflow: hidden;
    border: solid 1px #E3EBFF !important;
}

.featured-companies .card-section9 {
    width: 294px;
    height: 650px;
    background-color: white !important;
    display: flex;
    flex-direction: column;
    gap: 0px;
    margin-top: 40px;
    transition: opacity 0.3s ease;
    border-radius: 8px;
    overflow: hidden;
    border: solid 1px #E3EBFF !important;
}

.featured-companies .card-section2 {
    width: 294px;
    height: 503px;
    background-color: white !important;
    display: flex;
    flex-direction: column;
    gap: 0px;
    margin-top: 40px;
    transition: opacity 0.3s ease;
    border-radius: 8px;
    overflow: hidden;
}

.featured-companies .card-section5 {
    width: 294px;
    height: 647px;
    background-color: white !important;
    display: flex;
    flex-direction: column;
    gap: 0px;
    margin-top: 40px;
    transition: opacity 0.3s ease;
    border-radius: 8px;
    overflow: hidden;
}

.featured-companies .card-section3 {
    width: 294px;
    height: 720px;
    background-color: white !important;
    display: flex;
    flex-direction: column;
    gap: 0px;
    margin-top: 40px;
    transition: opacity 0.3s ease;
    border-radius: 8px;
    overflow: hidden;
}

.featured-companies .card-section7 {
    width: 294px;
    height: 682px;
    background-color: white !important;
    display: flex;
    flex-direction: column;
    gap: 0px;
    margin-top: 40px;
    transition: opacity 0.3s ease;
    border-radius: 16px;
    overflow: hidden;
}

.featured-companies .card-section12 {
    width: 294px;
    height: 605px;
    background-color: white !important;
    display: flex;
    flex-direction: column;
    gap: 0px;
    margin-top: 40px;
    transition: opacity 0.3s ease;
    border-radius: 16px;
    overflow: hidden;
}

.featured-companies .Barclays-logo3 {
    margin-left: 80px;
}

.featured-companies .card-section4 {
    width: 294px;
    height: 685px;
    background-color: white !important;
    display: flex;
    flex-direction: column;
    gap: 0px;
    margin-top: 40px;
    transition: opacity 0.3s ease;
    border-radius: 8px;
    overflow: hidden;
}

.featured-companies .card-section10 {
    width: 294px;
    height: 659px;
    background-color: white !important;
    display: flex;
    flex-direction: column;
    gap: 0px;
    margin-top: 40px;
    transition: opacity 0.3s ease;
    border-radius: 8px;
    overflow: hidden;
}

.featured-companies .card-section13 {
    width: 294px;
    height: 570px;
    background-color: white !important;
    display: flex;
    flex-direction: column;
    gap: 0px;
    margin-top: 40px;
    transition: opacity 0.3s ease;
    border-radius: 8px;
    overflow: hidden;
}

.featured-companies .Bayer-logo3 {
    margin-left: 63px;
}

.featured-companies .full-card {
    justify-content: center;
    column-gap: 45px;
}

.featured-companies .show-more-button {
    width: 160px;
    height: 41px;
    padding: 12px 24px;
    gap: 10px;
    border-radius: 56px;
    font-size: 12px;
    text-transform: uppercase;
    background-color: #C3CFED;
    border: none;
    cursor: pointer;
    /* Smooth opacity transition */
}

/* Optional: Change opacity on hover */
.featured-companies .show-more-button:hover {
    opacity: 1;
}


.featured-companies .card-image {
    width: 302px;
    height: 180px;
    gap: 0px;
    opacity: 1;
    transition: opacity 0.3s ease;
    object-fit: cover;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.featured-companies .card-image2 {
    width: 302px;
    height: 180px;
    gap: 0px;
    opacity: 1;
    transition: opacity 0.3s ease;
    object-fit: cover;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}


.featured-companies .logo1 {
    width: 125.2px;
    height: 32px;
    padding: 0.47px;
    opacity: 1;
    object-fit: contain;
    margin: 20px;
}

.featured-companies .aspire-logo2 {
    width: 125.2px;
    height: 32px;
    padding: 0.47px;
    opacity: 1;
    object-fit: contain;
    margin: 20px;
}


.featured-companies .logo-card {
    border: solid 1px #E3EBFF !important;
}

.featured-companies .aspire-logo {
    border: solid 1px #E3EBFF !important;
}

.featured-companies .logo-card2 {
    width: 294px;
    height: 120x;
    padding: 18px 24px;
    gap: 4px;
    border: 0px solid transparent;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    opacity: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    box-sizing: border-box;
}

.featured-companies .logo2 {
    margin-left: 155px;
}

.featured-companies .logo3 {
    margin-left: 50px;
}

.featured-companies .bain-logo {
    margin-left: 100px;
}

.featured-companies .basf-logo2 {
    margin-left: 15px;
}

.featured-companies .Aptiv-logo3 {
    margin-left: 126px;
}

.featured-companies .inside {
    display: flex;
    align-items: center;
}

.featured-companies .inside h6 {
    font-size: 10px;
}

.featured-companies .inside2 h6 {
    font-size: 10px;
}

.featured-companies .logo-card2 h2 {
    font-size: 18px;
}

.featured-companies .location h6 {
    font-size: 16px;
    color: #595959;
    margin-left: 10px;
}

.featured-companies .icon1 {
    width: 18px;
    height: 20px;
}

.featured-companies .icon2 {
    width: 18px;
    height: 20px;
    margin-left: 18px;
}

.featured-companies .location h5 {
    font-size: 16px;
    color: #595959;
    margin: 1px;
    margin-left: 5px;
}

.featured-companies .card1-paragraph p {
    font-size: 14px;
    /* Adjust the size as needed */
    line-height: 20px;
    text-align: left;
    padding: 24px;
}

.featured-companies .aspire-paragraph p {
    font-size: 14px;
    /* Adjust the size as needed */
    line-height: 20px;
    text-align: left;
    margin-top: 30px;
}


.featured-companies .custom-div {
    width: 83px;
    height: 19px;
    padding: 0 0 3px 0;
    gap: 10px;
    border-width: 0 0 2px 0;
    margin-left: 25px;
    color: #A0144F;
    border-color: #A0144F;
    border-style: solid;
    opacity: 1;
    /* Set to 1 for visibility */
}

.featured-companies .aspire-div {
    width: 83px;
    height: 19px;
    padding: 0 0 3px 0;
    gap: 10px;
    border-width: 0 0 2px 0;
    color: #A0144F;
    border-color: #A0144F;
    border-style: solid;
    opacity: 1;
}

.featured-companies .jobs-container {
    /* width: 300px; */
    margin: 20px 0px;
    padding: 16px;
    /* background: white; */
    border: 1px solid #E3EBFF;
}

.featured-companies .jobs-container5 {
    /* width: 300px; */
    margin: 16px 0px;
    padding: 3px;
    /* background: white; */
}

.featured-companies .jobs-container5 {
    color: #03298C;
}


.featured-companies .jobs-container h3 {
    color: #03298C;
}

.featured-companies .job-card:last-child {
    border-bottom: none;
}

.featured-companies .job-title {
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 -23px;
    color: #000000 !important;
}

.featured-companies .job-details {
    font-size: 14px;
    color: #6c757d;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 4px;
}

.featured-companies .icon {
    font-size: 14px;
    color: #6c757d;
}

.featured-companies .arrow-icon {
    text-align: center;
    margin-top: 12px;
    font-size: 20px;
    color: #6c757d;
    cursor: pointer;
}

#skill-input {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    margin-top: 15px;
}

.suggestions-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    border-top: none;
    max-height: 150px;
    overflow-y: auto;
    position: absolute;
    background-color: #fff;
    z-index: 1000;
    display: none;
}

.suggestions-list li {
    padding: 10px;
    cursor: pointer;
}

.suggestions-list li:hover {
    background-color: #f0f0f0;
}

.selected-skill {
    display: inline-block;
    background-color: #DFF4FD;
    width: 155.34px;
    height: 32px;
    color: #000000;
    padding: 5px 10px;
    font-size: 14px;
    margin: 5px;
    border-radius: 8px;
    position: relative;
    margin-top: 15px;
}

.selected-skill .remove-skill {
    margin-left: 30px;
    cursor: pointer;
    color: #03298C;
    border: 1px !important;
    width: 8.34px;
    height: 8px;
}

.form-group-skill label {
    font-size: 13px !important;
    color: #595959 !important;
}

.skill-up-layout {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F9EFEB;
    font-family: 'Anuphan' !important;
}

.skill-up-left-image,
.skill-up-right-image {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.skill-up-left-image img,
.skill-up-right-image img {
    max-width: 100%;
    height: auto;
}

.skill-up-left-image img {
    margin-top: 170px;
}

.skill-up-section {
    text-align: center;
    position: relative;
    padding: 20px;
    margin: -60px;
}

.skill-up-contant {
    width: max-content;
}

.wave {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 5px;
    width: 80%;
    border-radius: 50px;
}

.skill-up-content-program h3 {
    font-size: 14px;
    text-transform: uppercase;
    color: #595959;
}

.skill-up-content-program h1 {
    font-size: 56px;
    line-height: 1.4;
    color: #333;
    font-weight: 400px !important;
}

.skill-up-content-program p {
    font-size: 18px;
    color: #303030;
    font-weight: 400px;
}

.skilling-program {
    background: #F9EFEB;
}

.skilling-program p {
    width: 502px;
    height: 144px;
    font-size: 40px;
    /* font-weight: 500; */
}

.Upcoming-skill {
    width: 1349px;
    top: 289px;
    gap: 0px;
}

.skill-up-tabs {
    width: 100%;
    display: flex;
    justify-content: space-around;
    background-color: #03298C;
    padding: 10px 0;
    height: 80px;
}

.skill-up-tabs-screen {
    width: 1000px;
    display: flex;
    justify-content: space-around;
    text-transform: uppercase;
    background-color: #03298C;
    padding: 10px 0;
}

.skill-up-tab {
    color: #E3EBFF;
    font-size: 14px;
    padding: 15px;
    cursor: pointer;
    text-align: center;
    transition: border-bottom 0.3s ease-in-out;
}

.custom-paragraph {
    font-family: Anuphan, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 48px;
    text-align: left;
    margin: 45px;
}

.skill-up-tab-content .skill-up-content {
    display: none;
}

.skill-up-tab-content .skill-up-content.active {
    display: flex;
    flex-direction: row;
    gap: 30px;
}

.skill-up-tab.active {
    border-bottom: 3px solid #FF5273;
}

.skill-up-tab {
    cursor: pointer;
    padding: 10px 20px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    height: 60px;
    transition: all 0.3s ease;
}

.skillup-totalcontant {
    display: flex;
    flex-direction: column;
    background: #F9EFEB;
}

.tab-left-content {
    width: 50%;
    font-size: 16px;
    color: #333;
}

.tab-right-content {
    padding: 50px;
}

.tab-right-content-paragraph {
    padding: 50px;
}

.tab-right-content p {
    font-size: 16px;
    color: #333;
    border-radius: 10px;
    width: 646px;
    height: 48px;
    gap: 0px;
    font-weight: 500 !important;
}

.tab-right-content-paragraph p {
    font-size: 16px;
    color: #333;
    border-radius: 10px;
    width: 530px;
    height: 80px;
    gap: 0px;
    font-weight: 500 !important;
}

.tab-right-content .build-careers {
    font-weight: 400 !important;
}

.tab-right-content-paragraph .build-careers {
    font-weight: 400 !important;
}

.tab-right-content ul {
    list-style: disc;
    font-size: 14px;
    line-height: 32px;
    font-weight: 400;
    padding: 24px;
}

.skillup-real-guidance {
    font-size: 19px;
    font-weight: 500px !important;
    line-height: 24.7px;
}

.build-careers {
    font-size: 16px;
    font-weight: 400px !important;
    line-height: 24px;
    width: 600px !important;
    color: #404040;
}

.tab-right-content .skillup-real-guidance {
    width: 600px !important;
}

.vertical-line {
    width: 1px;
    margin-top: 55px !important;
    height: 280px;
    border: none;
    border-left: 1px solid #CDCDCD;
    opacity: 1;
    transform: rotate(0deg);
    margin: 0 auto;
}


.vertical-card1 {
    width: 346px;
    height: 560px;
    border-radius: 25px 0px 0px 0px;
    border: 1px solid #E3EBFF;
    background: linear-gradient(180deg, #FFFFFF 0%, #8BDCFF 100%);
    opacity: 1;
}

/* Parent container for horizontal cards */
.card-container {
    display: flex;
    gap: 20px;
    margin-top: 30px;
    padding: 20px;
}

.skillup-card-image {
    max-width: 100%;
    height: auto;
    max-height: 150px;
    padding: 40px;
    object-fit: contain;
}

/* Container for the cards */
.card-container {
    display: flex;
    justify-content: space-between;
    gap: 90px;
    margin-top: 390px;
    padding: 80px;
    width: 100%;
    position: sticky !important;
    background: #ffffff;
    bottom: 0;
    left: 0;
    right: 0;
}

.card-container-wibinar {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-top: 30px;
    padding: 20px;
}

.card-container-wibinar {
    display: flex;
    justify-content: space-between;
    gap: 35px;
    margin-top: 390px;
    padding: 26px;
    width: 100%;
    position: sticky !important;
    background: #F9EFEB;
    bottom: 0;
    left: 0;
    right: 0;
}

/* Card base styles */
.card {
    background: linear-gradient(180deg, #FFFFFF 0%, #8BDCFF 100%);
    border: 1px solid #E3EBFF;
    opacity: 1;
    border-radius: 25px;
    display: flex;
    padding-top: 40px;
    align-items: center;
    width: 500px;
    text-align: center;
}

.skillup-paragraph {
    padding-left: 40px;
}

.card-2 {
    background: #F6F5F4 !important;
}

.card-3 {
    background: #F6F5F4 !important;
}

.bottom-image {
    max-width: 100%;
    object-fit: contain;
    margin-top: auto;
    border-radius: 0px 0px 25px 25px;
}

.job-search-heading {
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: #f9f3ef;
}

.image-container {
    display: flex;
    align-items: center;
    position: relative;
    padding: 40px 0px;
}

.image-left {
    width: 310px;
    height: 200px;
    top: 157.8px;
    left: -5px;
    opacity: 1;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.image-right {
    width: 355px;
    height: 272.2px;
    top: 120px;
    left: 1081px;
    opacity: 1;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.center-content {
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
}

.center-content h1 {
    color: #333;
    font-weight: 400;
    font-size: 56px;
    line-height: 64px;
}

.center-content p {
    color: #303030;
    margin-top: 10px;
    font-family: Anuphan;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.center-content h6 {
    font-family: Anuphan;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.08em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #595959;
}

.search-heading-othercompanies h1 {
    font: normal 400 2.4rem/3.1rem var(--font-anuphan);
    color: #303030;
    text-align: center;
    margin: 0px;
}

.search-heading-othercompanies h1 span {
    font-weight: 600;
}

.search-heading-othercompanies.explore-othercompanies {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.search-heading-othercompanies.explore-othercompanies .content {
    width: 585px;
    text-align: center;
}

.search-heading-othercompanies.explore-othercompanies span {
    font: normal 400 1.4rem/2.2rem var(--font-anuphan);
    color: #595959;
    display: block;
    margin-bottom: 16px;
}

.search-heading-othercompanies.explore-othercompanies h1 {
    font: normal 400 5.6rem/6.4rem var(--font-anuphan);
    color: #303030;
    margin-bottom: 16px;
}

.search-heading-othercompanies.explore-othercompanies p {
    font: normal 400 1.8rem/2.2rem var(--font-anuphan);
    color: #595959;
    margin: 0px;
}

/* othercompanies css */


.container2 {
    width: 1349px;
    height: 80px;
    margin: 0 auto;
    padding: 20px;
    background: #03298C;
    color: white;
    font-size: 14px;
}

/* Tabs styling */
.bottom-div {
    width: 410px;
    height: 128px;
    padding: 16px 24px 16px 16px;
    gap: 16px;
    border-radius: 15px;
    border: 1px solid #ddd;
    opacity: 1;
    background-color: white;
    font-size: 16px;
    color: #333;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
    position: relative;
}

.bottom-div2 {
    width: 410px;
    height: 128px;
    padding: 16px 24px 16px 16px;
    gap: 16px;
    border-radius: 15px;
    border: 1px solid #ddd;
    opacity: 1;
    background-color: white;
    margin-top: 40px;
    font-size: 16px;
    color: #333;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
    position: relative;
}

.bottom-div-image {
    width: 96px;
    height: 96px;
    gap: 0px;
    border-radius: 8px;
    border-top: 1.2px solid #ddd;
    opacity: 1;
    object-fit: cover;
    background-color: #f0f0f0;
}

.bottom-div-content {
    font-size: 16px;
    text-align: left;
    line-height: 20px !important;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    top: 0;
    right: 0;
    width: 255px;
}

.location2 {
    margin-top: 30px;
    gap: 7px;
}

.location-pune {
    margin-top: 12px;
}

.location-pune h6 {
    font-size: 16px;
    color: #595959;
    margin-left: 10px;
}

.location-pune h5 {
    font-size: 16px;
    color: #595959;
    margin: 1px;
    margin-left: 5px;
}

.three-cards {
    gap: 30px;
}

.bottom-image {
    opacity: 1;
    object-fit: contain;
    display: block;
    margin-top: 8px;
}

.tab-buttons {
    display: flex;
    justify-content: center;
    gap: 60px;
    margin-bottom: 20px;
}

.tab-button.active {
    opacity: 1;
    border-bottom: 3px solid #FF5273;
    height: 60px;
    text-transform: uppercase;
}

.tab-button {
    padding: 10px 20px;
    cursor: pointer;
    color: white;
    opacity: 0.8;
    text-transform: uppercase;
}

.tab-button:hover {
    opacity: 1;
}

.tab-panel {
    font-size: 24px;
    color: #404040;
    background: #ffffff;
    padding: 30px;
    font-size: 18px !important;

}

.tab-panel3 {
    font-size: 24px;
    color: #404040;
    background: #ffffff;
    padding: 30px;
    font-size: 18px !important;
    border-bottom: 1px solid #E3EBFF;
}

.tab-panel.active {
    display: block;
}

.image-slider {
    position: fixed;
    top: 10px;
    width: 150px;
    height: 50px;
    overflow: hidden;
}

.image-slider img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.show-more-button {
    width: 160px;
    height: 41px;
    padding: 12px 24px;
    gap: 10px;
    border-radius: 56px;
    font-size: 13px;
    text-transform: uppercase;
    background-color: #03288c;
    border: none;
    cursor: pointer;
}

/* Optional: Change opacity on hover */
.show-more-button:hover {
    opacity: 1;
}


.button-change-password {
    width: 240px;
    height: 41px;
    padding: 12px 40px;
    gap: 10px;
    border-radius: 50px;
    opacity: 1;
    background: #A0144F;
    color: white;
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: bold;
    transition: opacity 0.3s ease;
}

.button-change-password:hover {
    opacity: 1;
}

.button-reset {
    width: 140px;
    height: 41px;
    padding: 12px 40px;
    gap: 10px;
    border-radius: 50px;
    opacity: 1;
    background: #A0144F;
    color: white;
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: bold;
    transition: all 0.3s ease;
}

.button-reset:hover {
    opacity: 1;
}

.counselling-paragraph {
    width: 45%;
    float: left;
    margin-right: 8%;
}

.counselling-paragraph p {
    font-family: 'Anuphan', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    margin-bottom: 3rem;
}

.get-connected {
    width: 45%;
    float: left;
    padding: 50px 64px 50px 64px;
    background: #F9EFEB;
    border-radius: 25px;
    font-family: 'Anuphan', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #333;
}

.counselling-contant {
    font-size: 24px;
    font-weight: 400;
    color: #03298C;
}

.counselling-contant2 {
    font-size: 14px;
    font-weight: 400;
}

.input-container {
    display: flex;
    gap: 20px;
    margin-top: 20px;
}

.input-box {
    width: 224px;
    height: 50px;
    padding: 12px 16px;
    border-radius: 8px;
    border: 1px solid #9F9F9F;
    background: #FFFFFF;
    opacity: 1;
}

.input-box[type="email"] {
    width: 324px;
}

.input-box[type="text"] {
    width: 224px;
}

.counselling-dropdown {
    width: 324px;
    height: 50px;
    padding: 12px 16px;
    border-radius: 8px;
    border: 1px solid #9F9F9F;
    background: #FFFFFF;
    opacity: 1;
    color: #333;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-align: left;
}

.counselling-dropdown {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="gray" d="M7 10l5 5 5-5H7z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
}

.dropdown-arrow {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    pointer-events: none;
    transition: transform 0.2s ease;
}

.submit-button {
    width: 224px;
    height: 48px;
    padding: 0px 18px;
    border-radius: 100px;
    background: #A0144F;
    color: white;
    font-size: 16px;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    font-weight: 700;
    margin-top: 20px;
    align-items: center;
}

/* Rotate arrow when select is open */
.dropdown-container.open .dropdown-arrow {
    transform: translateY(-50%) rotate(180deg);
}

.checkbox-container {
    display: flex;
    align-items: flex-end;
    gap: 25px;
    margin-top: 20px;
}

.counselling-checkbox {
    width: 20px;
    height: 20px;
    border-radius: 4px 0px 0px 0px;
    border: 1px solid #9F9F9F;
    background: #FFFFFF;
}

.terms-text {
    font-size: 14px;
    color: #303030;
    margin-bottom: 0px;
    font-weight: 400;
}

.terms-text span {
    color: #A0144F;
    font-weight: 700 !important;
}

.active-tab {
    border-bottom: 3px solid #FF5273;
}

/* masonry card*/
.engage-empower-counselling {
    background-color: #F5F5F5;
    display: inline-block;
    width: 100%;
    padding: 45px;
}

.engage-empower-counselling .heading {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.engage-empower-counselling h4 {
    font: normal 600 2rem/2.6rem var(--font-anuphan);
    color: #303030;
    margin-bottom: 80px;
    border-bottom: 3px solid #A0144F;
    width: fit-content;
    text-transform: uppercase;
}

.engage-empower-counselling .masonry-counselling {
    text-align: center;
}

.engage-empower-counselling .masonry-counselling span {
    font: normal 500 1.2rem/1.4rem var(--font-anuphan);
    color: #595959;
    margin: 16px 0px;
    text-transform: uppercase;
    display: block;
    margin-top: 2rem;
}

.engage-empower-counselling .video img {
    width: 100%;
    object-fit: contain;
}

.engage-empower-counselling .masonry-counselling .content {
    margin: 16px 16px 16px;
}

.engage-empower-counselling .masonry-counselling .content span {
    font: normal 500 1.2rem/1.5rem var(--font-anuphan);
    color: #939393;
    display: block;
    margin-bottom: 16px;
    text-transform: none;
}

.engage-empower-counselling .masonry-counselling h5 {
    font: normal 600 1.6rem/2.2rem var(--font-anuphan);
    color: #303030;
    display: inline-block;
    padding-right: 8px;
    margin-bottom: 16px;
    text-align: -webkit-center;
    width: 233px;
}

.engage-empower-counselling .masonry-counselling p {    
  font: normal 400 1.4rem / 2rem var(--font-anuphan);
  color: #595959;
  width: 100%;
  margin-bottom: 16px;
}

.engage-empower-counselling .view-all {
    margin-top: 88px;
    text-align: center;
}

.masonry-counselling {
    column-count: 4;
  column-gap: 16px;
  padding: 16px 0;
}

.masonry-counselling .item {
    background-color: #ffffff;
    box-sizing: border-box;
    border-radius: 25px;
    transition: transform 0.3s;
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0 0 16px;
    overflow: hidden;
}

.masonry-counselling .testimonials {
    padding: 0px 20px;
}

.masonry-counselling .testimonials p {
    font: normal 400 1.6rem/2.4rem var(--font-anuphan);
    color: #303030;
    margin-bottom: 16px;
}

.masonry-counselling .testimonials .name {
    text-align: center;
}

.masonry-counselling .testimonials .name img {
    width: 56px;
    height: 56px;
    border-radius: 100px;
}

.masonry-counselling .testimonials .name h5 {
    font: normal 600 1.8rem/2.3rem var(--font-anuphan);
    color: #303030;
    display: block;
    margin: 16px 0px 0px 0px;
}

.masonry-counselling .testimonials .name span {
    font: normal 400 1.2rem/1.5rem var(--font-anuphan);
    color: #404040;
}

.masonry-counselling .video:before {
    content: "";
    position: absolute;
    background-image: url(../images/blue-top.svg);
    width: 100%;
    height: 10px;
    top: 0px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    background-color: #F5F5F5;
    background-repeat: no-repeat;
    background-size: cover;
}

.masonry-counselling .life-balance:before {
    content: "";
    position: absolute;
    background-image: url(../images/blue-top.svg);
    background-size: cover;
}

.masonry-counselling .testimonials:before {
    content: "";
    position: absolute;
    background-image: url(../images/blue-top.svg);
    width: 100%;
    height: 10px;
    top: 0px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    background-color: #F5F5F5;
    background-repeat: no-repeat;
    background-size: cover;
}

.container-counselling {
    max-width: 1340px;
    padding: 0px;
    margin: 0 auto;
}

.counselling-item1 {
    grid-row: span 15;
}

.counselling-item2 {
    grid-row: span 15;
}

.item.counselling-item3 {
    grid-row: span 11;
    background-color: #7BE0B2;
}

.counselling-item4 {
    grid-row: span 14;
}

.item.counselling-item5 {
    grid-row: span 12;
}

.counselling-item6 {
    grid-row: span 13;
}

.counselling-item7 {
    grid-row: span 13;
}

.counselling-item8 {
    grid-row: span 15;
}

.item.counselling-item9 {
    grid-row: span 12;
}

.counselling-item10 {
    grid-row: span 14;
}

.counselling-item11 {
    grid-row: span 13;
}

.counselling-item12 {
    grid-row: span 13;
}

.counselling-item13 {
    grid-row: span 12;
}

/* videos */
.engage-empower-videos {
    background-color: #F5F5F5;
    display: inline-block;
    width: 100%;
    padding: 45px;
}

.engage-empower-videos .heading {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.engage-empower-videos h4 {
    font: normal 600 2rem/2.6rem var(--font-anuphan);
    color: #303030;
    margin-bottom: 80px;
    border-bottom: 3px solid #A0144F;
    width: fit-content;
    text-transform: uppercase;
}

.engage-empower-videos .masonry-videos {
    text-align: center;
}

.engage-empower-videos .masonry-videos span {
    font: normal 500 1.2rem/1.4rem var(--font-montserrat);
    color: #595959;
    margin: 16px 0px;
    text-transform: uppercase;
    display: block;
}

.engage-empower-videos .video img {
    width: 100%;
}

.engage-empower-videos .masonry-videos .content {
    margin: 16px 16px 16px 20px;
}

.engage-empower-videos .masonry-videos .content span {
    font: normal 500 1.2rem/1.5rem var(--font-anuphan);
    color: #939393;
    display: block;
    margin-bottom: 16px;
    text-transform: none;
}

.engage-empower-videos .masonry-videos h5 {
    font: normal 600 1.6rem/2.2rem var(--font-anuphan);
    color: #303030;
    display: inline-block;
    margin-bottom: 16px;
    min-width: 90%;
}

.engage-empower-videos .masonry-videos p {
    font: normal 400 1.4rem/2rem var(--font-anuphan);
    color: #595959;
    width: 240px;
    margin-bottom: 16px;
}

.engage-empower-videos .view-all {
    margin-top: 88px;
    text-align: center;
}

.masonry-videos {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(298px, 1fr));
    grid-auto-rows: 20px;
    gap: 20px;
}

.masonry-videos .item {
    background-color: #ffffff;
    box-sizing: border-box;
    border-radius: 25px;
    transition: transform 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 296px;
}

.masonry-videos .testimonials {
    padding: 0px 20px;
}

.masonry-videos .testimonials p {
    font: normal 400 1.6rem/2.4rem var(--font-anuphan);
    color: #303030;
    margin-bottom: 16px;
}

.masonry-videos .testimonials .name {
    text-align: center;
}

.masonry-videos .testimonials .name img {
    width: 56px;
    height: 56px;
    border-radius: 100px;
}

.masonry-videos .testimonials .name h5 {
    font: normal 600 1.8rem/2.3rem var(--font-anuphan);
    color: #303030;
    display: block;
    margin: 16px 0px 0px 0px;
}

.masonry-videos .testimonials .name span {
    font: normal 400 1.2rem/1.5rem var(--font-anuphan);
    color: #404040;
}

.masonry-videos .video:before {
    content: "";
    position: absolute;
    background-image: url(../images/videos-bg-top.png);
    width: 100%;
    height: 10px;
    top: 0px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    background-color: #F5F5F5;
    background-repeat: no-repeat;
}

.masonry-videos .life-balance:before {
    content: "";
    position: absolute;
    background-image: url(../images/blue-top.svg);
}

.masonry-videos .testimonials:before {
    content: "";
    position: absolute;
    background-image: url(../images/blue-top.svg);
    width: 100%;
    height: 10px;
    top: 0px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    background-color: #F5F5F5;
    background-repeat: no-repeat;
}

.container-videos {
    max-width: 1340px;
    padding: 0px;
}

.videos-item13 {
    grid-row: span 11;
}

/* Responsive behavior for mobile */
@media (max-width: 768px) {
    .card-container {
        flex-direction: column;
        gap: 10px;
    }

    .card {
        width: 100%;
        max-width: none;
    }
}

/* Style for the first section */
.skill-up-content {
    flex-direction: column;
    align-items: flex-start;
}

/* Horizontal layout for the first section */
.tab-left-content,
.tab-right-content {
    display: inline-block;
    vertical-align: top;
}

.tab-left-content {
    width: 45%;
}

.vertical-line {
    width: 1px;
    background-color: #000;
    margin: 0 15px;
}

/* Style for the second section with cards */

.skilling-card {
    width: 30%;
    background-color: #f0f0f0;
    border-radius: 25px;
}

.skilling-card img {
    height: auto;
}

.skilling-card-1 {
    background: linear-gradient(180deg, #FFFFFF 0%, #8BDCFF 100%);
    border: 1px solid #E3EBFF
}

.skilling-card-2 {
    background-color: #F6F5F4;
}

.skilling-card-3 {
    background-color: #F6F5F4;
}

.skilling-bottom-image {
    border-radius: 0px 0px 25px 25px;
}

.bottom-image-container {
    width: 120px;
    padding: 4px 0px 0px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: sticky;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    padding: 27px;
    opacity: 1;
}

.webinar-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    gap: 40px;
    background: #ffffff;
    padding: 20px;
}

.webinar-left,
.webinar-right {
    flex: 1;
    min-width: 280px;
    /* Ensures responsiveness */
    background: #ffffff;
    padding: 20px;
    height: max-content;
}

.webinar-container h2 {
    font-family: Anuphan;
    font-size: 19px;
    font-weight: 600;
    line-height: 24.7px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: rgb(0, 0, 0);
    background: #ffffff;
    margin-bottom: 10px;
}

.webinar-container p {
    font-family: Anuphan;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    height: 0%;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: rgb(0, 0, 0);
    background: #ffffff;
    padding: 10px;
    width: 620px;
    border-radius: 5px;
}

/* othercompanies-bcwi */
.best-companies-contant {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
    width: 100%;
    height: 416px;
    padding: 20px;
    background: #ffffff;
}

.bcwi-image-right {
    width: 250px;
    height: 250px;
    border-radius: 10px;
}

.bcwi-text-content {
    width: 688px;
    height: 288px;
    background: #ffffff;
    color: rgb(0, 0, 0);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    border-radius: 10px;
}

.bcwi-text-content p {
    margin-bottom: 15px;
}

.best-bcwi-contant {
    align-items: center;
    justify-content: center;
    gap: 50px;
    width: 100%;
    height: 416px;
    padding: 60px;
    background: #F5F5F5;
}

.bcwi-card1 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 237px;
    height: 176px;
    border-radius: 15px;
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-color: #E3EBFF;
    background: #FFFFFF;
}

.bcwi-image {
    width: 128px;
    height: 76.74px;
    object-fit: cover;
    border-radius: 15px;
}

.textarea-box {
    width: 100%;
    height: 60px;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
    resize: vertical;
}

.apply-job-dropdown {
    flex-direction: column-reverse;
    width: 200px;
    margin: 20px 0px;
}

.apply-job-select {
    padding: 8px;
    font-size: 16px;
    border: 1px solid #ccc;
    width: 290px;
    border-radius: 4px;
}

.minusele {
    padding-left: 10px;
    cursor: pointer;
    display: none;
    vertical-align: middle;
}

.Annual-form-container {
    display: flex;
    gap: 23px;
    justify-content: space-between;
    max-width: 600px;
}

.Annual-form-group {
    display: flex;
    flex-direction: column;
    width: 50%;
}

.Annual-form-group label {
    font-weight: 600;
    font-size: 14px;
    color: #333;
    margin-bottom: 5px;
}

.Annual-input-wrapper {
    display: flex;
    border-radius: 5px;
    background: #fff;
    width: 186px;
}

.Annual-input-wrapper input,
.Annual-input-wrapper select {
    border: none;
    padding: 10px;
    font-size: 16px;
    outline: none;
}

.Annual-input-wrapper input {
    border-radius: 8px 0px 0px 8px;
}

.Annual-input-wrapper-2 {
    display: flex;
    border-radius: 5px;
    background: #fff;
    width: 153px;
}

.Annual-input-wrapper-2 input,
.Annual-input-wrapper-2 select {
    border: none;
    padding: 10px;
    font-size: 16px;
    outline: none;
    width: 84%;
}

.Annual-input-wrapper-2 input {
    border-radius: 8px 0px 0px 8px;
}

.annual-align {
    display: flex;
    gap: 23px;
}

.Annual-currency-select {
    border-left: 1px solid #ccc;
    background: #f8f8f8;
    padding: 10px;
    cursor: pointer;
    border-radius: 0px 8px 8px 0px;
    width: 75px;
}

.Annual-form-control {
    border-radius: 8px;
    width: 120px;
}

.city-align {
    width: 340px;
}

/* // */
.select2-results__option--selectable {
    font-size: medium !important;
    color: #747474 !important;
}

#staticBackdrop span.select2-results {
    border-radius: 8px !important;
}


.open>.dropdown-menu {
    display: block;
    cursor: pointer;
    border-radius: 8px;
    color: #303030;
    border: 1px solid #9F9F9F;
    background-color: #fff;
    justify-content: space-between;
    width: 93%;
}

/* .companies .fclm { /*min-height:105px;* / } */

/* multiselect css */

.multi_select {}

.multi_select .form-group {
    margin-bottom: 25px;
}

.multi_select .form_label {
    top: 15px;
    padding-left: 20px;
}

.multi_select button {
    text-transform: none;
    background: #fff;
    /* height: 60px; */
    cursor: pointer;
    padding: 12px 16px;
    font: normal 400 1.6rem / 2.4rem var(--font-anuphan);
    color: #303030;
    border: 1px solid #9F9F9F;
    background-color: #fff;
    display: flex;
    border-radius: 8px;
    justify-content: space-between;
    width: 100%;
}

.multi_select button:hover,

.multi_select button:focus,

.multi_select button:active {
    color: #222 !important;
    background: #fff url(../images/down-arrow.png) no-repeat 90% center !important;
    outline: none !important;
    border: 1px solid #c5c5c5 !important;
    box-shadow: none !important;
}

.multi_select button .caret {
    display: none;
}

.multi_select .multiselect-all {
    display: none;
}

.multi_select .multiselect-selected-text {}

.multi_select .multiselect-container {
    width: 95%;
    overflow-y: auto;
    height: 113px;
    background: #ffffff;
}

.multi_select .dropdown-menu .active .checkbox {
    color: #000000;
}

.multiselect-container>li>a {
    padding: 20px 20px 0px 20px !important;
}

.multiselect-ui {
    width: 100%;
}

/* Change the appearance of selected options */
.multiselect-ui option:checked {
    background-color: #03298C !important;
    color: white !important;
}

/* .multi_select .dropdown-menu>.active>a,

.multi_select .dropdown-menu>.active>a:focus,

.multi_select .dropdown-menu>.active>a:hover {
  padding: 20px;
} */

.multi_select .dropdown-menu .active {
    background: #DFF4FD !important;
    color: #ffffff !important;
}


.education-form-group {
    display: flex;
    justify-content: center;
    padding-bottom: 30px;
}

.education-form-group button {
    margin-right: 200px;
}

.search-result .nav-tabs>li.nav-item.active {
    border: 3px solid #7BE0B2;
}

/* / job copy link alert ***/
div#alertContainer {
    position: fixed;
    bottom: 20px;
    left: 190px;
    transform: translateX(-50%);
    z-index: 1050;
    width: 300px;
    max-width: 400px;
    background-color: #fff;
    border-left: 5px solid #2bb673;
    border-radius: 10px;
}

div#alertContainer .alert {
    font-size: 14px;
    margin-bottom: 0px;
    background-color: #fff;
    border: none;
}

div#alertContainer img {
    width: 25px;
    display: inline;
    margin-right: 20px;
}

div#alertContainer p {
    display: inline;
}

.fa-calendar-days {
    color: #007bff;
    font-size: 20px;
}

.duration-cal {
    width: max-content;
}

.datepicker .prev {
    font-size: large !important;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
    cursor: pointer;
}

label#frm_jobtitle-error,
label#frm_designation-error,
label#frm_compname-error,
label#frm_industry-error,
label#frm_functional-error,
label#frm_country-error,
label#frm_state-error,
label#frm_city-error,
label#frm_amount-error,
label#frm_notice-error,
label#frm_oldpassword-error,
label#frm_newpassword-error,
label#frm_confirmpassword-error {
    color: red;
}

input#frm_job_title {
    font: normal 400 1.8rem / 3.2rem var(--font-anuphan);
    color: #747474;
    border: none;
    border-bottom: 1px solid #303030;
    padding: 0px 12px 0px;
    width: 100%;
    background-color: transparent;
    vertical-align: text-bottom;
    -webkit-appearance: none;
    text-align: left;
}

input.searchInputtitle {
    font: normal 400 1.8rem / 3.2rem var(--font-anuphan);
    color: #747474;
    border: none;
    border-bottom: 1px solid #303030;
    padding: 0px 12px 0px;
    width: 100%;
    background-color: transparent;
    vertical-align: text-bottom;
    -webkit-appearance: none;
    text-align: left;
}

ul.searchResults:not(:empty) {
    position: absolute;
    width: 290px;
    padding: 10px;
    color: #747474;
    height: 156px;
    overflow-y: auto;
    border-radius: 10px;
    cursor: pointer;
    background-color: white;
    border: 1px solid #ccc;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    list-style: none;
    margin: 0;
    z-index: 1000;
}

ul.searchResultstitle:not(:empty) {
    position: absolute;
    width: 290px;
    color: #747474;
    padding: 10px;
    height: 156px;
    cursor: pointer;
    overflow-y: auto;
    border-radius: 10px;
    background-color: white;
    border: 1px solid #ccc;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    list-style: none;
    margin: 0;
    z-index: 1000;
}

ul.searchResultssubmit:not(:empty) {
    position: absolute;
    font-size: medium;
    padding: 10px;
    color: #747474;
    height: 156px;
    cursor: pointer;
    overflow-y: auto;
    border-radius: 10px;
    background-color: white;
    border: 1px solid #ccc;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    list-style: none;
    margin: 0;
    z-index: 1000;
}

ul.searchResultstitlesubmit:not(:empty) {
    position: absolute;
    font-size: medium;
    padding: 10px;
    height: 156px;
    color: #747474;
    cursor: pointer;
    overflow-y: auto;
    border-radius: 10px;
    background-color: white;
    border: 1px solid #ccc;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    list-style: none;
    margin: 0;
    z-index: 1000;
}

.inline-text {
    display: inline-block;
}

.unsave_job_click {
    color: #3970f1;
}

li.search-item:hover {
    background-color: #DFF4FD;
}

li.search-item-city:hover {
    background-color: #DFF4FD;
}

.row.inline-text {
    margin-left: 10px;
}

ul.searchResults .search-item {
    line-height: 29px;
}

ul.searchResultstitle .search-item-city {
    line-height: 29px;
}

.heading span {
    width: 190px;
}

.location ul {
    width: 200px;
}

ul.last-date {
    width: 450px;
}

.bg-background {
    background-color: #F9EFEB;
}

.form-group.years label {
    width: max-content;
}

ul#myTab center {
    font-size: large;
}

.content h4 {
    overflow-wrap: anywhere;
}

/* employer-landing-page */
.employer-banner {
    position: relative;
}

.employer-banner>img {
    width: 100%;
    position: absolute;
}

.employer-banner .employer-banner-content {
    position: relative;
    margin-top: 60px;
    left: 0px;
    right: 0px;
    text-align: center;
    bottom: 0px;
}

.employer-banner .employer-banner-content button img {
    margin-left: 16px;
}

.employer-banner .employer-banner-content h1 {
    font: normal 500 6.4rem/7.2rem var(--font-anuphan);
    color: #303030;
    margin-bottom: 8px;
}

.employer-banner .employer-banner-content p {
    font: normal 400 2rem/2.4rem var(--font-anuphan);
    color: #595959;
    margin-bottom: 40px;
}

/* employer-landing-page section2 */
.employer-engage-empower {
    background-color: #F9EFEB;
    display: inline-block;
    width: 100%;
    padding: 88px 0px;
}

.employer-engage-empower .heading {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.employer-engage-empower h4 {
    font: normal 600 2rem/2.6rem var(--font-anuphan);
    color: #303030;
    width: 191px;
    text-align: left;
}

.employer-engage-empower .employer-masonry {
    text-align: center;
}

.employer-engage-empower .employer-masonry span {
    font: normal 500 1.2rem/1.4rem var(--font-montserrat);
    color: #595959;
    display: block;
    margin-bottom: 16px;
    text-transform: uppercase;
}

.employer-engage-empower .video img {
    width: 100%;
}

.employer-engage-empower .employer-masonry .content {
    margin: 16px 16px 16px;
}

.employer-engage-empower .employer-masonry .content span {
    font: normal 500 1.2rem/1.5rem var(--font-anuphan);
    color: #939393;
    display: block;
    margin-bottom: 16px;
    text-transform: none;
}

.employer-engage-empower .employer-masonry h5 {
    font: normal 600 1.6rem/2.2rem var(--font-anuphan);
    color: #303030;
    display: inline-block;
    padding-right: 8px;
    margin-bottom: 16px;
}

.employer-engage-empower .employer-masonry p {
    font: normal 400 1.4rem/2rem var(--font-anuphan);
    color: #595959;
    margin-bottom: 16px;
    text-align: left;
}

.employer-engage-empower .view-all {
    margin-top: 88px;
    text-align: center;
}

.employer-masonry {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-auto-rows: 20px;
    gap: 20px;
}

.employer-masonry .employer-item {
    background-color: #ffffff;
    box-sizing: border-box;
    border-radius: 25px;
    transition: transform 0.3s;
    align-items: center;
    justify-content: center;
}

.employer-masonry .testimonials {
    padding: 0px 20px;
}

.employer-masonry .testimonials p {
    font: normal 400 1.6rem/2.4rem var(--font-anuphan);
    color: #303030;
    margin-bottom: 16px;
}

.employer-masonry .testimonials .name {
    text-align: center;
}

.employer-masonry .testimonials .name img {
    width: 56px;
    height: 56px;
    border-radius: 100px;
}

.employer-masonry .testimonials .name h5 {
    font: normal 600 1.8rem/2.3rem var(--font-anuphan);
    color: #303030;
    display: block;
    margin: 16px 0px 0px 0px;
}

.employer-masonry .testimonials .name span {
    font: normal 400 1.2rem/1.5rem var(--font-anuphan);
    color: #404040;
}

.employer-masonry .video:before {
    content: "";
    position: absolute;
    background-image: url(../images/red-top.svg);
    width: 100%;
    height: 10px;
    top: 0px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    background-color: #F5F5F5;
    background-repeat: no-repeat;
}

.employer-masonry .life-balance:before {
    content: "";
    position: absolute;
    background-image: url(../images/blue-top.svg);
}

.employer-masonry .testimonials:before {
    content: "";
    position: absolute;
    background-image: url(../images/green-top.svg);
    width: 100%;
    height: 10px;
    top: 0px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    background-color: #F5F5F5;
    background-repeat: no-repeat;
}

.main-cutout {
    width: 40px;
    height: 9px;
    background: #F5F5F5;
    border-radius: 4px;
    position: absolute;
    display: grid;
    place-items: center;
    top: 0px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
}

.main-cutout:before {
    content: "";
    position: absolute;
}

/* Specific dimensions and colors for each item */
.employer-item1 {
    grid-row: span 5;
}

.employer-item2 {
    grid-row: span 10;
}

.employer-item14 {
    grid-row: span 10;
}

.employer-item img {
    width: 100%;
    height: -webkit-fill-available;
    border-radius: 25px;
}

.employer-item.employer-item12 {
    grid-row: span 5;
}

.employer-item4 {
    grid-row: span 10;
}

.employer-item.employer-item5 {
    grid-row: span 10;
}

.employer-item .employer-item8 {
    grid-row: span 5;
}

.employer-item9 {
    grid-row: span 10;
}

.employer-item3 {
    grid-row: span 5;
}

.employer-item13 {
    grid-row: span 5;
}

.employer-item10 {
    grid-row: span 10;
}

.employer-item11 {
    grid-row: span 5;
}

.employer-item6 {
    grid-row: span 10;
}

.employer-item7 {
    grid-row: span 5;
}

.employer-item8 {
    grid-row: span 5;
}

.employer-item.employer-item1 {
    background-color: #C9DAFE;
}

.employer-item11.employer-item {
    background-color: #B5EFC6;
}

.employer-item.employer-item3 {
    background-color: #FBDBC1;
}

.employer-item.employer-item12 {
    background-color: #F9CBDB;
}

.employer-item.employer-item13 {
    background-color: #E5D8FC;
}

.growth-heading {
    font-family: 'Anuphan', sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
}

.inclusive-text {
    font-family: 'Anuphan', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 19.5px;
    letter-spacing: 0%;
}

/* employer-signin */
.employer-sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    background-color: #fff;
    padding: 0px 40px;
    overflow-x: hidden;
    padding-top: 60px;
    transition: 0.5s;
    display: flex;
    align-content: center;
    justify-content: center;
}

.employer-sidenav {
    right: -80px;
}

.employer-sidenav.open {
    width: 440px;
    right: 0px;
}

#myEmployernav.employer-sidenav .employer-closeside {
    position: absolute;
    right: 30px;
    top: 20px;
}

#myEmployernav.employer-sidenav .employer-closeside:before,
#myEmployernav.employer-sidenav .employer-closeside:after {
    content: "";
    position: absolute;
    background-color: #03298C;
    width: 1.5px;
    height: 24px;
    top: 0px;
    left: 0px;
    right: 0px;
    transform: rotate(45deg);
}

#myEmployernav.employer-sidenav .employer-closeside:after {
    transform: rotate(-45deg);
}

.get-started {
    font-family: 'Anuphan', sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 31.2px;
    letter-spacing: 0%;
    text-align: center;
}

.employer-input-label {
    display: block;
    font-family: 'Anuphan', sans-serif;
    font-weight: 400;
    font-size: 13px;
    margin-bottom: 10px;
    margin-top: 20px;
    color: #9F9F9F;
}

.employer-input-box {
    width: -webkit-fill-available;
    height: 48px;
    border-radius: 8px;
    border: 1px solid #9F9F9F;
    padding: 12px 16px;
    background: #FFFFFF;
    font-family: 'Anuphan', sans-serif;
    font-size: 16px;
    color: #000;
}

.Organisation-input-label {
    display: block;
    font-family: 'Anuphan', sans-serif;
    font-weight: 400;
    font-size: 13px;
    margin-bottom: 10px;
    color: #9F9F9F;
}

.Organisation-input-box {
    width: 172px;
    height: 48px;
    border-radius: 8px;
    border: 1px solid #9F9F9F;
    padding: 12px 16px;
    background: #FFFFFF;
    font-family: 'Anuphan', sans-serif;
    font-size: 13px;
    color: #000;
}

.Designation-input-label {
    display: block;
    font-family: 'Anuphan', sans-serif;
    font-weight: 400;
    font-size: 13px;
    margin-bottom: 10px;
    color: #9F9F9F;
}

.Designation-input-box {
    width: 172px;
    height: 48px;
    border-radius: 8px;
    border: 1px solid #9F9F9F;
    padding: 12px 16px;
    background: #FFFFFF;
    font-family: 'Anuphan', sans-serif;
    font-size: 13px;
    color: #000;
}

.signin-inputs {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}

.query-input-label {
    display: block;
    font-size: 14px;
    color: #9F9F9F;
    margin-bottom: 5px;
    margin-top: 20px;
}

.query-input-box {
    width: 100%;
    min-height: 100px;
    border: 1px solid #9F9F9F;
    border-radius: 8px;
    padding: 10px;
    font-size: 14px;
    resize: none;
}

.query-input-box:focus {
    outline: none;
    border-color: #888;
}

.employer-submit-button {
    width: 360px;
    height: 48px;
    padding: 0px 18px;
    border-radius: 100px;
    background: #A0144F;
    color: white;
    font-size: 16px;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    font-weight: 700;
    margin-top: 20px;
    align-items: center;
}

.employer-signin {
    font-size: 14px;
    text-align: center;
    margin-top: 40px;
}

.employer-signin a {
    color: #A0144F;
    font-weight: 700;
}

label.employer-input-label span {
    color: red;
}

label.Organisation-input-label span {
    color: red;
}

label.Designation-input-label span {
    color: red;
}

/* registration successfully */
#myregistration.employer-sidenav .employer-closeside {
    position: absolute;
    right: 30px;
    top: 20px;
}

#myregistration.employer-sidenav .employer-closeside:before,
#myregistration.employer-sidenav .employer-closeside:after {
    content: "";
    position: absolute;
    background-color: #03298C;
    width: 1.5px;
    height: 24px;
    top: 0px;
    left: 0px;
    right: 0px;
    transform: rotate(45deg);
}

#myregistration.employer-sidenav .employer-closeside:after {
    transform: rotate(-45deg);
}

.registration-message {
    width: 320px;
    height: 62px;
    font-family: 'Anuphan', sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 31.2px;
    letter-spacing: 0%;
    color: #303030;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    margin-top: 40px;
}

.registration-img {
    display: flex;
    justify-content: center;
    margin-right: 27px;
}

.registration-info {
    width: 320px;
    height: 96px;
    font-family: 'Anuphan', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #595959;
}

.registration-info span {
    color: #A0144F;
}

.registration-delay {
    font-family: Anuphan;
    font-weight: 400;
    font-size: 13px;
    line-height: 16.9px;
    letter-spacing: 0%;
    text-align: center;
    color: #000;
    margin-top: 232px;
}

.registration-delay span {
    color: #A0144F;
}

/* Employer login */
#myEmployerLogin.employer-sidenav .employer-closeside {
    position: absolute;
    right: 30px;
    top: 20px;
}

#myEmployerLogin.employer-sidenav .employer-closeside:before,
#myEmployerLogin.employer-sidenav .employer-closeside:after {
    content: "";
    position: absolute;
    background-color: #03298C;
    width: 1.5px;
    height: 24px;
    top: 0px;
    left: 0px;
    right: 0px;
    transform: rotate(45deg);
}

#myEmployerLogin.employer-sidenav .employer-closeside:after {
    transform: rotate(-45deg);
}

.input-employer-container {
    position: relative;
    display: inline-block;
    margin-top: 25px;
}

.input-employer-box {
    width: 100%;
    padding-right: 40px;
    font-size: 16px;
    padding: 10px;
}

.input-employer-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    cursor: pointer;
}

.welcome-back-bottom {
    margin-top: 45px;
}

.welcome-back-bottom a {
    color: #A0144F;
    width: 115px;
    height: 18px;
    font-family: Anuphan, sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 18.2px;
    letter-spacing: 0;
    text-align: center;
    display: inline-block;
    text-decoration: none;
}

.employer-forget-password {
    display: flex;
    justify-content: end;
    margin-top: 16px;
}

/* forget-password */
#myforgetpassword.employer-sidenav .employer-closeside {
    position: absolute;
    right: 30px;
    top: 20px;
}

#myforgetpassword.employer-sidenav .employer-closeside:before,
#myforgetpassword.employer-sidenav .employer-closeside:after {
    content: "";
    position: absolute;
    background-color: #03298C;
    width: 1.5px;
    height: 24px;
    top: 0px;
    left: 0px;
    right: 0px;
    transform: rotate(45deg);
}

#myforgetpassword.employer-sidenav .employer-closeside:after {
    transform: rotate(-45deg);
}

.registration-resetpassword {
    width: 360px;
    height: 96px;
    font-family: 'Anuphan', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #595959;
}

/* verify-mail */
#myverificationmail.employer-sidenav .employer-closeside {
    position: absolute;
    right: 30px;
    top: 20px;
}

#myverificationmail.employer-sidenav .employer-closeside:before,
#myverificationmail.employer-sidenav .employer-closeside:after {
    content: "";
    position: absolute;
    background-color: #03298C;
    width: 1.5px;
    height: 24px;
    top: 0px;
    left: 0px;
    right: 0px;
    transform: rotate(45deg);
}

#myverificationmail.employer-sidenav .employer-closeside:after {
    transform: rotate(-45deg);
}

/* Employer dashboard */
.Employer-details .profiles {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.Employer-details .left-panel {
    width: 20.5rem;
    max-width: 20.5rem;
    flex: 0 0 20.5rem;
    padding-top: 24px;
    margin-right: 40px;
}

.Employer-details .user {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    padding-bottom: 24px;
    border-bottom: 1px solid #E3EBFF;
}

.Employer-details .user img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1.2px solid #C0B6B2;
    margin-right: 8px;
}

.Employer-details .user span {
    font: normal 500 1.6rem/2rem var(--font-anuphan);
    color: #303030;
}

.Employer-details .candidate-lists {
    padding: 24px 0px;
    border-top: 1px solid #E3EBFF;
}

.Employer-details .candidate-lists a {
    padding: 8px;
    font: normal 400 1.4rem/1.8rem var(--font-anuphan);
    color: #303030;
    display: inline-block;
    width: 100%;
}

.Employer-details .candidate-lists .active a {
    background-color: #E3EBFF;
    border-radius: 8px;
}

.Employer-details .candidate-lists a img {
    margin-right: 8px;
}

.Employer-details .showing-jobs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 24px;
}

.Employer-details .showing-jobs .applied-list {
    width: 330px;
    height: 104px;
    background-color: #BAE5F5;
    padding: 20px 24px;
    border-radius: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.Employer-details .showing-jobs .applied-list:nth-of-type(2) {
    background-color: #E2D3FE;
}

.Employer-details .showing-jobs .applied-list:nth-of-type(3) {
    background-color: #FADFA8;
}

.Employer-details .right-panel {
    width: 1042px;
    max-width: 1042px;
    flex: 0 0 1042px;
    border-left: 1px solid #E3EBFF;
    padding-left: 14px;
    padding-top: 24px;
}

.Employer-details .profile-completion {
    background-color: #F4532D;
    padding: 24px 48px;
    border-radius: 15px;
    margin-bottom: 40px;
}

/*candidate-dashboard*/
/*candidate-savedjobs*/
.Employer-details.saved-jobs .recent-jobs h3 {
    font-size: 2.4rem;
    line-height: 3.1rem;
}

.Employer-details.saved-jobs .recent-jobs h3 span {
    font: normal 400 1.6rem/2rem var(--font-anuphan);
    color: #595959;
}

.Employer-details.saved-jobs tr td {
    /* width: 100px; */
    padding-right: 15px;
    text-align: center;
}

.Employer-details.saved-jobs tr td>.job-location,
.Employer-newpost-details.saved-jobs tr td>.job-location,
.Employer-Applications-details.saved-jobs tr td>.job-location {
    width: 190px;
    font-size: 12px;
}

.Employer-details.saved-jobs tr td>.job-title,
.Employer-details.saved-jobs tr td.posted-by,
.Employer-details.saved-jobs tr td.remaining-days,
.Employer-newpost-details.saved-jobs tr td>.job-title,
.Employer-newpost-details.saved-jobs tr td.posted-by,
.Employer-newpost-details.saved-jobs tr td.remaining-days,
.Employer-Applications-details.saved-jobs tr td>.job-title {
    font-weight: 600;
    font-size: 14px;
}

.Employer-Applications-details.saved-jobs .chnagestattusall {
    margin: 20px 0px !important;
}

.Employer-details.saved-jobs tr td.posted-by {
    width: 120px;
}

.Employer-details.saved-jobs tr td.remaining-days span,
.Employer-newpost-details.saved-jobs tr td.remaining-days span {
    font-weight: 600;
}

/* .Employer-details.saved-jobs tr td:first-child {
  text-align: center;
} */

.Employer-details.saved-jobs tr td .view.inactive {
    background-color: #F3F3F3;
    pointer-events: none;
    color: #9F9F9F;
}

/*candidate-savedjobs*/
/*candidate-appliedwebinar*/
.Employer-details tr td .applied {
    font: normal 500 1.5rem/1.9rem var(--font-anuphan);
    color: #FA760F;
}

.Employer-details tr td .applied {
    font: normal 500 1.5rem/1.9rem var(--font-anuphan);
    color: #FA760F;
}

.Employer-details tr td .applied {
    font: normal 500 1.5rem/1.9rem var(--font-anuphan);
    color: #FA760F;
    text-align: center;
}

.Employer-recent-jobs {
    margin-bottom: 80px;
}

.Employer-recent-jobs .heading {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.Employer-recent-jobs .heading h3 {
    font: normal 600 1.9rem/2.4rem var(--font-anuphan);
    color: #303030;
    margin: 0px;
}

.Employer-recent-jobs .heading a {
    font: normal 600 1.2rem/1.6rem var(--font-anuphan);
    color: #A0144F;
}

.Employer-recent-jobs table thead {
    background-color: #F1F2F4;
}

.Employer-recent-jobs table thead tr th {
    font: normal 500 1.4rem/1.8rem var(--font-anuphan);
    color: #404040;
    padding: 12px 3px;
    font-size: 13px;
    text-align: center;
    padding-left: 0px !important;
}

.Employer-recent-jobs table thead tr th:nth-child(2),
.Employer-recent-jobs tr td:nth-child(2),
.Employer-feeds-jobs table thead tr th:nth-child(2),
.Employer-feeds-jobs table thead tr td:nth-child(2),
.Employer-details.saved-jobs tr td:nth-child(2),
.Employer-details.saved-jobs thead tr th:nth-child(2),
.Employer-newpost-details.saved-jobs tr td:nth-child(2),
.Employer-newpost-details.saved-jobs thead tr th:nth-child(2),
.Employer-Applications-details.saved-jobs tr td:nth-child(2),
.Employer-Applications-details.saved-jobs thead tr th:nth-child(2) {
    text-align: left;
}

.Employer-recent-jobs table thead tr th:first-child {
    border-radius: 8px 0px 0px 8px;
}

.Employer-recent-jobs table thead tr th:last-child {
    border-radius: 0px 8px 8px 0px;
}

.Employer-recent-jobs table tbody tr td {
    font: normal 400 1.5rem/1.9rem var(--font-anuphan);
    color: #404040;
    border-bottom: 1px solid #E3EBFF;
}

.Employer-recent-jobs table tbody tr td a {
    color: #404040;
}

.Employer-recent-jobs table tbody tr:last-child td {
    padding-bottom: 20px;
}

.Employer-recent-jobs table tbody .details {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.Employer-recent-jobs table tbody .image {
    width: 64px;
    height: 64px;
    border: 1px solid #E3EBFF;
    border-radius: 5.3px;
    margin-right: 16px;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.Employer-recent-jobs table tbody .content {
    display: inline-block;
}

.Employer-recent-jobs table tbody .content span {
    font: normal 400 1.2rem/1.6rem var(--font-anuphan);
    color: #595959;
    display: inline-block;
    margin: 0px;
}

.Employer-recent-jobs table tbody .content h4 {
    font: normal 600 1.5rem/1.9rem var(--font-anuphan);
    color: #303030;
    margin: 4px 0px;
}

.Employer-recent-jobs table tbody .content h4 span {
    margin: 0px 0px 0px 16px;
}

.Employer-recent-jobs table tbody .full-time {
    font: normal 500 1rem/1.3rem var(--font-anuphan);
    color: #303030;
    background-color: #F5EEE5;
    padding: 4px 8px;
    border-radius: 24px;
    margin: 0px;
}

.Employer-recent-jobs table tbody .completed {
    font: normal 500 1.5rem/1.9rem var(--font-anuphan);
    color: #009640;
}

.Employer-recent-jobs table tbody .pending {
    font: normal 500 1.5rem/1.9rem var(--font-anuphan);
    color: #FF246D;
}

.Employer-recent-jobs table tbody .view {
    font: normal 600 1.1rem/1.4rem var(--font-anuphan);
    color: #303030;
    background-color: #DFF4FD;
    padding: 12px 24px;
    border-radius: 50px;
    text-transform: uppercase;
    border: none;
}

.job-post-remaining {
    padding: 16px;
    background: #E0FFF1;
    margin-bottom: 40px !important;
    border-radius: 10px;
}

.aditya-container {
    flex-direction: column;
    align-items: center;
}

.aditya-birla {
    width: 40px;
    height: 40px;
    margin-top: 3px;
    border-radius: 48px;
}

.adithya-text {
    display: inline-grid;
}

.aditya-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 5px;
}

.aditya-text {
    font-family: Anuphan;
    font-weight: 500;
    font-size: 14px;
    line-height: 18.2px;
    color: #000000;
    margin-bottom: 4px;
}

.aditya-button {
    height: 22px;
    padding: 4px 8px;
    border-radius: 8px;
    background: #FF246D;
    color: white;
    border: none;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: 0.3s;
}

.employer-heading {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.Employer-feeds-head h3 {
    font-size: 24px;
}

.Employer-feeds-head h3 span {
    font-size: 16px;
    color: #595959;
}

.Employer-feeds-head p {
    display: inline-block;
    color: #A0144F;
    font-weight: 500;
    font-size: 14px;
}

.Employer-feeds-head img {
    margin-bottom: 4px;
    margin-right: 12px;
    cursor: pointer;
}

.Employer-feeds-head {
    display: contents;
}

.status-dropdown-container {
    position: relative;
    display: inline-block;
}

.status-dropdown {
    width: 140px;
    height: 36px;
    padding: 6px 12px;
    border-radius: 20px;
    border: 1px solid #9F9F9F;
    background: #FFFFFF;
    font-size: 14px;
    color: #333;
    font-family: 'Anuphan';
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-align: left;
}

/* Position the Font Awesome icon */
.dropdown-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #595959;
    pointer-events: none;
}

.status-dropdown:focus {
    outline: none;
    border-color: #007bff;
}

/* Employer dashboard */
.Employer-feeds-details .profiles {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.Employer-feeds-details .left-panel {
    width: 20.5rem;
    max-width: 20.5rem;
    flex: 0 0 20.5rem;
    padding-top: 24px;
    margin-right: 40px;
}

.Employer-feeds-details .user {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    padding-bottom: 24px;
    border-bottom: 1px solid #E3EBFF;
}

.Employer-feeds-details .user img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1.2px solid #C0B6B2;
    margin-right: 8px;
}

.Employer-feeds-details .user span {
    font: normal 500 1.6rem/2rem var(--font-anuphan);
    color: #303030;
}

.Employer-feeds-details .candidate-lists {
    padding: 10px 0px;
    border-top: 1px solid #E3EBFF;
}

.Employer-feeds-details .candidate-lists a {
    padding: 8px;
    font: normal 400 1.4rem/1.8rem var(--font-anuphan);
    color: #303030;
    display: inline-block;
    width: 100%;
}

.Employer-feeds-details .candidate-lists .active a {
    background-color: #E3EBFF;
    border-radius: 8px;
}

.Employer-feeds-details .candidate-lists a img {
    margin-right: 8px;
}

.Employer-feeds-details .showing-jobs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 24px;
}

.Employer-feeds-details .showing-jobs .applied-list {
    width: 330px;
    height: 104px;
    background-color: #BAE5F5;
    padding: 20px 24px;
    border-radius: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.Employer-feeds-details .showing-jobs .applied-list:nth-of-type(2) {
    background-color: #E2D3FE;
}

.Employer-feeds-details .showing-jobs .applied-list:nth-of-type(3) {
    background-color: #FADFA8;
}

.Employer-feeds-details .right-panel {
    width: 1042px;
    max-width: 1042px;
    flex: 0 0 1042px;
    border-left: 1px solid #E3EBFF;
    padding-left: 14px;
    padding-top: 24px;
}

.Employer-feeds-details .profile-completion {
    background-color: #F4532D;
    padding: 24px 48px;
    border-radius: 15px;
    margin-bottom: 40px;
}

/*candidate-dashboard*/
/*candidate-savedjobs*/
.Employer-feeds-details.saved-jobs .recent-jobs h3 {
    font-size: 2.4rem;
    line-height: 3.1rem;
}

.Employer-feeds-details.saved-jobs .recent-jobs h3 span {
    font: normal 400 1.6rem/2rem var(--font-anuphan);
    color: #595959;
}

.Employer-feeds-details.saved-jobs tr td {
    text-align: center;
    padding-left: 16px;
    gap: 20px;
    padding: 8px;
}

.Employer-feeds-details.saved-jobs tr td .view.inactive {
    background-color: #F3F3F3;
    pointer-events: none;
    color: #9F9F9F;
}

.Employer-feeds-details.saved-jobs tr td:nth-child(2) {
    width: 400px;
}

.Employer-feeds-details.saved-jobs tr td.posted-by {
    font-weight: 600;
}

/*candidate-savedjobs*/
/*candidate-appliedwebinar*/
.Employer-feeds-details tr td .applied {
    font: normal 500 1.5rem/1.9rem var(--font-anuphan);
    color: #FA760F;
}

.Employer-feeds-details tr td .applied {
    font: normal 500 1.5rem/1.9rem var(--font-anuphan);
    color: #FA760F;
}

.Employer-feeds-details tr td .applied {
    font: normal 500 1.5rem/1.9rem var(--font-anuphan);
    color: #FA760F;
    text-align: center;
}

.Employer-feeds-jobs {
    margin-bottom: 80px;
}

.Employer-feeds-jobs .heading {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.Employer-feeds-jobs .heading h3 {
    font: normal 600 1.9rem/2.4rem var(--font-anuphan);
    color: #303030;
    margin: 0px;
}

.Employer-feeds-jobs .heading a {
    font: normal 600 1.2rem/1.6rem var(--font-anuphan);
    color: #A0144F;
}

.Employer-feeds-jobs table thead {
    background-color: #F1F2F4;
}

.Employer-feeds-jobs table thead tr th {
    font: normal 500 1.4rem/1.8rem var(--font-anuphan);
    color: #404040;
    padding: 12px 16px;
    text-align: center;
    font-size: 13px;
}

.Employer-feeds-jobs table thead tr th:first-child {
    border-radius: 8px 0px 0px 8px;
}

.Employer-feeds-jobs table thead tr th:last-child {
    border-radius: 0px 8px 8px 0px;
}

.Employer-feeds-jobs table tbody tr td {
    font: normal 400 1.5rem/1.9rem var(--font-anuphan);
    color: #404040;
    border-bottom: 1px solid #E3EBFF;
    text-align: center;
}

.Employer-feeds-jobs table tbody tr:last-child td {
    padding-bottom: 20px;
}

.Employer-feeds-jobs table tbody .details {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.Employer-feeds-jobs table tbody .image {
    width: 64px;
    height: 64px;
    border: 1px solid #E3EBFF;
    border-radius: 5.3px;
    margin-right: 16px;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.Employer-feeds-jobs table tbody .content {
    display: inline-block;
}

.Employer-feeds-jobs table tbody .content span {
    font: normal 400 1.2rem/1.6rem var(--font-anuphan);
    color: #595959;
    display: inline-block;
    margin: 0px;
}

.Employer-feeds-jobs table tbody .content h4 {
    font: normal 600 1.5rem/1.9rem var(--font-anuphan);
    color: #303030;
    margin: 4px 0px;
}

.Employer-feeds-jobs table tbody .content h4 span {
    margin: 0px 0px 0px 16px;
}

.Employer-feeds-jobs table tbody .full-time {
    font: normal 500 1rem/1.3rem var(--font-anuphan);
    color: #303030;
    background-color: #F5EEE5;
    padding: 4px 8px;
    border-radius: 24px;
    margin: 0px;
}

.Employer-feeds-jobs table tbody .completed {
    font: normal 500 1.5rem/1.9rem var(--font-anuphan);
    color: #009640;
}

.Employer-feeds-jobs table tbody .pending {
    font: normal 500 1.5rem/1.9rem var(--font-anuphan);
    color: #FF246D;
}

.Employer-feeds-jobs table tbody .view {
    font: normal 600 1.1rem/1.4rem var(--font-anuphan);
    color: #303030;
    background-color: #DFF4FD;
    padding: 12px 24px;
    border-radius: 50px;
    text-transform: uppercase;
    border: none;
}

.feeds-contant {
    /*   width: 380px; */
    font-family: "Anuphan";
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0%;
    color: #303030;
}

.feeds-likes {
    display: flex;
    align-items: center;
}

.feeds-likes img {
    margin-right: 5px;
    cursor: pointer;
}

.feeds-likes p {
    color: #595959;
    font-size: 12px;
}

.feeds-likes-icon {
    display: flex;
    gap: 20px;
}

.feeds-frame1 {
    display: flex;
    max-width: fit-content;
}

/* employer-myaccount*/
.employer-right-panel.employer-myprofile h2 {
    font: normal 600 2.4rem/3.1rem var(--font-anuphan);
    color: #303030;
    margin-bottom: 40px;
}

.employer-right-panel.employer-myprofile .nav-tabs {
    border-bottom: 1px solid #E3EBFF;
}

.employer-right-panel.employer-myprofile .nav-tabs .nav-link {
    font: normal 400 1.5rem/1.9rem var(--font-anuphan);
    color: #595959;
    margin-right: 48px;
    border-bottom: 4px solid transparent;
    padding: 0px 0px 8px;
}

.employer-right-panel.employer-myprofile .nav-tabs .nav-link.active {
    border: none;
    font-weight: 600;
    color: #303030;
    border-bottom: 4px solid #FF5273;
}

.employer-right-panel.employer-myprofile .job-title {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 40px 0px 16px 0px;
    border-bottom: 1px solid #E3EBFF;
}

.employer-right-panel.employer-myprofile .job-title .heading {
    width: 240px;
    max-width: 240px;
    flex: 0 0 240px;
}

.employer-right-panel.myprofile .job-title2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 40px 0px 16px 0px;
}

.employer-right-panel.employer-myprofile .job-title2 .heading {
    width: 240px;
    max-width: 240px;
    flex: 0 0 240px;
}

.employer-right-panel.employer-myprofile .heading label {
    font: normal 600 1.6rem/2rem var(--font-anuphan);
    color: #25324B;
    margin-bottom: 20px;
}

.employer-right-panel.employer-myprofile .job-title .functional-area {
    width: 722px;
    max-width: 722px;
}

.employer-right-panel.employer-myprofile .job-title2 .functional-area {
    width: 722px;
    max-width: 722px;
    flex: 0 0 722px;
}

.employer-right-panel.employer-myprofile .functional-area input,
.employer-right-panel.employer-myprofile .functional-area select,
.employer-right-panel.employer-myprofile .functional-area textarea {
    border: 1px solid #9F9F9F;
}

.employer-right-panel.employer-myprofile .functional-area textarea {
    height: 120px;
    resize: none;
}

.employer-right-panel.employer-myprofile .functional-area label {
    width: 86%;
    font: normal 500 1.4rem/2.2rem var(--font-anuphan);
    color: #595959;
    padding: 8px 8px 0px 8px;
}

.employer-right-panel.employer-myprofile .functional-area label span {
    color: red;
}

.employer-right-panel.employer-myprofile .functional-area .job {
    width: 565px;
    padding: 0px 12px;
}

.employer-right-panel.employer-myprofile .functional-area .years {
    width: 152px;
    padding: 0px 12px;
}

.employer-right-panel.employer-myprofile .functional-area .city {
    width: 240px;
    padding: 0px 12px;
}

.employer-right-panel.employer-myprofile .functional-area .pincode {
    width: 160px;
    padding: 0px 12px;
}

.employer-right-panel.employer-myprofile .functional-area .annual-salary {
    width: 163px;
    padding: 0px 12px;
}

.employer-right-panel.employer-myprofile .functional-area .notice-period {
    width: 120px;
    padding: 0px 12px;
}

.employer-right-panel.employer-myprofile .functional-area .duration {
    width: 160px;
    padding: 0px 6px;
}

.employer-right-panel.employer-myprofile .form-group {
    margin-bottom: 25px;
}

.employer-right-panel.employer-myprofile .col-lg-6,
.employer-right-panel.employer-myprofile .col-lg-12 {
    padding: 0px 9px;
    bottom: 8px;
}

.employer-right-panel.employer-myprofile .row {
    margin: 0px -12px;
}

.employer-right-panel.employer-myprofile .fa-plus {
    color: #FFFFFF;
    font-size: 11px;
    margin-left: 4px;
}

.employer-right-panel.employer-myprofile .purple-button {
    width: 127px;
}

.employer-right-panel.employer-myprofile .document-attachment {
    margin-bottom: 0px;
}

.employer-right-panel.employer-myprofile .checkbox {
    height: 70%;
    align-content: center;
}

.employer-right-panel.employer-myprofile .checkbox li {
    display: inline-block;
    position: relative;
    margin-right: 32px;
}

.employer-right-panel.employer-myprofile .job-title .passwords {
    width: 350px;
    max-width: 350px;
    flex: 0 0 350px;
}

.employer-right-panel.employer-myprofile .job-title2 .passwords {
    width: 350px;
    max-width: 350px;
    flex: 0 0 350px;
}

.employer-right-panel.employer-myprofile .eye {
    width: 16px;
    height: 16px;
    background: url('../images/close-eye.svg') no-repeat;
    position: absolute;
    top: 40px;
    right: 19px;
    cursor: pointer;
}

.employer-right-panel.employer-myprofile .eye.show {
    background: url('../images/open-eye.svg') no-repeat;
}

.employer-document-attachment {
    width: 241px;
    height: 324px;
    border: 1px dashed #03298C;
    background-color: #F8F8FD;
    border-radius: 15px;
    text-align: center;
    position: relative;
}

.employer-document-attachment input[type="file"] {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    padding: 0px;
    opacity: 0;
}

.employer-document-attachment .content {
    padding-top: 20px;
    color: #595959;
}

.Employer-feeds-details .employer-right-panel {
    width: 1042px;
    max-width: 1042px;
    flex: 0 0 1042px;
    border-left: 1px solid #E3EBFF;
    padding-left: 14px;
    padding-top: 24px;
}

.textarea-contant p {
    display: flex;
    justify-content: end;
    font-size: 13px;
}

.textarea-contant a {
    color: #A0144F;
}

.gst-container {
    align-items: center;
    gap: 10px;
    font-family: Arial, sans-serif;
}

.radio-group {
    display: flex;
    align-items: center;
    gap: 5px;
}

.radio-group input {
    appearance: none;
    width: 18px;
    height: 18px;
    border: 2px solid #900C3F;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
}

.radio-group input:checked::before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #900C3F;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.gst-container label {
    font-size: 14px;
}

.radio-group-align {
    display: flex;
    gap: 20px;

}

.upload-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 240px;
    margin-top: 20px;
}

.upload-item {
    display: flex;
    gap: 10px;
}

.check-icon {
    width: 18px;
    height: 18px;
}

.upload-list p {
    font-family: Anuphan, sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 16.9px;
    color: #595959;
    margin: 0;
}

/* subadmins page */
.subadmins-head {
    margin-top: 30px;
}

.Employer-subadmins-details .profiles {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.Employer-subadmins-details .left-panel {
    width: 20.5rem;
    max-width: 20.5rem;
    flex: 0 0 20.5rem;
    padding-top: 24px;
    margin-right: 40px;
}

.Employer-subadmins-details .user {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    padding-bottom: 24px;
    border-bottom: 1px solid #E3EBFF;
}

.Employer-subadmins-details .employer-right-panel {
    width: 1042px;
    max-width: 1042px;
    flex: 0 0 1042px;
    border-left: 1px solid #E3EBFF;
    padding-left: 14px;
    padding-top: 24px;
}

.Employer-subadmins-details .user img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1.2px solid #C0B6B2;
    margin-right: 8px;
}

.Employer-subadmins-details .user span {
    font: normal 500 1.6rem/2rem var(--font-anuphan);
    color: #303030;
}

.Employer-subadmins-details .candidate-lists {
    padding: 10px 0px;
    border-top: 1px solid #E3EBFF;
}

.Employer-subadmins-details .candidate-lists a {
    padding: 8px;
    font: normal 400 1.4rem/1.8rem var(--font-anuphan);
    color: #303030;
    display: inline-block;
    width: 100%;
}

.Employer-subadmins-details .candidate-lists .active a {
    background-color: #E3EBFF;
    border-radius: 8px;
}

.Employer-subadmins-details .candidate-lists a img {
    margin-right: 8px;
}

.Employer-subadmins-details .showing-jobs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 24px;
}

.Employer-subadmins-details .showing-jobs .applied-list {
    width: 330px;
    height: 104px;
    background-color: #BAE5F5;
    padding: 20px 24px;
    border-radius: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.Employer-subadmins-details .showing-jobs .applied-list:nth-of-type(2) {
    background-color: #E2D3FE;
}

.Employer-subadmins-details .showing-jobs .applied-list:nth-of-type(3) {
    background-color: #FADFA8;
}

.Employer-subadmins-details .right-panel {
    width: 1042px;
    max-width: 1042px;
    flex: 0 0 1042px;
}

.Employer-subadmins-details .profile-completion {
    background-color: #F4532D;
    padding: 24px 48px;
    border-radius: 15px;
    margin-bottom: 40px;
}

/* .employer-subadmins */
.Employer-subadmins-details.saved-jobs .subadmins-recent-jobs h3 {
    font-size: 2.4rem;
    line-height: 3.1rem;
}

.Employer-subadmins-details.saved-jobs .subadmins-recent-jobs h3 span {
    font: normal 400 1.6rem/2rem var(--font-anuphan);
    color: #595959;
}

.Employer-subadmins-details.saved-jobs tr td {
    text-align: center;
}

.Employer-subadmins-details.saved-jobs tr td img {
    cursor: pointer;
}

.Employer-subadmins-details.saved-jobs tr td:first-child {
    text-align: left;
}

.Employer-subadmins-details.saved-jobs tr td .view.inactive {
    background-color: #F3F3F3;
    pointer-events: none;
    color: #9F9F9F;
}

/* employer-subadmin */
.Employer-subadmins-details tr td .applied {
    font: normal 500 1.5rem/1.9rem var(--font-anuphan);
    color: #FA760F;
}

.Employer-subadmins-details tr td .applied {
    font: normal 500 1.5rem/1.9rem var(--font-anuphan);
    color: #FA760F;
}

.Employer-subadmins-details tr td .applied {
    font: normal 500 1.5rem/1.9rem var(--font-anuphan);
    color: #FA760F;
    text-align: center;
}

.subadmins-profiles {
    display: flex;
    gap: 10px;
}

.subadmins-profiles p {
    color: #303030;
    font-weight: 600;
}

.subadmins-recent-jobs {
    margin-bottom: 80px;
}

.subadmins-recent-jobs .heading {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.subadmins-recent-jobs .heading h3 {
    font: normal 600 1.9rem/2.4rem var(--font-anuphan);
    color: #303030;
    margin: 0px;
}

.subadmins-recent-jobs .heading a {
    font: normal 600 1.2rem/1.6rem var(--font-anuphan);
    color: #A0144F;
}

.subadmins-recent-jobs table thead {
    background-color: #F1F2F4;
}

.subadmins-recent-jobs table thead tr th {
    font: normal 500 1.4rem/1.8rem var(--font-anuphan);
    color: #404040;
    padding: 12px 16px;
    text-align: center;
    font-size: 13px;
}

.subadmins-recent-jobs table thead tr th:first-child {
    border-radius: 8px 0px 0px 8px;
    text-align: left;
}

.subadmins-recent-jobs td.action {
    width: 200px;
}

.subadmins-recent-jobs table thead tr th:last-child {
    border-radius: 0px 8px 8px 0px;
}

.subadmins-recent-jobs table tbody tr td {
    font: normal 400 1.5rem/1.9rem var(--font-anuphan);
    color: #404040;
    padding: 20px 16px;
    border-bottom: 1px solid #E3EBFF;
}

.subadmins-recent-jobs table tbody tr:last-child td {
    padding-bottom: 20px;
}

.subadmins-recent-jobs table tbody .details {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.subadmins-recent-jobs table tbody .image {
    width: 64px;
    height: 64px;
    border: 1px solid #E3EBFF;
    border-radius: 5.3px;
    margin-right: 16px;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.subadmins-recent-jobs table tbody .content {
    display: inline-block;
}

.subadmins-recent-jobs table tbody .content span {
    font: normal 400 1.2rem/1.6rem var(--font-anuphan);
    color: #595959;
    display: inline-block;
    margin: 0px;
}

.subadmins-recent-jobs table tbody .content h4 {
    font: normal 600 1.5rem/1.9rem var(--font-anuphan);
    color: #303030;
    margin: 4px 0px;
}

.subadmins-recent-jobs table tbody .content h4 span {
    margin: 0px 0px 0px 16px;
}

.subadmins-recent-jobs table tbody .full-time {
    font: normal 500 1rem/1.3rem var(--font-anuphan);
    color: #303030;
    background-color: #F5EEE5;
    padding: 4px 8px;
    border-radius: 24px;
    margin: 0px;
}

.subadmins-recent-jobs table tbody .completed {
    font: normal 500 1.5rem/1.9rem var(--font-anuphan);
    color: #009640;
}

.subadmins-recent-jobs table tbody .pending {
    font: normal 500 1.5rem/1.9rem var(--font-anuphan);
    color: #FF246D;
}

.subadmins-recent-jobs table tbody .view {
    font: normal 600 1.1rem/1.4rem var(--font-anuphan);
    color: #303030;
    background-color: #DFF4FD;
    padding: 12px 24px;
    border-radius: 50px;
    text-transform: uppercase;
    border: none;
}

.add-sub-admin p {
    height: 31px;
    font-family: 'Anuphan', sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 31.2px;
    letter-spacing: 0%;
    color: #303030;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 40px;
}

.employer-subadmin-attachment {
    width: 180px;
    height: 180px;
    border: 1px dashed #03298C;
    background-color: #F8F8FD;
    border-radius: 15px;
    text-align: center;
    position: relative;
}

.employer-subadmin-attachment input[type="file"] {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    padding: 0px;
    opacity: 0;
}

.employer-subadmin-attachment .content {
    padding-top: 20px;
    color: #595959;
}

.employer-subadminedit-attachment {
    width: 180px;
    height: 180px;
    border-radius: 15px;
    text-align: center;
    position: relative;
}

.employer-subadminedit-attachment input[type="file"] {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    padding: 0px;
    opacity: 0;
}

.employer-subadminedit-attachment .content {
    padding-top: 20px;
    color: #595959;
}


.Add-new-subadmin {
    display: flex;
    gap: 100px;
}

.new-subadmin-input input {
    height: 50px;
}

.new-subadmin-input label {
    font-size: 14px !important;
}

.new-subadmin-input select {
    height: 50px;
}

.subadmin-checkbox {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 0px;
}

.checkbox-group {
    display: flex;
    align-items: center;
    gap: 10px;
}

.subadmin-upload {
    position: relative;
    display: inline-block;
}

.subadmin-main-image {
    display: block;
    width: 200px;
    height: auto;
}

.overlay-icon {
    position: absolute;
    bottom: 10px;
    right: 12px;
    width: 30px;
    height: auto;
}

.delete-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
}

/* Style for the alert box */
.alert-box {
    background: white;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

.alert-box button {
    margin: 10px;
    padding: 8px 15px;
    border: none;
    cursor: pointer;
    font-size: 16px;
}

.cancel-btn {
    background: lightgray;
}

.ok-btn {
    background: blue;
    color: white;
}

.subadmin-resetpassword p {
    width: 382px;
    height: 20px;
    top: 416px;
    left: 334px;
    font-family: "Anuphan", sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 19.5px;
    letter-spacing: 0%;
    color: #FF246D;
}

/* add-banner */
.add-banner {
    display: flex;
    justify-content: end;
    gap: 5px;
    cursor: pointer;
}

.add-banner p {
    display: inline-block;
    color: #A0144F;
    font-weight: 500;
    font-size: 14px;
}

.Employer-banner-jobs {
    margin-bottom: 80px;
}

.Employer-banner-jobs .heading {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.Employer-banner-jobs .heading h3 {
    font: normal 600 1.9rem/2.4rem var(--font-anuphan);
    color: #303030;
    margin: 0px;
}

.Employer-banner-jobs .heading a {
    font: normal 600 1.2rem/1.6rem var(--font-anuphan);
    color: #A0144F;
}

.Employer-banner-jobs table thead {
    background-color: #F1F2F4;
}

.Employer-banner-jobs table thead tr th {
    font: normal 600 1.4rem/1.8rem var(--font-anuphan);
    color: #404040;
    padding: 12px 16px;
    text-align: center;
}

.Employer-banner-jobs table thead tr th:first-child {
    border-radius: 8px 0px 0px 8px;
    text-align: center;
}

.Employer-banner-jobs table thead tr th:last-child {
    border-radius: 0px 8px 8px 0px;
}

.Employer-banner-jobs table tbody tr td {
    font: normal 400 1.5rem/1.9rem var(--font-anuphan);
    color: #404040;
    border-bottom: 1px solid #E3EBFF;
}

.Employer-banner-jobs table tbody tr:last-child td {
    padding-bottom: 20px;
}

.Employer-banner-jobs table tbody .details {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.Employer-banner-jobs table tbody .image {
    width: 64px;
    height: 64px;
    border: 1px solid #E3EBFF;
    border-radius: 5.3px;
    margin-right: 16px;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.Employer-banner-jobs table tbody .content {
    display: inline-block;
}

.Employer-banner-jobs table tbody .content span {
    font: normal 400 1.2rem/1.6rem var(--font-anuphan);
    color: #595959;
    display: inline-block;
    margin: 0px;
}

.Employer-banner-jobs table tbody .content h4 {
    font: normal 600 1.5rem/1.9rem var(--font-anuphan);
    color: #303030;
    margin: 4px 0px;
}

.Employer-banner-jobs table tbody .content h4 span {
    margin: 0px 0px 0px 16px;
}

.Employer-banner-jobs table tbody .full-time {
    font: normal 500 1rem/1.3rem var(--font-anuphan);
    color: #303030;
    background-color: #F5EEE5;
    padding: 4px 8px;
    border-radius: 24px;
    margin: 0px;
}

.Employer-banner-jobs table tbody .completed {
    font: normal 500 1.5rem/1.9rem var(--font-anuphan);
    color: #009640;
}

.Employer-banner-jobs table tbody .pending {
    font: normal 500 1.5rem/1.9rem var(--font-anuphan);
    color: #FF246D;
}

.Employer-banner-jobs table tbody .view {
    font: normal 600 1.1rem/1.4rem var(--font-anuphan);
    color: #303030;
    background-color: #DFF4FD;
    padding: 12px 24px;
    border-radius: 50px;
    text-transform: uppercase;
    border: none;
}

.banner-table-img1 {
    text-align: center;
    margin-top: 20px;
}

.banner-table-img1 img {
    width: 320px;
    height: 120px;
}

.banner-table-img2 {
    text-align: center;
    margin-top: 20px;
}

.banner-table-img2 img {
    width: 256px;
    height: 96px;
}

.banner-table-img3 {
    text-align: center;
    margin-top: 20px;
}

.banner-table-img3 img {
    width: 80px;
    height: 120px;
}

.Add-banner-section p {
    font-size: 20px;
    color: #303030;
    font-weight: 600px;
}

.banner-upload-container {
    height: 131px;
    border-radius: 15px;
    margin-bottom: 25px;
    position: relative;
    width: 640px;
    padding: 16px;
    background: #F8F8FD;
    border: 1px dashed #03298C;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 8px;
}

.banner-upload-icon {
    color: #03298C;
}

.banner-upload-text {
    font-size: 16px;
    color: #595959;
}

.banner-upload-info {
    font-size: 14px;
    color: #666;
}

.edit-main-image {
    margin-bottom: 50px;
}

.edit-banner-img {
    padding-left: 25px;
}

.Edit-banner-overall {
    display: flex;
}

.edit-action-icon {
    position: absolute;
    top: -8px;
    right: -12px;
    height: auto;
    cursor: pointer;
    margin-bottom: 25px;
}

.edit-banner-images {
    position: relative;
    width: fit-content;
}

.banner-upload-container input[type="file"] {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    padding: 0px;
    opacity: 0;
}

/* post new job */
.Experience-year-input {
    display: flex !important;
}

.experience-label {
    display: flex;
    align-items: center;
}

.postnew-checkbox-container {
    display: flex;
    gap: 9px;
}

/* Custom Checkbox */
.postnew-custom-checkbox {
    width: 20px;
    height: 20px;
    appearance: none;
    border: 2px solid #a01746;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

/* Checkbox checked state */
.postnew-custom-checkbox:checked {
    background-color: #a01746;
    border: 2px solid #a01746;
    position: relative;
}

/* Checkbox checkmark */
.postnew-custom-checkbox:checked::after {
    content: "✔";
    color: white;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
}

/* Label styling */
.postnew-checkbox-label {
    font-size: 16px;
    color: #333;
    cursor: pointer;
}

.editor-container {
    width: 100%;
    max-width: 800px;
}

.ck-editor {
    border: 1px solid #ccc;
    border-radius: 5px;
}

.newpost-nav-tabs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.Employer-postnew-head {
    align-items: center;
    margin-left: auto;
    padding-left: 10px;
}

.Employer-postnew-head p {
    margin-bottom: 0px;
    margin-top: 0px;
    display: inline-block;
    color: #A0144F;
    font-weight: 500;
    font-size: 14px;
}

.Employer-postnew-head div {
    display: flex;
    align-items: center;
    gap: 5px;
}

.employer-right-panel.employer-myprofile h2 {
    font: normal 600 2.4rem/3.1rem var(--font-anuphan);
    color: #303030;
    margin-bottom: 40px;
}

.employer-right-panel.employer-myprofile .postnew-nav-tabs {
    border-bottom: 1px solid #E3EBFF;
}

.employer-right-panel.employer-myprofile .postnew-nav-tabs .nav-link {
    font: normal 400 1.5rem/1.9rem var(--font-anuphan);
    color: #595959;
    margin-right: 48px;
    border-bottom: 4px solid transparent;
    padding: 0px 0px 8px;
}

.employer-right-panel.employer-myprofile .postnew-nav-tabs .nav-link.active {
    border: none;
    font-weight: 600;
    color: #303030;
    border-bottom: 4px solid #FF5273;
}

.Employer-postnew-head img {
    margin-right: 12px;
    cursor: pointer;
}

/* Employer-jobs */
.refresh-icon {
    display: contents;
}

.refresh-icon img {
    margin-bottom: 24px;
    cursor: pointer;
}

.export-btn {
    width: 180px;
    height: 40px;
    border-radius: 40px;
    display: flex;
    margin-left: 150px;
    margin-top: 5px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid #227346;
    padding: 0 18px;
    background-color: transparent;
    cursor: pointer;
}

.export-text {
    width: 112px;
    height: 17px;
    font-family: "Anuphan", sans-serif;
    font-weight: 600;
    font-size: 13px;
    line-height: 16.9px;
    letter-spacing: 0%;
    color: #595959;
    border-radius: 5px;
    text-align: center;
}

.export-button-align {
    display: contents;
}

.Employer-newpost-details .profiles {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.Employer-newpost-details .left-panel {
    width: 20.5rem;
    max-width: 20.5rem;
    flex: 0 0 20.5rem;
    padding-top: 24px;
    margin-right: 40px;
}

.Employer-newpost-details .user {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    padding-bottom: 24px;
    border-bottom: 1px solid #E3EBFF;
}

.Employer-newpost-details .employer-newpost-panel {
    width: 1042px;
    max-width: 1042px;
    flex: 0 0 1042px;
    border-left: 1px solid #E3EBFF;
    padding-left: 14px;
    padding-top: 24px;
}

.Employer-newpost-details .user img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1.2px solid #C0B6B2;
    margin-right: 8px;
}

.Employer-newpost-details .user span {
    font: normal 500 1.6rem/2rem var(--font-anuphan);
    color: #303030;
}

.Employer-newpost-details .candidate-lists {
    padding: 10px 0px;
    border-top: 1px solid #E3EBFF;
}

.Employer-newpost-details .candidate-lists a {
    padding: 8px;
    font: normal 400 1.4rem/1.8rem var(--font-anuphan);
    color: #303030;
    display: inline-block;
    width: 100%;
}

.Employer-newpost-details .candidate-lists .active a {
    background-color: #E3EBFF;
    border-radius: 8px;
}

.Employer-newpost-details .candidate-lists a img {
    margin-right: 8px;
}

.Employer-newpost-details .showing-jobs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 24px;
}

.Employer-newpost-details .showing-jobs .applied-list {
    width: 330px;
    height: 104px;
    background-color: #BAE5F5;
    padding: 20px 24px;
    border-radius: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.Employer-newpost-details .showing-jobs .applied-list:nth-of-type(2) {
    background-color: #E2D3FE;
}

.Employer-newpost-details .showing-jobs .applied-list:nth-of-type(3) {
    background-color: #FADFA8;
}

.Employer-newpost-details .right-panel {
    width: 1042px;
    max-width: 1042px;
    flex: 0 0 1042px;
}

.Employer-newpost-details .profile-completion {
    background-color: #F4532D;
    padding: 24px 48px;
    border-radius: 15px;
    margin-bottom: 40px;
}

/* .employer-subadmins */
.Employer-newpost-details.saved-jobs .subadmins-recent-jobs h3 {
    font-size: 2.4rem;
    line-height: 3.1rem;
}

.Employer-newpost-details.saved-jobs .subadmins-recent-jobs h3 span {
    font: normal 400 1.6rem/2rem var(--font-anuphan);
    color: #595959;
}

.Employer-newpost-details.saved-jobs tr td {
    text-align: center;
}

.Employer-newpost-details.saved-jobs tr td a,
.Employer-Applications-details.saved-jobs tr td a {
    color: #404040;
}

.Employer-newpost-details.saved-jobs tr td img {
    cursor: pointer;
}

.Employer-newpost-details.saved-jobs tr td:first-child {
    text-align: left;
}

.Employer-newpost-details.saved-jobs tr td .view.inactive {
    background-color: #F3F3F3;
    pointer-events: none;
    color: #9F9F9F;
}

/*candidate-savedjobs*/
/*candidate-appliedwebinar*/
.Employer-newpost-details tr td .applied {
    font: normal 500 1.5rem/1.9rem var(--font-anuphan);
    color: #FA760F;
}

.Employer-newpost-details tr td .applied {
    font: normal 500 1.5rem/1.9rem var(--font-anuphan);
    color: #FA760F;
}

.Employer-newpost-details tr td .applied {
    font: normal 500 1.5rem/1.9rem var(--font-anuphan);
    color: #FA760F;
    text-align: center;
}

.employer-newpost-panel.employer-newpost-myprofile h2 {
    font: normal 600 2.4rem/3.1rem var(--font-anuphan);
    color: #303030;
    margin-bottom: 40px;
}

.employer-newpost-panel.employer-newpost-myprofile .nav-tabs {
    border-bottom: 1px solid #E3EBFF;
}

.employer-newpost-panel.employer-newpost-myprofile .nav-tabs .nav-link {
    font: normal 400 1.5rem/1.9rem var(--font-anuphan);
    color: #595959;
    margin-right: 48px;
    border-bottom: 4px solid transparent;
    padding: 0px 0px 8px;
}

.employer-newpost-panel.employer-newpost-myprofile .nav-tabs .nav-link.active {
    border: none;
    font-weight: 600;
    color: #303030;
    border-bottom: 4px solid #FF5273;
}


.employer-newpost-panel.employer-newpost-myprofile .job-title .heading {
    width: 240px;
    max-width: 240px;
    flex: 0 0 240px;
}

.employer-newpost-panel.myprofile .job-title2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 40px 0px 16px 0px;
}

.employer-newpost-panel.employer-newpost-myprofile .job-title2 .heading {
    width: 240px;
    max-width: 240px;
    flex: 0 0 240px;
}

.employer-newpost-panel.employer-newpost-myprofile .heading label {
    font: normal 600 1.6rem/2rem var(--font-anuphan);
    color: #25324B;
    margin-bottom: 20px;
}

.employer-newpost-panel.employer-newpost-myprofile .job-title .functional-area {
    width: 722px;
    max-width: 722px;
}

.employer-newpost-panel.employer-newpost-myprofile .job-title2 .functional-area {
    width: 722px;
    max-width: 722px;
    flex: 0 0 722px;
}

.employer-newpost-panel.employer-newpost-myprofile .functional-area input,
.employer-newpost-panel.employer-newpost-myprofile .functional-area select,
.employer-newpost-panel.employer-newpost-myprofile .functional-area textarea {
    border: 1px solid #9F9F9F;
}

.employer-newpost-panel.employer-newpost-myprofile .functional-area textarea {
    height: 120px;
    resize: none;
}

.employer-newpost-panel.employer-newpost-myprofile .functional-area label {
    font: normal 500 1.4rem/2.2rem var(--font-anuphan);
    color: #595959;
}

.employer-newpost-panel.employer-newpost-myprofile .functional-area label span {
    color: red;
}

.employer-newpost-panel.employer-newpost-myprofile .functional-area .job {
    width: 565px;
    padding: 0px 12px;
}

.employer-newpost-panel.employer-newpost-myprofile .functional-area .years {
    width: 152px;
    padding: 0px 12px;
}

.employer-newpost-panel.employer-newpost-myprofile .functional-area .city {
    width: 240px;
    padding: 0px 12px;
}

.employer-newpost-panel.employer-newpost-myprofile .functional-area .pincode {
    width: 160px;
    padding: 0px 12px;
}

.employer-newpost-panel.employer-newpost-myprofile .functional-area .annual-salary {
    width: 163px;
    padding: 0px 12px;
}

.employer-newpost-panel.employer-newpost-myprofile .functional-area .notice-period {
    width: 120px;
    padding: 0px 12px;
}

.employer-newpost-panel.employer-newpost-myprofile .functional-area .duration {
    width: 160px;
    padding: 0px 6px;
}

.employer-newpost-panel.employer-newpost-myprofile .form-group {
    margin-bottom: 24px;
}

.employer-newpost-panel.employer-newpost-myprofile .col-lg-6,
.employer-newpost-panel.employer-newpost-myprofile .col-lg-12 {
    padding: 0px 12px;
}

.employer-newpost-panel.employer-newpost-myprofile .row {
    margin: 0px -12px;
}

.employer-newpost-panel.employer-newpost-myprofile .fa-plus {
    color: #FFFFFF;
    font-size: 11px;
    margin-left: 4px;
}

.employer-newpost-panel.employer-newpost-myprofile .purple-button {
    width: 120px;
}

.employer-newpost-panel.employer-newpost-myprofile .document-attachment {
    margin-bottom: 0px;
}

.employer-newpost-panel.employer-newpost-myprofile .checkbox {
    height: 70%;
    align-content: center;
}

.employer-newpost-panel.employer-newpost-myprofile .checkbox li {
    display: inline-block;
    position: relative;
    margin-right: 32px;
}

.employer-newpost-panel.employer-newpost-myprofile .job-title .passwords {
    width: 350px;
    max-width: 350px;
    flex: 0 0 350px;
}

.employer-newpost-panel.employer-newpost-myprofile .job-title2 .passwords {
    width: 350px;
    max-width: 350px;
    flex: 0 0 350px;
}

.employer-newpost-panel.employer-newpost-myprofile .eye {
    width: 16px;
    height: 16px;
    background: url('../images/close-eye.svg') no-repeat;
    position: absolute;
    top: 40px;
    right: 19px;
    cursor: pointer;
}

.employer-newpost-panel.employer-newpost-myprofile .eye.show {
    background: url('../images/open-eye.svg') no-repeat;
}

.employer-newpost-panel.employer-newpost-myprofile h2 {
    font: normal 600 2.4rem/3.1rem var(--font-anuphan);
    color: #303030;
    margin-bottom: 40px;
}

.employer-newpost-panel.employer-newpost-myprofile .postnew-nav-tabs {
    border-bottom: 1px solid #E3EBFF;
}

.employer-newpost-panel.employer-newpost-myprofile .postnew-nav-tabs .nav-link {
    font: normal 400 1.5rem/1.9rem var(--font-anuphan);
    color: #595959;
    margin-right: 48px;
    border-bottom: 4px solid transparent;
    padding: 0px 0px 8px;
}

.employer-newpost-panel.employer-newpost-myprofile .postnew-nav-tabs .nav-link.active {
    border: none;
    font-weight: 600;
    color: #303030;
    border-bottom: 4px solid #FF5273;
}

.Employer-newpost-details.saved-jobs tr td {
    padding: 3px;
}

.employer-newpost-panel.employer-newpost-myprofile .job-title .heading {
    width: 240px;
    max-width: 240px;
    flex: 0 0 240px;
}

.employer-newpost-panel.employer-newpost-myprofile .job-title2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 40px 0px 16px 0px;
}

.employer-newpost-panel.employer-newpost-myprofile .job-title2 .heading {
    width: 240px;
    max-width: 240px;
    flex: 0 0 240px;
}

.employer-newpost-panel.employer-newpost-myprofile .heading label {
    font: normal 600 1.6rem/2rem var(--font-anuphan);
    color: #25324B;
}

.employer-newpost-panel.employer-newpost-myprofile .job-title .functional-area {
    width: 722px;
    max-width: 722px;
    flex: 0 0 722px;
}

.employer-newpost-panel.employer-newpost-myprofile .job-title2 .functional-area {
    width: 722px;
    max-width: 722px;
    flex: 0 0 722px;
}

.Employer-recent-jobs .jobs-posted-by {
    color: #385BB2;
}

/* .employer-application */
.Employer-Applications-details .profiles {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.Employer-Applications-details .left-panel {
    width: 20.5rem;
    max-width: 20.5rem;
    flex: 0 0 20.5rem;
    padding-top: 24px;
    margin-right: 40px;
}

.Employer-Applications-details .user {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    padding-bottom: 24px;
    border-bottom: 1px solid #E3EBFF;
}

.Employer-Applications-details .employer-applications-panel {
    width: 1042px;
    max-width: 1042px;
    flex: 0 0 1042px;
    border-left: 1px solid #E3EBFF;
    padding-left: 14px;
    padding-top: 24px;
}

.Employer-Applications-details .user img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1.2px solid #C0B6B2;
    margin-right: 8px;
}

.Employer-Applications-details .user span {
    font: normal 500 1.6rem/2rem var(--font-anuphan);
    color: #303030;
}

.Employer-Applications-details .candidate-lists {
    padding: 10px 0px;
    border-top: 1px solid #E3EBFF;
}

.Employer-Applications-details .candidate-lists a {
    padding: 8px;
    font: normal 400 1.4rem/1.8rem var(--font-anuphan);
    color: #303030;
    display: inline-block;
    width: 100%;
}

.Employer-Applications-details .candidate-lists .active a {
    background-color: #E3EBFF;
    border-radius: 8px;
}

.Employer-Applications-details .candidate-lists a img {
    margin-right: 8px;
}

.Employer-Applications-details .showing-jobs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 24px;
}

.Employer-Applications-details .showing-jobs .applied-list {
    width: 330px;
    height: 104px;
    background-color: #BAE5F5;
    padding: 20px 24px;
    border-radius: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.Employer-Applications-details .showing-jobs .applied-list:nth-of-type(2) {
    background-color: #E2D3FE;
}

.Employer-Applications-details .showing-jobs .applied-list:nth-of-type(3) {
    background-color: #FADFA8;
}

.Employer-Applications-details .right-panel {
    width: 1042px;
    max-width: 1042px;
    flex: 0 0 1042px;
}

.Employer-Applications-details .profile-completion {
    background-color: #F4532D;
    padding: 24px 48px;
    border-radius: 15px;
    margin-bottom: 40px;
}

/* .employer-applications */
.Employer-Applications-details.saved-jobs .subadmins-recent-jobs h3 {
    font-size: 2.4rem;
    line-height: 3.1rem;
}

.Employer-Applications-details.saved-jobs .subadmins-recent-jobs h3 span {
    font: normal 400 1.6rem/2rem var(--font-anuphan);
    color: #595959;
}


.Employer-Applications-details.saved-jobs tr td img {
    cursor: pointer;
}

.Employer-Applications-details.saved-jobs tr td:first-child {
    text-align: left;
}

.Employer-Applications-details.saved-jobs tr td .view.inactive {
    background-color: #F3F3F3;
    pointer-events: none;
    color: #9F9F9F;
}

/*employer-applications*/
.Employer-Applications-details tr td .applied {
    font: normal 500 1.5rem/1.9rem var(--font-anuphan);
    color: #FA760F;
}

.Employer-Applications-details tr td .applied {
    font: normal 500 1.5rem/1.9rem var(--font-anuphan);
    color: #FA760F;
}

.Employer-Applications-details tr td .applied {
    font: normal 500 1.5rem/1.9rem var(--font-anuphan);
    color: #FA760F;
    text-align: center;
}

.employer-applications-panel.employer-applications-myprofile h2 {
    font: normal 600 2.4rem/3.1rem var(--font-anuphan);
    color: #303030;
    margin-bottom: 40px;
}

.employer-applications-panel.employer-applications-myprofile .nav-tabs {
    border-bottom: 1px solid #E3EBFF;
}

.employer-applications-panel.employer-applications-myprofile .nav-tabs .nav-link {
    font: normal 400 1.5rem/1.9rem var(--font-anuphan);
    color: #595959;
    margin-right: 48px;
    border-bottom: 4px solid transparent;
    padding: 0px 0px 8px;
}

.employer-applications-panel.employer-applications-myprofile .nav-tabs .nav-link.active {
    border: none;
    font-weight: 600;
    color: #303030;
    border-bottom: 4px solid #FF5273;
}


.employer-applications-panel.employer-applications-myprofile .job-title .heading {
    width: 240px;
    max-width: 240px;
    flex: 0 0 240px;
}

.employer-applications-panel.employer-applications-myprofile .job-title2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 40px 0px 16px 0px;
}

.employer-applications-panel.employer-applications-myprofile .job-title2 .heading {
    width: 240px;
    max-width: 240px;
    flex: 0 0 240px;
}

.employer-applications-panel.employer-applications-myprofile .heading label {
    font: normal 600 1.6rem/2rem var(--font-anuphan);
    color: #25324B;
    margin-bottom: 20px;
}

.employer-applications-panel.employer-applications-myprofile .job-title .functional-area {
    width: 722px;
    max-width: 722px;
}

.employer-applications-panel.employer-applications-myprofile .job-title2 .functional-area {
    width: 722px;
    max-width: 722px;
    flex: 0 0 722px;
}

.employer-applications-panel.employer-applications-myprofile .functional-area input,
.employer-applications-panel.employer-applications-myprofile .functional-area select,
.employer-applications-panel.employer-applications-myprofile .functional-area textarea {
    border: 1px solid #9F9F9F;
    width: 100%;
}

.employer-applications-panel.employer-applications-myprofile .functional-area textarea {
    height: 120px;
    resize: none;
}

.employer-applications-panel.employer-applications-myprofile .functional-area label {
    font: normal 500 1.4rem/2.2rem var(--font-anuphan);
    color: #595959;
}

.employer-applications-panel.employer-applications-myprofile .functional-area label span {
    color: red;
}

.employer-applications-panel.employer-applications-myprofile .functional-area .job {
    width: 565px;
    padding: 0px 12px;
}

.employer-applications-panel.employer-applications-myprofile .functional-area .years {
    width: 152px;
    padding: 0px 12px;
}

.employer-applications-panel.employer-applications-myprofile .functional-area .city {
    width: 240px;
    padding: 0px 12px;
}

.employer-applications-panel.employer-applications-myprofile .functional-area .pincode {
    width: 160px;
    padding: 0px 12px;
}

.employer-applications-panel.employer-applications-myprofile .functional-area .annual-salary {
    width: 163px;
    padding: 0px 12px;
}

.employer-applications-panel.employer-applications-myprofile .functional-area .notice-period {
    width: 120px;
    padding: 0px 12px;
}

.employer-applications-panel.employer-applications-myprofile .functional-area .duration {
    width: 160px;
    padding: 0px 6px;
}

.employer-applications-panel.employer-applications-myprofile .form-group {
    margin-bottom: 24px;
}

.employer-applications-panel.employer-applications-myprofile .col-lg-6,
.employer-applications-panel.employer-applications-myprofile .col-lg-12 {
    padding: 0px 12px;
}

.employer-applications-panel.employer-applications-myprofile .row {
    margin: 0px -12px;
}

.employer-applications-panel.employer-applications-myprofile .fa-plus {
    color: #FFFFFF;
    font-size: 11px;
    margin-left: 4px;
}

.employer-applications-panel.employer-applications-myprofile .purple-button {
    width: 154px;
    height: 46px;
}

.employer-applications-panel.employer-applications-myprofile .document-attachment {
    margin-bottom: 0px;
}

.employer-applications-panel.employer-applications-myprofile .checkbox {
    height: 70%;
    align-content: center;
}

.employer-applications-panel.employer-applications-myprofile .checkbox li {
    display: inline-block;
    position: relative;
    margin-right: 32px;
}

.employer-applications-panel.employer-applications-myprofile .job-title .passwords {
    width: 350px;
    max-width: 350px;
    flex: 0 0 350px;
}

.employer-applications-panel.employer-applications-myprofile .job-title2 .passwords {
    width: 350px;
    max-width: 350px;
    flex: 0 0 350px;
}

.employer-applications-panel.employer-applications-myprofile .eye {
    width: 16px;
    height: 16px;
    background: url('../images/close-eye.svg') no-repeat;
    position: absolute;
    top: 40px;
    right: 19px;
    cursor: pointer;
}

.employer-applications-panel.employer-applications-myprofile .eye.show {
    background: url('../images/open-eye.svg') no-repeat;
}

.employer-applications-panel.employer-applications-myprofile h2 {
    font: normal 600 2.4rem/3.1rem var(--font-anuphan);
    color: #303030;
    margin-bottom: 40px;
}

.employer-applications-panel.employer-applications-myprofile .postnew-nav-tabs {
    border-bottom: 1px solid #E3EBFF;
}

.employer-applications-panel.employer-applications-myprofile .postnew-nav-tabs .nav-link {
    font: normal 400 1.5rem/1.9rem var(--font-anuphan);
    color: #595959;
    margin-right: 35px;
    border-bottom: 4px solid transparent;
    padding: 0px 0px 8px;
}

.employer-applications-panel.employer-applications-myprofile .postnew-nav-tabs .nav-link.active {
    border: none;
    font-weight: 600;
    color: #303030;
    border-bottom: 4px solid #FF5273;
}

.Employer-Applications-details.saved-jobs tr td {
    padding: 12px;
}

.employer-applications-panel.employer-applications-myprofile .job-title .heading {
    width: 240px;
    max-width: 240px;
    flex: 0 0 240px;
}

.employer-applications-panel.employer-applications-myprofile .job-title2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 40px 0px 16px 0px;
}

.employer-applications-panel.employer-applications-myprofile .job-title2 .heading {
    width: 240px;
    max-width: 240px;
    flex: 0 0 240px;
}

.employer-applications-panel.employer-applications-myprofile .heading label {
    font: normal 600 1.6rem/2rem var(--font-anuphan);
    color: #25324B;
}

.employer-applications-panel.employer-applications-myprofile .job-title .functional-area {
    width: 722px;
    max-width: 722px;
    flex: 0 0 722px;
}

.employer-applications-panel.employer-applications-myprofile .job-title2 .functional-area {
    width: 722px;
    max-width: 722px;
    flex: 0 0 722px;
}

.application-dropdown {
    width: 200px;
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 100px;
    border: 1px solid #9F9F9F;
    padding: 8px 18px;
    background: #FFFFFF;
}

.application-dropdown-select {
    width: 100%;
    border: none;
    background: transparent;
    font-size: 14px;
    color: #000;
    outline: none;
    appearance: none;
    cursor: pointer;
}

.application-dropdown-select:focus {
    outline: none;
}

.application-dropdown-container::after {
    content: "▼";
    font-size: 12px;
    color: #9F9F9F;
}

.application-header {
    border-bottom: 1px solid #E3EBFF;
    padding-left: 10px;
    padding-top: 18px;
}

.application-form-control {
    padding: 12px 16px;
    border-radius: 100px;
    font: normal 400 1.6rem/2.4rem var(--font-anuphan);
    color: #303030;
    border: 1px solid #fff;
    background-color: #fff;
}

.application-purple-button {
    width: 150px;
    font: normal 400 1.8rem / 1 var(--font-anuphan);
    color: #FFFFFF;
    background-color: #A0144F;
    border-radius: 100px;
    display: inline-block;
    border: none;
}

.cv-upload {
    width: 102px;
    height: 40px;
    border-radius: 40px;
    border-width: 1px;
    border: 1px solid #8BDCFF;
    padding: 0 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 5px 10px;
    border-radius: 20px;
}

.cv-upload span {
    font-family: "Anuphan", sans-serif;
    font-weight: 600;
    font-size: 13px;
    line-height: 16.9px;
    letter-spacing: 0%;
    color: #595959;
}

.topsheet-upload {
    width: 114px;
    height: 40px;
    border-radius: 40px;
    border-width: 1px;
    border: 1px solid #8BDCFF;
    padding: 0 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 5px 14px;
    border-radius: 20px;
}

.topsheet-upload span {
    font-family: "Anuphan", sans-serif;
    font-weight: 600;
    font-size: 13px;
    line-height: 16.9px;
    letter-spacing: 0%;
    color: #595959;
}

.cv-topsheet {
    width: 144px;
    height: 40px;
    border-radius: 40px;
    border-width: 1px;
    border: 1px solid #8BDCFF;
    padding: 0 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 5px 14px;
    border-radius: 20px;
}

.cv-topsheet span {
    font-family: "Anuphan", sans-serif;
    font-weight: 600;
    font-size: 13px;
    line-height: 16.9px;
    letter-spacing: 0%;
    color: #595959;
}

.application-header-button {
    display: flex;
    align-items: center;
    gap: 250px;
}

.application-header-button2 {
    display: flex;
    align-items: center;
    gap: 10px;
}

.Employer-application-jobs table thead {
    background-color: #F1F2F4;
}

.Employer-application-jobs table thead tr th {
    font: normal 500 1.4rem/1.8rem var(--font-anuphan);
    color: #404040;
    padding: 9px;
    font-size: 13px;
}

.Employer-application-jobs table thead tr th:first-child {
    border-radius: 8px 0px 0px 8px;
}

.Employer-application-jobs table thead tr th:last-child {
    border-radius: 0px 8px 8px 0px;
}

.Employer-application-jobs table tbody tr td {
    font: normal 400 1.4rem/1.9rem var(--font-anuphan);
    color: #404040;
    border-bottom: 1px solid #E3EBFF;
}

.Employer-application-jobs table tbody tr:last-child td {
    padding-bottom: 20px;
}

.Employer-application-jobs table tbody .details {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.Employer-application-jobs table tbody .image {
    width: 64px;
    height: 64px;
    border: 1px solid #E3EBFF;
    border-radius: 5.3px;
    margin-right: 16px;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.Employer-application-jobs table tbody .content {
    display: inline-block;
}

.Employer-application-jobs table tbody .content span {
    font: normal 400 1.2rem/1.6rem var(--font-anuphan);
    color: #595959;
    display: inline-block;
    margin: 0px;
}

.Employer-application-jobs table tbody .content h4 {
    font: normal 600 1.5rem/1.9rem var(--font-anuphan);
    color: #303030;
    margin: 4px 0px;
}

.Employer-application-jobs table tbody .content h4 span {
    margin: 0px 0px 0px 16px;
}

.Employer-application-jobs table tbody .full-time {
    font: normal 500 1rem/1.3rem var(--font-anuphan);
    color: #303030;
    background-color: #F5EEE5;
    padding: 4px 8px;
    border-radius: 24px;
    margin: 0px;
}

.Employer-application-jobs table tbody .completed {
    font: normal 500 1.5rem/1.9rem var(--font-anuphan);
    color: #009640;
}

.Employer-application-jobs table tbody .pending {
    font: normal 500 1.5rem/1.9rem var(--font-anuphan);
    color: #FF246D;
}

.Employer-application-jobs table tbody .view {
    font: normal 600 1.1rem/1.4rem var(--font-anuphan);
    color: #303030;
    background-color: #DFF4FD;
    padding: 12px 24px;
    border-radius: 50px;
    text-transform: uppercase;
    border: none;
}

.application-table-download {
    display: flex;
    gap: 8px;
    font-family: "Anuphan";
    font-weight: 400;
    font-size: 14px;
    line-height: 18.2px;
    letter-spacing: 0%;
    align-items: baseline;
    color: #03298C;
    width: fit-content;
}

.application-table-download .table-downloadtext {
    font-size: 14px;
    color: #03298C;
}

.application-table-downloadicon {
    width: 16px;
    height: 16px;
}

.info-table-pop {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 600px;
    font-size: 13px;
}

.info-table-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0;
}

.info-table-label {
    width: 150px;
    font-weight: normal;
    text-align: left;
}

.info-table-value {
    flex: 1;
    font-weight: normal;
}

.info-table-pop .info-row strong {
    font-weight: bold;
}

/* employer-change-password */
.employer-password-text {
    width: 240px;
    height: 42px;
    font-family: 'Anuphan', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 20.8px;
    letter-spacing: 0%;
    color: #25324B;
}

.job-search-btn {
    border: #a0144f;
    background: #a0144f;
    height: 47px;
    border-radius: 8px;
}

.employer-changepassword-panel.employer-changepassword-myprofile h2 {
    font: normal 600 2.4rem/3.1rem var(--font-anuphan);
    color: #303030;
    margin-bottom: 40px;
}

.employer-changepassword-panel.employer-changepassword-myprofile .nav-tabs {
    border-bottom: 1px solid #E3EBFF;
}

.employer-changepassword-panel.employer-changepassword-myprofile .nav-tabs .nav-link {
    font: normal 400 1.5rem/1.9rem var(--font-anuphan);
    color: #595959;
    margin-right: 48px;
    border-bottom: 4px solid transparent;
    padding: 0px 0px 8px;
}

.employer-changepassword-panel.employer-changepassword-myprofile .nav-tabs .nav-link.active {
    border: none;
    font-weight: 600;
    color: #303030;
    border-bottom: 4px solid #FF5273;
}

.employer-changepassword-panel.employer-changepassword-myprofile .job-title {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 40px 0px 16px 0px;
    border-bottom: 1px solid #E3EBFF;
}

.employer-changepassword-panel.employer-changepassword-myprofile .job-title .heading {
    width: 240px;
    max-width: 240px;
    flex: 0 0 240px;
}

.employer-changepassword-panel.employer-changepassword-myprofilele2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 40px 0px 16px 0px;
}

.employer-changepassword-panel.employer-changepassword-myprofile .job-title2 .heading {
    width: 240px;
    max-width: 240px;
    flex: 0 0 240px;
}

.employer-changepassword-panel.employer-changepassword-myprofile .heading label {
    font: normal 600 1.6rem/2rem var(--font-anuphan);
    color: #25324B;
    margin-bottom: 20px;
}

.employer-changepassword-panel.employer-changepassword-myprofile .job-title .functional-area {
    width: 722px;
    max-width: 722px;
}

.employer-changepassword-panel.employer-changepassword-myprofile .job-title2 .functional-area {
    width: 722px;
    max-width: 722px;
    flex: 0 0 722px;
}

.employer-changepassword-panel.employer-changepassword-myprofile .functional-area input,
.employer-changepassword-panel.employer-changepassword-myprofile .functional-area select,
.employer-changepassword-panel.employer-changepassword-myprofile .functional-area textarea {
    border: 1px solid #9F9F9F;
}

.employer-changepassword-panel.employer-changepassword-myprofile .functional-area textarea {
    height: 120px;
    resize: none;
}

.employer-changepassword-panel.employer-changepassword-myprofile .functional-area label {
    font: normal 500 1.4rem/2.2rem var(--font-anuphan);
    color: #595959;
}

.employer-changepassword-panel.employer-changepassword-myprofile .functional-area label span {
    color: red;
}

.employer-changepassword-panel.employer-changepassword-myprofile .functional-area .job {
    width: 565px;
    padding: 0px 12px;
}

.employer-changepassword-panel.employer-changepassword-myprofile .functional-area .years {
    width: 152px;
    padding: 0px 12px;
}

.employer-changepassword-panel.employer-changepassword-myprofile .functional-area .city {
    width: 240px;
    padding: 0px 12px;
}

.employer-changepassword-panel.employer-changepassword-myprofile .functional-area .pincode {
    width: 160px;
    padding: 0px 12px;
}

.employer-changepassword-panel.employer-changepassword-myprofile .functional-area .annual-salary {
    width: 163px;
    padding: 0px 12px;
}

.employer-changepassword-panel.employer-changepassword-myprofile .functional-area .notice-period {
    width: 120px;
    padding: 0px 12px;
}

.employer-changepassword-panel.employer-changepassword-myprofile .functional-area .duration {
    width: 160px;
    padding: 0px 6px;
}

.employer-changepassword-panel.employer-changepassword-myprofile .form-group {
    margin-bottom: 24px;
}

.employer-changepassword-panel.employer-changepassword-myprofile .row {
    margin: 0px -12px;
}

.employer-changepassword-panel.employer-changepassword-myprofile .fa-plus {
    color: #FFFFFF;
    font-size: 11px;
    margin-left: 4px;
}

.employer-changepassword-panel.employer-changepassword-myprofile .purple-button {
    width: 120px;
}

.employer-changepassword-panel.employer-changepassword-myprofile .document-attachment {
    margin-bottom: 0px;
}

.employer-changepassword-panel.employer-changepassword-myprofile .checkbox {
    height: 70%;
    align-content: center;
}

.employer-changepassword-panel.employer-changepassword-myprofile .checkbox li {
    display: inline-block;
    position: relative;
    margin-right: 32px;
}

.employer-changepassword-panel.employer-changepassword-myprofile .job-title .passwords {
    width: 350px;
    max-width: 350px;
    flex: 0 0 350px;
}

.employer-changepassword-panel.employer-changepassword-myprofile .job-title2 .passwords {
    width: 350px;
    max-width: 350px;
    flex: 0 0 350px;
}

.employer-changepassword-panel.employer-changepassword-myprofile .eye {
    width: 16px;
    height: 16px;
    background: url('../images/close-eye.svg') no-repeat;
    position: absolute;
    top: 35px;
    right: 19px;
    cursor: pointer;
}

.employer-changepassword-panel.employer-changepassword-myprofile .eye.show {
    background: url('../images/open-eye.svg') no-repeat;
}


.Employer-changepassword-details .profiles {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.Employer-changepassword-details .left-panel {
    width: 20.5rem;
    max-width: 20.5rem;
    flex: 0 0 20.5rem;
    padding-top: 24px;
    margin-right: 40px;
}

.Employer-changepassword-details .user {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    padding-bottom: 24px;
    border-bottom: 1px solid #E3EBFF;
}

.Employer-changepassword-details .employer-changepassword-panel {
    width: 1042px;
    max-width: 1042px;
    flex: 0 0 1042px;
    border-left: 1px solid #E3EBFF;
    padding-left: 14px;
    padding-top: 24px;
}

.Employer-changepassword-details .user img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1.2px solid #C0B6B2;
    margin-right: 8px;
}

.Employer-changepassword-details .user span {
    font: normal 500 1.6rem/2rem var(--font-anuphan);
    color: #303030;
}

.Employer-changepassword-details .candidate-lists {
    padding: 10px 0px;
    border-top: 1px solid #E3EBFF;
}

.Employer-changepassword-details .candidate-lists a {
    padding: 8px;
    font: normal 400 1.4rem/1.8rem var(--font-anuphan);
    color: #303030;
    display: inline-block;
    width: 100%;
}

.Employer-changepassword-details .candidate-lists .active a {
    background-color: #E3EBFF;
    border-radius: 8px;
}

.Employer-changepassword-details .candidate-lists a img {
    margin-right: 8px;
}

.Employer-changepassword-details .showing-jobs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 24px;
}

.Employer-changepassword-details .showing-jobs .applied-list {
    width: 330px;
    height: 104px;
    background-color: #BAE5F5;
    padding: 20px 24px;
    border-radius: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.Employer-changepassword-details .showing-jobs .applied-list:nth-of-type(2) {
    background-color: #E2D3FE;
}

.Employer-changepassword-details .showing-jobs .applied-list:nth-of-type(3) {
    background-color: #FADFA8;
}

.Employer-changepassword-details .right-panel {
    width: 1042px;
    max-width: 1042px;
    flex: 0 0 1042px;
}

.Employer-changepassword-details .profile-completion {
    background-color: #F4532D;
    padding: 24px 48px;
    border-radius: 15px;
    margin-bottom: 40px;
}

.posted-date-container {
    display: flex;
    align-items: center;
    gap: 8px;
}

.posted-date-label {
    width: 71px;
    height: 17px;
    font-family: Anuphan;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 0%;
    text-align: center;
    color: #808080;
}

.posted-date-value {
    width: 92px;
    height: 20px;
    font-family: Anuphan;
    font-weight: 400;
    font-size: 15px;
    line-height: 19.5px;
    letter-spacing: 0%;
    text-align: center;
    color: #404040;
}

.posted-by-value {
    height: 20px;
    font-family: Anuphan;
    font-weight: 400;
    font-size: 15px;
    line-height: 19.5px;
    letter-spacing: 0%;
    text-align: center;
    color: #404040;
}

.feed-view-section {
    display: flex;
    gap: 20px;
    border-bottom: 1px solid #E3EBFF;
}

.rejection-message {
    font-family: 'Anuphan', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 19.5px;
    letter-spacing: 0%;
    color: #303030;
    padding-top: 20px;
    border-radius: 8px;
}

.table-container {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    font-family: 'Anuphan', sans-serif;
    line-height: 40px;
    width: 100%;
    max-height: 400px;
}

.feed-view-column {
    width: 500px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.table-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.table-label {
    flex: 1;
    font-weight: normal;
    color: #333;
}

.table-value {
    flex: 2;
    font-weight: bold;
    color: #000;
}

.container-application-popup {
    width: 100%;
    font-family: 'Anuphan', sans-serif;
    margin-top: 40px;
}

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

.applicant-section h3 {
    font-size: 18px;
    color: #333;
    margin-bottom: 14px;
    font-weight: 700;
}

.applicant-row {
    display: flex;
    font-size: 13px;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0;
}

.applicant-label {
    flex: 1;
    font-size: 14px;
    font-weight: normal;
    color: #555;
}

.applicant-value {
    flex: 2;
    font-weight: bold;
    color: #000;
}

.scrollable-container {
    max-height: 500px;
    overflow-y: auto;
    padding: 10px;
    background-color: #fff;
}

.application-section h3 {
    font-size: 18px;
    color: #333;
    margin-bottom: 14px;
    font-weight: 700;
}

.fmclmphoto .photo img {
    border: 1px solid #777;
    border-radius: 10px;
    width: 120px;
    height: 120px;
}

/* feed-view */
.feeds-view-gap {
    margin-bottom: 20px;
}

.feeds-view-img img {
    padding-top: 18px;
}

/* feed-add */
.feeds-add-span {
    font-size: 16px;
    color: #595959;
    font-weight: 400;
}

.post-add-new {
    font-weight: 600;
    font-size: 16px;
    margin-left: 5px;
    margin-bottom: 20px;
}

.photo-or-video {
    display: flex;
    justify-content: center;
    color: #595959;
    font-size: 13px;
}

.edit-upload-img {
    position: relative;
    display: inline-block;
    padding: 16px;
    width: 149.42px;
    height: 112.06px;
}

.feed-main-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.feed-close-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

/* employer-home-page */
.engaging-today-container {
    text-align: left;
    padding: 50px;
}

.engaging-today-content {
    width: 97%;
    height: 192px;
    display: flex;
    font-family: Anuphan, sans-serif;
    font-weight: 400;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: 0;
    color: #303030;
}

/* Styling for the button */
.engaging-button {
    height: 40px;
    font-family: Anuphan, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0;
    color: #FFFFFF;
    background-color: #A0144F;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    margin-top: 25px;
    padding: 12px 16px;
}

/* Button hover effect */
.engaging-button:hover {
    background-color: #870C3A;
}

.engaging-diversity-text {
    width: 560px;
    font-family: 'Anuphan', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    color: #404040;
}

.engiging-right-side {
    padding: 50px;
}

.engaging-myavtar-text {
    width: 560px;
    font-family: 'Anuphan', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 23.4px;
    letter-spacing: 0;
    color: #303030;
}

.employer-flex {
    display: flex;
}

.engaging-centerline {
    width: 1px;
    background-color: #CDCDCD;
    height: 100%;
    margin-top: 73px;
    min-height: 288px;
}

.employer-client-logo {
    width: 1440;
    height: 160;
    top: 1782px;
    border-bottom-width: 1px;
    border-bottom: 1px solid #E3EBFF
}

.employer-companies {
    padding: 50px 0px;
    display: inline-block;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #E3EBFF;
    background: #ffffff;
}

.choose-myavtar {
    padding-top: 20px;
    background: #ffffff;
}

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

.choose-heading {
    width: 640px;
    height: 48px;
    font-family: Anuphan, sans-serif;
    font-weight: 600;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: 0;
    text-align: center;
    color: #303030;
    margin: 0 auto;
}

.choose-myavtar p {
    width: 640px;
    height: 24px;
    font-family: Anuphan;
    font-weight: 400;
    font-size: 16px;
    display: contents;
    line-height: 24px;
    letter-spacing: 0%;
    text-align: center;
    color: #595959;
}

/* Parent container */
.main-additional-box {
    display: flex;
    justify-content: center;
    gap: 45px;
    margin-top: 50px;
}

/* Inner box styles */
.main-additional-box .additional-box,
.main-additional-box .additional-box-2,
.main-additional-box .additional-box-3 {
    width: 384px;
    height: 407px;
    border-radius: 20px;
    padding: 60px;
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Background colors */
.main-additional-box .additional-box {
    background-color: #FFFAEF;
}

.main-additional-box .additional-box-2 {
    background-color: #F8F2FF;
}

.main-additional-box .additional-box-3 {
    background-color: #EDF9FE;
}

/* Icon styling */
.main-additional-box .icon img {
    margin-bottom: 20px;
}

/* Heading styling */
.main-additional-box h3 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

/* Paragraph styling */
.main-additional-box p {
    font-size: 16px;
    color: #555;
}

.avtar-diversity-video {
    margin-top: 70px;
}

/* slider section  */
.award-slider .item {
    text-align: center;
}

.award-slider img {
    width: auto !important;
}

.award-slider {
    margin-top: 30px;
    display: flex;
    justify-content: space-around;
}

.line-slider-img {
    display: flex;
    gap: 6px;
    cursor: pointer;
    justify-content: center;
    padding-bottom: 40px;
    margin-top: 30px;
}

.employer-home-pageform {
    background: #FAF7F8;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.employer-header h2 {
    width: 487px;
    height: 32px;
    font-family: Anuphan;
    font-weight: 600;
    font-size: 32px;
    line-height: 32px;
    letter-spacing: 0%;
    color: #303030;
    margin-bottom: 30px;
}

.employer-content {
    display: flex;
}

.employer-form-container img {
    max-width: 100%;
    height: auto;
    top: 20px;
    right: 50px;
}

.employer-steps {
    font-family: Arial, sans-serif;
    font-size: 18px;
    color: #303030;
    text-align: left;
    padding: 46px;
}

.employer-steps ol {
    list-style-type: none;
    counter-reset: step-counter;
    padding-left: 0;
    width: max-content;
}

.employer-steps li {
    counter-increment: step-counter;
    margin-bottom: 15px;
}

.employer-steps li::before {
    content: counter(step-counter);
    font-weight: bold;
    border: 1px solid #303030;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    font-size: 16px;
}

.employer-form-group {
    display: flex;
    flex-direction: column;
    width: 600px;
}

.employer-form-label {
    font-family: Anuphan, sans-serif;
    font-weight: 500;
    font-size: 13px;
    line-height: 24px;
    color: #9F9F9F;
}

.employer-form-label-query {
    font-family: Anuphan, sans-serif;
    font-weight: 500;
    font-size: 13px;
    line-height: 24px;
    margin-top: 20px;
    color: #9F9F9F;
}

.employer-required {
    color: #FF246D;
    font-weight: 500;
}

.employer-form-input {
    width: 100%;
    height: 48px;
    border-radius: 8px;
    padding: 12px 16px;
    border: 1px solid #ccc;
    background: #FFFFFF;
    font-size: 16px;
}

.employer-form-input:focus {
    border-color: #303030;
    outline: none;
}

.employer-form-input-query {
    width: 100%;
    height: 100px;
    border-radius: 8px;
    padding: 12px 16px;
    border: 1px solid #ccc;
    background: #FFFFFF;
    font-size: 16px;
}

.employer-form-input-query:focus {
    border-color: #303030;
    outline: none;
}

.employer-fields-form {
    display: flex;
    gap: 13px;
    margin-top: 20px;
}

.employer-submit-button1 {
    width: 98px;
    height: 41px;
    padding: 0px 18px;
    border-radius: 100px;
    background: #A0144F;
    color: white;
    font-size: 13px;
    border: none;
    cursor: pointer;
    display: flex;
    font-family: "Anuphan";
    justify-content: center;
    font-weight: 600;
    margin-top: 20px;
    align-items: center;
}

.feeds-frame1 .action-icon-feed1 {
    width: 92px;
    height: 72px;
}

/* employer-feed-follow */
.sprite-follow {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../images/follow.svg") no-repeat center;
    background-size: contain;
    background-color: #E3EBFF;
    border-radius: 4px;
}

.sprite-unfollow {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../images/unfollow.svg") no-repeat center;
    background-size: contain;
    background-color: #E3EBFF;
    border-radius: 4px;
}

/* 04-03-2025 */
.getstart-input-box {
    width: 100% !important;
    height: 50px;
    color: #9F9F9F;
    padding: 12px 16px;
    border-radius: 8px;
    border: 1px solid #9F9F9F;
    background: #FFFFFF;
    opacity: 1;
}

.counselling-paragraph h1 {
    font-family: Anuphan;
    font-weight: 600;
    font-size: 24px;
    color: #303030;
    margin-bottom: 4rem;
}

.counselling-paragraph h2 {
    font-family: Anuphan;
    font-weight: 600;
    font-size: 19px;
    color: #303030;
    margin-bottom: 3rem;
}

/* Heading */
.counselling-head2 {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #333;
}

/* Features List */
.features-list {
    list-style-type: none;
    padding: 0;
    margin-left: 5%;
}


.features-list li {
    background: url('bullet-icon.png') no-repeat left center;
    background-size: 12px;
    margin-bottom: 2rem;
    font-size: 16px;
    list-style: disc;
}

/* Strong Text */
.features-list li strong {
    color: #000;
}

/* Closing Text */
.closing-text {
    font-size: 16px;
    margin-top: 15px;
    color: #555;
}

/* skillup-blog */
.insights-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.recent-insights {
    width: auto;
    font-weight: 600;
    font-size: 19px;
    line-height: 24.7px;
    color: #303030;
    margin-right: 20px;
}

.explore-more {
    display: flex;
    align-items: center;
}

.explore-more img {
    cursor: pointer;
}

.explore-more p {
    margin-right: 10px;
    font-weight: 500;
    color: #A0144F !important;
    font-size: 16px;
    color: #303030;
    margin-bottom: 16px;
}

/* skill-up-blog section */
.skill-blog-1,
.skill-blog-2 {
    width: 75%;
    margin: auto;
}

.skill-blog-1 {
    display: flex;
    gap: 17px;
    padding-top: 50px;
    color: #595959;
}

.skill-blog-2 {
    font-family: "Anuphan";
    font-weight: 600;
    font-size: 48px;
    color: #303030;
}

.skill-blog-1 h3 a {
    color: #595959;
}

.skill-blog-2 p {
    margin-top: 0px;
}

.skill-blog-bg-color {
    background: #F9EFEB;
}

.blog-img1 {
    display: flex;
    margin-top: 40px;
    justify-content: center;
}

.skill-blog-section3 {
    width: 75%;
    margin: auto;
    font-family: 'Anuphan', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    padding: 46px;
    color: #303030;
}

.skill-blog-container {
    width: 100%;
    border-radius: 5px;
}

/* Headings */
.skill-blog-container h1 {
    font-size: 48px;
    font-weight: bold;
    color: #303030;
}

.skill-blog-container .subheading {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-top: 20px;
    text-decoration: underline;
}

/* Paragraphs */
.skill-blog-container .content,
.skill-blog-container li {
    font-size: 14px;
    color: #555;
    line-height: 22px;
    padding-bottom: 24px;
}

/* diversity */
.diversity-container1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1200px;
    margin: 50px auto;
    padding: 20px;
}

.diversity-text-content {
    max-width: 50%;
}

.diversity-text-content h1 {
    font-size: 36px;
    color: #333;
    width: 475px;
}

.diversity-text-content p {
    font-size: 16px;
    color: #303030;
}

.diversity-image-content img {
    width: 500px;
    height: auto;
    border-radius: 10px;
}

/* avtar-terms */
.avtar-terms {
    background: #ffffff;
}

.avtar-terms h2 {
    width: 700px;
    font-family: "Anuphan";
    padding: 44px;
    font-weight: 600;
    font-size: 48px;
    margin-left: 150px;
    line-height: 62.4px;
    letter-spacing: 0%;
    color: #303030;
}

.avtar-terms p {
    width: 960px;
    font-family: Anuphan;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin-left: 200px;
    letter-spacing: 0%;
    color: #303030;
}

/* second-career */
.career-section {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 50px 20px;
    justify-content: space-around;
    text-align: left;
}


/* Image Container */
.career-image-container {
    position: relative;
    width: 100%;
    max-width: 400px;
}

.career-main-image {
    width: 100%;
    border-radius: 23px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

/* Floating Boxes */
.floating-box {
    position: absolute;
    padding: 37px 16px;
    text-align: center;
    border-radius: 8px;
    font-weight: 400;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}

.pink {
    background-color: #FFD3D3;
    color: #B33A3A;
    top: 32%;
    right: -27%;
    width: 178px;
    height: 145px;
    font-size: 20px;
}

.blue {
    background-color: #D3E3FF;
    color: #264D73;
    bottom: -9%;
    left: 37%;
    width: 159px;
    font-size: 20px;
    height: 149px;
}

.green {
    background-color: #D3F5D3;
    color: #2E7D32;
    bottom: -36px;
    width: 170px;
    height: 149px;
    right: -101px;
    font-size: 20px;
}

/* Content Section */
.career-content {
    max-width: 500px;
}

.section-subtitle {
    font-size: 14px;
    text-transform: uppercase;
    color: #888;
}

.section-title {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-top: 5px;
}

.section-intro {
    font-size: 18px;
    font-weight: bold;
    color: #555;
    margin-top: 10px;
}

.career-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
    color: #555;
}

.career-list li {
    margin-bottom: 10px;
    width: 572px;
    height: 48p;
    font-family: "Anuphan";
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0%;
}

.career-description {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
}

/* /* show more */
.mayaCARE-container {
    width: 587px;
    position: relative;
    font: normal 400 1.5rem / 1.9rem var(--font-anuphan);
    color: #595959;
    padding: 0px 16px;
}

.truncate-text {
    margin: 0;
    display: inline;
}

.more-button {
    cursor: pointer;
    text-decoration: underline;
    font: normal 600 1.5rem / 1.9rem var(--font-anuphan);
    color: #A0144F;
    display: inline;
    position: absolute;
    bottom: 0;
    right: 0;
}

.more-button.hidden {
    display: none;
}

.second-career-tag1 {
    width: 560px;
    font-family: "Anuphan";
    font-weight: 500;
    font-size: 40px;
    line-height: 56px;
    letter-spacing: 0%;
    position: absolute;
    display: contents;
    color: #303030;
}

.second-career-tag1 h2 {
    width: 637px;
    font-family: "Anuphan";
    font-size: 40px;
    line-height: 56px;
    letter-spacing: 0%;
    padding: 28px 108px 0px;
    color: #303030;
}

.second-career-tag1 p {
    width: 560px;
    margin-left: 110px;
    font-family: "Anuphan";
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0%;
    color: #595959;
}

.untapped-talent h3 {
    width: 600px;
    height: 32px;
    font-family: Anuphan;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0%;
    color: #03298C;
}

.untapped-talent .untapped-talent-ptag {
    width: 600px;
    font-family: "Anuphan";
    font-weight: 400;
    margin-left: 0px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    color: #595959;
}

.untapped-talent {
    background: #ffffff;
    padding: 24px 39px 1px;
}

/* women-leader */
.women-leader-floating-box {
    position: absolute;
    padding: 31px 7px;
    text-align: center;
    border-radius: 8px;
    font-weight: 400;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}

.untapped-talent-2 {
    background: #ffffff;
    padding: 4px 37px;
}

.second-executive-tag1 h2 {
    width: 619px;
    font-family: "Anuphan";
    font-size: 32px;
    line-height: 49px;
    letter-spacing: 0%;
    padding: 28px 108px 0px;
    color: #303030;
    background: #ffffff;
    padding: 40px;
}

.diversity-executive-contant1 {
    display: flex;
    background: #ffffff;
}

.diversity-executive-contant2 {
    background: #ffffff;
    padding: 30px;
}

.diversity-executive-contant1 h2 {
    background: #ffffff;
    padding: 30px;
}

.diversity-executive-image {
    margin-top: 77px;
    background: #ffffff;
}

.navbar {
    background-color: transparent;
    padding: 15px 20px;
}

.nav-list {
    list-style: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}

.nav-list li {
    position: relative;
}

.nav-list a {
    text-decoration: none;
    color: #5d5d5d;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 15px;
    display: inline-block;
}

/* Dropdown Styles */
.dropdown-content {
    display: none;
    flex-direction: column;
    align-items: flex-start;
    width: 404px;
    position: absolute;
    background-color: #002a7d;
    color: white;
    padding: 15px;
    border-radius: 15px;
    top: 138%;
    right: -149px;
    z-index: 10;
    padding-top: 32px;
    padding-right: 40px;
    padding-bottom: 32px;
    padding-left: 40px;
}

/* header-dropdown style */
.dropdown-content img {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: auto;
}

/* Show dropdown on hover */
.dropdown:hover .dropdown-content {
    display: flex;
}

/* Dropdown arrow */
.dropbtn i {
    font-size: 12px;
    margin-left: 5px;
}

/* Dropdown Header */
.dropdown-header {
    font-size: 15px;
    font-weight: 400;
    color: gold;
    margin-bottom: 10px;
}

/* Dropdown Links */
.dropdown .dropdown-content a {
    color: #ffffff !important;
    text-decoration: none;
    font-weight: 400 !important;
    display: block;
    font-size: 15px !important;
    margin-bottom: 10px;
    padding: 8px 0;
}

/* header-dropdown */
.dropdown-content-skillup {
    display: none;
    flex-direction: column;
    align-items: flex-start;
    width: 229px;
    position: absolute;
    background-color: #002a7d;
    color: white;
    padding: 15px;
    border-radius: 15px;
    top: 138%;
    right: -75px;
    z-index: 10;
    padding-top: 32px;
    padding-right: 40px;
    padding-bottom: 32px;
    padding-left: 40px;
}

/* header-dropdown style */
.dropdown-content-skillup img {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: auto;
}

/* Show dropdown on hover */
.dropdown:hover .dropdown-content-skillup {
    display: flex;
}

.dropdown .dropdown-content-skillup a {
    color: #ffffff !important;
    text-decoration: none;
    font-weight: 400 !important;
    display: block;
    font-size: 15px !important;
    margin-bottom: 10px;
    padding: 8px 0;
}

.dropdown .dropdown-content-skillup li {
    color: #ffffff !important;
    text-decoration: none;
    font-weight: 400 !important;
    display: block;
    font-size: 15px !important;
}

/* bugs */
section.Employer-details.saved-jobs {
    background: #ffffff;
    padding-bottom: 40px;
}

ul.nav-head {
    display: flex !important;
    margin: 0px !important;
    list-style: none !important;
    padding: 0px !important;
    margin-right: 30rem !important;
}

.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar {
    border-radius: 8px 8px 0px 0px !important;
}

.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content,
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content.ck-rounded-corners {
    border-radius: 8px 8px 0px 0px !important;
}

.ck.ck-editor__main>.ck-editor__editable:not(.ck-focused) {
    border-color: var(--ck-color-base-border);
    border-radius: 0px 0px 8px 8px !important;
}

.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content {
    border-width: 1px 1px 0 !important;
}

.ck.ck-editor__editable_inline>:first-child {
    font-size: 14px !important;
}

.banner-publish {
    display: flex;
}

button#removeImageBtn {
    position: relative !important;
    top: -52px !important;
    left: -15px !important;
    background: #c62828 !important;
    color: white !important;
    border: none !important;
    border-radius: 50% !important;
    width: 25px !important;
    height: 25px !important;
    cursor: pointer !important;
}

div#imagePreviewContainer {
    padding: 0px 30px !important;
}

img#imagePreview {
    width: 150px !important;
    height: 112px !important;
}

/* input-group education-info form */
.input-group {
    position: relative;
    display: flex;
    gap: 11px !important;
    flex-wrap: wrap;
    align-items: stretch;
    width: 123% !important;
}

.ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline.ck-blurred {
    height: 150px;
}

.ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable,
.ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners {
    height: 150px !important;
}

.error {
    color: red !important;
}

.annual-ctc-2 {
    display: flex;
    padding: 20px;
    align-items: center;
}

.experience-required-to {
    display: flex;
    padding: 6px;
    align-items: center;
}

.avtar-diversity-video img {
    width: 100% !important;
}

/* styles.css */
.multiselect-container li:hover {
    background-color: #DFF4FD !important;
}

label.postnew-checkbox-label {
    padding: 0px !important;
    width: 100% !important;
}

td.action {
    padding: 20px !important;
}

.clm .form-group label {
    font-size: 16px !important;
}

input#loginsubmit {
    background-color: #A0144F;
    color: #ffffff;
    margin-top: 30px;
}

h6.questtypenote {
    display: flex;
    justify-content: center;
    font-size: 14px;
    margin-bottom: 25px;
}

.col-lg-4.form-group label span {
    color: red;
}

.col-lg-12.form-group label span .content h4 span {
    color: red;
}

.col-lg-12 label span {
    color: red;
}

.content h4 span {
    color: red;
}

.partner-events-uparrow {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

#partner-event-button {
    display: flex;
    justify-content: center;
    padding: 45px;
}

.main-additional-box .partner-events-additional-box,
.main-additional-box .partner-events-additional-box-2,
.main-additional-box .partner-events-additional-box-3 {
    width: 384px;
    height: 407px;
    border-radius: 20px;
    padding: 60px;
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Background colors */
.main-additional-box .partner-events-additional-box {
    background-color: #D8F3FF;
}

.main-additional-box .partner-events-additional-box-2 {
    background-color: #F7F2DD;
}

.main-additional-box .partner-events-additional-box-3 {
    background-color: #FFE8EC;
}

/* about-us */
.banner .aboutus-banner-content {
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    text-align: center;
    top: 30px;
}

.banner .aboutus-banner-content h1 {
    font: normal 500 6.4rem/7.2rem var(--font-anuphan);
    color: #303030;
    margin-bottom: 8px;
}

.banner .aboutus-banner-content p {
    font: normal 400 2rem/2.4rem var(--font-anuphan);
    color: #595959;
    margin-bottom: 40px;
}

.aboutus-centerline {
    width: 1px;
    background-color: #CDCDCD;
    height: 100%;
    margin-top: 67px;
    min-height: 455px;
}

.ourteam-1 {
    text-align: center;
    vertical-align: top;
    width: 25%;
}

.ourteam-1 h3 {
    font-family: "Anuphan";
    font-weight: 600;
    font-size: 24px;
    color: #303030;
    margin-top: 25px;
}

.ourteam-1 img {
    border-radius: 0px 0px 50px 50px;
}

.ourteam-1 p {
    font-family: "Anuphan";
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #595959;
    margin-top: 15px;
}

.ourteam-1 .form-group {
    margin-top: 15px;
}

.view-bio-button {
    width: 109px;
    height: 40px;
    border-radius: 50px;
    border: 2px solid #A0144F;
    padding: 9px 20px;
    font-family: 'Anuphan', sans-serif;
    font-weight: 600;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    background-color: transparent;
    color: #595959;
    cursor: pointer;
}

.outteam-section {
    display: flex;
    justify-content: flex-start;
    padding: 30px 0px;
}

.aboutus-ourteam {
    padding: 82px 0px;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.aboutus-ourteam h4 {
    margin-bottom: 70px;
    font: normal 500 2rem/2.6rem var(--font-anuphan);
    color: #303030;
    border-bottom: 3px solid #A0144F;
    display: inline-block;
    text-transform: uppercase;
}

.media-img1 a {
    width: 272px;
    font-family: "Anuphan";
    font-weight: 400;
    margin-top: 20px;
    font-size: 16px;
    line-height: 28px;
    text-decoration: underline;
    color: #303030;
}

.media-img1 {
    display: flex;
}

.media-full-section {
    display: flex;
    justify-content: space-around;
    padding: 20px 0px;
}

.dropdown-content li a.active {
    color: #FFD400 !important;
    /* Yellow color */
}

.dropdown-content-skillup li a.active {
    color: #FFD400 !important;
}

li.nav-item.for-employer {
    border: 2px solid #A0144F;
    padding: 1.2rem 2.4rem;
    border-radius: 50px;
}

ul.navbar-nav.search-align {
    display: contents;
    text-align: center !important;
}

.col-12.col-sm-5.event-info {
    margin-left: 40px;
}

.col-12.col-sm-10 {
    font-family: "Anuphan";
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.video-thumbnail-container {
    display: inline-block;
    cursor: pointer;
    position: absolute;
    right: 18px;
    background: none;
    border: 0;
    bottom: 5%;
}

.video-thumbnail {
    width: 240px;
    height: auto;
    border-radius: 8px;
}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 60px;
    color: white;
    opacity: 0.8;
    pointer-events: none;
}

.video-thumbnail-container:hover .play-button {
    opacity: 1;
}

.modal-content .video-contant {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-clip: padding-box;
    border-radius: var(--bs-modal-border-radius);
    outline: 0;
}

.apply-job-background {
    background-color: #ffffff !important;
}

.aspects-popup-background {
    background-color: #ffffff !important;
}

.modal-content.aspects-popup-background {
    background-color: #ffffff !important;
}

.modal-content.apply-job-background {
    background-color: #ffffff !important;
}

div#displayloadedvideos {
    display: flex;
    flex-wrap: wrap;
    gap: 20px !important;
    justify-content: flex-start;
}

.input-container.get-started-validation {
    display: block;
}

.blog-img1 img {
    border-radius: 30px;
}

.explore-more a {
    color: #A0144F;
}

.dropdown-content li:hover a {
    color: #FFD400 !important;
}

/* .dropdown-content-skillup > li:hover > a, .dropdown-content-skillup li > ul > li:hover > a {
  color: #FFD400 !important;
} */

.dropdown-content-skillup>li>a {
    color: inherit;
}

.dropdown-content-skillup>li:hover>a {
    color: #FFD400 !important;
}

.dropdown-content-skillup li>ul>li>a {
    color: inherit;
}

.dropdown-content-skillup li>ul>li:hover>a {
    color: #FFD400 !important;
}

.dropdown-content-skillup li:hover>ul li:hover a {
    color: #FFD400 !important;
}

.dropdown-content-skillup li:hover>a:not(:hover) {
    color: inherit !important;
}

.avtar-diversity-video video {
    width: 100%;
}

/* topsheet pdf style */
.topsheet-header {
    background-color: #F9EFEB;
}

.topsheet-section1 {
    width: 1280px;
    height: 296px;
    display: flex;
    top: 144px;
    left: 87px;
    border-radius: 25px;
    background: #FFFFFF;
}

.topsheet-section2 {
    width: 400px;
    height: 360px;
    top: 464px;
    left: 87px;
    border-radius: 25px;
    background: #FFFFFF;
}

.topsheet-section3 {
    width: 856px;
    height: 360px;
    top: 464px;
    left: 511px;
    border-radius: 25px;
    background: #FFFFFF;
}

.topsheet-card {
    display: flex;
    gap: 20px;
}

.different-avatar-topsheet {
    display: flex;
    flex-wrap: wrap;
    padding: 0px 0px 48px 0px;
    align-items: flex-start;
    margin-top: 25px;
    justify-content: center;
}

.topsheet-section1 h3 {
    width: 276px;
    height: 36px;
    font-family: "Anuphan";
    font-weight: 600;
    font-size: 28px;
    line-height: 100%;
    letter-spacing: 0%;
    padding: 70px;
}

.profile-container-topsheet {
    padding: 30px;
    border-radius: 15px;
    width: 80%;
    margin: 20px auto;
}

.profile-row-topsheet {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.info-item-topsheet {
    flex: 1;
    min-width: 250px;
    margin: 10px;
    display: ruby;
}

.label-topsheet {
    color: #303030;
    font-size: 16px;
    display: block;
}

.value-topsheet {
    color: #303030;
    font-size: 16px;
    font-weight: 600;
}

.separator-topsheet {
    margin: 0 8px;
    color: #777;
}

.topsheet-section2 h2 {
    width: 176px;
    height: 64px;
    top: 64px;
    left: 64px;
    padding: 70px;
    font-family: "Anuphan";
    font-weight: 300;
    font-size: 32px;
    line-height: 32px;
    letter-spacing: 0%;
}

.topsheet-section2 h1 {
    width: 176px;
    height: 100px;
    top: 196px;
    left: 64px;
    font-family: "Anuphan";
    font-weight: 300;
    font-size: 100px;
    line-height: 100px;
    letter-spacing: 0%;
    padding: 70px;
}

.profile-container-topsheet-section3 {
    padding: 0px 40px;
    margin: 76px 0px 0px 0px;
    border-radius: 15px;
    width: 95%;
}

.profile-container-topsheet-section3 h3 {
    font-weight: 600;
    padding-bottom: 15px;
}

.skill-blog-section3-topsheet {
    width: 960px;
    font-family: 'Anuphan';
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin-left: 158px;
    padding: 46px;
    color: #303030;
}

.skill-blog-container-topsheet {
    width: 60%;
    border-radius: 5px;
    margin-top: 30px;
}

/* Headings */
.skill-blog-container-topsheet h1 {
    font-size: 20px;
    font-weight: bold;
    color: #303030;
    width: 960px;
}

.skill-blog-topsheet h1 {
    font-size: 20px;
    font-weight: bold;
    color: #303030;
    width: 960px;
}

.skill-blog-container-topsheet .subheading {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-top: 20px;
    text-decoration: underline;
}

/* Paragraphs */
.skill-blog-container-topsheet .content {
    font-size: 16px;
    color: #555;
    padding-left: 23px;
    width: 936px;
    line-height: 1.6;
}

.skill-blog-topsheet .topsheet-job {
    padding-bottom: 15px;
}

/* subscription */
.pricing-table {
    display: flex;
    justify-content: center;
    padding: 20px;
    flex-wrap: wrap;
}

.plan {
    width: 45%;
    background-color: #fff;
    border-radius: 25px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.plan h2 {
    text-align: center;
    margin-bottom: 10px;
}

.plan p {
    font-size: 14px;
    color: #555;
    margin: 0px;
}

.plan-standard {
    width: 45%;
    background-color: #fff;
    border-radius: 25px 25px 25px 0px;
}

.plan-standard h2 {
    text-align: center;
    margin-bottom: 10px;
}

.plan-standard p {
    font-size: 14px;
    color: #555;
    margin: 0px;
}

.plan-monthly {
    width: 45%;
    background-color: #fff;
    border-radius: 25px 0px 0px 25px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.plan-monthly h2 {
    text-align: center;
    margin-bottom: 10px;
}

.plan-monthly p {
    font-size: 14px;
    color: #555;
    margin: 0px;
}



.package {
    border-top: 1px solid #ddd;
    padding: 15px 0;
}

.package h3 {
    margin: 10px 0;
    color: #333;
}

.package p {
    font-size: 14px;
    margin: 5px 0;
}

.package-primium p {
    font-size: 15px;
    margin: 5px 0;
}

.package-primium {
    border-top: 1px solid #ddd;
    padding: 15px 0;
    background-color: #ffffff;
}

.package-primium3 {
    border-top: 1px solid #ddd;
    padding: 39px 0;
    background-color: #FAF7F8;
}


.package-primium2 {
    border-top: 1px solid #ddd;
    padding: 15px 0;
    border-radius: 0px 0px 25px 25px;
    background-color: #FAF7F8;
}

.package-primium h3 {
    margin: 10px 0;
    color: #333;
}

.package-primium-standard p {
    font-size: 15px;
    margin: 5px 0;
}

.package-primium-standard {
    border-top: 1px solid #ddd;
    padding: 6px 0;
    background-color: #ffffff;
}

.package-primium-standard h3 {
    margin: 10px 0;
    color: #333;
}

.package-primium-standard-align p {
    font-size: 15px;
    margin: 5px 0;
}

.package-primium-standard-align {
    border-top: 1px solid #ddd;
    padding: 64px 0px 3px 0px;
    background-color: #ffffff;
}

.package-primium-standard-align h3 {
    margin: 10px 0;
    color: #333;
}


.package-primium-standard-monthly p {
    font-size: 15px;
    margin: 5px 0;
}

.package-primium-standard-monthly {
    border-radius: 25px 0px 0px 0px;
    border-top: 1px solid #ddd;
    padding: 31px 0px 150px 0px;
    background-color: #ffffff;
}

.package-primium-standard-monthly h3 {
    margin: 10px 0;
    color: #333;
}

.package-primium-standard-package p {
    font-size: 15px;
    margin: 5px 0;
}

.package-primium-standard-package {
    border-top: 1px solid #ddd;
    padding: 57px 0px 180px 0px;
    background-color: #ffffff;
}

.package-primium-standard-package h3 {
    margin: 10px 0;
    color: #333;
}

.package-primium3-standard {
    border-top: 1px solid #ddd;
    padding: 33px 0;
    background-color: #FAF7F8;
}


.package-primium2-standard {
    border-top: 1px solid #ddd;
    padding: 15px 0;
    border-radius: 0px 0px 25px 25px;
    background-color: #FAF7F8;
}

.package-primium-standard2 p {
    font-size: 15px;
    margin: 5px 0;
}

.package-primium-standard2 {
    border-top: 1px solid #ddd;
    padding: 23px 0px 3px 0px;
    background-color: #faf7f8;
}

.package-primium-standard2 h3 {
    margin: 10px 0;
    color: #333;
}

.package-primium-standard4 p {
    font-size: 15px;
    margin: 5px 0;
}

.package-primium-standard4 {
    border-top: 1px solid #ddd;
    padding: 40px 0;
    background-color: #faf7f8;
}

.package-primium-standard4 h3 {
    margin: 10px 0;
    color: #333;
}

.package-primium-standard2-package p {
    font-size: 15px;
    margin: 5px 0;
}

.package-primium-standard2-package {
    border-top: 1px solid #ddd;
    padding: 42px 0px 152px 0px;
    background-color: #faf7f8;
}

.package-primium-standard2-package h3 {
    margin: 10px 0;
    color: #333;
}


.standard {
    border-top: 5px solid #bbb;
}

.premium {
    border: 1px solid #a00050;
    background-color: #fdf2f7;
    width: 456px;
}

.premium h2 {
    color: #ffffff;
}

.premium-standard {
    border: 2px solid #F1EAE7;
    background-color: #fdf2f7;
    width: 456px;
}

.premium-standard-monthly {
    border: 2px solid #F1EAE7;
    border-radius: 25px 0px 0px 25px;
    background-color: #fdf2f7;
    width: 240px;
    margin-top: 95px;
}


.premium-standard h2 {
    color: #303030;
}

.premium-bg {
    background-color: #a00050;
    padding: 23px 41px 20px;
    border-radius: 25px 25px 0px 0px;
    justify-items: baseline;
}

.premium-bg-standard {
    background-color: #ffffff;
    padding: 23px 41px 20px;
    border-radius: 25px 25px 0px 0px;
    justify-items: baseline;
}

.premium-bg-standard-monthly {
    background-color: #ffffff;
    padding: 23px 41px 20px;
    border-radius: 25px 25px 0px 0px;
    justify-items: baseline;
}

.premium-paragraph {
    color: #ffffff !important;
}

.premium-paragraph-standard {
    color: #595959 !important;
}

.primium-contant1 {
    display: flex;
    justify-content: space-around;
}

.primium-contant1-standard {
    display: flex;
    justify-content: flex-start;
    padding-left: 40px;
}

.primium-contant2 {
    justify-items: baseline;
    width: 177px;
}

.primium-price p {
    font-family: "Anuphan";
    font-weight: 300;
    color: #303030;
    font-size: 24px;
    padding: 53px 0px 0px 38px;
    display: flex;
    line-height: 100%;
    gap: 16px;
}

.primium-price-standard p {
    font-family: "Anuphan";
    font-weight: 300;
    font-size: 24px;
    color: #303030;
    padding: 9px 0px 0px 38px;
    display: flex;
    line-height: 100%;
    gap: 16px;
}

.primium-price-standard {
    display: flex;
}

.primium-price-standard span {
    font-family: "Anuphan";
    font-weight: 500;
    color: #595959;
    font-size: 14px;
    padding: 111px 0px 0px 40px;
    display: flex;
    line-height: 100%;
    gap: 16px;
}


.details-of-primum {
    display: flex;
    align-items: baseline;
    gap: 12px;
}

.primium-price span {
    font-size: 14px;
}

.subcription-getstarted {
    display: flex;
    justify-content: center;
}

.subscription-other-value h4 {
    width: 1152px;
    height: 21px;
    font-family: "Anuphan";
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #303030;
}

.subscription-other-value p {
    width: 1112px;
    height: 40px;
    font-family: "Anuphan";
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
}

.subscription-other-value {
    padding: 100px 0px 0px 106px;
}

.Other-value-contant {
    display: flex;
    gap: 20px;
    align-items: baseline;
}

/* .owl-carousel */
/* Custom Pagination Styling */
.custom-pagination {
    text-align: center;
    margin-top: 45px;
    padding-bottom: 45px;

}

.custom-pagination .dot {
    width: 30px;
    height: 5px;
    background: #e0e0e0;
    display: inline-block;
    margin: 5px 3px;
    border-radius: 10px;
    transition: background 0.3s, width 0.3s;
    cursor: pointer;
}

.custom-pagination .dot.active {
    background: #ff2e66;
    width: 50px;
}

.clients-logo-image {
    display: flex;
    justify-content: space-around;
}

/* lenovo */
@media screen and (max-width: 1920px) {
    ul.last-date {
        width: 446px;
    }
}


/* macbook */

@media (max-width: 768px) {
    .card-container {
        flex-direction: column;
        gap: 10px;
    }

    .card {
        width: 100%;
        max-width: none;
    }
}


@keyframes contentAnimation {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@media only screen and (min-width:1440px) {
    .celebrate .description {
        width: 68rem;
    }

    .modal.search-job .modal-body {
        justify-content: space-evenly;
    }

    .search-result .left-panel {
        width: 44rem;
        max-width: 44rem;
        flex: 0 0 44rem;
    }

    .search-result .right-panel {
        width: 87rem;
        max-width: 87rem;
        flex: 0 0 87rem;
    }
}

@media only screen and (max-width:1370px) and (min-width:1200px) {
    html {
        font-size: 9.36px;
    }
}


/* mac */
@media screen and (max-width: 1440px) and (max-height: 900px) {
    .search-result .engagement {
        flex-wrap: nowrap;
    }
}

/* safari browser mac */
@supports (-webkit-touch-callout: none) {
    @media screen and (max-width: 1440px) and (max-height: 900px) {
        .search-result .engagement {
            flex-wrap: nowrap;
        }
    }
}

#jobseekr .modal.apply-job {
    position: inherit;
    background: #fff;
    display: block
}

#jobseekr .modal.apply-job .modal-header {
    display: block;
    text-align: center;
}

#jobseekr .modal .modal-header h1 {
    font-weight: 600
}

#jobseekr .modal .modal-header h3 {
    padding: 2% 0%
}

#videoModal .modal-content {
    background-color: transparent;
    border: none;
}

#featured-companies .masonry .item {
    position: relative;
    display: inline-block;
    /* display: -webkit-box;
  display: -ms-flexbox;
  display: flex; */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    box-sizing: border-box;
    border-radius: 25px;
    width: 296px;
    background-color: transparent;
    align-items: inherit;
    justify-content: inherit;
    grid-row: auto;
}

#featured-companies .masonry {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    display: inherit;
    grid-template-columns: inherit;
    grid-auto-rows: inherit;
    gap: inherit;
}

#counselling {
    background-color: #ffffff;
}

#counselling .skill-up-content {
    width: 85%;
    margin: auto;
}

#counselling .checkbox-container {
    margin-top: 10px;
    gap: 15px
}

#counselling input#loginsubmit {
    margin-top: 10px;
    padding: 18px;
    width: 200px;
}

.instructormob {
    display: none;
}

/* job company-providers */
.company-providers {
    font-size: 16px;
    margin-bottom: 40px
}

.company-providers .company-providers-title {
    color: #A0144F;
    font-weight: 600;
}

.company-providers .company-providers-text {
    color: #404040;
    margin-left: 10px;
}

#subscription_order_form .search-result span .checkbox-group {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0 20px;
}

#subscription_order_form .search-result span br:last-child {
    display: none;
}

#subscription_order_form .search-result span label.check {
    display: inline-flex;
    align-items: center;
    justify-content: space-evenly;
    gap: 10px;
    margin: 0 10px;
}

#subscription_order_form .search-result span input.feature-checkbox {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid #9F9F9F;
}

.signin.signup .gender-current-job {
    display: block;
}

.signin.signup .gender-current-job .select-box select {
    font: normal 400 1.6rem / 2.4rem var(--font-anuphan);
    color: #A9A9A9;
}

.signin.signup .gender-current-job .select-box select option {
    color: #303030;
}

.signin.signup .gender-current-job .select-box select:focus {
    border: 1px solid #9F9F9F;
    box-shadow: none;
}

/* ulca-first*/
.untapped-talent h4 {
    width: 600;
    height: 384;
    font-family: "Anuphan";
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0%;
    color: #303030;
}

img.partner-event-img {
    cursor: pointer;
}

/* /* about us pages new */

.competitive-advantage {
    width: 1312px;
    height: 347px;
    border-radius: 52.8px;
    background: linear-gradient(90deg, #715FD3 0%, #6A54DC 100%);
    color: white;
    margin: 50px auto;
    display: flex;
    align-items: center;
    padding: 20px 40px;
    box-sizing: border-box;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.competitive-content {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
}

.competitive-left img {
    border-radius: 20px;
    margin-bottom: 58px;
    object-fit: cover;
}

.competitive-right {
    margin-left: 40px;
    text-align: start;
}

.competitive-tagline {
    margin-bottom: 15px;
    font-family: "Anuphan";
    width: 636px;
    font-weight: 300;
    font-size: 36px;
    line-height: 100%;
}

.competitive-right h2 {
    margin: 0;
    font-size: 24px;
    font-family: "Anuphan";
    font-weight: 600;
    font-size: 24px;
}

.competitive-designation {
    margin: 5px 0 20px 0;
    font-family: "Anuphan";
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;

}

.competitive-cta {
    background-color: #FAD432;
    color: #595959;
    border: none;
    padding: 12px 22px;
    font-weight: bold;
    border-radius: 25px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.competitive-cta:hover {
    background-color: #f2c200;
    transform: scale(1.05);
}

p.Desig {
    min-height: 6rem;
}

.purple-button:hover,
input#loginsubmit:hover,
.employer-submit-button:hover,
.button-reset:hover,
.button-change-password:hover,
.know-more:hover {
    background-color: #C9125F;
}

.view-bio-button:hover,
li.nav-item.for-employer:hover {
    background-color: #C9125F;
    color: #ffffff;
    border: 2px solid #C9125F;
}

li.nav-item.for-employer:hover a {
    color: #ffffff;
}

.maximum-height {
    height: auto !important;
}

.past-events .show-more-btn button :hover {
    background-color: #516fc1;
}

/* tooltip */

.icon-wrapper {
    position: relative;
    grid-template-columns: auto auto auto;
    display: grid;
    gap: 7px;
    align-items: center;
}

/* Initially hide tooltips */
.tooltip {
    position: absolute;
    background-color: #ffffff;
    color: #000000;
    padding: 5px 8px;
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid #000;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

/* Position the tooltips */
.icon-wrapper a {
    position: relative;
    /* Ensures the tooltip is positioned relative to the icon */
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
}

/* Show tooltips when hovering over the icons */
.icon-wrapper a:hover .tooltip {
    visibility: visible;
    opacity: 1;
}

.icon-wrapper a.action-icon-tooltip {
    transition: all 0.3s;
}

.icon-wrapper a.action-icon-tooltip:hover {
    transform: scale(1.2);
}

/* Position tooltips above icons */
.icon-wrapper a .tooltip {
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 5px;
}

div#myEmployernav.open {
    width: 50%;
}

#myEmployernav .employer-closeside+div {
    width: 90%;
}

#myEmployernav .signin-inputs div {
    width: 50%;
}

#myEmployernav .Designation-input-box {
    width: 100%;
}

#myEmployernav .signin-inputs div.row,
#myEmployernav .signin-inputs div.select-box {
    width: 100%;
}

#myEmployernav .select-box select {
    font: normal 400 1.6rem / 2.4rem var(--font-anuphan);
    color: #A9A9A9;
}

#myEmployernav .select-box select option {
    color: #303030;
}

#myEmployernav .select-box select:focus {
    border: 1px solid #9F9F9F;
    box-shadow: none;
}

/* hide scroll bar */
#myEmployernav::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

#myEmployernav::-webkit-scrollbar-thumb {
    background: transparent;
}

#myEmployernav {
    scrollbar-width: none;
}

#myEmployernav {
    -ms-overflow-style: none;
}

/* hide scroll bar ends*/
#myEmployernav .employer-submit-button {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.skillp ul li ul li {
    margin-left: 25px !important;
    list-style: disc;
    display: list-item;
    color: #E3EBFF;
    padding-bottom: 12px !important
}

.skillp ul li ul {
    margin-top: 10px;
}

.skillp ul li:first-child {
    padding-bottom: 0px;
}

/* iframe pop up video style update */
.feeds-view-img iframe {
    width: 100% !important;
    height: 60vh !important;
}

/* blog-section css update */
.skill-blog-section3 p strong,
.skill-blog-section3 p em {
    font: normal 600 1.8rem / 2.4rem var(--font-anuphan);
}

.skill-blog-section3 p,
.skill-blog-section3 p span,
.skill-blog-section3 ol,
.skill-blog-section3 ul {
    font: normal 400 1.6rem / 2.4rem var(--font-anuphan);
    font-style: normal;
}

input#frm_postal_sub,
select#frm_city_sub,
select#frm_country_sub,
select#frm_state_sub {
    color: #cccccc;
}

.homepagebanner {
    width: 298px;
    float: left;
   /*  height: 65rem !important; */
    border-radius: 25px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.homepagebanner img {
    height: 100% !important;
    border-radius: 25px !important;
    object-fit: cover !important;
}