#mandatoryVideoFrame {
    background-color: #000;
    width: 100%;
    height: 420px;
}
#mandatoryVideoModal .freeAcademyBtn:hover {
    background-color: transparent !important;
    color: #ffffff !important;
    border-color: #ffffff !important;
}

.myApplicationBox .navMainRow .d-flex.gap-1
{
    gap: 15px !important;
}

.freeAcademyBtn {
    background-color: #2005B7;
    border: 1px solid #2005B7;
    color: #ffffff;
    padding: 9px 25px;
    border-radius: 27px;
    font-weight: 600;
    display: block;
    transition: .2s ease-in-out;
    min-width: 223px;
    text-align: center;
}
.freeAcademyBtn:hover {
    background-color: transparent;
    color: #2005B7;
}
.freeAcademyBtn:hover svg path {
    fill: #2005B7;
}
.freeAcademyBtn svg {
    margin-right: 18px;
    margin-bottom: 1px;
}


.freeAcademyBtnCall {
    background-color: #674BFF;
    border: 1px solid #674BFF;
    color: #ffffff;
    padding: 9px 25px;
    border-radius: 27px;
    font-weight: 600;
    display: block;
    transition: .2s ease-in-out;
    min-width: 223px;
    text-align: center;
}
.freeAcademyBtnCall:hover {
    background-color: transparent;
    color: #674BFF;
}
.freeAcademyBtnCall:hover svg path {
    fill: #674BFF;
}

#freeAcademyCreator.freeAcademyBtnCall 
{
    display: flex;
    align-items: center;
    justify-content: center;
}

.freeAcademyBtnCall svg {
    margin-right: 18px;
    margin-bottom: 1px;
}
.additonalServiceBlock {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #D8D8D8;
    padding-bottom: 25px;
    margin-bottom: 20px;
}
.additonalServiceBlock:last-child {
    border-bottom: none !important;
    padding: 0;
    margin: 0;
}
.additionalServicesBox {
    background-color: #F3F3F3;
    border: 1px solid #674BFF;
    border-radius: 24px;
    padding: 25px 35px;
}
.additonalServiceBlock img {
    width: 90px;
    height: 90px;
    object-fit: contain;
}
.additonalServiceBlock .addImg {
    margin-right: 25px;
}
.additionalServicesBox .orderVideoBox h6 {
    font-weight: 700;
    margin-top: 35px;
    margin-bottom: 10px;
}
.page-order .productDetailBox {
    margin-top: 40px;
}
.page-order  .briefingTitle h3 svg {
    margin-right: 10px;
}
.page-order .briefingTitle {
    margin-bottom: 40px;
    padding-bottom: 15px;
    border-bottom: 2px dashed #C6BBFF;
}
.orderBriefingBox .orderVideoBox h3 {
    padding-bottom: 10px;
    margin-bottom: 0;
}
.productDetailBox p {
    padding-bottom: 16px;
}
.productDetailBox h6 {
    margin-bottom: 14px;
}
.counterBox {
    border: 2px dashed #C6BBFF;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    max-width: 400px;
    padding: 10px 10px;
    background-color: #F3F3F3;
    margin-bottom: 40px;
}
.counterBox > div {
    text-align: center;
}
.page-order .orderVideoRow span {
    line-height: 20px;
    background-color: #F3F3F3;
    padding: 20px 28px;
    border-radius: 10px;
    min-width: 162px;
}
.page-order .creatorOrderRevBox .orderVideoRow {
    margin-bottom: 35px;
    gap: 35px;
}
.role-creator .creatorBanner {
    background-image: url(../../images/portal/creator-banner-bg.png);
    background-color: #5F29B3;
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    padding: 22px 100px;
}
.site_profile_view_order th, .site_profile_view_order td {
   /* white-space: nowrap;
    */
}
.page-dashboard .IntorVideoTitle .site_ads_video img {
    height: 330px ;
}
.role-creator .bannerTitle h2 {
    color: #ffffff;
    font-size: 55px;
}
.site_creator_verfied::after {
    content: "";
    width: 50px;
    height: 20px;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="721" height="228" viewBox="0 0 721 228" fill="none"><mask id="mask0_243_32" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="721" height="228"><path d="M0.3125 0.84375H720.375V227.854H0.3125V0.84375Z" fill="white"/></mask><g mask="url(%23mask0_243_32)"><mask id="mask1_243_32" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="721" height="228"><path d="M38.3125 0.84375H682.313C692.391 0.84375 702.057 4.84375 709.182 11.974C716.313 19.099 720.313 28.7656 720.313 38.8438V189.854C720.313 199.932 716.313 209.599 709.182 216.724C702.057 223.854 692.391 227.854 682.313 227.854H38.3125C28.2344 227.854 18.5729 223.854 11.4427 216.724C4.31771 209.599 0.3125 199.932 0.3125 189.854V38.8438C0.3125 28.7656 4.31771 19.099 11.4427 11.974C18.5729 4.84375 28.2344 0.84375 38.3125 0.84375Z" fill="white"/></mask><g mask="url(%23mask1_243_32)"><path d="M0.3125 0.84375H720.375V227.854H0.3125V0.84375Z" fill="%235016CB"/></g></g><mask id="mask2_243_32" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="50" y="26" width="177" height="177"><path d="M50.8955 26.1979H226.896V202.198H50.8955V26.1979Z" fill="white"/></mask><g mask="url(%23mask2_243_32)"><path fill-rule="evenodd" clip-rule="evenodd" d="M151.557 35.2969L166.271 30.5156L175.37 43.0313H190.844L195.63 57.7552L210.349 62.5365V78.0104L222.87 87.1094L218.083 101.828L227.182 114.344L218.083 126.865L222.87 141.583L210.349 150.682V166.156L195.63 170.938L190.844 185.661H175.37L166.271 198.177L151.557 193.396L139.042 202.49L126.516 193.396L111.802 198.177L102.703 185.661H87.2292L82.4427 170.938L67.7292 166.156V150.682L55.2031 141.583L59.9896 126.865L50.8906 114.344L59.9896 101.828L55.2031 87.1094L67.7292 78.0104V62.5365L82.4427 57.7552L87.2292 43.0313H102.703L111.802 30.5156L126.516 35.2969L139.042 26.2031L151.557 35.2969Z" fill="white"/></g><path fill-rule="evenodd" clip-rule="evenodd" d="M96.7292 105.307C93.1927 108.505 92.9219 113.953 96.1094 117.479C102.641 124.714 113.187 136.391 119.453 143.328C122.302 146.479 127.161 146.729 130.307 143.885C142.078 133.255 168.974 108.964 181.312 97.8177C184.844 94.6302 185.12 89.1771 181.932 85.6458C178.745 82.1198 173.292 81.8385 169.76 85.026L131.547 119.542C128.396 122.391 123.531 122.141 120.693 118.995C117.177 115.104 112.531 109.958 108.896 105.932C105.708 102.406 100.26 102.12 96.7292 105.307Z" fill="%235016CB"/><path d="M336.31 98.486H346.976C356.935 98.486 364.382 96.5225 369.33 92.5902C374.273 88.6631 376.747 82.934 376.747 75.4027C376.747 67.809 374.674 62.2048 370.539 58.5902C366.398 54.9652 359.903 53.1527 351.06 53.1527H336.31V98.486ZM409.455 74.2569C409.455 90.6892 404.315 103.257 394.039 111.965C383.773 120.674 369.164 125.028 350.205 125.028H336.31V179.361H303.935V26.611H352.726C371.252 26.611 385.336 30.6006 394.976 38.5694C404.627 46.5433 409.455 58.4392 409.455 74.2569Z" fill="white"/><path d="M500.982 60.361C505.299 60.361 508.883 60.6735 511.732 61.2985L509.336 91.1735C506.763 90.4808 503.633 90.1319 499.94 90.1319C489.773 90.1319 481.846 92.7464 476.169 97.9652C470.487 103.189 467.648 110.502 467.648 119.903V179.361H435.773V62.5485H459.919L464.628 82.1944H466.19C469.815 75.6423 474.701 70.361 480.857 66.361C487.023 62.361 493.732 60.361 500.982 60.361Z" fill="white"/><path d="M558.335 120.757C558.335 132.314 560.231 141.059 564.022 146.986C567.825 152.903 574.012 155.861 582.585 155.861C591.069 155.861 597.174 152.918 600.897 147.028C604.632 141.142 606.502 132.382 606.502 120.757C606.502 109.189 604.616 100.517 600.856 94.736C597.09 88.9444 590.929 86.0485 582.377 86.0485C573.877 86.0485 567.741 88.9235 563.981 94.6735C560.215 100.424 558.335 109.121 558.335 120.757ZM639.106 120.757C639.106 139.772 634.085 154.642 624.043 165.361C614.012 176.085 600.054 181.444 582.168 181.444C570.944 181.444 561.049 178.996 552.481 174.09C543.908 169.174 537.325 162.121 532.731 152.924C528.132 143.731 525.835 133.007 525.835 120.757C525.835 101.663 530.814 86.8194 540.772 76.236C550.741 65.6527 564.752 60.361 582.793 60.361C594.002 60.361 603.887 62.7985 612.46 67.6735C621.028 72.5485 627.611 79.5485 632.21 88.6735C636.804 97.7985 639.106 108.496 639.106 120.757Z" fill="white"/></svg>');
    background-repeat: no-repeat;
    top: 3px;
    position: relative;
    margin-left: 5px;
}
.role-creator .site_ads_video {
    height: 100%;
}
.role-creator .IntorVideoTitle {
    justify-content: center;
    align-items: end;
}
.role-creator .IntorVideoTitle .site_ads_video .bannerGif {
    height: 330px;
    border-radius: 20px;
    box-shadow: 4px 4px #FFFFFF;
}
.role-creator .IntorVideoTitle span {
    color: #ffffff;
    font-weight: 700;
    position: relative;
    padding-right: 24px;
    padding-bottom: 60px;
}
.role-creator .IntorVideoTitle span:after {
    content: '';
    background-image: url(../../images/portal/video-arrow.svg);
    background-repeat: no-repeat;
    width: 40px;
    height: 47px;
    position: absolute;
    top: -28px;
    right: -20px;
}
.role-creator .myApplicationBox {
    padding-top: 50px;
}
.role-creator .appNav {
    border: 1px solid #E8E8E8;
    border-radius: 20px;
    padding: 12px 25px;
    justify-content: space-between;
}
.role-creator .appNav h2 {
    color: #8639FE;
    font-size: 45px;
    font-weight: 700;
}
.role-creator .appNav .nav-item .nav-link {
    font-weight: 600;
    padding: 0;
    color: #2c2c2c;
}
.role-creator .myApplicationBox .nav-link.active {
    color: #674BFF;
}
.role-creator .appNav .nav-item:not(:last-child) {
    padding: 0 25px;
}
.page-dashboard .appNav .nav-item {
    padding: 0 25px;
}
.role-creator .appCardsWrapper {
    padding-top: 34px;
}
.role-creator .cardWrap img {
    border-radius: 15px 15px 0px 0px;
    height: 350px;
    width: 100%;
    object-fit: cover;
}
.role-creator .cardDetails {
    border: 2px dashed #2C2C2C;
    border-top: none;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding: 25px 20px 10px;
    text-align: left;
    min-height: 208px;
    display: flex;
    flex-direction: column;
    text-align: center;
}
.role-creator .cardDetails h4 {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 0;
}
.page-dashboard.role-creator .cardDetails h4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.role-creator .cardDetails p {
    font-size: 16px;
    padding: 10px 0 0px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 15px;
}
.role-creator .cardReviewRow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
}
/* .role-creator .cardReviewRow .leftReviewBox {
    display: flex;
}
.role-creator .cardReviewRow .leftReviewBox span:last-child {
    margin-left: auto !important;
    margin-right: 0px !important;
}
*/
.role-creator .cardReviewRow .leftReviewBox span{
    margin-right: 25px;
    color: #2c2c2c;
    font-size: 12px;
}
.role-creator .creator_explore .cardReviewRow .leftReviewBox {
    width: 100%;
    display: flex;
    padding-bottom: 2px;
}
.role-creator .creator_explore .cardReviewRow .leftReviewBox span:last-child{
    margin-left: auto !important;
    margin-right: 0px !important;
}
.role-creator .cardReviewRow .rightReviewBox span {
    margin-right: 0px;
    color: #2c2c2c;
    font-size: 12px;
}
.role-creator .cardReviewRow span svg {
    margin-right: 8px;
}
.role-creator .cardDetails h4 a {
    color: #2C2C2C;
}
.role-creator .showing_results {
    font-weight: 500;
    margin-top: 15px;
    text-align: center;
}
.role-creator .appCardsWrapper>.row>.col-md-6 {
    padding-bottom: 30px;
}
.role-creator .showing_results span {
    padding: 0 10px;
    font-weight: 700;
    color: #8e45fe;
}
.role-creator .creatorOrderRevBanner {
    background-image: url(../../images/portal/order-bg.png);
    background-repeat: no-repeat;
    background-color: #5F29B3;
    height: 200px;
}
.delete_iban, .popup_widthraw {
    padding: 45px 15px;
}
.iban_actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.iban_actions .iban_show {
    display: block;
    position: relative;
    border: 2px dashed #674BFF;
    padding: 10px 30px;
    border-radius: 10px;
    background: #E9ECEF;
}
.iban_actions .closeButton {
    position: absolute;
    top: -10px;
    right: -8px;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    color: white;
    cursor:pointer;
}
.iban_actions .closeButton svg {
    fill: #674bff !important 
}
.iban_actions .closeButton svg circle {
    opacity: 1 !important;
}
.iban_actions .closeButton svg path {
    fill: #fff;
}
.delete_iban .darkBtn, .widthraw_actions .darkBtn {
    padding: 7px 30px !important;
    border-radius: 16px;
}
.no.darkBtn {
    background-color: #674BFF;
    border-color: #674BFF !important;
}
.no.darkBtn:hover {
    background-color: transparent;
    border-color: #674BFF;
}
.delete_iban_actions, .widthraw_actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.page-creator-profile #search_loader {
    height: 100%;
}
.page-order main.py-5 {
    padding-top: 0px !important;
}
.page-creator-order-progress main.py-5 {
    padding-top: 0px !important;
}
.page-creator-order-progress .productDetailBox {
    margin-top: 40px;
}
.role-creator .creatorOrderRevWrapper .creatorOrderDetails {
   /* background-color: #fff;
    */
    margin-top: -9em;
   /* box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    border-radius: 15px;
    */
}

.orderTitleMetaInfo .orderRevContent {
    flex: 0 0 50%;
}

.orderTitleMetaInfo .orderPriceRow {
    flex: 0 0 auto;
}



.page-creator-order-progress .creatoOrderImage img 
{
        height: 250px;
        object-fit: contain;
}

.role-creator .creatoOrderImage img {
    border-radius: 15px;
    width: 100%;
    height: 260px;
    object-fit: contain;
    border: solid #ccc;
    padding: 20px;
}
.role-creator .orderRevContent h3 {
    color: #2C2C2C;
}
.role-creator .creatorOrderRevWrapper .priceLeftBox span {
    margin-left: 20px;
    background-color: #F3F4F6;
    border-radius: 10px;
    padding: 7px 10px;
    font-weight: 700;
    min-width: 110px !important;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    color: #2c2c2c !important;
}
.role-creator .orderPriceRow span svg {
    margin-right: 15px;
}
.role-creator .creatorOrderRevWrapper .orderDescription {
    padding: 0px 0px 0px 30px;
}
.role-creator .creatorOrderRevBox {
    margin-top: 60px;
}
.role-creator .creatorOrderRevBox h3 {
    font-size: 35px;
    font-weight: 700;
    text-align: left !important;
    padding-bottom: 25px;
}
.role-creator .briefingTitle {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 2px dashed #C6BBFF;
}
.role-creator .orderVideoBox h3 {
    color: #8639FE;
    font-size: 35px;
}
.role-creator .creatorOrderRevBox .orderVideoRow {
    margin-bottom: 35px;
    gap: 20px;
}
.role-creator .orderVideoRow span svg {
    margin-right: 15px;
}
.role-creator .orderVideoRow span {
    line-height: 18px;
    background-color: #F3F4F6;
    padding: 15px;
    border-radius: 10px;
    align-items: center;
}
.role-creator .orderVideoBox h6 {
    font-weight: 700;
    margin-top: 15px;
}
.role-creator .RevOrderPriceBox {
    padding: 20px;
}
.role-creator .revOrderBox {
    background-color: #674bff40;
    border-radius: 15px;
}
.role-creator .revOrderBox img {
    margin-bottom: 20px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    width: 100%;
    display: block;
    height: 232px;
    object-fit: cover;
}
.role-creator .revOrderBox h5 {
    font-size: 34px;
    font-weight: 700;
}
.role-creator .revOrderBox p {
    margin: 20px 0 30px;
}
.role-creator .revOrderBox span {
    font-size: 24px;
}
.role-creator .RevOrderPriceBox .videoList {
    background-color: #8639FE;
    border-radius: 15px;
    color: #ffffff;
    font-size: 16px !important;
    padding: 16px 10px;
    margin-bottom: 10px;
    width: 100%;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}
.role-creator .RevOrderPriceBox span svg {
    margin-right: 14px;
}
/* .role-creator .RevOrderPriceBox span:last-child {
    display: block;
    background-color: #FFFFFF;
    color: #2c2c2c;
    line-height: 20px;
    border-radius: 15px;
    font-size: 16px !important;
    padding: 16px 10px;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
}
*/
.greenFace{
    background-color: #198754 !important;
}
.organgeFace{
    background-color: #FF5F1F !important;
}
.redFace{
    background-color: #DC3545 !important;
}
.role-creator .RevOrderPriceBox span svg path {
    fill: #ffffff;
}
.propsalAccepted {
    background-color: #00D02E;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    padding: 1px 12px;
    border-radius: 10px;
    margin-right: 30px;
}
.propsalOrderStatus {
    color: #fff;
    margin-right: 20px;
}
.orderTitleMetaInfo {
    margin-bottom: 50px;
}
.role-creator .tags_row {
    display: flex;
    gap: 10px;
}
.role-creator .tags_row p {
    padding: 8px 20px;
    background-color: #D9D2FF;
    border-radius: 20px;
    color: black;
    font-weight: 600;
}
.role-creator .orderBriefingBox {
    padding-left: 30px;
    padding-bottom: 52px;
}
.role-creator .actions {
    display: flex;
    justify-content: space-between;
}
.role-creator .actions2 {
    display: flex;
    align-items: end;
    justify-content: space-between;
    flex-direction: column;
}
.role-creator .orderDescription .pb-5 {
    padding-bottom: 20px !important;
}
.role-creator .creatorOrderDetails h3 {
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 0;
    color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.opOrderAssign {
    background: #674BFF;
    color: #fff;
    padding: 5px 30px;
    border-radius: 15px;
}
.chatBtn {
    padding: 5px 30px;
    font-size: 16px;
    transition: .2s ease-in-out;
    display: inline-block;
    background-color: #00D02E;
    border: 1px solid #00D02E;
    color: #ffffff;
    border-radius: 15px;
    font-weight: 500;
}

.chatBtn svg {
    margin-left: 50px;
}


.orderStatusWrap {
    justify-content: space-between;
}
.orderLinks {
    gap: 10px;
}
.orderLinks .darkBtn, .orderStatusWrap .darkBtn {
    padding: 5px 30px !important;
    font-weight: 500;
    font-size: 16px;
    border-radius: 15px;
}
.role-creator .site_proaccepted_badge {
    font-weight: 400;
    font-size: 16px !important;
    line-height: normal;
}
.role-creator .actions1 p {
    padding: 15px 0;
}
.page-creator-view-profile .switches-container {
    position: relative;
    display: flex;
    position: relative;
    background: #F6F6F6;
   /* border: 2px dashed #5F29B3;
    */
    border-radius: 30px;
    padding: 0px;
   /* min-width: 270px;
    */
}
.page-creator-view-profile .switches-container input {
    visibility: hidden;
    position: absolute;
    top: 0;
}
.page-creator-view-profile .switches-container label {
    width: 50%;
    padding: 0;
    margin: 0;
    text-align: center;
    cursor: pointer;
    color: #FF4343;
    display: none;
}
.page-creator-view-profile .switch-wrapper {
    position: relative;
   /* top: 0;
    left: 0;
    bottom: 0;
    */
    width: 100%;
   /* padding: .3rem;
    */
    z-index: 3;
    transition: transform .5s cubic-bezier(.77, 0, .175, 1);
}
.page-creator-view-profile .switch {
    border-radius: 3rem;
    background: var(--switch-bg-color);
    height: 100%;
}
.page-creator-view-profile .switch div {
    width: 100%;
    text-align: center;
    opacity: 0;
    display: block;
    transition: opacity .2s cubic-bezier(.77, 0, .175, 1) .125s;
    will-change: opacity;
    position: relative;
    top: 0px;
    left: 0;
    background-color: #00E175;
    border-radius: 20px;
    padding: 5px 22px;
    text-align: center;
    color: #ffffff;
    border: 2px dashed #5F29B3;
}
.page-creator-view-profile .switches-container input:nth-of-type(1):checked~.switch-wrapper {
    transform: translateX(0%);
}
.page-creator-view-profile .switches-container input:nth-of-type(2):checked~.switch-wrapper {
    transform: translateX(100%);
}
.page-creator-view-profile .switches-container input:nth-of-type(1):checked~.switch-wrapper .switch div:nth-of-type(1) {
    opacity: 1;
}
.page-creator-view-profile .switches-container input:nth-of-type(2):checked~.switch-wrapper .switch div:nth-of-type(2) {
    opacity: 1;
}
.role-creator .site_creator_meta_single {
    display: flex;
    align-items: end;
    gap: 20px;
    margin-bottom: 30px;
}
.role-creator .site_creator_meta_inner_single {
    width: 50%;
    padding-bottom: 20px;
}
.page-creator-all-reviews-creator_id .site_creator_meta_inner_single {
    width: auto;
    padding-bottom: 0 !important;
}
.page-creator-all-reviews-creator_id .site_brand_meta_single {
    align-items: center;
}
.site_cbs_holder {
    padding-left: 50px;
    padding-right: 20px;
    margin-top: -70px;
    padding-bottom: 20px;
}
.site_creator_thumb_single {
    width: 155px;
    height: 155px;
    object-fit: cover;
    border: solid 7px #f7f7f7;
    border-radius: 100%;
}
.role-creator .site_creator_name {
    font-size: 18.3px;
    font-weight: 700;
    display: inline-block;
}
.page-creator-view-profile .site_creator_name {
    font-size: 24px;
}
.page-creator-view-profile .site_creator_meta_inner_single {
    flex: auto;
}
.role-creator .assign_badge {
    margin-left: 2%;
    background-color: #674bff;
    color: white;
    padding: 2px 16px;
    border-radius: 5px;
    font-size: 14px;
}
.role-creator .site_creator_ratings_single {
    display: flex;
    gap: 20px;
}
.page-creator-view-profile .site_creator_ratings_single {
    gap: 0px;
}
.role-creator .site_creator_banner_single {
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
    border-radius: 20px;
    background-position: center;
}
.role-creator .site_creator_detail_single li {
    position: relative;
    padding-left: 20px;
}
.role-creator .site_creator_detail_single li svg {
    position: absolute;
    left: 0px;
    top: 5px;
}
.role-creator .site_creator_detail_single li svg path {
    stroke: #674bff;
}
.site_creator_detail_single {
    list-style: none;
    column-count: 2;
}
/* .role-creator .site_creator_detail_single li strong {
    color: #7B7B7B;
} */

.role-creator .creatorEditRow .editBtn
{
    margin-left: auto;
}

.role-creator .creatorEditRow .editBtn a {
    width: fit-content;
    margin-left: auto;
}
.role-creator .editBtn a {
    background-color: #2005B7;
    color: #fff;
    border: 1px solid #2005B7;
    border-radius: 7px;
   /* font-weight: 700;
    */
    font-size: 20px;
    padding: 3px 15px;
    display: flex;
    align-items: center;
    transition: .2s ease-in-out;
}
.role-creator .editBtn a svg {
    margin-left: 15px;
}
.role-creator .sidebarDetailsBox {
    background-color: #F3F4F6;
    border-radius: 20px;
    padding: 30px 20px;
}
.sidebarDetailsBox h6 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 30px;
}
.role-creator .sidebarDetailsBox.sidebarDetailsBoxPadding {
    padding: 10px 10px;
}
.role-creator .creator_reviews_bg {
    background-color: white;
    border-radius: 12px;
    padding: 20px 12px;
}
.role-creator .site_cbs_rating {
    font-size: 14px;
}
.siebarDbtGroup {
    margin-bottom: 30px;
    align-items: center;
}
/* .role-creator .creator_reviews_bg .site_cbs_rating {
    margin-bottom: 10px;
}
*/
.role-creator .site_brand_meta_single {
    display: flex;
    justify-content: space-between;
}
.role-creator .brand_data {
    display: flex;
    gap: 10px;
    align-items: center;
}
.role-creator .img-fluid.site_brand_thumb_single {
    width: 40px;
    border-radius: 50%;
    border: solid 1px #ccc;
    object-fit: cover;
    height: 40px;
}
.page-creator-all-reviews .site_brand_thumb_single {
    width: 46px !important;
    height: 46px !important;
}
.role-creator .site_brand_name {
    font-size: 16px;
    font-weight: 700;
}
.role-creator .site_cbs_email {
    color: #D9D9D9;
}
.profile_image_text h3 {
    color: #ffffff;
}
.role-creator .rating_details {
    display: flex;
    align-items: flex-start;
}
.role-creator .rating_details .site_cbs_rating {
    margin-left: 5px;
}
.page-creator-all-reviews .rating_details .site_cbs_rating {
    margin-top: 3px;
}
.rating {
    white-space: nowrap;
}
.role-creator .review {
    padding: 10px;
    border: 1px solid #ECECEC;
    border-radius: 10px;
    margin-bottom: 12px;
}
.role-creator .review .comment {
    padding-top: 15px;
}
.role-creator .fa-star:before {
    color: #FFD601;
}
.role-creator .clientLogoSwiper3 .swiper-slide {
    width: 20% !important;
}
.role-creator .clientLogoSwiper3 .swiper-slide img {
    width: 100%;
    height: 100px;
    object-fit: contain;
}
.role-creator .clientLogoSwiper3 .swiper-wrapper {
    justify-content: space-between;
}
.role-creator .site_video_thumb {
    border-radius: 20px;
    height: 100%;
    object-fit: cover;
}
.role-creator .site_ads_map iframe {
    border-radius: 20px;
}

/* Profile Creator */
.role-creator .brandProfileTabs .nav-tabs {
   /* border-bottom: 2px dashed #000000;
    padding-bottom: 20px;
    overflow-x: auto;
    flex-wrap: nowrap;
    */
    border: 2px dashed #8639fe6b;
    border-radius: 15px;
    background-color: #F3F4F6;
    justify-content: space-between;
    padding: 7px 8px;
   /* margin-bottom: 25px;
    */
    overflow-x: auto;
    flex-wrap: nowrap;
    display: flex;
    align-items: center;
    max-width: 600px;
}
/* .role-creator .brandProfileTabs .nav-tabs li {
    padding-right: 25px;
    flex: 0 0 auto;
}
*/
.role-creator .brandProfileTabs .tab-pane .contactInfoBox {
    min-height: 700px;
}
.role-creator .brandProfileTabs .nav-link svg {
    margin-right: 5px;
}
.role-creator .brandProfileTabs .nav-link.active {
   color: #2c2c2c !important;
    background-color: #ffffff;
    border-radius: 10px;
    border: none;
    padding: 5px 25px;
}
/* .role-creator .brandProfileTabs .nav-link svg path {
    fill: #2C2C2C;
}
.role-creator .brandProfileTabs .nav-link.active svg path {
    fill: #674BFF;
}
*/
.role-creator .brandProfileTabs .nav-link {
   /* border: none;
    font-weight: 600;
    color: #2C2C2C !important;
    */
    background-color: #F3F4F6;
    border-radius: 10px;
    border: none;
    padding: 5px 25px;
    font-size: 14px;
    font-weight: 700;
    color: #2c2c2c;
    white-space: nowrap;
}
.role-creator .profileWrapperContent {
    width: 100%;
}
.trustedMeSlider .site_brands_title {
    font-weight: 700;
    margin-bottom: 50px !important;
}
.role-creator .profileWrapperContent .profileInner{
    padding-bottom: 50px;
}
.role-creator .profileHeading {
    font-size: 45px;
    font-weight: 700;
    color: #674BFF;
    margin: 0;
    padding: 40px 0px;
}
.role-creator .profileBox {
    background-color: #F3F4F6;
    padding: 10px;
    border-radius: 20px;
}
.role-creator .newBanner {
    padding: 150px 0;
    text-align: center;
    border-radius: 20px;
    background-repeat: no-repeat;
}
.profileBox .fileName {
    background-color: #674bffc4;
    padding: 20px;
    color: #fff;
    border: dashed 2px;
    border-radius: 10px;
    display: flex;
    gap: 20px;
}
.role-creator .profileHead {
    display: flex;
    align-items: center;
    padding-left: 30px;
    padding-bottom: 30px;
    gap: 30px;
}
.role-creator .profilePicture {
    border: 2px solid #F3F4F6;
    border-radius: 100%;
    margin-top: -80px;
}
.role-creator .selectProfile {
    position: relative;
    height: 170px;
    width: 170px;
    border: 4px solid #ffffff;
    border-radius: 50%;
}
.role-creator .userTitle h4 {
    font-size: 45px;
    font-weight: 700;
    margin: 0;
}
.role-creator .userTitle p {
    color: #D9D9D9;
}
.role-creator .profileFormWrapper {
    padding: 0px 20px;
}
.role-creator .labelForm {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
    color: #2C2C2C;
    padding: 0 15px;
    margin-bottom: 10px;
}
.role-creator .textFieldGeneric {
    width: 100%;
    border: 1px solid #BDBDBD;
    border-radius: 10px;
    padding: 15px 20px;
}
.role-creator .form-select {
    background-position: right 1.3rem center;
    background-size: 21px 21px;
    background-image: url(../../images/portal/dropdown-icon.svg);
}
.role-creator .brandLogosRow {
    border: 2px dashed #BDBDBD;
    background-color: #F3F4F6;
    border-radius: 10px;
    padding: 12px 30px;
}
.role-creator .selectImageBtn {
    position: relative;
    background-color: #2005B7;
    width: auto;
    height: auto;
    border: none !important;
    color: #ffffff;
    padding: 15px 24px;
    font-weight: 700;
    border-radius: 10px;
}
.role-creator .custom-file-upload input[type="file"] {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
}
.role-creator .selectImageBtn span svg {
    margin-left: 30px;
}
.role-creator .portfolioBox {
    background-color: #F1F1F1;
    text-align: center;
    border: 1px solid #D9D9D9;
    border-radius: 15px;
    padding: 20px 0;
}
.role-creator .portfolioImage {
    padding: 0 20px;
    height: 300px;
}
.role-creator .portfolioImage img {
    height: 300px;
    object-fit: cover;
    border-radius: 10px;
    width: 100%;
}
.role-creator .portfolioUpload {
    width: 100%;
    border: none !important;
    height: unset !important;
}
.role-creator .uploadBtn {
    border: 1px solid #2005B7;
    background-color: #2005B7;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border-radius: 10px;
    padding: 13px 20px;
    position: relative;
    cursor: pointer;
}
.role-creator .custom-file-upload {
    cursor: pointer;
}
.portfolioBox .custom-file-upload {
    padding-top: 20px !important;
}
.role-creator #videoPlayer {
    height: 300px !important;
    width: 100%;
    object-fit: cover;
}
.role-creator .uploadBtn svg {
    margin-left: 30px;
}
.role-creator .portfolioRow {
    padding: 50px 0;
}
.role-creator .videoCover h5 {
    font-size: 24px;
    font-weight: 700;
    margin: 0;
}
.role-creator .dashedLine {
    border: 1px dashed #C6BBFF;
    margin: 0;
}
.role-creator .portfolioTitle {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 30px;
}
.role-creator input:focus, .role-creator select:focus {
    box-shadow: none !important;
    border-color: #674BFF !important;
}
.role-creator .btnSave {
    background-color: #2005B7;
    border: 1px solid #2005B7 !important;
    color: #ffffff !important;
    padding: 12px 30px !important;
    border-radius: 20px;
    font-weight: 600;
    font-size: 18px;
    transition: .2s ease-in-out;
    display: block;
   /* margin-left: auto;
    */
    margin-right: auto;
}
.role-creator .btnSave:hover {
    background-color: #674BFF;
    color: #2005B7 !important;
}


.role-creator .greyBoxCreator {
    background-color: #F3F4F6;
    border-radius: 20px;
    padding: 20px 30px;
    margin-top: 20px;
}
.role-creator .vatHead {
    display: flex;
    align-items: end;
    justify-content: space-between;
}
.role-creator .vatHead h4 {
    color: #674BFF;
    font-size: 45px !important;
}
.role-creator .contactHead {
    padding-top: 30px;
}
.role-creator .contactHead h4 {
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 10px;
    margin: 0;
}
.role-creator .priceEarned {
    text-align: center;
    padding-bottom: 30px;
}
.role-creator .priceEarned h4 {
    color: #2005B7;
    font-size: 45px;
    font-weight: 700;
    margin: 0;
}
.role-creator .priceEarned p {
    font-size: 24px;
    color: #2C2C2C;
    font-weight: 400;
    padding-bottom: 5px;
}
.greyBoxCreator .creditText {
    font-weight: 700 !important;
}
.role-creator .myEarningTabs .nav-tabs {
    max-width: 429px !important;
}
.role-creator .myEarningTabs .nav-link {
    padding: 5px 50px;
}
.role-creator .myEarningTabs .nav-link.active {
    padding: 5px 50px;
}
.genericTableStyle {
    background-color: #F3F4F6;
    border-radius: 20px;
    padding: 0 16px 1px 16px;
}
.genericTableStyle td {
    padding: 13px 30px !important;
}
.genericTableStyle th {
    padding: 18px 30px !important;
}
.genericTableStyle tr th, .genericTableStyle tr td {
    font-size: 16px !important;
    white-space: nowrap;
}
.page-profile-view-order .genericTableStyle tr td {
    white-space: normal !important;
}
.genericTableStyle thead tr th {
    background-color: #F3F4F6;
}
.genericTableStyle tbody tr {
    border-bottom: solid 5px #F3F4F6;
}
.genericTableStyle thead tr th {
    border: none !important;
}
.genericTableStyle tr td:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}
.genericTableStyle tr td:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}
.myEarningTabs .card {
    border: none !important;
}
.myEarningTabs .card-body {
    background-color: #F3F4F6;
    border-radius: 20px;
    padding: 0 16px;
}
/* .role-creator .earnedTable {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px dashed #674BFF;
    */
   /* background-color: #fff;
}
*/
.role-creator .earnedTable th{
    font-weight: 700;
    font-size: 16px;
   /* text-align: center;
    */
    width: 33%;
}
.role-creator .earnedTable th, .role-creator .earnedTable td {
    padding: 15px;
    border-right: 0;
    border-left: 0;
}
.role-creator .earnedTable td {
   /* text-align: center;
    */
    font-size: 14px;
}
.role-creator .relative {
    position: relative;
}
.role-creator #countdown {
    background-color: #FAFAFA;
    padding: 8px;
    display: flex;
    font-size: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
    display: flex;
    gap: 30px;
    text-align: center;
    justify-content: center;
    justify-content: space-around;
    width: 45%;
    border-radius: 10px;
    border: dashed 2px #C6BBFF;
    line-height: normal;
    color: #2C2C2C;
    min-height: 60px;
    align-items: center;
}
.role-creator #countdown div {
    min-width: 45px;
}
.role-creator #countdown div span {
    background-color:transparent;
    padding:0px;
    display: block;
    font-size: 16px;
    color:#7B7B7B 
}
.role-creator .row.videoUploadRow {
    padding-top: 50px;
    padding-bottom: 40px;
}
.role-creator .videoUploadRow .uploadBtn {
    border-radius: 20px;
    border: 1px solid #F1F1F1 !important;
    background-color: #F1F1F1 !important;
    color: #000 !important;
}
.role-creator .videoUploadRow .form-control::file-selector-button {
    background-color: #2005b7 !important;
    color: #fff !important;
}
.site_page_title {
    color: #674BFF;
    font-size: 65px;
}
/* View All Notification start */
.site_view_notificaiton_section .announcements {
    padding: 15px 0px 0px 0px;
    background-color: #fbfaff;
    margin-bottom: 15px;
    border-radius: 10px;
}
.site_view_notificaiton_section .announcements .announcements_content {
    padding-left: 20px;
    padding-right: 20px;
}
.site_view_notificaiton_section .announcement_actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
    padding: 10px 15px;
    background-color: #f1f0fd;
    border-radius: 10px;
}
.site_view_notificaiton_section .announcement_actions .date {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
}
.site_view_notificaiton_section .announcement_actions .date svg {
    width: 15px;
}
.site_view_notificaiton_section .unread_notification .announcements {
    background-color: #f3f4f6;
}
.site_view_notificaiton_section .unread_notification .announcements .announcement_actions {
    background-color: #eaeaea;
}
.site_view_notificaiton_section .unread_notification .announcements .announcement_actions .noti_reading svg, .site_view_notificaiton_section .unread_notification .announcements .announcement_actions .date svg {
    fill:#989898 
}
/* View All Notification end */
/* Order Chat start */
.site_profile_view_order .badge {
    padding: 8px 14px;
}
.creatorOrderChatWrapper {
}
.page-order-chat .creatorOrderDetails {
    border-radius: 15px;
    border: 1px solid #E0E0E0;
    background-color: #FFFFFF;
}
.page-order-chat .creatoOrderImage img {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    height: 250px;
    object-fit: cover;
}
.creatoOrderImage {
    backdrop-filter: blur(20px);
}
.page-order-chat .orderDescription {
    padding: 10px 30px;
}
.page-order-chat .creatorOrderDetails h3 {
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 0;
    color: #2C2C2C;
}
.page-order-chat .orderDescription span {
    font-size: 24px;
}
.page-order-chat .orderPriceRow {
    border: 2px dashed #8639FE;
    border-radius: 15px;
    padding: 7px 10px;
    margin-bottom: 30px;
    margin-top: 14px;
}
.page-order-chat .orderPriceRow span {
    background-color: #F3F4F6;
    border-radius: 10px;
    padding: 7px 10px;
    font-weight: 700;
   /* margin-right: 13px;
    */
    min-width: 110px !important;
    display: inline-block;
    text-align: center;
    font-size: 16px !important;
    color: #2c2c2c !important;
}
.page-order-chat .creatorOrderChatBox {
    border: 1px solid #E0E0E0;
    border-radius: 15px;
    padding: 29px 29px;
    margin-top: 30px;
}
.page-order-chat .chatTitle {
    border-bottom: 2px dashed #C6BBFF;
    padding-bottom: 20px;
    margin-bottom: 40px;
}
.page-order-chat .chatTitle h4 {
    margin-bottom: 0;
    color: #674BFF;
    font-weight: 700;
    font-size: 40px;
}
.page-order-chat .proposalBox {
    padding-bottom: 15px;
}
.page-order-chat .proposalBox h3 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 40px;
}
.page-order-chat .site_ads_video {
    height: auto !important;
    aspect-ratio: 9 / 16 !important;
    max-width: 100%;
}

.page-order-chat .site_ads_video video {
    width: 100%;
    height: auto;
    aspect-ratio: 9 / 16;
    object-fit: cover;
}
.page-order-chat .proposalCard {
    border: 1px solid #E0E0E0;
    border-radius: 15px;
    padding: 28px 25px;
}
.page-order-chat .proposalCard textarea {
    border: none;
    resize: none;
    padding: 0;
    outline: none !important;
    box-shadow: unset !important;
}
.page-order-chat .proposalCard .form-group {
    border-bottom: 2px dashed #C6BBFF;
    margin-bottom: 25px;
}
.site_profile_view_order .userImage img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    display: block;
    object-position: center center;
    border-radius: 10px;
}
.site_profile_view_order .creatorName{
    color: #674bff;
    font-size: 16px;
    text-transform: capitalize;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.site_profile_view_order .flexRowPrice{
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 0px 0;
}
.creatorOrderBrief {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.userDetailBox .userImage{
    cursor: pointer;
}
.site_profile_view_order .modal-header {
    justify-content: space-between;
}
.site_profile_view_order button.close {
    background-color: transparent !important;
    border: none !important;
    font-size: 35px;
    color: #000;
    height: 30px;
    margin-top: -22px;
}
.site_profile_view_order .modal-dialog{
    max-width:1080px 
}

/* Iban Account CSS */

.step {
    display: none;
}

.step.active {
    display: block;
    /*background-color: black;*/
}

/* .step-milestone {
    display: flex;
    margin-bottom: 20px;
    justify-content: space-between;
    background-color: #F3F4F6;
    padding: 10px;
    border-top-left-radius: 25px;  
    border-top-right-radius: 25px; 
    width: auto;
    border-bottom: 1px solid lightgrey;
} */

.step-milestone .milestone {
    background-color: #F3F4F6;
    border: 2px dashed #674BFF;
    padding: 30px 40px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 30px;
}
.step-milestone .milestoneCount {
    border-radius: 50%;
    background-color: #FFFFFF;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
}
.step-milestone .milestoneCount h1 {
    font-size: 60px;
    color: #674BFF;

}
.step-milestone .milestone h3 {
    font-size: 24px;
    margin-bottom: 3px !important;
}

/* .milestone.completed-tab > h1 {
    background-color: #674bff;
    color: rgba(0, 0, 0, 0.37);
    display: inline;
    margin: 0 auto 25px;
    border-radius: 50%;
    padding: 0 25px;
} */
.milestone.completed-tab > h3 {
    color:rgba(0, 0, 0, 0.37);
}
.milestone.completed-tab > small {
    color: rgba(0, 0, 0, 0.37);
}
.milestone.active-tab > h1 {
    background-color: rgba(211, 211, 211);
    color: black;
    display:inline;
    margin: 0 auto 25px;
    border-radius: 50%;
    padding: 0 25px;
}
.milestone.active-tab > h3 {
    color: black;
}
.milestone.active-tab > small {
    color: black;
}
.active-tab-previous > h1 , .active-tab-previous > h3 , .active-tab-previous > small{
    color: black
;
}
.bankDetailsForm .genericInputFiled {
    border: 1px solid #674BFF;
    border-radius: 20px;
    background-color: #ffffff;
    padding: 13px 28px;
}
.bankDetailsForm .form-label {
    padding-left: 15px;
}
.disabledIbnBtn {
    background-color: grey !important;
}

.ibanDisableBox{
    pointer-events: none !important;
    opacity: 0.3 !important;
}

@media(min-width:1200px) {
    .page-profile-view-order .site_brand_dashboard_section {
        min-height: 700px;
   }
}
.site_brand_dashboard_section video {
    width: 100%;
    height: 300px !important;
    object-fit: cover;
}



.page-order--videos .site_brand_dashboard_section video {
    height: auto !important;
}
.viewAllVideos {
    background-color: #2005B7;
    border: 1px solid #2005B7 !important;
    color: #ffffff !important;
    padding: 12px 30px !important;
    border-radius: 20px;
    font-weight: 600;
    font-size: 18px;
    transition: .2s ease-in-out;
    display: block;
    margin: 20px auto 0;
    width: fit-content;
}
.viewAllVideos:hover{
    background-color: transparent;
    color: #2005B7 !important;
}
.role-creator .cedits-stats{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.role-creator .cedits-stats .priceEarned{
    width: 32%;
    background-color: #F3F4F6;
    border-radius: 20px;
    border: 2px dashed #674BFF;
    padding: 20px;
    min-height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    text-align: center;
    flex-direction: column;
}
.greyBox {
    background-color: #F3F4F6;
    border-radius: 20px;
    padding: 20px;
    margin-top: 20px;
}
/* Order Chat end */
/** Reviews Page **/
.site_all_reviews_section .rating_details {
    display: block !important;
    text-align: right;
}
.site_all_reviews_section .rating {
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: end;
}
.ratingSeclectionBox .form-select {
    background-image: url('../../images/portal/dropdown-grey-icon.svg');
    background-position: right 1rem center;
    background-size: 21px 21px;
}
.ratingSeclectionBox .genericInputFiled {
    border: 2px dashed #5F29B3 !important;
    border-radius: 30px !important;
    min-width: 190px;
    padding: 6px 16px !important;
    background-color: #F6F6F6;
}
.site_all_reviews_section .site_brand_name {
    font-size: 24px !important;
    color: #674BFF;
}
.site_all_reviews_section .review {
    border: 1px solid #FFFFFF !important;
    margin-bottom: 8px !important;
    background-color: #FFFFFF;
    padding: 15px 28px;
}
.site_all_reviews_section .creator_reviews_bg {
    background-color: transparent !important;
    padding: 0 !important;
}
.site_all_reviews_section .sidebarDetailsBox.sidebarDetailsBoxPadding {
    padding: 18px 24px !important;
}
.role-creator .site_creator_meta_inner_single{
    width: 100% !important;
}
.role-creator .brand_data{
    align-items: flex-start !important;
}
.ratingSeclectionBox form {
    display: flex;
    align-items: center;
    gap: 20px;
}
.ratingSeclectionBox{
    justify-content: end;
}
.ratingSeclectionBox form label {
    white-space: nowrap;
    padding-bottom: 0;
    font-size: 16px;
    font-weight: 700;
}
/* Reviews Page End */


.site_academy_popup_inner {
    background-color: #fff;
    padding: 20px;
    border-radius: 20px; 
}

.page-creator-profile .profileFormWrapper .select2-container
{
    width: 100% !important;
}

.page-creator-profile .profileFormWrapper .select2 .select2-selection
{
    min-height: auto;
    padding: 8px 15px 8px 20px;
    border-radius: 8px;
}

.page-creator-profile .profileFormWrapper .select2 .select2-selection__clear
{
    background-color: #2005b7;
    color: #fff;
    width: 20px;
    border-radius: 100px;
    margin-right: 0px;
    text-align: center;
    height: 20px;
    line-height: 20px;
    margin-top: 8px;
}



/* Responsive Start */
@media (max-width: 1440px) {
    .role-creator .creatoOrderImage img {
        height: 250px;
   }
}
@media (max-width: 1399px) {
    .page-dashboard .navMainRow {
        justify-content: center;
    }
    .page-dashboard .navMainRow ul {
        margin-left: 0 !important;
    }
    .page-dashboard .appNav {
        display: block;
        text-align: center;
    }
    .page-dashboard .appNav h2 {
        padding-bottom: 20px;
    }
    .page-dashboard .navbar-expand-lg .navbar-nav {
        justify-content: center;
    }
    .page-creator-all-reviews div.site_brand_meta_single {
        display: flex !important;
   }
   /* .role-creator .brandProfileTabs .nav-link.active, .role-creator .brandProfileTabs .nav-link {
        padding: 5px 50px;
   }
    */
    .role-creator .brand_data {
        align-items: flex-start;
   }
    .role-creator .cardDetails {
        padding: 25px 10px 10px;
   }
    .role-creator .site_brand_meta_single {
        display: block !important;
   }
    .page-creator-view-profile .rating_details {
        padding-left: 50px;
        margin-top: -18px;
   }
}
@media (max-width: 1366px) {
    .page-creator-view-profile .site_brand_meta_single {
        display: block;
   }
    .page-creator-view-profile .review .comment {
        padding-top: 10px;
   }
   /* .page-creator-view-profile .brand_data {
        align-items: flex-start;
   }
    */
}

@media(max-width:1200px) and (min-width:992px)
{
    .page-creator-order-progress .orderStatusWrap {
        flex-flow: column;
        align-items: start !important;
        gap: 10px;
    }
}

@media (max-width: 1200px) {
    .page-order .creatorOrderRevBox .orderVideoRow {
        gap: 15px !important;
    }
    .role-creator .creatorOrderRevWrapper .priceLeftBox span {
        min-width: 80px !important;
   }
    .portfolioRow .row.gap-4 {
        gap: 0 !important;
   }
    .portfolioRow .col-md-3 {
        width: 33.33%;
        padding-bottom: 20px;
   }
    .role-creator .appCardsWrapper>.row>.col-md-3 {
        width: 33.33%;
   }
    .portfolioRow.videoCover .col-md-3 {
        width: 33.33%;
   }
    .role-creator .creatorBanner {
        padding: 22px 50px;
   }
    .role-creator .IntorVideoTitle {
        justify-content: flex-end;
   }
   /* .role-creator .cardDetails {
        padding: 25px 10px 10px;
   }
    */
    .role-creator .cardReviewRow .leftReviewBox span {
        margin-right: 15px;
   }

   .role-creator .creatorOrderRevWrapper .orderDescription, 
   .role-creator .creatorOrderRevBox .orderBriefingBox {
       padding-left: 0px;
   }
}
@media (max-width: 1199px) {
    .page-dashboard .appNav h2 {
        font-size: 30px;
    }
    .page-dashboard .appNav .nav-item {
        padding: 0 15px !important;
    }
    .page-dashboard .appNav {
        padding: 12px 15px;
    }
}
@media (max-width: 1156px) {
   /* .page-creator-view-profile .rating_details {
        margin-top: 0px;
   }
   */
}
@media (max-width: 1100px) {
    .site_profile_view_order .modal-dialog {
        max-width: 95% !important;
        margin-left: auto;
        margin-right: auto;
   }
}
@media (max-width: 1080px) {
   /* .role-creator .creatorOrderRevWrapper .orderDescription {
        padding-left: 0;
   }
    */
    .role-creator .creatorOrderRevWrapper .priceLeftBox span {
        margin-left: 10px;
   }
}
@media (max-width: 1024px) {
    .page-order-chat .proposalCard {
        margin-top: 20px;
   }
    .proposalBox .col-md-3, .proposalBox .col-md-9 {
        width: 100%;
   }
    .site_ads_map {
        margin-bottom: 30px;
   }
    .site_ad_section .col-lg-9, .site_ad_section .col-lg-3 {
        width: 100%;
        padding: 0 !important;
   }
    .role-creator .creatorOrderRevBox {
        margin-top: 40px;
   }
    .role-creator .briefingTitle {
        margin-bottom: 25px;
        padding-bottom: 0px;
        padding-top: 30px;
   }

   .page-creator-order-progress .briefingTitle 
   {
        padding-bottom: 10px;
    }

    .creatorOrderRevBox .col-md-9, .creatorOrderRevBox .col-md-3 {
        width: 100%;
   }
    .role-creator .creatoOrderImage img {
        /* object-fit: cover; */
        width: 96%;
        /* height: auto; */
   }
    .page-order-chat .creatorOrderDetails .col-md-3, .page-order-chat .creatorOrderDetails .col-md-9 {
        width: 100%;
   }
    .site_brand_dashboard_section .col-md-4 {
        width: 50%;
   }
    div#modalOrderDeliveryContent .col-md-4 {
        width: 50%;
   }
    section.site_brand_dashboard_section video {
        height: auto !important;
   }
   section.site_brand_dashboard_section video{
        height: 300px !important;
   }
}
@media (max-width: 992px) {
    .role-creator .appNav .nav-item:not(:last-child) {
        padding: 0 10px;
   }

   .page-dashboard .navMainRow ul {
        margin-bottom: 20px;
    }

   .page-dashboard .navMainRow {
    flex-flow: column;
}

   .page-dashboard .appNav .nav-item {
    padding: 0 10px !important;
}
    .role-creator .appNav {
        justify-content: space-between;
        padding: 12px 12px;
   }
    .portfolioRow .col-md-3 {
        width: 50%;
   }
    .portfolioRow.videoCover .col-md-3 {
        width: 50%;
   }
    .role-creator .userTitle h4 {
        font-size: 35px;
   }
    .role-creator .brandProfileTabs .nav-tabs li {
        padding-right: 0px;
   }
    .role-creator .appCardsWrapper>.row>.col-md-3 {
        width: 50%;
   }
    .role-creator .revOrderBox h5 {
        font-size: 28px;
   }
    .role-creator .creatorOrderRevBox h3 {
        font-size: 28px;
   }
    .role-creator .orderVideoBox h3 {
        font-size: 28px;
   }
    .role-creator .creatorOrderRevWrapper .priceLeftBox span {
        min-width: 60px !important;
   }
    .role-creator .creatorOrderRevWrapper .orderDescription {
        padding-right: 20px;
   }
    .role-creator .creatoOrderImage img {
        height: auto;
   }
    .role-creator .creatorOrderDetails h3 {
        font-size: 28px;
   }
   /* .creatoOrderImage {
        width: 110%;
   }
    */
    .role-creator .bannerTitle h2 {
        font-size: 55px;
   }
   /* .role-creator .appCardsWrapper>.row>.col-md-3 {
        width: 33.33%;
   }
    */
    .myApplicationBox .navbar-nav {
        flex-direction: row;
   }
    .role-creator .appNav h2 {
        font-size: 35px;
   }
    .role-creator .profileHeading {
        font-size: 35px;
   }

    .page-creator-order-progress .creatorOrderDetails .col-md-3, 
    .page-creator-order-progress .creatorOrderDetails .col-md-9 {
        width: 100%;
    }

    .page-creator-order-progress .propsalStatusWrap,
    .page-order .propsalStatusWrap
    {
        justify-content: center;
        flex-flow: column;
        gap: 5px;
    }

    .page-creator-order-progress .propsalOrderStatus {
        color: #000000;
    }

    .page-creator-order-progress .orderTitleMetaInfo {
        flex-flow: column;
        gap: 15px;
    }

    .page-creator-order-progress .creatorOrderDetails .creatoOrderImage img {
        border-radius: 15px;
        width: 90%;
        height: 300px;
        object-fit: contain;
        margin: 20px;
        border: solid #ccc;
        padding: 20px;
    }

    .page-creator-order-progress .creatorOrderDetails h3,
    .page-order .creatorOrderDetails h3  
    {
        color: #000000;
    }

    .page-creator-order-progress .creatorOrderDetails .col-md-3, 
    .page-creator-order-progress .creatorOrderDetails .col-md-9,
    .page-order .creatorOrderDetails .col-md-3, 
    .page-order .creatorOrderDetails .col-md-9

    { 
        width: 100%;
    }

    .page-creator-order-progress .propsalStatusWrap {
        justify-content: center;
        flex-flow: column;
        gap: 5px;
    }

    .page-creator-order-progress .propsalOrderStatus {
        color: #000000;
    }

    .page-creator-order-progress .orderTitleMetaInfo,
    .page-order .orderTitleMetaInfo
    {
        flex-flow: column;
        gap: 15px;
    }

    .page-creator-order-progress .creatorOrderDetails .creatoOrderImage img,
    .page-order .creatorOrderDetails .creatoOrderImage img
    {
        border-radius: 15px;
        width: 90%;
        height: 300px;
        object-fit: contain;
        margin: 20px;
        border: solid #ccc;
        padding: 20px;
    }

    .page-creator-order-progress .creatorOrderDetails h3 {
        color: #000000;
    }

    .orderStatusWrap {
        justify-content: space-between;
        flex-flow: column;
        gap: 15px;
    }

    .propsalStatusWrap .propsalOrderStatus {
        margin-right: 0px;
    }

    .propsalStatusWrap .propsalAccepted
    {
        margin-right: 0px;
    }

    .button.btnSave:focus
    {
        background-color: #2005B7 !important;
    }

}
@media (max-width: 991px) {
    #mandatoryVideoFrame {
        width: 600px !important;
        height: 380px !important;
    }
    .page-dashboard .bannerTitle h2 {
        font-size: 40px !important;
    }
    .freeAcademyBtn {
        padding: 14px 14px;
        font-size: 14px;
    }
    .phone_number_wrapper .custom_select {
        width: 54px;
    }
    .bankDetailsForm .col-2 {
        width: 33.33%;
    }
    .bankDetailsForm .col-3 {
        width: 50%;
    }
    .step-milestone .milestone {
        gap: 20px;
        padding: 20px 20px;
    }
    .step-milestone .milestoneCount {
        width: 70px;
        height: 70px;
    }
    .step-milestone .milestoneCount h1 {
        font-size: 40px;
    }
    .additonalServiceBlock img {
        object-fit: cover;
        object-position: top;
    }
    .role-creator .vatHead h4 {
        font-size: 35px !important;
   }
    .role-creator .cedits-stats .priceEarned {
        min-height: 170px;
   }
    .role-creator .priceEarned p {
        font-size: 18px;
   }
    .role-creator .priceEarned h4 {
        font-size: 35px;
   }
}
@media (max-width:768px) {
    .role-creator .portfolioImage{
        height: auto !important;
    }
    .page-dashboard .bannerTitle h2 {
        font-size: 35px !important;
    }
    .portfolioRow .col-md-3 {
        width: 100%;
   }
    .portfolioRow.videoCover .col-md-3 {
        width: 100%;
        padding-bottom: 20px;
   }
    .role-creator .appCardsWrapper>.row>.col-md-3 {
        width: 100%;
   }
    .site_brand_dashboard_section .col-md-4 {
        width: 100%;
   }
    div#modalOrderDeliveryContent .col-md-4 {
        width: 100%;
   }
    .role-creator .bannerTitle h2 {
        font-size: 45px;
   }
   /* .role-creator .appCardsWrapper>.row>.col-md-3 {
        width: 50%;
   }
    */
    .role-creator .appNav h2 {
        font-size: 25px;
   }
   /* .role-creator .appNav .nav-item:not(:last-child) {
        padding: 0 10px;
   }
    */
    .role-creator .cardWrap img {
        height: 300px;
   }
}
@media (max-width: 767px) {
    .page-dashboard .appNav h2 {
        padding-bottom: 10px !important;
    }
    .page-dashboard .navMainRow .d-flex:nth-child(2) {
        justify-content: center;
    }
    .page-dashboard .navMainRow {
        display: block !important;
    }
    .page-dashboard .navMainRow > ul {
        padding-bottom: 15px;
    }
    .freeAcademyBtn {
        padding: 14px 22px;
    }
    div.bankDetailsForm .greyBoxCreator {
        padding: 0 !important;
    }
    .step-milestone .milestone {
        margin-bottom: 15px;
    }
    .role-creator .priceEarned p {
        font-size: 16px !important;
   }
    .role-creator .priceEarned h4 {
        font-size: 24px !important;
   }
   /* .role-creator .brandProfileTabs .nav-link.active, .role-creator .brandProfileTabs .nav-link {
        padding: 5px 30px;
   }
    */
    .page-creator-reviews .site_brand_name {
        font-size: 20px !important;
   }
    .site_page_title {
        font-size: 35px;
   }
    .myApplicationBox .navbar-nav {
        overflow: auto;
        white-space: nowrap;
        width: 100%;
        margin-top: 12px;
        justify-content: center;
        margin-left: 0;
   }
    .role-creator .appNav {
        padding: 12px 15px;
        justify-content: space-between;
        display: block;
        text-align: center;
   }
    .role-creator .portfolioRow {
        padding: 30px 0 0;
   }
    .brandLogosRow .d-flex {
        display: block !important;
   }
    .role-creator .custom-file-upload.selectImageBtn {
       /* cursor: pointer;
        */
        margin-top: 15px;
   }
    .role-creator .brandLogosRow {
        padding: 12px 12px;
   }
    .trustedMeSlider .site_brands_title {
        margin-bottom: 30px !important;
   }
    .role-creator .profileWrapperContent .profileInner {
        padding-bottom: 30px;
   }
    .role-creator .clientLogoSwiper3 .swiper-slide {
        width: 30% !important;
   }
    .role-creator .profileHead {
        padding-left: 20px;
        gap: 30px;
   }
    .persnolInfoBox.pb-5 {
        padding-bottom: 0px !important;
   }
    .contactInner.profileWrapperContent {
        padding-bottom: 0 !important;
   }
    .role-creator .greyBoxCreator {
        padding: 20px 20px !important;
   }
    .page-creator-view-profile .site_ads_video {
        margin-bottom: 20px;
   }
    .site_cbs_holder {
        padding-left: 20px;
   }
    .role-creator .orderBriefingBox {
        padding-left: 0px;
        padding-bottom: 0;
   }
    .role-creator .RevOrderPriceBox {
        padding: 10px;
   }
    .role-creator .orderDescription .pb-5 {
        display: block !important;
   }
    .orderRevContent {
        padding-bottom: 15px;
   }
    .role-creator .creatorOrderRevWrapper .orderDescription {
        padding-right: 0px !important;
        padding-left: 0px !important;
   }
    .creatoOrderImage {
        text-align: center;
   }
    .role-creator .creatoOrderImage img {
        height: auto;
       /* width: 97%;
        */
        margin: 5px 0;
   }
    .role-creator .site_video_thumb {
        height: auto;
        width: 100%;
   }
   /* .page-order-chat .proposalCard {
        margin-top: 20px;
   }
    */
    .page-order-chat .orderDescription span {
        font-size: 20px;
   }
    .page-order-chat .creatorOrderDetails h3 {
        font-size: 28px;
   }
    .page-order-chat .creatoOrderImage img {
        border-radius: 15px;
   }
    .site_profile_view_order .modal-dialog {
        max-width: 90% !important;
   }
    .role-creator .bannerTitle h2 {
        text-align: center;
        margin-bottom: 30px;
   }
    .role-creator .IntorVideoTitle {
        justify-content: center;
   }

   
   .page-creator-order-progress .orderStatusWrap
   {
       flex-flow: column;
       align-self: center;
   }

   .role-creator .creatorOrderRevBox .orderVideoRow {
        flex-wrap: wrap;
    }

    .role-creator .creatorOrderRevBox .orderVideoRow span {
        width: 48%;
        text-align: center;
        justify-content: center;
    }

    .role-creator #countdown
    {
        width: 100%;
    }

    .orderLinks {
        flex-flow: column;
    }

    .page-creator-order-progress .orderLinks .darkBtn, 
    .page-creator-order-progress .orderStatusWrap .darkBtn
    {
        text-align: center;
    }

    .page-creator-order-progress .orderLinks .chatBtn svg {
        margin-left: 68px;
    }

    .page-creator-order-progress .orderStatusWrap .orderAssignto {
        margin-bottom: 20px;
        max-width: 219px;
        width: 100%;
    }

    .page-creator-order-progress .orderStatusWrap .opOrderAssign {
        background: #674BFF;
        color: #fff;
        padding: 5px 30px;
        border-radius: 15px;
        display: block;
        text-align: center;
    }

}
@media (max-width: 667px) {
    #mandatoryVideoFrame {
        width: 500px !important;
        height: 320px !important;
    }
}
@media (max-width: 575px) {
    .role-creator .site_creator_banner_single
    {
        height: 250px;
    }

    #mandatoryVideoFrame {
        width: 400px !important;
        height: 250px !important;
    }
    .page-dashboard .appNav {
        padding: 10px 6px !important;
    }
    .page-dashboard .navMainRow .d-flex:nth-child(2) {
        flex-direction: column;
    }
    .freeAcademyBtn {
        font-size: 14px;
        padding: 10px 10px;
    }
    .page-dashboard .bannerTitle h2 {
        font-size: 30px !important;
    }
    .phone_number_wrapper.form-control.genericInputFiled {
        padding: 0;
    }
    .freeAcademyBtn {
        font-size: 14px;
    }
    .bankDetailsForm .form-select {
        background-position: right 0.5rem center !important;
    }
    .bankDetailsForm .genericInputFiled {
        padding: 12px 10px;
        font-size: 14px;
    }
    .bankDetailsForm .form-label {
        padding-left: 10px;
        font-size: 14px;
    }
    .bankDetailsForm {
        padding: 10px 5px !important;
    }
    .step-milestone .milestoneCount {
        width: 50px;
        height: 50px;
    }
    .step-milestone .milestoneCount h1 {
        font-size: 30px;
    }
    .step-milestone .milestone h3 {
        font-size: 20px;
    }
    .additonalServiceBlock {
        display: block !important;
    }
    .additionalServicesBox {
        padding: 15px 15px !important;
    }
    .additonalServiceBlock .addImg {
        margin-right: 0 !important;
        text-align: center !important;
    }
    .role-creator .creatorOrderRevBox .orderVideoRow span {
        width: 100%;
    }
    .role-creator .vatHead h4 {
        font-size: 28px !important;
   }
    .role-creator .cedits-stats .priceEarned {
        min-height: auto;
        width: 100%;
        margin-bottom: 20px;
   }
    .role-creator .cedits-stats {
        margin-bottom: 20px !important;
   }
    .page-creator-all-reviews .rating_details {
        padding-top: 20px;
        padding-left: 58px !important;
        margin-top: -18px !important;
        text-align: left !important;
   }
    .page-creator-all-reviews div.site_brand_meta_single {
        display: block !important;
   }
    .page-creator-all-reviews-creator_id .siebarDbtGroup {
        display: block !important;
   }
    .ratingSeclectionBox {
        padding-top: 20px;
   }
    .page-creator-view-profile .editBtn {
        margin-top: 0;
   }
    .ratingSeclectionBox {
        justify-content: flex-start;
        padding-top: 20px;
   }
    .page-creator-all-reviews .site_brand_name {
        font-size: 18px !important;
   }
    .page-creator-reviews .rating {
        justify-content: flex-start !important;
   }
   /* .page-creator-all-reviews .sidebarDetailsBox.sidebarDetailsBoxPadding {
        padding: 10px 8px !important;
   }
    */
    .page-creator-all-reviews .siebarDbtGroup {
        display: block !important;
   }
    .ratingSeclectionBox .genericInputFiled {
        width: fit-content;
   }
    .site_all_reviews_section .rating {
        justify-content: flex-start;
   }
    .site_page_title {
        font-size: 28px;
   }
    .iban_actions .btnSave {
        margin-top: 20px;
   }
    .iban_actions {
        display: block;
   }
    .role-creator .brandProfileTabs .nav-tabs {
        max-width: 100% !important;
   }
    .site_ads_map iframe {
        height: 350px;
   }
    .site_creator_thumb_single {
        width: 130px;
        height: 130px;
   }
    .role-creator .newBanner {
        padding: 100px 0;
   }
    .role-creator .form-select {
        background-position: right 1rem center;
   }
    .trustedMeSlider .site_brands_title {
        margin-bottom: 20px !important;
   }
    .role-creator .profileWrapperContent .profileInner {
        padding-bottom: 20px;
   }
    .role-creator .profileFormWrapper {
        padding: 0px 10px;
   }
    .role-creator .profilePicture {
        width: fit-content;
   }
    .role-creator .profileHead {
        padding-left: 10px;
       /* gap: 5px;
        */
        display: inline-block;
   }
    .role-creator .userTitle h4 {
        font-size: 28px;
   }
    .persnolInfoBox .greyBoxCreator {
        margin-bottom: 0 !important;
   }
    .accountBox .darkBtn {
        margin-top: 15px;
   }
    .role-creator .textFieldGeneric {
        padding: 10px 10px;
   }
    .role-creator .greyBoxCreator {
        padding: 20px 15px 10px !important;
        margin-bottom: 35px !important;
   }
    .role-creator .priceEarned p {
        font-size: 18px;
   }
    .role-creator .priceEarned {
        padding-bottom: 20px;
   }
    .role-creator .vatHead {
        display: block;
        padding-bottom: 30px !important;
   }
    .editBtn {
        width: fit-content;
        margin-top: 15px;
   }
    .role-creator .labelForm {
        padding: 0 9px;
   }
    .genericInputFiled {
        padding: 10px 10px;
   }
    .role-creator .btnSave {
        padding: 12px 24px !important;
        font-size: 16px;
   }
    .role-creator .contactHead h4 {
        font-size: 20px;
   }
    .page-creator-profile .profileHeading {
        text-align: left !important;
        padding: 25px 0;
   }
    .page-creator-all-reviews-creator_id .site_creator_meta_inner_single {
        padding-top: 0 !important;
   }
   /* .page-creator-all-reviews-creator_id .rating_details {
        margin-top: -4px;
   }
    */
   /* .role-creator .clientLogoSwiper3 .swiper-slide {
        width: 30% !important;
   }
    */
    .role-creator .editBtn a {
        font-size: 16px;
        padding: 5px 15px;
   }
    .page-creator-view-profile .switch div {
        padding: 5px 18px;
   }
    .creatorLinkBtn {
        margin-left: 10px !important;
   }
    .creatorEditRow .col-sm-4 {
        width: 35%;
   }
    .creatorEditRow .col-sm-8 {
        width: 65%;
   }
    .page-creator-view-profile .site_video_thumb {
        height: 295px !important;
        object-fit: cover;
   }
    .page-creator-view-profile .site_creator_meta_inner_single {
        padding-top: 0 !important;
        width: 100%;
   }
    .site_ad_section .row.mb-5 {
        margin-bottom: 30px !important;
   }
    .clientLogoSwiper3 {
        margin-bottom: 35px !important;
   }
    .role-creator .site_creator_meta_inner_single {
        padding-bottom: 0 !important;
        padding-top: 10px;
   }
    .role-creator .site_creator_meta_single {
        margin-bottom: 20px;
        display: block;
   }
    .site_creator_box_single {
        margin-bottom: 30px !important;
   }
    .site_creator_detail_single {
        column-count: 1;
   }
    .site_cbs_holder {
        padding-left: 10px;
        padding-right: 0;
        padding-bottom: 0;
   }
    .role-creator .revOrderBox h5 {
        font-size: 24px;
   }
    .role-creator .tags_row p {
        font-size: 14px;
   }
    .role-creator .orderVideoRow span svg {
        margin-right: 12px;
   }
    .role-creator .orderVideoRow span {
        font-size: 14px;
   }
    .role-creator .creatorOrderRevBox .orderVideoRow {
        margin-bottom: 25px;
        gap: 10px;
   }
    .role-creator .creatorOrderRevBox h3 {
        font-size: 24px;
        padding-bottom: 15px;
   }
    .role-creator .creatorOrderDetails h3 {
        font-size: 24px;
   }
    .role-creator .revOrderBox p {
        margin: 10px 0 20px;
   }
    .role-creator .creatorOrderRevBox {
        margin-top: 40px;
   }
    .page-order .backBtn {
        margin-top: 15px;
        margin-left: 0;
   }
    .role-creator .creatorOrderRevWrapper .priceLeftBox span {
        font-size: 14px;
        margin-left: 3px;
   }
    .page-order-chat .chatTitle {
        padding-bottom: 15px;
        margin-bottom: 25px;
   }
    .page-order-chat .proposalBox h3 {
        font-size: 24px;
        margin-bottom: 20px;
   }
    .page-order-chat .creatorOrderChatBox {
        padding: 10px 10px;
   }
    .page-order-chat .proposalCard {
        padding: 10px 10px;
   }
    .darkBtn svg, .lightBtn svg {
        margin-left: 10px;
   }
    .page-order-chat .orderDescription span {
        font-size: 18px;
   }
    .page-order-chat .creatorOrderDetails h3 {
        font-size: 24px;
        padding-bottom: 5px;
   }
    .page-order-chat .orderPriceRow span {
        min-width: fit-content !important;
        font-size: 14px !important;
   }
    .backBtn {
        width: 130px;
   }
    .darkBtn {
        padding: 12px 24px !important;
        font-size: 16px;
   }
    .page-order-chat .orderPriceRow {
        margin-bottom: 20px;
   }
    .page-order-chat .orderPriceRow {
        padding: 5px 5px;
   }
    .page-order-chat .creatoOrderImage img {
        height: auto;
   }
    .page-order-chat .orderDescription {
        padding: 10px 10px;
   }
    .site_brand_dashboard_section .col-md-4 {
        margin-bottom: 15px !important;
   }
    .role-creator .profileHeading {
        font-size: 28px;
        text-align: center;
   }
    .role-creator .rating_details {
        display: flex;
        padding-left: 46px;
        margin-top: -15px;
   }
   /* .role-creator .brand_data {
        align-items: flex-start;
   }
    */
   /* .role-creator .site_brand_meta_single {
        display: block !important;
   }
    */
    .site_profile_view_order .modal-header {
        padding: 10px 16px;
   }
    .site_profile_view_order button.close {
        font-size: 30px;
        margin-top: -16px;
   }
    .site_profile_view_order .modal-title {
        font-size: 18px;
   }
    .viewAllVideos {
        font-size: 16px;
   }
    .role-creator .creatorBanner {
        padding: 20px 20px;
   }
    .role-creator .bannerTitle h2 {
        font-size: 35px;
        margin-bottom: 0px;
   }
    .role-creator .cardDetails h4 {
        font-size: 20px;
   }
   /* .role-creator .appCardsWrapper>.row>.col-md-3 {
        width: 100%;
   }
    */
   /* .myApplicationBox .navbar-nav {
        overflow: auto;
        white-space: nowrap;
        width: 100%;
        margin-top: 12px;
        justify-content: center;
        margin-left: 0;
   }
    */
   /* .role-creator .appNav {
        padding: 12px 15px;
        justify-content: space-between;
        display: block;
        text-align: center;
   }
    */
    .role-creator .appNav .nav-item .nav-link {
        font-size: 14px;
   }
    .role-creator .appCardsWrapper {
        padding-top: 20px;
   }
    #announcements .offcanvas-header .header-title h5 {
        font-size: 20px;
   }
   
   .offcanvasAnnouncements .offcanvas-header img {
        width: 20px;
   }
    .site_profile_view_order .creatorName {
        font-size: 18px !important;
        line-height: normal;
   }
    .role-creator .cardWrap img {
        height: 250px;
   }
    .site_profile_view_order table {
        margin-bottom: 0 !important;
        margin-top: 2px;
   }
   /* .role-creator .brand_data {
        gap: 5px;
   }
    */
    .role-creator .fa-star:before {
        font-size: 14px;
   }
   /* .role-creator .review {
        padding: 5px;
   }
    */
    .role-creator .creator_reviews_bg {
        padding: 10px 8px !important;
   }
    .role-creator .sidebarDetailsBox.sidebarDetailsBoxPadding {
        padding: 10px 8px !important;
   }
    .page-creator-all-reviews .review {
        padding: 10px;
   }
   /* .role-creator .creator_reviews_bg .site_cbs_rating {
        margin-bottom: 0px;
   }
    */
    .role-creator .review .comment {
        font-size: 14px;
        padding-top: 12px;
   }


   .page-creator-view-profile .custom-modal-content
   {
    width: 80%;
    max-width: 100%;
    height: auto;
   }
   .page-creator-profile .profileFormWrapper .select2 .select2-selection__rendered li {
    margin-right: 30px;
    }

}
@media (max-width: 420px) {
    #mandatoryVideoFrame {
        width: 94% !important;
        height: 250px !important;
    }
}
@media (max-width: 414px) {
    .role-creator .earnedTable th, .role-creator .earnedTable td {
        padding: 15px 10px;
   }
    .role-creator #announcements {
        width: 96%;
   }
   /* .role-creator .greyBoxCreator {
        padding: 20px 10px !important;
   }
    */
}
@media (max-width: 380px) {
    .profileBox .fileName {
        width: 230px;
        display: flex        ;
        flex-flow: column;
        align-items: center;
   }
}
@media (max-width: 348px) {
    .role-creator .IntorVideoTitle .site_ads_video .bannerGif {
        height: 100%;
   }
}
/* Responsive End */


#saveBankDetail:disabled {
    cursor: not-allowed !important;
     opacity: 0.3;
}
#checkFirstStep:disabled {
    cursor: not-allowed !important;
     opacity: 0.3;
}
button:disabled {
    cursor: not-allowed !important;
     opacity: 0.3;
}
.custom-modal-overlay {
    display: none; 
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8); /* Dark transparent background */
    z-index: 9999;
}

/* Modal content container */
.custom-modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    max-width: 80%;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    text-align: center;
    height: 75vh;
}

/* Video player styles */
.custom-video-player {
    width: 100%;
    height: 70vh;
    border-radius: 5px;
    outline: none;
}

/* Close button */
.custom-modal-close {
    margin-top: 15px;
    background: #e74c3c;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    position: absolute;
    top: -38px;
    right: -25px;
    border-radius:50%;
}

/* Thumbnail image */
.custom-video-thumbnail {
    width: 75%;
    max-height: 400px;
    cursor: pointer;
    border-radius: 5px;
}

.select2-selection__choice{
    background-color: #6c63ff !important;
    padding: 3px 5px;
    color: white;
}
.select2-selection__choice__remove{
     color: white;
}