* {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: normal;
    text-decoration: none;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@font-face {
    font-family: Gaegu-L;
    src: url(../fonts/Gaegu-Light.ttf);
}
@font-face {
    font-family: Gaegu-R;
    src: url(../fonts/Gaegu-Regular.ttf);
}
@font-face {
    font-family: Gaegu-B;
    src: url(../fonts/Gaegu-Bold.ttf);
}
  
body {
    background-color: #000;
    color: #fff;
    font-family: Gaegu-R;
    overflow-x: hidden;
    min-width: 320px;
    background-image: url(../images/mBf_black_board_bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    font-family: Gaegu-R;
    font-size: calc(max(1.1713vw, 16px));
    line-height: calc(max(1.4641vw, 20px));
}
main {
    display: flex;
    flex-direction: column;
}
.mBf-page {
    flex-grow: 1;
    overflow: auto;
    scrollbar-width: none;
}
.noscroll {
    overflow: hidden;
}
.scrollbar-none {
    scrollbar-width: none;
}
h1, h2, h3, h4, h5, h6, p, .row, .col, ul, li {
    margin: 0;
    padding: 0;
}
ul {
    list-style-type: none;
}
a {
    color: #fff;
    text-decoration: none;
    display: inline-block;
}
img, svg {
    display: block;
    width: 100%;
    height: 100%;
}
button{
    background-color: transparent;
    color: #ffffff;
}
.container {
    padding: 0 calc(max(4.0264vw,55px)) 0 calc(max(3.8799vw,53px));
    max-width: 100%;
}
.container-1265 {
    padding: 0 calc(max(3.5871vw,49px)) 0 calc(max(3.8067vw,52px));
    max-width: 100%;
}
h1 {
    font-family: Gaegu-B;
    font-size: calc(max(4.0264vw, 36px));
    line-height: calc(max(3.5871vw, 42px));
    letter-spacing: -0.06em;
}
p {
    font-family: Gaegu-L;
    font-size: calc(max(1.6105vw, 20px));
    line-height: calc(max(2.0498vw, 26px));
    letter-spacing: -0.04em;
}
input, select, textarea {
    width: 100%;
    height: 100%;
    background-color: transparent;
    color: #fff;
    font-family: Gaegu-L;
    font-size: calc(max(1.6105vw, 20px));
    line-height: calc(max(2.0498vw, 26px));
    letter-spacing: -0.04em;
}
label {
    width: 100%;
    font-family: Gaegu-L;
    font-size: calc(max(1.6105vw, 20px));
    line-height: calc(max(2.0498vw, 26px));
    letter-spacing: -0.04em;
}
::placeholder {
    color: #fff;
}
.resize-none {
    resize: none;
    scrollbar-width: none;
}
input[type="search"]::-webkit-search-cancel-button {
    display: none;
}
.mBf-form .form-group {
    margin-bottom: calc(max(2.4524vw, 30px));
    position: relative;
}
.mBf-form .form-group .input.bdr-01 {
    background-image: url(../images/mBf_form_input_border-01.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
}
.mBf-form .form-group .input.bdr-02 {
    background-image: url(../images/mBf_form_input_border-02.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
}
.mBf-form .form-group .input.profile-bdr-01 {
    background-image: url(../images/mBf_form_profile_input_border-01.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
}
.mBf-form .form-group .input.profile-bdr-02 {
    background-image: url(../images/mBf_form_profile_input_border-02.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
}
.mBf-form .form-group .input.signup-bdr {
    background-image: url(../images/mBf_signup_form_input_border.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: calc(max(3.6603vw, 50px));
    padding: calc(max(0.7321vw, 10px)) calc(max(0.7321vw, 10px)) calc(max(0.7321vw, 10px)) calc(max(1.4641vw, 20px)); 
}
.mBf-form .form-group .input.textarea.signup-bdr {
    background-image: url(../images/mBf_signup_form_textarea_border.svg);
    height: calc(max(7.3206vw, 100px));
}
.mBf-form .form-group .input.signup-bdr::after {
    display: none;
}

.mBf-form .form-group .campaign-input-bdr {
    background-image: url(../images/mBf-create-campaign-input-bdr.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    height: calc(max(3.6603vw, 50px));
    padding: calc(max(0.7321vw, 10px)) calc(max(0.7321vw, 10px)) calc(max(0.7321vw, 10px)) calc(max(1.4641vw, 20px));
}
.mBf-form .form-group .campaign-textarea-bdr {
    background-image: url(../images/mBf-create-campaign-textarea-bdr.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    height: calc(max(11.9327vw, 160px));
    padding: calc(max(0.7321vw, 10px)) calc(max(0.7321vw, 10px)) calc(max(0.7321vw, 10px)) calc(max(1.4641vw, 20px));
}
.mBf-form button[type=submit] {
    background-color: transparent;
    color: #ffffff;
    font-family: Gaegu-L;
    font-size: calc(max(1.4641vw, 18px));
    line-height: calc(max(1.8302vw, 24px));
    padding: calc(max(0.9883vw, 12px)) calc(max(2.1032vw, 24px));
    background-image: url(../images/mBf_button_border_161x52_black.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-top: calc(max(2.1962vw, 30px));
}
.mBf-form button[type=submit]:hover {
    color: #000000;
    background-image: url(../images/mBf_button_border_161x52_white.svg);
}
.mBf-form .checkbox-input {
    display: flex;
    gap: calc(max(0.87856vw, 12px));
    cursor: pointer;
}
.mBf-form input[type=checkbox], .mBf-form input[type=radio] {
    width: auto;
    cursor: pointer;
}
.mBf-form input[type=checkbox] {
    appearance: none;
    background-image: url(../images/mBf_form_checkbox.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: calc(max(1.9766vw, 25px));
    height: calc(max(1.9766vw, 25px));
}
.mBf-form input[type=checkbox]:checked {
    background-image: url(../images/mBf_form_checkbox_checked.svg);
}
.mBf-form .select-input label.select-icon {
    background-image: url(../images/mBf-form-select-dropdown-icon.svg);
    background-repeat: no-repeat;
    background-size: calc(max(0.8785vw, 12px)) calc(max(0.5857vw, 8px));
    background-position: right calc(max(0.7321vw, 10px)) center;
    cursor: pointer;
}
.mBf-form .select-options {
    position: absolute;
    top: initial;
    width: 100%;
    background-color: #fff;
    color: #000;
    z-index: 999;
    padding: calc(max(0.7321vw, 10px));
}
.mBf-form .select-options .option {
    display: flex;
    gap: calc(max(0.87856vw, 12px));
    padding: calc(max(0.7321vw, 10px));
}
.mBf-form .select-options .option input[type=checkbox] {
    appearance: none;
    background-image: url(../images/mBf_form_checkbox.svg);
    filter: invert(1);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: calc(max(1.9766vw, 25px));
    height: calc(max(1.9766vw, 25px));
    cursor: pointer;
}
.mBf-form .select-options .option input[type=checkbox]:checked {
    background-image: url(../images/mBf_form_checkbox_checked.svg);
}
.mBf-form .select-options .option label {
    font-family: Gaegu-L;
    font-size: calc(max(1.4642vw, 18px));
    line-height: calc(max(1.8303vw, 24px));
    letter-spacing: -0.04em;
    cursor: pointer;
}
.mBf-form .select-options .apply-options button {
    font-family: Gaegu-R;
    font-size: calc(max(1.0249vw, 14px));
    line-height: calc(max(1.3177vw, 18px));
    color: #000000;
    padding: calc(max(0.6955vw, 9.5px)) calc(max(1.3543vw, 18px));
    background-image: url(../images/mBf_notification_item_button_border.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.mBf-form .selected-options {
    display: flex;
    flex-wrap: wrap;
    gap: calc(max(1.4641vw, 20px));
    padding-bottom: calc(max(1.5373vw, 20px));
}
.mBf-form .selected-options .option {
    font-family: Gaegu-L;
    font-size: calc(max(1.4642vw, 18px));
    line-height: calc(max(1.8303vw, 24px));
    letter-spacing: -0.04em;
    display: flex;
    align-items: center;
    gap: calc(max(0.5124vw, 7px));
}
.mBf-form .selected-options .option .remove-icon {
    width: calc(max(0.8785vw, 12px));
    height: calc(max(0.8785vw, 12px));
    cursor: pointer;
}
.mBf_chalk_bench {
    position: sticky;
    bottom: 0;
}
.mBf-search-bar {
    max-width: calc(max(16.2518vw, 222px));
    width: 100%;
    background-image: url(../images/mBf-directory-filter_input_border.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    padding-bottom: calc(max(0.8785vw, 12px));
}
.mBf-search-bar .search-icon {
    width: calc(max(1.0249vw, 14px));
    height: calc(max(0.9517vw, 13px));
}
.mBf-search-bar .search-remove-icon {
    width: calc(max(1.0249vw, 14px));
    height: calc(max(0.9517vw, 13px));
}


.invalid-feedback {
    display: block;
}
.toastr {
    background-color: #fff !important;
    color: #000 !important;
    border-radius: 8px;
    padding: 15px 20px;
}
.toast-success {
    background-color: #fff !important;
    color: rgb(0, 0, 0) !important;
}
.toast-error {
    background-color: #fff !important;
    color: rgb(0, 0, 0) !important;
}
.toast-info {
    background-color: #fff !important;
    color: rgb(0, 0, 0) !important;
}
.toast-warning {
    background-color: #fff !important;
    color: rgb(0, 0, 0) !important;
}
.toast-success .toast-icon {
    color: #000000 !important;
}
#toast-container>.toast-success {
    background-image: url(../images/success.svg) !important;
}
#toast-container>.toast-error {
    background-image: url(../images/error.svg) !important;
}
#toast-container>.toast-warning {
    background-image: url(../images/warning.svg) !important;
}

/* flatpickr */
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
    background: #000000;
    border-color: #000000;
}

/* fonts */
.gaegu-300-14-18 {
    font-family: Gaegu-L;
    font-size: calc(max(1.0249vw, 14px));
    line-height: calc(max(1.3177vw, 18px));
}
.gaegu-300-16-20 {
    font-family: Gaegu-L;
    font-size: calc(max(1.1713vw, 16px));
    line-height: calc(max(1.4641vw, 20px));
}
.gaegu-300-18-23 {
    font-family: Gaegu-L;
    font-size: calc(max(1.3177vw, 16px));
    line-height: calc(max(1.6837vw, 20px));
}
.gaegu-300-20-25 {
    font-family: Gaegu-L;
    font-size: calc(max(1.4642vw, 18px));
    line-height: calc(max(1.8303vw, 24px));
}
.gaegu-300-22-28 {
    font-family: Gaegu-L;
    font-size: calc(max(1.6105vw, 20px));
    line-height: calc(max(2.0498vw, 26px));
}
.gaegu-400-16-20 {
    font-family: Gaegu-R;
    font-size: calc(max(1.1713vw, 16px));
    line-height: calc(max(1.4641vw, 20px));
}
.gaegu-400-18-23 {
    font-family: Gaegu-R;
    font-size: calc(max(1.3177vw, 16px));
    line-height: calc(max(1.6837vw, 20px));
}
.gaegu-400-21-26 {
    font-family: Gaegu-R;
    font-size: calc(max(1.5373vw, 20px));
    line-height: calc(max(1.9034vw, 26px));
}
.gaegu-400-22-28 {
    font-family: Gaegu-R;
    font-size: calc(max(1.6105vw, 20px));
    line-height: calc(max(2.0498vw, 26px));
}
.gaegu-400-24-30 {
    font-family: Gaegu-R;
    font-size: calc(max(1.7570vw, 22px));
    line-height: calc(max(2.1962vw, 28px));
}
.gaegu-700-16-20 {
    font-family: Gaegu-B;
    font-size: calc(max(1.1713vw, 16px));
    line-height: calc(max(1.4641vw, 20px));
}
.gaegu-700-20-22 {
    font-family: Gaegu-B;
    font-size: calc(max(1.4641vw, 18px));
    line-height: calc(max(1.6105vw, 20px));
}
.gaegu-700-18-23 {
    font-family: Gaegu-B;
    font-size: calc(max(1.3177vw, 16px));
    line-height: calc(max(1.6837vw, 20px));
}
.gaegu-700-55-49 {
    font-family: Gaegu-B;
    font-size: calc(max(4.0264vw, 36px));
    line-height: calc(max(3.5871vw, 42px));
}
.gaegu-700-30-49 {
    font-family: Gaegu-B;
    font-size: calc(max(2.1962vw, 26px));
    line-height: calc(max(3.5871vw, 42px));
}
.gaegu-700-30-27 {
    font-family: Gaegu-B;
    font-size: calc(max(2.1962vw, 26px));
    line-height: calc(max(1.9766vw, 24px));
}
.gaegu-700-22-28 {
    font-family: Gaegu-B;
    font-size: calc(max(1.6105vw, 20px));
    line-height: calc(max(2.0498vw, 26px));
}
.gaegu-700-24-30 {
    font-family: Gaegu-B;
    font-size: calc(max(1.7570vw, 22px));
    line-height: calc(max(2.1962vw, 28px));
}
.gaegu-700-24-27 {
    font-family: Gaegu-B;
    font-size: calc(max(1.7570vw, 22px));
    line-height: calc(max(1.9766vw, 24px));
}
.gaegu-700-22-36 {
    font-family: Gaegu-B;
    font-size: calc(max(1.6105vw, 20px));
    line-height: calc(max(2.6354vw, 36px));
}
.gaegu-700-26-33 {
    font-family: Gaegu-B;
    font-size: calc(max(1.9034vw, 26px));
    line-height: calc(max(2.4158vw, 33px));
}
.gaegu-700-46-49 {
    font-family: Gaegu-B;
    font-size: calc(max(3.3675vw, 36px));
    line-height: calc(max(3.5871vw, 42px));
}

/* font weight */
.font-weight-bold {
    font-family: Gaegu-B;
}
.font-weight-light {
    font-family: Gaegu-L;
}
.font-weight-Regular {
    font-family: Gaegu-R;
}

/* letter space */
.ltr-s--6 {
    letter-spacing: -0.06em;
}
.ltr-s--4 {
    letter-spacing: -0.04em;
}

/* color */
.clr-000000 {
    color: #000;
}
.clr-ffffff {
    color: #ffffff;
}
.clr-181818 {
    color: #181818;
}
/* margin */
.mrg-b-14 {
    margin-bottom: calc(max(1.0249vw, 12px));
}
.mrg-b-10 {
    margin-bottom: calc(max(0.7321vw, 10px));
}
.mrg-b-11 {
    margin-bottom: calc(max(0.8053vw, 10px));
}
.mrg-b-4 {
    margin-bottom: calc(max(0.2928vw, 4px));
}
.mrg-b-8 {
    margin-bottom: calc(max(0.5857vw, 8px));
}
.mrg-b-12 {
    margin-bottom: calc(max(0.8785vw, 12px));
}
.mrg-b-13 {
    margin-bottom: calc(max(0.9517vw, 13px));
}
.mrg-b-14 {
    margin-bottom: calc(max(1.0249vw, 14px));
}
.mrg-b-2 {
    margin-bottom: calc(max(0.1464vw, 2px));
}
.mrg-b-18 {
    margin-bottom: calc(max(1.3177vw, 18px));
}
.mrg-b-19 {
    margin-bottom: calc(max(1.3909vw, 18px));
}
.mrg-b-21 {
    margin-bottom: calc(max(1.5373vw, 20px));
}
.mrg-b-23 {
    margin-bottom: calc(max(1.6837vw, 20px));
}
.mrg-b-28 {
    margin-bottom: calc(max(2.0498vw, 28px));
}
.mrg-b-40 {
    margin-bottom: calc(max(2.9283vw, 40px));
}
.mrg-t-16 {
    margin-top: calc(max(1.1713vw, 16px));
}
.mrg-t-13 {
    margin-top: calc(max(0.9517vw, 13px));
}

/* Height */
.h-90 {
    height: 90%;
}

/* Header */
header::after {
    content: "";
    display: block;
    width: 100%;
    height: calc(max(1.0249vw, 14px));
    background-image: url(../images/mBf_header_border.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-bottom: calc(max(2.6354vw, 24px)) ;
}
header .navbar {
    padding: calc(max(2.6354vw, 24px)) 0 calc(max(1.3177vw, 18px));
}
header .navbar .container {
    flex-wrap: nowrap;
}
header .navbar .navbar-brand {
    width: calc(max(15.0805vw, 160px));
    padding: 0;
}
.navbar-expand-lg .navbar-nav {
    flex-direction: row !important;
    align-items: center;
}
header .navbar .nav-link {
    padding: 0 !important;
    color: #fff;
    display: inline-block;
}
header .navbar .nav-link.active, header .navbar .nav-link.show {
    color: #fff;
}
header .header-menu .navbar-nav {
    gap: calc(max(2.8551vw, 39px));
}
header .header-menu .nav-link {
    font-family: Gaegu-R;
    font-size: calc(max(1.6105vw, 20px));
    line-height: calc(max(2.0498vw, 26px));
    letter-spacing: -0.04em;
}
header .header-menu .nav-link.active::after,
header .header-menu .nav-link:hover:after {
    content: "";
    display: block;
    width: 100%;
    height: calc(max(0.5857vw, 8px));
    background-image: url(../images/mBf_notification_active_tab.svg);
    background-repeat: no-repeat; 
    background-size: contain; 
    background-position: center; 
    margin-top: calc(max(-0.2196vw, -3px));
    filter: invert(1);
    position: relative;
    top: calc(max(0.2928vw, 4px));
}
.dropdown-toggle::after {
    margin-left: initial;
    vertical-align: initial;
    border: none;
    content: none;
}
header .navbar .dropdown-menu {
    left: auto;
    right: 0;
    margin: 0;
    padding: 0;
    border: none;
    min-width: fit-content;
}
header .navbar .signup-menu {
    padding-left: calc(max(2.8551vw, 24px));
}
header .navbar .logged-menu {
    padding-left: calc(max(2.8551vw, 24px));
}
header .navbar .logged-menu .menu-close {
    width: calc(max(0.6589vw, 9px));
    height: calc(max(0.7321vw, 10px));
    margin-left: auto;
    cursor: pointer;
}
header .navbar .logged-menu .dropdown-menu.show {
    display: flex;
    flex-direction: column;
    padding: calc(max(1.4641vw, 16px));
    border-radius: 0;
    background-image: 
            url(../images/mBf_popup_bg.svg), 
            url(../images/mBf_popup_bg.svg), 
            url(../images/mBf_popup_bg.svg), 
            url(../images/mBf_popup_bg.svg);
    background-position: top, right, bottom, left;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: transparent;
}
header .logged-menu .nav-notification .dropdown-menu.show {
    min-width: calc(max(26.8668vw, 367px));
    max-height: calc(max(40.9956vw, 560px));
    overflow: auto;
    scrollbar-width: none;
}
header .logged-menu .nav-profile .dropdown-menu.show {
    min-width: calc(max(19.0337vw, 260px));
}
header .navbar .logged-menu .profile-menu {
    padding: calc(max(1.1713vw, 16px)) 0;
    margin: calc(max(0.9517vw, 13px)) 0;
    position: relative;
}
header .navbar .logged-menu .profile-menu::before,
header .navbar .logged-menu .profile-menu::after {
    content: "";
    background-image: url(../images/mBf_profile_menu_border.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: calc(max(0.2928vw, 4px));
    display: block;
    width: 100%;
}
header .navbar .logged-menu .profile-menu::before {
    position: absolute;
    top: 0;
}
header .navbar .logged-menu .profile-menu::after {
    position: absolute;
    bottom: 0;
}
header .navbar .navbar-toggler {
    margin-left: calc(max(1.7570vw, 24px));
    border: none;
    outline: none;
    box-shadow: none;
    padding: 0;
}
header .signup-menu .navbar-nav {
    gap: calc(max(0.8785vw, 12px));
}
header .signup-menu .nav-link {
    font-family: Gaegu-L;
    font-size: calc(max(1.4641vw, 18px));
    line-height: calc(max(1.8302vw, 24px));
    color: #ffffff;
    padding: calc(max(0.9883vw, 12px)) calc(max(2.3060vw, 24px)) !important;
    background-image: url(../images/mBf_button_border_121x52_black.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
header .signup-menu .nav-link:hover {
    color: #000000;
    background-image: url(../images/mBf_button_border_121x52_white.svg);
}
header .logged-menu .navbar-nav {
    gap: calc(max(2.3426vw, 32px));
}
header .logged-menu .nav-notification .nav-link-icon {
    width: calc(max(1.0981vw, 14px));
    height: calc(max(1.1713vw, 14px));
}
header .logged-menu .nav-notification .nav-link-icon.active svg path {
    fill: #ffffff;
}
header .logged-menu .nav-notification .nav-tabs .nav-link {
    font-family: Gaegu-B;
    font-size: calc(max(1.3177vw, 16px));
    line-height: calc(max(1.6837vw, 20px));
    color: #000000;
    border: none;
    margin: 0;
}
header .logged-menu .nav-notification .nav-tabs .nav-link.active::after {
    content: "";
    display: block;
    width: 100%;
    height: calc(max(0.2928vw, 4px));
    background-image: url(../images/mBf_notification_active_tab.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
header .logged-menu .nav-profile .nav-link-icon {
    width: calc(max(3.6603vw, 40px));
    height: calc(max(3.5871vw, 40px));
    position: relative;
}
header .logged-menu .nav-profile .nav-link-icon::after {
    content: "";
    background-image: url(../images/mBf_navbar_profile_icon_border.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    position: absolute;
    top: -1px;
    right: 0px;
    bottom: -1px;
    left: -1px;
}
header .logged-menu .nav-profile .nav-link-icon img {
    border-radius: 50%;
}
header .navbar .navbar-toggler-icon {
    background-image: url(../images/mBf_navbar_toggler.svg);
}
header .navbar .offcanvas-header .btn-close {
    background-image: url(../images/mBf_navbar_toggler_close.svg);
    opacity: 1;
}
header .navbar .notification-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(max(1.4641vw, 20px));
    margin: calc(max(0.5857vw, 8px)) 0 calc(max(0.2928vw, 4px));
}
header .navbar .notification-tabs {
    flex-grow: 1;
    overflow: auto;
    scrollbar-width: none;
}
header .navbar .logged-menu .view-all-notification {
    text-align: center;
    margin-top: calc(max(0.8785vw, 12px));
}
header .navbar .logged-menu .view-all-notification button {
    font-family: Gaegu-R;
    font-size: calc(max(1.0249vw, 14px));
    line-height: calc(max(1.3177vw, 18px));
    color: #000000;
    padding: calc(max(0.6955vw, 9.5px)) calc(max(1.3543vw, 18px));
    background-image: url(../images/mBf_notification_item_button_border.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
header .navbar .notification-tabs .nav-tabs {
    border: 0;
    gap: calc(max(1.4641vw, 20px));
    flex-wrap: nowrap;
    margin-bottom: calc(max(0.7321vw, 10px));
}
header .navbar .notification-tabs .notification-item {
    background-image: url(../images/mBf_notification_item_border.svg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    padding: calc(max(0.7321vw, 10px)) 0 calc(max(1.5373vw, 20px));
}
header .navbar .notification-tabs .notification-item:last-child {
    background-image: none;
}
header .navbar .notification-tabs .notification-time {
    font-family: Gaegu-R;
    font-size: calc(max(1.1713vw, 16px));
    line-height: calc(max(1.4641vw, 20px));
    letter-spacing: -0.06em;
    color: #000000;
    margin-bottom: calc(max(0.1464vw, 2px));
}
header .navbar .notification-tabs .brand-name {
    font-family: Gaegu-R;
    font-size: calc(max(1.1713vw, 16px));
    line-height: calc(max(1.4641vw, 20px));
    letter-spacing: -0.04em;
    color: #000000;
}
header .navbar .notification-tabs .brand-name {
    font-family: Gaegu-B;
    font-size: calc(max(1.1713vw, 16px));
    line-height: calc(max(1.4641vw, 20px));
    letter-spacing: -0.04em;
    color: #000000;
    margin-bottom: calc(max(0.5124vw, 7px));
}
header .navbar .notification-tabs .brand-name span {
    font-family: Gaegu-L;
}
header .navbar .notification-tabs .campaign-details {
    display: flex;
    justify-content: space-between;
    gap: calc(max(0.5124vw, 7px));
}
header .navbar .notification-tabs .campaign-details .actions {
    margin-top: auto;
    display: flex;
    gap: calc(max(0.5124vw, 7px));
}
header .navbar .notification-tabs .campaign-details .actions button {
    font-family: Gaegu-R;
    font-size: calc(max(1.0249vw, 14px));
    line-height: calc(max(1.3177vw, 18px));
    color: #000000;
    padding: calc(max(0.6955vw, 9.5px)) calc(max(1.3543vw, 18px));
    background-image: url(../images/mBf_notification_item_button_border.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: flex;
    gap: calc(max(0.8785vw, 12px));
    align-items: center;
}
.spinner {
    width: calc(max(0.8785vw, 12px));
    height: calc(max(0.8785vw, 12px));
    animation: rotator 1.4s linear infinite;
}

.spinner .path {
    stroke-dasharray: 280;
    stroke-dashoffset: 0;
    transform-origin: center;
    stroke: #000000;
    animation: dash 1.4s ease-in-out infinite;
}

@keyframes rotator {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(270deg);
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 280;
    }
    50% {
        stroke-dashoffset: 75;
        transform: rotate(135deg);
    }
    100% {
        stroke-dashoffset: 280;
        transform: rotate(450deg);
    }
}


header .navbar .notification-tabs .campaign-details .campaign-name {
    font-family: Gaegu-B;
    font-size: calc(max(1.1713vw, 16px));
    line-height: calc(max(1.4641vw, 20px));
    letter-spacing: -0.06em;
    color: #000000;
    margin-bottom: calc(max(0.2196vw, 3px));
}
header .navbar .notification-tabs .campaign-details .campaign-members {
    font-family: Gaegu-L;
    font-size: calc(max(1.1713vw, 16px));
    line-height: calc(max(1.4641vw, 20px));
    letter-spacing: -0.04em;
    color: #000000;
    margin-bottom: calc(max(0.2196vw, 3px));
}
header .navbar .notification-tabs .campaign-details .campaign-members span {
    font-family: Gaegu-B;
}
header .navbar .notification-tabs .campaign-details .view-details {
    font-family: Gaegu-L;
    font-size: calc(max(1.0249vw, 14px));
    line-height: calc(max(1.3177vw, 18px));
    letter-spacing: -0.04em;
    color: #000000;
    display: flex;
    align-items: center;
    gap: calc(max(0.5124vw, 7px));
}
header .navbar .notification-tabs .campaign-details .view-details::after {
    content: "";
    background-image: url(../images/mBf_notification_item_view_details.svg);
    display: block;
    width: calc(max(0.7321vw, 10px));
    height: calc(max(0.7321vw, 10px));
    background-size: contain;
    background-repeat: no-repeat;
}

/* Header Ends */

/* Footer */

footer::before {
    content: "";
    display: block;
    width: 100%;
    height: calc(max(1.0249vw, 14px));
    background-image: url(../images/mBf_footer_top_border.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
footer .footer-top {
    display: flex;
    justify-content: space-between;
    padding: calc(max(3.4407vw, 40px)) 0 calc(max(4.0264vw, 50px));
    gap: calc(max(3.6603vw, 50px));
}
footer .about-menu {
    width: 18.5215%;
}
footer .footer-brand {
    width: calc(max(9.1508vw, 125px));
    padding: 0;
}
footer .sec-head {
    font-family: Gaegu-B;
    font-size: calc(max(2.1962vw, 26px));
    line-height: calc(max(2.7818vw, 24px));
    letter-spacing: -0.06em;
    margin-bottom: calc(max(1.0981vw, 12px));
}
footer .contacts-menu {
    width: 31.717%;
}
footer .contacts-menu .sec-head {
    font-family: Gaegu-B;
    font-size: calc(max(2.1962vw, 26px));
    line-height: calc(max(2.7818vw, 24px));
    letter-spacing: -0.06em;
    margin-bottom: calc(max(1.0981vw, 15px));
}
footer .contacts-menu .via {
    display: flex;
    flex-direction: column;
    gap: calc(max(0.5124vw, 7px));
}
footer .contacts-menu .via li a {
    font-family: Gaegu-R;
    font-size: calc(max(1.6105vw, 20px));
    line-height: calc(max(2.0498vw, 26px));
    letter-spacing: -0.06em;
    transition: all .3s;
}
footer .contacts-menu .via li a:hover {
    transform: translateX(7.5px);
}
footer .contacts-menu .via li:last-child a {
    font-family: Gaegu-R;
    font-size: calc(max(1.4642vw, 18px));
    line-height: calc(max(1.8303vw, 24px));
    letter-spacing: -0.06em;
}
footer .footer-menu {
    width: 28.9348%;
}
footer .footer-menu .menu {
    display: flex;
    flex-direction: column;
    gap: calc(max(0.8053vw, 11px));
}
footer .footer-menu .menu li a {
    font-family: Gaegu-R;
    font-size: calc(max(1.6105vw, 20px));
    line-height: calc(max(2.0498vw, 26px));
    letter-spacing: -0.06em;
    transition: all .3s;
}
footer .footer-menu .menu li a:hover {
    transform: translateX(7.5px);
}
footer .footer-menu .menu li:last-child a {
    font-family: Gaegu-R;
    font-size: calc(max(1.4642vw, 18px));
    line-height: calc(max(1.8303vw, 24px));
    letter-spacing: -0.06em;
}
footer .actions-menu {
    text-align: end;
}
footer .actions-menu .signin a {
    font-family: Gaegu-L;
    font-size: calc(max(1.4641vw, 18px));
    line-height: calc(max(1.8302vw, 24px));
    color: #ffffff;
    padding: calc(max(0.9883vw, 12px)) calc(max(2.3060vw, 24px)) !important;
    background-image: url(../images/mBf_button_border_121x52_black.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
footer .actions-menu .signin a:hover {
    color: #000000;
    background-image: url(../images/mBf_button_border_121x52_white.svg);
}
footer .actions-menu .book-a-demo {
    display: flex;
    gap: calc(max(1.0981vw, 15px));
    align-items: center;
    margin-top: calc(max(2.1962vw, 30px));;
}
footer .actions-menu .book-a-demo .arrow {
    width: calc(max(7.7599vw, 100px));
    height: calc(max(0.9517vw, 12px));
    transition: all .3s;
    cursor: pointer;
}
footer .actions-menu .book-a-demo .arrow:hover {
    animation-name: wobble-animation;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
}
@keyframes wobble-animation {
    16.65% {
        transform: translateX(8px);
    }
    33.3% {
        transform: translateX(-6px);
    }
    49.95% {
        transform: translateX(4px);
    }
    66.6% {
        transform: translateX(-2px);
    }
    83.25% {
        transform: translateX(1px);
    }
    100% {
        transform: translateX(0);
    }
}
footer .actions-menu .book-a-demo a {
    font-family: Gaegu-R;
    font-size: calc(max(2.1962vw, 26px));
    line-height: calc(max(2.7818vw, 24px));
    letter-spacing: -0.06em;
    white-space: nowrap;
}
/* Footer Ends */



/* Accordion Starts */
.accordion-item {
    background-color: transparent;
    color: #fff;
    border: none;
    border-radius: 0;
    background-image: url(../images/mBf_create_campaign_input_bdr_01.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    padding: calc(max(2.0498vw, 28px)) calc(max(0.8785vw, 12px)) calc(max(2.0498vw, 28px)) calc(max(0.5857vw, 8px));
}
.accordion-item:nth-child(even) {
    background-image: url(../images/mBf_create_campaign_input_bdr_02.svg);
}
.accordion-item:first-child {
    padding-top: 0;
}
.accordion-button {
    color: #fff !important;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    border-radius: 0;
    font-family: Gaegu-B;
    font-size: calc(max(2.1962vw, 26px));
    line-height: calc(max(1.9766vw, 24px));
    letter-spacing: -0.04em;
    padding: 0;
}
.accordion-button::after {
    background-image: url(../images/accordion_plus_icon.svg) !important;
}
.accordion-button:not(.collapsed)::after {
    transform: rotate(-135deg);
}
.accordion-body {
    padding: calc(max(1.4641vw, 20px)) 0 0;
}

/* Accordion Starts */



/**********  Responsive Style  **********/

@media screen and (max-width: 1440px) {}

@media screen and (max-width: 1280px){}

@media screen and (max-width: 1080px){}

@media screen and (max-width: 991px) {
    .flex-column-991 {
        flex-direction: column;
    }
    .flex-wrap-991 {
        flex-wrap: wrap;
    }
    .w-100-991 {
        width: 100% !important;
        flex: auto !important;
        padding: 0 !important;
    }
    .container {
        padding: 0 20px;
    }
    header .navbar .offcanvas {
        background-image: url(../images/mBf_black_board_bg.webp);
        background-repeat: no-repeat;
        background-size: cover;
    }
    header .header-menu .navbar-nav {
        flex-direction: column !important;
    }
    footer .footer-top {
        flex-wrap: wrap;
        column-gap: 0;
    }
    footer .about-menu {
        width: 100%;
    }
    footer .actions-menu {
        text-align: start;
    }
    footer .contacts-menu, footer .footer-menu, footer .actions-menu {
        width: 45%;
    }
}

@media screen and (max-width: 767px){
    .flex-column-767 {
        flex-direction: column;
    }
    .flex-wrap-767 {
        flex-wrap: wrap;
    }
    .w-100-767 {
        width: 100% !important;
        flex: auto !important;
        padding: 0 !important;
    }
}

@media screen and (max-width: 575px){
    .flex-column-575 {
        flex-direction: column;
    }
    .flex-wrap-575 {
        flex-wrap: wrap;
    }
    .w-100-575 {
        width: 100% !important;
        flex: auto !important;
        padding: 0 !important;
    }
    footer .contacts-menu, footer .footer-menu, footer .actions-menu {
        width: 100%;
    }
}

@media screen and (max-width: 479px){
    .flex-column-479 {
        flex-direction: column;
    }
    .flex-wrap-479 {
        flex-wrap: wrap;
    }
    .w-100-479 {
        width: 100% !important;
        flex: auto !important;
        padding: 0 !important;
    }
    header .logged-menu .nav-notification .dropdown-menu.show {
        min-width: 100%;
    }
    .container, .container-1265 {
        padding: 0 20px 0 20px !important;
    }
}

@media screen and (max-width: 419px){}