/* Home Page Starts */

/* Home Page Banner Starts */

.home-banner .container {
    padding: 0 calc(max(7.6135vw,40px)) 0 calc(max(7.7599vw,40px));
}
.home-banner-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    row-gap: 60px;
    padding: calc(max(0.8053vw, 11px)) 0 calc(max(7.9063vw, 80px));
}
.home-banner-inner > .left-col {
    width: 45.1558%;
}
.home-banner-inner > .left-col .rich-text {
    width: 87.5479%;
    margin-top: calc(max(0.9517vw, 12px));
}
.home-banner-inner > .right-col {
    width: 35.6402%;
}
.home-banner .mBf-signup .mBf-form .join-us .icon {
    width: calc(max(7.9063vw, 108px));
    height: calc(max(6.4422vw, 88px));
}
.home-banner .mBf-signup .mBf-form .join-us.left {
    position: absolute;
    top: calc(max(2.8551vw, 39px));
    right: calc(100% + max(-0.6589vw, 9px));
}
.home-banner .mBf-signup .mBf-form .join-us.right {
    position: absolute;
    top: calc(max(2.8551vw, 39px));
    left: calc(100% + max(-0.6589vw, 9px));
    display: none;
}
/* Home Page Banner Ends */

/* Home Page Partners Starts */
.home-partners-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 40px;
    padding: calc(max(0vw, 0px)) 0 calc(max(5.8565vw, 60px));
}
.home-partners-inner > .left-col {
    width: 100%;
    max-width: calc(max(17.0571vw, 233px));
}
.home-partners-inner > .right-col {
    width: 68.7599%;
}
.home-partners-inner > .left-col .title-text h2 {
    font-family: Gaegu-B;
    font-size: calc(max(2.1962vw, 26px));
    line-height: calc(max(1.9766vw, 24px));
    letter-spacing: -0.04em;
}
.home-partners .partners-slider .slick-slide {
    margin: 0 calc(max(0.5857vw, 11px));
}
.home-partners .partners-slider {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(max(0.7321vw, 10px));
}
.home-partners .partners-slider .slider {
    width: 84.8485%;
}
.home-partners .partners-slider .slide-inner {
    display: flex;
    align-items: center;
    gap: calc(max(1.6105vw, 20px));
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    padding: calc(max(1.0249vw, 14px)) calc(max(2.3426vw, 30px)) calc(max(1.0249vw, 14px)) calc(max(1.1713vw, 14px));
}
.home-partners .partners-slider .slide .title h5 {
    font-family: Gaegu-R;
    font-size: calc(max(1.7570vw, 20px));
    line-height: calc(max(2.1962vw, 28px));
    letter-spacing: -0.04em;
}
.home-partners .partners-slider .slide .logo {
    flex: 0 0 calc(max(2.4890vw, 28px));
    width: calc(max(2.4890vw, 28px));
    height: calc(max(2.4890vw, 28px));
    position: relative;
}
.home-partners .partners-slider .slide .logo::after {
    content: "";
    background-image: url(../images/mBf_navbar_profile_icon_border.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: -1px;
    right: 0px;
    bottom: -1px;
    left: -1px;
}
.home-partners .partners-slider .slide .logo img {
    border-radius: 50%;
}
/* .home-partners .partners-slider .slide .slide-inner {
    background-image: url(../images/mBf_partner_slide_border_03.svg);
} */
/* .home-partners .partners-slider .slide:nth-child(4n-3) .slide-inner {
    background-image: url(../images/mBf_partner_slide_border_01.svg);
}
.home-partners .partners-slider .slide:nth-child(4n-2) .slide-inner {
    background-image: url(../images/mBf_partner_slide_border_02.svg);
}
.home-partners .partners-slider .slide:nth-child(4n-1) .slide-inner {
    background-image: url(../images/mBf_partner_slide_border_03.svg);
}
.home-partners .partners-slider .slide:nth-child(4n) .slide-inner {
    background-image: url(../images/mBf_partner_slide_border_04.svg);
} */
.home-partners .partners-slider .slider-arrows {
    display: flex;
    gap: calc(max(0.7321vw, 10px));
    margin-left: auto;
}
.home-partners .partners-slider .slider-arrows button {
    flex: 0 0 calc(max(3.9531vw, 30px));
    width: calc(max(3.9531vw, 30px));
    height: calc(max(3.8799vw, 30px));
}
/* Home Page Partners Ends */

/* Home Page Ends */



/* Signin Page Starts */

/* Signin Form Starts */
.mBf-signin {
    max-width: calc(max(44.8755vw, 613px));
    margin: 0 auto;
    padding: calc(max(1.7570vw, 24px)) calc(max(3.9531vw, 50px)) calc(max(10.9078vw, 140px)) calc(max(10.5417vw, 100px));
    position: relative;
}
.mBf-signin .mBf-form .form-head {
    margin-bottom: calc(max(3.0015vw, 30px));
}
.mBf-signin .mBf-form .form-group {
    margin-bottom: calc(max(2.9283vw, 30px));
}
.mBf-signin .mBf-form button[type=submit] {
    margin-top: 0;
    background-image: url(../images/mBf_button_border_121x52_black.svg);
    padding: calc(max(0.9883vw, 12px)) calc(max(2.3060vw, 24px));
}
.mBf-signin .mBf-form button[type=submit]:hover {
    background-image: url(../images/mBf_button_border_121x52_white.svg);
}
.mBf-signin .mBf-form .form-submit .sign-up-btn {
    transition: all .3s;
    position: relative;
    white-space: nowrap;
}
.mBf-signin .mBf-form .form-submit .sign-up-btn::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));
}
.mBf-signin .mBf-form .form-submit .sign-up-btn:hover {
    transform: translateX(7.5px);
}
.mBf-signin .mBf-form .forgot-password a {
    font-family: Gaegu-L;
    font-size: calc(max(1.6105vw, 20px));
    line-height: calc(max(2.0498vw, 26px));
    letter-spacing: -0.04em;
    transition: all .3s;
}
.mBf-signin .mBf-form .forgot-password a:hover {
    transform: translateX(7.5px);
}
.mBf-signin .mBf-form .form-icons .icon-01 {
    width: calc(max(5.8565vw, 60px));
    height: calc(max(5.0512vw, 49px));
    position: absolute;
    top: calc(max(4.0996vw, 36px));
    left: 0;
}
.mBf-signin .mBf-form .form-icons .icon-02 {
    width: calc(max(2.7086vw, 27px));
    height: calc(max(2.9283vw, 30px));
    position: absolute;
    top: calc(max(3.8067vw, 42px));
    right: 0;
}
.mBf-signin .mBf-form .form-icons .icon-03 {
    width: calc(max(6.7350vw, 72px));
    height: calc(max(6.5154vw, 69px));
    position: absolute;
    bottom: calc(max(6.2225vw, 65px));
    left: calc(max(0.5857vw, 8px));
}
.mBf-signin .mBf-form .form-icons .icon-04 {
    width: calc(max(6.7350vw, 72px));
    height: calc(max(6.1493vw, 64px));
    position: absolute;
    bottom: calc(max(9.4436vw, 109px));
    right: calc(max(0.5857vw, 8px));
}

/* Signin Form Ends */

/* Signup Form Starts */

.mBf-signup {
    max-width: calc(max(62.9575vw, 860px));
    margin: 0 auto;
}
.mBf-signup-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 40px;
    padding: calc(max(0vw, 0px)) 0 calc(max(5.8565vw, 60px));
}
.mBf-signup-inner > .left-col {
    width: 45%;
}
.mBf-signup-inner > .left-col .form-head {
    margin-bottom: calc(max(4.3924vw, 60px));
}
.mBf-signup-inner > .left-col .rich-text {
    margin-top: calc(max(2.1962vw, 30px));
}
.mBf-signup-inner > .left-col .rich-text p {
    font-family: Gaegu-L;
    font-size: calc(max(1.6105vw, 20px));
    line-height: calc(max(2.0498vw, 26px));
    letter-spacing: -0.06em;
}
.mBf-signup .mBf-form .form-group .about-brand {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: calc(max(1.4641vw, 20px));
}
.mBf-signup .mBf-form .upload-brand-logo {
    position: relative;
}
.mBf-signup .mBf-form label[for="brand-logo-file"] {
    width: calc(max(7.3206vw, 100px));
    height: calc(max(7.3206vw, 100px));
    border-radius: 50%;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.mBf-signup .mBf-form label[for="brand-logo-file"] img {
    border-radius: 50%;
}
.mBf-signup .mBf-form label[for="brand-logo-file"]::after {
    content: "";
    width: calc(max(7.3206vw, 100px));
    height: calc(max(8.0527vw, 110px));
    background-image: url(../images/mBf-signup_brand-logo-border.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.mBf-signup .mBf-form label[for="brand-logo-file"] .icon {
    width: calc(max(1.4641vw, 20px));
    height: calc(max(1.4641vw, 20px));
    margin: 0 auto calc(max(0.6589vw, 9px));
}
.mBf-signup .mBf-form .upload-brand-file-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: calc(max(1.4641vw, 20px));
}
.mBf-signup .mBf-form .upload-brand-file-btn label {
    font-family: Gaegu-L;
    font-size: calc(max(1.4641vw, 18px));
    line-height: calc(max(1.8302vw, 24px));
    padding: calc(max(0.9883vw, 10px)) calc(max(2.6581vw, 30px));
    background-image: url(../images/mBf_button_border_121x52_black.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    cursor: pointer;
}
.mBf-signup .mBf-form .upload-brand-file .upload-list .item {
    display: flex;
    justify-content: space-between;
    gap: calc(max(1.5625vw, 30px));
    background-image: url(../images/mBf_create_campaign_input_bdr_02.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    padding: calc(max(1.4583vw, 28px)) 0 calc(max(1.25vw, 24px)) calc(max(0.7292vw, 14px));
    margin-top: calc(max(1.0417vw, 20px));
}
.mBf-signup .mBf-form .upload-brand-file .upload-list .item .actions {
    display: flex;
    justify-content: space-between;
    gap: calc(max(1.5625vw, 30px));
}
.mBf-signup .mBf-form .upload-brand-file .upload-list .item .actions .download {
    width: calc(max(1.1713vw, 16px));
    height: calc(max(1.3177vw, 18px));
    cursor: pointer;
}
.mBf-signup .mBf-form .upload-brand-file .upload-list .item .actions .remove {
    width: calc(max(0.9517vw, 13px));
    height: calc(max(1.0981vw, 15px));
    cursor: pointer;
}
.mBf-signup .mBf-form .selected-options {
    padding: calc(max(1.1713vw, 16px)) 0 0;
}
.mBf-signup-inner > .right-col {
    width: 45%;
}
.signup-page .mBf-signup .mBf-form button[type=submit] {
    background-image: url(../images/mBf_button_border_417x53_black.svg);
    padding: calc(max(1.0249vw, 14px));
    width: 100%;
}
.signup-page .mBf-signup .mBf-form button[type=submit]:hover {
    background-image: url(../images/mBf_button_border_417x53_white.svg);
}

/* Signup Form Ends */

/* Signin Page Ends */


/* Directory Page Starts */
.mBf-directory .directory-inner {
    display: flex;
    justify-content: space-between;
    row-gap: 60px;
    padding: calc(max(0.8053vw, 11px)) 0 calc(max(2.6354vw, 24px));
}
.mBf-directory .directory-inner > .left-col {
    flex: 0 0 calc(max(21.6691vw, 296px));
    padding-right: calc(max(2.5622vw, 35px));
    background-image: url(../images/mBf_sec_border.svg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}
.mBf-directory .directory-inner > .left-col.popup {
    display: block;
    background-image: url(../images/mBf_black_board_bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px;
    position: fixed;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    height: 80%;
}
.mBf-directory .directory-inner > .left-col.popup::before {
    content: "";
    background-color: rgb(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.mBf-directory-filter .filter-group .select-input {
    width: 100%;
    height: 100%;
    background-image: url(../images/mBf-directory-filter_input_border.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
}
.mBf-directory-filter .filter-group .select-input label {
    font-family: Gaegu-L;
    font-size: calc(max(1.4642vw, 18px));
    line-height: calc(max(1.8303vw, 24px));
    letter-spacing: -0.04em;
    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;
    margin-bottom: calc(max(0.8785vw, 12px));
    cursor: pointer;
}
.mBf-directory-filter .filter-group .select-options {
    position: absolute;
    top: initial;
    width: 100%;
    background-color: #fff;
    color: #000;
    z-index: 999;
    padding: calc(max(0.7321vw, 10px));
    max-height: 180px;
    overflow: auto;
}
.mBf-directory-filter .filter-group .select-options .option {
    display: flex;
    gap: calc(max(0.87856vw, 12px));
    padding: calc(max(0.7321vw, 10px));
}
.mBf-directory-filter .filter-group .select-options .option input[type=checkbox], .mBf-directory-filter .filter-group .select-options .option input[type=radio] {
    width: auto;
    cursor: pointer;
}
.mBf-directory-filter .filter-group .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));
}
.mBf-directory-filter .filter-group .select-options .option input[type=checkbox]:checked {
    background-image: url(../images/mBf_form_checkbox_checked.svg);
}
.mBf-directory-filter .filter-group .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-directory-filter .filter-group .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-directory .mBf-directory-filter .selected-options {
    display: flex;
    flex-wrap: wrap;
    gap: calc(max(1.4641vw, 20px));
}
.mBf-directory .mBf-directory-filter .selected-options .option {
    display: flex;
    align-items: center;
    gap: calc(max(0.5124vw, 7px));
    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-directory .mBf-directory-filter .selected-options .option .remove-icon {
    width: calc(max(0.8785vw, 12px));
    height: calc(max(0.8785vw, 12px));
}
.mBf-directory .apply-filter button {
    font-family: Gaegu-L;
    font-size: calc(max(1.4641vw, 18px));
    line-height: calc(max(1.8302vw, 24px));
    color: #000000;
    padding: calc(max(0.8419vw, 10px)) calc(max(2.3119vw, 30px));
    background-image: url(../images/mBf_button_border_161x52_white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.mBf-directory .apply-filter button:hover {
    color: #000000;
    background-image: url(../images/mBf_border_161x52_black.svg);
}
.mBf-directory .directory-inner > .right-col {
    width: 100%;
    padding-left: calc(max(2.5622vw, 35px));
}
.mBf-directory .directory-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: calc(max(0.9517vw, 13px));
    row-gap: calc(max(1.3177vw, 18px));
}
.mBf-directory .directory-card {
    display: flex;
    align-items: center;
    gap: calc(max(1.2445vw, 17px));
    /* padding: calc(max(1.0981vw, 15px)) calc(max(1.3177vw, 18px)) calc(max(1.6837vw, 23px)); */
    /* background-image: url(../images/mBf-directory-directory-card-bg-black.svg); */
    padding: calc(max(4.3924vw, 30px));
    background-image: url(../images/mBf_directory_box.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    cursor: pointer;
}
.mBf-directory .directory-card:hover {
    /* background-image: url(../images/mBf-directory-directory-card-bg-white.svg); */
    background-image: url(../images/mBf_directory_box_white.svg);
}
.mBf-directory .directory-card:hover .card-contents {
    color: #000;
}
.mBf-directory .directory-card:hover .brand-logo::after {
    background-image: url(../images/mBf-directory-card-brand-logo-border-black.svg);
}
.mBf-directory .directory-card:hover .social-icons .icon svg path {
    stroke: #000;
}
.mBf-directory .directory-card .brand-logo {
    width: calc(max(7.3939vw, 101px));
    height: calc(max(7.3206vw, 100px));
    position: relative;
}
.mBf-directory .directory-card .brand-logo img {
    border-radius: 50%;
}
.mBf-directory .directory-card .brand-logo::after {
    content: "";
    width: calc(max(7.3939vw, 101px));
    height: calc(max(7.6135vw, 104px));
    background-image: url(../images/mBf-directory-card-brand-logo-border-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.mBf-directory .directory-card .social-icons {
    display: flex;
    align-items: center;
    gap: calc(max(0.4392vw, 6px));
}
.mBf-load-btns {
    margin-top: calc(max(3.0747vw, 40px));
}
.mBf-load-btns button {
    font-family: Gaegu-L;
    font-size: calc(max(1.4641vw, 18px));
    line-height: calc(max(1.8302vw, 24px));
    color: #ffffff;
    padding: calc(max(0.8419vw, 10px)) calc(max(2.3119vw, 30px));
    background-image: url(../images/mBf_loadmore_button_149x49_black.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.mBf-load-btns button:hover {
    color: #000000;
    background-image: url(../images/mBf_loadmore_button_149x49_white.svg);
}
.directory-card-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}
.directory-card-modal-dialog {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.directory-card-modal-content {
    width: 90%;
    max-width: calc(max(25.6223vw, 350px));
    max-height: 71vh;
    overflow-y: auto;
    scrollbar-width: none;
    color: #000;
    padding: calc(max(1.4641vw, 20px)) calc(max(1.4641vw, 20px)) calc(max(1.4641vw, 20px)) calc(max(1.5625vw, 30px));
    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;
}
.directory-card-modal .modal-close {
    width: calc(max(0.7321vw, 10px));
    height: calc(max(0.7321vw, 10px));
    cursor: pointer;
}
.directory-card-modal .modal-head {
    padding: calc(max(0.8785vw, 12px)) 0 calc(max(1.1713vw, 16px));
}
.directory-card-modal .brand-profile {
    display: flex;
    align-items: center;
    gap: calc(max(1.2445vw, 17px));
}
.directory-card-modal .brand-profile .brand-logo {
    width: calc(max(7.3939vw, 101px));
    height: calc(max(7.3206vw, 100px));
    position: relative;
}
.directory-card-modal .brand-profile .brand-logo img {
    border-radius: 50%;
}
.directory-card-modal .brand-profile .brand-logo::after {
    content: "";
    width: calc(max(7.3939vw, 101px));
    height: calc(max(7.3939vw, 101px));
    background-image: url(../images/mBf-directory-card-brand-logo-border-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    filter: invert(1);
}
.directory-card-modal .brand-profile .social-icons {
    display: flex;
    align-items: center;
    gap: calc(max(0.4392vw, 6px));
}
.directory-card-modal .brand-profile .social-icons .icon {
    width: calc(max(1.2445vw, 16px));
    height: calc(max(1.2445vw, 16px));
}
.directory-card-modal .brand-collab a {
    font-family: Gaegu-R;
    font-size: calc(max(1.0249vw, 14px));
    line-height: calc(max(1.3909vw, 18px));
    color: #000000;
    padding: calc(max(0.7321vw, 10px)) calc(max(5.2709vw, 40px));
    background-image: url(../images/mBf_directory-card-modal_brand-collab_border.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-top: calc(max(1.9034vw, 20px));
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(max(1.0417vw, 20px));
}
.directory-card-modal .brand-collab-select {
    background-color: #e4e4e4;
    padding: 10px 20px;
    margin-top: 10px;
    border-top-left-radius: 75px 15px;
    border-top-right-radius: 15px 75px;
    border-bottom-right-radius: 75px 15px;
    border-bottom-left-radius: 15px 75px;
}
.directory-card-modal .brand-collab-select .select-options {
    display: flex;
    flex-direction: column;
    max-height: 180px;
}
.directory-card-modal .brand-collab-select .select-options .options-list {
    overflow: auto;
}
.directory-card-modal .brand-collab-select .select-options .options-list::-webkit-scrollbar {
    width: calc(max(0.3660vw, 5px));
}
.directory-card-modal .brand-collab-select .select-options .options-list::-webkit-scrollbar-track {
    background: transparent;
    border-radius: calc(max(0.7321vw, 10px));
}
.directory-card-modal .brand-collab-select .select-options .options-list::-webkit-scrollbar-thumb {
    background: #ffffff;
    border-radius: calc(max(0.7321vw, 10px));
}
.directory-card-modal .brand-collab-select .select-options .option {
    display: flex;
    gap: calc(max(0.87856vw, 12px));
    padding: calc(max(0.7321vw, 10px)) 0;
}
.directory-card-modal .brand-collab-select .select-options .option input[type=checkbox], .directory-card-modal .brand-collab-select .select-options .option input[type=radio] {
    width: auto;
    cursor: pointer;
}
.directory-card-modal .brand-collab-select .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));
}
.directory-card-modal .brand-collab-select .select-options .option input[type=checkbox]:checked {
    background-image: url(../images/mBf_form_checkbox_checked.svg);
}
.directory-card-modal .brand-collab-select .select-options .option label {
    font-family: Gaegu-L;
    font-size: calc(max(1.3177vw, 16px));
    line-height: calc(max(1.6837vw, 20px));
    letter-spacing: -0.04em;
    cursor: pointer;
}
.directory-card-modal .brand-collab-select .select-options .apply-options {
    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;
    justify-content: center;
    align-items: center;
    gap: calc(max(0.5208vw, 10px));
    width: fit-content;
    margin: 0 auto;
}
.directory-card-modal .brand-collab-select .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;
}
.directory-card-modal .brand-collab #launch-campaign {
    background-image: url(../images/mBf_directory-card-modal_brand-no-collab_border.svg);
    padding: calc(max(0.7321vw, 10px)) calc(max(3.5871vw, 40px));
}
.directory-card-modal .brand-industry {
    background-image: url(../images/mBf_notification_item_border.svg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    padding: calc(max(1.5373vw, 20px)) 0;
}
.directory-card-modal .brand-industry h3 {
    font-family: Gaegu-L;
    font-size: calc(max(1.1713vw, 16px));
    line-height: calc(max(1.4641vw, 20px));
    letter-spacing: -0.04em;
    margin-bottom: calc(max(0.3660vw, 5px));
}
.directory-card-modal .brand-industry p {
    font-family: Gaegu-R;
    font-size: calc(max(1.3177vw, 16px));
    line-height: calc(max(1.6837vw, 20px));
    letter-spacing: -0.04em;
}
.directory-card-modal .brand-interested {
    padding: calc(max(1.5373vw, 20px)) 0;
}
.directory-card-modal .brand-interested h3 {
    font-family: Gaegu-L;
    font-size: calc(max(1.1713vw, 16px));
    line-height: calc(max(1.4641vw, 20px));
    letter-spacing: -0.04em;
    margin-bottom: calc(max(0.3660vw, 5px));
}
.directory-card-modal .brand-interested ul li {
    font-family: Gaegu-R;
    font-size: calc(max(1.1713vw, 16px));
    line-height: calc(max(1.4641vw, 20px));
    letter-spacing: -0.04em;
    background-image: url(../images/mBf_directory_card_modal_brand-interested_border.svg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    padding: calc(max(0.7321vw, 10px));
}
.directory-card-modal .brand-certifications h3 {
    font-family: Gaegu-L;
    font-size: calc(max(1.1713vw, 16px));
    line-height: calc(max(1.4641vw, 20px));
    letter-spacing: -0.04em;
    margin-bottom: calc(max(0.3660vw, 5px));
}
.directory-card-modal .brand-certifications ul li {
    font-family: Gaegu-R;
    font-size: calc(max(1.1713vw, 16px));
    line-height: calc(max(1.4641vw, 20px));
    letter-spacing: -0.04em;
    background-image: url(../images/mBf_directory_card_modal_brand-interested_border.svg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    padding: calc(max(0.7321vw, 10px));
    display: flex;
    justify-content: space-between;
    gap: calc(max(0.7321vw, 10px));
}
/* Directory Page Ends */

/* Profile Page Ends */
.mBf-edit-profile-btn button {
    font-family: Gaegu-L;
    font-size: calc(max(1.4641vw, 18px));
    line-height: calc(max(1.8302vw, 24px));
    color: #fff;
    padding: calc(max(0.9883vw, 12px)) calc(max(3.2390vw, 40px));
    background-image: url(../images/mBf_signup_nav_link_border.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.mBf-edit-profile-btn button[type=submit] {
    font-family: Gaegu-L;
    font-size: calc(max(1.4641vw, 18px));
    line-height: calc(max(1.8302vw, 24px));
    color: #fff;
    padding: calc(max(0.9883vw, 12px)) calc(max(3.2390vw, 40px));
    background-image: url(../images/mBf_signup_nav_link_border.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-top: 0;
}
.mBf-profile .profile-inner {
    display: flex;
    justify-content: space-between;
    row-gap: 60px;
    padding: calc(max(0.8053vw, 11px)) 0 calc(max(7.9063vw, 80px));
}
.mBf-profile .profile-inner > .left-col {
    flex: 0 0 calc(max(19.3997vw, 265px));
    padding-right: calc(max(2.5622vw, 35px));
    background-image: url(../images/mBf_sec_border.svg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}
.mBf-profile .profile-inner > .right-col {
    width: 100%;
    padding-left: calc(max(2.5622vw, 35px));
}
.mBf-profile .profile-picture {
    margin-bottom: calc(max(5.7833vw, 40px));
    position: relative;
    width: fit-content;
}
.mBf-profile .profile-picture .uploaded-img {
    position: absolute;
    width: 100%;
    height: 100%;
}
.mBf-profile .profile-picture .uploaded-img img {
    border-radius: 50%;
}
.mBf-profile .profile-picture label[for="profile-picture-file"] {
    width: calc(max(14.1288vw, 153px));
    height: calc(max(14.1288vw, 153px));
    border-radius: 50%;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.mBf-profile .profile-picture label[for="profile-picture-file"]::after {
    content: "";
    width: calc(max(14.1288vw, 153px));
    height: calc(max(14.4217vw, 157px));
    background-image: url(../images/mBf-signup_brand-logo-border.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.mBf-profile .profile-picture label[for="profile-picture-file"] .icon {
    width: calc(max(2.4158vw, 33px));
    height: calc(max(2.7818vw, 38px));
    margin: 0 auto calc(max(0.6589vw, 9px));
}
.mBf-profile .profile-picture .remove {
    width: calc(max(1.0981vw, 15px));
    height: calc(max(1.0981vw, 15px));
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
.mBf-profile .mBf-profile-tabs .nav-tabs {
    flex-direction: column;
    gap: calc(max(1.1713vw, 16px));
}
.mBf-profile .mBf-profile-tabs .nav-tabs .nav-link {
    border: none;
    color: #fff;
    padding: 0;
    font-family: Gaegu-L;
    font-size: calc(max(1.6105vw, 20px));
    line-height: calc(max(2.0498vw, 26px));
    letter-spacing: -0.04em;
}
.mBf-profile .mBf-profile-tabs .nav-tabs .nav-link.active {
    background-color: transparent;
    display: flex;
    align-items: center;
    gap: calc(max(0.7321vw, 10px));
}
.mBf-profile .mBf-profile-tabs .nav-tabs .nav-link.active::after {
    content: "";
    background-image: url('data:image/svg+xml,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 8.44634C2.36327 8.80962 2.74047 8.71864 3.23033 8.72667C3.92138 8.738 4.62757 8.96622 5.30165 9.11602C6.61048 9.40687 8.15276 9.28733 9.4988 9.28733C10.3464 9.28733 11.9945 9.60078 12.7771 9.20946C13.0787 9.05868 13.0644 8.92574 13.4312 8.85905C13.8995 8.7739 14.3345 8.66491 14.3345 8.16602" stroke="white" stroke-width="2.29908" stroke-linecap="round"/><path d="M9.00787 2C9.75893 2.06828 10.2395 3.78635 10.8222 4.3205C11.0346 4.51517 11.1214 4.89487 11.2583 5.14592C11.3988 5.40358 11.7446 5.65561 11.9513 5.86231C12.4131 6.32411 12.7202 6.93977 13.353 7.25617C13.9624 7.56087 14.3168 7.79165 14.1862 8.50986C14.0575 9.21731 12.8969 9.72364 12.621 10.441C12.4884 10.7858 12.0012 11.1115 11.78 11.4222C11.4813 11.8419 11.2265 12.3159 10.9001 12.7148C10.5214 13.1777 10.2069 13.9142 9.81771 14.3033C9.53 14.591 9.16303 14.839 8.89106 15.23C8.75459 15.4262 8.72754 15.8788 8.72754 15.4558" stroke="white" stroke-width="2.29908" stroke-linecap="round"/></svg>');
    display: block;
    width: calc(max(1.1713vw, 16px));
    height: calc(max(1.1713vw, 16px));
    background-size: contain;
    background-repeat: no-repeat;
}
.mBf-profile .account-settings-tab-pane {
    padding-bottom: calc(max(7.3206vw, 80px));
}
/* Profile Page Ends */
input:-webkit-autofill, input:-webkit-autofill:focus {
    transition: background-color 0s 600000s, color 0s 600000s !important;
}


/* Campaign Page Starts */
.mBf-campaign .campaign-inner {
    display: flex;
    justify-content: space-between;
    row-gap: 60px;
    padding: calc(max(0.8053vw, 11px)) 0 calc(max(7.9063vw, 80px));
}
.mBf-campaign .campaign-inner > .left-col {
    flex: 0 0 calc(max(21.6691vw, 296px));
    padding-right: calc(max(2.5622vw, 35px));
    background-image: url(../images/mBf_sec_border.svg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}
.mBf-campaign .campaign-inner > .left-col .create-campaign a {
    font-family: Gaegu-L;
    font-size: calc(max(1.389vw, 18px));
    line-height: calc(max(1.8303vw, 24px));
    /* color: #ffffff; */
    color: #000000;
    padding: calc(max(0.9883vw, 10px)) calc(max(2.3324vw, 30px));
    background-image: url(../images/mBf_create_campaign_button_white.svg);
    /* background-image: url(../images/mBf_create_campaign_button_black.svg); */
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-top: calc(max(2.7818vw, 30px));
    width: 100%;
    display: flex;
    justify-content: center;
}
.mBf-campaign .campaign-inner > .left-col .create-campaign a:hover {
    /* color: #000000; */
    color: #ffffff;
    /* background-image: url(../images/mBf_create_campaign_button_white.svg); */
    background-image: url(../images/mBf_create_campaign_button_black.svg);

}
.mBf-campaign .campaign-inner > .right-col {
    width: 100%;
    padding-left: calc(max(2.5622vw, 35px));
}
.mBf-campaign .campaign-tabs .nav-tabs {
    border: 0;
    gap: calc(max(2.0833vw, 40px));
    flex-wrap: nowrap;
    margin-bottom: calc(max(0.7321vw, 10px));
}
.mBf-campaign .campaign-tabs .nav-tabs .nav-link {
    font-family: Gaegu-B;
    font-size: calc(max(1.3177vw, 16px));
    line-height: calc(max(1.6837vw, 20px));
    color: #ffffff;
    background-color: transparent;
    border: none;
    margin: 0;
    padding: 0;
}
.mBf-campaign .campaign-tabs .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;
    filter: invert(1);
}
.mBf-campaign .campaign-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: calc(max(0.9517vw, 13px));
    row-gap: calc(max(1.3177vw, 18px));
    margin-top: calc(max(2.0498vw, 28px));
}
.mBf-campaign .campaign-card {
    padding: calc(max(1.8302vw, 24px)) calc(max(1.8302vw, 24px));
    background-image: url(../images/mBf-campaign-campaign-card-bg-black.svg);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}
.mBf-campaign .campaign-card:hover {
    background-image: url(../images/mBf-campaign-campaign-card-bg-white.svg);
}
.mBf-campaign .campaign-card:hover .card-contents {
    color: #000;
}
.mBf-campaign .campaign-card:hover .deadline-input .icon svg path {
    stroke: #000;
}
.mBf-campaign .campaign-card:hover .card-contents .more svg path {
    stroke: #000;
}
.mBf-campaign .campaign-card:hover .campaign-entry button {
    color: #000000;
    background-image: url(../images/mBf_notification_item_button_border.svg);
}
.mBf-campaign .campaign-card:hover .campaign-entry button.join-request {
    color: #000000;
    background-image: url(../images/mBf_campaign_join_request_bdr_black.svg);
}
.mBf-campaign .campaign-card .card-contents {
    display: flex;
}
.mBf-campaign .campaign-card .card-contents .more {
    width: calc(max(1.1713vw, 14px));
    height: calc(max(1.1713vw, 14px));
    margin-top: calc(max(0.6589vw, 10px));
    transition: all .3s;
}
.mBf-campaign .campaign-card .card-contents .more:hover {
    transform: translateX(7.5px);
}
.mBf-campaign .campaign-card .campaign-entry {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: calc(max(1.3909vw, 19px));
    margin-top: calc(max(0.8053vw, 9px));
}
.mBf-campaign .campaign-card .campaign-entry button {
    font-family: Gaegu-R;
    font-size: calc(max(1.0981vw, 14px));
    line-height: calc(max(1.3909vw, 18px));
    color: #ffffff;
    padding: calc(max(0.7321vw, 10px)) calc(max(2.4889vw, 30px));
    background-image: url(../images/mBf_campaign_card_border_white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(max(0.5208vw, 10px));
}
.mBf-campaign .campaign-card .campaign-entry button:hover {
    color: #ffffff;
    background-image: url(../images/mBf_notification_item_button_border_hover.svg);
}
.mBf-campaign .campaign-card .campaign-entry button .loader .spinner .path {
    stroke: #ffffff;
}
.mBf-campaign .campaign-card:hover .campaign-entry button .loader .spinner .path {
    stroke: #000000;
}
.mBf-campaign .campaign-card .campaign-entry button:hover .loader .spinner .path {
    stroke: #ffffff;
}
.mBf-campaign .campaign-card .campaign-entry button.join-request {
    background-image: url(../images/mBf_campaign_join_request_bdr_white.svg);
    padding: calc(max(0.8236vw, 11.25px));
}
.mBf-campaign .campaign-card .campaign-entry button.join-request:hover {
    color: #ffffff;
    background-image: url(../images/mBf_campaign_join_request_bdr_black_fill.svg);
}
.mBf-campaign .campaign-card .entry-deadline {
    font-family: Gaegu-B;
    font-size: calc(max(0.9517vw, 13px));
    line-height: calc(max(1.1713vw, 16px));
    letter-spacing: -0.04em;
    margin-bottom: calc(max(0.2196vw, 3px));
}
.mBf-campaign .campaign-card .deadline-input {
    display: flex;
    align-items: center;
    gap: calc(max(0.1464vw, 2px));
}
.mBf-campaign .campaign-card .deadline-input .icon {
    flex: 0 0 calc(max(1.4641vw, 16px));
    width: calc(max(1.4641vw, 16px));
    height: calc(max(1.4641vw, 16px));
}
.mBf-campaign .campaign-card .deadline-input p {
    font-family: Gaegu-R;
    font-size: calc(max(1.1713vw, 16px));
    line-height: calc(max(1.4641vw, 20px));
}
.campaign-card-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}
.campaign-card-modal-dialog {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.campaign-card-modal-content {
    width: 90%;
    max-width: calc(max(51.2445vw, 700px));
    max-height: 71vh;
    overflow-y: auto;
    scrollbar-width: none;
    color: #000;
    padding: calc(max(1.4641vw, 20px)) calc(max(1.4641vw, 20px)) calc(max(1.4641vw, 20px)) calc(max(3.6603vw, 50px));
    background-image: 
            url(../images/mBf_popup.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;
}
.campaign-card-modal .modal-close {
    width: calc(max(0.7321vw, 10px));
    height: calc(max(0.7321vw, 10px));
    cursor: pointer;
}
.campaign-card-modal .modal-head {
    padding: calc(max(0.8785vw, 12px)) 0 calc(max(1.1713vw, 16px));
}
.campaign-card-modal .brand-profile-head {
    display: flex;
    justify-content: space-between;
    gap: calc(max(1.4641vw, 20px));
    margin-bottom: calc(max(0.5857vw, 8px));
}
.campaign-card-modal .brand-profile-head .slider-arrows {
    display: flex;
    gap: calc(max(0.7321vw, 10px));
}
.campaign-card-modal .brand-profile-head .slider-arrows button {
    flex: 0 0 calc(max(0.8785vw, 11px));
    width: calc(max(0.8785vw, 11px));
    height: calc(max(0.8785vw, 11px));
}
.campaign-card-modal .brand-profile {
    display: flex;
    align-items: center;
    gap: calc(max(1.2445vw, 17px));
}
.campaign-card-modal .brand-profile .brand-logo {
    width: calc(max(7.3939vw, 101px));
    height: calc(max(7.3206vw, 100px));
    position: relative;
}
.campaign-card-modal .brand-profile .brand-logo img {
    border-radius: 50%;
}
.campaign-card-modal .brand-profile .brand-logo::after {
    content: "";
    width: calc(max(7.3939vw, 101px));
    height: calc(max(7.3939vw, 101px));
    background-image: url(../images/mBf-directory-card-brand-logo-border-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    filter: invert(1);
}
.campaign-card-modal .brand-profile .social-icons {
    display: flex;
    align-items: center;
    gap: calc(max(0.4392vw, 6px));
}
.campaign-card-modal .brand-profile .social-icons .icon {
    width: calc(max(1.2445vw, 16px));
    height: calc(max(1.2445vw, 16px));
}
.campaign-card-modal .campaign-details {
    margin: calc(max(1.8302vw, 22px)) 0;
}
.campaign-card-modal .campaign-details .same-field {
    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));
}
.campaign-card-modal .campaign-details .same-field h3 {
    font-family: Gaegu-L;
    font-size: calc(max(1.1713vw, 16px));
    line-height: calc(max(1.4641vw, 20px));
    letter-spacing: -0.04em;
    margin-bottom: calc(max(0.3660vw, 5px));
}
.campaign-card-modal .campaign-details .same-field p {
    font-family: Gaegu-R;
    font-size: calc(max(1.3177vw, 16px));
    line-height: calc(max(1.6837vw, 20px));
    letter-spacing: -0.04em;
}
.campaign-card-modal .campaign-details .same-field .date-fields {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: calc(max(1.1713vw, 16px));
}
.campaign-card-modal .campaign-details .same-field .date-fields .date {
    display: flex;
    align-items: center;
    gap: calc(max(0.5857vw, 8px));
}
.campaign-card-modal .campaign-details .same-field .date-fields .date .icon {
    width: calc(max(1.2445vw, 16px));
    height: calc(max(1.2445vw, 16px));
}
.campaign-card-modal .campaign-details .same-field .date-fields .date .icon img {
    filter: invert(1);
}
.campaign-card-modal .campaign-details .same-field .date-fields .date p {
    font-family: Gaegu-B;
    font-size: calc(max(1.1713vw, 16px));
    line-height: calc(max(1.4641vw, 20px));
    letter-spacing: 0;
}
.campaign-card-modal .campaign-details .same-field .date-fields.deadline h3 {
    font-family: Gaegu-B;
}
.campaign-card-modal .campaign-creatives h3 {
    font-family: Gaegu-B;
    font-size: calc(max(1.3177vw, 16px));
    line-height: calc(max(1.6837vw, 20px));
    margin-bottom: calc(max(1.0249vw, 14px));
}
.campaign-card-modal .campaign-creatives ul li {
    font-family: Gaegu-L;
    font-size: calc(max(1.1713vw, 16px));
    line-height: calc(max(1.4641vw, 20px));
    letter-spacing: -0.04em;
    background-image: url(../images/mBf_directory_card_modal_brand-interested_border.svg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    padding: calc(max(0.7321vw, 10px));
    display: flex;
    justify-content: space-between;
    gap: calc(max(0.7321vw, 10px));
}
.campaign-card-modal .campaign-join {
    margin-top: calc(max(2.1962vw, 30px));
}
.campaign-card-modal .campaign-join 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;
}
/* Campaign Page Ends */



/* My Campaign Page Starts */
.mBf-my-campaign .my-campaign-inner {
    display: flex;
    justify-content: space-between;
    row-gap: 60px;
    padding: calc(max(0.8053vw, 11px)) 0 calc(max(7.9063vw, 80px));
}
.mBf-my-campaign .my-campaign-inner > .left-col {
    flex: 0 0 calc(max(20.8638vw, 285px));
    padding-right: calc(max(2.5622vw, 35px));
    background-image: url(../images/mBf_sec_border.svg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}
.mBf-my-campaign .my-campaign-inner > .left-col.popup {
    display: block;
    background-image: url(../images/mBf_black_board_bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px !important;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    height: 75%;
}
.mBf-my-campaign .my-campaign-inner > .left-col.popup::before {
    content: "";
    background-color: rgb(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.mBf-my-campaign .apply-filter button {
    font-family: Gaegu-L;
    font-size: calc(max(1.4641vw, 18px));
    line-height: calc(max(1.8302vw, 24px));
    color: #000000;
    padding: calc(max(0.8419vw, 10px)) calc(max(2.3119vw, 30px));
    background-image: url(../images/mBf_button_border_161x52_white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.mBf-my-campaign .apply-filter button:hover {
    color: #000000;
    background-image: url(../images/mBf_border_161x52_black.svg);
}
.mBf-my-campaign .my-campaign-inner > .right-col {
    width: 100%;
    padding-left: calc(max(2.5622vw, 35px));
}
.my-campaign-filter .filter-group label {
    font-family: Gaegu-L;
    font-size: calc(max(1.4642vw, 18px));
    line-height: calc(max(1.8303vw, 24px));
    letter-spacing: -0.04em;
}
.my-campaign-filter .filter-group .search-input {
    display: flex;
    align-items: center;
    gap: calc(max(0.5857vw, 8px));
    background-image: url(../images/my_campaign_filter_date_search-input.svg);
    background-repeat: no-repeat;
    background-size: contain;
    padding: calc(max(0.7321vw, 10px));
    max-width: calc(max(11.0542vw, 151px));
}
.my-campaign-filter .filter-group .search-input .search-icon {
    flex: 0 0 calc(max(1.4641vw, 16px));
    width: calc(max(1.4641vw, 16px));
    height: calc(max(1.4641vw, 16px));
}
.my-campaign-filter .filter-group .search-input input {
    font-family: Gaegu-R;
    font-size: calc(max(1.1713vw, 16px));
    line-height: calc(max(1.4641vw, 20px));
}
.my-campaign-filter .filter-group .checkbox-input {
    display: flex;
    gap: calc(max(0.87856vw, 12px));
}
.my-campaign-filter .filter-group input[type=checkbox], .my-campaign-filter .filter-group input[type=radio] {
    width: auto;
    cursor: pointer;
}
.my-campaign-filter .filter-group 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));
}
.my-campaign-filter .filter-group input[type=checkbox]:checked {
    background-image: url(../images/mBf_form_checkbox_checked.svg);
}
.my-campaign-filter .filter-by-campaign {
    margin-top: calc(max(3.3675vw, 40px));
}
.mBf-my-campaign .campaign-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: calc(max(0.9517vw, 13px));
    row-gap: calc(max(1.3177vw, 18px));
}
.mBf-my-campaign .campaign-card {
    padding: calc(max(1.8302vw, 24px)) calc(max(1.8302vw, 24px));
    background-image: url(../images/mBf-campaign-campaign-card-bg-black.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.mBf-my-campaign .campaign-card:hover {
    background-image: url(../images/mBf-campaign-campaign-card-bg-white.svg);
}
.mBf-my-campaign .campaign-card:hover .card-contents {
    color: #000;
}
.mBf-my-campaign .campaign-card:hover .deadline-input .icon svg path {
    stroke: #000;
}
.mBf-my-campaign .campaign-card .card-contents {
    display: flex;
    gap: calc(max(0.3660vw, 5px));
}
.mBf-my-campaign .campaign-card .card-contents .more {
    width: calc(max(1.1713vw, 14px));
    height: calc(max(1.1713vw, 14px));
    margin-top: calc(max(0.6589vw, 10px));
    transition: all .3s;
}
.mBf-my-campaign .campaign-card .card-contents .more:hover {
    transform: translateX(7.5px);
}
.mBf-my-campaign .campaign-card .campaign-entry {
    margin-top: calc(max(1.2445vw, 17px));
}
.mBf-my-campaign .campaign-card .entry-deadline {
    font-family: Gaegu-B;
    font-size: calc(max(0.9517vw, 13px));
    line-height: calc(max(1.1713vw, 16px));
    letter-spacing: -0.04em;
    margin-bottom: calc(max(0.2196vw, 3px));
}
.mBf-my-campaign .campaign-card .deadline-input {
    display: flex;
    align-items: center;
    gap: calc(max(0.1464vw, 2px));
}
.mBf-my-campaign .campaign-card .deadline-input .icon {
    flex: 0 0 calc(max(1.4641vw, 16px));
    width: calc(max(1.4641vw, 16px));
    height: calc(max(1.4641vw, 16px));
}
.mBf-my-campaign .campaign-card .deadline-input p {
    font-family: Gaegu-R;
    font-size: calc(max(1.1713vw, 16px));
    line-height: calc(max(1.4641vw, 20px));
}
/* My Campaign Page Ends */



/* Create Campaign Page Starts */
.mBf-create-campaign .create-campaign-inner {
    display: flex;
    row-gap: 60px;
    padding: calc(max(0.8053vw, 11px)) 0 calc(max(7.9063vw, 80px));
}
.mBf-create-campaign .create-campaign-inner > .left-col {
    width: 50.751%;
    padding-right: calc(max(3.9531vw, 50px));
    background-image: url(../images/mBf_sec_border.svg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}
.mBf-create-campaign .create-campaign-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: calc(max(2.1962vw, 30px));
}
.mBf-create-campaign .create-campaign-head .actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: calc(max(2.1962vw, 20px));
}
/* .mBf-create-campaign .create-campaign-head .actions button.create {
    font-family: Gaegu-L;
    font-size: calc(max(1.4641vw, 18px));
    line-height: calc(max(1.8302vw, 24px));
    color: #000000;
    padding: calc(max(0.9883vw, 10px)) calc(max(3.2756vw, 26px));
    background-image: url(../images/mBf_button_border_121x52_white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
} */
.mBf-create-campaign .mBf-form button.create {
    font-family: Gaegu-L;
    font-size: calc(max(1.4641vw, 18px));
    line-height: calc(max(1.8302vw, 24px));
    color: #000000;
    padding: calc(max(0.9883vw, 10px)) calc(max(3.2756vw, 26px));
    background-image: url(../images/mBf_button_border_121x52_white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.mBf-create-campaign .mBf-form button.create:hover {
    color: #ffffff;
    background-image: url(../images/mBf_button_border_121x52_black.svg);
}

.mBf-form .form-group .input.campaign.bdr-01 {
    background-image: url(../images/mBf_create_campaign_input_bdr_01.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    padding-bottom: calc(max(1.3177vw, 18px));
}
.mBf-form .form-group .input.campaign.bdr-02 {
    background-image: url(../images/mBf_create_campaign_input_bdr_02.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    padding-bottom: calc(max(1.3177vw, 18px));
}
.mBf-create-campaign .campaign-types-fields {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(max(2.1962vw, 30px));
    margin-top: calc(max(2.1962vw, 30px));
}
.mBf-create-campaign .campaign-period-fields {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: calc(max(2.1962vw, 30px));
    margin-top: calc(max(2.1962vw, 30px));
}
.mBf-create-campaign .campaign-period-fields .date-input {
    display: flex;
    align-items: center;
    gap: calc(max(0.87856vw, 12px));
}
.mBf-create-campaign .campaign-period-fields .date-input label {
    width: auto;
    white-space: nowrap;
 }
.mBf-create-campaign .campaign-period-fields .search-input {
    display: flex;
    align-items: center;
    gap: calc(max(0.5857vw, 8px));
    background-image: url(../images/create_campaign_date_input_border.svg);
    background-repeat: no-repeat;
    background-size: contain;
    padding: calc(max(0.8236vw, 11.25px));
    max-width: calc(max(13.2504vw, 181px));
}
.mBf-create-campaign .campaign-period-fields .search-input .search-icon {
    flex: 0 0 calc(max(1.4641vw, 16px));
    width: calc(max(1.4641vw, 16px));
    height: calc(max(1.4641vw, 16px));
}
.mBf-create-campaign .campaign-creatives-head {
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
    gap: calc(max(1.4641vw, 20px));
}
.mBf-create-campaign .campaign-creatives-upload-btn label {
    font-family: Gaegu-L;
    font-size: calc(max(1.4641vw, 18px));
    line-height: calc(max(1.8302vw, 24px));
    background-image: url(../images/mBf_button_border_121x52_black.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    padding: calc(max(0.9883vw, 10px)) calc(max(2.6581vw, 30px));
    cursor: pointer;
}
.mBf-create-campaign .campaign-creatives-upload-btn label:hover {
    color: #000;
    background-image: url(../images/mBf_button_border_121x52_white.svg);
}
.mBf-create-campaign .campaign-creatives .upload-list .item:first-child {
    margin-top: calc(max(1.0417vw, 20px));
}
.mBf-create-campaign .campaign-creatives .upload-list .item {
    display: flex;
    justify-content: space-between;
    gap: calc(max(1.5625vw, 30px));
    background-image: url(../images/mBf_create_campaign_input_bdr_02.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    padding: calc(max(1.4583vw, 28px)) 0 calc(max(1.25vw, 24px)) calc(max(0.7292vw, 14px));
}
.mBf-create-campaign .campaign-creatives .upload-list .item .actions {
    display: flex;
    justify-content: space-between;
    gap: calc(max(1.5625vw, 30px));
}
.mBf-create-campaign .campaign-creatives .upload-list .item .actions .download {
    width: calc(max(1.1713vw, 16px));
    height: calc(max(1.3177vw, 18px));
    cursor: pointer;
}
.mBf-create-campaign .campaign-creatives .upload-list .item .actions .remove {
    width: calc(max(0.9517vw, 13px));
    height: calc(max(1.0981vw, 15px));
    cursor: pointer;
}
.mBf-create-campaign .create-campaign-inner > .right-col {
    width: 49.249%;
    padding-left: calc(max(3.9531vw, 50px));
}
.mBf-create-campaign .campaign-tabs .nav-tabs {
    border: 0;
    gap: calc(max(1.4641vw, 20px));
    flex-wrap: nowrap;
    margin-bottom: calc(max(0.7321vw, 10px));
}
.mBf-create-campaign .campaign-tabs .mBf-search-bar {
    max-width: calc(max(27.4524vw, 375px));
}
.mBf-create-campaign .campaign-tabs .nav-tabs .nav-link {
    font-family: Gaegu-B;
    font-size: calc(max(1.3177vw, 16px));
    line-height: calc(max(1.6837vw, 20px));
    color: #ffffff;
    background-color: transparent;
    border: none;
    margin: 0;
    padding: 0;
}
.mBf-create-campaign .campaign-tabs .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;
    filter: invert(1);
}
.mBf-create-campaign .tab-pane-head {
    margin-bottom: calc(max(1.4641vw, 20px));
}
.mBf-create-campaign .brand-cards {
    display: flex;
    flex-direction: column;
    gap: calc(max(1.6105vw, 20px));
    margin-top: calc(max(2.1962vw, 30px));
    max-width: calc(max(27.0864vw, 370px));
    max-height: calc(max(43.924vw, 600px));
    overflow: auto;
    scrollbar-width: none;
}
.mBf-create-campaign .brand-card {
    display: flex;
    justify-content: space-between;
    gap: calc(max(1.2445vw, 17px));
    padding: calc(max(1.0981vw, 15px)) calc(max(1.3177vw, 18px)) calc(max(1.6837vw, 23px));
    background-image: url(../images/mBf-border-370x117-01.svg);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}
.mBf-create-campaign .brand-card .card-inner {
    display: flex;
    gap: calc(max(1.2445vw, 17px));
}
.mBf-create-campaign .brand-card:nth-child(even) {
    background-image: url(../images/mBf-border-370x117-02.svg);
}
.mBf-create-campaign .brand-card .brand-logo {
    width: calc(max(6.4422vw, 88px));
    height: calc(max(6.4422vw, 88px));
    position: relative;
}
.mBf-create-campaign .brand-card .brand-logo img {
    border-radius: 50%;
}
.mBf-create-campaign .brand-card .brand-logo::after {
    content: "";
    width: calc(max(6.4422vw, 88px));
    height: calc(max(6.7350vw, 92px));
    background-image: url(../images/mBf-directory-card-brand-logo-border-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.mBf-create-campaign .brand-card .select-card 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));
    cursor: pointer;
}
.mBf-create-campaign .brand-card .select-card input[type=checkbox]:checked {
    background-image: url(../images/mBf_form_checkbox_checked.svg);
}
/* Create Campaign Page Ends */


/* Campaign Details Page Starts */
.mBf-campaign-details .campaign-details-inner {
    display: flex;
    row-gap: 60px;
    padding: calc(max(0.8053vw, 11px)) 0 calc(max(7.9063vw, 80px));
}
.mBf-campaign-details .campaign-details-inner > .left-col {
    width: 50.751%;
    padding-right: calc(max(3.9531vw, 50px));
    background-image: url(../images/mBf_sec_border.svg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}
.mBf-campaign-details .campaign-details-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: calc(max(2.1962vw, 30px));
}
.mBf-campaign-details .campaign-details-head .edit-campaign {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: calc(max(2.1962vw, 20px));
}
.mBf-campaign-details .campaign-details-head .edit-campaign .edit button {
    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, 10px)) calc(max(3.2756vw, 26px));
    background-image: url(../images/mBf_button_border_121x52_black.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.mBf-campaign-details .campaign-details-head .edit-campaign .edit button:hover {
    color: #000000;
    background-image: url(../images/mBf_button_border_121x52_white.svg);
}

.mBf-campaign-details .mBf-form .edit button.update {
    font-family: Gaegu-L;
    font-size: calc(max(1.4641vw, 18px));
    line-height: calc(max(1.8302vw, 24px));
    /* color: #ffffff; */
    color: #000000;
    padding: calc(max(0.9883vw, 10px)) calc(max(3.2756vw, 26px));
    /* background-image: url(../images/mBf_button_border_121x52_black.svg); */
    background-image: url(../images/mBf_button_border_121x52_white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    padding: calc(max(0.9883vw, 10px)) calc(max(2.3426vw, 26px));
}
.mBf-campaign-details .mBf-form .edit button.update:hover {
    /* color: #000000; */
    /* background-image: url(../images/mBf_button_border_121x52_white.svg); */
    background-image: url(../images/mBf_button_border_121x52_black.svg);
    color: #ffffff;

}
.mBf-campaign-details .campaign-types-fields {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(max(2.1962vw, 30px));
    margin-top: calc(max(2.1962vw, 30px));
}
.mBf-campaign-details .campaign-period-fields {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: calc(max(2.1962vw, 30px));
    margin-top: calc(max(2.1962vw, 30px));
}
.mBf-campaign-details .campaign-period-fields .date-input {
    display: flex;
    align-items: center;
    gap: calc(max(0.87856vw, 12px));
}
.mBf-campaign-details .campaign-period-fields .date-input label {
    width: auto;
    white-space: nowrap;
 }
.mBf-campaign-details .campaign-period-fields .search-input {
    display: flex;
    align-items: center;
    gap: calc(max(0.5857vw, 8px));
    background-image: url(../images/create_campaign_date_input_border.svg);
    background-repeat: no-repeat;
    background-size: contain;
    padding: calc(max(0.8236vw, 11.25px));
    max-width: calc(max(13.2504vw, 181px));
}
.mBf-campaign-details .campaign-period-fields .search-input .search-icon {
    flex: 0 0 calc(max(1.4641vw, 16px));
    width: calc(max(1.4641vw, 16px));
    height: calc(max(1.4641vw, 16px));
}
.mBf-campaign-details .campaign-creatives-head {
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
    gap: calc(max(1.4641vw, 20px));
}
.mBf-campaign-details .campaign-creatives-upload-btn label {
    font-family: Gaegu-L;
    font-size: calc(max(1.4641vw, 18px));
    line-height: calc(max(1.8302vw, 24px));
    background-image: url(../images/mBf_button_border_121x52_black.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    padding: calc(max(0.9883vw, 10px)) calc(max(2.6581vw, 30px));
    cursor: pointer;
}
.mBf-campaign-details .campaign-creatives-upload-btn label:hover {
    color: #000;
    background-image: url(../images/mBf_button_border_121x52_white.svg);
}
.mBf-campaign-details .campaign-creatives .upload-list .item {
    display: flex;
    justify-content: space-between;
    gap: calc(max(1.5625vw, 30px));
    background-image: url(../images/mBf_create_campaign_input_bdr_02.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    padding: calc(max(1.4583vw, 28px)) 0 calc(max(1.25vw, 24px)) calc(max(0.7292vw, 14px));
    margin-top: calc(max(1.0417vw, 20px));
}
.mBf-campaign-details .campaign-creatives .upload-list .item .actions {
    display: flex;
    justify-content: space-between;
    gap: calc(max(1.5625vw, 30px));
}
.mBf-campaign-details .campaign-creatives .upload-list .item .actions .download {
    width: calc(max(1.1713vw, 16px));
    height: calc(max(1.3177vw, 18px));
    cursor: pointer;
}
.mBf-campaign-details .campaign-creatives .upload-list .item .actions .remove {
    width: calc(max(0.9517vw, 13px));
    height: calc(max(1.0981vw, 15px));
    cursor: pointer;
}
.mBf-campaign-details .campaign-details-inner > .right-col {
    width: 49.249%;
    padding-left: calc(max(3.9531vw, 50px));
}
.mBf-campaign-details .campaign-tabs .nav-tabs {
    border: 0;
    gap: calc(max(2.8551vw, 39px));
    flex-wrap: nowrap;
    margin-bottom: calc(max(1.0417vw, 20px));
}
.mBf-campaign-details .campaign-tabs .nav-tabs .nav-link {
    font-family: Gaegu-B;
    font-size: calc(max(2.1962vw, 26px));
    line-height: calc(max(3.5871vw, 42px));
    color: #ffffff;
    background-color: transparent;
    border: none;
    margin: 0;
    padding: 0;
}
.mBf-campaign-details .campaign-tabs .nav-tabs .nav-link.active::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;
    filter: invert(1);
}
.mBf-campaign-details .tab-pane-head {
    margin-bottom: calc(max(1.4641vw, 20px));
}
.mBf-campaign-details .send-invitation { 
    max-width: calc(max(27.0864vw, 370px));
}
.mBf-campaign-details .send-invitation button {
    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(1.6105vw, 20px));
    background-image: url(../images/mBf_button_border_161x52_black.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.mBf-campaign-details .send-invitation button:hover {
    color: #000000;
    background-image: url(../images/mBf_button_border_161x52_white.svg);
}
.mBf-campaign-details .campaign-tabs .mBf-search-bar { 
    max-width: calc(max(27.4524vw, 375px)); 
    margin: calc(max(4.3924vw, 30px)) 0 calc(max(2.1962vw, 30px));
}
.mBf-campaign-details .brand-cards {
    display: flex;
    flex-direction: column;
    gap: calc(max(1.6105vw, 20px));
    margin-top: calc(max(2.1962vw, 30px));
    max-width: calc(max(27.0864vw, 370px));
    max-height: calc(max(21.9619vw, 300px));
    overflow: auto;
    padding-right: calc(max(0.7321vw, 10px));
}
.mBf-campaign-details .brand-cards::-webkit-scrollbar {
    width: calc(max(0.3660vw, 5px));
}
.mBf-campaign-details .brand-cards::-webkit-scrollbar-track {
    background: transparent;
    border-radius: calc(max(0.7321vw, 10px));
}
.mBf-campaign-details .brand-cards::-webkit-scrollbar-thumb {
    background: #ffffff;
    border-radius: calc(max(0.7321vw, 10px));
}
.mBf-campaign-details .brand-cards.replace {
    max-height: calc(max(21.9619vw, 300px));
    overflow: auto;
    padding-right: calc(max(0.7321vw, 10px));
}
.mBf-campaign-details .brand-cards.replace::-webkit-scrollbar {
    width: calc(max(0.3660vw, 5px));
}
.mBf-campaign-details .brand-cards.replace::-webkit-scrollbar-track {
    background: transparent;
    border-radius: calc(max(0.7321vw, 10px));
}
.mBf-campaign-details .brand-cards.replace::-webkit-scrollbar-thumb {
    background: #ffffff;
    border-radius: calc(max(0.7321vw, 10px));
}
.mBf-campaign-details .brand-card {
    display: flex;
    justify-content: space-between;
    gap: calc(max(1.2445vw, 17px));
    padding: calc(max(1.0981vw, 15px)) calc(max(1.3177vw, 18px)) calc(max(1.6837vw, 23px));
    background-image: url(../images/mBf-border-370x117-01.svg);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: default;
}
.mBf-campaign-details .brand-card .card-inner {
    display: flex;
    gap: calc(max(1.2445vw, 17px));
}
.mBf-campaign-details .brand-card:nth-child(even) {
    background-image: url(../images/mBf-border-370x117-02.svg);
}
.mBf-campaign-details .brand-card .brand-logo {
    width: calc(max(6.4422vw, 88px));
    height: calc(max(6.4422vw, 88px));
    position: relative;
}
.mBf-campaign-details .brand-card .brand-logo img {
    border-radius: 50%;
}
.mBf-campaign-details .brand-card .brand-logo::after {
    content: "";
    width: calc(max(6.4422vw, 88px));
    height: calc(max(6.7350vw, 92px));
    background-image: url(../images/mBf-directory-card-brand-logo-border-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.mBf-campaign-details .brand-card .select-card 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));
    cursor: pointer;
}
.mBf-campaign-details .brand-card .select-card input[type=checkbox]:checked {
    background-image: url(../images/mBf_form_checkbox_checked.svg);
}
.mBf-campaign-details .brand-card .remove {
    width: calc(max(1.1713vw, 14px));
    height: calc(max(1.1713vw, 14px));
}
.mBf-campaign-details .campaign-chat .chat-form {
    margin-top: calc(max(2.1962vw, 30px));
}
.mBf-campaign-details .campaign-chat .chat-form .chat-form-inner {
    display: flex;
    align-items: end;
    column-gap: calc(max(1.9034vw, 26px));
    row-gap: 12px;
}
.mBf-campaign-details .campaign-chat .chat-form .comment-area {
    background-image: url(../images/mBf_forum_add_comment_bdr.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
}
.mBf-campaign-details .campaign-chat .chat-form .comment-area textarea {
    font-family: Gaegu-L;
    font-size: calc(max(1.3177vw, 16px));
    line-height: calc(max(1.6837vw, 20px));
    letter-spacing: -0.06em;
    min-height: calc(max(4.6486vw, 63.5px));
}
.mBf-campaign-details .campaign-chat .chat-form .post-comment button {
    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(3.2211vw, 24px));
    background-image: url(../images/mBf_signup_nav_link_border.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.mBf-campaign-details .campaign-chat .chat-list {
    max-height: calc(max(32.2108vw, 440px));
    overflow: auto;
    padding-right: calc(max(0.7321vw, 10px));
    margin-top: calc(max(4.3924vw, 60px));
}
.mBf-campaign-details .campaign-chat .chat-list::-webkit-scrollbar {
    width: calc(max(0.3660vw, 5px));
}
.mBf-campaign-details .campaign-chat .chat-list::-webkit-scrollbar-track {
    background: transparent;
    border-radius: calc(max(0.7321vw, 10px));
}
.mBf-campaign-details .campaign-chat .chat-list::-webkit-scrollbar-thumb {
    background: #ffffff;
    border-radius: calc(max(0.7321vw, 10px));
}
.mBf-campaign-details .campaign-chat .chat-list .chat-item {
    background-image: url(../images/mBf_forum_topic_item_bdr.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    padding: calc(max(2.0498vw, 24px)) 0;
}
.mBf-campaign-details .campaign-chat .chat-list .chat-item:first-child {
    padding-top: 0;
}
.mBf-campaign-details .campaign-chat .chat-list .chat-item .head {
    margin-bottom: calc(max(1.1713vw, 14px));
    display: flex;
    justify-content: space-between;
    gap: calc(max(0.8785vw, 12px));
}
.mBf-campaign-details .campaign-chat .chat-list .chat-item .head .action {
    display: flex;
    align-items: center;
    gap: calc(max(0.8785vw, 12px));
}
.mBf-campaign-details .campaign-chat .chat-list .chat-item .head .action .icon {
    flex: 0 0 calc(max(1.7570vw, 20px));
    width: calc(max(1.7570vw, 20px));
    height: calc(max(1.7570vw, 20px));
    cursor: pointer;
}
.mBf-campaign-details .campaign-chat .chat-list .chat-item .head .title {
    display: flex;
    align-items: center;
    gap: calc(max(0.8785vw, 12px));
}
.mBf-campaign-details .campaign-chat .chat-list .chat-item .head .time {
    display: flex;
    align-items: center;
    gap: calc(max(0.8785vw, 12px));
}
.mBf-campaign-details .campaign-chat .chat-list .chat-item .head .time::before {
    content: "";
    width: calc(max(0.2928vw, 4px));
    height: calc(max(0.2928vw, 4px));
    border-radius: 50%;
    background-color: #fff;
    display: block;
}
/* Campaign Details Page Ends */


/* Faqs Starts */

.mBf-faqs {
    padding: calc(max(0.8053vw, 11px)) 0 calc(max(7.9063vw, 80px));
}
.faqs-accordion-inner {
    display: flex;
    justify-content: space-between;
    row-gap: 60px;
}
.faqs-accordion-inner > .left-col {
    width: 40%;
}
.faqs-accordion-inner > .left-col .rich-text {
    width: 87.5479%;
    margin-top: calc(max(0.9517vw, 12px));
}
.faqs-accordion-inner > .right-col {
    width: 55%;
}
/* Faqs Ends */


/* Forum Starts */
.mBf-forum {
    padding: calc(max(0.8053vw, 11px)) 0 calc(max(7.9063vw, 80px));
}
.mBf-forum .forum-inner {
    display: flex;
    justify-content: space-between;
    row-gap: 40px;
}
.mBf-forum .forum-head {
    width: 100%;
    max-width: calc(max(21.6691vw, 296px));
    padding-right: calc(max(2.5622vw, 35px));
    background-image: url(../images/mBf_sec_border.svg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}
.mBf-forum .forum-topics-container {
    display: flex;
    row-gap: 80px;
    width: 100%;
}
.mBf-forum .forum-topics {
    width: 100%;
    padding: 0 0 0 calc(max(2.0498vw, 28px));
}
.mBf-forum .forum-topics.detailed {
    padding: 0 0 0 calc(max(2.7086vw, 28px));
}
.mBf-forum .forum-topics-head {
    display: flex;
    justify-content: space-between;
    gap: calc(max(2.1962vw, 30px));
    margin-bottom: calc(max(2.9283vw, 40px));
}
.mBf-forum .forum-topics-search {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(max(2.1962vw, 30px));
}
.mBf-forum .create-forum-btn {
    margin-top: calc(max(2.4158vw, 30px));
}
.mBf-forum .create-forum-btn button {
    font-family: Gaegu-L;
    font-size: calc(max(1.4641vw, 18px));
    line-height: calc(max(1.8302vw, 24px));
    white-space: nowrap;
    /* color: #ffffff; */
    color: #000000;
    padding: calc(max(0.9883vw, 12px)) calc(max(1.4480vw, 18px));
    background-image: url(../images/mBf_button_border_121x52_white.svg);
    /* background-image: url(../images/mBf_button_border_121x52_black.svg); */
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.mBf-forum .create-forum-btn button:hover {
    /* color: #000000; */
    color: #ffffff;
    background-image: url(../images/mBf_button_border_121x52_black.svg);
    /* background-image: url(../images/mBf_button_border_121x52_white.svg); */
}
.mBf-forum .forum-topics .topics-list {
    max-height: calc(100vh - 300px);
    overflow: auto;
    padding-right: calc(max(0.7321vw, 10px));
}
.mBf-forum .forum-topics .topics-list::-webkit-scrollbar {
    width: calc(max(0.3660vw, 5px));
}
.mBf-forum .forum-topics .topics-list::-webkit-scrollbar-track {
    background: transparent;
    border-radius: calc(max(0.7321vw, 10px));
}
.mBf-forum .forum-topics .topics-list::-webkit-scrollbar-thumb {
    background: #ffffff;
    border-radius: calc(max(0.7321vw, 10px));
}
.mBf-forum .forum-topics .topics-list .topics-item {
    display: flex;
    gap: calc(max(2.1962vw, 20px));
    justify-content: space-between;
    background-image: url(../images/mBf_forum_topic_item_bdr.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    padding: calc(max(2.9283vw, 30px)) calc(max(0.7321vw, 10px));
}
.mBf-forum .forum-topics .topics-list .topics-item:first-child {
    padding-top: 0;
}
.mBf-forum .forum-topics .topics-list .topics-item .feat-img-vdo {
    flex: 0 0 calc(max(15.0073vw, 205px));
    width: calc(max(15.0073vw, 205px));
    height: calc(max(15.0073vw, 205px));
    padding: calc(max(0.2562vw, 3.5px));
    position: relative;
}
.mBf-forum .forum-topics .topics-list .topics-item .feat-img-vdo::after {
    content: "";
    background-image: url(../images/mBf_forum_topic_item_feat_img_vdo_bdr.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.mBf-forum .forum-topics .topics-list .topics-item .feat-img-vdo img {
    border-radius: calc(max(0.0732vw, 1px));
    object-fit: cover;
}
.mBf-forum .forum-topics .topics-list .topics-item .feat-img-vdo video {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: calc(max(0.0732vw, 1px));
    object-fit: cover;
}
.mBf-forum .forum-topics .topics-list .topics-item .details {
    width: 100%;
}
.mBf-forum .forum-topics .topics-list .topics-item .details .head {
    display: flex;
    justify-content: space-between;
    gap: calc(max(0.8785vw, 12px));
    margin-bottom: calc(max(0.8785vw, 12px));
}
.mBf-forum .forum-topics .topics-list .topics-item .details .head .name {
    display: flex;
    align-items: center;
    gap: calc(max(0.8785vw, 12px));
}
.mBf-forum .forum-topics .topics-list .topics-item .details .head .time {
    display: flex;
    align-items: center;
    gap: calc(max(0.8785vw, 12px));
}
.mBf-forum .forum-topics .topics-list .topics-item .details .head .time::before {
    content: "";
    width: calc(max(0.2928vw, 4px));
    height: calc(max(0.2928vw, 4px));
    border-radius: 50%;
    background-color: #fff;
    display: block;
}
.mBf-forum .forum-topics .topics-list .topics-item .view-more a {
    display: flex;
    align-items: center;
    gap: calc(max(0.8785vw, 12px));
    margin-top: calc(max(0.6589vw, 10px));
    font-family: Gaegu-L;
    font-size: calc(max(1.6105vw, 20px));
    line-height: calc(max(2.0498vw, 26px));
}
.mBf-forum .forum-topics .topics-list .topics-item .view-more a .icon {
    width: calc(max(1.1713vw, 14px));
    height: calc(max(1.1713vw, 14px));
    transition: 0.5s;
}
.mBf-forum .forum-topics .topics-list .topics-item .view-more a:hover .icon {
    transform: translateX(10px);
}
.mBf-forum .forum-topics .topics-list .topics-item .details .head .star-input input[type=checkbox] {
    appearance: none;
    background-image: url(../images/mBf_forum_topic_item_star_input.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: calc(max(1.2445vw, 17px));
    height: calc(max(1.1713vw, 16px));
    display: block;
    cursor: pointer;
}
.mBf-forum .forum-topics .topics-list .topics-item .details .head .star-input input[type=checkbox]:checked {
    background-image: url(../images/mBf_forum_topic_item_star_input_checked.svg);
}
.mBf-forum .forum-recently-starred {
    width: 100%;
    max-width: calc(max(23.0600vw, 220px));
    padding-left: calc(max(1.7570vw, 24px));
    background: url(../images/mBf_sec_border.svg) left / contain no-repeat;
}
.mBf-forum .forum-recently-starred .starred-item {
    background-image: url(../images/mBf_forum_recently_starred_item_bdr.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    padding: calc(max(1.3177vw, 18px)) 0;
}
.mBf-forum .forum-recently-starred .starred-item .head {
    display: flex;
    gap: calc(max(0.8785vw, 12px));
    margin-bottom: calc(max(0.5857vw, 8px));
}
.mBf-forum .forum-tabs .nav-tabs {
    flex-direction: column;
    gap: calc(max(1.1713vw, 16px));
    border: 0;
    margin-top: calc(max(2.4158vw, 30px));
}
.mBf-forum .forum-tabs .nav-tabs .nav-link {
    border: none;
    color: #fff;
    padding: 0;
    font-family: Gaegu-L;
    font-size: calc(max(1.6105vw, 20px));
    line-height: calc(max(2.0498vw, 26px));
    letter-spacing: -0.04em;
}
.mBf-forum .forum-tabs .nav-tabs .nav-link.active {
    background-color: transparent;
    display: flex;
    align-items: center;
    gap: calc(max(0.7321vw, 10px));
}
.mBf-forum .forum-tabs .nav-tabs .nav-link.active::after {
    content: "";
    background-image: url('data:image/svg+xml,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 8.44634C2.36327 8.80962 2.74047 8.71864 3.23033 8.72667C3.92138 8.738 4.62757 8.96622 5.30165 9.11602C6.61048 9.40687 8.15276 9.28733 9.4988 9.28733C10.3464 9.28733 11.9945 9.60078 12.7771 9.20946C13.0787 9.05868 13.0644 8.92574 13.4312 8.85905C13.8995 8.7739 14.3345 8.66491 14.3345 8.16602" stroke="white" stroke-width="2.29908" stroke-linecap="round"/><path d="M9.00787 2C9.75893 2.06828 10.2395 3.78635 10.8222 4.3205C11.0346 4.51517 11.1214 4.89487 11.2583 5.14592C11.3988 5.40358 11.7446 5.65561 11.9513 5.86231C12.4131 6.32411 12.7202 6.93977 13.353 7.25617C13.9624 7.56087 14.3168 7.79165 14.1862 8.50986C14.0575 9.21731 12.8969 9.72364 12.621 10.441C12.4884 10.7858 12.0012 11.1115 11.78 11.4222C11.4813 11.8419 11.2265 12.3159 10.9001 12.7148C10.5214 13.1777 10.2069 13.9142 9.81771 14.3033C9.53 14.591 9.16303 14.839 8.89106 15.23C8.75459 15.4262 8.72754 15.8788 8.72754 15.4558" stroke="white" stroke-width="2.29908" stroke-linecap="round"/></svg>');
    display: block;
    width: calc(max(1.1713vw, 16px));
    height: calc(max(1.1713vw, 16px));
    background-size: contain;
    background-repeat: no-repeat;
}
.mBf-forum .forum-recently-starred .starred-item .head .time {
    display: flex;
    align-items: center;
    gap: calc(max(0.5857vw, 8px));
}
.mBf-forum .forum-recently-starred .starred-item .head .time::before {
    content: "";
    width: calc(max(0.2928vw, 4px));
    height: calc(max(0.2928vw, 4px));
    border-radius: 50%;
    background-color: #fff;
    display: block;
}
.forum-create-topics-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}
.forum-create-topics-modal-dialog {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.forum-create-topics-modal-content {
    width: 90%;
    max-width: calc(max(25.6223vw, 350px));
    max-height: 75vh;
    overflow-y: auto;
    scrollbar-width: none;
    background-color: #fff;
    color: #000;
    padding: calc(max(1.4641vw, 20px));
}
.forum-create-topics-modal .modal-close {
    width: calc(max(0.7321vw, 10px));
    height: calc(max(0.7321vw, 10px));
    cursor: pointer;
}
.forum-create-topics-modal .modal-head {
    padding: calc(max(0.8785vw, 12px)) 0;
}
.forum-create-topics-modal .campaign-creatives-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: calc(max(1.4641vw, 20px));
}
.forum-create-topics-modal .topic-details {
    margin-bottom: calc(max(2.1962vw, 30px));
}
.forum-create-topics-modal .topic-details .form-field {
    background-image: url(../images/mBf_profile_menu_border.svg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    padding: calc(max(1.6105vw, 20px)) 0 calc(max(0.5857vw, 8px));
    position: relative;
}
.forum-create-topics-modal .topic-details .form-field:first-child {
    padding-top: 0;
}
.forum-create-topics-modal .topic-details .form-field label {
    font-family: Gaegu-L;
    font-size: calc(max(1.1713vw, 16px));
    line-height: calc(max(1.4641vw, 20px));
    letter-spacing: -0.04em;
    margin-bottom: calc(max(0.3660vw, 5px));
}
.forum-create-topics-modal .topic-details .form-field input,
.forum-create-topics-modal .topic-details .form-field textarea,
.forum-create-topics-modal .topic-details .form-field select {
    font-family: Gaegu-R;
    font-size: calc(max(1.3177vw, 16px));
    line-height: calc(max(1.6837vw, 20px));
    letter-spacing: -0.04em;
    color: #000000;
}
.forum-create-topics-modal .topic-details .form-field textarea {
    min-height: calc(max(6.9546vw, 95px));
}
.forum-create-topics-modal .forum-topic-create-form .form-field .select-input label {
    background-image: url(../images/mBf-form-select-dropdown-icon-black.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;
}
.forum-create-topics-modal .forum-topic-create-form .form-field .select-options {
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 999;
    background-color: #E4E4E4;
    color: #000000;
    padding: calc(max(0.7321vw, 10px)) 0;
}
.forum-create-topics-modal .forum-topic-create-form .form-field .select-options .option {
    padding: calc(max(0.3660vw, 5px)) calc(max(1.0981vw, 15px));
    font-family: Gaegu-L;
    font-size: calc(max(1.1713vw, 16px));
    line-height: calc(max(1.4641vw, 20px));
    cursor: pointer;
}
.forum-create-topics-modal .campaign-creatives-upload-btn label {
    font-family: Gaegu-L;
    font-size: calc(max(1.4641vw, 18px));
    line-height: calc(max(1.8302vw, 24px));
    background-image: url(../images/mBf_notification_item_button_border.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    padding: calc(max(0.8419vw, 10px)) calc(max(2.3119vw, 30px));
    cursor: pointer;
}
.forum-create-topics-modal .campaign-creatives .upload-list .item:first-child {
    margin-top: calc(max(0.3660vw, 5px));
}
.forum-create-topics-modal .campaign-creatives .upload-list .item {
    display: flex;
    justify-content: space-between;
    gap: calc(max(1.5625vw, 30px));
    background-image: url(../images/mBf_directory_card_modal_brand-interested_border.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    padding: calc(max(1.4641vw, 20px)) 0 calc(max(1.0981vw, 15px)) calc(max(0.7321vw, 10px));
}
.forum-create-topics-modal .campaign-creatives .upload-list .item .actions {
    display: flex;
    justify-content: space-between;
    gap: calc(max(1.5625vw, 30px));
}
.forum-create-topics-modal .campaign-creatives .upload-list .item .actions .download {
    width: calc(max(1.1713vw, 16px));
    height: calc(max(1.3177vw, 18px));
    filter: invert(1);
    cursor: pointer;
}
.forum-create-topics-modal .campaign-creatives .upload-list .item .actions .remove {
    width: calc(max(0.9517vw, 13px));
    height: calc(max(1.0981vw, 15px));
    filter: invert(1);
    cursor: pointer;
}
.forum-create-topics-modal .topic-join {
    margin-top: calc(max(2.1962vw, 30px));
}
.forum-create-topics-modal .topic-join 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;
}

/* Forum Ends */

/* Forum Details Starts */
.mBf-forum .forum-topics .topics-detailed {
    max-height: calc(100vh - 175px);
    overflow: auto;
    padding-right: calc(max(0.7321vw, 10px));
}
.mBf-forum .forum-topics .topics-detailed::-webkit-scrollbar {
    width: calc(max(0.3660vw, 5px));
}
.mBf-forum .forum-topics .topics-detailed::-webkit-scrollbar-track {
    background: transparent;
    border-radius: calc(max(0.7321vw, 10px));
}
.mBf-forum .forum-topics .topics-detailed::-webkit-scrollbar-thumb {
    background: #ffffff;
    border-radius: calc(max(0.7321vw, 10px));
}
.mBf-forum .forum-topics .topics-detailed .about-topic {
    background-image: url(../images/mBf_forum_topic_item_bdr.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    padding-bottom: calc(max(2.1962vw, 24px));
}
.mBf-forum .forum-topics .topics-detailed .about-topic .head {
    display: flex;
    justify-content: space-between;
    gap: calc(max(0.8785vw, 12px));
    margin-bottom: calc(max(0.8785vw, 12px));
}
.mBf-forum .forum-topics .topics-detailed .about-topic .head .name {
    display: flex;
    align-items: center;
    gap: calc(max(0.8785vw, 12px));
}
.mBf-forum .forum-topics .topics-detailed .about-topic .head .time {
    display: flex;
    align-items: center;
    gap: calc(max(0.8785vw, 12px));
}
.mBf-forum .forum-topics .topics-detailed .about-topic .head .time::before {
    content: "";
    width: calc(max(0.2928vw, 4px));
    height: calc(max(0.2928vw, 4px));
    border-radius: 50%;
    background-color: #fff;
    display: block;
}
.mBf-forum .forum-topics .topics-detailed .about-topic .head .star-input input[type=checkbox] {
    appearance: none;
    background-image: url(../images/mBf_forum_topic_item_star_input.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: calc(max(1.2445vw, 17px));
    height: calc(max(1.1713vw, 16px));
    display: block;
    cursor: pointer;
}
.mBf-forum .forum-topics .topics-detailed .about-topic .head .star-input input[type=checkbox]:checked {
    background-image: url(../images/mBf_forum_topic_item_star_input_checked.svg);
}
.mBf-forum .forum-topics .topics-detailed .topic-gallery .gallery-item .feat-img-vdo {
    width: calc(max(15.0073vw, 100px));
    height: calc(max(15.0073vw, 100px));
    padding: calc(max(0.2196vw, 3px));
    position: relative;
}
.mBf-forum .forum-topics .topics-detailed .topic-gallery .gallery-item .feat-img-vdo::after {
    content: "";
    background-image: url(../images/mBf_forum_topic_item_feat_img_vdo_bdr.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.mBf-forum .forum-topics .topics-detailed .topic-gallery .gallery-item .feat-img-vdo img {
    border-radius: calc(max(0.0732vw, 1px));
    object-fit: cover;
}
.mBf-forum .forum-topics .topics-detailed .topic-gallery .gallery-item .feat-img-vdo video {
    border-radius: calc(max(0.0732vw, 1px));
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
.mBf-forum .forum-topics .topics-detailed .topic-gallery .gallery-list {
    display: flex;
    flex-wrap: wrap;
    gap: calc(max(3.6603vw, 30px));
}
.mBf-forum .forum-topics .topics-detailed .topic-gallery {
    background-image: url(../images/mBf_forum_topic_item_bdr.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    padding: calc(max(3.2943vw, 24px)) 0 calc(max(3.6603vw, 32px));
}
.mBf-forum .forum-topics .topics-detailed .topic-comments {
    padding: calc(max(2.1962vw, 30px)) 0 calc(max(2.6354vw, 36px));
}
.mBf-forum .forum-topics .topics-detailed .topic-comments .comment-form form .comment-form-inner {
    display: flex;
    align-items: end;
    column-gap: calc(max(1.9034vw, 26px));
    row-gap: 12px;
}
.mBf-forum .forum-topics .topics-detailed .topic-comments .comment-form .comment-area {
    background-image: url(../images/mBf_forum_add_comment_bdr.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
}
.mBf-forum .forum-topics .topics-detailed .topic-comments .comment-form .comment-area textarea {
    font-family: Gaegu-L;
    font-size: calc(max(1.3177vw, 16px));
    line-height: calc(max(1.6837vw, 20px));
    letter-spacing: -0.06em;
    min-height: calc(max(4.6486vw, 63.5px));
}
.mBf-forum .forum-topics .topics-detailed .topic-comments .comment-form .post-comment button {
    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(3.2211vw, 24px));
    background-image: url(../images/mBf_button_border_121x52_black.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.mBf-forum .forum-topics .topics-detailed .topic-comments .comment-form .post-comment button:hover {
    color: #000000;
    background-image: url(../images/mBf_button_border_121x52_white.svg);
}
.mBf-forum .forum-topics .topics-detailed .topic-comments .comment-list {
    margin-top: calc(max(4.3924vw, 60px));
}
.mBf-forum .forum-topics .topics-detailed .topic-comments .comment-item {
    background-image: url(../images/mBf_forum_topic_item_bdr.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    padding: calc(max(2.0498vw, 24px)) 0;
}
.mBf-forum .forum-topics .topics-detailed .topic-comments .comment-item .head {
    margin-bottom: calc(max(1.1713vw, 14px));
}
.mBf-forum .forum-topics .topics-detailed .topic-comments .comment-item .head .title {
    display: flex;
    align-items: center;
    gap: calc(max(0.8785vw, 12px));
}
.mBf-forum .forum-topics .topics-detailed .topic-comments .comment-item .head .time {
    display: flex;
    align-items: center;
    gap: calc(max(0.8785vw, 12px));
}
.mBf-forum .forum-topics .topics-detailed .topic-comments .comment-item .head .time::before {
    content: "";
    width: calc(max(0.2928vw, 4px));
    height: calc(max(0.2928vw, 4px));
    border-radius: 50%;
    background-color: #fff;
    display: block;
}
/* Forum Details Ends */



/* Forum Starts */
.mBf-notification {
    padding: calc(max(0.8053vw, 11px)) 0 calc(max(7.9063vw, 80px));
}
.mBf-notification .notification-inner {
    display: flex;
    justify-content: space-between;
    row-gap: 40px;
}
.mBf-notification .notification-head {
    width: 100%;
    max-width: calc(max(21.6691vw, 296px));
    padding-right: calc(max(2.5622vw, 35px));
}
.mBf-notification .notification-container {
    display: flex;
    row-gap: 80px;
    width: 100%;
}
.mBf-notification .notification-list {
    width: 100%;
    padding: 0 calc(max(1.7570vw, 24px)) 0 calc(max(2.0498vw, 28px));
    background: url(../images/mBf_sec_border.svg) left / contain no-repeat;
    max-height: calc(100vh - 150px);
    overflow: auto;
    scrollbar-width: none;
}
.mBf-notification .notification-item {
    background-image: url(../images/mBf_forum_topic_item_bdr.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    padding: calc(max(2.1962vw, 24px)) 0;
}
.mBf-notification .notification-item:first-child {
    padding-top: 0;
}
.mBf-notification .notification-item .view-more a {
    display: flex;
    align-items: center;
    gap: calc(max(0.8785vw, 12px));
    margin-top: calc(max(0.6589vw, 10px));
    font-family: Gaegu-L;
    font-size: calc(max(1.6105vw, 20px));
    line-height: calc(max(2.0498vw, 26px));
}
.mBf-notification .notification-item .view-more a .icon {
    width: calc(max(1.1713vw, 14px));
    height: calc(max(1.1713vw, 14px));
    transition: 0.5s;
}
.mBf-notification .notification-item .view-more a:hover .icon {
    transform: translateX(10px);
}
.mBf-notification .notification-item .notification-details {
    display: flex;
    justify-content: space-between;
    gap: calc(max(0.5124vw, 7px));
}
.mBf-notification .notification-item .notification-details  .actions {
    margin-top: auto;
    display: flex;
    gap: calc(max(0.5124vw, 7px));
}
.mBf-notification .notification-item .notification-details  .actions button {
    font-family: Gaegu-L;
    font-size: calc(max(1.4641vw, 18px));
    line-height: calc(max(1.8302vw, 24px));
    white-space: nowrap;
    color: #ffffff;
    padding: calc(max(0.9883vw, 12px)) calc(max(1.4480vw, 18px));
    background-image: url(../images/mBf_button_border_121x52_black.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: flex;
    gap: calc(max(0.8785vw, 12px));
    align-items: center;
}
.mBf-notification .notification-item .notification-details  .actions button:hover {
    color: #000000;
    background-image: url(../images/mBf_button_border_121x52_white.svg);
}
.mBf-notification .notification-item .notification-details  .actions button .spinner .path {
    stroke: #FFFFFF;
}
.mBf-notification .notification-item .notification-details  .actions button:hover .spinner .path {
    stroke: #000000;
}

/* Forum Ends */


/* Create Campaign Page Starts */
.mBf-subscription .subscription-inner {
    display: flex;
    justify-content: space-between;
    row-gap: 60px;
    padding: calc(max(0.8053vw, 11px)) 0 calc(max(7.9063vw, 80px));
}
.mBf-subscription .subscription-inner > .left-col {
    width: 45%;
}
.mBf-subscription .subscription-head {
    margin-bottom: calc(max(2.1962vw, 30px));
}
.mBf-subscription .mBf-form .form-group .input {
    background-image: url(../images/mBf-subscription-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-subscription .mBf-form .form-group .about-plan {
    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, 120px));
    max-width: calc(max(42.9722vw, 440px));
    padding: calc(max(1.4641vw, 20px));
}
.mBf-subscription .mBf-form .form-group .about-plan .textarea {
    height: 100%;
    overflow: auto;
}
.InputContainer .InputElement {
    color: #ffffff !important;
}
.mBf-subscription .mBf-form .form-group .stripe-input {
    background-color: transparent !important;
    background-image: url(../images/mBf-subscription-card-details-input-bdr.svg);
    background-repeat: no-repeat;
    background-size: cover;
    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));
    margin-top: 12px;
    max-width: calc(max(42.9722vw, 440px));
}
.__PrivateStripeElement, .mBf-subscription .mBf-form .form-group .stripe-input iframe {
    height: 100% !important;
}
.CardField {
    top: 5px !important;
}
.mBf-subscription .mBf-form .form-group-2-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: calc(max(2.1962vw, 20px));
}
.mBf-subscription .mBf-form .form-group-2-col .input {
    background-image: url(../images/mBf-subscription-input-2col-bdr.svg);
}
.mBf-subscription .mBf-form button.add-card {
    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, 10px)) calc(max(1.7570vw, 20px));
    background-image: url(../images/mBf_button_border_121x52_black.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.mBf-subscription .mBf-form button.add-card:hover {
    color: #000000;
    background-image: url(../images/mBf_button_border_121x52_white.svg);
}
.mBf-subscription .subscription-inner > .right-col {
    width: 45%;
}
.mBf-subscription .subscription-summary {
    /* background-image: url(../images/mBf_subscription_summary_bg_white_fill.svg), url(../images/mBf_subscription_summary_bg_white_fill.svg), url(../images/mBf_subscription_summary_bg_white_fill.svg), url(../images/mBf_subscription_summary_bg_white_fill.svg);
    background-position: top, right, bottom, left; */
    background-image: url(../images/mBf_subscription_summary_bg_white_bdr.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    padding: calc(max(5.8565vw, 40px)) calc(max(2.9283vw, 20px));
}
.mBf-subscription .subscription-summary .pay-btn button {
    font-family: Gaegu-R;
    font-size: calc(max(1.4641vw, 18px));
    line-height: calc(max(1.8302vw, 24px));
    padding: calc(max(0.9883vw, 10px)) calc(max(3.3895vw, 40px));
    background-image: url(../images/mBf_button_border_121x52_black.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.mBf-subscription .subscription-summary .pay-btn button:hover {
    color: #000000;
    background-image: url(../images/mBf_button_border_121x52_white.svg);
}
.mBf-subscription .subscription-summary .go-back {
    font-family: Gaegu-R;
    font-size: calc(max(1.6105vw, 20px));
    line-height: calc(max(2.0498vw, 26px));
    letter-spacing: -0.04em;
    color: #000000;
    transition: all .3s;
}
.mBf-subscription .subscription-summary .go-back:hover {
    transform: translateX(10px);
}
.mBf-subscription .subscription-summary .apply-coupon-form input {
    background-color: #e4e4e4;
    color: #000000;
    font-family: Gaegu-L;
    font-size: calc(max(1.1713vw, 16px));
    line-height: calc(max(1.4641vw, 20px));
    padding: calc(max(0.3660vw, 5px)) calc(max(1.4641vw, 20px));
}
.mBf-subscription .subscription-summary .apply-coupon-form input::placeholder {
    color: #000000;
}
.mBf-subscription .subscription-summary .apply-coupon-form button {
    background-color: #000000;
    padding: calc(max(0.3660vw, 5px)) calc(max(1.4641vw, 20px));
}
.mBf-subscription .subscription-summary .coupon-applied {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
#card-errors {
    color: rgb(229, 53, 53);
}
.mBf-subscription .subscription-summary .coupon-applied .apllied-icon {
    width: 60px;
}
/* Subscription Page Ends */


/* 404 Page Starts */
.mBf-404 {
    padding: calc(max(7.9063vw, 80px)) 0;
}
.mBf-404-contents {
    text-align: center;
}
.mBf-404-contents .go-home-btn a {
    background-image: url(../images/mBf_button_border_161x52_black.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    padding: calc(max(0.9883vw, 12px)) calc(max(2.1032vw, 24px));
    margin-top: calc(max(1.1713vw, 16px));
}
.mBf-404-contents .go-home-btn a:hover {
    background-image: url(../images/mBf_button_border_161x52_white.svg);
    color: #000;
}
/* 404 Page Ends */

.dropdown-toggle.show::after {
    content: "";
    display: block;
    background-color: rgb(0, 0, 0, 0.2);
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 10;
}
.campaign-cards-slider {
    width: 100%;
    max-width: calc(max(21.8887vw, 299px));
    margin-right: calc(max(5.8565vw, 60px));
    position: relative;
}
.campaign-cards-slider .join-campaign {
    position: absolute;
    top: calc(max(2.8551vw, 39px));
    right: calc(100% + max(-0.6589vw, 27px));
}
.campaign-cards-slider .join-campaign .icon {
    width: calc(max(9.3704vw, 128px));
    height: calc(max(7.9063vw, 108px));
}
.campaign-cards-slider .campaign-card {
    padding: calc(max(1.0417vw, 20px)) calc(max(2.0833vw, 40px));
    background-image: url(../images/mBf-campaign-campaign-card-bg-black.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.campaign-cards-slider .campaign-card:hover {
    background-image: url(../images/mBf-campaign-campaign-card-bg-white.svg);
}
.campaign-cards-slider .campaign-card:hover .card-contents {
    color: #000;
}
.campaign-cards-slider .campaign-card:hover .deadline-input .icon svg path {
    stroke: #000;
}
.campaign-cards-slider .campaign-card .card-contents {
    display: flex;
    gap: calc(max(0.3660vw, 5px));
}
.campaign-cards-slider .campaign-card .card-contents .more {
    width: calc(max(1.1713vw, 14px));
    height: calc(max(1.1713vw, 14px));
    margin-top: calc(max(0.6589vw, 10px));
    transition: all .3s;
}
.campaign-cards-slider .campaign-card .card-contents .more:hover {
    transform: translateX(7.5px);
}
.campaign-cards-slider .campaign-card .campaign-entry {
    margin-top: calc(max(1.2445vw, 17px));
}
.campaign-cards-slider .campaign-card .entry-deadline {
    font-family: Gaegu-B;
    font-size: calc(max(0.9517vw, 13px));
    line-height: calc(max(1.1713vw, 16px));
    letter-spacing: -0.04em;
    margin-bottom: calc(max(0.2196vw, 3px));
}
.campaign-cards-slider .campaign-card .deadline-input {
    display: flex;
    align-items: center;
    gap: calc(max(0.1464vw, 2px));
}
.campaign-cards-slider .campaign-card .deadline-input .icon {
    flex: 0 0 calc(max(1.4641vw, 16px));
    width: calc(max(1.4641vw, 16px));
    height: calc(max(1.4641vw, 16px));
}
.campaign-cards-slider .campaign-card .deadline-input p {
    font-family: Gaegu-R;
    font-size: calc(max(1.1713vw, 16px));
    line-height: calc(max(1.4641vw, 20px));
}
.website a {
    color: #000000;
    display: inline-block;
    word-break: break-all;
}


.mBf-forum .forum-topics .topics-detailed .topic-comments .comment-item {
    position: relative;
    display: flex;
    gap: 16px;
}
.mBf-forum .forum-topics .topics-detailed .topic-comments .comment-item .chat-profile-avatar {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
}
.mBf-forum .forum-topics .topics-detailed .topic-comments .comment-item .chat-profile-avatar img {
    border-radius: 50%;
}
.mBf-forum .forum-topics .topics-detailed .topic-comments .comment-item .chat-thread-replies {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 16px;
    cursor: pointer;
    padding: 4px 12px 4px 4px;
    border-radius: 8px;
    margin-left: -4px;
}
.mBf-forum .forum-topics .topics-detailed .topic-comments .comment-item .chat-thread-replies .chat-reply-avatars {
    display: flex;
    gap: 4px;
}
.mBf-forum .forum-topics .topics-detailed .topic-comments .comment-item .chat-thread-replies .chat-reply-avatar {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
}
.mBf-forum .forum-topics .topics-detailed .topic-comments .comment-item .chat-thread-replies .chat-reply-avatar img {
    border-radius: 50%;
}
.clr-e4e4e4 {
    color: #e4e4e4;
}
.mBf-forum .forum-topics .topics-detailed .topic-comments .comment-item .chat-actions-bar {
    position: absolute;
    right: 0;
    top: 16px;
}
.mBf-forum .forum-topics .topics-detailed .topic-comments .comment-item .chat-actions-bar .actions {
    display: flex;
    gap: 8px;
}
.mBf-forum .forum-topics .topics-detailed .topic-comments .comment-item .chat-actions-bar .action .icon {
    border: 1px solid #FFFFFF;
    border-radius: 8px;
    padding: 4px 8px;
    border-radius: 8px;
    cursor: pointer;
}
.mBf-forum .forum-topics .topics-detailed .topic-comments .comment-item .chat-actions-bar .action .icon:hover {
    background-color: rgb(255, 255, 255, 0.2);
}
.tooltip .tooltip-inner {
    font-family: Gaegu-R;
}
.mBf-forum .forum-topics .topics-detailed .topic-comments .comment-item .chat-reply-description {
    position: relative;
}
.mBf-forum .forum-topics .topics-detailed .topic-comments .comment-item .chat-reply-description .chat-last-reply {
    opacity: 1;
    transition: opacity .2s;
}
.mBf-forum .forum-topics .topics-detailed .topic-comments .comment-item .chat-reply-description .chat-view-thred {
    opacity: 0;
    transition: opacity .2s;
    position: absolute;
    inset: 0;
    white-space: nowrap;
}
.mBf-forum .forum-topics .topics-detailed .topic-comments .comment-item .chat-thread-replies:hover .chat-last-reply {
    opacity: 0;
}
.mBf-forum .forum-topics .topics-detailed .topic-comments .comment-item .chat-thread-replies:hover .chat-view-thred {
    opacity: 1;
}
.mBf-forum .forum-topics .topics-detailed .topic-comments .comment-item .chat-thread-replies:hover {
    background-color: rgb(255, 255, 255, 0.1);
}
.mBf-forum .forum-topics .topics-detailed .topic-comments .comment-item .chat-thread-popup::before {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgb(0, 0, 0, 0.3);
    z-index: -1;
}
.mBf-forum .forum-topics .topics-detailed .topic-comments .comment-item .chat-thread-popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 98%;
    max-width: 655px;
    z-index: 1;
    background-image: url(../images/mBf_black_board_bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    margin: 4px;
    display: flex;
    flex-direction: column;
}
.mBf-forum .forum-topics .topics-detailed .topic-comments .comment-item .chat-thread-popup .thread-header {
    display: flex;
    align-items: center;
    padding: 12px;
}
.mBf-forum .forum-topics .topics-detailed .topic-comments .comment-item .chat-thread-popup .thread-close {
    cursor: pointer;
}
.mBf-forum .forum-topics .topics-detailed .topic-comments .comment-item .chat-thread-popup .thread-body {
    padding: 12px;
    flex-grow: 1;
    overflow: auto;
}
.mBf-forum .forum-topics .topics-detailed .topic-comments .comment-item .chat-thread-popup .thread-body::-webkit-scrollbar {
    width: calc(max(0.3660vw, 5px));
}
.mBf-forum .forum-topics .topics-detailed .topic-comments .comment-item .chat-thread-popup .thread-body::-webkit-scrollbar-track {
    background: transparent;
    border-radius: calc(max(0.7321vw, 10px));
}
.mBf-forum .forum-topics .topics-detailed .topic-comments .comment-item .chat-thread-popup .thread-body::-webkit-scrollbar-thumb {
    background: #ffffff;
    border-radius: calc(max(0.7321vw, 10px));
}
.mBf-forum .forum-topics .topics-detailed .topic-comments .comment-item .chat-thread-popup .thread-footer {
    padding: 12px;
}

.mBf-forum .forum-topics .topics-detailed .topic-comments .comment-item .chat-form {
    margin-top: 12px;
}
.mBf-forum .forum-topics .topics-detailed .topic-comments .comment-item .chat-form .chat-form-inner {
    display: flex;
    align-items: end;
    column-gap: calc(max(1.9034vw, 26px));
    row-gap: 12px;
}
.mBf-forum .forum-topics .topics-detailed .topic-comments .comment-item .chat-form .comment-area {
    background-image: url(../images/mBf_forum_add_comment_bdr.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
}
.mBf-forum .forum-topics .topics-detailed .topic-comments .comment-item .chat-form .comment-area textarea {
    font-family: Gaegu-L;
    font-size: calc(max(1.3177vw, 16px));
    line-height: calc(max(1.6837vw, 20px));
    letter-spacing: -0.06em;
    min-height: calc(max(4.6486vw, 63.5px));
}
.mBf-forum .forum-topics .topics-detailed .topic-comments .comment-item .chat-form .post-comment button {
    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(3.2211vw, 24px));
    background-image: url(../images/mBf_signup_nav_link_border.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.mBf-forum .forum-topics .topics-detailed .topic-comments .comment-item .chat-replies .comment-item {
    padding: 14px 0;
    background-image: none;
}
.dropdown-toggle.show::after{
    cursor: initial;
}