/* HOME */

:root {
    --size: clamp(10rem, 1rem + 40vmin, 30rem);
    --gap: calc(var(--size) / 26);
    --duration: 30s;
    --scroll-start: 0;
    --scroll-end: calc(-100% - var(--gap));
}

@media screen and (max-width: 1024px) {
    body {
        font-size: 14px;
    }
};

.new-pad-link{
    padding:0 30px;
    line-height: 22px;
    padding-bottom: 30px;
    display: flex;
    justify-content: space-between !important;
}

@media screen and (max-width: 1024px) {
    .new-pad-link{
        flex-direction: column;
        justify-content: center !important;
        align-items: center;
    }
}

@media screen and (max-width: 560px) {
    p.hero__text-custom {
        margin-bottom: 40px;
    }

    .make-pr__items-custom {
        margin-top: 25px !important;
    }

    .make-pr__item-custom:not(:last-child) {
        margin-bottom: 15px;
    }

    .make-pr__item-custom:last-child {
        margin-bottom: 25px;
    }

    .more-btn-container-custom {
        margin-top: 0px !important;
    }
}

.new-close-option:hover{
    cursor: pointer!important;
}
.new-close-option{
    cursor: pointer!important;
}
.new-close-option picture{
    cursor: pointer!important;
}
.new-close-option picture img{
    cursor: pointer!important;
}

@media screen and (min-width: 560px) and (max-width: 1024px) {
    .make-pr__item-custom:not(:last-child) {
        margin-bottom: 40px !important;
    }

    .make-pr__item-custom:last-child {
        margin-top: 0px !important;
        margin-bottom: 50px !important;
    }

    .more-btn-container-custom {
        margin-top: 0px !important;
    }
}

/* FAQ */
.particles-js-faq {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -100000;
    height: 100%;
}

.input__search_main_faq {
    border: 1px solid #999999;
    border-radius: 20px;
    padding: 10px 40px 10px 20px;
    position: relative;
    outline: none;
    width: 100%;
    background-color: transparent;
    font-size: 15px;
}

.nav__search_main2{
    position: relative;
    width: 25%;
    margin-top: 20px;
}

.nav__search_main2 svg {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #999999;
    cursor: auto;
}

/* BLOG */

@media screen and (max-width: 560px) {
    #all-blogs .nav__search_main1 {
        width: 100%!important;
    }

    .text_main--single-blog {
        padding: 40px 0px;
    }
}

.articles__links_main1 {
    text-align: center;
}

.articles__links__nav_main1:first-child {
    margin-left: 0 !important;
}

.social__links_main1, .social__links--two_main1 {
    display: flex;
    justify-content: flex-end;
    align-items: end;
    position: static;
    margin-bottom: 30px;
    right: 0;
    top: 0;
}

.social__links_main1 .google-preferred-source,
.social__links--two_main1 .google-preferred-source {
    margin-right: 10px;
}

.social__links-title {
    margin-bottom: 3px;
}

#blog-single .social__links_main1{
    right: 0px;
    top: 0px;
}

.blog__single-top {
    background: transparent;
    display: flex;
    justify-content: space-between;
    position: relative;
    padding: 0 105px 0 105px;
}

.main__two_main1{
    background: transparent;
    position: relative;
}

#blog-single img.banner-img_main1 {
    position: relative;
    top: -34px;
    right: 30px;
    margin-top: unset;
    padding-bottom: 48px;
    max-width: 100%;
    max-height: 673px;
    object-fit: cover;
}

#blog-single .backtopage_main1 {
    margin-left: 0px;
    margin-top: 130px;
}

#blog-single .main__banner--two_main1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 60px;
    padding-top: 20px;
    padding-bottom: 80px;
}

.blog__social-icon {
    width: auto;
    font-size: 35px !important;
}

.blog__social-icon:hover {
    opacity: 0.5;
}

.social__links--mod_main1 a:nth-child(2) {
    margin-left: 0px;
}

.social__links--mod_main1 a:not(:nth-child(2)) {
    margin-left: 10px;
}

.backsocial__inner_main1 {
    align-items: end;
}

@media screen and (max-width: 768px) and (min-width: 561px) {
    #blog-single .social__links_main1 {
        right: 0!important;
        top: 0!important;
    }
}

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


    #blog-single .social__links_main1 {
        right: 0!important;
        top: 0!important;
    }

    .blog__single-top {
        flex-direction: column;
        padding-left: 18px!important;
        padding-right: 18px!important;
    }

    #blog-single .backtopage_main1 {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .social__links_main1,
    .social__links--two_main1 {
        flex-direction: column;
        justify-content: center;
    }

    .social__links--two_main1 {
        margin-top: 20px;
    }

    .social__links_main1 .google-preferred-source,
    .social__links--two_main1 .google-preferred-source {
        margin-right: 0px;
        margin-bottom: 10px;
    }

    #blog-single .main__inner_main1 {
        padding-left: 16px!important;
        padding-right: 16px!important;
    }

    #blog-single img.banner-img_main1 {
        max-height: 306px;
        padding-bottom: 0px;
    }

    #blog-single .main__banner--two_main1 {
        padding-top: 20px;
        padding-right: 0px;
        padding-left: 0px;
        padding-bottom: 40px;
    }

    #blog-single .main__baner__info_main1.twobanner__info_main1 {
        font-size: 14px;
        line-height: 26px;
    }

    .backsocial__inner_main1 {
        justify-content: space-between;
        align-items: normal;
    }

    .social__links--mod_main1 {
        justify-content: center;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .blog__single-top {
        padding: 0 39px!important;
    }
    #blog-single .backtopage_main1 {
        margin-left: 0px !important;
        margin-bottom: 30px;
    }
    #blog-single .main__inner_main1 {
        padding-left: 39px!important;
        padding-right: 39px!important;
    }

    #blog-single .main__banner--two_main1 {
        padding-right: 0px;
        padding-left: 0px;
    }

    #blog-single img.banner-img_main1 {
        padding-bottom: 24px;
        max-width: 100%;
        max-height: 673px;
    }

    .blog__column {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 1200px) {
    #blog-main .main__inner_main1 {
        flex-flow: column-reverse !important;
        align-items: center;
    }

    #blog-main .main__banner_main1 {
        max-width: 100%;
    }

    #blog-main img.banner-img_main1 {
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    #blog-single .social__links_main1{
        top: 0!important;
        right: 0!important;
    }
}

@media screen and (min-width: 1024px) {
    .main__banner_main1.mw-md-fuly {
        padding-right: 1.25rem;
    }
}

.tag_main10--desktop .tag {
    /* display: none; */
    margin-left: 0px !important;
}

.tag_main10--desktop {
    /* display: none; */
    /* margin-left: 0px !important; */
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 20px;
}

.name_main10--custom {
    width: 100%;
}

.match-top__match--custom {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(270deg, #9972B2 0%, rgba(248, 164, 142, 0.64) 52.4%, #D8B9D8 100%);
    padding: 7px 10px;
    font-weight: 700;
    min-height: 30px;
    line-height: 1;
    border-radius: 4px;
    color: #fff;
}

@media screen and (max-width: 560px) {
    .name_main10--custom {
        width: 100%;
    }

    .tag_main10--desktop {
        display: flex;
        justify-content: flex-end;
    }
}

/* DASHBOARD PR */
@media screen and (min-width: 992px) {
    .name_main10--custom {
        position: relative;
        flex: 1 1 0%;
        margin-right: 5px;
        max-width: max-content;
        width: min-content;
    }

    .tag_main10--desktop, .tag_container--custom {
        position: absolute;
        display: flex;
        align-items: center;
        left: calc(100% + 14px);
        top: -3px;
    }

    .project__title-main10--custom {
        /* display: inline-block;
        max-width: none;
        .project__title-main10--custom { */
            display: block; /* Ensures wrapping */
            white-space: normal; /* Allows multi-line text */
            overflow-wrap: break-word; /* Ensures long words wrap properly */
            word-wrap: break-word;
            max-width: 100%; /* Prevents overflow */
        /* } */
    }

    /* .status-right__custom {
        flex: 0 0 20%;
        max-width: 20%;
    } */
}

.status-right__custom {
    /* flex: 1 1 auto; */
    /* text-align: right !important; */
    justify-content: space-between;
}

.status-right__custom .matches_title,
.right-project__person--empty .matches_title {
    font-weight: 700 !important;
}

.status-right__custom .matches_text,
.right-project__person--empty .matches_text {
    font-size: 13px;
    font-weight: 500;
    color: #7c828a;
}

@media screen and (max-width: 400px) {
    .status-right__custom .avatar_main5 {
        width: 40px;
        height: 40px;
    }

    .status-right__custom .avatars-more__new-dashboard {
        width: 40px;
        height: 40px;
    }

    .status-right__custom .avatars-more__new-dashboard span {
        font-size: 18px;
    }
}

@media screen and (max-width: 860px) and (min-width: 561px) {
    .set-btn-mdl button, .set-btn-mdl a {
        max-width: 150px !important;
    }
}

.header__dashboard-customs.active {
    transform: translateY(0%) scaleY(1);
}

.f-custom-loginto-stripe {
    display: flex;
    justify-content: end;
    align-items: flex-end;
}

@media screen and (max-width: 720px) {
    .pr_invoice-title {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 560px) {
    .f-custom-loginto-stripe {
        justify-content: center;
    }
    .f-custom-loginto-stripe .btn-new-respon-skills {
        padding: 10.5px 30px!important;
    }
}

@media screen and (min-width: 560px) {
    .f-custom-loginto-stripe .btn-new-respon-skills {
        padding: 11px 21.5px !important;
    }
}


@media screen and (min-width: 1024px) {
    #blog-single .main__banner--two_main1 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-right: 60px;
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media screen and (max-width: 1360px) and (min-width: 561px) {
    .disply-no-small--custom {
        margin-right: 10px;
    }
}

.disply-no-small--custom {
    text-align: right;
}

.subtitle_main5--custom {
    margin-bottom: 20px;
}

/* .invoice__date { */
    /* display: inline-flex; */
    /* flex-wrap: wrap; */
/* } */

/* @media screen and (max-width: 560px) {
    .mar-rit-no {
        min-width: 100%;
        text-wrap: wrap;
    }

    .project__bottom-left {
        margin-right: 0;
        max-width: 100%;
        min-width: 100%;
        margin-bottom: 10px;
        flex-direction: column;
        align-items: start;
        justify-content: space-between;
        font-size: 14px!important;
        text-wrap: wrap!important;
    }

    .invoice__date span {
        text-wrap: wrap;
    }

    .invoice__info {
        display: inline-flex;
        flex-wrap: wrap;
    }
} */

.drag-drop__drags {
    margin-bottom: 0px;
}

.form-proposal__rows {
    margin-bottom: 0px;
}

@media screen and (min-width: 768px) {
    .review__top--custom {
        align-items: start;
    }

    .review__top-container--custom{
        margin-bottom: 0px;
    }

    /* .review__top-left--custom {
        margin-top: 2px;
    } */
}

@media screen and (min-width: 560px) and (max-width: 860px) {
    .review__top-container--custom {
        align-items: center;
        margin-bottom: 0px;
    }

    div .col-directn-sm .review__top-right--custom {
        margin: 0px;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
}

@media screen and (max-width: 560px) {
    .review__top-container--custom {
        align-items: start;
    }

    div .col-directn-sm .review__top-right--custom {
        margin: 0px;
    }
}

.btn_orange_main6.save-custom {
    min-width: 142px;
    padding: 12.5px 37.2px !important;
}

.review__rating .rating_span--custom {
    line-height: 21px;
}

@media screen and (max-width: 860px) {
    .review__rating--custom {
        display: grid;
        grid-template-columns: calc(100% - 100px) 100px;
        justify-content: stretch;
    }

    .review__rating--custom .review__rating-stars {
        justify-content: flex-end;
    }

    .review__rating-stars--custom {
        justify-content: flex-end;
    }
}

@media screen and (min-width: 1200px) {
    .review__rating .rating_span--custom {
        flex: 1;
        text-wrap: wrap;
        flex-wrap: wrap;
    }

    .review__rating--custom {
        gap: 12px;
    }

    .review__ratings-body--custom {
        grid-row-gap: 10px;
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 20px;
    }
}

.project__bottom--custom {
    align-items: end;
}

@media screen and (max-width: 800px) and (min-width: 560px) {
    div .set-btn-mdl {
        margin-top: -40px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1340px) {
    .form-proposal__input--budget input {
        width: 200px;
    }
}

.proposal__name-account--custom {
    height: auto;
}

.account-inactive-popup--custom h1 {
    color: #602C83 !important;
    font-size: 24px;
    font-weight: 700 !important;
    margin-top: 30px !important;
}

.pad-link {
    padding: 0 31px;
    line-height: 22px;
    padding-bottom: 40px;
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 425px) {
    .account-inactive-popup--custom {
        max-height: 500px !important;
        height: auto;
    }
}

@media screen and (max-width: 768px) {
    .account-inactive-popup--custom {
        max-height: 425px;
        height: auto;
    }

    div.proposal__head_main6--custom {
        display: flex !important;
    }
}

@media screen and (min-width: 768px) {
    .account-inactive-popup--custom {
        max-height: 400px;
        height: auto;
    }
}

.login_as_user{
    background-color:#FFA400;
    padding:10px;
    color:white;
}
.login_as_user a{
    color:white;
}

.account_paused--bar {
    background-color: #FF1000;
    padding:10px;
    color:white;
    font-size: 14px;
    line-height: 16px;
}

.account_paused--bar a{
    color:white;
    text-decoration: underline;
}

.sign-up--custom {
    padding: 0px;
}

.privacy__content {
    padding: 0px;
    background: transparent;
    box-shadow: none;
    color: #000;
}

.privacy__content ul {
    list-style-type: none !important;
}

.privacy__content p{
    font-size: 16px !important;
    color: var(--Grey-1, #2C2F32);
    font-weight: 300;
    font-style: normal;
    line-height: 26px;
    /* margin-bottom: 25px; */
}

.privacy__content span, .privacy__content span span, .privacy__content ul, .privacy__content ol {
    color: #2C2F32 !important;
}

.privacy__content ol li {
    color: #2C2F32 !important;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    padding-left: 6px;
    margin-left: 8px;
    list-style: auto!important;
}

.privacy__content ul li {
    color: #2C2F32 !important;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    padding-left: 6px;
    margin-left: 8px;
}

.privacy__content dd {
    font-weight: 300;
}

.privacy__content a {
    word-wrap: break-word;
    text-decoration: none;
    color:#9D71C7;
    font-weight: bold;
}

.privacy__content a:hover{
    text-decoration: none;
    color:#DBB9E7;
    font-weight: bold;
}

.privacy__right-item:not(:last-child) {
    margin-bottom: 0px;
}

.terms_main1 {
    padding-top: 24px;
}

@media screen and (min-width: 768px) {
    .terms__title {
        font-size: 33px;
    }

    .terms_main1 {
        padding-top: 44px;
    }
}

@media screen and (max-width: 1024px) {
    .privacy__content, .terms__title {
        max-width: 100%;
        width: 96%;
        margin: 0 auto;
    }
}

.form-contact-us-captcha--custom {
    margin-top: 34px;
}

@media screen and (max-width: 1024px){
    .form-contact-us-captcha--custom {
        margin-top: 18px;
    }
}

.tooltip-box__date--custom {
    margin-bottom: 0px;
}

.invoice__info--custom {
    gap: 4px;
    line-height: 1.5;
    white-space: wrap;
}

.invoice__info--custom img {
    margin-right: 0px;
}

.invoice__info--custom span {
    display: inline-flex;
    padding-top: 2px;
}

.invoice__infos--custom {
    align-items: center;
}

.invoice__infos-home--custom {
    flex: 0 0 100%;
    gap: 16px;
}

.invoice__infos-home--custom .invoice__info {
    margin-bottom: 0px;
}

.invoice__infos-home--custom .invoice__info span,
.subtitle__for-agency span {
    display: inline-flex;
    padding-top: 2.25px;
    line-height: 1;
}

.invoice__infos-home--custom .invoice__type {
    margin-right: 0px;
}

.invoice__info--custom .svg-calendar-dims {
    width: 18px;
    height: 18px;
}

.name_main5--custom {
    flex: 0 0 100%;
    max-width: 100%;
}

.tag_container--custom {
    /* flex: 0 0 100%;
    max-width: 100%;
    justify-content: start; */
}

.tags_project_skills--custom {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.tags_project_skills--custom .tags_project_skill {
    padding: 7px 10px;
    padding-top: 8px;
    font-size: 13px;
    background-color: rgba(90, 44, 131, 0.1);
    color: rgba(90, 44, 131, 1);
    border-radius: 100px;
    display: inline-flex;
    line-height: 1.25;
    font-weight: 600;
    min-height: 30px;
}

@media screen and (max-width: 1024px) {
    .tags_project_skills--custom .tags_project_skill {
        padding-top: 7px;
    }
}

.tags_project_skills--custom .project__category {
    margin-bottom: 0px;
    font-size: 13px;
}

/* @media screen and (max-width: 1440px) and (min-width: 1024px) {
    .invoice__infos--custom {
        flex: 0 0 100%;
        max-width: 100%;
    }
} */

@media screen and (max-width: 768px){
    .invoice__infos--custom {
        align-items: flex-start;
    }
}

@media screen and (min-width: 1269px) {
    .invoice__info--custom {
        margin-bottom: 0px;
    }
}

@media screen and (min-width: 1440px) {
    .name_main5--custom {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .tag_container--custom {
        flex: 0 0 25%;
        max-width: 25%;
    }

}

.overview-single__info_main7--custom strong {
    font-weight: 600;
    color: #000;
}

/* RECAPTCHA */

.g-recaptcha > div, .g-recaptcha iframe {
    width: 306px !important;
    height: 84px !important;
}

.version-history-modal {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 10000;
}

.version-history-modal.active {
    display: flex;
}

.version-history-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(2px);
}

.version-history-dialog {
    position: relative;
    background: #fff;
    border-radius: 12px;
    max-width: 560px;
    width: 92%;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18);
    z-index: 1;
}

.version-history-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid #f1f1f5;
    padding: 20px 20px 16px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    background-color: #FAF6FF;
    padding-bottom: 12px;
}

.version-history-header h3 {
    margin: 0;
    color: #5A2C83;
    font-size: 18px;
    font-weight: 700;
}

.version-history-subtitle {
    margin: 4px 0 0 0;
    color: #7c828a;
    font-size: 13px;
}

.version-history-close {
    background: transparent;
    /* border: 1px solid #e0e0e0; */
    color: #5A2C83;
    font-size: 24px;
    line-height: 1;
    width: 32px;
    height: 32px;
    border: none;
    margin-top: -2px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    appearance: none;
    -webkit-appearance: none;
}

.version-history-close:hover {
    /* border-color: #FF877F; */
    color: #FF877F;
}

.version-history-body {
    margin-top: 14px;
    max-height: 60vh;
    padding: 8px 20px 16px;
    overflow-y: auto;
}

.version-history-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.version-history-list li {
    border: 1px solid #f1f1f5;
    border-radius: 10px;
    padding: 12px;
    background: #fff;
}

.version-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
    border-radius: 999px;
    background: #f1f1fa;
    color: #7c828a;
    font-weight: 700;
    font-size: 12px;
    margin-bottom: 8px;
}

.version-pill-latest {
    background: #f1f1fa;
    color: #5A2C83;
}

.version-meta {
    display: flex;
    gap: 10px;
    font-size: 12px;
    color: #7c828a;
    margin-bottom: 6px;
}

.version-text {
    margin: 0;
    color: #2C2F32;
    font-size: 14px;
    line-height: 1.4;
}

.modal-open {
    overflow: hidden;
}

@media screen and (min-width: 1440px) {
    .g-recaptcha > div, .g-recaptcha iframe {
        width: 306px !important;
        height: 84px !important;
    }
}

.review__form-block-button--custom {
    display: flex;
    justify-content: center;
}

@media only screen and (max-width: 1280px) {
    .create-settings--row_main2_3--custom {
        padding: 0 41px 0 41px!important;
    }
}

@media screen and (max-width: 560px) {
    .dashboard__title--custom {
        margin-top: -10px !important;
    }

    .dashboard__text-earn--custom {
        margin-top: 5px;
    }

    .dashboard__text--custom {
        margin-top: 45px;
    }
}

.form-proposal__btn--custom {
    flex: 0 auto;
}
.match-top__match_main6 {
    display: inline-flex;
    align-items: center;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -7%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(-45deg, #ffb75a, #83d9ff, #feb1c6, #8065c7);
}

.popup_brief_extend--custom .dp-h1-extend {
    color: #602C83 !important;
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
    margin-top: 30px !important;
    text-align: left;
}

.popup_brief_extend--custom p.dp-2nd-extend {
    margin: unset;
    text-align: left;
    margin-top: 20px!important;
    margin-bottom: 24px !important;
    color: #969696 !important;
    font-size: 14px !important;
    font-weight: 400;
}

.popup_brief_extend--custom .dp-date-extend {
    width: 100%;
    margin-bottom: 53px !important;
}

.head_main7-extend--custom {
    padding: 29.6px 43px 29.7px 35px !important;
}

.popup_brief-extend_body_main--custom {
    padding: 0;
}

.popup_brief-extend_body_main-section--custom {
    padding: 0px 58px 0;
}

.pad-link-extend--custom {
    padding: 0 31px;
    line-height: 22px;
    padding-bottom: 40px;
    display: flex;
    justify-content: center;
}

button.btn_orange.btn-or-dp-extend--custom {
    background: #FF1000;
    border-radius: 5px;
    border: none;
    color: #fff;
    padding: 12px 61.1px !important;
    font-weight: 600;
    min-width: 142px;
}

a.btn_white.btn-rm-dp-extend--custom {
    border: 1.2px solid #FF1000;
    background: transparent;
    color: #FF1000;
    box-sizing: border-box;
    border-radius: 5px;
    margin: 0 10px;
    min-width: 170px;
    padding: 13px 57.75px !important;
}

@media screen and (max-width: 560px){
    .popup_brief-extend_body_main-section--custom {
        padding: 20px 30px 0 !important;
    }

    .pad-link-extend--custom {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }

    a.btn_white.btn-rm-dp-extend--custom {
        max-width: 100% !important;
        display: block !important;
        padding: 19.5px 27.97px !important;
        font-size: 16px;
        width: 100%;

    }

    button.btn_orange.btn-or-dp-extend--custom {
        max-width: 100% !important;
        display: block !important;
        padding: 20.5px 29.83px !important;
        font-size: 16px;
        width: 100%;
    }

    .popup .popup_content_main7 .head_main7-extend--custom {
        padding: 29.6px 31px 29.7px 31px !important;
    }
}

.overview-single__row_main6-deadline--custom {
    gap: 8px;
    flex-direction: column;
    align-items: center;
}

.overview-single__name_main6-deadline--custom {
    display: inline-flex;
    color: #2c2f32;
    margin: 0px;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    align-items: center;
}

.single-block__title_main6_deadline--custom {
    display: inline-flex;
    align-items: center;
}

.overview-single__info_main6-deadline--custom {
    width: 100%;
    text-align: center;
}

@media screen and (min-width: 560px) and (max-width: 1360px) {
    .overview-single__info_main6-deadline--custom {
        width: 100%;
        text-align: center;
    }
}

@media screen and (min-width: 768px) {
    .single-block__body_main6_deadline--custom {
        padding: 20px 20px
    }
}

@media screen and (min-width: 560px) and (max-width: 1360px) {
    .overview-single__row_main6-deadline--custom {
        flex-direction: column;
        align-items: center;
    }
    .overview-single__name_main6-deadline--custom {
        margin-bottom: 10px;
    }
}

.btn-extend-deadline--custom {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    margin: 0px;
}

@media screen and (max-width: 560px) {
    .btn-extend-deadline--custom {
        padding: 20px 40px !important;
        height: auto;
    }
}
.custom__radio_review--custom {
    height: 16px !important;
    width: 16px !important;
    margin-left: 0px;
}

/* VIDEO BUBBLE SECTION */
.nibble-video-home {
    object-fit: contain;
    width: 100%;
    height: auto;
    position: absolute;
    z-index: 100;
}

.video-circle {
    border-radius: 50%;
    object-fit: cover;
    width: 120px;
    height: 120px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
}

.video-play-button-overlay--custom{
    width: 120px;
    height: 120px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 101;
    display: none;
    transition : 2s;
    background-color: #FF100059;
}

.video-play-button-overlay--custom img{
    width: 40px;
    height: 40px;
}

.video-play-home--custom:hover .video-play-button-overlay--custom {
    display: flex;
    align-items: center;
    justify-content: center;
}

.video-play-home--custom {
    /* margin-left: 40px; */
    height: 120px;
    width: 120px;
    border-radius: 50px;
    text-align: center;
    display: inline-flex;
    position: relative;
    /* background-color: #FF1000; */
    -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
    -webkit-transform: rotate(0.000001deg);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    cursor: pointer;
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
}

.video-loader-overlay--custom{
    width: 120px;
    height: 120px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 101;
    display: none;
    transition : 2s;
    background-color: #FF100059;
}

.video-loader {
    border: 4px solid #fff;
    border-top: 4px solid #FF1000;
    border-radius: 50%;
    position: absolute;
    width: 80px;
    height: 80px;
    top: 20px;
    left: 20px;
    z-index: 999999;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#nibbleHeroVideoContainer button {
    position: absolute;
    top: 0px;
    right: 10px;
    width: 30px;
    height: 30px;
    z-index: 9999;
    color: #FF1000;
}

#nibbleHeroVideo {
    border-radius: 10px;
}

#nibbleHeroVideo::-webkit-media-controls-fullscreen-button {
    display: none;
}

#nibbleHeroVideoContainer button.close {
    font-size: 40px;
}

.video-on-tablet--custom {
    display: none;
}

@media screen and (max-width: 1440px) {
    .video-circle {
        width: 80px;
        height: 80px;
    }

    .video-play-button-overlay--custom{
        width: 80px;
        height: 80px;
    }

    .video-play-home--custom {
        height: 80px;
        width: 80px;
    }

    .video-loader {
        width: 50px;
        height: 50px;
        top: 15px;
        left: 15px;
    }

    .video-play-button-overlay--custom img{
        width: 24px;
        height: 24px;
    }
}

@media screen and (max-width: 1024px) {
    .video-circle {
        width: 72px;
        height: 72px;
    }

    .video-play-button-overlay--custom{
        width: 72px;
        height: 72px;
    }

    .video-play-home--custom {
        height: 72px;
        width: 72px;
    }

    .video-loader {
        width: 48px;
        height: 48px;
        top: 12px;
        left: 12px;
    }

    .video-play-button-overlay--custom img{
        width: 24px;
        height: 24px;
    }
}

@media screen and (max-width: 860px) {
    .video-circle {
        width: 60px;
        height: 60px;
    }

    .video-play-button-overlay--custom{
        width: 60px;
        height: 60px;
    }

    .video-play-home--custom {
        height: 60px;
        width: 60px;
    }

    .video-loader {
        width: 40px;
        height: 40px;
        top: 10px;
        left: 10px;
    }

    .video-play-button-overlay--custom img{
        width: 20px;
        height: 20px;
    }
}

#nibbleHeroVideoModal .modal-dialog.modal-lg {
    max-width: 800px;
    min-height: 25vh;
}

#nibbleHeroVideoModal .modal-body {
    min-width: 800px;
    min-height: 50vh;
}

@media screen and (max-width: 992px) {
    #nibbleHeroVideoModal .modal-body {
        min-width: 100vw;
        min-height: 25vh;
    }

    #nibbleHeroVideoModal .modal-dialog.modal-lg {
        max-width: 100vw;
        min-height: 25vh;
        margin: 0px;
    }
}

@media screen and (max-width: 600px) {
    .video-circle {
        width: 40px;
        height: 40px;
    }

    .video-play-button-overlay--custom{
        width: 40px;
        height: 40px;
    }

    .video-play-home--custom {
        height: 40px;
        width: 40px;
    }

    .video-loader {
        width: 24px;
        height: 24px;
        top: 8px;
        left: 8px;
    }

    .video-play-button-overlay--custom img{
        width: 15px;
        height: 15px;
    }
}

@media screen and (max-width: 1024px) {
    .video-on-desktop--custom {
        display: none;
    }

    .video-on-tablet--custom {
        display: block;
        margin-left: 22px;
    }
}

@media screen and (max-width: 560px) {
    .hero__btn {
        font-size: 14px;
    }

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

    .video-on-tablet--custom {
        display: flex;
        order: 3;
        margin: 0;
        margin-bottom: 30px;
    }

}

/* END VIDEO BUBBLE SECTION */

/* MUNCH SECTION */

.munch.section{
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
}
.munch__body {
  display: flex;
  margin-top: 20px;
}
.munch__body-left,
.munch__body-right {
  flex: 0 1 50%;
  max-width: 100%;
}
.munch__body-left {
  margin-right: 55px;
  max-width: 100%;
  position:relative;
  display: flex;
  align-items: end;
  justify-content: center;
}
.munch__image-view {
    width: 100%;
    max-width: 510px;
    height: auto;
}
.munch__body-right {
    padding: 0 20px 53px 0;
}
.munch__text {
    max-width: 655px;
    margin-bottom: 66px;
    margin-top: 30px;
    font-size: 16px;
    line-height: 26px;
    color: #2C2F32;
}
.munch__btn-container {
    margin-bottom: 80px;
}

@media screen and (max-width: 1024px) {
    .munch__body{
        padding: 0 20px;
        flex-direction: column-reverse;
        margin-top: 40px;
    }
    .munch__body-left {
        margin-right: 0px;
        padding: 0 39px 0 39px;
    }
    p.munch__text{
        margin-top: 0px;
        margin-bottom: 50px;
        font-size: 16px;
        text-align: center;
    }
    .munch__body-left,
    .munch__body-right {
        max-width: 100%;
    }
    .munch__body-right {
        display: flex;
        align-items: center;
        flex-direction: column;
        padding: 0 18px 0;
    }
    .munch__text {
        font-size: 26px;
        line-height: 1.54;
    }
    .munch__image-view {
        max-width: 397px;
    }
    .munch__btn-container {
        margin-bottom: 80px;
    }
}

@media screen and (max-width: 560px) {
    p.munch__text {
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 25px;
    }
    .munch__body {
        padding: 0 32px;
        margin-top: 20px;
    }
    .munch__image-view {
        max-width: 293px;
    }
    .munch__btn-container {
        margin-bottom: 65px;
    }
}

/* END MUNCH SECTION */


/* STAKKED SECTION */
.stakked-title-hover--custom:hover {
    color: #C2FF32;
}
.stakked {
    padding: 0 20px;
    padding-bottom: 60px;
}
.stakked__items {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 60px 0px;
    justify-content: space-between;
}
.stakked__item {
    margin: 0px;
    max-width: 160px;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    /* padding: 0 15px; */
}

.stakked__brand {
    width: auto;
    max-height: 50px;
}

.stakked__item:hover {
    opacity: 1;
    cursor: pointer;
}

.stakked .container-maxw {
    max-width:1200px;
    margin: 0 auto;
}
.stakked__item > img{
    max-width:100%;
}

.stakked__headline__text {
    max-width: 850px;
    margin: 0 auto;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #2C2F32;
}

.stakked__body {
    width: 100%;
}

.stakked__text {
    max-width: 655px;
    margin: 0 auto;
    margin-top: 30px;
    font-size: 16px;
    line-height: 26px;
    color: #2C2F32;
}

.section.padding-end {
    padding-bottom: 80px;
}

.stakked__item-mobile-only {
    display: none;
}

@media screen and (max-width: 1024px) {
    .stakked__items {
        margin: 40px 0px;
    }
    .stakked__item:first-child{
        margin-left:0;
    }
     .stakked__item:last-child{
        margin-right:0;
    }
    .stakked__item {
        width: 133px;
    }
    .stakked__headline__text {
        font-size: 18px!important;
        line-height: 26px!important;
        padding: 0 30px!important;
    }
    .section.padding-end {
        padding-bottom: 80px;
    }
}

@media screen and (max-width: 560px) {
    .stakked {
        padding-bottom: 10px;
    }
    .stakked__item-mobile-only {
        display: flex;
        height: 1px;
        background-color: #2C2F32;
        width: 150px;
        margin: auto;
        margin-top: -5px;
    }
    .stakked__items {
        margin: 25px 0px;
        display: grid;
        gap: 20px;
        grid-gap: 20px;
        grid-template-columns: 1fr;
    }
    .stakked__item {
        max-width: 100%;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .stakked__item .stakked__brand {
        max-width: 140px;
        width: auto;
        margin: auto;
        height: 30px;
        object-fit: contain;
        object-position: center;
    }

    .stakked__headline__text {
        font-size: 14px;
        line-height: 18px;
    }
    .section.padding-end {
        padding-bottom: 40px;
    }
}

[data-inviewport="hover-stakked"].is-inViewport {
    color: #C2FF32;
    transition: 1.25s ease-in;
}

.match-top__match_main6 {
    display: inline-flex;
    align-items: center;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -7%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(-45deg, #ffb75a, #83d9ff, #feb1c6, #8065c7);
}


.match-double__star {
    width: 18px;
    height: 18px;
    margin-left: 2.5px;
}

@media screen and (max-width: 560px) {
    p.hero__text-custom {
        margin-bottom: 40px;
    }

    .make-pr__items-custom {
        margin-top: 25px !important;
    }

    .make-pr__item-custom:not(:last-child) {
        margin-bottom: 15px;
    }

    .make-pr__item-custom:last-child {
        margin-bottom: 25px;
    }
}

@media screen and (min-width: 560px) and (max-width: 1024px) {
    .make-pr__item-custom:not(:last-child) {
        margin-bottom: 40px !important;
    }

    .make-pr__item-custom:last-child {
        margin-top: 0px !important;
        margin-bottom: 50px !important;
    }

    .more-btn-container-custom {
        margin-top: 0px !important;
    }
}

/* END STAKKED SECTION */


.list-style--custom {
    list-style-type: disc;
}

.list-style--custom li {
    list-style: disc;
}

.t_error {
    color: #FF1000 !important;
}

@media screen and (max-width: 600px) {
    .main-text-mobile--custom {
        font-size: 13px;
        line-height: 19.5px;
        padding: 0px !important;
    }

    .no-pad--custom {
        padding: 0px !important;
    }
}

/* CLIENT DEMO SECTION */

.client-demo-section {
    position: relative;
    display: flex;
    flex-direction: row;
    z-index: 1;
    box-shadow: 0 .5rem .5rem rgba(0, 0, 0, .035) !important;
    align-items: stretch;
}

.client-demo-section .client-demo-form-container {
    display: flex;
    flex-direction: column;
    width: 43.6%;
    /* max-height: 700px; */
    padding: 69px 120px;
    justify-content: center;
}

.client-demo-section .client-demo-image-container {
    display: flex;
    position: relative;
    z-index: 1;
    width: 56.4%;
    /* min-height: 700px; */
    /* overflow: visible;
    background-image: url('https://sundown.heynibble.com/public/mark/img/client-demo-image.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; */
}

.client-demo-section .client-fltype-image-container {
    /* min-height: 600px; */
}

.client-demo-section .client-demo-image-container:before {
    content: "";
    display: block;
    padding-top: 56.25%; /* 16:9 aspect ratio */
}

.client-demo-section .client-demo-image-container .client-demo__page-img {
    position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.client-demo-benefits-item.item-desktop {
    position: absolute;
    padding: 16px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 6px 5.3px 0 rgba(46, 75, 90, 0.11);
}

.client-demo-benefits-item.item-desktop-1 {
    top: 190px;
    right: 40px;
}

.client-demo-benefits-item.item-desktop-2 {
    top: 300px;
    left: -29px;
}

.client-demo-benefits-item.item-desktop-3 {
    top: 400px;
    right: 46px;
}

.client-demo-benefits-container {
    display: none;
    flex-direction: column;
    /* margin: 0 auto; */
    margin-bottom: 30px;
}

.client-demo-benefits-item {
    /* max-width: 500px; */
    display: inline-flex;
    align-items: center;
}

.client-demo-benefits-item img {
    margin-right: 8px;
}

.client-demo-benefits-item span {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
}

.client-demo-benefits-item:not(:last-child) {
    margin-bottom: 16px;
}

.client-demo-section .client-demo__titles {
    padding-top: 0px !important;
}

.client-demo-section .client-demo__title {
    margin-bottom: 20px;
    font-size: 32px;
    line-height: 42px;
    color: #2C2F32;
}

.client-demo-section .client-demo__title span {
    color: #25D3F4;
}

.client-demo-section .client-demo__suptitle {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-transform: none;
    color: #2C2F32;
    margin-bottom: 30px;
    letter-spacing: 0.2px;
}

.client-demo__form .guide__input {
    display: block;
    /* max-width: 467px; */
    width: 100%;
    padding: 13px 15px;
    font-size: 14px;
    border: 1px solid #7c828a29;
    border-radius: 4px;
    /* color: #7C828A; */
}

.client-demo__input {
    display: block;
    /* max-width: 467px; */
    width: 100%;
    padding: 13px 15px;
    font-size: 14px;
    border: 1px solid #7c828a29;
    border-radius: 4px;
    /* color: #7C828A; */
}

.client-demo__input:not(:last-child) {
    margin-bottom: 15px;
}

.client-demo__btn {
    margin-top: 35px;
    width: 204px;
    max-width: 204px;
    height: 60px;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
}

p#client-demo-download {
    color: #57D5ED;
    margin-top: 20px;
    font-size: 16px;
    text-align: center;
}

@media screen and (max-width: 1360px) and (min-width: 1024px) {
    .client-demo-section .client-demo-form-container {
        padding: 50px 80px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .client-demo-section {
        background: #f8f8ff;
        box-shadow: none !important;
    }
}

@media screen and (max-width: 1024px) {
    .client-demo-section {
        /* background: #f1f1fa;
        box-shadow: none !important; */
        flex-direction: column-reverse;
    }

    .client-demo-benefits-item.item-desktop {
        display: none;
    }

    .client-demo-benefits-container {
        display: flex;
    }

    .client-demo-section .client-demo-form-container {
        width: 100%;
        padding: 50px 140px;
        max-height: none;
    }

    .client-demo-section .client-demo__suptitle {
        font-weight: 700;
        font-size: 16px;
        line-height: 26px;
    }

    .client-demo-section .client-demo-image-container {
        width: 100%;
        min-height: 492px;
    }

    .client-demo-section .client-fltype-image-container {
        min-height: 370px;
    }


    .client-demo__btn {
        width: 204px;
        max-width: 204px;
        height: 60px;
    }
}

@media screen and (max-width: 600px) {
    .client-demo-section .client-demo-form-container {
        padding: 50px 16px;
    }

    .client-demo-section .client-demo__title {
        font-size: 32px;
        line-height: 42px;
    }

    .client-demo__input {
        padding: 13px 10px;
    }
}

.success-demo-design {
    height: 300px !important;
}

@media screen and (max-width: 1200px) {
    div.success-demo-design {
        max-width: 360px !important;
        height: 240px !important;
    }
}

.demo-paragraph-section--custom {
    width: 450px;
}

.demo-paragraph--custom {
    text-align: justify !important;
    text-align-last: center !important;
}

.demo-paragraph--custom:first-child {
    margin-bottom: 3px !important;
    text-align-last: justify !important;
}

.demo-paragraph--custom:nth-child(2) {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
}

.demo-paragraph--custom:last-child {
    margin-top: 3px !important;
}

@media screen and (max-width: 1200px) {
    .demo-paragraph-section--custom {
        width: auto;
    }
}

/* END CLIENT DEMO SECTION */

.form-about__btn--custom {
    width: 204px;
    height: 60px;
}

.form-about__select-container_mark {
    margin-top: 34px;
    margin-bottom: 6px;
}

.form-contact-us-captcha--custom {
    margin-top: 34px;
}

.form-about__bottom_mark {
    margin-top: 10px;
}

.form-about__bottom_mark .payment__agree_mark span {
    margin-right: 5px;
}

.form-about__bottom_mark .payment__agree_mark {
    font-size: 14px;
    color: #7C828A;
    font-weight: 600;
}

.form-proposal__input--budget--custom::before {
    top: 50%;
}

/* BLOG SEARCH FILTER STYLES */
.nav__search_main1 {
    color: #7C828A;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    width: auto;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .articles__nav_main1 {
        flex-direction: column;
    }

    .nav__search_main1 {
        margin-bottom: 40px;
    }

    .articles__links_main1 {
        order: 1;
    }
}

@media screen and (max-width: 768px) {
    .nav__search_main1 {
        flex-direction: column;
        align-items: flex-start;
        font-size: 14px;
    }

    .nav__search_main1 #searchForm {
        width: 100%;
    }
}

@media screen and (max-width: 320px) {
    .articles__links_main1 {
        flex-direction: column;
        gap: 4px;
    }

    .articles__links__nav_main1 {
        margin-left: 0px !important;
    }
}

.service-filter-wrapper {
    position: relative;
    display: inline-flex;
    gap: 8px;
    margin-right: 10px;
}

#serviceFilterDropdown h3 {
    font-size: 14px;
    margin-bottom: 4px;
    color: #2c2f32;
    font-weight: 600;
}

.service-filter-footer {
    padding-top: 8px;
    border-top: 1px solid #e0e0e0;
    text-align: right;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#selectAllServices {
    text-decoration: none;
    color: #2C2F32;
    font-size: 14px;
}

#selectAllServices:hover {
    color: #9D71C7;
    text-decoration: underline;
}

#applyServiceFilterButton {
    padding: 6px 18px;
    background-color: #ff1000;
    color: white;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
}

#applyServiceFilterButton:hover {
    background-color: #fb8f72;
}

@media screen and (min-width: 1024px) {
    .form-about__bottom_mark .payment__agree_mark {
        margin-right: 6px;
    }
}

@media screen and (max-width: 1024px) {
    .form-about__select-container_mark {
        margin-top: 0px;
        margin-bottom: 6px !important;
    }

    .form-about__textarea_mark {
        margin-top: 16px;
    }
}

.header__right__divider--custom {
    width: 2px;
    height: 40px;
    margin-left: 20px;
    background-color: #D9D9D9;
}

.header__btn.btn_border_orange {
    min-width: 0 !important;
    margin-left: 20px;
    padding: 12px 25px;
    color: #ff1000;
    border-radius: 5px;
    height: 40px;
    border: 1px solid #FF1000;
}

.header__btn.btn_border_orange:active {
    border: 1px solid #FF1000;
}

.header__btn.btn_border_orange:hover {
    text-decoration: none;
    color: #FB8F72;
    border: 1px solid #FB8F72;
}

@media (min-width: 1200px) {
    .header-size-tab--custom.d-xl-block {
        display: block !important;
    }

    .header-size-tab--custom.d-xl-flex {
        display: flex !important;
    }
}

/* NEW MARKETING PAGE */

/* header.header--new {
    background: #00000099;
} */

header.header--new.nav-active {
    /* background: #9D71C7; */
    background: #fff;
}

header.header--new.fixed-top:not(.nav-active) nav li a {
    color: #fff;
}

header.header--new.fixed-top:not(.nav-active) nav li a:hover {
    color: #ff1000;
}

header.header--new.fixed-top:not(.nav-active) .shadow_dropdown {
    border-top: 6px solid #fff;
}

header.header--new.fixed-top:not(.nav-active) .my_acc a {
    color: #fff;
}

header.header--new .my-account-nav-item.active .dropdown-icon--new svg path {
    /* stroke: #ff1000;
    fill: #ff1000; */
}

header.header--new .my-account-nav-item.active .dropdown-icon--new {
    transform: rotate(180deg);
}


header.header--new.fixed-top:not(.nav-active) .my_acc li.acc-item a {
    color: #595F68;
}

header.header--new .my_acc li.acc-item {
    display: flex;
    align-items: start;
    column-gap: 10px;
    border-radius: 8px;
    transition: all .3s;
    min-width: 0;
    max-width: 100%;
    flex-direction: row;
    cursor: pointer;
}

header.header--new .my_acc li.acc-item:not(:last-child) {
    margin-bottom: 10px;
}

header.header--new .my_acc li.acc-item:hover {
    background: #F1F1FA;
}

header.header--new .my_acc li.acc-item:hover a {
    color: #5A2C83 !important;
    font-weight: 600;
}

.my-account-nav-item:hover {
    color: #FF1000 !important;
}

header.header--new.fixed-top:not(.nav-active) .avatar.my-account-nav-item:hover {
    color: #fff !important;
}

.nav-active .avatar.my-account-nav-item:hover {
    color: #ff1000 !important;
}

.my-account-nav-item:hover .dropdown-icon--new svg path {
    fill: #ff1000;
    stroke: #ff1000;
}

header.header--new .my_acc .acc-items-footer {
    padding: 15px 0 0;
}

header.header--new.fixed-top:not(.nav-active) .svg-bell-dims path {
    fill: #fff;
}

header.header--new.fixed-top:not(.nav-active) .header__btn--new {
    color: #fff;
}

header.header--new.fixed-top:not(.nav-active) .header__btn--new:hover {
    color: #ff1000;
}

header.header--new.fixed-top:not(.nav-active) .header__btn--new.btn_orange:hover {
    color: #fff;
}


.header--new.fixed-top:not(.nav-active) .header-size-tab--custom {
    color: #fff;
}

.header--new.fixed-top:not(.nav-active) .header-size-tab--custom.btn_border_orange:hover {
    color: #FB8F72;
}

header.header--new.fixed-top.nav-active .dropdown-icon--new svg path {
    stroke: #595F68;
    fill: #595F68;
}

header.header--new.nav-active .dropdown-icon--new.active svg path {
    /* stroke: #ff1000;
    fill: #ff1000; */
}

header.header--new.fixed-top.nav-active .logo-black,
header.header--new.fixed-top:not(.nav-active) .logo-white {
    display: block !important;
}

header.header--new.fixed-top.nav-active .logo-white,
header.header--new.fixed-top:not(.nav-active) .logo-black {
    display: none !important;
}

header.header--new.sticky-top .logo-white {
    display: none !important;
}

.hero__section--new {
    position: relative;
    min-height: 750px;
    height: 84vh;
    max-height: 1200px;
    width: 100%;
    display: flex;
    align-items: center;
    /* padding: 0px; */
    /* background: url('/mark/img/video_hero.png') no-repeat !important; */
    /* background-size: cover !important;
    background-position: top center; */
}

@media screen and (min-width: 1600px) {
    .hero__section--new {
        min-height: 750px;
    }
}

section.hero.hero__section--new {
    padding: 0;
    padding-top: 70px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.hero__section--new .hero__section_video {
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    display: block;
    max-width: 120vw;
    object-fit: cover;
    object-position: center;
}

@media screen and (max-aspect-ratio: 1920/1080) {
    .hero__section--new .hero__section_video {
      height: 100%;
      width: 100%;
    }
  }
  @media screen and (min-aspect-ratio: 1920/1080) {
    .hero__section--new .hero__section_video {
      width: 100%;
      height: 100%;
    }
  }

.hero__section--new .intro__title--new {
    line-height: 1.1 !important;
    font-size: 5rem !important;
    margin-bottom: 30px !important;
}

.hero__section--new .hero__section_overlay--new {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100%);
    background: #00000099;
}

.hero__section--new .hero__btn.btn_white {
    color: #fff;
}

.hero__section--new .hero__btn.btn_white:hover {
    color: #FB8F72;
}

.hero__section--new .hero__text-custom {
    color: #fff;
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    max-width: 710px;
}

.hero__section--new .hero__btns {
    margin-top: 30px;
}

.hero__section--new .hero__video_btns {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
    cursor: pointer;
}

.hero__section--new .hero__video_btns .hero__video_text {
    color: #fff;
    font-size: 13px;
    line-height: 30px;
    font-weight: 700;
}

.hero__section--new .hero__video_btns:hover .hero__video_text {
    color: #DBB9E7;
}

.hero__section--new .hero__video-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    background: #FFA400;
    border-radius: 50%;
    transition: all .3s;
    margin-right: 6px;
}

.hero__section--new .hero__video-btn img {
    width: 4px;
}

.header--new .dropdown-container--custom {
    position: relative;
}

.header--new .dropdown-content--custom {
    left: 0 !important;
    min-width: max-content;
    width: max-content;
}

.header--new .dropdown-content--custom.showhide {
    min-width: max-content;
    min-width: max-content;
    width: max-content;
    display: flex;
    flex-direction: column;
    left: 0 !important;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0px 2.77px 2.21px 0px #0000000C;
    box-shadow: 0px 6.65px 5.32px 0px #00000012;
    /* box-shadow: 0px 12.52px 10.02px 0px #00000016;
    box-shadow: 0px 22.34px 17.87px 0px #0000001A;
    box-shadow: 0px 41.78px 33.42px 0px #0000001F;
    box-shadow: 0px 100px 80px 0px #0000002B; */
}

.dropdown-menu--custom {
    border-radius: 10px !important;
}

.header--new .resources .dropdown-content--custom.showhide,
.header--new .resources .dropdown-content--custom {
    left: -400px !important;
    min-width: 70vw;
    width: max-content;
}

.header--new .services .dropdown-content--custom.showhide,
.header--new .services .dropdown-content--custom {
    left: 0px !important;
    min-width: 50vw;
    width: max-content;
    max-width: 70vw;
}

.dropdown-content--custom .dropdown-section-title--new {
    font-size: 10px;
    font-weight: 600;
    line-height: 24px;
    color: #7C828A;
}

.dropdown-content--custom .dropdown-first-section--new {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    min-height: 0;  /* NEW */
    min-width: 0;
    column-gap: 20px;
    overflow: hidden;
}

.dropdown-content--custom .dropdown-first-section-link--new {
    display: flex;
    align-items: start;
    column-gap: 10px;
    padding: 10px;
    border-radius: 8px;
    transition: all .3s;
    min-width: 0;
    max-width: 100%;
    flex-direction: row;
    cursor: pointer;
}

.dropdown-first-section-link--new {
    min-width: 0; /* critical for Safari */
}

.dropdown-content--custom .dropdown-first-section-link--new:hover {
    background: #F1F1FA;
}

.dropdown-first-section-link--new:hover .dropdown-first-section-link-icon {
    background: #DFDFF3;
    transition: all .3s;
}


.dropdown-first-section-link-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-radius: 50%;
    background:#F1F1FA;
    color: #5A2C83;
}

.dropdown-first-section-link-text {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.dropdown-first-section-link-text {
    min-width: 0; /* allow text to shrink */
    overflow-wrap: break-word;
    word-break: break-word;
}

.dropdown-first-section-link-text .title {
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    text-align: left;
    color: #2C2F32;
    margin: 0;
    transition: all .3s;
}

.dropdown-first-section-link--new:hover .dropdown-first-section-link-text .title {
    color: #5A2C83;
}

.dropdown-first-section-link-text .subtitle {
    display: inline-flex;
    white-space: normal;
    width: 100%;
    max-width: 100%;
    margin: 0;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    flex-wrap: wrap;
    color: #7C828A;
}

.dropdown-second-section--new {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.dropdown-second-section--new .dropdown-second-section-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background: #F1F1FA;
    padding: 8px 15px;
    border-radius: 10px;
    transition: all .3s;
}

.dropdown-second-section--new .dropdown-second-section-link:hover {
    background: #DFDFF3;
}

.dropdown-second-section-link .title {
    margin: 0;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 25px);
    flex-wrap: nowrap;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    text-align: left;
    color: #2C2F32;
}

.dropdown-second-section--new .dropdown-second-section-link:hover .title {
    color: #5A2C83;
}

.dropdown-section-end {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.dropdown-section-end-button {
    display: flex;
    align-items: center;
    column-gap: 8px;
    cursor: pointer;
}

.dropdown-section-end-button .dropdown-section-end-button-text {
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    text-align: left;
    color: #5A2C83;
}

.dropdown-section-end-button .dropdown-section-end-button-icon {
    display: flex;
    align-items: center;
}

.dropdown-section-end-button:hover .dropdown-section-end-button-text {
    color: #9D71C7;
}

.dropdown-section-end-button:hover .dropdown-section-end-button-icon svg path {
    fill: #9D71C7;
}

.dropdown-icon--new {
    transition: all .5s;
}

.dropdown-icon--new.active {
    transform: rotate(180deg);
    /* color: #ff1000; */
}

.dropdown-icon--new.active svg path {
    /* stroke: #ff1000;
    fill: #ff1000; */
}

header.header--new.sticky-top .dropdown-icon--new svg path {
    stroke: #595F68;
    fill: #595F68;
}

header.header--new.sticky-top .dropdown-icon--new.active svg path{
    /* stroke: #ff1000;
    fill: #ff1000; */
}

.how_it_works .dropdown-content--custom.showhide::before {
    content:"";
    position: absolute;
    top: -5px;
    left:105px;
    margin:auto;
    height: 20px;
    width: 20px;
    border:1px solid #fff;
    border-radius: 3px;
    transform:rotate(45deg);
    background-color: #fff;
}

.resources .dropdown-content--custom.showhide::before {
    content:"";
    position: absolute;
    top: -5px;
    left:480px;
    margin:auto;
    height: 20px;
    width: 20px;
    border:1px solid #fff;
    border-radius: 3px;
    transform:rotate(45deg);
    background-color: #fff;
}

.services .dropdown-content--custom.showhide::before {
    content:"";
    position: absolute;
    top: -5px;
    left:70px;
    margin:auto;
    height: 20px;
    width: 20px;
    border:1px solid #fff;
    border-radius: 3px;
    transform:rotate(45deg);
    background-color: #fff;
}

.brief__thumbnail-play-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    margin-top: 36px;
    background: #FFFFFF4D;
    border-radius: 50%;
    transition: all .3s;
}

.brief__thumbnail-play-button img {
    width: 7px;
}

#mute-hero-button {
    font-size: 16px;
    color: #eee;
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 50px;
    padding: 15px;
    border: none;
    border-radius: 50%;
    outline: none;
    background: #5A2C83;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
    cursor: pointer;
    z-index: 3;
    transition: all 0.4s ease-out;
}

 /* new resource section */

.dropdown-resource-section--new {
    padding: 15px 20px;
    background: #f1f1fa;
    margin-top: 20px;
    border-radius: 10px;
}

.dropdown-resource-section--new .resource-section-container--new {
    display: flex;
    column-gap: 40px;
    margin-top: 12px;
}

.resource-section-container--new .resource-thumbnail-container {
    max-width: 380px;
    width: 100%;
    border-radius: 10px;
    min-height: 200px;
    position: relative;
}

.resource-thumbnail-container .resource-thumbnail {
    object-fit: cover;
    width: 100%;
    min-height: 100%;
    border-radius: 10px;
}

.resource-thumbnail-container .resource-thumbnail-overlay {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0000008C;
    border-radius: 10px;
    cursor: pointer;
    z-index: 99999;
}

.resource-thumbnail-container:hover .resource-thumbnail-overlay {
    background: #00000066;
    transition: all .3s;
}

.resource-thumbnail-overlay .brief__thumbnail-title {
    font-size: 13px;
    font-weight: 700;
    line-height: 30px;
    text-align: left;
    color: #fff;
    margin-top: 7px;
}

.resource__why-nibble-container {
    display: flex;
    flex-direction: column;
    row-gap: 15px;
}

.resource__why-nibble-container .resource__why-nibble-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    text-align: left;
    color:#2C2F32;
}

.hero__section--new .hero__section_video {
    display: flex;
    align-items: center;
    z-index: 0;
}

.resource__why-nibble-container .resource__why-nibble-item {
    display: inline-flex;
    column-gap: 5px;
    align-items: center;
}

.resource__why-nibble-item .resource__why-nibble-item-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    margin: 0;
}

@media screen and (max-width: 1200px) {
    .header--new .dropdown-content--custom.showhide {
        max-width: 700px;
        left: -100px !important;
    }
    .how_it_works .dropdown-content--custom.showhide::before {
        left: 200px;
    }
    .resources .dropdown-content--custom.showhide::before {
        left: 470px;
    }

    .hero__section--new {
        aspect-ratio: auto !important;
    }
}

@media screen and (max-width: 1024px) {
    section.hero__section--new {
        min-height: 675px !important;
        padding-top: 80px !important;
    }
}

@media screen and (max-width: 900px) and (min-width: 560px) {
    .dropdown-content--custom .dropdown-first-section-link--new .dropdown-first-section-link-text {
        display: flex;
        width: 100%;
        flex-direction: column;
        text-align: start;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .dropdown-content--custom .dropdown-first-section-link--new .dropdown-first-section-link-text .title {
        margin: 0;
    }
}

@media screen and (max-width: 1100px) {
    .disp-no--menu-custom {
        display: none !important;
    }

    header .bell, header .msg, header .my_acc, header nav, .menu .header__right .my_acc, .dashboard .header__right .my_acc {
        display: none;
    }

    header .header__btns {
        display: none;
    }

    .menu_mobile .header__btns {
        flex-direction: column;
    }

    .nibble-dashboard__body .menu_mobile {
        top: 40px;
    }

    header .toggler {
        display: flex;
    }
}

@media screen and (max-width: 1100px) {
    section.hero__section--new {
        padding-top: 80px !important;
        padding-bottom: 0px !important;
    }

    header.header--new {
        padding: 20px;
    }

    header.header--new .container-fluid {
        padding: 0px;
    }

    header.header--new.fixed-top:not(.nav-active) .toggler span {
        background: #fff;
    }

    header.header--new.fixed-top:not(.nav-active):has(.toggler.active) .logo-white {
        display: none !important;
    }

    header.header--new.fixed-top:not(.nav-active):has(.toggler.active) .logo-black {
        display: block !important;
    }

    header.header--new.fixed-top:not(.nav-active) .toggler span::after,
    header.header--new.fixed-top:not(.nav-active) .toggler span::before {
        background: #fff;
    }

    header.header--new.fixed-top .toggler.active span::after,
    header.header--new.fixed-top .toggler.active span::before {
        background: #5e5e5e;
    }

    header.header--new.fixed-top:has(.toggler.active) {
        background: #F1F1FA;
    }

    header.header--new.sticky-top:has(.toggler.active) {
        background: #F1F1FA;
        /* width: 100vw; */
    }

    .menu_mobile--new .dropdown-mobile--new {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
    }

    .header__btns a {
        width: 100%;
        margin-top: 18px !important;
    }

    .menu_mobile nav li {
        text-align: start;
    }

    .menu_mobile nav li a:hover {
        color: inherit;
    }

    .mobile-menu-link--new {
        padding-top: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #F1F1F9;
        margin-bottom: 0px !important;
    }

    .dropdown-mobile-container--new {
        width: 100%;
        margin-top: 20px;
        background-color: #F1F1F9;
        padding: 8px;
        border-radius: 4px;
    }

    .dropdown-mobile-container--new .dropdown-first-section--new {
        display: flex;
        flex-direction: column;
        row-gap: 2px;
        margin-bottom: 12px;
    }

    .dropdown-mobile-container--new .dropdown-section-title--new {
        font-size: 10px;
        font-weight: 600;
        line-height: 24px;
        margin-left: 5px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .dropdown-mobile-container--new .dropdown-first-section-link--new {
        display: flex;
        align-items: center;
        column-gap: 10px;
        padding: 4px 8px;
        padding-bottom: 6px;
        border-radius: 4px;
        background-color: #fff;
        transition: all .3s;
        min-width: 0;
        max-width: 100%;
        flex-direction: row;
        cursor: pointer;
    }

    .dropdown-mobile-container--new .dropdown-first-section-link--new .dropdown-first-section-link-text {
        text-align: center;
        margin: 0;
    }

    .dropdown-first-section-link-text .title {
        margin: 0;
        padding: 0 !important;
    }

    .menu_mobile nav {
        margin-bottom: 40px;
        margin-top: 50px;
    }

    .dropdown-second-section--new .dropdown-second-section-link {
        padding: 4px 10px;
        background: #fff;
    }

    .dropdown-second-section--new .dropdown-second-section-link .title {
        margin: 0px;
        max-width: calc(100% - 20px);
        padding: 0px !important;
    }

    .dropdown-mobile--new[aria-expanded="true"] {
        font-weight: 700;
        color: #2C2F32 !important;
    }

    .dropdown-icon--new {
        transition: all 0.3s;
    }

    .dropdown-mobile--new[aria-expanded="true"] .dropdown-icon--new {
        transform: rotate(180deg);
    }

    .dropdown-mobile--new[aria-expanded="true"] .dropdown-icon--new svg path {
        stroke: #ff1000;
        fill: #ff1000;
    }

    .menu_mobile {
        padding-bottom: 80px;
    }

    .dropdown-section-end-button {
        margin-bottom: 12px;
    }

    .dropdown-first-section-link-text .subtitle {
        line-height: 26px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 720px) {
    .hero__section--new .intro__title--new {
        font-size: 4.75em !important;
    }

    .hero__section--new .hero__text-custom {
        font-size: 18px !important;
        line-height: 24px !important;
    }
}

@media screen and (max-width: 1200px) and (min-width: 720px) {
    .hero__section--new .hero__row--client2 .hero__text-custom {
        font-size: 16px !important;
        line-height: 26px !important;
    }
}

@media screen and (max-width: 719px) {
    .hero__section--new .intro__title--new {
        font-size: 4.5em !important;
    }

    .hero__section--new .hero__text-custom {
        font-size: 14px !important;
        line-height: 20px !important;
    }
}

@media screen and (max-width: 560px) {
    .hero__section--new .intro__title--new {
        font-size: 3em !important;
    }
}

.modal.show {
    margin: auto !important;
    display: flex !important;
    align-items: center;
}

@media screen and (max-width: 800px) {
    .header__btns a:first-child {
        margin-top: 0px !important;
    }
}

.header__right-item {
    position: relative;
    cursor: auto;
}

.header__right-item--button {
    cursor: pointer;
}

/* AGENCIES */

.agencies-intro__title {
    background: url(./mark/img/logo_gradient.webp) 0% 100% no-repeat;
    background-size: 100% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900;
    font-size: 66px;
    line-height: 1;
    height: unset;
    text-align: center;
    display: block !important;
    margin-bottom: 30px !important;
}

.social-media-intro__title {
    background: url(./mark/img/logo_gradient.webp) 0% 100% no-repeat;
    background-size: 100% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900;
    font-size: 80px;
    line-height: 1.1;
    height: unset;
    text-align: center;
    display: block !important;
    margin-bottom: 30px !important;
}

.hero__section--agencies {
    /* padding: 210px 108px !important; */
    /* padding-top: 280px; */
}

.features__text-title {
    font-size: 20px;
}

.features__button-container {
    margin-bottom: 20px;
}

.features__button-container .btn-orange {
    margin-top: 0px;
    min-width: 204px;
}

.benefits-item .blue_bg {
    background-color: #EDFCFF;
}

.benefits-item .yellow_bg {
    background: #FFF6E5;
}

.benefits-item .purple_bg {
    background: #F6E4FF;
}

.benefits-item .red_bg {
    background: #FFE3DC;
}

.benefits-item .light-purple_bg {
    background: #F9F1FD;
}

.guide__body-agencies {
    padding: 0px;
    padding-bottom: 80px;
}

.guide__body-agencies .benefits-item {
    display:flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 20px;
}

.guide__body-agencies--fltype .tab-body--active {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
}

.guide__body-agencies .guide__body-left {
    margin-right: 0px;
    flex: 0 1 50%;
    max-width: 480px;
}

.guide__body-agencies .guide__body-right {
    display: flex;
    flex-direction: column;
    row-gap: 40px;
    flex: 1 1;
}

/* .guide__body-agencies--fltype .guide__body-right {
    row-gap: 0px;
} */

.guide__body-agencies .guide__text {
    margin-top: 0px;
    max-width: none;
}

.guide__body-agencies .guide__text span {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
}

.agency-features__img {
    object-fit: cover;
    max-height: none !important;
    height: 100% !important;
    border-radius: 4px;
    object-position: 20% center;
}

.agency-features__notes {
    font-size: 12px;
    line-height: 26px;
    color: #2C2F32;
    text-align: left;
    width: 100%;
    margin-top: 5px;
}

.agency-features__notes.desktop {
    display: none;
}

.agency-features__notes.tablet {
    display: none;
}

.agency__suptitle-mobile {
    display: none;
}

@media screen and (max-width: 1200px) {
    .agency-features__notes.tablet {
        display: block;
        text-align: center;
    }

    .guide__body-agencies .guide__text {
        text-align: center;
    }
}

@media screen and (max-width: 768px) {
    .guide__body-agencies .guide__text {
        font-size: 14px;
        line-height: 26px;
    }

    .guide__body-agencies .guide__text span {
        font-size: 18px;
    }

    .agency-features__notes {
        font-size: 10px;
    }
}

@media screen and (min-width: 1200px) {
    .agency-features__notes {
        display: block;
    }
}

.benefits-item .item-make__img {
    margin-bottom: 0px;
    min-width: 78px;
    max-width: 78px;
    max-height: 78px;
    width: 78px;
    height: 78px;
    box-shadow: 2px 3px 3px 2px #00000006;
}

.benefits-item .item-make__img img,
.benefits-item .item-make__img svg {
    width: 40px !important;
    height: 40px !important;
}

@media screen and (max-width: 1200px) {
    .agencies-intro__title {
        font-size: 48px;
        line-height: 48px;
    }

    .social-media-intro__title {
        font-size: 54px;
        line-height: 54px;
    }

    .agency__titles {
        padding-left: 16px;
        padding-right: 16px;
    }

    .guide__body-agencies {
        flex-direction: column;
    }

    .guide__body-agencies .guide__body-left {
        max-width: none;
        margin-right: 0px;
        flex: 0 1 50%;
        padding: 0 39px 0 39px;
        margin-bottom: 30px;
    }

    .guide__body-agencies .benefits-item {
        flex: 0 1 calc(33.34% - 20px);
        justify-content: center;
        flex-direction: column;
        align-items: center;
        row-gap: 4px;
    }

    .benefits-item .item-make__img {
        width: 55px;
        height: 55px;
        min-width: 55px;
        min-height: 55px;
    }

    .benefits-item .item-make__img img,
    .benefits-item .item-make__img svg {
        width: 30px !important;
        height: 30px !important;
    }

    .guide__body-agencies .guide__body-left img {
        max-width: 100% !important;
        max-height: 290px !important;
    }

    .guide__body-agencies .guide__body-right {
        display: flex;
        column-gap: 24px;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: row;
        padding: 0 39px;
        row-gap: 20px;
        align-items: flex-start;
    }
}

@media screen and (max-width: 560px) {
    .agencies-intro__title {
        font-size: 2.25rem;
        line-height: 2.75rem;
    }

    .social-media-intro__title {
        font-size: 2.75rem;
        line-height: 3.25rem;
    }

    .agency__suptitle-mobile {
        display: inline;
    }

    .suptitle {
        margin-bottom: 10px;
    }

    .guide__body-agencies {
        padding-bottom: 80px;
    }

    .guide__body-agencies .benefits-item {
        flex-direction: column;
        justify-content: flex-start;
        row-gap: 4px;
        align-items: flex-start;
    }

    .guide__body-agencies .benefits-item .guide__text {
        text-align: left;
    }

    .benefits-item .item-make__img img,
    .benefits-item .item-make__img svg {
        width: 30px !important;
        height: 30px !important;
    }

    .benefits-item .item-make__img {
        min-width: 56px;
        width: 56px !important;
        height: 56px !important;
    }

    .guide__body-agencies .guide__body-right {
        flex-direction: column;
    }
}

@media screen and (min-width: 1024px) {
    .agencies_features__items .features__item .features__texts {
        margin-left: 0px;
        display: flex;
        flex-direction: column;
        flex: 1 1;
    }

    .agencies_features__items.features__items .features__item {
        display: flex;
        width: 100%;
        flex-direction: row-reverse;
        justify-content: space-between;
    }
}

/* AGENCY HIW */

.agency-hiw__items {
    display: flex;
    column-gap: 10px;
    width: 100%;
    align-items: stretch;
    justify-content: center;
    margin-top: 70px;
    margin-bottom: 60px;
    position: relative;
    z-index: 2;
}

.agency-hiw__rocket {
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 105%;
}

.agency-hiw__rocket-tablet {
    display:none;
}

.agency-hiw__rocket-mobile {
    display:none;
}

.agency-hiw__item-card {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
    max-width: 230px;
    min-height: 248px;
    padding: 16px 16px 16px 16px;
    border-radius: 8px;
    background: #fff;
    position: relative;
    z-index: 3;
    box-shadow: 0px 3.325px 2.75px 0px #2E4B5A1C;
}

.agency-hiw__item-card:hover {
    box-shadow: 0px 6.65px 5.32px 0px #2E4B5A1C;
}

.agency-hiw__item-card .agency-hiw__item-card-head {
    display: inline-flex;
    column-gap: 16px;
    align-items: center;
}

.agency-hiw__item-card-number {
    min-width: 24px;
    min-height: 24px;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.agency-hiw__item-card .agency-hiw__item-card-title {
    font-size: 16px;
    line-height: 30px;
    color: #2C2F32;
    font-weight: 700;
}

.agency-hiw__item-card .agency-hiw__item-content{
    font-weight: 400;
    color: #2C2F32;
    font-size: 16px;
    line-height: 26px;
}

.agency-hiw__item-card-number span {
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
}

.agency-hiw__item-card-number.purple_bg span {
    color: #C280D9;
}

.agency-hiw__item-card-number.yellow_bg span {
    color: #FFA400;
}

.agency-hiw__item-card-number.blue_bg span {
    color: #00BADD;
}

.agency-hiw__item-card-number.purple_bg {
    background: #F6E4FF;
}

.agency-hiw__item-card-number.yellow_bg {
    background: #FFF6E5;
}

.agency-hiw__item-card-number.blue_bg {
    background: #EDFCFF;
}

.agency-hiw__more-btn {
    margin-top: 80px; margin-bottom: 80px;
}

.agency-hiw__more-btn .more-btn {
    color: #fff;
    background: #FF1000;
    border: 0px;
}

.more-btn.btn_orange {
    color: #fff;
    background: #FF1000;
    border: 1.2px solid #FF1000;
}

.more-btn.btn_orange:hover {
    color: #FFF;
    background: #FF877F;
    border-color: #FF877F;
    transition: all .3s;
}

.agency-hiw__more-btn .more-btn:hover {
    color: #fff;
    background: #FF877F;
}

@media screen and (max-width: 1200px) {
    .agency-hiw__items {
        flex-direction: column;
        row-gap: 12px;
        align-items: flex-start;
        padding-left: 60px;
        padding-right: 60px;
        margin-top: 120px;
    }

    .agency-hiw__rocket {
        display: none;
        /* top: 50px;
        left: 40%;
        transform: translateX(-50%) rotate(-20deg);
        width: 130%; */
    }

    .agency-hiw__rocket-tablet {
        display: block;
        margin-top: auto;
        margin-bottom: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        transform: translate(-50%, -50%);
        z-index: 1;
    }

    .agency-hiw__item-card {
        max-width: 49%;
        min-height: auto;
    }

    .agency-hiw__item-card:nth-child(2) {
        margin-bottom: 20px;
    }

    .agency-hiw__item-card:nth-child(odd) {
        margin-left: auto;
        margin-top: -80px;
        align-self: flex-end;
    }

    .agency-hiw__item-card:nth-child(even) {
        margin-top: -50px;
    }

    .agency-hiw__item-card:nth-child(4) {
        margin-top: -50px;
    }

    .agency-hiw__item-card:nth-child(5) {
        margin-bottom: 30px;
    }

    .agency-hiw__item-card:nth-child(6) {
        margin-bottom: 30px;
    }

    .agency-hiw__item-card:nth-child(7) {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 768px) {
    .agency-hiw__item-card .agency-hiw__item-card-title {
        font-size: 14px;
    }

    .agency-hiw__item-card .agency-hiw__item-card-number span {
        font-size: 14px;
    }

    .agency-hiw__item-card .agency-hiw__item-content{
        font-size: 14px;
    }
}

@media screen and (max-width: 560px) {
    .agency-hiw__rocket-tablet {
        display: none;
    }

    .agency-hiw__rocket-mobile {
        display: block;
        margin-top: auto;
        margin-bottom: auto;
        position: absolute;
        top: 2.5%;
        left: 50%;
        width: 100%;
        transform: translate(-50%, -50%);
        z-index: 1;
    }

    .hero__row--client2 {
        padding: 0 24px;
    }

    .agency-hiw__items {
       flex-direction: column;
       align-items: center;
       padding-left: 24px;
       padding-right: 24px;
       margin-top: 70px;
    }

    .agency-hiw__item-card {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        max-width: none;
        min-height: auto;
    }
}

/* AGENCY HIRE AND PAY */

.agency-hire-and-pay__items {
    display: flex;
    column-gap: 60px;
    justify-content: center;
    align-items: stretch;
    margin-top: 80px;
}

.agency-hire-and-pay__item {
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    min-width: 400px;
    max-width: 400px;
    background: #fff;
    box-shadow: 0px 3.325px 2.75px 0px #2E4B5A1C;
}

.agency-hire-and-pay__item:hover {
    box-shadow: 0px 6.65px 5.32px 0px #2E4B5A1C;
}

.agency-hire-and-pay__img-container {
    position: relative;
    height: 210px;
    max-height: 210px;
    width: 100%;
    border-radius: 8px 8px 0px 0px;
}

.agency-hire-and-pay__img-container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px 8px 0px 0px;
    background: #00000033;
}

.agency-hire-and-pay__img {
    width: 100%;
    object-fit: cover;
    object-position: center 10%;
    height: 210px;
    max-height: 210px;
    width: 100%;
    border-radius: 8px 8px 0px 0px;
}

.agency-hire-and-pay__item-content {
    flex: 1 1;
    display: flex;
    flex-direction: column;
    padding: 30px;
    width: 100%;
}

.agency-hire-and-pay__item-content h2 {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 700;
    color: #2C2F32;
}

.agency-hire-and-pay__item-content h4 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    margin-bottom: 10px;
}

.agency-hire-and-pay__item-content h4.blue_text {
    color: #57D5ED;
}

.agency-hire-and-pay__item-content h4.yellow_text {
    color: #FFA400;
}

.agency-hire-and-pay__item-content h4.purple_text {
    color: #9d71c7;
}

.agency-hire-and-pay__item-content ul {
    margin-left: 20px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
}

.agency-hire-and-pay__item-content ul li {
    list-style-type: disc;
    display: list-item;
    color: #2c2f32;
}

.agency-hire-and-pay__more-btn {
    margin-top: 80px !important;
    padding-bottom: 80px !important;
}

@media screen and (max-width: 1200px) {
    .agency-hire-and-pay__title {
        display: none;
    }

    .agency-hire-and-pay__items {
        flex-direction: row;
        row-gap: 20px;
        column-gap: 20px;
        padding-left: 40px;
        padding-right: 40px;
    }

    .agency-hire-and-pay__item {
        min-width: 370px;
        max-width: 370px;
    }
}

@media screen and (max-width: 767px) {
    .agency-hire-and-pay__title {
        display: inline;
    }

    .agency-hire-and-pay__items {
        flex-direction: column;
        row-gap: 40px;
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 40px;
    }

    .agency-hire-and-pay__item {
        min-width: auto;
        max-width: 100%;
    }

    .agency-hire-and-pay__item-content ul {
        font-size: 14px;
    }

    .agency-hire-and-pay__item-content h2,
    .agency-hire-and-pay__item-content h4 {
        font-size: 18px;
    }

    .agency-hire-and-pay__more-btn .more-btn {
        margin: 0px !important;
    }
}

@media screen and (max-width: 560px) {
    .agency-hire-and-pay__item-content {
        padding: 16px;
    }
}

/* AGENCY FREELANCER */

.agency-freelancer__section-container {
    display:flex;
    width: 100%;
}

.agency-freelancer__section-container .agency-freelancer__image {
    flex: 0 1 50%;
    z-index: 1;
    min-height: 699px;
    max-width: 44%;
    margin: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    /* background: #000000aa; */
}

.agency-freelancer__image .agency-freelancer__image-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: brightness(0.5);
}

.agency-freelancer__section-container .agency-freelancer__image::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    z-index: -1;
}

.agency-freelancer__image .agency-freelancer__image-content {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-align: left;
    z-index: 2;
    max-width: 380px;
    margin: auto;
}

.agency-freelancer__image-content .agency-freelancer__image-title {
    font-size: 32px;
    line-height: 42px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
    margin-right: 20px;
}

.agency-freelancer__image-content .agency-freelancer__image-subtitle {
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
}

@media screen and (max-width: 560px) {
    .agency-freelancer__image-subtitle .mobile-remove {
        display: none;
    }
}

.agency-freelancer__image-content .agency-freelancer__image-text {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 60px;
}

.agency-freelancer__image-content .agency-freelancer__button {
    min-width: 204px;
    min-height: 60px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 12px 24px;
}

.agency-freelancer__section-container .agency-freelancer__content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 1;
    padding: 80px 100px;
}

.agency-freelancer__items {
    display: grid;
    width: 100%;
    column-gap: 30px;
    row-gap: 20px;
    grid-column: auto auto;
    grid-template-columns: 1fr 1fr;
}

.agency-freelancer__item {
    /* max-width: 274px; */
    display: flex;
    flex-direction: column;
    row-gap: 4px;
}

.agency-freelancer__item-img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

.agency-freelancer__item-img.blue_bg {
    background-color: #EDFCFF;
}

.agency-freelancer__item-img.yellow_bg {
    background: #FFF6E5;
}

.agency-freelancer__item-img.purple_bg {
    background: #F6E4FF;
}

.agency-freelancer__item-img.red_bg {
    background: #FFE3DC;
}

.agency-freelancer__item-img.light-purple_bg {
    background: #F9F1FD;
}

.agency-freelancer__item .agency-freelancer__item-title {
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    color: #2C2F32;
}

.agency-freelancer__item .agency-freelancer__item-text {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #2c2f32;
}

.agency-freelancer__content .agency-freelancer__button {
    display: none;
}

@media screen and (max-width: 1200px) {
    .agency-freelancer__section-container {
        flex-direction: column;
    }

    .agency-freelancer__image-content .agency-freelancer__image-title {
        font-size: 22px;
        line-height: 30px;
        margin-right: 0px;
        width: 100%;
    }

    .agency-freelancer__section-container .agency-freelancer__image {
        max-width: none;
        width: 100%;
        min-height: 505px;
    }

    .agency-freelancer__image .agency-freelancer__image-content {
        max-width: 620px;
        text-align: center;
    }

    .agency-freelancer__image-content .agency-freelancer__button {
        align-self: center;
    }
    .agency-freelancer__section-container .agency-freelancer__content {
        padding: 50px 0px;
        padding-bottom: 80px;
    }

    .agency-freelancer__items {
        padding: 0px 104px;
        row-gap: 25px;
    }

    .agency-freelancer__item {
        max-width: none;
    }
}

@media screen and (max-width: 768px) {
    .agency-freelancer__item .agency-freelancer__item-title {
        font-size: 18px;
    }

    .agency-freelancer__item .agency-freelancer__item-text {
        font-size: 14px;
    }
}

@media screen and (max-width: 560px) {
    .agency-freelancer__section-container .agency-freelancer__image {
        min-height: 510px;
    }

    .agency-freelancer__image-content .agency-freelancer__image-text {
        font-size: 14px;
        margin-bottom: 0px;
    }

    .agency-freelancer__image .agency-freelancer__image-content {
        max-width: 100%;
        padding: 12px 24px;
        text-align: left;
    }

    .agency-freelancer__items {
        display: flex;
        flex-direction: column;
        padding-left: 24px;
        padding-right: 24px;
    }

    .agency-freelancer__image .agency-freelancer__button {
        display:none;
    }

    .agency-freelancer__content .agency-freelancer__button {
        margin-top: 50px;
        min-width: 204px;
        min-height: 60px;
        font-size: 16px;
        line-height: 26px;
        font-weight: 700;
        text-align: center;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        align-self: center;
    }

    .agency-freelancer__item {
        max-width: none;
    }

    .agency-freelancer__item-title br {
        display: none;
    }
}

/* END AGENCIES */

.proposal__main-buttons-review--custom .btn_white:hover {
    border: 1.2px solid #FB8F72;
    color: #FB8F72;
}

header nav li .dropdown {
    cursor: pointer;
}

header nav li .dropdown:hover {
    color: #FF1000;
}

header.header--new.fixed-top:not(.nav-active) nav li .dropdown {
    color: #fff;
}

header.header--new.fixed-top:not(.nav-active) nav li .dropdown:hover {
    color: #FF1000;
}

@media screen and (max-width: 1200px) and (min-width: 800px) {
    header nav li {
        margin-left: 20px;
        /* font-size: 12px !important; */
    }

    .header__btn {
        /* font-size: 14px; */
    }
}

p.proposal__msg-text_main6.bottom-text-custom.t-pop.need-to-know-text--custom, li.need-to-know-text--custom {
    font-size: 16px !important;
    line-height: 22px;
}

.make-pr__tabs--custom {
    border-radius: 99px;
    background: #E4E4F7;
}

.make-pr__tab--custom, .faq-page-tabs.make-pr__tabs--custom .make-pr__tab--custom {
    border-radius: 99px;
    background: transparent;
    color: #5A2C83;
}

.make-pr__tab--custom.tab--active, .faq-page-tabs.make-pr__tabs--custom .make-pr__tab--custom.tab--active {
    background: #fff;
    box-shadow: 0px 2.13px 2.75px 0px #130A1B21;
    box-shadow: 0px 10px 21px 0px #35115442;
    color: #5A2C83;
    border-radius: 99px;
    font-weight: 600;
}

@media screen and (max-width: 560px) {
    .make-pr__tabs--custom {
        border-radius: 20px;
    }

    .make-pr__tab--custom, .faq-page-tabs.make-pr__tabs--custom .make-pr__tab--custom {
        border-radius: 20px;
    }

    .make-pr__tab--custom.tab--active, .faq-page-tabs.make-pr__tabs--custom .make-pr__tab--custom.tab--active {
        border-radius: 20px;
    }
}

.make-pr__tab--custom:hover, .faq-page-tabs.make-pr__tabs--custom .make-pr__tab--custom:hover {
    /* background: #F9F1FD99; */
    color: #9D71C7;
}

.tooltip_box .tooltiptext_proposed_budget {
    top: calc(-670% + 1em) !important;
}

.tooltip_box .tooltiptext_proposed_budget1 {
    top: calc(-670% + 1em) !important;
}

.form-proposal__name--custom {
    display: inline-flex;
    align-items: center;
    margin-bottom: 0px;
}

.form-proposal__name--custom #package_text {
    line-height: 18px;
}

@media screen and (max-width: 1360px) and (min-width: 1200px) {
    header nav li {
        /* font-size: 14px; */
        margin-left: 20px;
    }

    .header__btn {
        /* font-size: 14px; */
    }
}

@media screen and (max-width: 840px) and (min-width: 800px) {
    header nav {
        margin-left: 0px !important;
    }

    a.header__btn.fint-size-tab {
        font-size: 12px !important;
    }
    .header__btn.btn_orange {
        margin-left: 10px;
    }
}

.particles-boundary {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -1;
    overflow: hidden;
  }

  /* Rotating particle container inside the boundary */
  .particles-container--custom {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 80%;
    height: 100%;
    pointer-events: none;
    z-index: -1;
    animation: rotateContainer 80s infinite linear; /* Rotate the entire container */
  }

  /* Particle styling */
  .particle--custom {
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: blue;
    border-radius: 50%;
    opacity: 1;
    animation: moveParticles 20s infinite ease-in-out;
  }

  .particle--custom:nth-child(1) {
    background-color: #FFD280;
    top: 10%;
    left: 10%;
    animation-duration: 14s;
    animation-delay: 0.5s;
  }

  .particle--custom:nth-child(2) {
    background-color: #D0EAEF;
    top: 10%;
    right: 10%;
    animation-duration: 16s;
    animation-delay: 1s;
  }

  .particle--custom:nth-child(3) {
    background-color: #D3BBE0;
    bottom: 10%;
    left: 10%;
    animation-duration: 18s;
    animation-delay: 1.5s;
  }

  .particle--custom:nth-child(4) {
    background-color: #CDA4C6;
    bottom: 10%;
    right: 10%;
    animation-duration: 20s;
    animation-delay: 2s;
  }

  @keyframes moveParticles {
    0% {
      transform: translate(0, 0) scale(1);
      opacity: 1;
    }
    25% {
      transform: translate(100px, -50px) scale(1);
      opacity: 0.8;
    }
    50% {
      transform: translate(-100px, 80px) scale(1);
      opacity: 1;
    }
    75% {
      transform: translate(60px, -120px) scale(1);
      opacity: 0.7;
    }
    100% {
      transform: translate(0, 0) scale(1);
      opacity: 1;
    }
  }

  @keyframes rotateContainer {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }

  section {
    position: relative;
    z-index: 1;
  }


.single-block-recommend_main6 .single-recommend__text_main6 {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #606060;
}

.match-single__block-recommend_main6 {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.zoomed-out-body {
    zoom: .9;
    -moz-transform: scale(.9);
    -moz-transform-origin: 0 0;
}

@media only screen and (max-width: 560px) {
    /* .dashboard-main-content .main_title.main_title_result {
        margin-left: 0 !important;
    } */

    /* .match-single__more_main6 {
        margin-top: 136px;
    } */

    .match-single__btns_main6 {
        margin-top: 135px;
    }

    .match-single__more_main6.active {
        margin-top: 25px;
    }

    .match-single__block-recommend_main6 {
        padding-top: 30px;
    }

    .single-recommend__text_main6 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .match-single__block-recommend_main7 .match-single__more_main6 {
        margin-top: 70px;
    }

    .match-single__block-recommend_main7 .match-single__more_main6.active {
        margin-top: 30px;
    }

    .match-single__block-recommend_main7 .match-single__btns_main6 {
        margin-top: 70px;
    }

    .match-single__block-recommend_main6 .match-single__block-recommend_main7 {
        padding-top: 20px;
    }

    .match-single__block-recommend_main6 .match-single__block-recommend_main7:not(:first-child) {
        border-top: 1px solid #D6D6D6;
    }
}

.mobile-break--custom {
    display: none;
}

@media screen and (max-width: 560px) and (min-width: 375px) {
    .make-pr__item-custom p.item-make__text {
        padding: 0 40px;
    }

    .make-pr__item-custom h3.item-make__title {
        padding: 0 24px;
    }

    /* .mobile-break--custom {
        display: inline;
    } */
}

@media screen and (min-width: 1280px) {
    .project__left-side--custom {
        display: flex;
        flex-wrap: nowrap !important;
    }
}

.cookie-design .cookie-title--custom {
    font-weight: bold;
    font-size: 32px;
    line-height: 32px;
    align-items: center;
    text-align: center;
    color: #5A2C83;
    margin-top: 26px;
}

@media screen and (max-width: 1200px) {
    .cookie-design .cookie-title--custom {
        font-size: 20px !important;
        margin-top: 10px !important;
    }
}

.form-proposal__btn--custom {
    flex: 0 auto;
    padding: 11px 20px;
}

.costs__text--custom {
    color: #2c2f32;
}

.cost__text--custom {
    color: #2c2f32;
}

.agency-hire-and-pay-hiw__items {
    margin-bottom: 60px;
}

.agency-hire-and-pay-hiw__item {
    background: #F8F8FF;
}

@media screen and (max-width: 1024px) {
    .agency-hire-and-pay__items {
        flex-wrap: wrap;
    }
}

@media screen and (min-width: 767px) and (max-width: 1600px) {
    .agency-hire-and-pay__items {
        column-gap: 20px !important;
    }
}

.brands__slider .swiper-wrapper {
    /* align-items: center; */
    height: auto !important;
}

.brands__slide-review::after {
    bottom: 0px;
    transform: rotate(0deg);
}

@media screen and (min-width: 1200px) {
    .brands__slide-review {
        /* padding-bottom: 20px; */
        width: auto;
    }

    .brands__slide-review::before {
        left: -40px;
    }

    .brands__slide-review::after {
        right: -44px;
        bottom: 0px;
        transform: rotate(0deg);
    }
}

@media screen and (max-width: 560px) {
    .brands__slide-review {
        padding-top: 20px;
    }
}

.radio-btn__tabs {
    --bar-color: red;
    --background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, #e0e0e0);

    display: flex;
    border-radius: 99px;
    background: #E4E4F7;
    padding: 4px 5px;
    margin-bottom: 10px;
}

.radio-btn__tabs > .radio-btn__tab {
    flex: 1;
    display: flex;
    margin-bottom: 0px;
    cursor: pointer;
}

.radio-btn__tab > .tab-input {
    width: 0;
    height: 0;
    margin: 0;
    display: none;
}

.radio-btn__tab > .tab-box {
    padding: .5rem;
    width: 100%;
    text-align: center;
    transition: 0.5s;
    border-bottom: 2px solid rgba(0,0,0,0);
}

.radio-btn__tab > .tab-input:checked + .tab-box {
    background: #fff;
    box-shadow: 0px 2.13px 2.75px 0px #130A1B21;
    box-shadow: 0px 10px 21px 0px #35115442;
    color: #5A2C83;
    border-radius: 99px;
    font-weight: 600;
}

.create__switch__btn_main2_3, .switch__btn_main2_3, .btn__form_main2_3, .signup__items__elem_main2_3 {
    border-radius: 5px;
}

.form__block__select--custom_main2_3, .form__block__select--custom_main4 {
    max-height: 230px;
    height: auto !important;
}

@media screen and (max-width: 860px) {
    .brands {
        padding-bottom: 30px;
    }
}

@media screen and (min-width: 1201px) {
    .col-xl-4--custom {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-xl-8--custom {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-xl-7--custom {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-xl-5--custom {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .right-project__btns--custom {
        align-items: flex-end;
    }

}

@media screen and (min-width: 1200px) {
    main.with_sidebar .result .variant--custom {
        padding: 40px;
    }
}

.div-resp-btn--custom {
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 1200px) {
    .div-resp-btn--custom {
        margin-left: 0px;
        column-gap: 15px;
        align-items: flex-end;
        display: flex;
        flex-direction: row-reverse;
    }
}

.person__right {
    display: flex;
    flex-direction: column;
    flex: 1 1 100%;
    gap: 8px;
}

@media screen and (max-width: 560px) {
    .person__right {
        flex: auto;
    }

    .right-project__match {
        margin-left: 0px;
    }
}

.person__name--custom {
    display: inline-flex;
    min-width: auto;
    flex-wrap: wrap;
    position: relative;
    align-items: center;
    column-gap: 5px;
}

.person__right-heart {
    display: flex;
    align-items: center;
    justify-content: center;
}

.person__name--custom .link-decoretion {
    color: #602C83 !important;
}

.link-decoretion-for-profile {
    color: #602C83 !important;
}

.link-decoretion-for-profile:hover {
    color: #9D71C7 !important;
}

.person__name--custom .link-decoretion:hover {
    color: #9D71C7 !important;
}

main.with_sidebar_main5 .result_main5 .variant_main5 .info_main5 a:hover {
    color: #9D71C7 !important;
}

.person__rating-role--custom {
    color: #DBB9E7;
    background: none;
    padding: 0px;
    padding-bottom: 10px;
    font-size: 12px;
    align-self: flex-start;
    text-transform: uppercase;
    font-weight: 400;
    margin-right: 2px;
    margin-left: 1px;
}

.person__rating--custom {
    margin-right: 0px;
}

.user-heart--custom {
    margin-left: 2px;
}

.results-card__item-title-w-status.inactive .user-heart--custom {
    cursor: not-allowed;
    pointer-events: none;
}

.brief-4__text_main4--custom-with-image {
    display: inline-flex;
    align-items: center;
    column-gap: 5px;
}

.alert__work-offer--custom {
    color: #FFA400;
    display: inline-flex;
    align-items: center;
    width: 100%;
    margin-top: 38px;
    margin-bottom: 0px;
}

@media screen and (max-width: 560px) {
    .alert__work-offer--custom {
        margin-top: 25px;
    }
}

.btn_grey_disabled {
    margin: 0px;
    border: 1.2px solid #bebebe;
    border-radius: 5px;
    background: #bebebe;
    color: #fff;
}

.btn_grey_disabled:hover {
    margin: 0px;
    border: 1.2px solid #bebebe;
    background: #bebebe;
    color: #fff;
    cursor: not-allowed;
}

main.with_sidebar_main5 .result_main5 .variant_main5 .dop_info_main5 {
    flex-wrap: wrap;
    row-gap: 7px;
}

@media screen and (min-width: 1200px) {
    div .pad-wrapping--custom {
        padding-top: 20px !important;
    }
}

@media screen and (max-width: 1200px) {
    .pad-wrapping--custom {
        flex-wrap: wrap;
    }
}

@media screen and (min-width: 767px) and (max-width: 1200px) {
    .pad-wrapping--custom {
        row-gap: 10px;
    }
}

.nibble-dashboard__body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* CLIENT NEW LANDING */

.hero__section--client2 {
    min-height: 766px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container-maxw--client2 {
    align-items: center;
    justify-content: space-between;
    display: flex;
    width: 100%;
}

.hero__section--new .hero__section_overlay--client2 {
    background: #00000099;
}

.hero__row--client2 {
    display: flex;
    flex-direction: column;
    width: 55%;
    justify-content: flex-start;
    align-items: flex-start;
}

.hero__section--new .intro__title--client2 {
    font-size: 3rem !important;
    text-align: start;
    line-height: 1.2 !important;
}

.hero__text--client2 {
    font-size: 16px !important;
    line-height: 26px !important;
    text-align: left;
    margin: 0;
}

.brief-examples--client2 {
    width: 40%;
}

.make-pr__titles--client2 {
    max-width: none;
}

.make-pr__titles--client2 .brands__slide-review {
    font-size: 32px;
    line-height: 42px;
    font-weight: 700;
    color: #5a2C83;
    width: 100%;
}

.make-pr__titles--client2 .brands__slide-review::after {
    content: '\201d';
    right: -37px;
    bottom: -64px;
    top: unset;
    line-height: 0;
    z-index: 9;
    transform: rotate(0deg);
}

.make-pr__titles--client2 .brands__slide-review::before,
.make-pr__titles--client2 .brands__slide-review::after {
    font-size: 180px;
    color: #602C831A;
}

.make-pr__photo-row--client2 {
    display: flex;
    column-gap: 24px;
    margin-top: 24px;
}

.make-pr__photo--client2 {
    width: 64px;
    height: 64px;
    opacity: 30%;
}

.make-pr__photo--client2.active {
    opacity: 100%;
}

.make-pr__author--client2 {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
    justify-content: center;
    align-items: center;
    margin-top: 16px;
}

.make-pr__author-name--client2 {
    font-weight: 800;
    font-size: 20px;
    line-height: 24px;
    color: #2c2f32;
}

.make-pr__author-job--client2 {
    color: #AAB2BD;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
}

.trusted-by__section--client2 {
    background: #5a2C83;
    width: 100%;
    padding: 80px 40px;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    row-gap: 28px;
}

.trusted-by__title--client2 {
    color: #fff;
    font-weight: 700;
    font-size: 32px;
    line-height: 42px;
    text-align: center;
}

.trusted-by__clients--client2 {
    display: flex;
    overflow: hidden;
    user-select: none;
    column-gap: 56px;
    flex-wrap: wrap;
    row-gap: 8px;
    align-items: center;
    justify-content: center;
}

.trusted-by__section--client2--animated .trusted-by__clients--client2 {
    justify-content: flex-start;
    column-gap: var(--gap);
    max-width: 100vw;
    mask-image: linear-gradient(
    var(--mask-direction, to right),
        hsl(0 0% 0% / 0),
        hsl(0 0% 0% / 1) 20%,
        hsl(0 0% 0% / 1) 80%,
        hsl(0 0% 0% / 0)
    );
}

.trusted-by__section--client2--animated {
    display: flex;
    flex-direction: column;
    gap: var(--gap);
    margin: auto;
}

.trusted-by__clients--animated-group {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: var(--gap);
    min-width: 100%;
    animation: scroll-x var(--duration) linear infinite;
}

@media (prefers-reduced-motion: reduce) {
    .trusted-by__clients--animated-group {
      animation-play-state: paused;
    }
}

@keyframes scroll-x {
    from {
        transform: translateX(var(--scroll-start));
    }
    to {
        transform: translateX(var(--scroll-end));
    }
}

.trusted-by__clients--client2 .trusted-by__logo {
    max-width: 180px;
    max-height: 120px;
}

.trusted-by__clients--client2 .trusted-by__logo.larger {
    scale: 1.2;
}

.trusted-by__reviews--client2 {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}

.trusted-by__reviews--client2 > .five-star {
    width: auto;
    height: 24px;
    object-fit: contain;
}

.trusted-by__reviews-text--client2 {
    color: white;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.6;
    text-align: center;
}

.trusted-by__reviews-text--client2 b {
    font-weight: 700;
}

.guide__body-agencies .benefits-item--client2 {
    align-items: flex-start;
}

.benefits-item--client2 .item-make__img {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
}

.benefits-item--client2 .item-make__img img {
    width: 24px !important;
    height: 24px !important;
}

.guide__body-agencies--client2 {
    margin-top: 0px;
    padding-top: 80px;
    column-gap: 27px;
}

.guide__body-agencies--client2 .titles {
    padding-top: 0px;
    text-align: left;
    margin-bottom: 0;
}

.guide__body-agencies--client2 .titles .title {
    margin-bottom: 16px;
}

.guide__body-agencies--client2 .title__text--client2 {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0px;
    color: #2c2f32;
}

.guide__body-agencies--client2 .more-btn-container-custom {
    margin-top: 20px !important;
    justify-content: flex-start;
}

.guide__body-agencies--client2 .more-btn-container-custom .more-btn {
    margin: 0px !important;
    max-width: none;
    /* padding: 18px 84px; */
}

.guide__body-agencies--client2 .benefits-item {
    align-items: center;
    position: relative;
}

/* .guide__body-agencies--client2 .benefits-item::before {
    content: "";
    position: absolute;
    top: 46px;
    left: 23px;
    width: 2px;
    height: calc(100% - 5px);
    background: #ddd;
    z-index: 0;
} */

.guide__body-agencies--client2 .benefits-item.last-child::before {
    display: none;
}

.guide__body-agencies--client2 .benefits-item .benefits-item_number {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    width: 70px;
    min-width: 70px;
    color: #9D71C7;
    font-weight: 600;
    font-size: 40px;
    position: relative;
    z-index: 3;
}

.guide__body-agencies--client2 .benefits-item .benefits-item_number svg {
    width: 44px;
    height: 44px;
}

.guide__body-agencies--client2 .benefits-item--fltype .benefits-item_number svg {
    width: 48px;
    height: 36px;
}

.make-pr__tabs--client2 {
    max-width: none;
}

.make-pr__tabs--fltype {
    width: 100%;
    margin-top: 0px;
    /* margin-bottom: 40px; */
}

.make-pr__items--client2 {
    display: flex;
    flex-direction: column;
}

.make-pr__items--client2 .agency-hire-and-pay__items {
    margin-top: 0px;
}

.make-pr__items--client2 .more-btn-container-custom {
    margin-top: 0px !important;
    margin-bottom: 40px;
}

.make-pr__items--client2 .cost__text {
    color: #2C2F32 !important;
    font-size: 14px !important;
    line-height: 26px !important;
}

.agency-freelancer--client2 .agency-freelancer__content {
    padding: 92.5px 35px;
    /* justify-content: flex-start; */
    max-height: fit-content;
}

.agency-freelancer--client2 .agency-freelancer__image-content {
    max-width: 490px;
}

.agency-freelancer--client2 .agency-freelancer__image {
    min-height: auto !important;
}

.fintech__body--client2 .why-fintech-container {
    width: 40%;
}

.guide__body-balloonary--client2 {
    width: 55%;
    max-width: 687px;
}

.guide__body-case-study {
    width: 50%;
    max-width: 610px;
}

.make-pr--client2 {
    overflow: hidden;
    padding-bottom: 80px;
}

.sup_suptitle {
    font-size: 16px;
    line-height: 26px;
    color: #2C2F32;
    margin-top: 10px;
    font-weight: 400;
}

.social-proof--client2 {
    display: flex;
    column-gap: 48px;
    justify-content: space-between;
    width: 100%;
}

.social-proof--client2 .social-proof__item {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    justify-content: center;
    align-items: center;
}

.social-proof--client2 .social-proof__number {
    font-size: 36px;
    color: white;
    font-weight: 700;
    line-height: 1;
}

.social-proof--client2 .social-proof__text {
    font-size: 16px;
    color: white;
    font-weight: 400;
    line-height: 1;
}

.agency-hiw .more-btn-container-custom {
    padding-bottom: 80px;
    gap: 30px;
}

.btn_white--client2 {
    border: 1.2px solid #FF1000;
}

.btn_white--client2:hover {
    border: 1.2px solid #fb8f72;
}

@media screen and (max-width: 1200px) {
    .guide__body-agencies--client2 .titles {
        margin: 0;
    }

    .hero__section--client2 {
        padding-right: 39px !important;
        padding-left: 39px !important;
    }

    .guide__body-agencies .benefits-item--client2 {
        flex: 0 1 calc(50% - 20px);
        align-items: center;
    }

    .fintech__body--client2 .why-fintech-container {
        width: 50%;
        padding-top: 16px;
        margin-left: auto;
        margin-right: auto;
    }

    .guide__body-agencies--client2 .guide__body-right {
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .guide__body-agencies--client2 .benefits-item {
        flex-direction: row;
    }

    .guide__body-agencies--client2 .benefits-item::before {
        height: calc(100% - 25px);
    }

    .guide__body-agencies--client2 {
        flex-direction: row;
    }

    .agency-freelancer--client2 .agency-freelancer__image {
        min-height: 500px !important;
    }

    .trusted-by__clients--client2 .trusted-by__logo {
        max-width: 120px;
        margin-left: auto;
        margin-right: auto;
    }

    .trusted-by__clients--client2 .trusted-by__logo.larger {
        max-height: 70px;
    }

    .hero__section--new .intro__title--client2 {
        font-size: 2.8rem !important;
        line-height: 1.2 !important;
    }

    .agency-freelancer--client2 .agency-freelancer__content {
        padding: 50px 0px;
        margin: 0;
    }

    .titles--client2 {
        padding-left: 39px;
        padding-right: 39px;
    }

    .sup_suptitle {
        font-size: 14px;
        line-height: 26px;
    }

    .guide__body-agencies--client2 .title__text--client2 {
        font-size: 14px;
    }

    .make-pr__items--client2 .cost__text {
        padding-left: 15px;
        padding-right: 15px;
        font-size: 14px !important;
    }

    .fintech__body--client2 {
        margin-top: 30px;
    }
}

@media screen and (max-width: 1024px) {
    .fintech__body--client2 .sup_suptitle {
        text-align: center;
    }

    .guide__body-agencies--client2 {
        flex-direction: column;
    }

    .guide__body-agencies--client2 .titles .title {
        margin-left: 0px;
    }

    .brief-examples--client2 {
        display: none;
    }

    .hero__row--client2 {
        display: flex;
        flex-direction: column;
        width: 100%;
        justify-content: center;
        align-items: center;
    }

    .hero__section--new .intro__title--client2 {
        font-size: 2.8rem !important;
        text-align: center;
        margin-bottom: 25px !important;
    }

    .hero__text--client2 {
        font-size: 16px;
        text-align: center;
    }

    .trusted-by__clients--client2 {
        flex-wrap: wrap;
    }

    .trusted-by__section--client2--animated .trusted-by__clients--client2 {
        flex-wrap: nowrap;
    }

    .fintech__body--client2 .guide__body-right {
        padding: 0px 39px;
    }

    .fintech__body--client2 .why-fintech-container {
        width: 100%;
        padding: 0px 16px;
    }

    .guide__body-agencies--client2 .benefits-item {
        flex-direction: row;
    }

    .guide__body-agencies--client2 .benefits-item::before {
        height: calc(100% - 25px);
    }

    .guide__body-balloonary--client2 {
        width: 100%;
        max-width: none;
    }

    .guide__body-balloonary--client2 img {
        width: 100%;
        max-width: none;
        padding: 39px;
    }

    .make-pr__photo-row--client2 {
        column-gap: 12px;
    }
    .make-pr__photo--client2 {
        width: 40px;
        height: 40px;
    }

    .sup_suptitle {
        text-align: left;
    }

    .guide__body-agencies--client2 .benefits-item .benefits-item_number {
        width: 40px;
        min-width: 40px;
        font-size: 24px;
    }

    .guide__body-agencies--client2 .benefits-item .benefits-item_number svg {
        width: 28px;
        height: 28px;
    }

    .guide__body-agencies--client2 .benefits-item--fltype .benefits-item_number svg {
        width: 48px;
        height: 36px;
    }
}

@media screen and (max-width: 768px) {
    .social-proof--client2 {
        flex-direction: column;
        row-gap: 36px;
    }

    .guide__body-agencies--client2 .benefits-item .benefits-item_number {
        width: 54px;
        min-width: 54px;
        font-weight: 600;
        font-size: 32px;
    }

    .guide__body-agencies--client2 .benefits-item .benefits-item_number svg {
        width: 36px;
        height: 36px;
    }

    .guide__body-agencies--client2 .benefits-item--fltype .benefits-item_number svg {
        width: 48px;
        height: 36px;
    }

    .make-pr--client2 {
        padding-bottom: 40px;
    }

    .fintech__body--client2 .guide__body-right {
        padding: 0px 24px;
        flex-direction: column;
    }

    .guide__body-balloonary--client2 img {
        padding: 24px;
    }
}

@media screen and (max-width: 560px) {
    .agency-hiw .more-btn-container-custom {
        padding-bottom: 40px;
    }

    .hero__section--new .intro__title--client2 {
        font-size: 2.5rem !important;
    }

    .guide__body-agencies .benefits-item--client2 {
        align-items: flex-start;
    }

    .trusted-by__clients--client2 {
        display: flex;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 8px;
        justify-content: center;
        align-items: center;
    }

    .trusted-by__section--client2--animated .trusted-by__clients--client2 {
        display: flex;

    }

    .trusted-by__clients--client2 .trusted-by__logo {
        max-width: 100%;
        display: flex;
        align-items: center;
        /* max-height: 100px; */
        /* margin-left: auto;
        margin-right: auto; */
    }

    .make-pr__photo-row--client2 {
        margin-top: 0px;
    }

    .agency-freelancer--client2 .agency-freelancer__image {
        min-height: 400px !important;
    }

    .agency-freelancer--client2 .agency-freelancer__image .agency-freelancer__button {
        display:flex;
        align-self: self-start;
        margin: 0 auto;
        margin-top: 20px;
    }

    .make-pr__titles--client2 .brands__slide-review,
    .trusted-by__title--client2 {
        font-size: 22px !important;
        line-height: 30px !important;
        margin-top: 16px;
    }

    .make-pr__author-name--client2 {
        font-size: 16px;
        line-height: 20px;
    }

    .make-pr__titles--client2 .brands__slide-review::before, .make-pr__titles--client2 .brands__slide-review::after {
        font-size: 90px;
    }

    .brands__slide-review::before {
        left: -20px;
        top: -4px;
    }

    .titles--client2 {
        padding-left: 24px;
        padding-right: 24px;
    }

    .make-pr__titles--client2 .brands__slide-review::after {
        right: -20px;
        bottom: -8px;
    }

    .make-pr__author-job--client2 {
        font-size: 12px;
        text-align: center;
    }

    .guide__body-agencies--client2 .more-btn-container-custom {
        width: 100%;
    }

    .guide__body-agencies--client2 .more-btn-container-custom .more-btn {
        margin: 0 auto !important;
        /* padding: 9px 40px; */
        align-self: center;
    }

    .hero__row--client2 .hero__btns {
        margin-top: 0px;
    }

    .trusted-by__section--client2 {
        padding: 50px 20px;
    }

    .fintech__body--client2 {
        padding-bottom: 40px;
    }

    .guide__body-agencies--client2 {
        padding-top: 0px;
        padding-bottom: 40px;
    }

    .guide__body-balloonary--client2 {
        padding-bottom: 0px;
    }

    .guide__body-agencies--client2 .guide__body-right {
        padding: 0 24px;
    }
}

.modal-backdrop {
    width: 100%;
    height: 100%;
}

.copyright--custom {
    display: inline-flex;
    flex-direction: row;
    column-gap: 16px;
    justify-content: flex-end;
}

@media screen and (max-width: 560px) {
    .copyright--custom {
        flex-direction: column;
        row-gap: 12px;
    }
}

/* Dashboard Client */

.main-container__new-dashboard {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: static;
}

.main-container__new-dashboard .head__new-dashboard {
    width: 100%;
    padding-bottom: 140px;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}

.main-container__new-dashboard .head__new-dashboard .head__new-dashboard__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    z-index: -1;
    object-fit: cover;
    object-position: center;
    transform: rotate(180deg);
    background-size: cover;
}

.main-container__new-dashboard .head__new-dashboard .head-overlay__new-dashboard {
    background: radial-gradient(circle, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.85) 100%);
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.main-container__new-dashboard .head__new-dashboard .head-content__new-dashboard {
    width: 100%;
    height: 100%;
    min-height: 310px;
    padding: 30px;
    padding-right: 54px;
    position: relative;
    z-index: 1;
}

.head-content__new-dashboard__top {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 10px;
}

.head-content__new-dashboard__top__left {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    row-gap: 15px;
    width: 30%;
}

.head-content__new-dashboard-alert {
    background-color: #5A2C83;
    /* height: 80px; */
    width: 100%;
    border-radius: 8px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.head-content__new-dashboard-alert-bg {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.head-content__new-dashboard-alert-content {
    gap: 20px;
    padding: 30px 54px;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    z-index: 2;
}

.head-content__new-dashboard-alert-title {
    color: white !important;
    font-family: Raleway;
    font-weight: 500;
    font-size: 16px !important;
    line-height: 24px !important;
    display: inline-flex;
    column-gap: 18px;
    align-items: center;
}

.head-content__new-dashboard-alert-button {
    border: 1px solid white;
    padding: 18px 24px;
    background-color: #5A2C83;
    font-size: 14px;
    white-space: nowrap;
    text-align: center;
    font-weight: 600;
    color: white;
    border-radius: 4px;
}

.head-content__new-dashboard-alert-button:hover {
    border-color: #DBB9E7;
    color: #DBB9E7;
}

.head-content__new-dashboard-alert-icon {
    width: 57px;
    height: 57px;
}

.head-content__new-dashboard-alert-close {
    position: absolute;
    top: 7px;
    right: 7px;
    z-index: 3;
    cursor: pointer;
    color: #F9F1FD;
}

.head-content__new-dashboard-alert-close:hover {
    color: #DBB9E7;
}

.wip-pills__new-dashboard {
    background-color: #9D71C7;
    border-radius: 100px;
    color: white;
    font-weight: 600;
    padding: 4px 8px;
    display: flex;
    align-items: center;
    column-gap: 4px;
    font-size: 12px;
    line-height: 12px;
    width: fit-content;
}

.head__new-dashboard__title {
    font-weight: 700;
    font-size: 26px;
    line-height: 36px;
    color: #2c2f32;
}

.head__new-dashboard__title > .head__new-dashboard__name {
    font-weight: 900;
    color: #9D71C7;
}

.head__new-dashboard__subtitle {
    color: #7C828A;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.6;
}

.flicking-viewport__new-dashboard {
    width: 70% !important;
    height: 100%;
    position: relative;
    overflow: visible;
}

.carousel-card__new-dashboard {
    border-radius: 8px;
    width: calc(33.3% - 0.75rem) !important;
    position: relative;
    min-height: 307px;
    max-height: 307px;
    margin: 0.5rem;
}

/* .carousel-card__new-dashboard:hover .card-overlay__new-dashboard  {
    min-height: none;
    height: 100%;
    backdrop-filter: blur(2px);
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.1);
    padding: 16px;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
} */

.card-button__new-dashboard:hover {
    transform: scale(1.1);
    transition: all 0.2s ease-in-out;
}

.card-button__new-dashboard.yellow {
    margin-top: 4px;
    aspect-ratio: 1/1;
    padding: 8px 10px;
    border-radius: 100px;
    background: #FFA400;
    position: absolute;
    right: 16px;
    bottom: 16px;
}

.card-button__new-dashboard.yellow img {
    width: 12px;
}

/* .carousel-card__new-dashboard:hover .card-button__new-dashboard {
    border-radius: 4px;
    width: 100%;
    padding: 10px;
    transition: cubic-bezier(0.075, 0.82, 0.165, 1);
    transition-duration: 100ms;
    align-items: center;
    justify-content: center;
    text-align: center;
} */

.carousel-card__new-dashboard .card-button-img {
    display: inline-flex;
}

.carousel-card__new-dashboard .card-button-text {
    display: none;
}

/* .carousel-card__new-dashboard:hover .card-button-img {
    display: none;
}

.carousel-card__new-dashboard:hover .card-button-text {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
} */

.card-pills__new-dashboard {
    position: absolute;
    top: 16px;
    left: 16px;
    background-color: #F9F1FD;
    border-radius: 80px;
    font-size: 12px;
    color: #5A2C83;
    padding: 4px 8px;
    z-index: 10;
}

.card-overlay__new-dashboard {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    min-height: 20%;
    backdrop-filter: blur(6px);
    background-color: rgba(0, 0, 0, 0.3);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 2;
    gap: 8px;
}

.card-button__new-dashboard {
    border: 0px;
    padding: 4px;
    background-color: #ff0000;
    border-radius: 100px;
    color: white;
    display: flex;
    align-items: center;
    line-height: 100%;
}

.card-button__new-dashboard:hover {
    cursor: pointer;
}

.card-img__new-dashboard {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.card-text__new-dashboard {
    color: white;
    font-size: 14px;
    font-weight: 600;
}

.fltypes-cards__container .card-text__new-dashboard {
    font-size: 14px;
    font-weight: 400;
}

.card-text__new-dashboard h4 {
    font-weight: 700;
    line-height: 36px;
    font-size: 24px;
}

.content-container__new-dashboard {
    background-color: #F6F6FA;
    /* min-height: 400px; */
    height: min-content;
    padding-bottom: 0px;
    padding: 30px;
    padding-right: 54px;
    width: 100%;
    position: relative;
    z-index: 2;
}

.content-wrapper__new-dashboard {
    margin-top: -150px;
    padding-bottom: 20px;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.main-card__new-dashboard {
    background: white;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    position: relative;
    box-shadow: 0px 8.14px 10.02px 0px #9292AD05;
}

.main-card__new-dashboard.briefs-card {
    /* width: 100%;
    flex-wrap: wrap; */
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 24px;
}

.main-card__new-dashboard.briefs-card .briefs-card-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 20px;
    align-items: flex-end;
}

.main-card__new-dashboard.briefs-card .alert-expired {
    flex: 1 1 100%;
    flex-basis: 100%;
}

.empty-state__new-dashboard {
    padding: 72px;
    display: inline-flex;
    flex-direction: column;
    row-gap: 22px;
    width: 60%;
}

.empty-state-title__new-dashboard {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #2c2f32;
}

.empty-state-text__new-dashboard {
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    color: #909090;
}

.empty-state-pills__new-dashboard {
    background: #F4F4F8;
    border-radius: 4px;
    padding: 18px;
    color: #909090;
}

.empty-state-img__new-dashboard {
    position: relative;
    width: 40%;
    max-height: 100%;
}

.empty-state-img__new-dashboard svg {
    width: 100%;
    max-height: 105%;
    position: absolute;
    bottom: 0;
}

@media screen and (max-width: 768px) {
    .empty-state-img__new-dashboard svg {
        width: 100%;
        max-height: 110%;
        position: static;
    }
}


.briefs-bar__new-dashboard {
    display: inline-flex;
    align-items: center;
    font-family: Raleway;
    font-weight: 500;
    column-gap: 9px;
}

.briefs-bar-title__new-dashboard {
    font-family: Raleway;
    font-weight: 500;
}

.briefs-bar-count__new-dashboard {
    background: white;
    border-radius: 80px;
    padding: 6.5px 10px;
    font-size: 16px;
    line-height: 16px;
}

.brief-card-left__new-dashboard {
    width: 100%;
    /* max-width: 50%; */
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    align-items: flex-start;
}

.brief-card-category__new-dashboard {
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    color: #9D71C7;
}

main.with_sidebar .brief-card-title__new-dashboard {
    position: relative;
    min-width: 60%;
    max-width: 60%;
    display: flex;
    align-items: flex-start;
    font-weight: 700;
    font-size: 20px !important;
    line-height: 30px !important;
    color: #363637 !important;
    margin-bottom: 0px;
    gap: 10px;
}



main.with_sidebar .brief-card-title__new-dashboard a {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    min-width: 100%;
}

.brief-card-title__new-dashboard a:hover {
    color: #9D71C7 !important;
}

.brief-card-right__new-dashboard {
    min-width: 30%;
    /* max-width: 50%; */
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

@media screen and (max-width: 1200px) {
    main.with_sidebar .main-container__new-dashboard .brief-card-title__new-dashboard {
        max-width: 80%;
    }

    main.with_sidebar .main-container__new-dashboard .brief-card-title__new-dashboard a {
        min-width: auto;
    }
}

@media screen and (max-width: 1024px) {
    main.with_sidebar .main-container__new-dashboard .brief-card-title__new-dashboard {
        max-width: none;
        min-width: auto;
    }

    main.with_sidebar .main-container__new-dashboard .brief-card-title__new-dashboard a {
        min-width: auto;
    }

    main.with_sidebar .brief-card-title__new-dashboard {
        max-width: none;
        min-width: 60%;
    }

    .brief-card-right__new-dashboard {
        min-width: 40%;
    }
}

@media screen and (max-width: 900px) {
    main.with_sidebar .main-container__new-dashboard .brief-card-title__new-dashboard {
        flex-direction: column;
    }
}

@media screen and (max-width: 768px) {
    main.with_sidebar .brief-card-title__new-dashboard {
        min-width: auto;
        max-width: none;
        flex-direction: column;
        align-items: flex-start;
        font-size: 20px !important;
        line-height: 30px !important;
    }
}

.brief-card-right__new-dashboard .matches-number__container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-size: 13px;
    font-weight: 500;
    color: #7c828a;
}

.brief-card-right__new-dashboard .matches2 {
    row-gap: 10px;
    justify-content: flex-end;
}

.brief-card-right__new-dashboard .people_avatars {
    display: flex;
    justify-content:flex-end;
    column-gap: 5px;
}

.brief-card-right__new-dashboard .btn_container {
    gap: 8px;
    margin-top: 0px;
    margin-left: 0px;
    justify-content: flex-end;
    display: flex;
}

.avatars-more__new-dashboard {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: #F6E4FF;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px;
}

.avatars-more__new-dashboard span {
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #9D71C7;
}

.flicking-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flicking-pagination-bullet {
    background-color: #AAB2BD !important;
    width: 12px;
    height: 12px;
    margin: 0px 10px;
}

.flicking-pagination-bullet-active {
    background-color: #5a2C83 !important;
    width: 18px;
    height: 18px
}

.flicking-arrow-prev.flicking-arrow__new-dashboard, .flicking-arrow-next.flicking-arrow__new-dashboard {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
}

.flicking-arrow-prev.flicking-arrow__new-dashboard {
    left: -20px;
    box-shadow: 1px 4px 19px -4px #00000026;
}

.flicking-arrow-prev.flicking-arrow__new-dashboard .flicking-arrow-img {
    transform: rotate(180deg);
    height: 24px;
    width: 24px;
}

.flicking-arrow-next.flicking-arrow__new-dashboard .flicking-arrow-img {
    height: 24px;
    width: 24px;
}

.flicking-arrow-next.flicking-arrow__new-dashboard {
    right: -20px;
    box-shadow: 1px 4px 19px -4px #00000026;
}

.flicking-arrow-prev.flicking-arrow__new-dashboard.is-circle, .flicking-arrow-next.flicking-arrow__new-dashboard.is-circle {
    background-color: white;
}

.flicking-arrow-prev.flicking-arrow__new-dashboard:hover, .flicking-arrow-next.flicking-arrow__new-dashboard:hover {
    background-color: #9D71C7;
}

.flicking-arrow-next.flicking-arrow__new-dashboard:hover .flicking-arrow-img path,
.flicking-arrow-prev.flicking-arrow__new-dashboard:hover .flicking-arrow-img path {
    fill: white;
}

.flicking-arrow__new-dashboard.is-circle::before,
.flicking-arrow__new-dashboard.is-circle::after {
    display: none;
}

.flicking-arrow__new-dashboard.flicking-arrow-disabled {
    display: none;
}

@media screen and (max-width: 1024px) {
    .main-container__new-dashboard .head__new-dashboard .head-content__new-dashboard {
        padding: 20px;
    }

    .head-content__new-dashboard-alert {
        height: auto;
    }

    .head-content__new-dashboard-alert-button {
        font-size: 14px;
        padding: 15px 30px;
    }

    .head-content__new-dashboard-alert-content {
        padding: 30px 54px;
        flex-direction: row;
        gap: 20px;
    }

    .head-content__new-dashboard-alert-title {
        font-size: 14px !important;
        line-height: 18px !important;
    }

    .head-content__new-dashboard-alert-icon {
        display: none;
    }

    .head-content__new-dashboard__top__left {
        width: 40%;
    }

    .flicking-viewport__new-dashboard {
        width: 60% !important;
    }

    .carousel-card__new-dashboard {
        border-radius: 8px;
        width: calc(50% - 0.75rem) !important;
        position: relative;
        min-height: 365px;
        max-height: 365px;
        margin: 0.5rem;
    }

    .content-container__new-dashboard {
        padding: 20px;
    }
}

@media screen and (max-width: 768px){
    .head-content__new-dashboard__top {
        flex-direction: column;
        row-gap: 20px;
    }

    .head-content__new-dashboard-alert-button {
        padding: 15px 24px;
        width: 100%;
    }

    .head-content__new-dashboard-alert-content {
        padding: 30px;
        flex-direction: column;
        row-gap: 20px;
    }

    .head-content__new-dashboard__top__left {
        width: 100%;
    }

    .flicking-viewport__new-dashboard {
        width: 100% !important;
    }

    .carousel-card__new-dashboard {
        width: 100% !important;
    }

    .main-card__new-dashboard.briefs-card {
        flex-direction: column;
        row-gap: 20px;
    }

    .main-card__new-dashboard.briefs-card .briefs-card-top {
        flex-direction: column;
        gap: 20px;
    }

    .main-card__new-dashboard.briefs-card .alert-expired {
        font-size: 12px;
    }

    .results-card__item .alert-expired {
        font-size: 12px;
    }

    .brief-card-left__new-dashboard {
        width: 100%;
    }

    .brief-card-right__new-dashboard {
        width: 100%;
    }

    .brief-card-right__new-dashboard .matches2 {
        max-width: none !important;
        align-items: flex-start;
    }

    .brief-card-right__new-dashboard > .matches2 p {
        margin-bottom: 0px;
        text-align: left;
        margin-right: auto;
    }

    /* .brief-card-right__new-dashboard .people_avatars {
        display: none;
    } */

    .brief-card-right__new-dashboard .btn_container .btn_orange {
        width: 100%;
        height: auto;
    }

    .brief-card-right__new-dashboard .matches-number__container {
        width: 100%;
    }
}

@media screen and (max-width: 400px) {
    .head-content__new-dashboard-alert-button {
        padding: 12px 20px;
        white-space: wrap;
    }

}

header.header--new.fixed-top.nav-active nav li .dropdown:hover .dropdown-icon--new svg path,
header.header--new.fixed-top:not(.nav-active) nav li .dropdown:hover .dropdown-icon--new svg path {
    fill: #FF1000;
    stroke: #FF1000;
}

@media screen and (max-width: 560px) {
    .faqs--client2 {
        padding: 0 24px 40px;
    }
}

.why-fltype__container {
    margin-top: 40px;
    padding-bottom: 80px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 24px;
}

@media screen and (max-width: 1200px) {
    .guide__body-why-fltype {
        display: flex;
        flex-direction: column-reverse;
    }

    .guide__body-why-fltype .guide__body-left img {
        max-width: 100% !important;
        max-height: none !important;
    }
}

@media screen and (max-width: 1024px) {
    .why-fltype__container {
        grid-template-columns: repeat(2, 1fr);
        padding: 0 39px;
        padding-bottom: 40px;
    }
}

@media screen and (max-width: 600px) {
    .why-fltype__container {
        grid-template-columns: repeat(1, 1fr);
        padding: 0 24px;
        padding-bottom: 40px;
    }
}

.why-fltype__item {
    padding: 36px;
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    box-shadow: 0px 3.325px 2.75px 0px #2E4B5A1C;
    border-radius: 8px;
    background-color: #fff;
}

.why-fltype__item:hover {
    box-shadow: 0px 6.65px 5.32px 0px #2E4B5A1C;
}

.item-make__img--fltype {
    width: 40px;
    height: 40px;
}

.item-make__img--fltype.yellow_bg {
    background-color: #FFF6E5;
    color: #FFA400;
}

.item-make__img--fltype.blue_bg {
    background-color: #EDFCFF;
    color: #00BADD;
}

.item-make__img--fltype.purple_bg {
    background-color: #F6E4FF;
    color: #9D71C7;
}

.item-make__img .red_bg {
    background-color: #FFE3DC;
}

.why-fltype__item-text-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
}

.why-fltype__item-title {
    color: #2c2f32;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
}

.why-fltype__item-desc {
    color: #7c828a;
    font-size: 16px;
    line-height: 26px;
}

div.item-make__img--fltype.item-make__img {
    padding: 7.5px;
    height: auto !important;
    width: auto !important;
}

.item-make__img--fltype img {
    width: 24px !important;
    height: 24px !important;
}

@media screen and (max-width: 1024px) {
    .why-fltype__item {
        padding: 20px;
    }

}

@media screen and (max-width: 720px) {
    div.item-make__img--fltype.item-make__img {
        padding: 7.5px;
        width: auto !important;
        height: auto !important;
        margin-bottom: 0px;
    }

    .why-fltype__item {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .why-fltype__item-title {
        text-align: center;
        margin: 0 auto;
    }
}

.fltype-platforms__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
    width: 100%;
    margin-top: 24px;
}

.fltype-platforms__item {
    box-shadow: 0px 10px 42.8px 0px #2E4B5A12;
    display: flex;
    gap: 12px;
    padding: 8px 12px;
    background: #fff;
    border-radius: 8px;
    align-items: center;
}

.fltype-platforms__img {
    width: 32px;
    height: 32px;
}

.fltype-platforms__title {
    color: #2C2F32;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
}

.more-btn-container-custom.more-btn-container--fltype {
    /* padding-bottom: 0px; */
}

.guide__body-agencies--client2 .more-btn-container-custom.more-btn-container--fltype {
    margin-top: 0px !important;
}

.guide__body-agencies--client2 .guide__body-right .more-btn-container-custom {
    display: flex;
}

.guide__body-balloonary--client2 .more-btn-container-custom {
    display: none;
}

@media screen and (max-width: 1024px) {
    .guide__body-balloonary--client2 .more-btn-container-custom {
        margin-top: 16px !important;
        display: flex;
        justify-content: center;
    }

    .guide__body-agencies--client2 .guide__body-right .more-btn-container-custom {
        display: none;
    }
}

@media screen and (max-width: 560px) {
    .more-btn-container-custom.more-btn-container--fltype {
        flex-direction: column-reverse;
        /* padding-bottom: 0px !important; */
        gap: 20px;
    }

    .fltype-platforms__container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 320px) {
    .fltype-platforms__container {
        grid-template-columns: repeat(1, 1fr);
    }

}

.client-demo-section .client-fltype-form-container {
    padding: 50px 60px;
}

@media screen and (max-width: 1024px) {
    .client-demo-section .client-fltype-form-container {
        padding: 50px 39px;
    }
}

@media screen and (max-width: 600px) {
    .client-demo-section .client-fltype-form-container {
        padding: 50px 24px;
    }
}
.more-btn-no-margin {
    margin: 0 !important;
}

.guide__body-agencies .guide__body-left--fltype-img {
    max-width: none;
}

@media screen and (max-width: 600px) {
    .guide__body-agencies .guide__body-left--fltype-img {
        margin-bottom: 0px;
    }

    .guide__body-agencies.guide__body-why-fltype {
        padding-bottom: 40px;
    }

    .guide__body-agencies.guide__body-why-fltype .guide__body-right {
        padding: 0px 24px;
        margin-bottom: 20px;
    }
}

.fltypes__body-container--custom {
    display: flex;
    flex-direction: row;
    gap: 20px;
    width: 100%;
    margin-top: 50px;
}

.fltypes__item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    box-shadow: 0px 4px 18px 0px #2E4B5A1F;
    border-radius: 4px;
    width: 33.33%;
    background-color: #fff;
    padding: 48px 16px;
    gap: 12px;
}

.fltypes__item-icon {
    padding: 8px;
    border-radius: 5px;
    background-color: #F1F1FA;
    width: auto;
}

.fltypes__item-title {
    color: #2C2F32;
    font-size: 24px;
    line-height: 29px;
    font-weight: 700;
}

.fltypes__item-text {
    font-size: 14px;
    line-height: 19px;
    color: #7C828A;
}

.fltypes__item-link {
    position: absolute;
    bottom: 16px;
    left: 16px;
    display: flex;
    gap: 6px;
    align-items: center;
    color: #2C2F32;
    font-weight: 700;
}

.fltypes__item-link:hover {
    color: #9D71C7;
}

.fltypes__item-link-icon {
    width: 16px;
    height: auto;
}

@media screen and (max-width: 1024px) {
    .fltypes__body-container--custom {
        flex-wrap: wrap;
        justify-content: center;
        padding: 0 39px !important;
        padding-bottom: 40px;
    }

    .fltypes__item {
        width: 40%;
    }
}

@media screen and (max-width: 560px) {
    .fltypes__body-container--custom {
        flex-direction: column;
        padding: 0 24px !important;
        margin-top: 24px;
        /* margin-bottom: 40px; */
    }

    .fltypes__item {
        width: 100%;
    }
}

.make-pr-fltype__tab-body {
    transition: opacity 0.3s ease-in-out;
}

.make-pr-fltype__tab-body.tab-body {
    opacity: 0;
    pointer-events: none;
}

.make-pr-fltype__tab-body.tab-body--active {
    opacity: 1;
    pointer-events: auto;
}

.tab-wrapper-container {
    min-height: 320px;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 768px) {
    .tab-wrapper-container {
        min-height: 320px;
    }
}

@media screen and (max-width: 560px) {
    .tab-wrapper-container {
        min-height: 450px;
    }
}

@media screen and (max-width: 400px) {
    .tab-wrapper-container {
        min-height: auto;
        position: static;
    }

    .make-pr-fltype__tab-body {
        position: static !important;
        width: 100% !important;
    }
}

.brands__slide-review--fltype {
    max-width: 880px;
}

.fltypes-cards__container {
    display: flex;
    flex-direction: row;
    gap: 16px;
    margin-top: 40px;
}

.fltypes-cards__container .carousel-card__new-dashboard {
    margin: 0px;
    transition: all .75s ease;
    overflow: hidden;
}


.fltypes-cards__container .card-text__new-dashboard h4 {
    font-size: 20px;
    line-height: 22px;
    font-weight: 700;
}


.fltypes-cards__container .carousel-card__new-dashboard--hover {
    max-height: 307px;
    flex-basis: calc(20% - 0.75rem);
}

.fltypes-cards__container.four-cards .carousel-card__new-dashboard--hover {
    flex-basis: calc(25% - 0.75rem);
}

.fltypes-cards__container .carousel-card__new-dashboard--hover:hover {
    width: 40%;
    flex-basis: 40%;
}

.fltypes-cards__container .carousel-card__new-dashboard .card-overlay__new-dashboard {
    /* transform: translateY(50px); */
    align-items: center;
    /* transition: all 1s ease-in-out; */
}

.fltypes-cards__container .carousel-card__new-dashboard--hover:hover .card-overlay__new-dashboard {
    padding-bottom: 120px;
}

.fltypes-cards__container .carousel-card__new-dashboard .fltypes-text__desktop-hover {
    position: absolute;
    bottom: -50px;
    width: calc(1200px * 0.35 - 32px);
    /* max-width: 100%; */
    left: 16px;
    right: 16px;
    /* opacity: 0; */
    display: none;
    transform: translateY(130px);
    transition: all .75s ease-out;
}

.fltypes-cards__container .carousel-card__new-dashboard--hover:hover .fltypes-text__desktop-hover {
    /* opacity: 1; */
    display: block;
    bottom: 20px;
    transform: translateY(0);
}

.fltypes-cards__container .card-button__new-dashboard {
    color: #fff;
}

@media screen and (max-width: 1024px) {
    .fltypes-cards__container {
        flex-wrap: wrap;
        gap: 16px;
        justify-content: center;
        padding: 0 40px;
        margin-top: 40px;
    }

    .fltypes-cards__container .card-text__new-dashboard h4 {
        margin-bottom: 16px;
    }

    .fltypes-cards__container .testimonial .card-text__new-dashboard h4 {
        margin-bottom: 0px;
    }

    .fltypes-cards__container .carousel-card__new-dashboard .card-overlay__new-dashboard {
        min-height: 50%;
    }

    .fltypes-cards__container .carousel-card__new-dashboard .fltypes-text__desktop-hover {
        display: inline;
        position: static;
        opacity: 1;
    }

    .fltypes-cards__container .carousel-card__new-dashboard--hover:hover .card-overlay__new-dashboard {
        padding-bottom: 16px;
        bottom: 0px;
    }

    .fltypes-cards__container .carousel-card__new-dashboard {
        flex-basis: calc(50% - 8px) !important;
        margin: 0px;
    }

    .fltypes-cards__container .carousel-card__new-dashboard--hover:hover .fltypes-text__desktop-hover {
        display: inline;
    }
}

.agency-hiw__fltype-desc {
    display: flex;
    justify-content: center;
    width: 100%;
    z-index: 3;
    position: relative;
    padding: 0 24px;
}

.cost__text--fltype {
    color: #2C2F32;
}

@media screen and (max-width: 600px) {
    .fltypes-cards__container {
        flex-direction: column;
        gap: 16px;
        padding: 0px;
        margin-top: 30px;
    }

    .fltypes-cards__container .carousel-card__new-dashboard {
        flex-basis: 100% !important;
        margin: 0px;
    }

    .fltypes-cards__container .card-img__new-dashboard {
        position: absolute;
        z-index: -1;
    }
}

.guide__body-agencies--client2 .benefits-item--fltype {
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px;
}

.guide__body-agencies--client2 .benefits-item--fltype .benefits-item_number {
    justify-content: center;
    width: auto;
    /* min-width: auto; */
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
}

.results-container--custom {
    display: flex;
    gap: 16px;
    flex-direction: column;
    width: 100%;
}

.results-card__item {
    display: flex;
    width: 100%;
    padding: 24px;
    flex-direction: column;
    gap: 24px;
    border-radius: 12px;
    box-shadow: 0 1px 18px rgba(0, 0, 0, .1), 0 3px 5px rgba(0, 0, 0, .1);
    background: #fff;
}

.results-card__item .alert-expired {
    flex: 1 1 100%;
    flex-basis: 100%;
}

.results-card__item-head {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

.results-card__item-title {
    min-width: 50%;
    max-width: 50%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 8px;
}

.results-card__item-title a {
    min-width: 100%;
}

@media screen and (max-width: 1200px) {
    .results-card__item-title {
        max-width: none;
    }

    .results-card__item-title a {
        min-width: auto;
    }
}

@media screen and (max-width: 560px) {
    .results-card__item-title {
        flex-direction: column;
        align-items: flex-start;
    }

}

.results-card__item-title h3 {
    min-width: 100%;
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    color: #2C2F32;
}

.results-card__item-title:hover h3 {
    color: #9d71c7;
}

.results-card__item-title-w-status {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

.invoice__info--custom.agency-line {
    align-items: center;
    color: #DBB9E7;
    border: 1px solid #DBB9E7;
    padding: 4px 6px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 4px;
    font-size: 13px;
    line-height: 1;
}

.results-card__item-title-w-status .tag,
.results-card__item .tag {
    display: flex;
    min-height: 30px;
    align-items: center;
    margin: 0px;
    padding: 4.5px 10px;
    font-size: 13px;
}

.results-card__item-title-w-status .tag_main10--desktop,
.results-card__item-title-w-status .tag_container--custom {
    position: static;
    margin: 0px;
    width: 30%;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.results-card__item-title-w-status .results-card__match-status .tag_main10--desktop {
    width: 100%;
}

.results-card__item-info {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    column-gap: 20px;
    width: 100%;
}

.results-card__item-info .invoice__info {
    margin-right: 0px;
    font-weight: 500;
    font-size: 13px;
}

@media screen and (max-width: 1024px) {
    .results-card__item-title-w-status .tag_main10--desktop {
        width: 50%;
    }

}

@media screen and (max-width: 768px) {
    .results-card__item-info .invoice__info {
        margin-bottom: 0px;
    }

    .results-card__item-title-w-status .tag_main10--desktop {
        flex-wrap: wrap;
        width: 100%;
        justify-content: flex-start;
    }

    .tags_project_skills--custom {
        justify-content: flex-start;
    }
}

.results-card__separator {
    height: 1px;
    width: 100%;
    background-color: #DFDFDF;
}

.results-card__item-body {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.results-card__item-body .right-project__title {
    visibility: visible;
    text-align: start;
}

.results-card__item-body .right-project__person-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-end;
}

.right-project__person-container--container {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.right-project__person-container .right-project__person {
    font-size: 13px;
    font-weight: 500;
    bottom: 0px;
    flex-wrap: nowrap;
}

.right-project__person-container .right-project__proposal-info {
    font-weight: 500;
    color: #7c828a;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.right-project__proposal-info .right-project__proposal-info--budget {
    font-size: 16px;
    font-weight: 600;
    color: #2c2f32;
}

.right-project__person-container .person__right-bottom {
    font-weight: 500;
    line-height: 21px;
}

.right-project__person-container .person__rating--custom {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 4px;
    height: auto;
    font-weight: 600;
}

.right-project__person-container .user-heart--custom {
    width: 16px;
    height: 16px;
    transition: all .3s ease-in-out;
}

.results-card__item-avatars {
    display: flex;
    flex-direction: row;
    gap: -2px;
}

.results-card__item-avatars .more_users span {
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    font-weight: 600;
    color: #9D71C7;
}

.results-card__item-avatars .more_users span::before {
    width: 10px;
    height: 10px;
    content: '+';
}

.results-card__item-avatars .more_users {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: #F6E4FF;
    margin-left: -4px;
    padding: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.results-card__match-status {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 32px;
    align-items: end;
    min-width: 40%;
}

@media screen and (max-width: 1024px) {
    .results-card__match-status {
        align-items: flex-end;
    }
}

@media screen and (max-width: 800px) {
    .results-card__match-status {
        align-items: flex-start;
        width: 100%;
    }
}

@media screen and (max-width: 320px) {
   .results-card__item-avatars .more_users {
       width: 40px;
       height: 40px;
   }

   .results-card__item-avatars .more_users span {
       font-size: 18px;
   }

   .results-card__item-avatars .human_main5 img {
       width: 40px;
       height: 40px;
   }
}

.results-card__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 9px 32px;
    min-height: 45px;
    min-width: 180px;
    border: 1.2px solid #ff1000;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    border-radius: 5px;
    width: max-content;
    transition: all .3s ease-in-out;
}

.results-card__btn.results-card__btn-white {
    color: #ff1000;
    background: transparent;
}

.results-card__btn.results-card__btn-white.disabled {
    color: #AAB2BD;
    border-color: #AAB2BD;
}

.results-card__btn.results-card__btn-white.disabled:hover {
    color: #AAB2BD;
    border-color: #AAB2BD;
    cursor: not-allowed;
}

.results-card__btn.results-card__btn-orange {
    color: #fff;
    background: #ff1000;
}

.results-card__btn.results-card__btn-disabled {
    background: #AAB2BD;
    color: #fff;
    border-color: #AAB2BD;
    pointer-events: none;
}

.results-card__btn.results-card__btn-disabled:hover {
    background: #AAB2BD;
    border-color: #AAB2BD;
    cursor: not-allowed;
}

.results-card__btn:hover {
    border-color: #FF877F;
}

.results-card__btn.results-card__btn-white:hover {
    color: #FF877F;
}

.results-card__btn.results-card__btn-orange:hover {
    background: #FF877F;
}

.results-card__message-btn {
    padding: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ff1000;
    transition: all .3s ease-in-out;
}
.results-card__btn-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.person__right-bottom--custom {
    display: inline-flex;
    margin: 0;
}

.person__right-bottom--custom-type {
    color: #9D71C7;
    font-weight: 700 !important;
    line-height: 1 !important;
}

.person__right-role {
    color: #62CBE6;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
}

.results-card__message-btn:hover {
    color: #FF877F;
}

@media screen and (max-width: 1200px) {
    .results-card__btn-container {
        flex-wrap: wrap;
        flex-direction: column;
    }
}

@media screen and (max-width: 1024px) {
    .results-card__btn-container .results-card__btn,
    .btn_container .results-card__btn {
        text-align: center;
        min-width: 190px;
    }

    .results-card__item-body .right-project__person-container {
        align-items: end;
    }
}

@media screen and (max-width: 800px) {
    .results-card__item-body .right-project__person-container {
        flex-direction: column;
        align-items: flex-start;
    }

    .brief-card-right__new-dashboard .btn_container {
        width: 100%;
    }

    .results-card__item-body .right-project__person-container .right-project__person {
        flex-wrap: nowrap;
    }

    .results-card__item-title-w-status {
        flex-direction: column;
        align-items: flex-start;
    }

    .results-card__item-info {
        flex-wrap: wrap;
    }

    .results-card__btn-container {
        width: 100%;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-end;
        justify-content: flex-end;
    }

    .results-card__btn-container .results-card__btn,
    .btn_container .results-card__btn {
        width: 100%;
        padding: 12.5px 32px;
        min-width: auto;
    }
}

.carousel-card__new-dashboard.testimonial {
    min-height: 430px;
}

.carousel-card__new-dashboard.testimonial .card-overlay__new-dashboard {
    min-height: 38%;
    align-items: flex-end;
    /* backdrop-filter: none; */
}

.carousel-card__new-dashboard.testimonial .card-overlay__new-dashboard .card-text__new-dashboard {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.carousel-card__new-dashboard.testimonial .card-text__testimonial {
    line-height: 1.2;
    font-size: 14px;
    font-weight: 700;
    display: inline-flex;
    justify-content: space-between  ;
    flex-direction: column;
    color: #ffa400;
}

.carousel-card__new-dashboard.testimonial .card-text__testimonial h4 {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 600;
}

.card-text__testimonial .testimonial-position {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
}

.carousel-card__new-dashboard.testimonial .card-text__quote {
    /* position: absolute; */
    top: 16px;
    left: 16px;
    right: 16px;
    font-size: 18px;
    margin-bottom: 16px;
    line-height: 26px;
    gap: 8px;
    display: flex;
    align-items: flex-start; /* keeps bar aligned with text top */
    font-weight: 500;
}

.carousel-card__new-dashboard.testimonial .card-text__bar {
    height: 100%;
    width: 3px;
    min-width: 3px;
    background: #f1f1fa;
    flex-shrink: 0;
    min-height: 80px;
}

/* .card-text__quote div {
    position: relative;
    display: inline;
} */

/* .card-text__quote div::after {
    content: url(/mark/img/quote-pink.svg);
    position: absolute;
    top: calc(100% - 16px);
    transform: rotate(180deg);
    right: 0px;
    line-height: 1;
    width: 8px;
    height: 10px;
} */

.dark-overlay--custom {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000033;
    z-index: 1;
}

.trusted-by-homepage {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.trusted-by-homepage-item {
    width: calc(20% - 58px);
    height: 100px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.trusted-by-homepage-item .trusted-by-homepage-logo {
    width: 100%;
    max-height: 80px;
    object-fit: contain;
    object-position: center;
    display: block;
    margin: 0 auto;
}

@media screen and (max-width: 1024px) {
    .trusted-by-homepage {
        column-gap: 32px;
    }

    .trusted-by-homepage-item {
        width: calc(33.33% - 32px);
        padding: 16px;
    }
}

@media screen and (max-width: 768px) {
    .trusted-by-homepage {
        column-gap: 8px;
    }

    .trusted-by-homepage-item {
        width: calc(50% - 58px);
        padding: 8px;
    }
}

.right-project__person--empty {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.padding-kuda {
    padding-bottom: 80px;
}

@media screen and (max-width: 1024px) {
    .padding-kuda {
        padding-bottom: 40px;
    }

}


@media screen and (max-width: 560px) {
    .padding-kuda {
        padding-bottom: 40px;
    }
}

.container-maxw--fltypes {
    max-width: 1360px !important;
}

.dashboard-preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(23, 22, 22, 0.3); /* dim overlay */
    backdrop-filter: blur(8px); /* actual blur behind */
    -webkit-backdrop-filter: blur(8px); /* Safari support */
    z-index: 9999;
    transition: opacity 0.3s linear;
}

.brief-proposal__info--block {
    display: flex;
    flex-direction: column;
    padding: 16px;
    justify-content: space-between;
    border-radius: 10px;
    gap: 12px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.brief-proposal__info--subtitle {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #7c828a;
}

.proposal__edited-tag {
    background: transparent;
    color: #FFA400;
    /* padding: 2px 5px;
    border-radius: 5px; */
    position: relative;
    border: 0px;
    appearance: none;
    -webkit-appearance: none;
}

.proposal__edited-tag > .tooltiptext {
    visibility: hidden;
    width: 130px;
    background-color: #fff;
    box-shadow: 0 0 3px #888;
    color: #2C2F32;
    font-size: 12px;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    bottom: calc(100% + 12px);
    left: 50%;
    margin-left: -60px;
    z-index: 1;
}

.proposal__edited-tag > .tooltiptext::after {
  content: url('../img/triangle.png');
  position: absolute;
  top: 100%;
  bottom: 0%;
  left: 35%;
  border-width: 0;
}

.proposal__edited-tag:hover {
    cursor: pointer;
    text-decoration: underline;
}

.proposal__edited-tag:hover .tooltiptext {
    visibility: visible;
}

.brief-proposal__info--block-span {
    grid-column: span 2;
}

.brief-proposal__info--value {
    color: #2C2F32;
    display: inline-flex;
    gap: 8px;
    align-items: center;
    font-weight: 600;
}

.brief-proposal__info--value .proposal__icon {
    width: 24px;
    height: 24px;
}

@media screen and (max-width: 768px) {
    .brief-proposal__info--block-span {
        grid-column: span 1;
    }
}

.grecaptcha-badge {
    z-index: 9999;
    visibility: hidden !important;
}



.label_bg-mb--w-options {
    background: #f3f3f3;
    gap: 8px;
    /* height: auto; */
    justify-content: flex-start;
    width: auto;
    padding: 16px 12px;
    border-radius: 6px;
}

.label_bg-mb--w-options .label_bg--filename {
    white-space: wrap;
    text-align: center;
    max-width: none;
}

.label_bg-mb--w-options .label_bg--options {
    display: none;
}

.label_bg-mb--w-options .label_bg--filename {
    font-weight: 700;
    color: #2c2f32 !important;
}

.label_bg-mb--w-options:has(.label_bg--options):hover .label_bg--filename,
.label_bg-mb--w-options:has(.label_bg--options):hover .label_bg--image {
    display: none;
}

.label_bg-mb--w-options .label_bg--image {
    display: block;
}

.label_bg-mb--w-options:has(.label_bg--options):hover .label_bg--options {
    display: flex;
}

.label_bg-mb--w-options .label_bg--option-link {
    color: #ff1000;
    border: 1.2px solid #ff1000;
    padding: 7px 14px;
    border-radius: 4px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: none;
}

.label_bg-mb--w-options .label_bg--option-link:hover {
    border-color: #FF877F;
    color: #FF877F;
    text-decoration: none;
}

.label_bg--options {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.label_bg--options a {
    color: #007BFF;
    text-decoration: none;
    font-size: 14px;
}
.label_bg--options a:hover {
    text-decoration: underline;
}

/* Document Preview Popup Styles */
    .document-preview-popup {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.8);
        z-index: 9999;
        justify-content: center;
        align-items: center;
        padding: 20px;
    }

    .document-preview-popup.active {
        display: flex;
    }

    .document-preview-content {
        background: white;
        width: 90%;
        max-width: 1200px;
        height: 90%;
        border-radius: 12px;
        display: flex;
        flex-direction: column;
        position: relative;
    }

    .document-preview-header {
        background: #faf6ff;
        color: #5a2c83;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        padding: 20px;
        border-bottom: 1px solid #e0e0e0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .document-preview-header h3 {
        margin: 0;
        font-size: 18px;
        color: #5a2c83;
    }

    .document-preview-close {
        background: none;
        border: none;
        font-size: 28px;
        cursor: pointer;
        color: #5a2c83;
        padding: 0;
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        transition: all 0.2s;
    }

    .document-preview-close:hover {
        background: #f5f5f5;
        color: #ff1000;
    }

    .document-preview-body {
        flex: 1;
        padding: 20px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }

    .document-preview-iframe-container {
        flex: 1;
        background: #f1f1fa;
        border-radius: 8px;
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: center;
        position: relative;
    }

    .document-preview-iframe-container iframe {
        width: 100%;
        height: 100%;
        border: none;
        border-radius: 8px;
    }

    .document-preview-loading {
        color: #999;
        font-size: 16px;
    }

    .document-preview-loading-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 16px;
    }

    .document-preview-retry {
        display: none;
        padding: 10px 20px;
        background: #ff1000;
        color: white;
        border: none;
        border-radius: 6px;
        cursor: pointer;
        font-size: 14px;
        font-weight: 500;
        transition: all 0.2s;
        align-items: center;
        justify-content: center;
    }

    .document-preview-retry:hover {
        background: #d90e00;
        transform: translateY(-1px);
    }

    .document-preview-retry:active {
        transform: translateY(0);
    }

    .document-preview-footer {
        padding: 15px 20px;
        border-top: 1px solid #e0e0e0;
        text-align: right;
    }

    .document-preview-footer a {
        display: inline-block;
        padding: 10px 20px;
        background: #ff1000;
        color: white;
        text-decoration: none;
        border-radius: 4px;
        transition: all 0.2s;
    }

    .document-preview-footer a:hover {
        background: #d90e00;
    }

    @media screen and (max-width: 1024px) {
        .document-preview-popup {
            padding: 0px;
        }

        .document-preview-body {
            padding-left: 10px;
            padding-right: 10px;
        }
    }

@media screen and (max-width: 1024px) {
    .document-preview-popup {
        padding: 0px;
    }

    .document-preview-body {
        padding-left: 10px;
        padding-right: 10px;
    }

    .label_bg-mb--w-options {
        max-height: none;
        height: auto;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .label_bg-mb--w-options .label_bg--filename {
        display: inline-flex;
        max-width: none;
    }

    .label_bg-mb--w-options:has(.label_bg--options):hover .label_bg--filename,
    .label_bg-mb--w-options:has(.label_bg--options):hover .label_bg--image {
        display: block;
    }

    .label_bg-mb--w-options .label_bg--options {
        display: flex;
    }
}

.label_bg--wrapper {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

@media screen and (max-width: 560px) {
    .label_bg-mb--w-options {
        width: 100%;
    }

    .label_bg--wrapper {
        flex-direction: column;
        gap: 8px;
    }

    .label_bg-mb--w-options .label_bg--option-link {
        width: 100%;
        text-align: center;
    }
}

#serviceFilterDropdown {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: calc(100% + 8px);
    right: 0;
    background: white;
    border-radius: 10px;
    padding: 16px;
    min-width: 250px;
    /* max-height: 350px; */
    overflow-y: auto;
    z-index: 1000;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    transform: translateY(0) scaleY(1);
    transition: all .1s;
}

#serviceFilterToggle {
    padding: 5px 8px;
    background: transparent;
    border: 1px solid #aab2bd;
    color: #7c828a;
    border-radius: 50px;
    line-height: 26px;
    cursor: pointer;
    min-width: 200px;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all .5s ease-in-out;
    gap: 6px;
}

#serviceFilterToggle.active {
    color: #9D71C7;
    border-color: #9D71C7;
}

#serviceCount {
    padding-top: 2px;
    line-height: 1;
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.radio-group__post-brief {
    display: flex;
    flex-direction: row;
    column-gap: 8px;
    flex-wrap: wrap;
}

.radio-group__post-brief label.twocolumn__item_main4 span.custom__radio__text_main4 {
    background-color: #F9F1FD;
    padding: 8px;
    cursor: pointer;
    border-radius: 6px;
    color: #2C2F32 !important;
    font-weight: 500;
    margin-left: 0px;
}

.radio-group__post-brief .radio-item_main4:checked ~ span.custom__radio__text_main4 {
    background-color: #5A2C83;
    color: white !important;
}

.radio-group__post-brief .elem--custom-item_main4_2 {
    width: auto;
}

.radio-group__post-brief .elem--custom-item_main4_2 label {
    margin-bottom: 8px;
}

.radio-group__post-brief .elem--custom-item_main4_2 label .span-item-title {
    background-color: #F9F1FD;
    font-size: 14px;
    font-weight: 500;
    color: #2C2F32;
    padding: 8px;
    line-height: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#serviceFilterDropdown .radio-group__post-brief .elem--custom-item_main4_2 {
    width: 100% !important;
}

#serviceFilterDropdown .elem--custom-item_main4_2 label .span-item-title {
    border-radius: 12px;
    padding: 5px 8px;
    width: auto;
}

.service-label--custom .span-item-title {
    width: 100%;
}

#serviceFilterDropdown .elem--custom-item_main4_2 input:checked + .span-item-title {
    background-color: #9d71c7 !important;
    color: #ffffff !important;
}

.select-security--custom {
    margin-top: 0px !important;
    margin-bottom: 20px !important;
}

.select-security--custom .select-selected {
    text-align: start;
}

.select-security--custom.error {
        border: 0px;
}

.select-security--custom.error .select-selected {
    border: 1.2px solid #ff1000;
}

.select-security--custom .select-items div  {
    text-align: start;
}

.select-security--custom .select-selected {
    background: none;
}

.form-about__select-container_mark .select-selected::after {
    top: 18px !important;
    padding-right: 10px !important;
}

@media screen and (max-width: 1100px) {
    .menu_mobile .dashboard {
        top: 0px;
    }

    .menu_mobile .dashboard .dashboard_content {
        display: flex;
        flex-direction: column;
        width: 100%;
        row-gap: 40px;
        margin-bottom: 40px;
        margin-top: 50px;
    }

    .menu_mobile .dashboard .dashboard_content .dropdown-menu {
        width: 100%;
        position: static !important;
        margin-top: 20px;
        flex-direction: column;
        background-color: #F1F1F9;
        transform: none !important;
        padding: 8px !important;
        border-radius: 4px !important;
        text-align: start !important;
        border: none;
    }

    .menu_mobile .dashboard .dashboard_content .dropdown-menu.active {
        display: flex !important;
    }

    .menu_mobile .dashboard .dashboard_content .dropdown-menu .dropdown-item {
        padding: 4px 8px !important;
        font-size: 16px;
        background: white;
        color: #2c2f32;
    }

    .menu_mobile .dashboard .dashboard_content .dropdown-menu .dropdown-item:first-child {
        border-radius: 4px 4px 0 0;
    }

    .menu_mobile .dashboard .dashboard_content .dropdown-menu .dropdown-item:last-child {
        border-radius: 0 0 4px 4px;
    }

    .menu_mobile .dashboard .dashboard_content .item {
        cursor: pointer;
        list-style: none;
        position: relative;
        display: flex;
        align-items: center;
        font-size: 18px;
        transition: .3s all ease;
        color: #595F68;
    }

    .menu_mobile .dashboard .icon_wrapper {
        left: 0px;
    }

    .menu_mobile .dashboard .dashboard_content .item > a {
        color: #595F68;
        padding-left: 40px;
        width: 100%;
        display: inline-flex;
        justify-content: space-between;
    }

    .menu_mobile .dashboard .dashboard_content .item.active > a,
    .menu_mobile .dashboard .dashboard_content .item.active > .icon_wrapper svg {
        color: #ff1000;
    }

    .bell-dropdown.active{
        transform: translateY(0) scaleY(1) translateX(-30%);
    }
    .msg-dropdown.active{
        transform: translateY(0) scaleY(1) translateX(-50%);
    }

    .bell-dropdown, .msg-dropdown {
        width: 100vw;
        left: 50%;
    }

    header .header__right {
        display: none;
    }
}

@media screen and (max-width: 720px) {
    .nibble-dashboard__body .menu_mobile {
        top: 0px;
    }
}

.dashboard-main-content.for-post-brief {
    min-height: auto;
}

.dashboard-main-content .container_brief__post-brief {
    width: 100%;
    height: 100%;
    border-radius: 16px;
    position: relative;
    max-width: 1024px;
    box-shadow: 0px 1px 4px 0px #00000040;
}

.container_brief__post-brief > .container-head__post-brief {
    background-color: #f9f1fd;
    width: 100%;
    padding: 16px 20px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.container-head__post-brief > .container-head-title__post-brief {
    font-size: 20px;
    color: #5a2c83;
    font-weight: 700;
}

.container_brief__post-brief > .container-body__post-brief {
    padding: 20px;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top: 1px solid #0000001F
}

.container-body__post-brief > .container-body-row__post-brief {
    display: flex;
    flex-direction: row;
    gap: 20px;
    margin-bottom: 20px;
}

.container-body__post-brief > .container-body-row__post-brief:last-child {
    margin-bottom: 0;
}

.input-container__post-brief .create_img_bg__post-brief {
    background: #f1f1fa;
    border-radius: 8px;
    min-width: 110px;
    width: 110px;
    height: 110px;
    max-width: 110px;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
}

.input-container__post-brief .create__img_main4 {
    background: transparent;
}

.container-body-row__post-brief > .input-container__post-brief {
    width: 100%;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    line-height: 20px;
    row-gap: 8px;
    position: relative;
}

.input-container__post-brief > .input__name__value_main4 {
    letter-spacing: 0;
    line-height: 22px;
    align-items: center;
    margin-bottom: 0px;
}

.input-container__post-brief > .maxchar__post-brief {
    position: absolute;
    bottom: 4px;
    right: 10px;
    font-size: 12px;
    color: #AAB2BD;
    background-color: #ffffff33;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    padding: 4px;
}

.input-container__post-brief > .maxchar-input__post-brief {
    position: absolute;
    bottom: 8px;
    right: 8px;
    font-size: 12px;
    color: #AAB2BD;
    background-color: #ffffff33;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    padding: 4px;
}

.input-container__post-brief > .create-input__post-brief {
    font-size: 14px;
    line-height: 20px;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%;
    padding: 10px;
    border: 1px solid #AAB2BD;
    color: #2C2F32;
}

.input-container__post-brief > .create-input__post-brief.with-pad-right {
    padding-right: 50px;
}

.input-container__post-brief > textarea.create-input__post-brief {
    padding-bottom: 30px;
}

.input-container__post-brief > .create-input__post-brief::placeholder {
    color: #AAB2BD;
}

.create-input__post-brief.error {
    border: 1px solid #FF1000;
    background: none;
}

.input-container__post-brief > select.create-input__post-brief{
    padding-bottom: 12px;
    padding-right: 30px;
}

select.create-input__post-brief option:hover {
    box-shadow: 0 0 10px 100px #9d71c7 inset;
    background-color: #9d71c7;
}

.input-container__post-brief .date-custom .datepicker-toggle .create-input__post-brief {
    color: #2C2F32;
    height: auto;
    padding: 12px;
    padding-right: 30px;
}

.input-container__post-brief .date-custom .datepicker-toggle .datepicker-toggle-button {
    background-position: top 14px right 12px;
    color: #2C2F32;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'><path d='M15.1786 1.82143H13.3571V0.607154C13.3571 0.271827 13.0853 0 12.75 0C12.4147 0 12.1428 0.271827 12.1428 0.607154V1.82143H4.85713V0.607154C4.85713 0.271827 4.5853 0 4.25001 0C3.91472 0 3.64285 0.271827 3.64285 0.607154V1.82143H1.82143C0.81548 1.82143 0 2.63691 0 3.64285V15.1786C0 16.1845 0.81548 17 1.82143 17H15.1786C16.1845 17 17 16.1845 17 15.1786V3.64285C17 2.63691 16.1845 1.82143 15.1786 1.82143ZM15.7857 15.1786C15.7857 15.5139 15.5139 15.7857 15.1785 15.7857H1.82143C1.4861 15.7857 1.21427 15.5139 1.21427 15.1786V7.28571H15.7857V15.1786ZM15.7857 6.07144H1.21427V3.64285C1.21427 3.30753 1.4861 3.0357 1.82143 3.0357H3.64285V4.24997C3.64285 4.5853 3.91468 4.85713 4.25001 4.85713C4.58534 4.85713 4.85716 4.5853 4.85716 4.24997V3.0357H12.1429V4.24997C12.1429 4.5853 12.4147 4.85713 12.75 4.85713C13.0854 4.85713 13.3572 4.5853 13.3572 4.24997V3.0357H15.1786C15.5139 3.0357 15.7858 3.30753 15.7858 3.64285V6.07144H15.7857Z' fill='currentColor'/><path d='M12.5572 8.67825C12.3219 8.451 11.9489 8.451 11.7136 8.67825L7.28571 13.1061L5.28638 11.1068C5.04518 10.8739 4.66083 10.8805 4.42789 11.1217C4.20063 11.357 4.20063 11.73 4.42789 11.9653L6.85647 14.3939C7.09357 14.6309 7.47789 14.6309 7.71496 14.3939L12.5721 9.53674C12.805 9.29554 12.7983 8.91119 12.5572 8.67825Z' fill='currentColor'/><script xmlns=''/></svg>");
}

@media screen and (max-width: 1200px) and (min-width: 561px) {
    .create__profile__img_main4 {
        position: static;
        align-items: flex-start;
        justify-content: flex-start;
        margin-left: 0px;
    }

    .container-body__post-brief > .container-body-row__post-brief {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 600px) {
    .container-body__post-brief > .container-body-row__post-brief {
        flex-direction: column;
        row-gap: 20px;
    }

    .container-body-row__post-brief .create__profile__img_main4 {
        align-items: flex-start;
        justify-content: flex-start;
        margin-bottom: 0px;
    }

    .container-body__post-brief .create__img_main4 {
        background: #f1f1fa;
        border-radius: 50%;
    }

    .container-body__post-brief .inputfile_main4 + label {
        max-width: none;
        font-size: 14px !important;
    }
}

select.create-input__post-brief {
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
    appearance: none;
    background: transparent;
    background-image: url("data:image/svg+xml;utf8,<svg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M6.4766 6.99474L6.48703 7.00519L6.49705 7.01605C6.52046 7.04143 6.54887 7.06168 6.5805 7.07553C6.61212 7.08938 6.64627 7.09653 6.6808 7.09653C6.71533 7.09653 6.74948 7.08938 6.7811 7.07553C6.81272 7.06168 6.84114 7.04143 6.86455 7.01605L6.87456 7.00519L6.885 6.99474L12.535 1.33474L12.535 1.33471L12.5408 1.32899C12.5644 1.30583 12.5832 1.27822 12.5961 1.24775C12.6086 1.21825 12.6152 1.18662 12.6158 1.1546C12.6152 1.12258 12.6086 1.09096 12.5961 1.06145C12.5832 1.03098 12.5644 1.00337 12.5408 0.980215L12.5408 0.980228L12.537 0.976507C12.4902 0.929944 12.4268 0.903809 12.3608 0.903809C12.295 0.903809 12.2319 0.929754 12.1851 0.975997C12.1849 0.976167 12.1847 0.976337 12.1845 0.976507L7.23613 5.92493L6.70846 6.4526L6.17814 5.92759L1.17814 0.977589L1.17814 0.977591L1.17705 0.976507C1.13021 0.929944 1.06685 0.903809 1.0008 0.903809C0.934751 0.903809 0.871389 0.929944 0.824548 0.976507L0.82395 0.977101C0.800518 1.00034 0.781919 1.02799 0.769227 1.05846C0.756534 1.08892 0.75 1.1216 0.75 1.1546C0.75 1.1876 0.756534 1.22028 0.769227 1.25075C0.781919 1.28121 0.800518 1.30886 0.82395 1.3321L0.823956 1.33209L0.826597 1.33474L6.4766 6.99474Z' fill='currentColor' stroke='currentColor' stroke-width='1.5'></path></svg>");
    background-repeat: no-repeat;
    background-position-x: calc(100% - 10px);
    background-position-y: 17.5px;
}

select.create-input__post-brief::placeholder {
    color: #2c2f32;
}

select.create-input__post-brief:focus {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m18 15l-6-6l-6 6'/></svg>");
    background-position-y: 10px;
    background-position-x: calc(100% - 5px);
    outline: 1px solid #AAB2BD;
}

.multiselect__post-brief > .multiselect__select {
    width: 14px;
    height: 4px;
    right: 16px;
    top: 15px;
    padding: 0px;
}

.multiselect__post-brief > .multiselect__select:before {
    position: relative;
    border-color: transparent;
    border-style: solid;
    top: -2px;
    border-width: 0px;
    content: url("data:image/svg+xml;utf8,<svg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M6.4766 6.99474L6.48703 7.00519L6.49705 7.01605C6.52046 7.04143 6.54887 7.06168 6.5805 7.07553C6.61212 7.08938 6.64627 7.09653 6.6808 7.09653C6.71533 7.09653 6.74948 7.08938 6.7811 7.07553C6.81272 7.06168 6.84114 7.04143 6.86455 7.01605L6.87456 7.00519L6.885 6.99474L12.535 1.33474L12.535 1.33471L12.5408 1.32899C12.5644 1.30583 12.5832 1.27822 12.5961 1.24775C12.6086 1.21825 12.6152 1.18662 12.6158 1.1546C12.6152 1.12258 12.6086 1.09096 12.5961 1.06145C12.5832 1.03098 12.5644 1.00337 12.5408 0.980215L12.5408 0.980228L12.537 0.976507C12.4902 0.929944 12.4268 0.903809 12.3608 0.903809C12.295 0.903809 12.2319 0.929754 12.1851 0.975997C12.1849 0.976167 12.1847 0.976337 12.1845 0.976507L7.23613 5.92493L6.70846 6.4526L6.17814 5.92759L1.17814 0.977589L1.17814 0.977591L1.17705 0.976507C1.13021 0.929944 1.06685 0.903809 1.0008 0.903809C0.934751 0.903809 0.871389 0.929944 0.824548 0.976507L0.82395 0.977101C0.800518 1.00034 0.781919 1.02799 0.769227 1.05846C0.756534 1.08892 0.75 1.1216 0.75 1.1546C0.75 1.1876 0.756534 1.22028 0.769227 1.25075C0.781919 1.28121 0.800518 1.30886 0.82395 1.3321L0.823956 1.33209L0.826597 1.33474L6.4766 6.99474Z' fill='currentColor' stroke='currentColor' stroke-width='1.5'></path></svg>");
}

.multiselect__post-brief .multiselect__placeholder {
    margin-bottom: 0px;
    padding-top: 0px;
}

.multiselect__post-brief.multiselect--active .multiselect__select {
    transform: rotate(180deg);
    top: 20px;
}

.multiselect__post-brief .multiselect__option--selected {
    background: #9d71c7;
    color: #fff;
    font-weight: 600;
}

.outer-container__post-brief {
    width: 100%;
    height: 100%;
    position: relative;
}

.column-container__post-brief {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.grid-container__post-brief {
    display: flex;
    flex-direction: row;
    gap: 20px;
    margin: 0 auto;
    margin-bottom: 20px;
    width: 100%;
    height: 100%;
    max-width: 1024px;
}

.input-container__post-brief .datepicker-toggle, .input-container__post-brief .datepicker-toggle .text-input {
    width: 100%;
}

.twocolumn__item__post-brief {
    margin: 0px;
    display: flex;
    align-items: start;
    width: 100%;
    justify-content: flex-start;
    column-gap: 8px;
}

.twocolumn__item__post-brief:first-child {
    margin-top: 10px;
}

.twocolumn__item__post-brief input {
    display: none;
}

.custom__radio__post-brief {
    display: inline-block;
    position: relative;
    top: 1px;
    border: 1px solid #AAB2BD;
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    border-radius: 50%;
}

.custom__radio__post-brief::before {
    width: 7.5px;
    height: 7.5px;
}

.custom__radio__text__post-brief {
    line-height: 20px;
    color: #7C828A !important;
    font-weight: normal;
}

.drag-drop-label__post-brief {
    display: flex;
    align-items: center;
    margin: 0 15px 0 0;
    padding: 20px 20px;
    font-weight: 700;
    font-size: 14px;
    line-height: 24.5px;
    color: #777;
    border-radius: 5px;
    cursor: pointer;
    min-height: 188px;
    max-width: 410px;
    border-radius: 5px;
    justify-content: center;
    border: 2px solid #e5e5e5;
    background-color: transparent;
    border: 1px dashed #AAB2BD;
    gap: 8px;
}

.drag-drop-or__post-brief {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 8px;
}

.drag-drop-or__post-brief::before,
.drag-drop-or__post-brief::after {
    content: '';
    /* flex-grow: 1; */
    height: 1px;
    background-color: #AAB2BD;
    width: 80px;
}

.multiselect.multiselect__post-brief {
    font-size: 14px;
    color: #2c2f32;
}

.multiselect__post-brief .multiselect__tags {
    border: 1px solid #aab2bd;
    padding: 10px 40px 10px 10px;
}

.input-container__post-brief .date-custom {
    margin-top: 0px;
}

.multiselection__post-brief {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.multiselect__post-brief .multiselect__option--highlight,
.multiselect__post-brief .multiselect__option--highlight:after {
    background-color: #C280D9;
}

.multiselect__post-brief .multiselect__single {
    letter-spacing: 0px;
    font-size: 14px;
    margin-bottom: 0px;
    padding-left: 0px;
}

.multiselect__post-brief .multiselect__input {
    margin-bottom: 0px;
}

.multiselect__post-brief .multiselect__option--selected.multiselect__option--highlight {
    background-color: #C280D9;
}

.multiselection__post-brief > .multiselection-item__post-brief {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background-color: #9D71C7;
    line-height: 16px;
    padding: 8px;
    border-radius: 6px;
    color: #fff;
}

.multiselection-item__post-brief > .multiselection-item-close__post-brief {
    cursor: pointer;
}

.optional__post-brief {
    color: #7C828A;
}

.multiselect__post-brief .multiselect__content-wrapper,
.multiselect__post-brief.multiselect--above .multiselect__content-wrapper {
    border: 1px solid #AAB2BD;
}

@media screen and (max-width: 600px) {
    .grid-container__post-brief {
        flex-direction: column;
    }

    .twocolumn__item__post-brief .custom__radio__text__post-brief.radio-btn-sml {
        padding-left: 0px;
    }
    .twocolumn__item__post-brief {
        align-items: center;
    }
}

.cv-error {
    color: #ff1000;
}

.multiselect__post-brief.error {
    border: 0px;
}

.multiselect__post-brief.error .multiselect__tags {
    border-color: #ff1000;
}

.input-container__post-brief .date-custom .datepicker-toggle .create-input__post-brief.error {
    background: #fff;
}

.date-custom .mx-datepicker {
    width: 100%;
}

.date-custom .mx-input {
    min-height: 40px;
    height: auto;
    line-height: 20px;
    border-radius: 5px;
    padding: 10px 12px;
    border: 1px solid #AAB2BD;
}

.date-custom .mx-icon-calendar,
.date-custom .mx-icon-clear {
    right: 16px;
    color: #2c2f32;
}

.datepicker--custom .mx-calendar-content .cell.disabled {
    background-color: #AAB2BD;
    color: #f1f1fa;
}

.datepicker--custom .mx-calendar-content .cell.disabled:hover {
    background-color: #AAB2BD;
}

.datepicker--custom .mx-calendar-content .cell.active {
    background-color: #9D71C7;
}

.date-custom .mx-datepicker-main {
    color: #2c2f32;
    border-radius: 5px;
    border: 1px solid #AAB2BD;
    box-shadow: 0px 6.65px 5.32px 0px #2E4B5A1C;
    width: 100%;
}

.date-custom .mx-datepicker-main .mx-calendar {
    width: 100%;
}

.date-custom.date-hireagain .mx-datepicker-main {
    width: 150% !important;
}

@media screen and (max-width: 768px) {
    .date-custom.date-hireagain .mx-datepicker-main {
        width: 100% !important;
    }
}

.datepicker--custom .mx-calendar-content .cell:hover {
    color: #fff;
    background-color: #C280D9;
}

.datepicker--custom .mx-btn {
    color: #2c2f32;
}

.datepicker--custom .mx-btn:hover {
    border-color: #9D71C7;
    color: #9D71C7;
}

.datepicker--custom .mx-icon-left:before,
.datepicker--custom .mx-icon-right:before,
.datepicker--custom .mx-icon-double-left:before,
.datepicker--custom .mx-icon-double-right:before,
.datepicker--custom .mx-icon-double-left:after,
.datepicker--custom .mx-icon-double-right:after {
    width: 12px;
    height: 12px;
    border-width: 3px 0 0 3px;
}

.date-custom .mx-input:hover, .date-custom .mx-input:focus {
    border-color: #AAB2BD;
}

.multiselect__post-brief .multiselect__element:hover {
    background-color: #C280D9;
    color: #fff;
}

.input-container__post-brief .brief-4__imgwrap_main4 {
    display: flex;
    gap: 8px;
}

.tooltip_box img:hover ~ span.tooltiptext.tooltip_mediacov {
    min-width: 300px;
    bottom: calc(100% + 15px);
    left: 0px;
    right: 100px;
}

.tooltipbox-container.tooltip_box.tooltip_mediacov {
    position: relative;
}

.tooltipbox-container.tooltip_box.tooltip_mediacov .tooltip_img {
    margin-bottom: 1px;
}

.tooltip_box .tooltiptext.tooltip_mediacov::after {
    position: absolute;
    top: 100%;
    bottom: 0%;
    left: 18%;
    border-width: 0;
}

.select-atleast__post-brief {
    color: #AAB2BD;
    font-size: 12px;
    font-weight: 600;
    margin-left: 6px;
    line-height: 1;
}

.select-atleast__post-brief.multiselect__moment {
    position: absolute;
    top: 10px;
    right: 0px;
}

@media screen and (max-width: 600px) {
    .select-atleast__post-brief.multiselect__moment {
        position: relative;
        display: flex;
        width: 100%;
        align-self: flex-end;
        margin-bottom: 6px;
        margin-left: 0px;
    }
}

.alert-submitted-application {
    padding: 1.25rem;
}

.alert-submitted-application .heading__submitted-application {
    display: inline-flex;
    font-weight: 700;
    margin-bottom: 8px;
    padding-right: 2rem;
}

.alert-submitted-application .desc__submitted-application {
    margin-bottom: 4px;
}

.alert-submitted-application .label-status__submitted-application {
    font-weight: 700;
    margin-top: 8px;
    margin-bottom: 4px;
}

.alert-submitted-application .status-list__submitted-application {
    list-style-type: disc !important;
    margin-bottom: 8px;
    list-style: disc !important;
}

.alert-submitted-application .status-list-item__submitted-application {
    list-style: disc !important;
}

.status-list-item__submitted-application .status-title__submitted-application {
    font-weight: 700;
}

.status-list-item__submitted-application .status-value__submitted-application {
    font-weight: 500;
}

@media screen and (max-width: 768px) {
    .alert-submitted-application .heading__submitted-application {
        padding-right: 3rem;
    }
}