/* inter-300 - latin */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    src: url(../../Inter/inter-v7-latin-300.ttf);
    font-display: swap;
}
/* inter-regular - latin */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url(../../Inter/inter-v7-latin-regular.ttf);
    font-display: swap;
}
/* inter-500 - latin */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    src: url(../../Inter/inter-v7-latin-500.ttf);
    font-display: swap;
}
/* inter-600 - latin */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    src: url(../../Inter/inter-v7-latin-600.ttf);
    font-display: swap;
}
/* inter-700 - latin */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    src: url(../../Inter/inter-v7-latin-700.ttf);
    font-display: swap;
}

:root {
    --primary-color: #14506B; /*blue*/
    --seconday-color: #fff; /*white*/
    --fore-color: #fff;
    --main-heading: 38px;
    --sub-heading: 26px;
    --mini-title: 24px;
}

body {
    margin: 0;
    font-family: 'Inter', Arial, sans-serif !important; 
    font-weight: 400;
    font-size: 14px !important;
    background-color: #F1F1F1;
}

.title_lg {
    font-size: 34px;
    font-weight: 700;
    line-height: 41px;
    margin-bottom: 10px;
}

.title_md {
    font-size: 22px;
    font-weight: 700;
    line-height: 36px;
}

.title_sm {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 5px;
}

.text_normal {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}
.bold{
    font-weight:700;
}

.material-icons-outlined {
    font-family: "Material Icons Outlined";
}
/*margin*/
.ms-0 {
    margin-left:0 !important;
}
.mt-10 {
    margin-top: 10px !important;
}

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

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

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

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

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

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

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

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

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


.pr-15 {
    padding-right: 15px;
}

.pr-10 {
    padding-right: 10px;
}

.no_scroll {
    overflow: hidden;
}

.bold {
    font-weight: 700;
}

.semi-bold {
    font-weight: 600
}

.medium {
    font-weight: 500;
}

.regular {
    font-weight: 400;
}

.flexed_control {
    display: flex;
}

.flexed_control .flexed_items.flex_none {
    flex: none;
}

.flexed_control .flexed_items {
    flex: 1;
}

/*Common style*/

.icon_link {
    text-decoration: none;
    display: flex;
    align-items: center;
    color: #000;
    cursor:pointer;
}

.icon_link .material-icons {
    font-size: 23px;
    line-height: 23px;
    margin-right: 5px;
}
/*Button  style common*/
.c_btn {
    text-decoration: none;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 400;
    border-radius: 2px;
    color: #232323;
    border: 1px solid transparent;
}
.c_btn.btn_primary{
    border:none;
}
.c_btn.orange_btn {
    background-color: #F24600;
    color: #fff;
}

.c_btn.in_caps {
    text-transform: uppercase;
    letter-spacing: 1px;
}

.c_btn.btn_primary {
    background: var(--primary-color);
    color: var(--seconday-color);
}

.c_btn.border_btn {
    border: 1px solid #D5D5D5;
    color: #232323;
}

a.view_more {
    text-decoration: none;
    display: block;
    text-align: center;
    font-size: 14px;
    color: #468295;
}

a, a:hover {
    color: #0a58ca;
}

/*Top header style*/


.main_header {
    position: sticky;
    top: 0;
    z-index: 9;
}

.main_header .top_header {
    background-color: #fff;
    padding: 5px 15px;
    display: flex;
    align-items: center;
    min-height: 65px;
    z-index: 77;
    position: relative;
    box-shadow: 0 1px 7px rgb(36 70 75 / 7%);
}

.mobile_menu {
    display: none;
    cursor:pointer;
}

.main_header .top_header .left_logo img {
    max-width: 165px;
    max-height: 55px;
}

.main_header .top_header .right_menu {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.main_header .top_header .sign_menu .icon_link {
    letter-spacing: 1px;
    text-decoration:none;
}

.main_header .top_header .sign_menu .dropdown-toggle::after {
    display: none;
}

.main_header .top_header .sign_menu .dropdown-item {
    font-size: 14px;
    position: relative;
    padding: 10px 15px 10px 40px;
    cursor:pointer;
}

.main_header .top_header .sign_menu .dropdown-menu {
    box-shadow: 0 0 20px rgb(54 64 81 / 7%);
    padding: 0;
}

.main_header .top_header .sign_menu .dropdown-item img {
    width: 17px;
    height: 17px;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    left: 15px;
}

.main_header .top_header .icon_link .material-icons {
    color: #e3b703;
}

.main_header .top_header .icon_link.fav {
    color: #000;
    padding-right: 15px;
}

.main_header .top_header .icon_link.fav.active {
    color: #000;
}

.main_header .top_header .sign_menu .icon_link .material-icons {
    border: 1px solid #E2E2E2;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    line-height: 28px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #CBCBCB;
}

.main_header .top_header .signed_info{
    display: flex;
    align-items: center;
    margin-left: 15px;
}
.main_header .top_header .signed_info .inital_info{
    width: 38px;
    line-height: 38px;
    font-weight: 600;
    height: 38px;
    min-width: 38px;
    min-height: 38px;
    border-radius: 100%;
    background-color:#e5e5e5;
    display: flex;
    align-content: center;
    margin-right: 10px;
    justify-content: center;
    text-align: center;
    font-size: 14px;
}
.main_header .top_header .signed_info .user_info .name{
    font-weight: 600;
}
.main_header .top_header .signed_info .user_info .user_links a{
    text-decoration: none;
    line-height: 15px;
    font-size: 13px;
    display: inline-block;
}
.main_header .top_header .signed_info .user_info .user_links .b_left{
    border-left: 1px solid #ccc;
    padding-left: 8px;
    margin-left: 5px;
}

.select_wrap {
    position: relative;
    border: 1px solid #D8D8D8;
    border-radius: 2px;
    overflow: hidden;
    background-color: #fff;
}

.select_wrap select {
    float: left;
    width: 100%;
    height: 35px;
    padding: 0 30px 0 10px;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: transparent;
    z-index: 1;
    position: relative;
    font-size: 14px;
    outline:none !important;
    min-width:110px;
}
.select_wrap.sort_wrap select{
     min-width:170px;
}

.select_wrap:after {
    font-family: "Material Icons";
    content: "\E5C5";
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    font-size: 23px;
    z-index: 0;
    line-height: 20px;
    height: 20px;
    margin: auto;
}

.main_header .top_header .select_wrap {
    width: 110px;
    margin: 0 0 0 10px;
}

/*Search Panel style*/
.search_panel_header.sticky_top {
    position: sticky;
    top: 65px;
    z-index: 8;
}

.search_panel_header {
    padding: 15px;
    background: var(--primary-color);
    color: var(--seconday-color);
    z-index: 2;
}

.search_panel_header .search_form_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 1065px;
    padding: 0 30px 0;
    margin: auto;
}

.search_panel_header .search_form_wrapper .search_element {
    background-color: #fff;
    display: flex;
    align-items: center;
    color: #000;
    margin-right: 15px;
    padding: 0 7px 0 15px;
    border-radius: 4px;
    flex:1;
    position: relative;
}

.search_panel_header .search_form_wrapper .search_element .input_label {
    margin-right: 10px;
    font-size: 14px;
    font-weight: 600;
}

.search_panel_header .search_form_wrapper .search_element select,
.search_panel_header .search_form_wrapper .search_element input {
    border: none;
    height: 48px;
    box-shadow: none;
    outline: none;
}

.search_panel_header .search_form_wrapper .search_element input {
    width: calc(100% - 140px);
    font-size:14px;
}
.search_panel_header .search_form_wrapper .search_element input[placeholder="Oops! Something went wrong."] {
    background-position-y: 17px;
}

.search_panel_header .search_form_wrapper .search_element.type1 input {
    width: 100%;
    font-size: 14px;
}

.search_panel_header .search_form_wrapper .search_element select {
    color: #1B69AC;
    font-size:14px;
}
.search_panel_header .search_form_wrapper .search_element select option{
    padding: 4px;
}

.search_panel_header .search_form_wrapper .search_btn {
    color: #fff;
    background-color: #000;
    text-decoration: none;
    padding: 13px 34px 13px 60px;
    border-radius: 4px;
    position: relative;
    font-size: 15px;
}

.search_panel_header .search_form_wrapper .search_btn .material-icons {
    font-size: 30px;
    line-height: 30px;
    height: 30px;
    top: 0;
    bottom: 0;
    left: 18px;
    margin: auto;
    position: absolute;
}

.responsive_filter {
    display: none;
}
.responsive_filter.simple{
    display:none !important;
}
/*Page layout style*/

.left_sidebar {
    background-color: #fff;
    position: fixed;
    top: 146px;
    height: calc(100vh - 146px);
    z-index: 99;
    padding: 15px;
    width: 350px;
    padding: 20px 25px;
    overflow-y: auto;
}
.mobile_filter:before,
.left_sidebar:before {
    position: fixed;
    background-color: rgb(0 0 0 / 34%);
    content: "";
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: none;
}
.mobile_filter .close_btn,
.left_sidebar .close_btn {
    color: #000;
    text-decoration: none;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: #D83636;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 4px solid #D83636;
    position: absolute;
    left: 0;
    top: -15px;
    right: 0;
    margin: auto;
    z-index: 2;
    display: none;
}
.mobile_filter .close_btn span{
    font-size:22px;
    line-height:22px;
    height:22px;
    width:22px;
}
.left_sidebar .sidebar_header {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.left_sidebar .sidebar_header .title {
    font-size: 20px;
    font-weight: 900;
}

.left_sidebar .sidebar_header .lnkClearTemp_wrap {
    margin-left: auto;
    color: #2C98C8;
    text-decoration: underline;
    font-size: 15px;
    display: inline-block;
    cursor:pointer;
}

.left_sidebar .sidebar_accordion .accordion-item {
    border: none;
    border-bottom: 1px solid #DBDBDB;
}

.left_sidebar .sidebar_accordion .accordion-item .accordion-button {
    background-color: #fff;
    padding: 15px 0;
    box-shadow: none;
    color: #1B1B1D;
    position: relative;
    font-size: 13px;
    line-height: 13px;
    font-weight: 900;
}

.left_sidebar .sidebar_accordion .accordion-item .sub_text {
    display: none;
}

.left_sidebar .sidebar_accordion .accordion-item .accordion-button:after {
    content: "\e5cf";
    font-family: "Material Icons";
    font-size: 25px;
    line-height: 25px;
    height: 25px;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    position: absolute;
    background-image: none;
    width: auto;
    transition: 0.5s ease-in;
    font-weight: 300;
}

.left_sidebar .sidebar_accordion .accordion-item .accordion-body {
    padding: 5px 0 5px 0;
}

.left_sidebar .sidebar_accordion .accordion-item .accordion-body .select_wrap {
    margin-bottom: 15px;
}

.left_sidebar .sidebar_accordion .accordion-item .accordion-body a.view_more {
    margin: 5px 0 10px;
}

.left_sidebar .checkbox_item {
    margin-bottom: 15px;
    cursor:pointer;
}

.left_sidebar .sort_wrapper {
    display: none;
}
.content_wrapper {
    width: 100%;
}
.main-container {
    max-width: 1065px;
    margin: auto;
    padding: 20px 30px 0;
}
.content_inside {
    /*min-height: calc(100vh - 240px);*/
    min-height: calc(100vh - 190px);
}
/*banner style*/
.banner_top {
    position: relative;
    border-radius: 4px;
    margin-bottom: 15px;
}

.banner_top img {
    max-width: 100%;
    width: 100%;
    border-radius: 4px;
}

.banner_top:before {
    content: "";
    width: 100%;
    height: 120px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to top,rgb(23 25 44 / 59%), rgb(49 60 70 / 0%));
}

.banner_top .banner_text {
    color: #fff;
    position: absolute;
    bottom: 25px;
    left: 40px;
}

.banner_top .banner_text .main {
    font-size: 29px;
    font-weight: 900;
    text-shadow: 1px 1px 2px rgb(0 0 0 / 72%);
}

.banner_top .banner_text .sub {
    font-size: 18px;
    font-weight: 600;
    text-shadow: 1px 1px 2px rgb(0 0 0 / 72%);
}

.filter_wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.filter_wrapper .result_text {
    font-size: 18px;
}

.filter_wrapper .result_text span {
    font-weight: 700;
}

.filter_wrapper .filter_menu {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.filter_wrapper .filter_menu .icon_link {
    margin-right: 15px;
    font-weight: 600;
}
.filter_wrapper .filter_menu .icon_link.active {
    color: #1d87b7;
}

.filter_wrapper .select_wrap select {
    width: 155px;
}

/*Job listing area*/
.quick_job_list_wrapper:empty,
.job_list_wrapper:empty {
    position: relative;
    height: 120px;
}
.quick_job_list_wrapper:empty::before,
.job_list_wrapper:empty::before {
    content: "Loading Open Positions...";
    text-align: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    font-weight: 600;
    font-size: 15px;
    height: 25px;
}
.job_list_wrapper .job_tile {
    background-color: #fff;
    padding: 25px;
    border-radius: 4px;
    margin-bottom: 15px;
    position: relative;
    width:100%;
}
.quick_job_list_wrapper .job_list_item.featured_ribbon,
.job_listing_grid tr.featured_ribbon td,
.job_tile.featured_ribbon {
    padding-top: 35px;
}

.job_list_wrapper .job_title_info .job_header {
    width: calc(100% - 235px);
}

.job_list_wrapper .job_title_info {
    display: flex;
    margin-bottom: 15px;
}

.job_list_wrapper .job_title_info .job_title {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 5px;
    color: #1C4DC1;
    text-decoration: none;
}
.job_list_wrapper .job_title_info .job_title a{
    text-decoration: none;
}

.job_list_wrapper .job_title_info .job_action_wrapper {
    margin-left: auto;
}

.job_list_wrapper .job_title_info .job_action_wrapper .c_btn {
    margin-left: 5px;
    display: inline-block;
    padding: 8px 15px;
    border:none;
}
.job_list_wrapper .job_title_info .job_action_wrapper .c_btn.border_btn {
    padding: 7px 15px;
    border: 1px solid #D5D5D5;
}
.job_info {
    display: block;
    align-items: center;
}

.job_info .job_type {
    color: #0D0D0D;
    border-right: 1px solid #707070;
    padding-right: 10px;
    margin-right: 10px;
}
.job_info .left_info span:last-child *,
.job_info > span:last-child{
    border-right:none;
}
.job_info .job_loc {
    color: #2A641C;
    padding-left: 10px;
    margin-left: 5px;
    border-left: 1px solid #707070;
}

.job_info .more_loc {
    padding: 2px 9px;
    background-color: #E4F6FB;
    font-size: 13px;
    color: #0f5b6e;
    display: inline-block;
    margin: 3px 0;
    cursor: pointer;
    text-decoration: underline;
}

.job_list_wrapper .job_desc {
    margin-bottom: 15px;
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.job_list_wrapper .job_labels {
    list-style: none;
    padding-left: 0;
    display: flex;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    min-height: 30px;
    margin-bottom: 15px;
}

.job_list_wrapper .job_tile .job_labels:after {
    position: absolute;
    content: "";
    width: 180px;
    top: 0;
    height: 33px;
    right: -20px;
    background-image: linear-gradient(to right,rgb(255 255 255 / 35%),#fff);
}

.job_list_wrapper .job_tile .job_labels li {
    display: inline-block;
    padding: 6px 10px;
    color: #1C1C1C;
    background-color: #E4ECEF;
    font-size: 14px;
}

.job_list_wrapper .job_tile .job_labels li:not(:last-child) {
    margin-right: 10px;
}

.job_list_wrapper .job_tile .job_labels li .data {
    font-weight: 600;
}

.job_list_wrapper .j_footer {
    display: flex;
    align-items: center;
}

.job_list_wrapper .j_footer .right_links {
    margin-left: auto;
}

.job_list_wrapper .j_footer .right_links .icon_link {
    color: #436a21;
}

.job_list_wrapper .j_footer .posted_info {
    color: #505050;
}
.job_list_wrapper .job_sec_loc, .quick_job_list_wrapper .job_sec_loc {
    display: none;
}
.job_list_wrapper .job_sec_loc.show, .quick_job_list_wrapper .job_sec_loc.show {
    display: inline;
}
/*Tile view*/
.job_list_wrapper {
    display: flex;
    flex-wrap: wrap;
}
.job_list_wrapper.tile_view {
    margin: 0 -10px;
}
.job_list_wrapper.tile_view .job_tile {
    width: calc(50% - 20px);
    margin: 0 10px 20px;
    display: flex;
    flex-direction: column;
}

.job_list_wrapper.tile_view .job_title_info {
    display: block;
}

.job_list_wrapper.tile_view .job_title_info .job_header {
    width: 100%;
    margin-bottom: 10px;
}

.job_list_wrapper.tile_view .job_title_info .job_action_wrapper .c_btn {
    margin-left: 0;
    margin-right: 5px;
    padding: 7px 15px;
    font-size: 13px;
}

.job_list_wrapper.tile_view .job_desc {
    display: none;
}

.job_list_wrapper.tile_view .job_title_info .job_title {
    font-size: 16px;
    overflow: hidden;
    width: 100%;
}

.job_list_wrapper.tile_view .j_footer {
    margin-top: auto;
}
.featured_status {
    padding-right: 20px;
    position: absolute;
    left: 0;
    top: 0;
    overflow:hidden;
}
.featured_status .featured_ribbon_wrap:before {
    content: '';
    top: 0;
    transform: translateX(100%);
    width: 100%;
    height: 26px;
    position: absolute;
    animation: slide_shade 2s infinite;
    background: linear-gradient(to right, rgb(255 255 255 / 0%) 0%,rgb(255 255 255 / 38%) 50%,rgba(128,186,232,0) 99%,rgb(125 185 232 / 0%) 100%);
}

.featured_ribbon_wrap {
    position: relative;
    padding: 5px 10px 5px 10px;
    color: #fff;
    background-color: #f39811;
    font-size: 13px;
    text-align: left;
    line-height: 16px;
    background-image: linear-gradient(#7724BF,#88159E)
}

.featured_status:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 22px solid transparent;
    border-top: 26px solid #8125b5;
    top: 0;
    right: -0.5px;
}
/*Sticky bottom*/

.sticky_job_alerts {
    position: fixed;
    bottom: 0px;
    right: 24px;
    z-index: 9;
}

.sticky_job_alerts .job_alert_form {
    position: absolute;
    padding: 15px 18px 18px;
    background-color: #fff;
    top: -155px;
    right: -10px;
    width: 350px;
    border-radius: 4px;
    z-index: 1;
    box-shadow: 0 0 20px rgb(67 84 109 / 16%);
}

.sticky_job_alerts .job_alert_form:before {
    content: "";
    position: absolute;
    bottom: -20px;
    right: 70px;
    border-right: 35px solid #fff;
    border-bottom: 20px solid transparent;
}

.sticky_job_alerts .job_alert_form .form_element_set {
    margin-bottom: 13px;
}

.sticky_job_alerts .job_alert_form .form_element_set .form_input {
    background-color: #ECF2FC !important;
    border: 1px solid #ECF2FC;
    height: 40px;
    padding: 0 10px;
    width: 100%;
}

.sticky_job_alerts .job_alert_form .title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

.sticky_job_alerts .btn_submit {
    padding: 8px 20px;
    background-color: var(--primary-color);
    color: var(--fore-color);
    text-align: center;
    border-radius: 2px;
    font-weight: 600;
    font-size: 15px;
    display: block;
    text-decoration: none;
}

.sticky_job_alerts img {
    max-height: 240px;
    max-width: 350px;
}
/*posting gallery*/

.gallery_wrapper .gallery_item {
    margin-bottom: 25px;
    background-color:#fff;
}
.gallery_wrapper .gallery_item .top_img img {
    width: 100%;
}

.gallery_wrapper .gallery_item .data_wrap {
    padding: 18px 18px 20px;
    background-color: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.gallery_wrapper .gallery_item .data_wrap a {
    color: #1A5EFC;
}

.gallery_wrapper .gallery_item .data_wrap .title {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 7px;
}

.gallery_wrapper .gallery_item .data_wrap .info_data {
    margin-bottom: 7px;
    width: 100%;
}
.gallery_item_wrapper {
    display: flex;
    margin: 0 -10px;
}

.gallery_item {
    flex: 1;
    margin: 0 10px;
}
.angle_btn {
    text-decoration: none;
    border: 1px solid #DBDBDB;
    background-color: #fff;
    position: relative;
    padding: 10px 40px 10px 20px;
    color: #1C4DC1;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
}

.angle_btn:before {
    position: absolute;
    right: 10px;
    content: "\e313";
    font-family: "Material Icons";
    font-size: 23px;
    line-height: 23px;
    height: 23px;
    top: 0;
    bottom: 0;
    margin: auto;
    color: #245884;
    font-weight: 300;
    transition:0.2s ease-in;
}
.angle_btn.active:before {
    transform:rotate(-180deg);
}

/*Quick Help*/
.quick_help {
    background-color: #9AC4D2;
    position: relative;
    min-height: 240px;
    display: flex;
    align-items: center;
    border-radius: 4px;
    margin-bottom: 30px;
}

.quick_help [image-box] {
    position: absolute;
    left: 0px;
    bottom: 0;
    max-width: 350px;
    max-height: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.quick_help img {
    max-width: 350px;
    max-height: 230px;
}

.career_wiget_block .career_widget_item .widget_body .quick_help {
    margin-bottom: 0;
}

.quick_help .quick_help_info {
    margin-left: auto;
    width: calc(100% - 380px);
    padding: 20px;
}

.quick_help .quick_help_info .title_text {
    font-size: 35px;
    font-weight: 700;
    letter-spacing: -0.4px;
    margin-bottom: 10px;
}

.quick_help .quick_help_info .sub_text {
    line-height: 25px;
    font-size: 15px;
    margin-bottom: 20px;
}

.quick_help .quick_help_info .h_btn {
    background-color: #D6D631;
    color: #252919;
    font-size: 15px;
    font-weight: 500;
    padding: 10px 15px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
    text-decoration: none;
    display: inline-block;
}
/*Footer*/
.footer-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    margin-top: 20px;
}

.footer-wrapper > * {
    flex-grow: 1;
}

.footer-wrapper .c_logo img {
    max-width: 150px;
}
.footer-wrapper .c_logo{
    max-width:160px;
}

.footer-wrapper .digicert-block {
    margin-left: auto;
    text-align: right;
    flex-grow: initial;
    width: 150px;
}

.footer-wrapper .digicert-block img {
    max-width: 165px;
    max-height: 45px;
}

.footer-wrapper .copy-right {
    font-size: 14px;
    text-align: center;
    font-weight: 600;
}

.footer-wrapper .f_link {
    border-left: 1px solid #707070;
    padding-left: 10px;
    margin-left: 10px;
    text-decoration: none;
    color: #000;
}

.job_detail_footer_wrapper {
    max-width: 1500px;
    margin: auto;
    padding-left: 20px;
}

.job_detail_footer_wrapper .footer-wrapper {
    max-width: 1065px;
    margin:auto;
    padding:0 0 20px;
}


/*Form controls*/
.checkbox_item {
    position: relative;
    display: block;
}

.checkbox_item input[type="checkbox"] {
    display: none;
}

.checkbox_item input[type="checkbox"] + label {
    padding-left: 30px;
    margin-left: 0;
    cursor: pointer;
    font-size: 14px;
    font-weight:400;
}

.checkbox_item input[type="checkbox"] + label:before {
    font-family: "Material Icons";
    content: "\E835";
    font-size: 24px;
    line-height: 24px;
    height: 24px;
    color: #C9C9C9;
    font-weight: 300;
    position: absolute;
    left: 0;
    top: 0;
}

.checkbox_item input[type="checkbox"]:checked + label:before {
    content: "\E834";
    color: #0C83EB;
}
/*Switch*/
.switch_control {
    cursor: pointer;
    height: 26px;
}

.switch_control input[type="checkbox"] + label {
    height: 26px;
    width: 47px;
    background: #EBEDFF;
    border-radius: 60px;
    border: 1px solid #D9DCFB;
    position: relative;
    font-size: 14px;
    cursor: pointer;
}

.switch_control input[type="checkbox"] {
    display: none;
}

.switch_control input[type="checkbox"] + label:before {
    content: "";
    width: 20px;
    height: 20px;
    background: #B6B8C7;
    position: absolute;
    left: 2px;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 60px;
    transition: left 0.2s;
    z-index: 1;
    cursor: pointer;
}

.switch_control input[type="checkbox"]:checked + label:before {
    background: #46AA64;
    left: auto;
    right: 2px;
}

.form_wrapper .form_element_set {
    margin-bottom: 15px;
}

.form_wrapper .form_element_set .form_label {
    margin-bottom: 5px;
    font-size: 14px;
}

.form_select_container {
    border: 1px solid #C8C8C8;
    background: #fff;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    position: relative;
    width: 100%;
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 2px 2px rgb(0 0 0 / 8%);
    border-radius: 2px;
}

.form_select_container .form_select {
    width: 100%;
    height: 40px;
    padding: 0 20px 0 10px;
    border: none;
    background: transparent;
    z-index: 1;
    position: relative;
    font-size: 14px;
    outline: none !important;
    border-radius: 2px;
    font-size: 14px;
}

.form_element_set .form_input {
    height: 40px;
    border-radius: 0;
    border: 1px solid #C8C8C8;
    width: 100%;
    outline: none !important;
    font-size: 14px;
    padding: 0 10px;
    background: #fff;
    box-shadow: 0 2px 2px rgb(0 0 0 / 8%);
    border-radius: 2px;
    font-size: 14px;
}

.form_element_set .form_input.error {
    border: 1px solid #FF7B7B;
    background-color: #FFF1F1;
    color: #443C3C;
}

.form_element_set .error_with_close {
    position: relative;
}

.form_element_set .error_with_close .close_ico {
    text-decoration: none;
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 19px;
}

.form_element_set .error_with_close .close_ico span {
    color: #E50000;
    font-size: 19px;
    height: 19px;
    line-height: 19px;
}

.form_element_set .error_with_close .form_input {
    padding-left: 35px;
}

.form_element_set .error_text {
    color: #D41616;
    font-size: 13px;
    margin-top: 3px;
}



.radio_btn_group .radio_btn_item {
    display: inline-block;
    margin: 2px 10px 2px 0;
}

.radio_btn_item input[type="radio"] {
    display: none;
}

.radio_btn_item input[type="radio"] + label {
    font-size: 14px;
    margin-right: 5px;
    position: relative;
    padding-left: 25px;
    font-weight: 400;
}

.radio_btn_item input[type="radio"] + label:before {
    font-family: "Material Icons";
    content: "\E836";
    font-size: 20px;
    float: left;
    line-height: 22px;
    margin-right: 5px;
    color: #C8C8C8;
    position: absolute;
    left: 0;
}

.radio_btn_item input[type="radio"]:checked + label:before {
    content: "\E837";
    color: #1A75D1;
}


/*Layout 2 style*/
.main_title_header {
    text-align: center;
    position: relative;
    padding: 50px 0 20px;
    color: #fff;
    background-color: #14506B;
}

.main_title_header:before {
    position: absolute;
    content: "";
    background-color: var(--primary-color);
    left: 0;
    right: 0;
    top: 0;
    height: 310px;
}
.without_banner .main_title_header{
    padding: 50px 0 50px;
}

.without_banner .main_title_header:before {
    display: none;
}
.without_banner .banner_top{
    min-height:20px;
}
.without_banner .banner_top:before{
    display:none;
}
.without_banner .live_edit_opt{
    top:-20px;
}

.main_title_header .title_head {
    font-size: 30px;
    font-weight: 600;
    position: relative;
    margin-bottom: 10px;
}

.main_title_header .title_sub {
    font-size: 16px;
    line-height: 26px;
    position: relative;
}

.search_panel_header.simple_search {
    padding: 0;
}

.search_panel_header.simple_search .search_form_wrapper {
    padding: 0;
}

.search_panel_header.simple_search .search_form_wrapper .search_element {
    margin: 0;
    flex: 1;
    border-radius: 0 !important;
}

.search_panel_header.simple_search .search_form_wrapper .search_btn {
    border-radius: 0;
    height: 51px;
}

.search_panel_header.simple_search .search_form_wrapper .search_element.type1 {
    border-right: 0;
}

.search_panel_header.with_title .search_form_wrapper .search_element,
.content_inside .search_panel_header .search_form_wrapper .search_element {
    border: 1px solid #D9D9D9;
    border-radius: 4px;
}

.content_inside .search_panel_header {
    background-color: #FFFFFF;
    box-shadow: 0px 4px 6px rgb(109 137 158 / 16%);
    border-radius: 4px;
    margin-bottom: 20px;
}

.content_inside .search_panel_header .search_form_wrapper {
    width: 100%;
    padding: 0 0;
}

.content_inside .search_panel_header .search_form_wrapper .search_element input {
    width: 275px;
}

.content_inside .search_panel_header .search_form_wrapper .search_element.type1 input {
    width: 100%;
}

.quick_job_list_wrapper .job_list_item {
    padding: 20px 130px 20px 70px;
    background-color: #fff;
    border-radius: 4px;
    position: relative;
    margin-bottom: 20px;
}

.quick_job_list_wrapper .job_list_item .star_wrap {
    position: absolute;
    top: 0;
    left: 18px;
    bottom: 0;
    margin: auto;
    text-decoration: none;
    height: 35px;
    cursor:pointer;
}

.quick_job_list_wrapper .job_list_item .star_wrap span {
    color: #AEB0B8;
    font-size: 35px;
    line-height: 35px;
    height: 35px;
    font-weight: 300;
}

.quick_job_list_wrapper .job_list_item .title_wrap {
    font-size: 17px;
    font-weight: 600;
}
.quick_job_list_wrapper .job_list_item .title_wrap a{
    text-decoration:none;
}

.quick_job_list_wrapper .job_list_item .data_wrap {
    font-size: 14px;
}

.quick_job_list_wrapper .job_list_item .c_btn {
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 37px;
    line-height: 14px;
    display: inline-block;
    border-radius: 4px;
}

.employee_feedback_wrap {
    margin-bottom: 40px;
}

.employee_feedback_wrap .emp_feedback_item {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 20px rgb(36 70 75 / 13%);
    text-align: center;
    padding: 50px 20px 20px;
    position: relative;
    margin: 40px 0 0;
    flex:1;
    white-space:normal;
    word-break:break-all;
}

.employee_feedback_wrap .emp_feedback_item .profile_img {
    position: absolute;
    width: 80px;
    height: 80px;
    left: 0;
    right: 0;
    margin: auto;
    top: -40px;
}

.employee_feedback_wrap .emp_feedback_item .profile_img img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 60px;
}

.employee_feedback_wrap .emp_feedback_item .emp_name {
    font-size: 18px;
    font-weight: 900;
}

.employee_feedback_wrap .emp_feedback_item .desig {
    font-size: 14px;
    margin-bottom: 15px;
}

.employee_feedback_wrap .employee_feedback_content {
    margin: 0 -10px;
    display: flex;
    padding-top: 40px;
}

.employee_feedback_wrap .employee_feedback_content .emp_feedback_item {
    margin: 0 10px;
}

.filter_wrapper_inline {
    margin-bottom: 20px;
}

.filter_wrapper_inline .result_text {
    font-size: 16px;
    font-weight: 600;
}

.filter_wrapper_inline .result_text span {
    font-weight: 700;
}

.filter_wrapper_inline .filter_dropdowns {
    display: flex;
    align-items: center;
    margin-left: 20px;
    width:100%;
}

.filter_wrapper_inline .filter_dropdowns .select_wrap {
    margin-right: 10px;
    border-radius: 4px;
    flex:1;
    max-width:25%;
}
.filter_wrapper_inline .filter_dropdowns .select_wrap:last-child{
    margin-right:0;
}

.filter_wrapper_block .filter_wrapper_inline .filter_dropdowns .select_wrap {
    max-width:initial;
}

.filter_wrapper_inline .left_wrapper,
.filter_wrapper_inline {
    display: flex;
    align-items: center;
}

.filter_wrapper_inline .sort_wrap {
    margin-left: auto;
    border: none;
    background-color: transparent;
    padding-left: 0;
}
/*Job Details page*/
.bread_crump ul {
    list-style: none;
    padding-left: 0;
    display: block;
}

.bread_crump ul li {
    display: inline-block;
    position: relative;
    padding-right: 15px;
    margin-right: 15px;
}

.bread_crump ul li a {
    text-decoration: none;
}

.bread_crump ul li a:hover {
    text-decoration: underline;
}

.bread_crump ul li .active {
    color: #0D0D0D;
}

.bread_crump ul li:not(:last-child):after {
    content: "\e409";
    font-family: "Material Icons";
    position: absolute;
    right: -15px;
    top: 0;
    bottom: 0;
    font-size: 24px;
    line-height: 24px;
    height: 24px;
    margin: auto;
    color: #C3C6D4;
}
/*Job details page*/
.job_detail_wrapper {
    padding: 25px 35px;
    background-color: #fff;
    margin-bottom: 30px;
    position: relative;
}

.job_detail_wrapper .job_title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
}

.job_detail_wrapper .job_info {
    margin-bottom: 15px;
    position: relative;
    padding-right: 160px;
}

.job_detail_wrapper .job_info .posted_date {
    display: inline-block;
    font-size: 13px;
    position: absolute;
    right: 0;
    top: 0;
}

.job_info .more_loc_wrap {
    margin-right: 10px;
}
.job_listing_grid .job_sec_loc.show,
.job_info .more_loc_wrap.show_more_loc .job_loc {
    display: inline-block;
    margin: 2px 0;
}

.job_info .more_loc_wrap .job_loc:first-child {
    display: inline;
    border-left: none;
    margin-left: 0;
    padding-left: 0;
}
.job_listing_grid .job_sec_loc,
.job_info .more_loc_wrap .job_loc {
    display: none;
}
.job_listing_grid .more_loc {
    display: inline-block;
    cursor: pointer;
    text-decoration: underline;
    color: rgba(28, 77, 193, 1) !important;
}
.job_listing_grid .star_wrap {
    text-decoration: none;
    display: block;
    line-height: 10px;
    cursor:pointer;
}
.star_wrap .material-icons-outlined{
    color:#AEB0B8;
}
.star_wrap.fill .material-icons-outlined{
    color: #e3b703 !important;
}

.job_detail_wrapper .job_tag_wrapper {
    background-color: #EEF4F8;
    padding: 6px 35px;
    margin: 0 -35px 30px;
}

.job_detail_wrapper .job_tag_wrapper .tag_item {
    display: inline-block;
    margin-right: 20px;
    margin-top:3px;
    margin-bottom:3px;
}

.job_detail_wrapper .job_tag_wrapper .tag_item .data {
    font-weight: 500;
    margin-left: 2px;
}

.job_detail_wrapper .line_divider {
    border-top: 1px solid #F1F1F1;
    margin: 15px -35px;
}

.job_detail_wrapper .job_secription ul li {
    margin-bottom: 10px;
}

.job_detail_wrapper .back_btn {
    width: 48px;
    height: 48px;
    border-radius: 100%;
    background-color: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    position: absolute;
    left: -25px;
    border: 6px solid #F1F1F1;
}

.job_detail_wrapper .back_btn span {
    font-size: 30px;
    line-height: 30px;
    height: 30px;
}

.job_detail_wrapper .favorite_tag {
    background-color: #E4E4E4;
    color: #FFFFFF;
    position: absolute;
    right: 0;
    padding: 5px 5px 20px 5px;
    top: 0;
    right: 35px;
}

.job_detail_wrapper .favorite_tag.active {
    background: #ffea94;
}

.job_detail_wrapper .favorite_tag.active .material-icons {
    color: #544a00;
}

.job_detail_wrapper .favorite_tag .material-icons {
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
    border-radius: 100%;
}

.job_detail_wrapper .favorite_tag:after {
    content: "";
    position: absolute;
    bottom: 0;
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
    border-bottom: 17px solid #fff;
    left: 0;
    right: 0;
}

.job_detail_wrapper .job_share_area {
    display: flex;
    align-items: center;
}

.job_detail_wrapper .job_share_area .social_media {
    display: flex;
    align-items: center;
}

.job_detail_wrapper .job_share_area .social_media ul {
    padding-left: 0;
    list-style: none;
    display: flex;
    align-items: center;
    margin-left: 10px;
    margin-bottom: 0;
}

.job_detail_wrapper .job_share_area .social_media ul li {
    margin-right: 15px;
}

.job_detail_wrapper .job_share_area .social_media ul li a {
    text-decoration: none;
}

.job_detail_wrapper .job_share_area .social_media ul li a img {
    width: 20px;
}

.job_detail_wrapper .right_menu {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.job_detail_wrapper .right_menu .flexed_control {
    margin-right: 10px;
}

.job_detail_wrapper .right_menu .job_action_wrapper .c_btn {
    margin-left: 8px;
    display: inline-flex;
    align-items:center;
    padding: 9.3px 20px;
    position:relative;
    top:1px;
}
.job_detail_wrapper .right_menu .job_action_wrapper{
    display:flex;
}

/*Company information*/
.company_info_wrapper {
    padding: 100px 20px 10px;
    background-color: #fff;
    margin-bottom: 30px;
    margin-top: 70px;
    position: relative;
}

.company_info_wrapper:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    height: 50px;
    border-radius: 4px;
    background-color: var(--primary-color);
}

.company_info_wrapper .top-logo {
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    border-radius: 100%;
    width: 120px;
    height: 120px;
    box-shadow: 0 0 40px rgb(54 81 106 / 22%);
    top: -40px;
    left: 20px;
}

.company_info_wrapper .top-logo img {
    max-height: 90px;
    max-width: 73px;
}

.data_item_wrap {
    margin-bottom: 15px;
}

.data_item_wrap .data_label {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 3px;
}

.data_item_wrap .data_item {
    font-size: 17px;
    font-weight: 600;
    color:#3E3E3E;
}

.title_header {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.title_header a {
    margin-left: auto;
    font-size: 15px;
}
/*Map area*/
.content_wrapper .with_right_sidebar {
    display: flex;
    padding: 20px 20px 0;
    /*justify-content: center;*/
    margin: auto;
    max-width: 1500px
}

.content_wrapper.with_sidebar .footer-wrapper {
    max-width: 1065px;
}

.content_wrapper .with_right_sidebar .main-container {
    margin: 0;
    padding: 0;
    max-width: 100%;
    width: 100%;
}

.content_wrapper .with_right_sidebar .main_right_sidebar {
    margin-left: 20px;
    min-width:450px;
    max-width:450px;
    padding-top: 27px;
}

.content_wrapper.with_sidebar .search_panel_header {
    padding: 10px 0;
}

.content_wrapper.with_sidebar .search_panel_header .search_form_wrapper {
    max-width: 1500px;
    justify-content: flex-start;
    padding: 0 20px;
}


.map_area_block {
    padding: 10px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 20px rgb(54 64 81 / 7%);
    max-width: 100%;
    width: 100%;
}
.map_area_block .job_loc_map {
    padding:20px;
    height:300px;
    margin-bottom:20px;
}
.map_area_block .gm-err-title {
    font-size: 20px;
    margin-bottom: 10px;
}

.map_area_block iframe {
    width: 100%;
    height: 213px;
    margin-bottom: 15px;
}

.map_area_block .title {
    font-size: 18px;
    font-weight: 600;
    color: #1D1D1D;
    margin-bottom: 5px;
}

.map_area_block .sub_title {
    font-size: 14px;
    margin-bottom: 15px;
    color: #1C1C1C;
}

.map_area_block .location_tags .tag_item {
    display: inline-block;
    text-decoration: none;
    padding: 6px 20px;
    border-radius: 60px;
    border: 1px solid #EFF4F5;
    background-color: #EFF4F5;
    color: #566B70;
    margin-right: 5px;
    margin-bottom: 10px;
}

.map_area_block .location_tags .tag_item.active {
    border: 1px solid #1E6FC1;
    color: #1E6FC1;
}

/*popup subscribe*/
.popup_plain .modal-dialog {
    max-width: 715px;
    width:100%;
    margin-top: 0;
}

.popup_plain .modal-content {
    border-radius: 0;
    max-width: 715px;
    width: 100%;
    border-top: none;
}

.popup_plain .popup_header {
    position: relative;
    padding: 10px 10px 10px 10px;
}

.popup_plain .popup_header .title_head {
    display: flex;
    align-items: center;
    background-color: #fff;
    margin-bottom: 5px;
    padding-left: 0;
}

.popup_plain .popup_header .title_head img {
    margin-right: 10px;
    width: 90px;
}

.popup_plain .popup_header .title_head .main_title {
    font-size: 20px;
    font-weight: 700;
}

.popup_plain .popup_header .title_head .sub {
    font-size: 13px;
}

.popup_plain .subscribe_body {
    background-color: #F0EFF3;
    padding: 30px 40px;
    max-height: calc(100vh - 160px);
    overflow-y: auto;
}

.popup_plain .subscribe_footer {
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup_plain .subscribe_footer .btn {
    border-radius: 2px;
    padding: 7px 20px;
    margin: 0 6px;
    font-size:14px;
}

.popup_plain .subscribe_footer .btn.btn-save {
    background-color: #D31627;
    color: #fff;
    border-radius: 2px;
}

.popup_plain .subscribe_footer .btn.btn-cancel {
    background-color: #fff;
    border: 1px solid #D5D5D5;
    color: #232323;
}

.popup_plain .form_wrapper .form_element_set .form_label {
    margin-bottom: 10px;
}

.popup_plain .success_wrapper {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F0EFF3;
}

.popup_plain .success_wrapper img {
    margin-bottom: 15px;
    width: 70px;
    height: 70px;
}

.popup_plain .success_wrapper .success_title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px;
}

.popup_plain .success_wrapper .sub_title {
    font-size: 14px;
}



/*subscribe button in header*/
.c_btn.btn_subscribe {
    background-color: var(--primary-color);
    color: var(--fore-color);
    padding: 3px 10px;
    font-size: 12px;
    display: none;
}

/*Message info */
.message_info_wrap {
    position: fixed;
    right: 50px;
    bottom: 0;
    padding: 12px 40px 12px 30px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
}

.message_info_wrap .chat_bubble {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: #F52B2B;
    border: 2px solid #F1F1F1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: -20px;
}

.message_info_wrap .chat_bubble img {
    width: 18px;
    height: 18px;
}

.message_info_wrap .chat_bubble .count {
    position: absolute;
    width: 22px;
    height: 22px;
    font-size: 12px;
    background: #000;
    border-radius: 100%;
    color: #fff;
    text-align: center;
    font-weight: 600;
    border: 1px solid #fff;
    left: -11px;
    top: 0;
    line-height: 19px;
}

.message_info_wrap .profile_pic {
    border-radius: 100%;
    position: absolute;
    right: -25px;
    box-shadow: 0 0 10px rgb(45 66 83 / 57%);
}

.message_info_wrap .profile_pic .online {
    width: 15px;
    height: 15px;
    background-color: #2FB14D;
    position: absolute;
    border-radius: 100%;
    right: -5px;
}

.message_info_wrap .profile_pic img {
    width: 45px;
    height: 45px;
    border-radius: 100%;
    border: 2px solid #F1F1F1;
}

.message_info_wrap .msg_title {
    color: #566B70;
    font-weight: 600;
}

.message_info_wrap .reply {
    font-size: 13px;
    color: #2BA2BE;
    font-weight: 600;
}

.job_listing_grid {
    padding: 20px;
    background-color: #fff;
    margin-bottom: 30px;
    border-radius: 4px;
    box-shadow: 0 0 20px rgb(54 64 81 / 7%);
}

.job_listing_grid table {
    width: 100%;
    font-size: 14px;
}
.job_listing_grid table tr{
    position:relative;
}

.job_listing_grid table th {
    text-transform: uppercase;
    font-size: 14px;
    color: #333437;
    padding: 5px 10px 10px;
    border-bottom: 1px solid #E2E2E2;
}

.job_listing_grid table td {
    padding: 10px 10px;
    border-bottom: 1px solid #E2E2E2;
}
.job_listing_grid table td:first-child{
    width:25px;
}
.job_listing_grid table td:nth-child(2) a.link_color {
    font-weight: 600;
    color: #4966BB;
    text-decoration: none;
}

.job_listing_grid table tbody tr:last-child td {
    border-bottom: none;
    padding-bottom: 5px;
}

/*location gallery*/

.location_gallery .location_gallery_item {
    border-radius: 4px;
    background-repeat: no-repeat;
    background-size: cover;
    height: 240px;
    position: relative;
    box-shadow: rgb(0 0 0 / 16%) 0px 3px 6px;
    margin-bottom: 30px;
}

.location_gallery .location_gallery_item:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50%;
    background-image: linear-gradient(to top,rgb(0 0 0 / 58%),rgb(255 255 255 / 0%));
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.location_gallery .location_gallery_item .loc_details {
    color: #fff;
    position: absolute;
    left: 15px;
    bottom: 15px;
    right: 15px;
}

.location_gallery .location_gallery_item .loc_details .loc_title {
    font-size: 22px;
    font-weight: 600;
}

.location_gallery .location_gallery_item .loc_details .job_count {
    font-size: 14px;
}

.search_panel_header.with_title .search_form_wrapper {
    max-width: 1005px;
}

.search_panel_header.with_title {
    padding: 30px 0;
}

.search_panel_header.with_title .title_head {
    text-align: center;
    font-size: 30px;
    line-height: 50px;
    color: var(--fore-color);
    font-weight: 600;
}

.search_panel_header.with_title .title_sub {
    font-size: 15px;
    color: var(--fore-color);
    text-align: center;
    margin-bottom: 40px;
}

.search_panel_header.with_title .search_form_wrapper .search_btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/*.search_panel_header .search_form_wrapper .search_btn.yellow {
    background-color: #FFC504;
    color: #040101;
}*/

.filter_wrapper_block {
    background-color: #FFFFFF;
    padding: 8px 15px;
    margin-bottom: 20px;
    box-shadow: 0px 4px 6px rgb(109 137 158 / 16%);
}

.filter_wrapper_block .filter_wrapper_inline {
    max-width: 1005px;
    margin: auto;
}

.filter_wrapper_block .filter_wrapper_inline .filter_dropdowns {
    margin-left: 0;
    margin-right:30px;
}

.filter_wrapper_block .select_wrap {
    border: none;
    box-shadow:none;
}

.filter_wrapper_block .select_wrap select {
    padding-left: 0;
}

.filter_wrapper_block .select_wrap:after {
    font-size: 25px;
    line-height: 25px;
    height: 25px;
}
.select_wrap .t-font-icon:before,
.select_wrap .p-icon:before,
.filter_wrapper_block .select_wrap .t-font-icon:before,
.filter_wrapper_block .select_wrap .p-icon:before{
    display:none;
}
.filter_wrapper_block .form_select_container .RadComboBox_Default .rcbInner {
    padding-left:0;
}
.filter_wrapper_block .form_select_container .RadComboBox .rcbInput {
    font-style:normal;
}
.RadComboBox .rcbEmptyMessage{
    font-style:normal !important;
}
.filter_count_wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 20px;

}

.filter_count_wrapper .result_text {
    font-size: 18px;
    font-weight: 600;
}

.filter_count_wrapper .icon_link {
    margin-left: 20px;
    color: #2C98C8;
}
.filter_count_wrapper .filter_menu .icon_link:not(.active){
    color:#000;
} 
.filter_count_wrapper .filter_menu .icon_link{
    margin-left:0;
}

/*Recruiter info*/


.recruiter_info_wrap {
    padding: 15px 55px 15px 20px;
    position: relative;
    box-shadow: 0 0 20px rgb(54 64 81 / 7%);
    background-color: #fff;
    border-radius: 4px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 20px;
}

.recruiter_info_wrap .name_title {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 7px;
}

.recruiter_info_wrap div.email, .recruiter_info_wrap div.mobile {
    display: block;
}

.recruiter_info_wrap .email {
    position: relative;
    font-style: italic;
    padding-left: 25px;
    color: #3363C4;
    margin-bottom: 5px;
    font-size: 14px;
    white-space: normal;
    word-break: break-all;
    display: inline-flex;
}

.recruiter_info_wrap .mobile {
    position: relative;
    padding-left: 25px;
    color: #659243;
    display: inline-flex;
}

.recruiter_info_wrap .mobile:before, .recruiter_info_wrap .email:before {
    font-family: "Material Icons";
    content: "\e0be";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    font-style: normal;
    font-size: 17px;
    line-height: 17px;
    height: 17px;
    color: #B7B7B7;
}

.recruiter_info_wrap .mobile:before {
    content: "\e0b0";
}

.recruiter_info_wrap .right_img {
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 31px;
    height: 31px;
}
.chat_widget_conversation_box .message_item .get_data .input_field{
    outline:none;
}
.chat_widget_conversation_box .get_data.rad_upload .input_field {
    border: none !important;
    padding: 0 !important;
}
.chat_widget_conversation_box .rad_upload .RadUpload.RadUpload_Default {
    width: 100%;
}

.chat_widget_conversation_box .rad_upload .RadUpload .ruFileWrap {
    margin: 0;
    background: #e7ebee;
    padding: 4px 10px;
    height: unset;
    border-radius: 3px 0 0 3px;
}

.chat_widget_conversation_box .rad_upload .RadUpload .ruFileWrap .ruUploadProgress {
    font-size: 11px;
    color: #184C64;
    padding: 1px 20px;
    margin-left: 10px;
    width: 81%;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
}

.chat_widget_conversation_box .rad_upload .ruButton {
    background-image: unset !important;
    background: #1c79b1 !important;
    text-align: center !important;
    padding: 6px 10px !important;
    height: auto !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    font-size: 13px !important;
}

.chat_widget_conversation_box .rad_upload .RadUpload_Default .ruFakeInput {
    height: 18px !important;
    background: transparent;
    border: none;
    width: calc(100% - 77px) !important;
}

.chat_widget_conversation_box .rad_upload .ruFileWrap.ruStyled {
    background: white !important;
    padding: 0;
    width: 100% !important;
    border: 1px solid #bdbdbd !important;
    border-radius: 0 !important;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}


.chat_widget_conversation_box .rad_upload .ruRemove {
    background: #fff !IMPORTANT;
    position: absolute;
    right: 1px;
    font-size: 12px !important;
    color: red !important;
    top: 1px;
    padding: 5px 4px !important;
}

.chat_widget_conversation_box .RadUpload_Default .ruStyled .ruFileInput {
    float: left;
    width: 100%;
}
.chat_actions .action_item {
    padding: 5px 14px;
}
.sec_group {
    display: none;
    margin-bottom:30px;
}
.sec_group.active {
    display: block;
}
.sec_group .title_wrap{
    font-size:22px;
    margin-bottom:15px;
    font-weight:600;
}

/*add widget wrapper*/
.add_widget_wrap{
    padding: 30px 30px 30px 30px;
    background-color: #fff;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    position: relative;
}
.add_widget_wrap img{
    height: 120px;
    margin-right: 30px;
}
.add_widget_wrap .title_info .title{
    font-weight: 700;
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 5px;
    color: #2D2D2D;
}
.add_widget_wrap .title_info .sub_title{
    font-size: 14px;
    color: #2D2D2D;
}
.add_widget_wrap .add_widget_btn{
    background-color: #14506B;
    color: #fff;
    margin-top: 15px;
    display: inline-block;
    padding: 7px 20px;
    border-radius: 4px;
}

/*added filters*/

.job_listing_added_filters {
    width: 100%;
    margin: 10px 0 10px 0;
}
.job_listing_added_filters > div{
    display:flex;
    align-items:flex-start;
    flex-wrap:wrap;
}
.job_listing_added_filters_item {
    margin: 0 10px 10px 0;
    padding: 6px 15px 6px 10px;
    color: #1D2530;
    background: #fff;
    text-decoration: none;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    text-transform: capitalize;
    border:1px solid #D6D6D6;
    display:inline-block;
    cursor:pointer;
}
.job_listing_added_filters_item:before {
    font-family: "Material Icons";
    content: "\E5CD";
    float: right;
    margin-left: 10px;
    font-size: 17px;
    line-height: 1;
    font-weight: 600;
    position: relative;
    top: 2px;
    margin-right: -8px;
    color:#D54444;
}
.job_listing_added_filters .icon_link.link_blue {
    margin-bottom: 10px;
    color: #2C98C8;
    min-width:130px;
    min-height:35px;
    order:1;
}

/*Empty grid*/
.empty_grid {
    min-height: 200px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ebeff1;
    padding: 40px 0;
    text-align: center;
    border: 1px solid #d3dede;
    width:100%;
}
.empty_grid .inner_holder:before {
    font-family: "Material Icons";
    content: "\E2C8";
    width: 100%;
    font-size: 60px;
    display: block;
    line-height: 60px;
    color: #4d6673;
}
.empty_grid .empty_grid_head_text {
    font-size: 22px;
    font-weight: 400;
    margin: 0 0 4px 0;
}
.empty_grid .empty_grid_action_btn {
    display: inline-block;
    padding: 8px 20px;
    background: #14506B;
    color: white !important;
    border-radius: 3px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
    text-decoration: none;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
    margin-top: 10px;
}


.alternate_option {
    display: flex;
    align-items: center;
    text-align: center;
    padding: 7px 10px;
    border-radius: 3px;
    background: white;
    border: 1px solid gainsboro;
    width: auto;
    font-size: 12px;
    float: none;
    cursor: pointer;
    height: 40px;
}
.alternate_option.mr-5{
    margin-right:5px;
}
.alternate_option .ico {
    height: 18px;
    margin-right: 6px;
    margin-bottom: 0;
}
.alternate_option .cap{
    display:flex;
    align-items:center;
    line-height:13px;
    font-weight:500;
}

/*subscribe popup*/
.ext_links{
    display:flex;
}
/*Validaton messages*/

.ValidationError {
    background: #ffd9d9;
    display: block;
    color: #9e2020 !important;
    padding: 5px 0;
    margin: 0 0 20px;
    border-radius: 4px;
    width: 100%;
}

.ValidationError ul {
    margin-bottom: 0;
    padding-left: 35px !important;
}

.ValidationError ul li:before {
    font-family: "Material Icons";
    content: "\E002";
    font-size: 20px;
    line-height: 1;
    position: absolute;
    left: -20px;
    top: calc(50% - 10px);
    color: #bf2020 !important;
}

.ValidationError li {
    padding: 5px 10px;
    position: relative;
    list-style: none;
    margin: 0 !important;
}

.info,
.errorMsg,
.success {
    background: #30b378;
    color: white;
    border-radius: 0;
    font-size: 14px;
    width: 100%;
    padding: 10px 20px 10px 10px !important;
    margin: 10px 0 15px !important;
    font-weight: 400 !important;
    display: flex !important;
}

.info:before,
.errorMsg:before,
.success:before {
    font-family: "Material Icons";
    content: "\E86C";
    font-size: 22px;
    line-height: 22px;
    margin-right: 10px;
    position: relative;
    top: 0;
    left:0;
}
/*.errorMsg {
    background: #f17c69;
    color: white;
}*/
.errorMsg {
    background: #ffd9d9;
    color: #9e2020 !important;
    border-radius: 4px;
}

.errorMsg:before {
    /*content: "\E001";*/
    content: "\E002";
    color: #bf2020 !important;
}

.info {
    background: #4c87e2;
    color: white;
}

.info:before {
    content: "\E88F";
}

.mobile_title {
    display: none;
    font-size: 16px;
    margin-bottom:15px;
    font-weight: 900;
}
.mobile_title .clear_filer {
    font-weight: 400;
    float: right;
    font-size: 13px;
    color: #2C98C8;
}
.mobile_filter{
    position:relative;
}
.mobile_filter .close_btn {
    display: none !important;
}
.ia-btn-class, .ia-btn-div {
    background-color: #F24600 !important;
    border: none !important;
    border-radius: 2px !important;
    margin-left: 8px !important;
    padding: 8px 20px !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-weight: 400 !important;
    font-family: 'Inter', sans-serif !important;
}

.file_manage {
    display: flex;
    align-items: center;
    text-decoration: none !important;
    padding: 6px 6px 6px 10px;
    border: 1px solid #23aaea;
    border-radius: 3px;
    font-size: 16px;
    background: #f6fcff;
}
/*color-profile download*/
.file_manage a {
    text-decoration: none;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden
}

.file_manage .file_name {
    text-decoration: none;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

.file_manage .f_manage_btns {
    display: flex;
    align-items: center;
    margin-left: auto;
    padding-left: 10px;
}

.file_manage .f_btn {
    height: 24px;
    padding: 0 5px;
    cursor:pointer;
}

.file_manage .f_btn i {
    line-height: 24px;
    font-size: 24px;
}
/*pagination*/
.job_pagination_wrapper {
    display: flex;
    align-items: center;
    margin: 30px 0 40px !important;
    position:relative;
}

.job_pagination_wrapper .job_count_info {
    font-size: 18px;
    position:absolute;
    left:0;
    line-height:18px;
    height:18px;
    top:0;
    bottom:0;
    margin:auto;
}

.job_pagination_wrapper .job_count_info strong {
    font-weight: 600;
}
.job_pagination_wrapper .job_count_info a#lblTotal {
    margin-right: 5px;
}
.job_pagination_wrapper .first:after,
.job_pagination_wrapper .next:after {
    content: "|";
    color: #707070;
    margin: 0 15px;
}
.job_pagination_wrapper .page_view {
    font-size: 13px;
    color: #366094;
    background-color:transparent;
    border:none;
    padding:0;
}
.job_pagination_wrapper button.page_view.prev {
    margin-right: 10px;
}
.job_pagination_wrapper button.page_view.next {
    margin-left: 10px;
}
.job_pagination_wrapper .page_view[disabled] {
    color: #4B4040;
    opacity: 0.4;
    pointer-events: none;
}
.job_pagination_wrapper  .p_count {
    border-radius: 100%;
    width: 35px;
    height: 35px;
    min-width:35px;
    min-height:35px;
    font-size: 14px;
    text-align: center;
    margin: 0 5px;
    background-color: #DDE2E8;
    line-height: 34px;
    color: #366094;
    cursor: pointer;
    border:none;
    display:flex;
    align-items:center;
    justify-content:center;
}
.job_pagination_wrapper .job_pagination_list{
    margin:auto;
}
.job_pagination_wrapper .pagination {
    display: flex;
    align-items: center;
    margin-left:auto;
}
       
.job_pagination_wrapper .pagination button.active {
    background-color: #008CBA;
    color:#fff;
}
.job_pagination_wrapper .pagination button.disabled {
    background-color: #ddd;
    color: #aaa;
    cursor: not-allowed;
}
.error_input:after,
[data-maxval].error:after {
    content: "Limit Exceeded. Max Character Limit: " attr(data-maxval);
    display: block;
    font-size: 13px;
    font-weight: 400;
    padding: 2px 4px;
    color: #FFFFFF;
    background: #EE6868;
    line-height: 21px;
}
.error_input:after{
    bottom:-5px;
    position:absolute;
    left:0;
    right:0;
    content: "Limit Exceeded. Max Character Limit: " attr(max-val);
}
.error_input{
    padding-bottom:25px;
    position: relative;
}
[data-maxval].error {
    position: relative;
    background-color: rgb(255 134 134 / 20%);
}

#add_new_widget .career_wiget_block,
#add_new_widget .career_wiget_block .career_widget_item,
#add_new_widget .career_wiget_block .career_widget_item .widget_body,
#add_new_widget .widget_item{
    float:left;
    width:100%;
}
.add_widget_wrap,
[video-note]:after,
.container_wrapper:empty,
.widget_row_settings,
[add-widget-to-side],
[image-uploader],
[image-box][data-resolution]:before,
[delete-added-item],
[add-widget-component]{
    visibility:hidden;
}
[navigator-link] .config_panel{
    display:none;
}
/* END OF CSS FOR FIXED LOADER */

.job_detail_wrapper img {
    max-width: 100%;
}

/*social media wigets*/

ul.media_list li:nth-child(8) [navigator-link] .config_panel,
ul.media_list li:nth-child(9) [navigator-link] .config_panel {
    left: auto;
    right: 0;
}
.social_media_wrap {
    margin: 40px 0;
}
ul.media_list li a[href="#"]  svg {
    opacity: 0.6;
}
.social_media_wrap .title{
    font-size:22px;
    margin-bottom:15px;
}
/*widget media query*/

/*video popup input widget*/
.video_popup{
    z-index:991 !important;
}
.video_popup .video_wrap{
    text-align:center;
}
.video_options .video_desc,
.banner_element .banner_desc{
    margin-bottom:0 !important;
}
.video_text_side .btn_main{
    margin-top:10px;
}

/*Telerik customization*/

/*---------------------------------Form controls styling------------------------------------*/
.form_select_container .RadComboBox_Default {
    width: 100%;
}

.form_select_container .RadComboBox_Default .rcbReadOnly {
    border-color: transparent;
    color: rgb(51, 51, 51);
    background-color: #fff;
    background-image: none;
    height: 40px;
}

.form_select_container .RadComboBox.RadComboBox_Default.form_select {
    width: 100%;
    padding: 0 !important;
}

.form_select_container .RadComboBox_Default .rcbInner,
.form_select_container .form_select.rad_combo_box .RadComboBox .rcbInner {
    height: 40px;
    border: none;
    line-height: 40px;
    padding: 0 20px 0 10px;
    font-size: 14px;
    background: transparent;
}

.RadComboBox_Default .rcbReadOnly.rcbHovered,
.RadComboBox_Default .rcbReadOnly.rcbFocused {
    border-color: transparent !important;
    color: #000 !important;
    background-color: #fff !important;
    background-image: none !important;
}

.form_select_container .RadComboBox_Default .rcbActionButton,
.form_select_container .form_select.rad_combo_box .rcbActionButton {
    border-color: transparent;
    background: none !important;
}

.form_select_container .p-icon:before{
    content:"";
}
.form_select_container .t-i-arrow-s:before,
.form_select_container .t-i-arrow-down:before {
    font-family: "Material Icons";
    content: "\E313";
    right: 3px;
    font-size: 22px;
    font-weight: 600;
    position: relative;
}

.form_select_container .form_select.rad_combo_box .RadComboBox_Default .rcbFocused .rcbActionButton,
.form_select_container .form_select.rad_combo_box .RadComboBox_Default .rcbHovered .rcbActionButton {
    border-color: transparent !important;
}

.form_select_container .RadComboBox .rcbActionButton {
    height: 15px;
    line-height: 10px;
    margin: auto;
}

.form_select_container .RadComboBox .rcbInput {
    height: 40px;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px;
}

.form_select_container .RadComboBox_Default .rcbInputCell,
.form_select_container .RadComboBox_Default .rcbArrowCell {
    background-image: none;
}

.form_select_container .RadComboBox_Default .rcbHovered .rcbActionButton,
.form_select_container .RadComboBox_Default .rcbFocused .rcbActionButton {
    border: none !important;
    color: #000;
}

.form_select_container .p-icon {
    vertical-align: top !important;
}

.RadComboBoxDropDown_Default li {
    font-size: 13px;
}
.RadComboBoxDropDown ul.rcbList li {
    display: flex;
    padding:7px 3px;
}
.RadComboBoxDropDown ul.rcbList li input[type="checkbox"]{
    margin-right:5px;
}
/*.RadComboBoxDropDown_Default,
.RadComboBoxDropDown,
.RadComboBoxDropDown .rcbScroll {
    width: 250px !important;
}*/
.RadComboBox_Default .rcbFocused .rcbActionButton, 
.RadComboBox_Default .rcbExpanded .rcbActionButton{
    border-color:transparent !important;
}
.RadComboBox .rcbEmptyMessage{
    font-style:normal;
}
/*------------------------------------file upload------------------------------------*/
.form_file_upload {
    border: 1px solid #C8C8C8;
    padding: 3px;
    background: #fff;
    border-radius: 2px;
    height: 40px;
    position:relative;
}
.form_file_upload .RadUpload.RadUpload_Default {
    width: 100% !important;
}

.form_file_upload .RadUpload .ruFileWrap {
    margin: 0;
    background: #fff;
    padding: 7px 10px;
    height: unset;
    border-radius: 3px 0 0 3px;
}

.form_file_upload .RadUpload .ruFileWrap .ruUploadProgress {
    font-size: 14px;
    color: #184C64;
    padding: 5px 20px;
    margin-left: 5px;
    width: 77%;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
}

.form_file_upload .ruButton {
    background-image: unset !important;
    background: #48B191 !important;
    color: #fff !important;
    text-align: center !important;
    padding: 11px 10px !important;
    height: auto !important;
    border-radius: 2px !important;
    font-size: 13px !important;
    border: none !important;
    text-transform:uppercase;
}
.form_file_upload .RadUpload_Default .ruFakeInput {
    height: 28px !important;
    background: transparent;
    border: none;
    width: calc(100% - 98px) !important;
}
.form_file_upload .RadUpload .ruBrowse{
    width: 85px;
}
.form_file_upload .ruFileWrap.ruStyled {
    padding: 0;
    width: 100% !important;
    padding-right:65px;
}
.form_file_upload .RadUpload_Default .ruButton{
    position:absolute;
    right:0;
}

.form_file_upload .ruButton.ruRemove {
    position: absolute;
    top: 0;
    right: 0;
}
.form_file_upload .RadUpload .ruInputs li{
    margin-bottom:0;
}
/*Radautocomplete*/
.form_autocomplete .RadAutoCompleteBox {
    width: 100%;
    padding: 0;
    min-height: 40px !important;
    height: auto !important;
    border: 1px solid #C8C8C8;
    box-shadow: 0 2px 2px rgb(0 0 0 / 8%);
}
.form_autocomplete .RadAutoCompleteBox_Default .racTokenList{
    border-color: #fff;
    border-radius: 4px;
    height: 100%;
    outline:none !important;
    min-height:38px !important;
    padding: 2px 3px !important;
}
.form_autocomplete .RadAutoCompleteBox_Default .racTokenList.racFocused,
.form_autocomplete .RadAutoCompleteBox_Default .racTokenList.racHovered {
    border-color: #fff !important;
}
.form_autocomplete .racToken {
    background: #e7ebee !important;
    color: #1d3e54 !important;
    border: none !important;
    padding: 4px 30px 4px 10px !important;
    font-weight: 400 !important;
    font-size: 13px;
    margin: 3px 6px 3px 0 !important;
}

.form_autocomplete .RadAutoCompleteBox .racRemoveTokenLink{
    text-decoration:none !important;
}
.form_autocomplete .RadAutoCompleteBox .racInput {
    margin: 7px 0;
    width: auto !important;
}
.RadAutoCompleteBoxPopup{
    width:100% !important;
}
.RadAutoCompleteBox .racEmptyMessage{
    font-style:normal !important;
}

/*wiget settings style*/
.career_wiget_block .career_widget_item {
    border: 1px solid #D2D2D2;
    margin-bottom: 20px;
}

.career_wiget_block .career_widget_item .widget_header {
    display: flex;
    align-items: center;
    padding: 8px 15px;
    border-bottom: 1px solid #E2E2E2;
    background-color: #F5F5F5;
}

.widget_header .widget_actions {
    margin-left: auto;
}

.widget_header .widget_actions {
    margin-left: auto;
    display: flex;
}

.item_counter {
    border: 1px solid gainsboro;
    display: flex;
    margin-right: 10px;
}

.item_counter .action_btn {
    padding: 5px 10px;
    flex: 1;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}

.item_counter input[type="text"] {
    width: 50px;
    border: none;
    border-left: 1px solid gainsboro;
    border-right: 1px solid gainsboro;
    text-align: center;
    pointer-events: none;
}

.career_wiget_block .career_widget_item .widget_header .title {
    font-weight: 700;
    font-size: 16px;
}

.career_wiget_block .career_widget_item .widget_header .general_form_box_btn {
    color: #1573A8;
    border: 1px solid #1573A8;
    font-weight: 400;
    border-radius: 0;
    font-size: 13px;
}

.career_wiget_block .career_widget_item .widget_body {
    padding: 15px 65px 30px;
    background-color: #F5F5F5;
}
.career_wiget_block .career_widget_item .widget_body *{
    pointer-events:none;
}

/*widget*/
.career_wiget_block .career_widget_item .employee_feedback_wrap {
    margin-bottom: 0;
}

.career_wiget_block .career_widget_item .title_md.mt-30 {
    margin-top: 0 !important
}

.career_wiget_block .career_widget_item .gallery_wrapper .gallery_item {
    margin-bottom: 0;
}

.career_wiget_block .career_widget_item .employee_feedback_wrap .employee_feedback_content .emp_feedback_item {
    margin: 0 10px;
}

.layout_selection_wrap {
    padding: 7px 8px;
    border: 1px solid #E1E1E1;
    background-color: #fff;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 320px;
    margin: 0 auto 20px;
}

.layout_selection_wrap .layout_opt {
    text-decoration: none;
    display: flex;
    align-items: center;
    margin: 0 5px;
}

.layout_selection_wrap .layout_opt span {
    width: 24px;
    height: 20px;
    border-radius: 4px;
    background-color: #D4DFDE;
    display: inline-block;
    margin: 0 1px;
}

.layout_selection_wrap .layout_opt.active span {
    background-color: #23AAEA;
}

.search_panel_header .search_form_wrapper .search_element.type1 input {
    padding-right: 11px !important;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.search_panel_header .search_form_wrapper .search_element select {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

/*wiget styles*/

[image-box] {
    position: relative;
    display: inline-block;
    width: 100%;
}

[image-box][data-resolution]:hover:before {
    content: attr(data-resolution);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    background: rgb(255 255 255 / 70%);
    padding: 4px 10px;
    font-size: 14px;
    border: 1px solid gainsboro;
    backdrop-filter: blur(10px);
    z-index: 1;
    min-width:220px;

}

[image-box].small_img_resolution[data-resolution]:hover:before {
    top: auto !important;
    bottom: 100%;
    width: auto;
    right: auto !important;
    white-space: nowrap;
}

[image-box].fill {
    width: 100%;
}

[image-uploader]:before {
    font-family: "Material Icons";
    content: "\E3B0";
    line-height: 46px;
    font-size: 22px;
}

[image-uploader] {
    position: absolute;
    top: calc(50% - 24px);
    left: calc(50% - 24px);
    /*top: 10px;
    right: 10px;*/
    width: 48px;
    height: 48px;
    border: 1px solid white;
    background: rgb(0 0 0 / 60%);
    color: #fff;
    border-radius: 60px;
    text-align: center;
    font-weight: 100;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
    transition: 0.4s;
}

[image-uploader][top-right-pos] {
    top: 10px;
    right: 10px;
    left: initial;
}

[image-uploader][top-left-pos] {
    top: 10px;
    right: initial;
    left: 10px;
}

[image-box]:hover [image-uploader] {
    opacity: 1;
}

.r_btm[image-box][data-resolution]:hover:before {
    bottom: 0;
    top: auto;
}

.container_wrapper {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: start;
}

.container_wrapper.no_padd {
    padding: 0;
}

.widget_list {
    margin-bottom: 20px;
}

.widget_list.active {
    display: block;
}

.widget_item {
    width: 100%;
    padding: 0 0;
    flex: 1;
    position: relative;
}

.flex-display {
    display: flex;
    margin: 0 -15px;
}

.flex-display .add-space-15 {
    padding: 0 15px;
}

.container_wrapper.full_width { /*widget full width*/
    max-width: 100%;
    /*padding: 0;*/
}

.container_wrapper.full_width .widget_item {
    padding: 0;
}

.container_wrapper .widget_item.with_padding {
    padding: 0 20px;
}

.container_wrapper.half_width { /*widget half width*/
    max-width: 550px;
}

.insert-new-widget {
    width: 600px;
    border: 1px dashed #acacbd;
    padding: 20px 40px;
    text-align: center;
    margin: 40px auto;
}

.insert-new-widget img {
    max-width: 240px;
    margin: 40px auto 40px;
}

.insert-new-widget .head-text {
    font-size: 22px;
    margin-bottom: 4px;
    font-weight: 600;
}

.insert-new-widget .desc-text {
    font-size: 14px;
    margin-bottom: 20px;
}

.insert-new-widget .insert-btn {
    padding: 10px 20px;
    background: var(--primary-color);
    color: var(--fore-color);
    display: block;
    text-transform: uppercase;
    text-decoration: none !important;
    font-size: 13px;
}

.container_wrapper:empty {
    position: relative;
    width: 100%;
    /*max-width: 100%;*/
    height: 300px;
    background: #f0f6fb;
    border: 40px solid white;
}


.container_wrapper:empty:before,
.container_wrapper:empty:after {
    position: absolute;
}

.container_wrapper:empty:before {
    content: "No Widgets Added";
    width: 100%;
    bottom: 40px;
    text-align: center;
    font-size: 20px
}

.container_wrapper:empty:after {
    top: 20px;
    left: calc(50% - 60px);
    width: 120px;
    height: 120px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../../../images/CustomizablePortalHome/start-inserting.svg');
    content: "";
}

.widget_row {
    position: relative;
}

[add-widget-to-side]:after {
    position: absolute;
    top: calc(50% - 25px);
    right: 0;
    width: 50px;
    height: 50px;
    border-radius: 4px 0 0 4px;
    background: #53b76d;
    color: white;
    font-family: "Material Icons", sans-serif;
    content: "\E147";
    font-size: 40px;
    text-align: center;
    line-height: 50px;
    z-index: 2;
}

.container_wrapper.full_width + [add-widget-to-side]:after {
    opacity: 0.4;
}

.container_wrapper.full_width + [add-widget-to-side]:hover:after {
    opacity: 1;
}

/*Content style*/

.main_wrapper .left_container.portal-setup-page {
    max-width: 1300px;
    margin: auto;
    padding: 0.1px;
}

.main_wrapper .left_container.portal-setup-page + .view_panel {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    width: 70px;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.main_wrapper .left_container.portal-setup-page + .view_panel .tool_set {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.main_wrapper .left_container.portal-setup-page + .view_panel .tool_set .tool_item {
    width: 47px;
    height: 47px;
    border: 1px solid gainsboro;
    text-align: center;
    margin-bottom: 10px;
    border-radius: 60px;
}

.main_wrapper .left_container.portal-setup-page + .view_panel .tool_set .tool_item > i {
    line-height: 47px;
    font-size: 24px;
}

.select-from-page-templates {
    width: 800px;
    margin: auto;
    padding: 20px;
}

.select-from-page-templates .head-text {
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    margin: 0 0 10px 0;
}

.select-from-page-templates .template-list > a {
    padding: 20px;
    flex-basis: 33.3%;
}

.select-from-page-templates .template-list {
    display: flex;
    flex-wrap: wrap;
}

.select-from-page-templates .template-list > a img {
    width: 100%;
}

.select-from-page-templates .template-list > a .cap {
    font-size: 20px;
    color: #000;
    margin: 10px 0 0 0;
    font-weight: 600;
    text-align: center;
}


.main_wrapper .right_container.portal-setup-page {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    width: 370px;
}

.main_wrapper .left_container {
    background: #fff;
    width: 100%;
    padding-bottom: 1px;
}

.main_wrapper .right_container {
    width: 370px;
    display: table-cell;
    background: #fff;
    vertical-align: top;
    font-family: 'Inter', sans-serif;
    height: calc(100vh - 120px);
}

.right_container .sidebar_middle .title,
.main_wrapper .right_container div,
.main_wrapper .right_container a {
    font-family: 'Inter', sans-serif !important;
}
/*-------------------widget settings-------------------------*/

.container_wrapper.full_width .widget_row_settings {
    margin: 0;
}

.widget_row {
    position: relative;
}

.widget_row_settings {
    /*display: flex; */
    align-items: center;
    padding: 7px 20px;
    background: rgb(255 255 255);
    position: absolute;
    top: -20px;
    left: calc(50% - 73.5px);
    /* right: 0; */
    opacity: 0;
    transition: 0.5s ease-in;
    z-index: 6;
    border-radius: 60px;
    box-shadow: 0 4px 10px 0 rgb(127 132 143 / 20%);
    border: 1px solid gainsboro;
}

.widget_row:hover > .widget_row_settings {
    opacity: 1;
}

.widget_row_settings .item_title {
    font-weight: 600;
    font-size: 16px;
    margin-right: 20px;
}

.widget_row_settings .toolbar_item_cap {
    display: inline-block;
    position: relative;
    top: 0;
    margin-right: 4px;
    text-transform: uppercase;
    font-size: 13px;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
}

.widget_row_settings .item_toolbar {
    list-style: none;
    margin: 0 0 0 auto;
    display: flex;
    padding: 0;
    align-items: center;
}

.widget_row_settings .item_toolbar li {
    display: flex;
    align-items: center;
    justify-content: center;
}

.widget_row_settings .item_toolbar li:not(:last-child) {
    border-right: 1px solid #ccc;
    padding-right: 10px;
    margin-right: 10px;
}

.widget_row_settings .toolbar_ico {
    border: none;
    background: none;
    position: relative;
    cursor: pointer;
    text-decoration: none;
    color: #3a4048;
    padding: 0;
}

.widget_row_settings .toolbar_ico:before {
    font-family: "Material Icons";
    font-size: 21px;
    position: relative;
    line-height: 0;
    top: 4px;
}

.widget_row_settings .toolbar_ico.delete:before {
    content: "\E872";
}

.widget_row_settings .toolbar_ico.copy:before {
    content: "\E14D";
}

.widget_row_settings .toolbar_ico.settings:before {
    content: "\E8B8";
}

.widget_row_settings .toolbar_ico.bg-color:before {
    content: "\E3B7";
}

.widget_row_settings .toolbar_ico.move:before {
    content: "\E8D6";
}

.widget_row_settings .item_toolbar .mini_switch_control {
    cursor: pointer;
    height: 20px;
    position: relative;
}

.widget_row_settings .item_toolbar .mini_switch_control input[type="checkbox"] + label {
    height: 20px;
    width: 35px;
    background: white;
    border-radius: 60px;
    border: 1px solid #c7c2c2;
    position: relative;
    margin-bottom: 0;
    display: block;
}

.widget_row_settings .item_toolbar .mini_switch_control input[type="checkbox"]:checked + label {
    background: white;
    border: 1px solid #5cde7b;
}

.widget_row_settings .item_toolbar .mini_switch_control input[type="checkbox"] + label:before {
    content: "";
    width: 16px;
    height: 16px;
    background: #c7c2c2;
    position: absolute;
    left: 2px;
    top: 1px;
    border-radius: 60px;
    transition: left 0.2s;
    z-index: 10;
    cursor: pointer;
}

.widget_row_settings .item_toolbar .mini_switch_control input[type="checkbox"]:checked + label:before {
    background: #5cde7b;
    left: 16px;
}

.widget_row_settings .item_toolbar li {
    position: relative;
}

.widget_row_settings .item_toolbar li:hover > a {
    color: #1e78ff;
}

.widget_row_settings .item_toolbar li:hover .bg-color-widget {
    display: block;
}

.bg-color-widget {
    position: absolute;
    top: 100%;
    left: calc(50% - 86px);
    width: 172px;
    background: white;
    padding: 10px 10px;
    border-radius: 0 0 4px 4px;
    display: none;
    border: 1px solid gainsboro;
    border-top: none;
    box-shadow: 0 7px 10px 0 rgb(162 174 201 / 20%);
}

.bg-color-widget > a {
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    outline: 1px solid #c7c7c7 !important;
    border-radius: 4px;
    float: left;
    margin: 5px;
}

.bg-color-widget > a:last-child {
    margin-bottom: 0;
}

.bg-color-widget > a:hover {
    outline-color: gray !important;
}

.widget_item:hover .widget_settings {
    opacity: 1;
}

.widget_item .widget_settings {
    position: absolute;
    top: 0;
    left: -40px;
    background: white;
    list-style: none;
    padding: 10px 7px;
    border-radius: 60px;
    margin: 0;
    transition: 0.5s ease-in;
    z-index: 6;
    border-radius: 60px;
    box-shadow: 2px 4px 10px 0 rgb(127 132 143 / 20%);
    border: 1px solid gainsboro;
    opacity: 0;
}

.full_width .widget_item .widget_settings {
    top: 5px;
    left: 5px;
}

.container_wrapper.full_width ul.widget_settings {
    top: 60px;
}

.widget_item .widget_settings > li > a {
    display: block;
}

.widget_item .widget_settings > li:not(:first-child) > a {
    margin-top: 6px;
    padding-top: 6px;
    border-top: 1px solid gainsboro;
}

.widget_item .widget_settings > li > a:before {
    font-family: "Material Icons";
    content: "\E147";
    font-size: 24px;
    color: #3a4048;
}

.widget_item .widget_settings > li > a:hover:before {
    color: #1e78ff;
}

.widget_item .widget_settings > li > a[delete-widget]:before {
    content: "\E872";
}

.widget_item .widget_settings > li > a[sort-widget]:before {
    content: "\E8BE"
}

.widget_item .widget_settings > li > a[widget-padding]:before {
    content: "\E3C2";
}

.widget_item .widget_settings > li > a[widget-padding] {
    display: none;
}

.container_wrapper.full_width .widget_item .widget_settings > li > a[widget-padding] {
    display: block;
}

.widget_item.with_padding .widget_settings > li > a[widget-padding]:before {
    color: #1e78ff;
}

.widget_list [contenteditable="true"]:empty {
    min-width: 100px;
    /*
    background: #deebf0;
    border: 1px dashed #a4c8d6;
    padding: 0 10px;*/
}

.widget_list [contenteditable="true"]:empty:after {
    content: "Add something here..";
    font-weight: 300;
    opacity: 0.6;
}

[navigator-link] {
    position: relative;
}

[navigator-link] > span:empty {
    color: gray;
    font-weight: 300;
    text-decoration: none !important;
}

[navigator-link] > span:empty:before {
    content: "Add something here..";
}

[navigator-link] .config_panel {
    position: absolute;
    bottom: 100%;
    left: 0;
    max-width: 480px;
    background: white;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
    padding: 20px 30px;
    font-family: "Open Sans", sans-serif;
    white-space: nowrap;
    margin-bottom: 10px;
    opacity: 0;
    visibility: hidden;
    transition: 0.2s;
    z-index: 10;
}

[navigator-link]:hover .config_panel {
    opacity: 1 !important;
    visibility: visible !important;
}

[navigator-link] .config_panel .c_element_set {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    text-align: left;
    display: flex;
    align-items: center;
}

[navigator-link] .config_panel .c_element_set:last-child {
    margin-bottom: 0;
}

[navigator-link] .config_panel .c_element_set > label {
    color: #000;
    font-size: 14px;
    text-align: left !important;
    font-weight: 400;
    margin-bottom: 0;
}

[navigator-link] .config_panel .c_element_set > input[type="text"] {
    border: 1px solid #c3c9dd;
    padding: 0 10px;
    font-size: 14px;
    height: 30px;
    min-width: 260px;
    margin: 0;
    margin-left: 10px;
    color: #000;
    flex: 1;
}

[navigator-link] .config_panel .c_element_set > input[type="checkbox"] {
    margin: 0;
    margin-right: 10px;
}

[navigator-link] .config_panel .c_element_set > input[type="checkbox"] + label:before {
    font-family: "Material Icons";
    content: "\E835";
    font-size: 24px;
    line-height: 0;
    position: relative;
    top: 7px;
    margin-right: 10px;
    color: #b6c1d3;
}

[navigator-link] .config_panel .c_element_set > input[type="checkbox"]:checked + label:before {
    color: #23aaea;
    content: "\E834";
}

ul.media_list li:nth-child(10) [navigator-link] .config_panel {
    left: auto;
    right: 0;
}

.clonedWidgetListHTML {
    display: none;
}

.use_my_location.active {
    display: block;
}

.use_my_location {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    padding: 10px 25px 10px 56px;
    background: white;
    box-shadow: 0 5px 10px 1px rgba(0,0,0,0.2);
    z-index: 11;
    border-radius: 0 0 3px 3px;
    border-top: 1px solid gainsboro;
    font-size: 15px;
    font-family: arial;
    text-decoration: none !important;
    color: #333;
    display: none;
    cursor:pointer;
}

.use_my_location i {
    position: absolute;
    top: 10px;
    left: 25px;
    font-size: 22px;
}

/* VIDEO WIDGET CUS */


/*content on video*/
/*Style for Banner elements*/

.banner_element {
    background-color: #333;
}

.banner_element {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

    .banner_element.column_reverse .banner_image,
    .banner_element.column .banner_image {
        flex-basis: inherit;
    }

    .banner_element .banner_img {
        height: 400px;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        background-position: center;
    }

    .banner_element .banner_content {
        padding: 30px;
        color: #fff;
        font-weight: 300;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .banner_element .banner_image {
        flex-basis: 65%;
    }

    .banner_element .banner_content {
        flex-basis: 35%;
    }

.banner_title {
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 20px;
}

.banner_element .banner_desc {
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 20px;
}
.banner_element.content_on_video {
    position: relative;
}

.banner_element.content_on_video [image-box] {
    position: static;
}

.banner_element.content_on_video .with_player {
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
}

.banner_element.content_on_video img {
    width: 100%;
}

.banner_element.content_on_video:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(11deg, rgb(0 0 0 / 75%), transparent);
}

.banner_element.content_on_video .with_player:before {
    display: none;
}
/*video with content content side*/
.video_text_side {
    flex-wrap: inherit;
}

    .video_text_side img {
        width: 100%;
        min-height: 100%;
    }

    .video_text_side .with_player {
        position: relative;
        height: auto;
    }

        .video_text_side .with_player [image-box] {
            position: static;
        }


.video_text_side {
    flex-wrap: inherit;
}

.video_text_side img {
    width: 100%;
    min-height: 100%;
}

.video_text_side .with_player {
    position: relative;
    height: auto;
}

.video_text_side .with_player [image-box] {
    position: static;
}




/*video popup*/
body.video-opened {
    overflow: hidden;
}

.video_popup {
    background: #333;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 99;
    bottom: 0;
    display: none;
    height: 100vh;
    align-items: center;
    justify-content: center;
    padding: 50px;
    cursor: pointer;
}

.video_popup .video_wrap {
    width: 700px;
    margin: auto;
}

.video_popup .video_close {
    position: absolute;
    right: 50px;
    top: 10px;
}

.video_popup .video_close:before {
    content: "\e5cd";
    position: absolute;
    font-size: 20px;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background: #fff;
    font-family: "Material Icons";
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    color: #000;
}

.video_popup.open {
    display: flex;
}

.video_popup .video_frame {
    margin-bottom: 10px;
    max-width: 700px;
    width: 100%;
    height: 400px;
}

.video_popup .video_title {
    font-size: 23px;
    line-height: 30px;
    margin-bottom: 10px;
    color: #fff;
}

.video_popup .video_desc {
    font-size: 17px;
    line-height: 22px;
    color: #fff;
    font-weight: 300;
}










.widget_item .banner_element {
    margin: 20px 0;
}

.widget_item .video_options .video_title{
    /*font-size: 24px;*/
    font-weight: 600;
    margin-bottom: 0;
}
.widget_item .video_text_side .banner_title {
    /*font-size: 22px;*/
    font-weight: 600;
    margin-bottom: 0 !important;
    white-space:normal;
    word-break:break-word;
}

.widget_item .banner_element .banner_desc {
    /*font-size: 16px;*/
    white-space:normal;
    word-break:break-word;
}
.video_options .video_title,
.video_options .video_desc{
    white-space:normal;
    word-break:break-word;
}
[image-uploader][top-right-pos] {
    top: 55px;
    right: 17px;
}
[video-note]:after{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    background: rgb(255 255 255 / 70%);
    padding: 4px 10px;
    font-size: 14px;
    border: 1px solid gainsboro;
    backdrop-filter: blur(10px);
    z-index: 1;
    content:attr(video-note);
    display:none;
}
[video-note]:hover:after{
    display:block;
}
.widget_item .widget_item banner_element .banner_content {
    justify-content: left;
}
.banner_element.video_text_side .with_player .config_panel{
    left:auto;
    right:0;
}

/*video play button*/
.with_player:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(11deg, rgb(0 0 0 / 75%), transparent);
}

.with_player .play-btn {
    display: inline-block;
    width: 90px;
    height: 90px;
    background-color: rgb(0 0 0 / 30%);
    border-radius: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    cursor: pointer;
}

.with_player .play-btn:before {
    content: "play_arrow";
    font-family: "Material Icons";
    font-size: 65px;
    line-height: 65px;
    height: 65px;
    width: 65px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
/*text on video*/

.video_options {
    text-align: center;
    align-items: center;
    position: relative;
    color: #fff;
    max-width: 800px;
    margin: auto;
}

.video_options .play-btn {
    position: relative;
    margin: 0 auto 20px;
}

.video_options .btn_main {
    display: inline-block;
    margin-top: 10px;
    padding: 9px 28px;
    font-size: 14px;
}

.video_options .video_title {
    color: #fff;
    font-size: 30px;
    line-height: 40px;
    font-weight: 300;
    margin-bottom: 10px;
}

.video_options .video_desc {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
}

.video_popup .btn_main {
    display: inline-block;
    margin-top: 10px;
    padding: 8px 15px;
    font-size: 14px;
}

/*Social Media*/

.social_media_wrap .title {
    font-weight: 400;
    font-size: 25px;
    margin-bottom: 20px;
    text-align:center;
}

ul.media_list {
    list-style: none;
    padding-left: 0;
    margin: 10px auto 0;
    text-align:center;
}

ul.media_list li {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.social_media_wrap ul.media_list li a {
    width: 45px;
    height: 45px;
    border-radius: 100%;
    background: var(--primary-color);
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

ul.media_list li a svg {
    width: 22px;
}

ul.media_list li:not(:last-child) {
    margin-right: 32px;
}

.social_media_wrap ul.media_list li {
    margin: 0 10px;
}

.social_media_wrap.align-right ul.media_list,
.social_media_wrap.align-right .title {
    text-align: right;
}

.social_media_wrap.align-center ul.media_list,
.social_media_wrap.align-center .title {
    text-align: center;
}
/* CSS FOR FIXED LOADER  */
.fixed_loader {
    border-radius: 0;
    text-align: center;
    font-size: 14px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    padding: 10px;
    z-index: 11111;
    margin: 0;
    font-weight: 400;
    cursor: auto;
    transition-duration: 0.3s;
    background: #23aaea;
    color: white;
    overflow: hidden;
    visibility: hidden;
}

.fixed_loader.in:before {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0);
    content: "";
}

.fixed_loader.in {
    -webkit-animation-name: fxdLoader; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 0.6s; /* Safari 4.0 - 8.0 */
    animation-name: fxdLoader;
    animation-duration: 0.6s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    visibility: visible;
}

@-webkit-keyframes fxdLoader {
    0% {
        bottom: -40px;
    }

    100% {
        bottom: 0px;
    }
}

/* Standard syntax */

@keyframes fxdLoader {
    0% {
        bottom: -40px;
    }

    100% {
        bottom: 0px;
    }
}

.fixed_loader .spinner div {
    width: 6px;
    height: 6px;
    position: absolute;
    left: -20px;
    bottom: 2px;
    background-color: #fff;
    border-radius: 50%;
    animation: move 4s infinite cubic-bezier(.2,.64,.81,.23);
}

.fixed_loader .spinner div:nth-child(2) {
    animation-delay: 150ms;
}

.fixed_loader .spinner div:nth-child(3) {
    animation-delay: 300ms;
}

.spinner div:nth-child(4) {
    animation-delay: 450ms;
}

@keyframes move {
    0% {
        left: 0%;
    }

    75% {
        left: 100%;
    }

    100% {
        left: 100%;
    }
}
.pointer{
    cursor:pointer;
}