body{
    background-color: #F9F9F9 !important;}
/* candidate header */


/* slick-equal-height */
.slick-equal-height .slick-track {
    display: flex;}
.slick-equal-height .slick-slide {
    display: flex;
    height: auto;}
.slick-equal-height .item {
    height: 100%;
    width: 100%;}


/* slick-overflow-initial */
.slick-overflow-initial .slick-list {
    overflow: initial;}


/* slick-disabled */
button.slick-disabled {
    cursor: default !important;}


/* slick-grid */
.slick-grid {
    margin-left: -10px;
    margin-right: -10px;}
.slick-grid .slick-slide {
    padding-left: 10px;
    padding-right: 10px;}
/**/
.slick-grid-15 {
    margin-left: -15px;
    margin-right: -15px;}
.slick-grid-15 .slick-slide {
    padding-left: 15px;
    padding-right: 15px;}




/* slick-arrows */
.slick-arrows .slick-next, 
.slick-arrows .slick-prev {
    z-index: 5;
    font-size: 22px;
    line-height: 40px;
    text-align: center;
    width: 40px;
    height: 40px;
    top: initial;
    bottom: 0;
    transform: translate(-50%, 0);
    border-radius: 50%;
    background-color: #ddd;}
.slick-arrows .slick-next:hover:before, 
.slick-arrows .slick-prev:hover:before {
    color: #000;}
.slick-arrows .slick-next {
    left: 52%;} 
.slick-arrows .slick-prev {
    left: 48%;}
.slick-arrows .slick-next:before, 
.slick-arrows .slick-prev:before {
    font-family: FontAwesome;
    color: #000;
    position: absolute;
    right: 50%;
    bottom: 50%;
    -webkit-transform: translate(50%,50%);
    -ms-transform: translate(50%,50%);
    transform: translate(50%,50%);}
.slick-arrows .slick-next:before {
    content: '\f105';}
.slick-arrows .slick-prev:before {
    content: '\f104';}




/* slick-single */
.slick-single .slick-list {
    padding-right: 150px !important;
    padding-left: 150px !important;}
@media (max-width: 991px) {
.slick-single .slick-list {
    padding-right: 85px !important;
    padding-left: 85px !important;}
}
/*  */
.candidate-header{
    height: auto;
    top: 0px;
}
.candidate-header .inner-header{
    position: relative;
    background-color: #fff;
    padding: 0px 20px;
    border-radius: 20px;
    box-shadow: 3px 4px 20px 0px #0000000F;}
@media (max-width: 767px) {
.candidate-header .inner-header{
    border-radius: 0px;
    padding: 10px 20px;
}
}
.candidate-header .menu{
    list-style: none;
    text-decoration: none;
}
.candidate-header .inner-header .a-logo img {
    max-width: 100%;
    max-height: 60px;
}
@media (max-width: 991px) {
.candidate-header .inner-header .a-logo img {
    max-width: 100%;
    max-height: 25px;
}
}
@media (min-width: 768px) and (max-width: 991px){
    .candidate-header .inner-header .a-logo{
        padding-left: 0px;
    }
    }
@media (min-width: 992px) and (max-width: 1200px){
.candidate-header .inner-header .a-logo{
    padding-left: 58px;
}
}
.candidate-header .search-form{
    max-width: 260px;}
.candidate-header .search-form .form-control{
    font-size: 11px;
    width: 240px;
    padding: 10px 5px 10px 40px;}
.candidate-header .search-form .form-control.location{
    font-size: 11px;
    width: 175px;
    padding: 10px 6px 10px 30px;}
/*  */
@media(max-width:1199px){
.candidate-header .search-form .form-control,
.candidate-header .search-form .form-control.location {
    width: 100%;
    padding: 10px 6px 10px 40px;
    max-width: 280px;}

}
.candidate-header .search-form .btn{
    left: 0;
    right: 89%;
    top: 50%;
    transform: translateY(-50%);}
.candidate-header .menu-bar .menu{
    position: relative;}
/* link  */
.candidate-header .menu-bar .menu .links a img:last-child{
    display: none;}
.candidate-header .menu-bar .menu .links a.active img:first-child{
    display: none;}
.candidate-header .menu-bar .menu .links a.active img:last-child{
    display: block;}
.candidate-header .menu-bar .sign{
    padding: 10px 40px;}
/*  */
@media(min-width:1200px){
.candidate-header .menu-bar .menu::after{
    background-color: #E2E2E2;
    content: "";
    width: 1px;
    height: 100%;
    right: 0px;
    position: absolute;}
}
/*  */
.candidate-header .dropdown-toggle::after{
    display: none;}
/* profile-dropdown*/
.candidate-header .profile-dropdown{
    padding: 10px;
    margin-top: 5px !important;
    border-radius: 10px;
    background-color: #fff;}
.candidate-header .profile-dropdown a{
    background-color: #fff;}
.candidate-header .profile-dropdown a:hover,
.candidate-header .profile-dropdown button:hover{
    background-color: #fff;
}
/* /profile-dropdown */
/* help-dropdown */
.candidate-header .dropdown-menu.helplist{
    margin-top:45px !important;
    padding: 15px;
    border-radius: 10px;
    border: 0px;
    min-width: 260px !important;
    max-height: 83vh;
    overflow-y: auto;
    box-shadow: 3px 4px 13px 0px #0000001A;}
.candidate-header .dropdown-menu.helplist::-webkit-scrollbar{
    display: none;}
.candidate-header .dropdown-menu.helplist .dropdown-item.active{
    background-color: #fff;}
.candidate-header .dropdown-menu.helplist .dropdown-item{
    white-space: wrap;
    padding: 5px;
    background-color: #fff;}
.candidate-header .dropdown-menu.helplist li:not(:first-child):not(:last-child) {
    border-bottom: 1px solid #E1E1E1;}
.candidate-header .dropdown-menu.helplist li{
    padding-top: 5px;
    padding-bottom: 5px;}

/* menu-outside */

body:not(.open-menu) .header .menu-outside{
    display: none;}
@media (max-width: 1199px) {
.open-menu .header .menu-outside {
    background: #00000096;
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;}
}
@media(max-width:1199px){
.header .menu-bar {   
    position: fixed;
    z-index: 101;
    top: 0;
    background-color: #fff;
    width: 300px;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    /**/
    right: -300px;

    -webkit-transition: right 0.4s ease-in-out;
    -moz-transition: right 0.4s ease-in-out;
    -ms-transition: right 0.4s ease-in-out;
    -o-transition: right 0.4s ease-in-out;
    transition: right 0.4s ease-in-out;}
.open-menu .header .menu-bar {
    right: 0;
}
.header.logged-header .menu-bar {   
    position: fixed;
    z-index: 101;
    top: 0;
    background-color: #fff;
    width: 300px;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    /**/
    left: -300px; 
    right: auto;

    -webkit-transition: left 0.4s ease-in-out;
    -moz-transition: left 0.4s ease-in-out;
    -ms-transition: left 0.4s ease-in-out;
    -o-transition: left 0.4s ease-in-out;
    transition: left 0.4s ease-in-out;}
.open-menu .header.logged-header .menu-bar {
    left: 0px;
}
.open-menu .header .menu-bar .menu {
    padding-left: 20px;
    padding-top: 60px;}
.header .menu-bar .menu li {
    margin-bottom: 25px;
    display: block;}
.header .menu-bar .menu .link-item .link {
    padding: 15px 30px;}

.candidate-header .menu-bar .sign{
    margin-left: 20px;
}
}
/* menu-toggle */
.header .menu-toggle {
    position: absolute;
    z-index: 10;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 69px;
    background-color: transparent;
    border: none;
    padding: 0;
    width: 35px;
    height: 25px;
}

.header.logged-header .menu-toggle {
    position: absolute;
    z-index: 10;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 36px;
    background-color: transparent;
    border: none;
    padding: 0;
    width: 30px;
    height: 25px;
}

.header .menu-toggle span {
    background-color: #000;
    display: block;
    position: relative;
    width: 100%;
    height: 2px;
    float: right;
    border-radius: 25px;}
.header .menu-toggle span:nth-of-type(1) {
    /* width: 80%; */
    width: 100%;
    top: -8px;}
.header .menu-toggle span:nth-of-type(3) {
    /* width: 45%; */
    width: 100%;
    top: 8px;}
@media (min-width: 1200px) {
    .header .menu-toggle {
        display: none;
    }
}

.header .menu-bar .close-btn {
    z-index: 1;
    top: 10px;
    left: 15px;}
.header.logged-header .menu-bar .close-btn {
    z-index: 1;
    top: 10px;
    left: auto;
    right: 15px !important;
}

@media (min-width: 1200px) {
.header .menu-bar .close-btn {
    display: none;}
}
@media(min-width:567px) and (max-width:1200px){
.header.logged-header .menu-toggle{
    right: 90px;}
}
@media(max-width:565px){
.header.logged-header .menu-toggle{
    left: 28px ;
    }
}

/* profile card */
.header .profile-card{
    display: flex;
    align-items: center;
    gap: .5rem;
    justify-content: end;
}
@media(max-width:1199px){
.header .profile-card{
    justify-content: start;
    padding-left:20px;}
}
.header .profile-card .profile{
    height: 48px;
    width: 48px;
    border-radius: 50%;}
.header .profile-card .dropdown{
    z-index: 5;
}
 /* header language */
.header.candidate-header .lang-change .dropdown-toggle {
    background-color: #F4F4F4;
    border: 1px solid #F4F4F4;}
.header.candidate-header .lang-change .dropdown-toggle {
    margin-right: 10px;
    color: #5C5C5C;
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 11px;
    position: relative;
    /* top: 2px; */
    border: 0;}
.header.candidate-header .lang-change .dropdown-toggle .fa {
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 6px;}
.header.candidate-header .lang-change .dropdown-menu {
    border: none;
    box-shadow: 9px 19px 35px #dcdcdd;}
.header.candidate-header .lang-change .dropdown-menu li:not(:last-of-type) .dropdown-item {
    border-bottom: 1px solid #dee2e5;}
.header.candidate-header .lang-change .dropdown-menu .dropdown-item {
    background-color: transparent;
    color: #838383;
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;}
.header.candidate-header .lang-change .dropdown-menu .dropdown-item:hover {
    color: #212529;}
 /* /header language */
/* login */
.sign_modal .modal-content .left-img{
    height: 340px;
    width: auto;}
.sign_modal .modal-footer .btn-sign{
    background: #30154E;
    color: #FDBC5A;
    padding: 10px 8px;
    margin: 0;
    font-family: 'poppinssemibold';
    border:1px solid #30154E ;
    border-radius: 12px;}
.sign_modal .modal-footer .login-with-google-btn {
    width: 100%;
    margin: 0;
    background-color: #fff;
    padding: 8px 8px;
    border-radius: 12px;
    color: #2B2B2B;
    background-position: 12px 11px;
    border: 1.5px solid #000;}
.sign_modal .modal-footer .login-with-google-btn .google-img{
    width: 25px !important;
    height: 25px !important;
    margin-right: 10px;}

/*  */
.sign_modal .modal-footer .or-separator {
    display: flex;
    align-items: center;
    text-align: center;
    color: #666;
    margin:15px 0;}
.sign_modal .modal-footer .or-separator::before,
.sign_modal .modal-footer .or-separator::after {
    content: "";
    flex: 1;
    border-bottom: 1px solid #b0b0b0;}
      
.sign_modal .modal-footer .or-separator::before {
    margin-right: 10px;}
      
.sign_modal .modal-footer .or-separator::after {
    margin-left: 10px;}

/* @media (max-width: 767px) {
.sign_modal .modal-body .form-body {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; 
    scrollbar-width: none; }
.sign_modal .modal-body .form-body::-webkit-scrollbar {
    display: none;}
.sign_modal .modal-footer {
    position: fixed;
    bottom: 45px; 
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 500px; 
    padding: 0 20px;
    z-index: 0; }
.sign_modal .modal-body {
    padding-bottom: 160px; }
} */
            
/* presonal information */
.sign-page .card-group .btn-sign{
    background: #30154E;
    color: #FDBC5A;
    padding: 10px 28px;
    margin: 0;
    font-family: 'poppinssemibold';
    border:1px solid #30154E ;
    border-radius: 12px;}
@media (max-width: 767px) {
.sign-page .card-group .btn-sign{
    display: flex;
    align-items: center;
    justify-content: center;}}
.sign-page .card-group .profile-card{
    width: 118px;
    justify-content: center;
    margin: auto;
}
.sign-page .card-group .profile-icon{
    width: 118px;
    height: 118px;
    border-radius: 50%;
    object-fit: cover;}
.sign-page .card-group .profile-change{
    position: absolute;
    padding: 0;
    bottom: -5px;
    right: 7px;}
.sign-page .card-group .btn-back{
    background: #fff;
    padding: 8px 30px 8px 25px; 
    font-family: 'poppinssemibold' !important;
    color: #30154E;
    border: 1.25px solid #30154E;}
@media (max-width: 767px) {
.sign-page .card-group .btn-back{
    display: flex;
    align-items: center;
    justify-content: center;}}
.sign-page .card-group .search-form {
    position: relative;
    width: 100% !important;
    max-width: 100% !important;}
.sign-page .card-group .search-form .btn {
    position: absolute;
    right: 13px;
    top: 15px;
    min-width: auto;}
/* protfolio */
.sign-page .form-body .platform-select .dropdown{
    background-color: #fff;}
.sign-page .form-body .platform-select li{
    padding: 10px 10px;
    background-color: #fff;
    color: #545454;}
.sign-page .form-body .platform-select li:not(:last-child){
    border-bottom: 1px solid #dedede;
}
.bottom-side{
    position: fixed;
    bottom: 28px; 
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 500px; 
    padding: 0 20px;
    z-index: 5;}
.top-side{
    margin-top: 100px;}
@media (max-width: 767px) {
.top-side{
    margin-top: 40px;}
}
.yearpicker-container.yearpicker-dropdown {
    width: 90vw; 
    left: 50% !important; 
    transform: translateX(-50%); 
    max-width: 100%; }
.sign-page select.chosen-select{
  width: 100% !important;
  max-width: 100% !important;
}
.new-select-container {
  width: 100%;
}
.new-select-container select {
  width: 100% !important;
  max-width: 100%;
  box-sizing: border-box;
}
/* skill experties */
/* sreach dropdown */
.sign-page .dropdown-menu-search {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    margin-top: 5px;
    max-height: 200px;
    overflow-y: auto;
    list-style: none;
    padding: 0;}
.sign-page .dropdown-menu-search li {
    padding: 12px 8px;
    cursor: pointer;
    color: #545454;
    font-size: 13px;
    border-radius: 6px;}
.sign-page .dropdown-menu-search li:hover {
    background-color: #f5f5f5;}
.sign-page .dropdown-menu-search li:not(:last-child){
    border-bottom: 1px solid #dedede;}

/*select platform search btn  */
.sign-page .socail-media-form .chosen-container.chosen-with-drop .chosen-drop{
    box-shadow: 3px 4px 20px 0px #0000000F;
    background-color: #fff;
    margin-top: 10px;
    position: relative;}
.sign-page .socail-media-form .chosen-container .chosen-results li{
    padding: 12px 10px;}
.sign-page .socail-media-form .chosen-container .chosen-results li.active-result:not(:last-of-type){
    border-bottom: 1px solid #dedede;}
.sign-page .socail-media-form .chosen-container-single .chosen-search input[type=text]{
    display: none;}
/* selcted items */
.sign-page .selected-skills-list li {
    padding: 8px 12px;
    margin-bottom: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;}
.sign-page .selected-skills-list li:not(:last-child){
    border-bottom: 1px solid #dedede;}
.sign-page .selected-skills-list li .text {
    flex: 1;
    font-size: 14px;
    color: #545454;
    font-family: "poppinssemibold";}
.sign-page .selected-skills-list li input.form-control{
    font-size: 14px;
    padding:12px;
    font-family: 'poppinsregular';
    border-radius:6px;}
.sign-page .selected-skills-list li .icons{
    display: flex;
    align-items: center;
}
.sign-page .selected-skills-list li .edit-skill,
.sign-page .selected-skills-list li .delete-skill,
.sign-page .selected-skills-list li .save-btn img{
    width: 16px;
    height: 16px;
    margin-left: 10px;
    cursor: pointer;}

/*select platform search btn  */
.sign-page .socail-media-form .chosen-container.chosen-with-drop .chosen-drop{
    box-shadow: 3px 4px 20px 0px #0000000F;
    background-color: #fff;
    margin-top: 10px;
    position: relative;}
.sign-page .socail-media-form .chosen-container .chosen-results li{
    padding: 12px 10px;}
.sign-page .socail-media-form .chosen-container .chosen-results li.active-result:not(:last-of-type){
    border-bottom: 1px solid #dedede;}
.sign-page .socail-media-form .chosen-container-single .chosen-search input[type=text]{
    display: none;}
/* selcted items */

/* close */
.close-btn {
    position: absolute;
    width: 22px;
    height: 22px;
    opacity: 0.3;
    cursor: pointer;}
.close-btn:before, 
.close-btn:after {
    position: absolute;
    left: 12px;
    top: 5px;
    content: ' ';
    height: 100%;
    width: 2px;
    background-color: #333;}
.close-btn:before {
    transform: rotate(45deg);}
.close-btn:after {
    transform: rotate(-45deg);}

/* card-header */
.candidate-header .card-group .card .card-header{
    padding-top: 15px;
    padding-bottom: 10px;}


/* url-primary */
.url-primary {
    position: absolute;
    cursor: pointer;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;}
/* breake word */
.break-word {
  word-break: break-word;
  white-space: normal;
}

/* fs */
.fs-24{
    font-size: 24px !important;}


/* text-cololr */
.text-color-l-black{
    color: #0D062D !important;}
.text-color-lmd-black{
    color: #141414 !important;}
.text-color-sm-black{
    color: #161616B3 !important;}
.text-color-ldm-black{
    color: #1D1D1D !important;}
.text-color-drm-black{
    color:#262626 !important}
.text-color-dm-black{
    color: #2F2F2F !important;}
.text-clr-lm-black{
    color: #282828 !important;}
.text-color-lm-blue{
    color: #2C99FF !important;}
.text-color-dm-blue{
    color: #0E61FC !important;}
.text-color-dl-black{
    color: #313131 !important;}
.text-color-md-black{
    color: #353535 !important;}
.text-color-mu-black{
    color: #3B3B3B !important;}
.text-li-violet {
    color: #4F1DBF !important;}
.text-color-md-mute{
    color: #494949 !important;}
.text-color-ls-black{
    color: #505050 !important;}
.text-color-mlc-mute{
    color: #5E5E5E !important;}
.text-color-rml-mute{
    color: #5D5656 !important;}
.text-color-ml-mute{
    color: #5F5E5E !important;}
.text-color-mx-mute{
    color: #595959 !important;}
.text-color-dlm-mute{
    color: #6E6E6E !important;}
.text-color-lr-mute{
    color: #636363 !important;}
.text-color-mld-mute{
    color: #656565 !important;}
.text-color-mul-mute{
    color: #676767 !important;}
.text-color-rl-mute{
    color: #727272 !important;}
.text-color-sm-mute{
    color: #737373 !important;}
.text-color-lms-mute{
    color: #7A7A7A !important;}
.text-color-dm-mute{
    color: #8c8c8c !important;}
.text-color-dl-mute{
    color: #716F6F !important;}
.text-color-ls-mute{
    color: #858383 !important;}
.text-color-lm-mute{
    color: #888888 !important;}
.text-color-mr-mute{
    color: #909090 !important;}
.text-color-l-red{
    color: #FF5656 !important;}
.text-lm-blue {
    color: #30154E !important;}
.text-clr-b-blue{
    color: #1581FF !important;}
.text-clr-li-b-black{
    color: #414141 !important;}
.text-clr-b-light-black{
    color: #010101 !important;}
.text-clr-bl-black{
    color: #252525 !important;}

/* bg */
.bg-li-blue{
    background-color: #E9F1FF !important;}

/* choose-file-btn */
.choose-file-btn::-webkit-file-upload-button {
    padding: 10px 35px;
    background-color: #393838;
    border: none;
    border-radius: 10px;
    color: #fff;
    transition: 100ms ease-out;
    cursor: pointer;
}

/* btn-group */
.btn-group-toggle .btn{
    min-width: 110px;
    max-width: 150px;
    background: transparent;
    color: #474747;;
    border: 1px solid #8D8D8D;}
 .btn-group-toggle .btn.active{
    background: #4F2493;
    color: #fff;
    border: 1px solid #4F2493;}
.btn-group-toggle .btn:not(:first-child){
    margin-left: 10px !important;}

/* btn  */
.btn-ml-blue, .btn-ml-blue:hover{
    background-color:#1581FF;
    color: #fff;
    border: 1px solid #1581FF;
}

.btn-follow, .btn-follow:hover {
    background-color: #fff;
    color: #0E61FC;
    border: 1px solid #0E61FC;}
.btn-xl-blue, .btn-xl-blue:hover {
    background-color: #fff;
    color: #0E61FC;
    border: 1px solid #0E61FC;}
.btn-border-blue, .btn-border-blue:hover{
    background-color: #f5f5f5;
    color:#2C99FF;
    border: 1.5px solid #2C99FF;}
.btn-m-yellow, .btn-m-yellow:hover{
    background-color: #D6ED26;
    color: #131313;
    border: 1px solid #D6ED26;}
.btn-follow.active {
    background-color: #ECE3FF;
    color: #4F1DBF;
    border: 1px solid #4F1DBF;}
.btn-dm-blue,.btn-dm-blue:hover {
    background-color: #4F1DBF;
    color: #fff;
    border: 1px solid #4F1DBF;}

.btn-lm-blue, .btn-lm-blue:hover{
    background: #0E61FC;
    color: #fff;
    border:1px solid #0E61FC;}
.btn-ds-border-blue, .btn-ds-border-blue:hover{
    background: #F5F1FF;
    color: #4F1DBF;
    border: 1px solid #4F1DBF;}
.btn-know{
    background-color: #fff;
    color: #4A4A4A;
    border: 1px solid #4A4A4A ;}

/* border-bottom-gray */
.border-bottom-gray{
    border-bottom:1px solid #E1E1E1}

.border-bottom-l-gray {
    border-bottom: 1px solid #E1E1E1;
}

/* badge color */
.badge-l-green{
    color: #fff;
    background-color:#009d39;
    border: 1px solid #009d39;}


/* dashboard */
.std-profile-card{
    background-color: #fff;
    box-shadow: 4px 4px 20px 0px #0000000D;
    margin-top: 60px;}
.std-profile-card .profile-img{
    width: 88px;
    height: 88px;
    object-fit: cover;
    margin-bottom: 10px;
    margin-top: -50px;}
.std-profile-card .btn:first-child{
    margin-top: 5px;
}
.std-bottom-card .branding-img{
    width: 100%;
    height: 100%;
    object-fit: cover;}
.std-bottom-card .btn{
    position: absolute;
    bottom: 30px;
    left: 20px;}
/* assist card */
.assist-brand-card .branding-img{
    width: 100%;
    max-width:100%;
    max-height:211px;
    height: auto;
    object-fit: cover;}
.assist-brand-card .btn{
   position: absolute;
    bottom: 30px;
    left: 20px;}
.assist-card .sub-title{
    font-size: 29px;
    line-height: 44px;}
.assist-card .title{
    font-size: 33px;
    line-height: 44px;}
.assist-card .right-icon{
    height: 165px;}
/* pin-card */
.pin-card{
    padding: 20px 25px;
    box-shadow: 4px 4px 20px 0px #0000000D;
    background-color: #fff;}
.pin-card .ad-img{
    max-width:100%;
    object-fit: cover;
    max-height:260px;}
/* brand-assist card */
.brand-assist-card .branding-img{
    height: 100%;
    width:100%;
    /* max-height:587px;  */
    /* max-width:100%; */
    object-fit: cover;}
.brand-assist-card .btn{
    position: absolute;
    bottom: 30px;
    left: 20px;}
.brand-assist-card .sub-title{
    font-size: 34px;
    line-height: 53px;}
.brand-assist-card .title{
    font-size: 39px;
    line-height: 53px;}
/* instruction-card */
.instruction-card{
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem 1rem;
    justify-content: center;
    text-decoration: none;
    list-style: none;
    font-size: 13px;
    color: #3A3A3A;}
@media (max-width:567px){
.instruction-card{
    padding-left: 0px !important;}
}
.instruction-card li a{
    text-decoration: none;
    list-style: none;
    color: #3A3A3A;}
@media (max-width: 767.98px) {
  .candidate-dashboard .card-group .card {
    border-radius: 0 !important;
  }
}

/* notification */
.notification-card{
    box-shadow: 4px 4px 20px 0px #0000000D;}
.notification-card .sub-card,
.contractors-card .sub-card{
    position: relative;
    display: flex;
    padding: 15px 20px;
    align-items: center;
    justify-content: space-between;}
.notification-card .sub-card.active{
    border-bottom: 1px solid #f5f5f5;
    background: #FFF9DB;}
.notification-card .sub-card.active::after{
    display: none;}
.notification-card .sub-card:not(:last-child)::after{
    content: "";
    position: absolute;
    width: 95%;
    height: 1px;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    background: #D8D8D8;}
.notification-card .sub-card.active .circle span{
    background: #1180E7;
    height: 8px;
    width: 8px;
    border-radius: 50rem;
    position: absolute;
}
/* contractors */
.contractors-card{
    padding: 20px 10px;
    background-color: #fff;
    box-shadow: 4px 4px 20px 0px #0000000D;}
.filterd-search.search-form{
    max-width: 97%;}
.filterd-search.search-form input{
    padding: 10px 20px 11px 20px;;
    padding-left: 40px;}
.filterd-search.search-form .search-btn{
    left: 0px;
    right: 92%;
    top: 14px;}
.contractors-card .sub-card{
    display: flex;
    align-items: start;
    justify-content: space-between;
}
.contractors-card .sub-card:not(:last-child)::after{
    content: "";
    position: absolute;
    width: 87%;
    height: 1px;
    bottom: 0px;
    left: 54.5%;
    transform: translateX(-50%);
    background: #D8D8D8;}
  .profile-modal .profile_img {
  width: 100%;            
  max-width: 124px;          
  aspect-ratio: 124 / 127;  
  flex-shrink: 0;            
}

.profile-modal .profile_img .profile {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
/* contractor_rating-modal */
.contractor_rating-modal .star {
  font-size: 41.6px;
  color: #DADADA;
  cursor: pointer;
  transition: color 0.2s;
}
.contractor_rating-modal .star.active {
  color: #FFC107;
}
.contractor_rating-modal .button-color-blue {
    background-color: #4986F0;
    color: #FFFFFF;
    border-radius: 35.53px; }
.profile-modal .button-color-blue {
    background-color: #4986F0;
    color: #FFFFFF;
    border-radius: 10px; }
.status-green{
    background-color: #17C73E;
    border: 1px solid #17C73E;}
.profile-modal h6 {
    font-size: 14px;
    font-weight: 600;
    font-style: semiblod;
}
.contractor-profile-info .certificate-img {
    width: 93.43848419189453px; 
    aspect-ratio: 93.43848419189453 / 99.27839660644531;
}

.contractor-profile-info .certificate-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
  .fancybox__container {
    z-index: 1060 !important; /* higher than Bootstrap modal */
}

/* candidate profile view */
.profile-view-card{
    box-shadow: 4px 4px 13px 0px #0000001A;
    background-color: #fff;
}
.profile-view-card .profile-img{
    height: auto;
    width: 100%;
    min-height: 140px;
    max-height: 210px;
    object-fit: cover;}
.profile-view-card .img-card::after{
    position: absolute;
    inset: 0;
    content: "";
    background: #00000066;}
.profile-view-card .sub-card{
    padding: 0px 45px;}
.profile-view-card .sub-card .company-card .company-img{
    width: 171px;
    height: 171px;
    margin-top: -85px;
    z-index: 1;
    background-color: #fff;
    box-shadow: 4px 12px 20px -2px #00000040;
    margin-bottom: 10px;
    padding:4px;
    border-radius: 6px;
    position: relative;}

@media (max-width:567px){
.profile-view-card .sub-card{
    padding: 0px 25px;}
}
.profile-overview-card{
    background-color: #fff;
    box-shadow: 3.73px 3.73px 18.64px 0px #0000000D;
    padding: 25px 25px;
}
/* follow card */
.follow-card{
    padding: 15px 0px 15px 15px;
    background-color: #fff;
    box-shadow: 4px 4px 13px 0px #0000001A;}
.follow-card .sub-card{
    padding-right: 15px;
    padding: 13px 15px 13px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;}
.follow-card .sub-card:not(:last-child){
    border-bottom: 1px solid #EAEAEA;}
.follow-card .sub-card .cmpy-img{
    height: 42px;
    width: 42px;
    object-fit: cover;}
.profile-overview-card .gallery-card{
    border: 0.87px solid #DCDCDC;
    padding: 15px 15px;}
.profile-overview-card .gallery-card .company-img{
    width: 70px;
    height: 70px;
    object-fit: cover;}
/* profile gallety */
.profile-gallery-card{
    padding: 20px 20px;
    background-color: #fff;
    box-shadow: 4px 4px 20px 0px #0000000D;}
.profile-gallery-card .gallery-img{
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 6.43px;}
/* profile */
.profile-view-card .company-card .candidate-img{
    width: 167px;
    height: 167px;
    margin-top: -100px;
    z-index: 1;
    background-color: #fff;
    box-shadow: 4px 12px 20px -2px #52525240;
    margin-bottom: 10px;
    padding: 4px;
    position: relative;;}
.profile-overview-card .sm-card:not(:last-child){
    border-bottom: 1px solid #DADADA}
.profile-overview-card .switch {
    position: relative;
    display: inline-block;
    width: 51px;
    min-width: 51px;
    height: 26px;}
.profile-overview-card .switch input {
    opacity: 0;
    width: 0;
    height: 0;}
.profile-overview-card .switch .slider {
    position: absolute;
    cursor: pointer;
    inset: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 34px;}
.profile-overview-card .switch .slider:before {
    position: absolute;
    content: "";
    height: 21px;
    width: 21px;
    border-radius: 50%;
    left: 3px;
    bottom: 2.5px;
    background-color: white;
    transition: .4s;}
.profile-overview-card .switch input:checked + .slider {
    background: #20B150;}
.profile-overview-card .switch input:checked + .slider:before {
    transform: translateX(24px);}
.profile-overview-card .experince-cmpy-card .cmpy-img{
    height: 65px;
    object-fit: cover;
    width: 65px;}
/* experience-company-card */
.profile-overview-card .experince-cmpy-card:not(:last-child){
    border-bottom: 1px solid #DADADA;}
.profile-overview-card .education-cmpy-card:not(:last-child)::after{
    content: "";
    position: absolute;
    width: 98.5%;;
    height: 1px;
    bottom: 1px;
    left: 36px;
    background-color: #DADADA;}

/* skill-card */
.profile-overview-card.skill-card .education-cmpy-card:not(:last-child)::after{
    left: 0;
    width: 100%;}
/* License-card*/
.profile-overview-card .education-cmpy-card .license-cmpy-img{
    width: 33px;
    height: 33px;
    object-fit: cover;} 

/* volunteering-card*/
.profile-overview-card .education-cmpy-card .volunteering-img{
    width: 30px;
    height: 30px;
    object-fit: cover;} 
.profile-overview-card .education-cmpy-card .mentor-doc-card .doc-img{
    width: 101px;
    height: 61px;
    object-fit: cover;} 

.candidate_profile_page .dropdown-menu{
    position: relative;}
.candidate_profile_page .dropdown .dropdown-toggle{
    background-color: transparent;
    border: none;}
.candidate_profile_page .dropdown .dropdown-toggle::after {
    border: none;}

.candidate_profile_page .dropdown .dropdown-menu {
    min-width: 130px;
    border: none;
    border-radius: 5px;
    z-index: 99;
    box-shadow: #e0e0e6 5px 5px 5px 0;}
.candidate_profile_page .dropdown-menu.show {
    display: block;}
.candidate_profile_page .dropdown .dropdown-menu .dropdown-item {
    color: #787b7d;
    background-color: #fff !important;
    cursor: pointer;
    font-size: 11px;
    padding: 7px 15px;}
.candidate_profile_page .dropdown .dropdown-menu li:not(:last-of-type) .dropdown-item {
    border-bottom: 1px solid #dee2e5;}
.edit-pdf-icon{
    position: absolute;
    top: -3px;
    left: 40px;
    border-radius: 50%;
    width: 26px;
    height: 28px;
    text-align: center;
    z-index: 2;
}
.edit-pdf-icon img{
    height: 18px;
}

/* profile-edit modal*/
.profile-edit-modal{
    left: 50%;
    transform: translateX(-50%);
    max-width: 660px;}
.profile-edit-modal::-webkit-scrollbar{
    display: none;}
.profile-edit-modal .profile-card{
    width: 118px;
    justify-content: center;
    margin: auto;
}
.profile-edit-modal .profile-icon{
    width: 123px;
    height: 123px;
    border-radius: 50%;
    box-shadow: 4px 12px 20px -2px #8A8A8A40;
    padding: 4px;
    background-color: #fff;
    object-fit: cover;}
.profile-edit-modal .profile-change{
    position: absolute;
    padding: 0;
    bottom: -5px;
    right: -5px;}
/*  skill modal */
.profile-skill-modal .search-form{
    max-width: 100%;}
/* add more details modal */
.profile-add-more-deatils .accordion .accordion-item:not(:last-child) {
  border-bottom: 1px solid #E8E8E8 !important;}
.profile-add-more-deatils .accordion .accordion-button{
    padding: 13px 0px;}
.profile-add-more-deatils .accordion .accordion-body button{
    padding: 12px 0px;
    width: 100%;
    text-align: start;}
.profile-add-more-deatils .accordion .accordion-body .btn:not(:last-child){
    border-bottom: 1px solid #E8E8E8 !important}
.profile-add-more-deatils .accordion .accordion-button::after{
    background-image:url(../../candidate/images/icons/down-m.svg);}
/* about modal */
.profile-about-modal form .form-body textarea{
    border: 1px solid #B9B9B9 !important;}
/*  */
.profile-volendeer-modal form .form-body .btn-choose{
    border: 2px solid #0E61FC;
    color:#0E61FC;
    background: #F1F6FF;
    border-radius: 22px;
    padding: 7px 15px 5px 15px;}
.sign-page .form-body input[type="checkbox"],
.profile-experience-modal .form-body input[type="checkbox"],
.profile-volendeer-modal .form-body input[type="checkbox"] {
    height: 19px;
    width: 19px;}
/*  */
.profile-contact-info-modal .form-body .chosen-container-single .chosen-single span{
    font-size: 14px;}
/*  */
.profile-add-project-modal .modal-body .textarea{
    min-height: 130px;
}
/*  */
.sign-page .form-body input[type="checkbox"]:checked,
.profile-volendeer-modal  .form-body input[type="checkbox"]:checked,
.profile-experience-modal  .form-body input[type="checkbox"]:checked{
    background-color: #179E4F;
    border-radius: 5px;}
@media (min-width:992px){
.profile-contact-info-modal .modal-dialog,
.profile-language-modal .modal-dialog{
    max-width: 585px;
    margin: auto;}
.profile-add-more-deatils .modal-dialog,
.profile-add-license-modal .modal-dialog,
.profile-add-project-modal .modal-dialog{
    max-width: 660px;
    margin: auto;}
}
@media(max-width:767px){
.profile-overview-card .experince-cmpy-card,
.profile-overview-card .education-cmpy-card .sub-card{
    flex-wrap: wrap;}}
/* candidate job management  */
.feedback-input .form-control{
    background: #F2F2F2;
    border: 0;
    font-size: 12px;
    padding-top: 13px;
    padding-bottom: 13px;
    border-radius: 8px;
}

/* scrollable-section  */
.scrollable-section {
    max-height: 500px;
    overflow-y: auto;
    overflow-x:hidden;
    padding-right: 10px;}
.scrollable-section::-webkit-scrollbar {
    width: 15px;
    background-color: #ffff;
    border-radius: 8px;
}
.scrollable-section::-webkit-scrollbar-track {
    background-color: #ffff;
    border-radius: 8px;}
.scrollable-section::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
    border: 3.5px solid #ffff; 
    border-radius: 8px;
}
.candidate-job-management .scrollable-section {
    max-height: calc(100vh - 240px);}

@media(max-width:767px){
.jobs-manage  .scrollable-section {
  scrollbar-width: none; 
    -ms-overflow-style: none;}
.jobs-manage .scrollable-section::-webkit-scrollbar {
     display: none; 
}
.jobs-manage .loc-img{
    height: 11px;
}
}
.jobs-manage .com-amount{
    color: #161616B3;
}
@media(max-width:767px){
.jobs-manage .com-amount{
    color: #010101;
}}

@media(max-width:767px){
.jobs-manage .jobs-mana-card{
    margin-top: 70px;} 
}
@media (min-width:768px) and  (max-width:1999px) {
.jobs-manage .jobs-mana-card{
    margin-top: 89px;} 
}
@media (min-width:1200px) {
    .jobs-manage .jobs-mana-card{
        margin-top: 116px;
    }}
.job-date{
    font-size: clamp(10px, 2vw, 14px);

}
/* /scrollable-section  */

/* jobs-section */
/* .jobs-section .card-group .card{
    box-shadow: none;
    border-radius: 0px;
} */
.jobs-section .card-header {
    background-color: transparent;
}
@media (max-width: 767px) {
  .jobs-section .card.head-card {
    background-color: transparent !important; 

  }


}
@media (min-width: 767px) {
    .jobs-section .card-header {
        background-color: transparent !important; 
    }
      
}

/* /jobs-section */

/* fillter */
.candidate-job-management .filter-by .chosen-container-single .chosen-single{
    width: 130px;}
.candidate-job-management .switch {
    position: relative;
    display: inline-block;
    width: 51px;
    height: 26px;}
.candidate-job-management .switch input {
    opacity: 0;
    width: 0;
    height: 0;}
.candidate-job-management .switch .slider {
    position: absolute;
    cursor: pointer;
    inset: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 34px;}
.candidate-job-management .switch .slider:before {
    position: absolute;
    content: "";
    height: 21px;
    width: 21px;
    border-radius: 50%;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: .4s;}
.candidate-job-management .switch input:checked + .slider {
    background: #4F1DBF;}
.candidate-job-management .switch input:checked + .slider:before {
    transform: translateX(24px);}

.candidate-job-management .filter-by .filter-item label{
    white-space: nowrap;}

.candidate-job-management .card-detail.active {
    border: 2px solid #4F1DBF;
    background: #F8F4FF;
    box-shadow: 4px 4px 20px 0px #0000000D;}
@media (min-width: 767px) {
    .jobs-manage .job-list .card-detail.active {
        border-radius: 15px !important;
    }
}
.candidate-job-management .card-detail .job-title-badge{
    padding: .7em 1.25em 0.3rem !important;}
.candidate-job-management .clr-badge .badge {
    font-weight: 500 !important;
    padding: .7em 1.25em 0.3rem !important;}
.candidate-job-management .card-detail .img-cmpy{
    width: 60px;
    height: 60px;
    object-fit: cover;}
@media (max-width: 767px) {
.candidate-job-management .card-detail .img-cmpy{
    width: 64px;
    height: 64px;
    object-fit: cover;}
}
    
.candidate-job-management .scrollbar-y {
    padding-bottom: 60px;}

@media (min-width: 768px) {
.candidate-job-management .scrollbar-y {
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 8px;}
.candidate-job-management .scrollbar-y::-webkit-scrollbar{
    background-color: white;
    border-radius: 50px;
    width: 18px;}
.candidate-job-management .scrollbar-y::-webkit-scrollbar-thumb{
    background-color: #E4E4E4;
    border-radius: 50px;
    border: 4px solid white; }  
}
.candidate-job-management .card-detail .easy-btn{
    position: relative;
    z-index: 2;}

.candidate-job-management .card-detail button{
    font-family: "poppinsregular";}

/* right side  */
.candidate-job-management .card-body .save-btn img:last-child,
.candidate_profile_view_page .save-btn img:last-child{
    display: none;}
.candidate-job-management .card-body .save-btn.active img:first-child,
.candidate_profile_view_page .save-btn.active img:first-child{
    display: none;}
.candidate-job-management .card-body .save-btn.active img:last-child,
.candidate_profile_view_page .save-btn.active img:last-child{
    display: block;}

.candidate-job-management .instruction-card {
    display: flex; 
    flex-wrap: wrap;
    gap: 0.6rem 1rem ; 
    justify-content: center;
    text-decoration: none;
    list-style:none;
    font-size: 13px;
    color: #3A3A3A;}
.feedback-user {
    width: 55px;
    height: 55px;
    object-fit: cover;
    border-radius: 50%;}
.candidate-job-management .load-more__btn,
.job-management-body .load-more__btn{
    text-decoration: none;
    border: 1.5px solid #4A4A4A;
    color: #4A4A4A;
    padding: 10px 20px;
    border-radius: 43px;
    font-size: 12px;}
.job-management-body ul{
    padding-left: 1rem;
}
.job-management-pg{
    margin-top: 120px;
}
.job-management-body .follow-btn{
    font-size: clamp(12px, 1.2vw, 14px);
}
@media (max-width: 767px) {
.job-management-pg{
    margin-top: 53px;
    margin-bottom: 100px;}  
}
@media (min-width: 768px) and (max-width: 1200px)  {
.job-management-pg{
    margin-top: 98px;}  
}

/* chat_page */
.jobs-manage h4{
    font-size: 28px;
    color: #252525;
}
@media(max-width:767px){
.jobs-manage h4{
    font-size: 20px;
    color: #252525;
}
.jobs-manage.card-group .card{
    border-radius: 20px !important;
}
.jobs-manage .card-group .card.head-card{
    box-shadow: 3px 4px 20px 0px #0000000F;
    border-radius: 0px;
}
.jobs-manage .filter-by .filter-item .form-select {
    background-color: #F4F4F4 !important;
    color: #5B5B5B !important;
    font-size: 10px !important;
    width: 93px;
    padding: 8px 9px;
    background-size: 7px 9px !important;
}
.jobs-manage .search-form.form-ser .btn {
    position: absolute;
    left: 0;
    right: auto;
    top: 11px;
    min-width: auto;
}
.jobs-manage .search-form .btn img {
    height: 17px;
    padding-left: 8px;
}
.jobs-manage .search-form .form-control {
    font-size: 12px;
    height: 36px;
    border-radius: 10px !important;
    padding: 6px 12px 6px 28px;}
}
.jobs-manage .card-detail p{
    font-size: clamp(10px, 2vw, 14px);
}
.jobs-manage .card-detail span.badge{
    font-size: clamp(10px, 1vw, 11px) !important;
}

.card.std-chat-card{
    /* max-height: 100vh;
    overflow-y: auto; */
    box-shadow: 4px 4px 20px 0px #0000000D;
    padding: 10px 10px 0px;}
.card.std-chat-card .personal-chat-card{
    text-decoration: none;
    padding: 10px;}                          
.card.std-chat-card .btn-chat.active .personal-chat-card{
    background-color: #F5F0FF;
    border-radius: 12px;
    border: 2px solid #4F1DBF;}
.side-card-body .position-relative:not(:last-child) {
    border-bottom: 1px solid #E0E0E0;}
.side-card-body .position-relative:has(.btn-chat.active) {
   border-bottom: 1px solid #fff !important
}


.card.std-chat-card .chat-img{
    width: 57px;
    height: 57px;
    object-fit: cover;}
/* chat-main-card */
@media (min-width:1200px) {
.candidate_chat_page .chat-card{
    display: flex;
    gap: 1rem;}
.candidate_chat_page .chat-card .chat-left-card {
    min-width: 345px;
    /* height: calc(100vh - 130px);
    overflow: auto; */
    width: 100%;
    max-width: 380px;}
.candidate_chat_page .chat-card .chat-center-card{
    min-width:485px;
    width: 100%;}
.candidate_chat_page .chat-card .chat-right-card{
    min-width:264px;
    width: 100%;
    max-width: 290px;}
.candidate_chat_page .side-card-body{
    height: calc(100vh - 160px);
    overflow: auto;
    padding-right: 10px;}
}
@media (max-width:1199px){
.candidate_chat_page .chat-card .chat-left-card {
    left: -360px;
    height: 100%;
    position: fixed;
    padding: 10px 10px;
    background: #fff;
    -webkit-transition: left 0.4s ease-in-out;
    -moz-transition: left 0.4s ease-in-out;
    -ms-transition: left 0.4s ease-in-out;
    -o-transition: left 0.4s ease-in-out;
    transition: left 0.4s ease-in-out;
    margin-top: -130px;
    margin-bottom: 10px;
    z-index:111;}
.open-chat-left-card .candidate_chat_page .chat-card .chat-left-card {
    left: 0;}
.open-chat-left-card, .open-chat-left-card .chat-main-card .card-inner{
    overflow: hidden;}
.open-chat-left-card .card.std-chat-card{
    padding: 95px 0px 0px 0px;
    box-shadow: none;}
.open-chat-left-card .chat-left-card .side-card-header{
    width: calc(100% - 10px);
    top: 10px;
    left: 10px;
    position: fixed;}
.open-chat-left-card .chat-left-card .side-card-body{
    padding-top: 30px;
    max-height: 90vh;
    padding: 10px 10px 50px 10px;
    overflow: auto;}
}
.chat-main-card{
    background: #FFFFFF;
    box-shadow: 4px 4px 20px 0px #0000000D;
    padding: 10px;}

.chat-main-card .card-inner{
    background: #F4F4F4;
    padding: 15px 15px 80px;
    border: 1px solid #E0E0E0;
    overflow: auto;
    padding-top: 80px;
    height: calc(100vh - 211px)}
.chat-main-card .card-inner::-webkit-scrollbar{
    display: none;}
.chat-main-card .card-inner .chat-header-card{
    position: fixed;
    width: calc(100% - 39px);
    left: 11px;
    top: 10px;
    right: 10px;
    padding: 12px 10px;
    border-radius: 12px 12px 0px 0px;
    background-color: #F4F4F4;}
.chat-main-card .card-inner .chat-img{
    width: 62px;
    height: 62px;
    object-fit: cover;
    border: 1px solid #E6E6E6;}
.chat-main-card .card-inner .person-img{
    width: 38px;
    height: 38px;
    object-fit: cover;
    border: 1px solid #E6E6E6;}
.chat-main-card .card-inner .chat-icons{
    width: 50px;
    height: 50px;
    object-fit: contain;}
.chat-main-card .date-label {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 15px 0;}
.chat-main-card .date-label span{
    padding: 7px 17px 6px;
    border-radius: 10px;
    background: #FFFFFF;
    min-width: 125px;
    border: 1px solid #b3b3b3;}
.chat-main-card .date-label::after,
.chat-main-card .date-label::before{
    content: "";
    flex: 1;
    border-bottom: 1px solid #e1e1e1;}
.chat-main-card .msg-img {
    width: 100px;
    height: auto;
    object-fit: contain;}
/* candidate add profile side pdf */
.candidate_profile_page .btn-choose{
    border: 2px solid #0E61FC;
    color:#0E61FC;
    background: #F1F6FF;
    border-radius: 22px;
    padding: 7px 15px 5px 15px;}
 
@media (max-width:767px) {
  .chat-main-card{
    background: transparent;
    box-shadow:none;}
  .chat-main-card .card-inner{
    background: transparent !important;
    border: 0 !important;
  }
  .chat-main-card .card-inner .chat-header-card{
    background-color: transparent !important;
  }
}
/* .chat footer  */
.footer-chat {
    position: fixed !important;
    width: calc(100% - 22px);
    left: 11px;
    padding: 6px 6px 10px 6px;
    bottom: 10px;
    border-radius: 12px;
    background-color: #F4F4F4;}
.footer-chat textarea{
    padding-top: 10px;
    min-height: 50px;
    max-height: 100px;
    align-content: center;
    width: 100%;
    color: #888181;
    padding-left: 15px;
    outline: none;
    padding-right: 118px;}

.footer-chat textarea:focus{
    border: 1px solid #ced4da;
    box-shadow: none;
}
.footer-chat .footer-btns{
    position: absolute;
    right:25px;
    top: 30px;}

/* footer images and pdf preview */
.footer-chat .preview-container{
    background-color: #fff;
    display: flex;
    justify-content:center;
    align-items: center;
    box-shadow: 4px 4px 20px 0px #0000000D;}
 .footer-chat .image-preview-container {
    position: relative;
    align-content: center;
    min-height: 100px;
    display: inline-block;
    margin: 10px 0px;}
.footer-chat .preview-container .image-preview {
    padding: 0px;
    width: 100%;
    object-fit: cover;
    max-height: 100px;
    box-shadow: none;
    border-radius: 10px;}
.footer-chat .preview-container .cancel-preview {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #ffffff;
    color: rgb(255, 255, 255);
    border: none;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    cursor: pointer;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    text-align: center;
    align-content: center;
    padding: 0;}

/* sticky image set  */
  /* Make the left column sticky */
.left-sticky-one {
    position: sticky;
    top: 130px; /* Adjust as needed for your header */
    z-index: 10;
  /* Optional: set width if needed */
}
.left-sticky-left-one {
    position: sticky;
    top: 192px;
    margin-bottom: 5px;
    z-index: 10;}
.left-sticky-two {
    position: sticky;
    top: 520px; /* JS will override */
    z-index: 10;
}
.branding-wrapper {
    width: 100%;
    aspect-ratio: 264 / 331;
}
.branding-wrapper-left {
    width: 100%;
    aspect-ratio: 301 / 331;
}
/* saved job badge height set */
  .saved_job_badge_height {
  height: 20px;
  }



/* privacy-policy */
.privacy-policy h2{
    font-family: airbnb_cereal_appextra_bold;
    line-height: clamp(36px, 5vw, 56px);
}
.privacy-policy ul li{
    margin-bottom: 10px;
    font-size: 16px;
}
.privacy-policy p{
    line-height: 28px;
}
.privacy-policy .language-change .dropdown-toggle{
    border: none;
    background-color: #f4f4f4 !important;
    color: #212529;
}
.privacy-policy .language-change .fa-angle-down:before {
    content: "\f107";
    line-height: 20px;
}
.privacy-policy .language-change .dropdown-item.active,
.privacy-policy .language-change .dropdown-item:active{
    background-color: transparent;
    color: #000;
}
.privacy-policy .spanish-lang { display: none; }
.privacy-policy .english-lang,
.privacy-policy .spanish-lang{
    z-index: -999 !important;
}
/* /privacy-policy */

/* security-policy */
.security-policy h2{
    font-family: airbnb_cereal_appextra_bold;
    line-height: clamp(36px, 5vw, 56px);
}
.security-policy ul li{
    margin-bottom: 10px;
    font-size: 16px;
}
.security-policy p{
    line-height: 28px;
}
.security-policy .language-change .dropdown-toggle{
    border: none;
    background-color: #f4f4f4 !important;
    color: #212529;
}
.security-policy .language-change .dropdown-item.active,
.security-policy .language-change .dropdown-item:active{
    background-color: transparent;
    color: #000;
}
.security-policy .language-change .fa-angle-down:before {
    content: "\f107";
    line-height: 20px;
}
.security-policy .spanish-lang { display: none; }
.security-policy .english-lang,
.security-policy .spanish-lang{
    z-index: -999 !important;
}


/* /security-policy */

/* description-services */
.description-services h2{
    font-family: airbnb_cereal_appextra_bold;
    line-height: clamp(36px, 5vw, 56px);
}
.description-services ul li{
    margin-bottom: 10px;
    font-size: 16px;
}
.description-services p{
    line-height: 28px;
}
.description-services .language-change .dropdown-toggle{
    border: none;
    background-color: #f4f4f4 !important;
    color: #212529;
}
.description-services .language-change .dropdown-item.active,
.description-services .language-change .dropdown-item:active{
    background-color: transparent;
    color: #000;
}
.description-services .language-change .fa-angle-down:before {
    content: "\f107";
    line-height: 20px;
}
.description-services .spanish-lang { display: none; }

.description-services .english-lang,
.description-services .spanish-lang{
    z-index: -999 !important;
}
/* /description-services */ 
.description-services .head{
    z-index: -1 !important;
}