.alert{padding:5px 10px !important;}
.mt_30{margin-top:30px !important;}
.flex_1{flex:1 !important;}
.object_fit_cover{object-fit:cover !important;}

.font_size_10{font-size:10px !important;}
.font_size_12{font-size:12px !important;}
.font_size_14{font-size:14px !important;}
.font_size_13{font-size:13px !important;}
.font_size_15{font-size:15px !important;}
.font_size_16{font-size:16px !important;}
.font_size_17{font-size:17px !important;}
.font_size_18{font-size:18px !important;}
.font_size_20{font-size:20px !important;}
.font_size_22{font-size:22px !important;}
.font_size_26{font-size:26px !important;}
.font_size_28{font-size:28px !important;}
.font_size_30{font-size:30px !important;}
.font_size_32{font-size:32px !important;}
.font_size_40{font-size:40px !important;}

.cursor_pointer{cursor:pointer !important;}

.font_weight_300{font-weight:300 !important;}
.font_weight_400{font-weight:400 !important;}
.font_weight_500{font-weight:500 !important;}
.font_weight_600{font-weight:600 !important;}
.font_weight_700{font-weight:700 !important;}

.float_left{float:left !important;}
.float_right{float:right !important;}

.padding_0{padding:0px !important;}
.padding_0_15{padding:0px 15px !important;}
.padding_5{padding:5px !important;}
.padding_1_10{padding:1px 10px !important;}
.padding_5_10{padding:5px 10px !important;}
.padding_8{padding:8px !important;}
.padding_10{padding:10px !important;}
.padding_10_0{padding:10px 0px !important;}
.padding_15{padding:15px !important;}
.padding_20{padding:20px !important;}
.padding_40{padding:40px !important;}
.padding_bottom_10{padding-bottom:10px !important;}
.padding_bottom_20{padding-bottom:20px !important;}
.padding_top_0{padding-top:0px !important;}
.padding_top_3{padding-top:3px !important;}
.padding_top_10{padding-top:10px !important;}
.padding_top_20{padding-top:20px !important;}
.padding_left_0{padding-left:0px !important;}
.padding_left_10{padding-left:10px !important;}
.padding_left_20{padding-left:20px !important;}
.padding_left_30{padding-left:30px !important;}

.margin_auto{margin:auto !important;}
.margin_top_minus_4{margin-top:-4px !important;}
.margin_top_minus_10{margin-top:-10px !important;}
.margin_top_minus_15{margin-top:-15px !important;}
.margin_0{margin:0px !important;}
.margin_20{margin:20px !important;}
.mb_0{margin-bottom:0px !important;}
.mb_4{margin-bottom:4px !important;}
.mb_5{margin-bottom:5px !important;}
.mb_10{margin-bottom:10px !important;}
.mb_minus_10{margin-bottom:-10px !important;}
.mb_15{margin-bottom:15px !important;}
.mb_20{margin-bottom:20px !important;}
.mb_40{margin-bottom:40px !important;}
.mt_minus_20{margin-top:-20px !important;}
.mt_8{margin-top:8px !important;}
.mt_0{margin-top:0px !important;}
.mt_2{margin-top:2px !important;}
.mt_5{margin-top:5px !important;}
.mt_10{margin-top:10px !important;}
.mt_12{margin-top:12px !important;}
.mt_15{margin-top:15px !important;}
.mt_20{margin-top:20px !important;}
.mt_35{margin-top:35px;}
.ml_5{margin-left:5px !important;}
.ml_10{margin-left:10px !important;}
.ml_20{margin-left:20px !important;}
.margin_left_auto{margin-left:auto !important;}
.mr_5{margin-right:5px !important;}
.mr_10{margin-right:10px !important;}
.mr_20{margin-right:20px !important;}
.max_height_226{max-height:226px !important;}

.border_none{border:none !important;}
.border_E0E4E5{border:1px solid #E0E4E5 !important;}
.border_radius_4{border-radius:4px !important;}
.border_radius_6{border-radius:6px !important;}
.border_radius_8{border-radius:8px !important;}
.border_radius_10{border-radius:10px !important;}
.border_radius_12{border-radius:12px !important;}
.border_radius_50p{border-radius:50% !important;}
.border_bottom_none{border-bottom:none !important;}
.border_bottom_eee{border-bottom:1px solid #eee !important;}
.border_top_eee{border-top:1px solid #eee !important;}
.border_white{border:1px solid #fff !important;}
.text_center{text-align:center !important;}
.text_justify{text-align:justify !important;}
.text_right{text-align:right !important;}
.text_left{text-align:left !important;}
.box_shadow_gray{box-shadow: 0px 2px 2px #77777729;}

.background_white{background-color:#fff !important;}
.color_vivid_sky_blue{color:#008BDC !important;}
.color_24AE3B{color:#24AE3B !important;}
.color_red{color:#FF0000 !important;}
.bg_vivid_sky_blue{background-color:#008BDC !important;}
.background_color_DAF2FC{background-color:#DAF2FC !important;}
.background_color_00A5EC{background-color:#00A5EC !important;}
.background_color_E1E1FB{background-color:#E1E1FB !important;}
.border_vivid_sky_blue{border:1px solid #008BDC !important;}

.color_black{color:#000 !important;}
.color_white{color:#fff !important;}
.color_848484{color:#848484 !important;}
.color_333333{color:#333333 !important;}
.color_666666{color:#666666 !important;}

.height_10{height:10px !important;}
.height_11{height:11px !important;}
.height_20{height:20px !important;}
.height_30{height:30px !important;}
.height_34{height:34px !important;}
.height_42{height:42px !important;}
.height_46{height:46px !important;}
.height_50{height:50px !important;}
.height_70{height:70px !important;}
.height_2rem{height:2rem !important;}
.height_100_per{height:100% !important;}
.min_height_140{min-height:140px !important;}
.height_fit_content{height:fit-content !important;}

.width_auto{width:auto !important;}
.max_width_100{max-width:100% !important;}

.width_8{width:8px !important;}
.width_10{width:10px !important;}
.width_20{width:20px !important;}
.width_34{width:34px !important;}
.width_50{width:50px !important;}
.width_70{width:70px !important;}
.width_100{width:100px !important;}
.width_110{width:110px !important;}
.width_116{width:116px !important;}
.width_140{width:140px !important;}
.width_150{width:150px !important;}
.width_500{width:500px !important;}
.width_800{width:800px !important;}
.width_2rem{width:2rem !important;}
.max_width_800{max-width:800px !important;}

.width_95_per{width:95% !important;}
.width_100_per{width:100% !important;}

.text_decoration_none{text-decoration:none !important;}
.text_decoration_line_through{text-decoration: line-through !important;}

.center_image{display:block;margin:0 auto;width:auto !important;}
.line_height_1{line-height:1 !important;}
.line_height_1_2{line-height:1.2 !important;}

.flex_wrap_wrap{flex-wrap:wrap !important;}

.display_block{display:block !important;}

@media (max-width: 768px) {
    /* mobile */
    .mobile{display:block !important;}
    .desktop{display:none !important;}
    .profile-card{
        padding:10px !important;
    }
    .mt_15_mobile{margin-top:15px !important;}
    .mt_35_mobile{margin-top:35px !important;}
}
@media (min-width: 768px) {
    /* desktop */
    .mobile{display:none !important;}
    .desktop{display:block !important;}

}
/* two-line text clamp */
.line_clamp_2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;word-break:break-word;line-height:1.4;max-height:2.8em;min-height:2.8em;}

/* Fix for select2 with input-group-addon alignment */
.input-group .select2-container {
    flex: 1;
    width: 1% !important;
}

.input-group .select2-container .select2-selection {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    /* border-right: 0 !important; */
}

.input-group .select2-container .select2-selection--multiple {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    /* border-right: 0 !important; */
}

.input-group-addon.add_custom_service {
    border-left: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Inline filter row: keeps a filter control and its companions (buttons, hints) on one wrapping line */
.filter_inline_row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:10px;}

/* Info hint: round "i" button revealing a short note on hover, keyboard focus or tap */
.info_hint{position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;padding:0;border:1px solid #cfe2ff;border-radius:50%;background:#eaf3ff;color:#007bff;font-size:15px;line-height:1;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease;}
.info_hint:hover,.info_hint.is_open{background:#007bff;border-color:#007bff;color:#fff;}
.info_hint:focus-visible{outline:2px solid #2563eb;outline-offset:2px;}
.info_hint_text{display:none;position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);z-index:1200;width:230px;max-width:70vw;padding:10px 12px;border-radius:8px;background:#333;color:#fff;font-size:12.5px;font-weight:400;line-height:1.45;text-align:left;white-space:normal;box-shadow:0 4px 14px rgba(0,0,0,.22);}
.info_hint_text::before{content:"";position:absolute;bottom:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-bottom-color:#333;}
.info_hint:hover .info_hint_text,.info_hint:focus .info_hint_text,.info_hint.is_open .info_hint_text{display:block;}

/* Membership audience switch: segmented control picking between the Professional and Employer plan sets */
.audience_switch{display:inline-flex;gap:6px;padding:5px;}
.audience_switch_wrap{display:flex;justify-content:center;margin:0 0 30px;}
.audience_btn{display:flex;align-items:center;justify-content:center;gap:8px;min-width:170px;padding:11px 24px;border:1px solid #e4e7ec;border-radius:8px;background:#fff;color:#344054;font-size:15px;font-weight:600;line-height:1;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease;}
.audience_btn:hover{background:#f9fafb;border-color:#d0d5dd;}
.audience_btn:focus-visible{outline:2px solid #2563eb;outline-offset:2px;}
.audience_btn[aria-selected="true"]{background:#2563eb;border-color:#2563eb;color:#fff;}
.audience_btn[aria-selected="true"]:hover{background:#1d4fd8;border-color:#1d4fd8;}
.audience_btn svg{width:18px;height:18px;flex-shrink:0;}
.audience_empty{max-width:560px;margin:0 auto;padding:46px 24px;border:1px dashed #dfe4e8;border-radius:10px;background:#f9fbfc;text-align:center;}
.audience_empty strong{display:block;margin-bottom:6px;color:#2c3e50;font-size:17px;}
.audience_empty p{margin:0;color:#7f8c8d;font-size:14px;}
@media (max-width:768px){
    .audience_switch{width:100%;}
    .audience_btn{flex:1;min-width:0;padding:11px 12px;font-size:14px;}
}
@media (prefers-reduced-motion:reduce){
    .audience_btn{transition:none;}
}