.distance_icon {
    content: url("../../images/icons/distance.svg");
    height: 1em;
    width: 1em;
}

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

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

:root {
    /*
    * font colors
    */
    --ddsn-blue-color: #00376A;
    --alice-blue-color: #ECF3FA;
    --white-color: #FFFFFF;
    --light-gray-color: #f3f3f3;
    --light-blue-bg-badge-color: #DAF7FF;
    --dark-blue-color: #00376A;
    --light-green-bg-badge-color: #D7FFE6;
    --dark-green-color: #00C94B;
    --raven-gray-color: #6c757d;
    --gray-color: #7c7c7c;
    --nero-black-color: #222222;
    --dark-charcoal-color: #333333;
    --limed-spruce-color: #344D52;
    --logout-red-color: #FF0505;
    --seashell-color: #FFF4EA;
    --neonCarrot-color: #FF9228;
    /*
    * font family
    */
    /* --ddsn-font: 'DM Sans', sans-serif; */
    --ddsn-font: 'Roboto', sans-serif;
    /* --ddsn-font: 'Lobster', sans-serif; */
    /*
    *font sizes
    */
    --font-size-p6rem: 0.6rem;
    --font-size-p7rem: 0.7rem;
    --font-size-p8rem: 0.8rem;
    --font-size-p9rem: 0.9rem;
    --font-size-1rem: 1rem;
    --font-size-1p05rem: 1.05rem;
    --font-size-1p1rem: 1.1rem;
    --font-size-1p125rem: 1.125rem;
    --font-size-1p2rem: 1.2rem;
    --font-size-1p255rem: 1.255rem;
    --font-size-1p3rem: 1.3rem;
    --font-size-1p4rem: 1.4rem;
    --font-size-1p5rem: 1.5rem;
    --font-size-1p6rem: 1.6rem;
    --font-size-1p7rem: 1.7rem;
    --font-size-1p8rem: 1.8rem;
    --font-size-2rem: 2rem;
    --font-size-2p8rem: 2.8rem;
    --font-size-3rem: 3rem;
    --font-size-4rem: 4rem;
    /* --ddsn-font-size-p625: 0.625rem; */
}

@media screen and (max-width: 499px) {
    .container_home_ddsn {
        padding: 0rem 1rem;
    }
    .home_card_for_job {
        padding: 0.4rem !important;
    }
    .home_section_title {
        font-size: 40px;
    }
}

@media screen and (min-width: 500px) and (max-width: 850px) {
    .container_home_ddsn {
        padding: 0rem 2rem;
    }
    .home_section_title {
        font-size: 48px;
    }
}

@media screen and (min-width: 851px) and (max-width: 992px) {
    .cardHeight {
        height: 445.92px;
    }
    .container_home_ddsn {
        padding: 0rem 2rem;
    }
    .home_section_title {
        font-size: 48px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .cardHeight {
        height: 515.45px;
    }
    .container_home_ddsn {
        padding: 0rem 4rem;
    }
    .home_section_title {
        font-size: 48px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1398px) {
    .cardHeight {
        height: 589.16px;
    }
    .container_home_ddsn {
        padding: 0rem 6rem;
    }
}

@media screen and (min-width: 1398px) {
    .cardHeight {
        height: 662.89px;
    }
    .container_home_ddsn {
        padding: 0rem 8rem;
    }
}

@media screen and (max-width: 992px) {
    .home_small_medium_d_none {
        display: none;
    }
    .home_small_border_none {
        border: none;
    }
    .secondDivTopMargin {
        margin-top: 80px;
    }
    .home_main_section {
        padding-bottom: 0px !important;
    }
}

@media screen and (max-width: 850px) {
    .ui-autocomplete {
        position: absolute;
        top: 697.703px;
        left: 1255.12px;
        border-width: 0px 1px 1px;
        border-style: none solid solid;
        border-right-color: rgb(208, 208, 208);
        border-bottom-color: rgb(208, 208, 208);
        border-left-color: rgb(208, 208, 208);
        border-image: initial;
        background: rgb(255, 255, 255);
        border-top-color: initial;
        border-radius: 0px 0px 12px 12px;
        width: 75% !important;
        /* width: 864.617px; */
        z-index: 1234565 !important;
        /* z-index: 5 !important; */
        height: 300px;
        overflow-y: scroll;
        padding-left: 0rem !important;
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        padding: 0;
        width: 100%;
        font-size: 1rem !important;
        border-bottom: 1px solid #DEE1E7 !important;
        padding: 15px 8px !important;
        list-style: none;
        cursor: pointer;
    }
}

@media screen and (min-width: 851px) and (max-width: 3000px) {
    .ui-autocomplete {
        position: absolute;
        top: 697.703px;
        left: 1255.12px;
        border-width: 0px 1px 1px;
        border-style: none solid solid;
        border-right-color: rgb(208, 208, 208);
        border-bottom-color: rgb(208, 208, 208);
        border-left-color: rgb(208, 208, 208);
        border-image: initial;
        background: rgb(255, 255, 255);
        border-top-color: initial;
        border-radius: 0px 0px 12px 12px;
        width: 864.617px;
        z-index: 1234565 !important;
        /* z-index: 5 !important; */
        height: 300px;
        overflow-y: scroll;
        padding-left: 0rem !important;
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        padding: 0;
        width: 100%;
        font-size: 1rem !important;
        border-bottom: 1px solid #DEE1E7 !important;
        padding: 15px 8px !important;
        list-style: none;
        cursor: pointer;
    }
}











































.header_filter {
    background: var(--white-color);
    box-shadow: -1px -1px 6px rgba(0, 0, 0, 0.06), 1px 2px 6px rgba(0, 0, 0, 0.15);
    border-radius: 30px;
    margin-top: 68px;
    padding: 25px;
}

.header_black_color_input_element {
    font-weight: 500;
    font-size: 20px;
    /* background: var(--white-color); */
    border: none;
    color: #000;
}

input.dashboard_search_input,
input.home_search_input,
input.remove_outline_input,
input.color_initial:focus {
    outline: none;
}

input.dashboard_search_input,
input.home_search_input,
input.remove_outline_input,
input.color_initial_updated:focus {
    outline: none;
}

.font_size20_weight500_colorblack {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    color: #000000;
}

.width78per {
    width: 78% !important;
}

.search_btn {
    /* width: 126px; */
    height: 50px;
    border-radius: 16px;
    font-family: var(--ddsn-font);
    font-style: normal;
    font-weight: 500;
    background: var(--ddsn-blue-color);
    font-size: var(--font-size-1p1rem);
    color: var(--white-color);
    border: none;
}

.padding_tbp375rem_lr4rem{
    padding: 0.375rem 4rem;
}

.x_scroll_for_jobs_filter:hover {
    overflow-x: scroll;
}

.x_scroll,
.x_scroll_for_jobs_filter {
    overflow-x: hidden;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.x_scroll_for_jobs_filter::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

.x_scroll_for_jobs_filter::-webkit-scrollbar {
    /* width: 4px; */
    height: 2px;
}

.x_scroll_for_jobs_filter::-webkit-scrollbar-thumb {
    background: var(--ddsn-blue-color);
    border-radius: 10px;
}

.x_scroll_for_jobs_filter::-webkit-scrollbar-thumb:hover {
    background: var(--ddsn-blue-color);
}

.remove_search_mobile_btn {
    width: max-content;
    background: #7C7C7C;
    border-radius: 8px;
    color: white;
    border: none;
    padding: 7px 14px;
}

.mobile_filter_background {
    background: #F3F3F3;
    border-radius: 6px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 6px 8px;
    gap: 12px;
}

.font_size12_weight400_colorgrey_for_mobile {
    font-family: var(--ddsn-font);
    font-style: normal;
    font-weight: 400;
    /* font-size: 14px; */
    font-size: var(--font-size-p8rem);
    color: #7c7c7c;
    /* line-height: 18px; */
    line-height: var(--font-size-1p8rem);
}

.mfilter_div {
    flex: none;
    order: 0;
    flex-grow: 0;
}

.cursor_pointer {
    cursor: pointer;
}

.margin_l20px {
    margin-left: 20px !important;
}

.margin_r30 {
    margin-right: 30px !important;
}

.homePageFilterBtn {
    width: fit-content;
    margin-right: 30px;
    display: inline-block;
}

.dropdown-toggle::after {
    content: none !important;
}

.font_size1p1rem_weight500_colorgray {
    font-family: var(--ddsn-font);
    font-style: normal;
    font-weight: 500;
    font-size: var(--font-size-1p1rem);
    color: var(--gray-color);
}

.gray_bg {
    background-color: var(--light-gray-color);
    border: none;
}

.dropdown-menu {
    background: #FFFFFF;
    box-shadow: -9px -12px 22px rgb(0 0 0 / 17%), 9px 12px 22px rgb(0 0 0 / 17%);
    border-radius: 10px;
}

.output~.dropdown-menu {
    position: absolute;
    top: 100%;
    right: -54px;
}

.header_bell_noti~.dropdown-menu {
    right: 20px;
    width: 520px;
}

.header_bell_noti~.dropdown-menu {
    right: 20px;
    width: 520px;
}

.job_manage_filter>.dropdown-menu {
    right: -228px;
    top: 2rem;
}

.remove_search_btn {
    background: #7C7C7C;
    border-radius: 8px;
    color: white;
    border: none;
    padding: 2px 14px;
}

.btn-secondary {
    --bs-btn-color: var(--raven-gray-color);
    --bs-btn-bg: var(--white-color);
    --bs-btn-border-color: var(--raven-gray-color);
    --bs-btn-hover-color: var(--raven-gray-color);
    --bs-btn-hover-bg: var(--white-color);
    --bs-btn-hover-border-color: var(--raven-gray-color);
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: var(--raven-gray-color);
    --bs-btn-active-bg: var(--white-color);
    --bs-btn-active-border-color: var(--white-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--raven-gray-color);
    --bs-btn-disabled-bg: var(--white-color);
    --bs-btn-disabled-border-color: var(--white-color);
}

.main_card_jobs {
    /* background: var(--white-color); */
    /* box-shadow: -1px -1px 6px rgba(0, 0, 0, 0.06), 1px 2px 6px rgba(0, 0, 0, 0.15);
    border-radius: 0 0 30px 30px; */
    margin-top: 1px;
    /* z-index: 1222;
    padding: 40px; */
}

.profile_section_card {
    background: var(--white-color);
    box-shadow: -1px -1px 6px rgba(0, 0, 0, 0.06), 1px 2px 6px rgba(0, 0, 0, 0.15);
    border-radius: 30px;
    /* padding: 8px 15px; */
    /* padding: 14px 30px; */
    padding: 4px 4px;
    height: auto !important;
}

.avatar {
    float: left;
    width: 52px;
    height: 52px;
    background-color: #ccc;
    border-radius: 50%;
    margin: 8px;
    background-image: linear-gradient(90deg, #F4F4F4 0px, rgba(229, 229, 229, 0.8) 40px, #F4F4F4 80px);
    background-size: 600px;
    animation: shine-avatar 2s infinite ease-out;
}

.avatarSquare {
    float: left;
    width: 72px;
    height: 72px;
    background-color: #ccc;
    border-radius: 10%;
    margin: 8px;
    background-image: linear-gradient(90deg, #F4F4F4 0px, rgba(229, 229, 229, 0.8) 40px, #F4F4F4 80px);
    background-size: 600px;
    animation: shine-avatar 2s infinite ease-out;
}

.avatarSaveIcon {
    float: left;
    width: 10px;
    height: 12px;
    background-color: #ccc;
    border-radius: 2%;
    margin: 8px;
    background-image: linear-gradient(90deg, #F4F4F4 0px, rgba(229, 229, 229, 0.8) 40px, #F4F4F4 80px);
    background-size: 600px;
    animation: shine-avatar 2s infinite ease-out;
}

.line {
    float: left;
    width: 80%;
    height: 16px;
    margin-top: 12px;
    border-radius: 7px;
    background-image: linear-gradient(90deg, #F4F4F4 0px, rgba(229, 229, 229, 0.8) 40px, #F4F4F4 80px);
    background-size: 600px;
    animation: shine-lines 2s infinite ease-out;
}

.line50per {
    float: left;
    width: 50%;
    height: 16px;
    margin-top: 12px;
    border-radius: 7px;
    background-image: linear-gradient(90deg, #F4F4F4 0px, rgba(229, 229, 229, 0.8) 40px, #F4F4F4 80px);
    background-size: 600px;
    animation: shine-lines 2s infinite ease-out;
}

.line10per {
    float: left;
    width: 10%;
    height: 16px;
    margin-top: 12px;
    border-radius: 7px;
    background-image: linear-gradient(90deg, #F4F4F4 0px, rgba(229, 229, 229, 0.8) 40px, #F4F4F4 80px);
    background-size: 600px;
    animation: shine-lines 2s infinite ease-out;
}

.line70per {
    float: left;
    width: 70%;
    height: 16px;
    margin-top: 12px;
    border-radius: 7px;
    background-image: linear-gradient(90deg, #F4F4F4 0px, rgba(229, 229, 229, 0.8) 40px, #F4F4F4 80px);
    background-size: 600px;
    animation: shine-lines 2s infinite ease-out;
}

.avatar+.line {
    margin-top: 11px;
    width: 100px;
}

.line~.line {
    background-color: #ddd;
}

@keyframes shine-lines {
    0% {
        background-position: -100px;
    }
    40%,
    100% {
        background-position: 140px;
    }
}

@keyframes shine-avatar {
    0% {
        background-position: -32px;
    }
    40%,
    100% {
        background-position: 208px;
    }
}

.jobs_overflow_scroll_bar_website:hover {
    overflow-y: scroll;
}

.jobs_overflow_scroll_bar_website {
    /* height: 968px; */
    /* height: 97.7vh; */
    height: 905px;
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.only_tborder_radius_bgwhite {
    background: #FFFFFF;
    border-radius: 20px 20px 0px 0px;
}

.font_size1p2rem_weight600_colorneroblack {
    font-family: var(--ddsn-font);
    font-style: normal;
    font-weight: 600;
    font-size: var(--font-size-1p2rem);
    line-height: var(--font-size-1p8rem);
    /* line-height: 26px; */
    color: var(--nero-black-color);
}

.font_size1p1rem_weight600_colorgray,
.inactive_font_emp {
    font-family: var(--ddsn-font);
    font-style: normal;
    font-weight: 600;
    font-size: var(--font-size-1p1rem);
    color: var(--gray-color);
}

.font_size17 {
    /* font-size: 17px !important; */
    font-size: var(--font-size-1p1rem) !important;
}

.light_blue_btn {
    background-color: var(--alice-blue-color);
    border-radius: 6px;
    color: var(--ddsn-blue-color);
    border: none;
    font-weight: 500;
}

.border1p5pxblue {
    border: 1.5px solid var(--ddsn-blue-color) !important;
}

.office-logo-image-div {
    width: 95px;
    height: 92px;
    display: inline-grid;
    border: 1px solid #e2e2e2;
    /* background-color: #e4e4e4; */
    border-radius: 24px;
    display: grid;
}

.office-logo-image {
    width: 90%;
    height: auto;
    margin: auto;
    /* grid-row: none; */
    /* border-radius: inherit; */
}

/* for 20px used in 1-level, jobs_title,  */

.font_size1p125rem_weight700_colorneroblack {
    font-family: var(--ddsn-font);
    font-style: normal;
    font-weight: 700;
    /* font-size: 20px; */
    font-size: var(--font-size-1p125rem);
    /* line-height: 22px; */
    line-height: var(--font-size-1p5rem);
    color: var(--nero-black-color);
}

/* for 18px used in 2-level, normal_text, */

.font_size1rem_wight400_colorneroblack {
    font-family: var(--ddsn-font);
    font-style: normal;
    font-weight: 400;
    font-size: var(--font-size-1rem);
    /* line-height: 23px; */
    line-height: var(--font-size-1p5rem);
    color: var(--nero-black-color);
}

.pabsoluter30px {
    position: absolute;
    right: 30px;
}

.margin_t20pxb20px {
    margin: 20px 0px !important;
}

/* for 18px used in 2-level, normal_text, */

.font_size1rem_wight400_colorgray {
    font-family: var(--ddsn-font);
    font-style: normal;
    font-weight: 400;
    font-size: var(--font-size-1rem);
    /* line-height: 23px; */
    line-height: var(--font-size-1p5rem);
    color: var(--gray-color);
}

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

.a_tag {
    color: var(--bs-link-color);
    text-decoration: none !important;
}

.a_tag_remove_underline {
    text-decoration: none;
}

.a_tag_remove_underline:hover {
    color: inherit;
}

.a_tag_text_decoration_none_color_inherit {
    color: inherit;
    text-decoration: none;
}

/* for 18px used in 2-level, normal_text,  */

.font_size1rem_wight500_colorlimedspruce {
    font-family: var(--ddsn-font);
    font-style: normal;
    font-weight: 500;
    font-size: var(--font-size-1rem);
    /* line-height: 23px; */
    line-height: var(--font-size-1p5rem);
}

.blue_badge {
    background: var(--light-blue-bg-badge-color);
    border-radius: 6px;
    color: var(--dark-blue-color);
    padding: 5px;
    font-family: var(--ddsn-font);
    font-style: normal;
    font-weight: 500;
    /* font-size: var(--font-size-1rem); */
    font-size: var(--font-size-p8rem);
    line-height: var(--font-size-1p5rem);
    font-weight: bold;
}

.green_badge {
    background: var(--light-green-bg-badge-color);
    border-radius: 6px;
    color: var(--dark-green-color);
    padding: 5px;
    font-family: var(--ddsn-font);
    font-style: normal;
    font-weight: 500;
    font-size: var(--font-size-p8rem);
    line-height: var(--font-size-1p5rem);
    /* font-weight: bold; */
}

/* for 14px used in 3-level, normal_text, */

.font_sizep8rem_wight400_colorgray {
    font-family: var(--ddsn-font);
    font-style: normal;
    font-weight: 400;
    font-size: var(--font-size-p8rem);
    /* line-height: 23px; */
    line-height: var(--font-size-1p5rem);
    color: var(--gray-color);
}

.margin_t20 {
    margin-top: 20px !important;
}

.apply_job_btn_latest {
    font-family: var(--ddsn-font);
    font-style: normal;
    font-weight: 600;
    background: var(--ddsn-blue-color);
    border-radius: 8px;
    height: 40px !important;
    font-size: var(--font-size-1p1rem);
    color: var(--white-color);
    border: none;
    width: 250px;
}

.singleJobScrollDivWebsite:hover {
    overflow-y: scroll;
    overflow-x: hidden;
}

.singleJobScrollDivWebsite {
    /* height: 30vh; */
    /* height: 45vh; */
    height: 458px;
    overflow-y: hidden;
    overflow-x: hidden;
}

/* for 18px used in 2-level, normal_text, */

.font_size1rem_wight600_colorneroblack {
    font-family: var(--ddsn-font);
    font-style: normal;
    font-weight: 600;
    font-size: var(--font-size-1rem);
    /* line-height: 23px; */
    line-height: var(--font-size-1p5rem);
    color: var(--nero-black-color);
}

.wrapperTooltip {
    /* text-transform: uppercase; */
    /* background: #ececec; */
    color: var(--bs-link-color);
    /* cursor: help; */
    font-family: var(--ddsn-font);
    font-size: var(--font-size-1rem);
    /* margin: 100px 75px 10px 75px; */
    /* padding: 15px 20px; */
    position: relative;
    text-align: center;
    width: 200px;
    -webkit-transform: translateZ(0);
    /* webkit flicker fix */
    -webkit-font-smoothing: antialiased;
    /* webkit text rendering fix */
}

.wrapperTooltip .tooltip {
    background: var(--ddsn-blue-color);
    font-family: var(--ddsn-font);
    font-size: var(--font-size-1rem);
    bottom: 100%;
    color: #fff;
    display: block;
    left: -25px;
    margin-bottom: 15px;
    opacity: 0;
    padding: 20px;
    pointer-events: none;
    position: absolute;
    width: max-content;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}


/* This bridges the gap so you can mouse into the tooltip without it disappearing */

.wrapperTooltip .tooltip:before {
    bottom: -20px;
    content: " ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}


/* CSS Triangles - see Trevor's post */

.wrapperTooltip .tooltip:after {
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    border-top: solid var(--ddsn-blue-color) 10px;
    bottom: -10px;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -13px;
    position: absolute;
    width: 0;
}

.wrapperTooltip:hover .tooltip {
    /* opacity: 1; */
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}


/* IE can just show/hide with no transition */

.lte8 .wrapperTooltip .tooltip {
    display: none;
}

.lte8 .wrapperTooltip:hover .tooltip {
    display: block;
}

.apply_job_btn,
.tempJobApply {
    font-family: var(--ddsn-font);
    font-style: normal;
    font-weight: 600;
    background: var(--ddsn-blue-color);
    border-radius: 8px;
    height: 52px;
    font-size: var(--font-size-1p1rem);
    color: var(--white-color);
    border: none;
}

.width100per {
    width: 100% !important;
}

.hover_ddsn_color:hover {
    color: var(--ddsn-blue-color) !important;
}

/* for 30px and color-#222222 used in page_header,  */

.font_size1p5rem_weight700_colorneroblack {
    font-family: var(--ddsn-font);
    font-style: normal;
    font-weight: 700;
    font-size: var(--font-size-1p5rem);
    color: var(--nero-black-color);
}

/* for 24px and color-#7c7c7c used in page_header,  */

.font_size1p3rem_weight500_colorgray {
    font-family: var(--ddsn-font);
    font-style: normal;
    font-weight: 500;
    font-size: var(--font-size-1p3rem);
    color: var(--gray-color);
}

.html_zoom_out_website {
    zoom: 80%;
}

/* Hide scrollbar for Chrome, Safari and Opera */


/* width */

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


/* Track */

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}


/* Handle */

::-webkit-scrollbar-thumb {
    background: var(--ddsn-blue-color);
    border-radius: 10px;
}


/* Handle on hover */

.singleJobScrollDivWebsite::-webkit-scrollbar-thumb:hover {
    background: var(--ddsn-blue-color);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--ddsn-blue-color);
}

input,
input::-webkit-input-placeholder {
    font-size: var(--font-size-1p1rem);
    line-height: 1;
}

input.color_initial::-webkit-input-placeholder {
    color: grey;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0.3rem;
    font-weight: 500;
    line-height: 1.2;
    color: var(--bs-heading-color);
}

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

hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: 1px solid;
    opacity: .25;
}

.singleJobScrollDivWebsite > ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

.singleJobScrollDivWebsite > ol, .singleJobScrollDivWebsite > ul {
    padding-left: 2rem;
}

.singleJobScrollDivWebsite > ul > li {
    display: list-item;
    text-align: -webkit-match-parent;
    list-style-type: disc;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--ddsn-blue-color);
    --bs-btn-border-color: var(--ddsn-blue-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--ddsn-blue-color);
    --bs-btn-hover-border-color: var(--ddsn-blue-color);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--ddsn-blue-color);
    --bs-btn-active-border-color: var(--ddsn-blue-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--ddsn-blue-color);
    --bs-btn-disabled-border-color: var(--ddsn-blue-color);
}