body {
    font-family: 'Roboto' !important;
    padding: 0;
    margin: 0;
    padding-top: 65px;
}

  /* ======================= VIDEO START =========================== */




.play_vid {
    position: absolute;
    top: 8px;
    right: 0;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 38px;
    background: rgba(38, 38, 54, 0.9);
    opacity: 0;
    visibility: hidden;
    padding-left: 3px;
}
.play_vid:before {
    display: none;
}
.video:hover .play_vid {
    margin: 0;
    right: 10px;
    visibility: visible;
    opacity: 1;
}
.play_vid svg {
    position: relative;
    left: -1px;
}
svg:hover path {
    fill: #e8a32c;
}
.play_vid svg path {
    fill: #fff;
}
.vid_thumbnail {
    position: relative;
}
.vid_thumbnail > a {
    display: block;
    position: relative;
    overflow: hidden;
}
.vid_thumbnail > a img {
    width: 100%;
    object-fit: cover;
}
.video:hover .vid_thumbnail > a img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.vid_thumbnail .watch_later,
.vidz_img .watch_later {
    display: inline-block;
    position: absolute;
    top: 7px;
    right: 0;
    width: 30px;
    height: 30px;
    background-color: #414346;
    line-height: 30px;
    color: #fff;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.vid_thumbnail .watch_later i,
.vidz_img .watch_later i {
    font-size: 14px;
}
.vid_thumbnail:hover .watch_later,
.vidz_img:hover .watch_later {
    opacity: 1;
    visibility: visible;
    right: 7px;
}
.vid-time {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 21px;
    line-height: 21px;
    color: #FFFFFF;
    font-size: 14px;
    padding: 0 6px;
    background: rgba(38, 38, 54, 0.9);
}
.video_info {
    position: relative;
    z-index: 2;
    width: 100%;
    margin-top: 14px;
    margin-bottom: 32px;
    position: relative;
    z-index: 1;
    background-color: #fff;
    padding: 15px;
    margin-top: -50px; /* Adjust as needed */
    border-radius: 20px;
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2); /* Add shadow for depth */
}

.video_info h3 {
    font-size: 22px;
    line-height: 23px;
    font-weight: 500;
    margin-bottom: 5px;
}

.video_info h2 {
    font-size: 22px;
    line-height: 23px;
    font-weight: 500;
    margin-bottom: 5px;
    text-align: right; /* Align text to the right */
}

.video_info .infoicon {
    display: inline-block;
    font-size: 25px;
    color: var(--primary); /* Example color for icon */
    float: right; /* Align the icon to the right */
    transition: transform 0.2s ease; /* Add transition for smooth scaling */
    font-weight: bold;
}

.video_info .infoicon:hover {
    transform: scale(1.2); /* Scale the icon up by 20% on hover */
    color: var(--neutral2); /* Example color for icon */
}



.video_info > span {
    display: inline-block;
    color: #6e6f70;
    font-size: 14px;
    line-height: 16px;
    /*margin-bottom: 15px;*/
}
.video_info > span .posted_dt {
    margin-left: 5px;
}
.verify_ic i {
    display: inline-block;
    font-size: 8px;
    margin-left: 6px;
    position: relative;
    top: -2px;
}
.sidebar .video_info > span {
    margin-bottom: 0;
}
.sidebar .video-list {
    margin-bottom: 8px;
}
.posted_dt {
    display: inline-block;
    color: #7e7e7e;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
}
.video_info > h4 {
    color: #6e6f70;
    font-size: 14px;
    line-height: 16px;
    padding-top: 5px;
    display: block;
    margin-bottom: 2px;
}
.upload-detail .video_info > h4 {
    color: #6e6f70;
    font-size: 14px;
}
.upload-detail .video_info.sr svg {
    float: none;
}
.cancel_vid {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.watch_later {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.watch_later {
	display: inline-block;
	position: absolute;
	top: 7px;
	right: 0;
	width: 30px;
	height: 30px;
	background-color: #414346;
	line-height: 30px;
	color: #fff;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.watch_later i {
	font-size: 14px;
}

.video-menu {
    position: absolute;
    top: 60px;
    right: 10px;
    z-index: 2;
}

.menu-icon {
    font-size: 20px;
    cursor: pointer;
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    padding: 5px;
}

.menu-options {
    display: none;
    position: absolute;
    top: 25px;
    right: 0;
    background: white;
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.menu-options a {
    display: block;
    padding: 5px;
    text-align: center;
    color: #333;
}

.menu-options a:hover {
    background: #f0f0f0;
}

.video-menu:hover .menu-options {
    display: block;
}

/* Media queries for responsive design */
@media (max-width: 576px) {
    .video-menu {
        top: 40px; /* Adjust the top position for small screens */
        right: 10px;
    }
}


/* ======================= VIDEO END ========================= */


.more_items_sec {
    padding: 70px 0;
    border-top: 1px solid #e2ebef;
}
.more_items_sec svg {
    width: 25px;
    height: 25px;
}
.more_items_sec svg path {
    fill:#000;
}



.btm_bar_content::-webkit-scrollbar {
    width: 1em;
    height: 3px;
}

.btm_bar_content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.btm_bar_content::-webkit-scrollbar-thumb {
background-color: #e8a32c;
outline: 1px solid #e8a32c;
}

.play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #9c1010;
    font-size: 40px;
    opacity: 0.7; /* Adjust opacity as needed */
    transition: opacity 0.3s ease; /* Add a transition effect */
}

.play-icon:hover {
    opacity: 1; /* Show the play icon on hover */
}






.pagination{
    margin-top: 70px;
    margin-bottom:30px;
}


.seller-details {
    background-color: #0000 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding-top: 0 !important;
}

.thead-block-group {
    position: sticky;
    top: 44.5px;
}

.navbar-customize {
    /*position: fixed;*/
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
}

.color-cecece {
    color: #cecece !important;
}

.no-resize {
    resize: none;
}



#order-note {
    /* Style for "Rectangle" */

    height: 93px;
    border: 1px solid #cecece;
    background-color: #f0f1f5;
}



    #order-note::-webkit-input-placeholder {
        opacity: 0;
    }



    #order-note::-moz-placeholder {
        opacity: 0;
    }



    #order-note:-ms-input-placeholder {
        opacity: 0;
    }



    #order-note::-ms-input-placeholder {
        opacity: 0;
    }



    #order-note::placeholder {
        opacity: 0;
    }



.margin-auto {
    margin: 0 auto;
    display: inherit !important;
}



.pre {
    white-space: pre;
}



.text-left {
    text-align: left;
}



#footer {
    border-radius: 20px 20px 0 0;
    -webkit-box-shadow: 0 3px 22px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 22px rgba(0, 0, 0, 0.16);
    background-color: white;
}



.content-small {
    max-width: 1274px;
    margin: 0 auto;
}



.content-regular {
    max-width: 1080px;
    margin: 0 auto;
}



.mr-auto {
    margin-right: auto;
}



.artist-reviews-block .scroll {
    overflow: auto;
    max-height: 620px;
}



.input-some {
    color: #d3d3d3;
    font-size: 14px;
    font-weight: 500;
}



.input-some-darkgray {
    color: #848484;
    font-size: 14px;
    font-weight: 500;
}



.info-similar {
    color: #d1d1d3;
    font-size: 12px;
    font-weight: 500;
}



.icon-file {
    width: 18px;
    height: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    mask: url(/img/file-icon.svg);
    -webkit-mask: url(/img/file-icon.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    background-color: #b5b5be;
}



[class*="content-project-return-answer-"] [class*="result-"] {
    color: #92929d;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}



[class*="content-project-return-answer-"] [class*="question-"] {
    color: #92929d;
    font-size: 16px;
    font-weight: 300;
}



.classical-shadow {
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 12px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 12px;
}



.artist-reviews-item {
    background-color: #fafafa;
    -webkit-box-shadow: rgb(0 0 0 / 10%) 0px 0px 12px !important;
    box-shadow: rgb(0 0 0 / 10%) 0px 0px 12px !important;
}



    .artist-reviews-item:hover {
        background-color: white;
        -webkit-box-shadow: rgb(0 0 0 / 0%) 0px 0px 12px;
        box-shadow: rgb(0 0 0 / 0%) 0px 0px 12px;
    }



    .artist-reviews-item:not(:hover) {
        -webkit-box-shadow: rgb(0 0 0 / 0%) 0px 0px 12px !important;
        box-shadow: rgb(0 0 0 / 0%) 0px 0px 12px !important;
    }



.border-radius {
    border-radius: 10px;
}



.margin-left-auto {
    margin-left: auto;
}



.margin-right-auto {
    margin-right: auto;
}



.modaal-overlay {
    background-color: #ffffff73 !important;
    opacity: 1 !important;
}



.dropdown-toggle::after {
    content: '';
    width: 18px;
    height: 24px;
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    mask: url(/img/down-arrow.svg);
    -webkit-mask: url(/img/down-arrow.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    background-color: white;
    padding: 0 !important;
    margin: 0 !important;
}



.file-drop-area:not(.file-style,.input-style) {
    position: relative;
    max-width: 100%;
    min-height: 256px;
    padding: 25px;
    border: 1px dashed rgba(255, 255, 255, 0.4);
    border-radius: 3px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    background-color: #f0f1f5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 16px;
    font-weight: 500;
}



.upload-some-content .file-drop-area:not(.file-style,.input-style) {
    min-height: inherit;
    min-width: inherit;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0;
    gap: 15px;
    border-radius: 50px 0 50px 40px;
    border: solid 3px #27b32200;
    padding: 5px 10px;
}



.content-font .file-drop-area {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}



.content-image.upload-some-content .file-drop-area:not(.file-style) {
    border-radius: 50px 0 50px 50px;
}



.content-image.upload-some-content .file-drop-area .file-message {
    color: #a0a0a0;
    font-size: 13px;
    font-weight: 500;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    max-width: 130px;
}



.upload-some-content .file-drop-area:not(.file-style).active {
    border: none;
}



.upload-some-content .file-drop-area.active + .upload-icon-contentt {
    background-color: var(--bs-success);
}



    .upload-some-content .file-drop-area.active + .upload-icon-contentt i {
        background-color: white;
    }



.file-drop-area:hover {
    background-color: #eeeff3;
}



.content-text-info {
    color: var(--bs-primary);
    grid-column: 1 / -1;
    font-size: 12px;
    font-weight: 500;
}



.choose-file-button {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 3px;
    padding: 8px 15px;
    margin-right: 10px;
    font-size: 12px;
    text-transform: uppercase;
    color: #d62e2f;
}



.file-message {
    font-size: small;
    font-weight: 300;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}



.upload-some-content.content-logo .file-message {
    display: none;
}



.upload-some-content.content-image :is(.choose-file-button,.image-content) {
    display: none;
}



.file-input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100% !important;
    width: 100%;
    cursor: pointer;
    opacity: 0;
}



select {
    cursor: pointer;
}



.rounded-pill {
    aspect-ratio: 1;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}



.text-primary {
    color: #d62e2f !important;
}



.form-select.is-valid:focus, .was-validated .form-select:valid:focus {
    border-color: #198754 !important;
    -webkit-box-shadow: 0 0 0 0.25rem rgb(25 135 84 / 25%) !important;
    box-shadow: 0 0 0 0.25rem rgb(25 135 84 / 25%) !important;
}



.element-all-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}



.cursor-pointer {
    cursor: pointer;
}



.form-control:focus {
    border-color: #d62e2f !important;
    -webkit-box-shadow: 0 0 0 0.25rem rgb(214 46 47 / 26%) !important;
    box-shadow: 0 0 0 0.25rem rgb(214 46 47 / 26%) !important;
}



.back-to-login {
    width: calc(50% - 8px);
    height: 48px;
    border-radius: 50px;
    border: solid 1px #d62e2f;
    color: #d62e2f;
    font-size: 16px;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
}



    .back-to-login:hover {
        background-color: #d62e2f;
        color: white;
    }



.member-login-in-popup form, .pass-create-for-forgot-popup form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 320px;
    gap: 20px;
}



    .member-login-in-popup form label, .pass-create-for-forgot-popup form label {
        height: 48px !important;
        padding: 15px 16px !important;
    }



    .member-login-in-popup form input, .pass-create-for-forgot-popup form input {
        height: 48px !important;
        border-radius: 4px;
        background-color: #f0f1f5;
        border: none;
        padding-left: 17px !important;
    }



    .member-login-in-popup form .form-label-group, .pass-create-for-forgot-popup .form-label-group {
        width: 100%;
    }



body .layout {
    background-image: url(/img/bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 9;
}



a {
    color: #848484;
}



.order-md-last .upload-save {
    gap: 7px;
    -webkit-box-shadow: 0 1px 22px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 22px rgba(0, 0, 0, 0.15);
}



    .order-md-last .upload-save:hover i {
        background-color: var(--bs-primary);
    }



.new-upload {
    min-height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #d62e2f;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: white;
    border-radius: 50px;
    padding: 0 25px;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    width: 100%;
    max-width: 200px;
}



.details-content .marketplace-item-product-download {
    width: 18px;
    height: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    mask: url(/img/download.svg);
    -webkit-mask: url(/img/download.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    background-color: #d62e2f;
}



.detailLink {
    color: #627791;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    width: calc(100% - 120px) !important;
}



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



.product-discounted-price {
    color: #627791;
    font-family: Roboto;
    font-size: 17px;
    font-weight: 300;

}



.swiper-container {
    position: relative;
    overflow: hidden;
}



.link-hover-gray:hover {
    background-color: #f6f6f6;
}



.link-hover-red:hover {
    background-color: #ff0000;
}



/* Personalization CSS */

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none !important;
    line-height: normal;
}



#bussiness-media iframe {
    border-radius: 16px;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.16);
}



.center-all {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}



.fp-header-5 {
    min-width: 279px;
}



.fountain-pen-header div[class*="fp-header-1"] {
    padding-left: 20px;
    text-align: left !important;
}



.fountain-pen-header div[class*="fp-header-2"] {
    //max-width: 100px !important;
    text-align: center !important;
}



.fountain-pen-header div[class*="fp-header-3"] {
    text-align: center !important;
}



.fountain-pen-header div[class*="fp-header-4"] {
    text-align: center !important;
}



.fountain-pen-header div[class*="fp-header"] {
    width: 100%;
    color: #848484;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}



.fountain-pen-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /* Style for "Rectangle" */

    height: 65px;
    border-radius: 20px;
    border: 1px solid #eeeff3;
    background-color: #f5f5f5;
}



.content-seller-details label {
    font-weight: 500;
    font-size: 14px;
    color: #848484;
}



.content-seller-details-item input {
    /* Style for "Area [DISP" */

    height: 24px;
    background-color: #f0f1f5;
}



.credit-cart-option {
    max-width: 941px !important;
    margin: 0 auto;
}



.width-customize-3521 {
    max-width: 430px;
}



.checkout-step-item input[type="text"] {
    /* Style for "Rectangle" */

    max-width: 324px;
    height: 20px;
    border-radius: 20px;
    border: 1px solid #cecece;
    background-color: #f0f1f5;
    font-size: 14px;
    width: 100%;
}



.checkout-step-item label {
    color: #848484;
}



.checkout-step-item input[type="text"]::-webkit-input-placeholder {
    opacity: 0;
}



.checkout-step-item input[type="text"]::-moz-placeholder {
    opacity: 0;
}



.checkout-step-item input[type="text"]:-ms-input-placeholder {
    opacity: 0;
}



.checkout-step-item input[type="text"]::-ms-input-placeholder {
    opacity: 0;
}



.checkout-step-item input[type="text"]::placeholder {
    opacity: 0;
}



.content-table-mod tbody .word-status-list[data-order-status="declined"] * {
    color: var(--bs-primary) !important;
}



.content-table-mod tbody .word-status-list[data-order-status="declined"] .cursor-pointer {
    cursor: no-drop;
}



.icon-cover {
    display: inherit;
    background-color: #fffffff5;
    border-radius: 100%;
    padding: 3px;
    -webkit-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    transition: all 1.5s ease;
}



.icon-cart-big {
    min-width: 32px;
    min-height: 27px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    mask: url(/img/cart-big.svg);
    -webkit-mask: url(/img/cart-big.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    background-color: #848484;
}



.icon-buy {
    min-width: 27px;
    min-height: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    mask: url(/img/cart-real.svg);
    -webkit-mask: url(/img/cart-real.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    background-color: white;
}



.order-md-last .sub-total-last {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 293px;
    margin-bottom: 23px;
}



.total-cart-option .order-md-last * {
    margin-bottom: 0 !important;
}



.sub-total-rewards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #848484;
    font-size: 13px;
    font-weight: 500;
}



.total-cart-option .order-md-last .sub-total-last * {
    font-size: 22px;
}



.sub-total-last :is(.title-last,span) {
    color: #3d3d3d;
    font-size: 35px;
    font-weight: 100;
}



.total-cart-option .order-md-last .title-last {
    font-size: 22px;
}



.sub-total :is(.title,span) {
    color: #3d3d3d;
    font-size: 22px;
    font-weight: 100;
}



.order-md-last .sub-total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 293px;
    margin-bottom: 23px;
}



.add-campaign-code .input-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 10px;
}



    .add-campaign-code .input-group input[type="text"] {
        width: 100%;
        border: 1px solid #cecece !important;
        background-color: #f0f1f5 !important;
        height: 22px !important;
        border-radius: 50px !important;
        padding: 0 10px;
        font-size: 12px;
        text-align: center;
    }



        .add-campaign-code .input-group input[type="text"]::-webkit-input-placeholder {
            opacity: 0;
        }



        .add-campaign-code .input-group input[type="text"]::-moz-placeholder {
            opacity: 0;
        }



        .add-campaign-code .input-group input[type="text"]:-ms-input-placeholder {
            opacity: 0;
        }



        .add-campaign-code .input-group input[type="text"]::-ms-input-placeholder {
            opacity: 0;
        }



        .add-campaign-code .input-group input[type="text"]::placeholder {
            opacity: 0;
        }



    .add-campaign-code .input-group button {
        margin: 0;
        border-radius: 50px !important;
        font-size: 10px;
        font-weight: 500;
        color: white;
        padding: 4px 16px;
        border: none !important;
    }



.add-compaign {
    color: #848484;
    font-size: 13px;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 6px;
}



.cart-list-body .cart-list-row:not(.cart-list-head) {
    border-bottom: 1px solid #e3e3e3 !important;
}



.cart-list-body .cart-list-row:nth-child(2) {
    border-radius: 20px 20px 0 0;
}



.cart-list-body .cart-list-row:last-child {
    border-radius: 0 0 20px 20px;
}



.action-btn-modal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}



.bussiness-project-details b {
    font-size: 21px;
    font-weight: 400;
}



#bussiness-button-upload .classical-btn, #final-work-btn .classical-btn {
    -webkit-box-shadow: 0 1px 22px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 22px rgba(0, 0, 0, 0.15);
    min-width: 195px;
}



.info-available {
    text-align: center;
    margin-bottom: 41px;
    font-weight: 500;
    height: 19px;
    color: #2e6bd6;
}



.modaal-container {
    border-radius: 20px !important;
    -webkit-box-shadow: 0 1px 22px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 22px rgba(0, 0, 0, 0.15);
}



.refund-revised-note {
    -webkit-box-shadow: 0 1px 22px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 22px rgba(0, 0, 0, 0.15);
    max-width: 679px;
    margin: 0 auto;
    padding: 15px;
    border-radius: 20px;
    gap: 15px;
}



    .refund-revised-note .icon-btnn {
        min-height: 25px;
        min-width: 19px;
    }



    .refund-revised-note textarea {
        background-color: #f0f1f5;
        border-radius: 15px;
        width: 100%;
        padding: 23px;
        max-height: 182px;
        border: none;
        outline: none;
        resize: none;
    }



    .refund-revised-note button {
        min-height: 42px;
        min-width: 138px;
        font-weight: 500;
        font-size: 16px;
    }



    .refund-revised-note form {
        width: 100%;
        max-width: 545px;
        gap: 15px;
    }



.choose-final-work, .choose-final-work .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}



.choose-final-work {
    margin: 40px 0;
}



    .choose-final-work .content {
        max-width: 565px;
        gap: 40px;
    }



        .choose-final-work .content .choose-final-work-paragraph {
            font-size: 16px;
            font-weight: 500;
            color: #cecece;
            text-align: center;
            margin: 0;
        }



        .choose-final-work .content button[type="button"] {
            border: none;
            height: 27px;
            border-radius: 50px;
            font-weight: 500;
            font-size: 18px;
            padding: 0 15px;
        }



            .choose-final-work .content button[type="button"][data-final-role="declined"] {
                background-color: var(--bs-primary);
                color: white;
            }



            .choose-final-work .content button[type="button"][data-final-role="approved"] {
                background-color: var(--bs-success);
                color: #fff;
            }



.bussiness-media-modal .flex-content-title {
    color: #707070;
}



.accordion-item:first-of-type {
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
}



.accordion-item:nth-child(3) {
    border-bottom-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}



.upload-some-content .upload-icon-contentt {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    min-width: 22px;
    height: 22px;
    border-radius: 5px;
    background-color: #cecece;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}



    .upload-some-content .upload-icon-contentt .icon-uploadd {
        height: 18px;
    }



#bussiness-media-modal {
    max-width: 797px;
    -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.16);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.16);
    border-radius: 20px;
    overflow: hidden;
    margin: 0 auto;
}



.form-photos-in-order {
    border-right: solid 1px #eeeff3;
}



.accordion-item .accordion-collapse {
    border-top: solid 1px #eeeff3;
}



.page-404 img {
    max-width: 551px;
}



.content-vertical-hr {
    width: 1px;
    height: 100%;
    border: 1px solid #cecece;
    margin: 0 auto;
}



.mobile-menu-shadow {
    position: fixed;
    inset: 0;
    background-color: #00000096;
    z-index: 9999;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}



    .mobile-menu-shadow:not(.active) {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }



.mobile-navigation .header-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 60px;
    background-color: #d62e2f;
    padding: 0 8px;
    color: white;
}



    .mobile-navigation .header-mobile span {
        font-size: 20px;
        text-transform: uppercase;
    }



.mobile-navigation {
    position: fixed;
    z-index: 99999;
    background-color: white;
    inset: 0;
    max-width: 90%;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}



    .mobile-navigation:not(.active) {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-101%);
    }



.chart-canvas {
    background-color: #f0f1f5;
    padding: 20px;
}



.content-sales-charts {
    padding: 20px;
    border-radius: 10px;
    -webkit-box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
}



.chart-btn-drop .btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
}



.charts-secondary {
    padding: 0 !important;
    line-height: normal !important;
    color: #848484 !important;
    font-size: 21px !important;
    font-weight: 500 !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
    border: none !important;
}



    .charts-secondary:after {
        background: #848484;
    }



.content-sales-rank-item .rank-info {
    color: #d1d1d3;
    font-size: 12px;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
}



.content-sales-rank-item .sales-chart-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 4px;
    color: #d62e2f;
    font-size: 24px;
    font-weight: 500;
}



.content-sales-rank-item .rank-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #d1d1d3;
    font-size: 12px;
    font-weight: 500;
}



.content-sales-rank-item .rank-date {
    color: #848484;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}



.content-sales-rank-item .content-shadow, .content-seller-details-item .content-shadow {
    -webkit-box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
    padding: 16px;
    border-radius: 20px;
    background-color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}



.icon-chat {
    width: 24px;
    height: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    mask: url(/img/chat-icon.svg);
    -webkit-mask: url(/img/chat-icon.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    background-color: #b5b5be;
}

.icon-online {
    width: 24px;
    height: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    mask: url(/img/online.svg);
    -webkit-mask: url(/img/online.svg));
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    background-color: #38dd11;
}

.icon-offline {
    width: 24px;
    height: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    mask: url(/img/online.svg);
    -webkit-mask: url(/img/online.svg));
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    background-color: #ff0404;
}



.icon-emoji {
    width: 23px;
    height: 22px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    mask: url(/img/emoji.svg);
    -webkit-mask: url(/img/emoji.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    background-color: #b5b5be;
}



.user-not-img {
    width: 100%;
    height: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-color: #d6d6d6;
}



    .user-not-img + img {
        position: absolute;
        inset: 0;
    }



    .user-not-img:before {
        content: attr(data-name);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        inset: 0;
        position: absolute;
        font-weight: 500;
        color: #666;
    }



.content-chat-user-profile {
    width: 42px;
    height: 42px;
}



[class*="buttons-return-decision-"] {
    min-height: 27px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: 50px;
    padding: 0 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: white;
    margin-right: 10px;
}



    [class*="buttons-return-decision-"]:not(:hover) {
        opacity: .8;
    }



    [class*="buttons-return-decision-"][data-role="decline"] {
        background-color: var(--bs-primary);
    }



    [class*="buttons-return-decision-"][data-role="accept"] {
        background-color: var(--bs-success);
    }



.project-special-name {
    color: #11142d;
    font-size: 24px;
    font-weight: 700;
}



.project-special-time {
    color: #9a9ab0;
    font-size: 12px;
    font-weight: 400;
}



.project-special-answer span[class*="answer-"] {
    color: #92929d;
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: solid 1px #eeeff3;
    padding-bottom: 15px;
    padding-top: 15px;
}



.content-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 100%;
}



    .content-status .declined-or-approved[data-role="false"] {
        color: var(--bs-primary);
    }



    .content-status .declined-or-approved[data-role="ready"] {
        color: #0eb7d2;
    }



    .content-status .declined-or-approved[data-role="true"] {
        color: var(--bs-success);
    }



    .content-status .declined-or-approved {
        min-height: 27px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-style: solid;
        border-width: 1;
        border-color: currentColor;
        padding: 0 15px;
        text-transform: capitalize;
        font-size: 13px;
        font-weight: 500;
    }



.project-id-reviews {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 100%;
    gap: 3px;
    color: #11142d;
    font-size: 16px;
    font-weight: 700;
}



    .project-id-reviews .name {
        color: #11142d;
        font-size: 16px;
        font-weight: 700;
    }



    .project-id-reviews .id {
        color: #11142d;
        font-size: 16px;
        font-weight: 700;
    }



    .project-id-reviews .money {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 2px;
        color: #92929d;
        font-size: 12px;
        font-weight: 400;
    }



.project-image-reviews {
    position: relative;
    border-radius: 10px;
    max-width: 50px;
    max-height: 50px;
    overflow: hidden;
}



    .project-image-reviews span {
        min-width: 50px;
        min-height: 50px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        background-color: #e1e1e1;
        z-index: 1;
    }



    .project-image-reviews img {
        border-radius: 10px;
        z-index: 2;
        position: absolute;
        inset: 0;
    }



    .project-image-reviews span:before {
        content: attr(data-name);
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        width: 100%;
        height: 100%;
        color: #282828;
        z-index: 2;
        font-size: 21px;
        inset: 0;
        font-weight: 600;
    }



.close-modaal {
    width: 30px !important;
    height: 30px !important;
    position: absolute !important;
    right: 20px !important;
    top: 20px !important;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    mask: url(/img/close-red.svg);
    -webkit-mask: url(/img/close-red.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 20px;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 20px;
    background-color: var(--bs-primary) !important;
    cursor: pointer !important;
    border-radius: 0 !important;
}



    .close-modaal:before, .close-modaal:after {
        display: none !important;
    }



.file-drop-area.file-style .icon-file {
    width: 90px;
    height: 90px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border: solid 1px #c3c3c3;
    mask: url(/img/file.svg);
    -webkit-mask: url(/img/file.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    background-color: #848484;
    font-size: 0;
}



.file-drop-area.active.file-style .icon-file {
    background-color: #27b322;
}



.control-input-value {
    min-width: 24px;
    min-height: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-image: url(/img/check-false.svg);
    background-size: contain;
}



    .control-input-value:not(.active) {
        background-image: url(/img/check-false.svg);
    }



    .control-input-value.active {
        background-image: url(/img/check-true.svg);
    }



.content-form-step-3 .form-input .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 10px;
}



    .content-form-step-3 .form-input .item:before {
        counter-increment: section;
        content: counter(section) ".";
        position: relative;
        color: #707070;
        font-size: 20px;
        font-weight: 400;
    }



.content-form-step-3 .form-input {
    counter-reset: section;
    overflow-y: auto;
    height: 200px;
    padding-right: 20px;
    padding-top: 10px;
}



    .content-form-step-3 .form-input input[type="text"] {
        height: 34px !important;
        border-radius: 50px 0 50px 50px;
        font-size: 16px;
        font-weight: 500;
    }



.form-photos-in-order .upload-some-content:before {
    display: none;
}



.content-modal .accordion-body:not(.no-grid) {
    counter-reset: section;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 15px 1fr 15px 1fr 15px 1fr;
    grid-template-columns: repeat(4,1fr);
    gap: 15px;
}



.image-content {
    min-width: 50px;
    min-height: 50px;
    aspect-ratio: 1;
    position: relative;
    overflow: hidden;
    border-radius: 100%;
    -webkit-box-shadow: rgb(80 80 80 / 24%) 0px 0px 8px;
    box-shadow: rgb(80 80 80 / 24%) 0px 0px 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: white;
    display: none;
}



.upload-some-content img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}



    .upload-some-content img[src="#"] {
        opacity: 0;
    }



.upload-some-content {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
}



    .upload-some-content:before {
        counter-increment: section;
        content: counter(section) ".";
        position: relative;
        color: #707070;
        font-size: 20px;
        font-weight: 400;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }



    .upload-some-content form {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }



    .upload-some-content .choose-file-button {
        margin: 0;
        padding: 0;
    }



.content-modal .accordion-button[type="button"] {
    color: #2e6bd6 !important;
    gap: 5px;
    border-bottom: none !important;
    min-width: 279px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    padding-right: 20px !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}



    .content-modal .accordion-button[type="button"] .action-upload {
        font-size: 18px;
    }



.flex-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}



    .flex-content .flex-content-title {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        white-space: pre;
        border-right: solid 1px #eeeff3;
        font-size: 18px;
    }



        .flex-content .flex-content-title.action-upload {
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
        }



.accordion-button {
    color: #848484 !important;
    font-size: 14px !important;
    background-color: #f1f1f1 !important;
    font-weight: 500;
    border: none !important;
    padding: 10px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: black !important;
}



.content-modal .accordion-button {
    padding: 0 0px !important;
    min-height: 60px;
    background-color: transparent !important;
}



.accordion-button:after {
    margin: inherit !important;
    display: inherit;
    color: black !important;
    background-size: 16px !important;
}



.accordion-button.accordion-header:after {
    display: none;
}



.table-metarials-body :is(.table-metarials-row, .table-metarials-head) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: solid 1px #eeeff3;
    border: solid 1px #eeeff3;
    border-top: 0;
    background-color: white;
}



.table-metarials-body .table-metarials-head + .table-metarials-row {
    border-radius: 16px 16px 0 0;
}



.table-metarials-body .table-metarials-row:last-of-type {
    border-radius: 0 0 16px 16px;
}



.table-metarials-row .table-metarials-item {
    color: #707070;
    font-size: 18px;
    font-weight: 400;
    padding: 11px;
}



.table-metarials-body .table-metarials-head {
    background-color: #f5f5f5;
    border: solid 1px #eeeff3;
    border-radius: 16px;
    border-bottom: solid 1px #eeeff3;
}



.table-metarials-body :is(.table-metarials-row, .table-metarials-head) .table-metarials-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    min-height: 60px;
    text-align: center;
}



    .table-metarials-body :is(.table-metarials-row, .table-metarials-head) .table-metarials-item:not(:last-child) {
        border-right: solid 1px #eeeff3;
    }



.table-metarials-body .table-metarials-head .table-metarials-item {
    color: #848484;
    font-size: 14px;
    font-weight: 500;
    padding: 0 20px;
}



.bussiness-info-btn:not(.active) .less {
    display: none;
}



.bussiness-info-btn.active .more {
    display: none;
}



.bussiness-info-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 20px 0;
    cursor: pointer;
    color: #2e6bd6;
    font-size: 16px;
    font-weight: 500;
}



.bussiness-info-text {
    line-height: normal;
    margin: 50px 0 0px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #707070;
    font-size: 16px;
    font-weight: 400;
}



span.bussiness-info-text.active {
    max-height: 200px;
    overflow-y: auto;
}



span.bussiness-info-text:not(.active) {
    -webkit-line-clamp: 3;
}



.price-wrapper-discount {
    color: hsl(0deg 0% 44%);
    font-size: 41px;
    font-weight: 500;
}



    .price-wrapper-discount.hassDiscount {
        color: hsl(0deg 67% 51%);
    }



.price-wrapper-not-discount {
    color: hsl(0deg 0% 44%);
    font-size: 21px;
    font-weight: 500;
    text-decoration: line-through !important;
}



.dropdown-toggle:not(.charts-secondary) {
    min-height: 53px;
    border-radius: 50px !important;
    padding-left: 23px !important;
    padding-right: 35px !important;
    align-items: center;
    justify-content: space-between;
    display: flex;
    gap: 10px;
    background-color: var(--bs-primary) !important;
    border: none !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    min-width: 216px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.38px;
}



    .dropdown-toggle:not(.charts-secondary):after {
        -webkit-mask-size: 20px;
    }



#bussiness-project-details span {
    font-size: 21px;
    font-weight: 100;
}



.bussiness-media iframe {
    width: 100%;
}



.small-success-btn {
    color: var(--bs-success);
    font-size: 13px;
    font-weight: 500;
    border: solid 1px currentColor;
    min-height: 27px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 20px;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}



    .small-success-btn:hover {
        background-color: var(--bs-success);
        color: var(--bs-white);
    }



.small-primary-btn {
    color: var(--bs-primary);
    font-size: 13px;
    font-weight: 500;
    border: solid 1px currentColor;
    min-height: 27px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 20px;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}



    .small-primary-btn:hover {
        background-color: var(--bs-primary);
        color: var(--bs-white);
    }



.available-or-unavailable {
    min-height: 27px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 3px;
    color: white;
    padding: 0 10px;
    text-transform: uppercase;
    font-size: 13px;
    min-width: 93px;
}



    .available-or-unavailable[data-role="true"] {
        background-color: var(--bs-success);
    }



    .available-or-unavailable[data-role="false"] {
        background-color: var(--bs-red);
    }



.swal-overlay {
    background-color: hsl(0deg 0% 100% / 41%);
}



.swal-modal.submit-a-product-btn {
    width: 100%;
    max-width: 1000px;
    -webkit-box-shadow: rgb(0 0 0 / 20%) 0px 2px 8px 0px;
    box-shadow: rgb(0 0 0 / 20%) 0px 2px 8px 0px;
}



    .swal-modal.submit-a-product-btn .swal-text {
        height: 60vh;
        overflow: auto;
        color: #3d3d3d;
        font-size: 14px;
        font-weight: 400;
        line-height: 2.1;
    }



    .swal-modal.submit-a-product-btn .swal-footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }



.checkout-step-item {
    max-width: 1200px !important;
    margin: 0 auto;
}



.checkout-step-bar > .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 800px;
    margin: 0 auto;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #cecece;
}



    .checkout-step-bar > .content a span {
        color: #ffffff;
        font-size: 13px;
        font-weight: 500;
    }



    .checkout-step-bar > .content a.waiting span {
        color: #707070;
    }



.checkout-step-bar .checkout-step-item .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 63px;
    -webkit-box-shadow: rgb(0 0 0 / 10%) 0px 4px 6px -1px, rgb(0 0 0 / 6%) 0px 0px 4px -1px;
    box-shadow: rgb(0 0 0 / 10%) 0px 4px 6px -1px, rgb(0 0 0 / 6%) 0px 0px 4px -1px;
    cursor: pointer;
}



.checkout-step-bar .checkout-step-item.active .content {
    background-color: #e62121;
    color: white;
}



.checkout-step-bar .checkout-step-item.waiting .content {
    background-color: #f5f5f5;
}



.checkout-step-bar .checkout-step-item.positive .content {
    background-color: #27b322;
    color: white;
}



.favorite-scrollbar {
    overflow-y: auto;
    max-height: 704px;
}



.add-campaign-code, .order-md-last {
    margin-left: auto;
    margin-top: 30px;
}



#cart-favorite-page .add-campaign-code {
    max-width: 251px;
}



#cart-favorite-page .order-md-last {
    max-width: 400px;
}



.order-md-last {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: self-end;
    -ms-flex-align: self-end;
    align-items: self-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}



.total-cart-option .order-md-last {
    /* Style for "Rectangle" */

    max-width: 296px;
    border: 1px solid #cecece;
    background-color: #f0f1f5;
    padding: 21px;
    gap: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}



.item-cart-product-name .cart-product-image, .item-favorite-product-name .favorite-product-image {
    max-width: 75px;
}



.item-cart-product-name .cart-product-name, .item-favorite-product-name .favorite-product-name {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box !important;
    max-width: 77px;
    word-break: break-word;
}



.checkbox-row input:checked + label span:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(/img/remember-me.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    display: inherit;
}



.cart-list-body .cart-list-row, .favorite-list-body .favorite-list-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}



    .cart-list-body .cart-list-row:not(.cart-list-head), .favorite-list-body .favorite-list-row:not(.favorite-list-head) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: center;
        background-color: #f0f1f5;
        border-bottom: solid 1px #eeeff3;
        padding: 5px 0;
    }



.favorite-list .favorite-list-row {
    border-bottom: 1px solid #cecece !important;
}



.favorite-list .favorite-scrollbar {
    border-radius: 20px !important;
}



.cart-list-body .cart-list-row:not(.cart-list-head) div, .favorite-list-body .favorite-list-row:not(.favorite-list-head) div {
    color: #848484;
    font-size: 13px;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
}



.cart-list-head .cart-list-item, .favorite-list-head .favorite-list-item {
    min-height: 65px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #848484;
    font-size: 13px;
    font-weight: 500;
}



.cart-list-head, .favorite-list-head {
    border-radius: 20px !important;
    overflow: hidden;
    background-color: hsl(0deg 0% 96%);
    border: 1px solid #cecece;
}



.checkout-page {
    padding: 50px 0;
}



    .checkout-page.shadow-hero {
        max-width: 1263px !important;
        margin: 0 auto !important;
        margin-top: 100px !important;
        margin-bottom: 100px !important;
    }



.shadow-hero:not(.no-shadow,.no-background) {
    -webkit-box-shadow: rgb(99 99 99 / 20%) 0px 0px 8px 0px;
    box-shadow: rgb(99 99 99 / 20%) 0px 0px 8px 0px;
    background-color: hsl(0deg 0% 100%);
}



.chosen-container .chosen-drop {
    border: none !important;
    -webkit-box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px !important;
    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px !important;
    border-radius: 0 0 10px 10px;
}



.chosen-container {
    width: 100% !important;
}



.currency-border-cross:before {
    content: '';
    position: absolute;
    border: solid 2px hsl(0deg 0% 0%);
    border-radius: 5px;
    width: calc(100% + 20px);
    height: 50%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 0;
}



#artist-upload-settings :is(input,select) {
    color: #707070;
    font-size: 16px;
    font-weight: 700;
}



#artist-upload-settings :is(label,.choose-title) {
    color: #3d3d3d;
    font-size: 16px;
    font-weight: 700;
    display: inherit;
    margin-bottom: 0.5rem;
}



.title-input {
    background-color: #f0f1f5 !important;
    height: 48px;
    border: none !important;
    border-radius: 0.375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 12px;
    color: #8d8d8d;
    font-size: 16px;
    font-weight: 700;
}



.new-pass-strong {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 3px;
    gap: 9px;
    margin-top: 7px;
}



    .new-pass-strong[data-strong="true"] i {
        background-color: #14ff00;
    }



    .new-pass-strong i {
        width: 100%;
        height: 2px;
        background: gray;
    }



    .new-pass-strong[data-strong="1"] i:nth-child(-n+1) {
        background-color: var(--bs-red);
    }



    .new-pass-strong[data-strong="2"] i:nth-child(-n+2) {
        background-color: var(--bs-red);
    }



    .new-pass-strong[data-strong="3"] i:nth-child(-n+3) {
        background-color: var(--bs-red);
    }



    .new-pass-strong[data-strong="4"] i:nth-child(-n+4) {
        background-color: var(--bs-red);
    }



    .new-pass-strong[data-strong="5"] i:nth-child(-n+5) {
        background-color: var(--bs-red);
    }



    .new-pass-strong[data-strong="6"] i:nth-child(-n+6) {
        background-color: var(--bs-red);
    }



.icon-position-right-top-center .icon-btnn {
    position: absolute;
    right: 15px;
    top: calc(50% + 13px);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}



#artist-upload-settings form {
    margin: 100px 0;
    background-color: transparent;
    border-radius: 10px;
    padding: 40px;
}



.classical-btn {
    min-height: 42px;
    border: solid 2px #d62e2f;
    background-color: #d62e2f;
    border-radius: 50px;
    padding: 0 20px;
    color: white;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    font-weight: 500;
    letter-spacing: 0.38px;
}



    .classical-btn.passive {
        background-color: #cecece;
        border: none;
    }



.classical-btn-gray {
    min-height: 42px;
    border: solid 2px #979797;
    background-color: #ffffff;
    border-radius: 50px;
    padding: 0 20px;
    color: rgb(156, 156, 156);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    font-weight: 500;
    letter-spacing: 0.38px;
}



.classical-btn.green:hover {
    background-color: white;
    color: var(--bs-success) !important;
}



.classical-btn.green {
    background-color: var(--bs-success);
    border-color: var(--bs-success);
}



.classical-btn:not(.green):hover {
    background-color: hsl(0deg 0% 100%) !important;
    color: #d62e2f;
}

.classical-btn-gray:not(.green):hover {
    background-color: hsl(0deg 0% 100%) !important;
    color: #d62e2f;
    border: solid 2px #d62e2f;
}



.title-thin {
    color: #3d3d3d;
    font-size: 29px;
    font-weight: 100;
}



.title-small {
    color: #3d3d3d;
    font-size: 24px;
    font-weight: 100;
}



.flex-module {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}



.edit-upload span, .edit-price span {
    width: 25px;
    height: 25px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: 5px;
    background-color: #3e3e3e;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
}



.hero-checkbox .form-check input[type="checkbox"]:checked + label {
    color: #434343;
}



.smoth-box-table.active {
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-box-shadow: 0 0 0 100vh #0000008c !important;
    box-shadow: 0 0 0 100vh #0000008c !important;
    z-index: 999;
}



    .smoth-box-table.active .content-table-mod {
        height: 362px;
    }







.open-content-table-mod.active .zoom-show {
    display: none;
}



.open-content-table-mod:not(.active) .zoom-hide {
    display: none;
}



.icon-fullscreen {
    width: 18px;
    height: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    mask: url(/img/fullscreen.svg);
    -webkit-mask: url(/img/fullscreen.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    background-color: #848484;
}





.order-status {
    min-height: 27px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 10px;
    white-space: pre;
    border: solid 1px currentColor;
    border-radius: 2px;
    width: 100%;
    font-size: 13px;
    font-weight: 500;
}



    .order-status.ready {
        color: #52b5cf;
    }



    .order-status.available {
        color: var(--bs-success);
    }



    .order-status.unavailable {
        color: var(--bs-danger);
    }



    .order-status.declined {
        color: #d62e2f;
    }



    .order-status.approved {
        color: #27b322;
    }



    .order-status.pengind {
        color: #848484;
    }



    .order-status.new-order {
        color: #0eb7d2;
    }



.hero-table:not(.w-100) {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    max-height: -webkit-fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content;
    min-width: 100%;
}

.nborder {
    border-radius: 16px 16px 0 0;
}

.hero-table {
    margin: 30px 0 0px 0;
}



tr[data-order-status="approved"] :is(.edit-upload span,.edit-price span) {
    background-color: #27b322;
}



.content-table-mod tbody tr:last-child {
    border-bottom: gainsboro;
}



.content-table-mod :is(th,td) {
    border-right: solid 1px #f0f1f5;
    border-bottom: solid 1px #f0f1f5;
    padding: 14px 14px !important;
    text-align: center;
}



.upload-final-work span {
    width: 25px;
    height: 25px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: 5px;
    background-color: #cecece;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: no-drop;
}



.table-upload span {
    width: 25px;
    height: 25px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: 5px;
    background-color: #cecece;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}



.upload-final-work[data-upload-final-work="0"] span {
    cursor: no-drop;
}



.upload-final-work[data-upload-final-work="1"] span {
    cursor: pointer;
    border-radius: 5px;
    background-color: #58af3e;
}



    .upload-final-work[data-upload-final-work="1"] span i {
        background-color: white;
    }



.table-messages[data-messages-status="1"] span:before {
    background-image: url(/img/table-messages-status-1.svg);
}



.table-messages[data-messages-status="-1"] span:before {
    background-image: url(/img/table-messages-status-2.svg);
}



table {
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    border-collapse: separate;
    width: 100%;
}



.content-table-mod tbody td {
    font-size: 13px;
    font-weight: 500;
    min-height: 100px;
}



.delay-timing.submit-btn {
    text-transform: uppercase;
    font-size: 14px;
}



tr[data-order-status="approved"] .delay-timing.submit-btn {
    color: #58af3e !important;
}



.content-table-mod tbody tr td:not(.text-danger) {
    color: #848484 !important;
}



.content-table-mod tbody tr td.text-success {
    color: #0eb7d2 !important;
}



.table-let-me-know span {
    color: var(--bs-danger);
    font-size: 13px;
    font-weight: 500;
    border: solid 1px currentColor;
    padding: 5px 10px;
}



.table-let-me-know[data-let-me="false"] span {
    color: var(--bs-danger);
}



.table-let-me-know[data-let-me="true"] span {
    color: var(--bs-success);
}



.content-table-mod tbody tr[data-order-status="approved"] td:not(.text-danger).client-price {
    color: #27b322 !important;
}



.content-table-mod tbody td.table-order-dete {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}



.content-table-mod tbody td.download-option.active a {
    color: #1f57f0;
}



.content-table-mod tbody td img {
    max-width: 70px;
}



.content-table-mod thead :is(td,th) {
    color: #848484;
    font-size: 14px;
    font-weight: 500;
    white-space: pre;
}



.content-table-mod thead th {
    position: sticky;
    top: 0;
    z-index: 3;
}



    .content-table-mod thead th[colspan="3"] {
        border-bottom: none;
    }



.thead-block-group th {
    border-top: solid 1px #f0f1f5;
    font-size: 10px !important;
}



.content-table-mod td:last-child {
    border-right: none;
}



.content-table-mod {
    border: solid 1px #f0f1f5;
    border-radius: 10px;
    overflow-y: auto;
    overflow-x: auto;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}



    .content-table-mod:not(:hover)::-webkit-scrollbar-thumb {
        background-color: #d6d6d6;
        border-radius: 15px;
        -webkit-transition: all 1s ease;
        transition: all 1s ease
    }



::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(255 255 255 / 30%);
    border: solid 1px #cecece;
    background-color: #F5F5F5;
}



::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    background-color: #F5F5F5;
}



::-webkit-scrollbar-thumb {
    background-color: #cecece;
}



.hero-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
}



    .hero-checkbox .ti-check {
        width: 15px;
        height: 15px;
    }



    .hero-checkbox label {
        font-size: 16px !important;
    }



    .hero-checkbox .form-check {
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 10px;
        padding: 0;
        min-height: inherit;
    }



        .hero-checkbox .form-check label {
            color: #d1d1d3;
            font-size: 18px;
            font-weight: 500;
        }



        .hero-checkbox .form-check input {
            display: none;
        }



.hero-search {
    min-width: 329px;
}



.hero-activite {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}



.pack-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
}



.profile-categories, .profile-right:not(.no-shadow,.no-background) {
    background-color: #ffffff;
    border-radius: 20px;
    -webkit-box-shadow: 0 1px 22px rgba(0, 0, 0, 0.15); */
    box-shadow: 0 1px 22px rgba(0, 0, 0, 0.15); */
    height: 100%;
}



    .profile-categories .profile-link a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 72px;
        padding: 0 40px;
        gap: 20px;
        background-color: #d62e2f00;
        -webkit-transition: all .1s ease;
        -o-transition: all .1s ease;
        transition: all .1s ease;
    }



        .profile-categories .profile-link.active, .profile-categories .profile-link a:hover {
            background-color: #d62e2f;
            border-radius: 20px;
        }



            .profile-categories .profile-link.active a i, .profile-categories .profile-link a:hover i {
                background-color: white;
            }



            .profile-categories .profile-link.active a span, .profile-categories .profile-link a:hover span {
                color: white;
            }



.wellcome-paragraph {
    color: #cecece;
    font-size: 24px;
    font-weight: 100;
    margin-bottom: 27px;
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}



.wellcome-title {
    color: white;
    font-size: 60px;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}



.page-profile {
    padding: 100px 0;
    z-index: 1;
}



    .page-profile > div {
        z-index: 10;
        position: relative;
    }



    .page-profile:after {
        content: '';
        background-image: -webkit-gradient(linear,left top, left bottom,color-stop(0, #00000047),to(#0000));
        background-image: -o-linear-gradient(top,#00000047 0,#0000 100%);
        background-image: linear-gradient(180deg,#00000047 0,#0000 100%);
        position: absolute;
        inset: 0;
        height: 320px;
        z-index: 9;
        top: 0;
    }



.go-to-market-place {
    min-height: 40px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #d62e2f;
    border: solid 2px #d62e2f;
    border-radius: 50px;
    padding: 0 25px;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    width: 100%;
    max-width: 200px;
}



    .go-to-market-place:hover {
        color: white;
        background-color: #d62e2f;
    }



.small-info {
    font-size: 15px;
    font-weight: 400;
}



.regular-info {
    font-size: 53px;
    font-weight: 400;
}



.gray {
    color: #848484;
}



.m-custommize {
    margin: 100px 0;
}



.form-element-apply {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 30px;
}



.agree-btn label {
    color: #3d3d3d;
    font-size: 14px;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 !important;
    gap: 10px;
    cursor: pointer;
    position: relative;
}



.checkbox-style {
    width: 32px;
    height: 32px;
    background-color: #d62e2f;
    cursor: pointer;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: 5px;
}



.form-element-apply .form-floating > label {
    padding-top: 14px !important;
}



.form-floating {
    height: 48px;
}



input:not(.file-input,.thin-input):is([type="text"],[type="mail"],[type="password"],[type="tel"],[type="number"],[type="file"],[type="time"]), select, .bootstrap-tagsinput, .chosen-container, .chosen-choices {
    background-color: #f0f1f5 !important;
    height: 48px !important;
    border: none !important;
    border-radius: 0.375rem;
    background-image: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}



.my-details-page input {
    border-radius: 20px !important;
}



.chat-footer input[type="text"] {
    padding-right: 130px !important;
    color: #92929d;
    font-size: 12px;
    font-weight: 400;
    font-weight: 400;
    background-color: transparent !important;
    border: solid 1px #eeeff3 !important;
    border-radius: 10px !important;
}



    .chat-footer input[type="text"] + span {
        z-index: 99;
    }



.chosen-choices {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 12px !important;
    overflow: auto !important;
}



.bootstrap-tagsinput {
    padding: 6px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    overflow: auto;
}



    .bootstrap-tagsinput::-webkit-scrollbar {
        height: 2px;
    }



    .bootstrap-tagsinput .tag {
        background-color: #ffffff;
        min-height: 29px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0 20px 0 10px;
        border-radius: 5px;
        position: relative;
        font-size: 12px;
        border: solid 1px #eeeff3;
    }



    .bootstrap-tagsinput input {
        height: 29px !important;
        outline: none;
        background-color: hsl(0deg 0% 100%) !important;
        padding: 0 10px;
        border: solid 1px hsl(0deg 0% 87%) !important;
    }



    .bootstrap-tagsinput .tag span[data-role="remove"] {
        width: 7px;
        height: 7px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        position: absolute;
        right: 5px;
        top: 5px;
        display: inline-flex;
        mask: url(/img/close-min.svg);
        -webkit-mask: url(/img/close-min.svg);
        mask-repeat: no-repeat;
        mask-position: center;
        mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        -webkit-mask-size: contain;
        background-color: #000000;
        cursor: pointer;
    }



input[type="file"]::-webkit-file-upload-button {
    height: 48px;
}



.agree-btn input {
    display: none;
}



    .agree-btn input:checked + label .checkbox-style:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background-image: url(/img/remember-me.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 16px;
        display: inherit;
    }



.apply-btn {
    border-radius: 24px;
    background-color: var(--bs-red);
    width: 100%;
    max-width: 321px;
    border: none;
    min-height: 50px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
}



.payment-out-1-page .apply-btn {
    margin: 0 auto;
}



.apply-btn:hover {
    background-color: #ac2627;
}



.light-gray-text {
    color: #3d3d3d;
    font-size: 26px;
    font-weight: 100;
}



.big-gray-info {
    color: #cecece;
    font-size: 40px;
    font-weight: 500;
}



.left-text {
    text-align: left;
}



.medium-shadow-block {
    border-radius: 10px;
    padding: 30px 50px;
    max-width: 600px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    gap: 20px;
    background-color: white;
    -webkit-box-shadow: 0 1px 22px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 22px rgba(0, 0, 0, 0.15);
}



.green-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #27b322;
    font-size: 21px;
    font-weight: 500;
}



.star-rating-online .rating-online {
    width: 17px;
    height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-image: url(/img/star-null.svg);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}



    .star-rating-online .rating-online.positive {
        background-image: url(/img/star-full.svg);
    }



.star-rating-online {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
    margin: 20px 0;
}



.aprove-big {
    min-width: 87px;
    min-height: 62px;
    background-image: url(/img/aproved-big.svg);
    background-repeat: no-repeat;
    background-position: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 20px 0;
}



.download-page .title {
    color: #3d3d3d;
    font-size: 35px;
    font-weight: 100;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px;
}



.artist-username {
    color: #d62e2f;
    font-size: 16px;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
}



    .artist-username a {
        color: #d62e2f;
    }



.download-page .aproved-text {
    color: #27b322;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    display: block;
    margin: 20px;
}



.download-page .gray-info {
    color: #cecece;
    font-size: 21px;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    max-width: 417px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
}



.dark-gray-info {
    color: #848484;
    font-size: 18px;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
}



.turquoise-info {
    color: #0eb7d2;
    font-size: 17px;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}



.dark-gray-info a {
    color: #41a2ff;
}



.red-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #d62e2f;
    font-size: 21px;
    font-weight: 500;
}



.shadow-block {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
    border-radius: 10px;
    padding: 30px 50px;
}



.small-content {
    max-width: 1274;
    margin: 0 auto;
}



.shadow-block:not(.no-bg) {
    background-color: white;
}



.shadow-block:not(.no-shadow) {
    -webkit-box-shadow: 0 1px 22px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 22px rgba(0, 0, 0, 0.15);
}



.download-page .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}



.basic-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    border-radius: 50px;
    background-color: #d62e2f;
    min-height: 48px;
    padding: 0 40px;
}



    .basic-link:hover {
        background-color: #a12122;
    }



.new-pass-eye {
    position: absolute;
    width: 30px;
    height: 30px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #80808000;
    border-radius: 100%;
    cursor: pointer;
    mask: url(/img/new-pass-eye.svg);
    -webkit-mask: url(/img/new-pass-eye.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background: #c7c7c7;
}



    .new-pass-eye:hover {
        background-color: #1d1d1d;
    }



.get-new-password {
    width: calc(50% - 8px);
    height: 48px;
    border: none;
    border-radius: 50px;
    background-color: #d62e2f;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    padding: 0;
}



    .get-new-password:hover {
        background-color: white;
        color: #d62e2f;
        border: solid 1px currentColor;
    }



.forgot-box-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}



.new-user-forgot {
    color: #3d3d3d;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}



.login-popup-link-action .forgot-btn span {
    color: #cecece;
    font-size: 16px;
    font-weight: 700;
}



.login-popup-link-action {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}



    .login-popup-link-action .remember-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }



        .login-popup-link-action .remember-btn label {
            color: #3d3d3d;
            font-size: 14px;
            font-weight: 500;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding: 0 !important;
            gap: 10px;
            cursor: pointer;
        }



        .login-popup-link-action .remember-btn input {
            display: none;
        }



            .login-popup-link-action .remember-btn input + label span {
                width: 32px;
                height: 32px;
                background-color: #d62e2f;
                cursor: pointer;
                position: relative;
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
            }



            .login-popup-link-action .remember-btn input:checked + label span:before {
                content: '';
                position: absolute;
                width: 100%;
                height: 100%;
                background-image: url(/img/remember-me.svg);
                background-repeat: no-repeat;
                background-position: center;
                background-size: 16px;
                display: inherit;
            }



.member-login-in-popup, .pass-create-for-forgot-popup {
    position: fixed;
    inset: 0;
    background-color: #0000007d;
    z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}



.login-in-title {
    color: #3d3d3d;
    font-size: 35px;
    font-weight: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
}



.login-in-form-forgot .login-in-title {
    margin-bottom: 36px;
}



.login-popup-btn {
    width: 100%;
    height: 48px;
    border: none;
    border-radius: 50px;
    background-color: #d62e2f;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
}



    .login-popup-btn.reset {
        width: auto;
        min-width: 113px;
        margin-right: auto;
    }



.new-user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 30px;
    color: #3d3d3d;
    font-size: 18px;
    font-weight: 500;
}



    .new-user a {
        color: #8696aa;
        font-size: 16px;
        font-weight: 500;
    }



.close-popup {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 48px;
    height: 48px;
    border-radius: 1000px;
    background-color: #f0f1f5;
    background-image: url(/img/x.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
    cursor: pointer;
}



.login-in-content {
    background-color: #ffffff;
    max-width: 895px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 58px;
    gap: 58px;
    border-radius: 10px;
    position: relative;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}



.sign-popup-btn {
    width: 100%;
    height: 48px;
    border: none;
    border-radius: 50px;
    background-color: #d62e2f;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
}



    .sign-popup-btn:hover {
        background-color: #ae1415;
    }



.close-sign-popup {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 48px;
    height: 48px;
    border-radius: 1000px;
    background-color: #f0f1f5;
    background-image: url(/img/x.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
    cursor: pointer;
    border: none;
}

    .close-sign-popup:hover {
        background-color: #d0d5dd;
        color: white;
    }



.already-user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 30px;
    color: #3d3d3d;
    font-size: 18px;
    font-weight: 500;
}



    .already-user a {
        color: #8696aa;
        font-size: 16px;
        font-weight: 500;
    }



.sign-in-title {
    color: #3d3d3d;
    font-size: 35px;
    font-weight: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
}



.sign-in-form form .form-label-group {
    width: 100%;
}



    .sign-in-form form .form-label-group input {
        height: 48px;
        border-radius: 4px;
        background-color: #f0f1f5;
        border: none;
        padding-left: 17px;
    }



    .sign-in-form form .form-label-group label {
        height: 48px;
        padding: 15px 16px !important;
    }



    .sign-in-form form .form-label-group.flex-50 {
        width: calc(50% - 8px);
    }



.member-sign-in-popup {
    position: fixed;
    inset: 0;
    background-color: #0000007d;
    z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}



.sign-in-form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 16px;
}



.sign-in-content {
    border-radius: 4px;
    background-color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 58px;
    gap: 58px;
    border-radius: 10px;
    position: relative;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}



.go-to-market-place a {
    border: solid 2px currentColor;
    border-radius: 50px;
    min-height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 30px;
    color: #d62e2f;
    font-weight: 500;
}



    .go-to-market-place a:hover {
        color: black;
    }



.content-login-page .go-to-market-place {
    margin-top: 80px;
}



.login-page #show-hide-password {
    margin-bottom: 30px;
}



.password-style {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 25px;
    height: 16px;
    background-color: #7e7d7d;
    border-radius: 50px !important;
    cursor: pointer;
}



    .password-style.active {
        background-color: #d62e2f;
    }



        .password-style.active:before {
            right: 100%;
            -webkit-transform: translateY(-52%) translateX(109%);
            -ms-transform: translateY(-52%) translateX(109%);
            transform: translateY(-52%) translateX(109%);
            -webkit-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
        }



    .password-style:before {
        content: '';
        width: 50%;
        aspect-ratio: 1;
        background-color: white;
        border-radius: 100%;
        display: inline-block;
        border: solid 1px #eeeff3;
        top: 50%;
        right: 2px;
        position: absolute;
        -webkit-transform: translateY(-52%);
        -ms-transform: translateY(-52%);
        transform: translateY(-52%);
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }



.login-page .create-user-account {
    text-align: center;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    color: #848484;
}



    .login-page .create-user-account a {
        color: #0eb7d2;
    }



.login-page .action-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px;
}



.login-page .submit-content {
    border-radius: 21px;
    background-color: #d62e2f;
    min-height: 42px;
    border: none;
    color: #ffffff;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    min-width: 195px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}



.login-page .forgot-password {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    color: #848484;
    margin-bottom: 30px;
}



    .login-page .forgot-password a {
        color: #0eb7d2;
    }



.login-page label {
    color: #cecece;
    font-size: 18px;
    font-weight: 100;
    text-transform: uppercase;
    margin: 20px 0;
}



.login-page input:is([type="email"],[type="password"],[type="text"]) {
    border-radius: 50px !important;
    background-color: #f0f1f5;
    min-height: 50px;
    border: none;
    padding: 0 20px;
}



.login-page input:is([type="email"],[type="password"])::-webkit-input-placeholder {
    opacity: 0;
}



.login-page input:is([type="email"],[type="password"])::-moz-placeholder {
    opacity: 0;
}



.login-page input:is([type="email"],[type="password"]):-ms-input-placeholder {
    opacity: 0;
}



.login-page input:is([type="email"],[type="password"])::-ms-input-placeholder {
    opacity: 0;
}



.login-page input:is([type="email"],[type="password"])::placeholder {
    opacity: 0;
}



.login-page .block-title {
    color: #cecece;
    font-size: 35px;
    font-weight: 100;
    text-transform: uppercase;
    margin-bottom: 25px;
}



#login-page {
    max-width: 679px;
    margin: 0 auto;
    background-color: white;
    border-radius: 16px;
    padding: 35px 65px 5px 65px;
    -webkit-box-shadow: 0 1px 22px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 22px rgba(0, 0, 0, 0.15);
}



.content-login-page {
    margin-top: 100px;
    margin-bottom: 100px;
}



.content-full {
    position: absolute;
    overflow: hidden;
}



.star-ratings {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    max-width: 117px;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 10px;
}



.rating-full {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 8px;
}



.rating-null {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 8px;
    width: 100%;
    height: 16px;
}



.star-full {
    min-width: 17px;
    min-height: 16px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    mask: url(/img/star-full.svg);
    -webkit-mask: url(/img/star-full.svg);
    mask-repeat: no-repeat;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    background: #d62e2f;
}



.star-null {
    width: 17px;
    height: 16px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    mask: url(/img/star-null.svg);
    -webkit-mask: url(/img/star-null.svg);
    mask-repeat: no-repeat;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    background: #d62e2f;
}



.uc-user-name {
    color: #d62e2f;
    font-size: 18px;
    font-weight: 500;
}



.user-followers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
    color: #3d3d3d;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 20px;
}



.user-reviews span {
    padding: 20px 0 10px 0;
}



.user-reviews span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
    color: #3d3d3d;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 300;
}



    .user-reviews span div {
        color: var(--bs-red);
    }



.user-target .content {
    -webkit-box-shadow: rgb(0 0 0 / 5%) 0px 1px 4px;
    box-shadow: rgb(0 0 0 / 5%) 0px 1px 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 20px;
    min-height: 55px;
    padding: 0 25px;
    border-radius: 20px;
    background: white;
    cursor: pointer;
}



#user-card {
    border-radius: 20px;
    margin-bottom: 20px;
    background-color: white;
    -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15);
}



.comment-notification {
    width: 17px;
    height: 17px;
    position: absolute;
    right: 0px;
    top: 0px;
    background: #d62e2f;
    text-align: center;
    border-radius: 100%;
    color: white;
    font-size: small;
}

.cart-notification {
    width: 17px;
    height: 17px;
    position: absolute;
    right: 0px;
    top: 0px;
    background: #d62e2f;
    text-align: center;
    border-radius: 100%;
    color: white;
    font-size: small;
}



.comment-btn .user-comment-link {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}



.user-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}



    .user-action a {
        color: #d62e2f;
        font-family: Roboto;
        font-size: 10px;
        font-weight: 500;
        min-height: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: solid 1px #eeeff3;
        border-radius: 50px;
        padding: 0 20px;
        margin-top: 10px;
    }



        .user-action a:hover {
            background-color: #d62e2f;
            color: white;
        }



        .user-action a span {
            overflow: hidden;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            display: -webkit-box;
        }



ul {
    padding: 0;
    margin: 0;
}



li {
    list-style: none;
}



.chosen-container-multi .chosen-choices li.search-choice {
    border: none !important;
    background-color: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-image: none !important;
    color: #707070;
    font-size: 16px;
    font-weight: 600;
}



    .chosen-container-multi .chosen-choices li.search-choice span {
        white-space: pre;
    }



.chosen-container .chosen-results li {
    min-height: 48px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px !important;
    color: #3d3d3d;
    font-size: 16px;
    font-weight: 600;
}



    .chosen-container .chosen-results li.highlighted {
        background-color: hsl(228deg 20% 95%) !important;
        background-image: none !important;
        color: hsl(0deg 0% 44%) !important;
    }



ul {
    padding: 0;
    margin: 0;
}



.dropdown-login-true {
    position: absolute;
    z-index: 5;
    width: 100%;
    left: 0;
    -webkit-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    transform: translateY(-7px);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}



    .dropdown-login-true:not(.active) {
        -webkit-transform: translateY(-34px);
        -ms-transform: translateY(-34px);
        transform: translateY(-34px);
        visibility: hidden;
        opacity: 0;
    }



    .dropdown-login-true .content {
        background-color: #fcfcfc;
        padding: 8px;
        -webkit-box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        border-radius: 16px;
        padding-top: 30px;
    }



        .dropdown-login-true .content .sub-dropdown .sub-family {
            position: relative;
            height: 30px;
            border-bottom: solid 1px #ebebeb;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }



            .dropdown-login-true .content .sub-dropdown .sub-family.parent:before {
                content: '';
                position: absolute;
                width: 18px;
                height: 18px;
                mask: url(/img/right.svg);
                -webkit-mask: url(/img/right.svg);
                mask-repeat: no-repeat;
                mask-position: left center;
                mask-size: 18px;
                -webkit-mask-repeat: no-repeat;
                -webkit-mask-position: left center;
                -webkit-mask-size: 18px;
                background-color: #848484;
                right: 0;
            }



            .dropdown-login-true .content .sub-dropdown .sub-family.parent.active:before {
                background-color: var(--bs-red);
            }



            .dropdown-login-true .content .sub-dropdown .sub-family .sub-family-link {
                color: #848484;
                font-family: Roboto;
                font-size: 12px;
                font-weight: 500;
                overflow: hidden;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
                display: -webkit-box;
                width: 100%;
            }



            .dropdown-login-true .content .sub-dropdown .sub-family.active .sub-family-link {
                color: var(--bs-red);
            }



.sub-family .sub-family-link + .secondary-dropdown {
    width: calc(100% + 77px);
    position: absolute;
    right: 0;
    -webkit-transform: translateX(90%);
    -ms-transform: translateX(90%);
    transform: translateX(90%);
    top: 0;
    background-color: #fcfcfc;
    padding: 8px;
    -webkit-box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
    border-radius: 16px;
    padding-left: 22px;
    padding-right: 22px;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}



.sub-family.active .sub-family-link + .secondary-dropdown {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 1;
}



.sub-family .sub-family-link + .secondary-dropdown .sub-children-item .sub-children-link {
    color: #848484;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    height: 100%;
    line-height: 29px;
}



.sub-family.active .sub-family-link + .secondary-dropdown .sub-children-item .sub-children-link:hover {
    color: var(--bs-red);
}



.sub-family .sub-family-link + .secondary-dropdown .sub-children-item {
    height: 30px;
    border-bottom: solid 1px #ebebeb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}



    .sub-family .sub-family-link + .secondary-dropdown .sub-children-item:hover:before {
        content: '';
        position: absolute;
        width: 18px;
        height: 18px;
        mask: url(/img/right.svg);
        -webkit-mask: url(/img/right.svg);
        mask-repeat: no-repeat;
        mask-position: left center;
        -webkit-mask-size: 18px;
        mask-size: 18px;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: left center;
        background-color: red;
        left: 0;
    }



    .sub-family .sub-family-link + .secondary-dropdown .sub-children-item:hover {
        padding-left: 20px;
    }



.login-btn-content {
    height: 36px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}



    .login-btn-content .customer-page a {
        color: #cecece;
        font-family: Roboto;
        font-size: 12px;
        font-weight: 500;
    }



        .login-btn-content .customer-page a:hover {
            color: #848484;
        }



    .login-btn-content:hover .login-member-text {
        color: #d62e2f !important;
    }



footer .nav .nav-item .navi-link {
    color: #848484;
    font-size: 18px;
    font-weight: 700;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    white-space: pre;
}



    footer .nav .nav-item .navi-link:hover {
        color: var(--bs-primary);
    }



footer .nav .nav-item {
    margin-bottom: 20px !important;
}



footer .footer-menu-title {
    color: #848484;
    font-size: 24px;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
}



.filter-customize-icon {
    width: 11px;
    height: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-image: url(/img/filter-customize-icon.svg);
}



input[type="checkbox"] + label .filter-customize-icon {
    opacity: .5;
}



input[type="checkbox"]:checked + label .filter-customize-icon {
    opacity: 1;
}



#footer .nav-locale-copyright .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}



    #footer .nav-locale-copyright .content :is(span,a) {
        color: #ffffff;
        font-family: Roboto;
        font-size: 13px;
        font-weight: 700;
    }



    #footer .nav-locale-copyright .content .col-auto {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 61px;
    }



#footer .nav-locale-copyright {
    background-color: #171b29;
    padding: 33px 10px;
}



footer .footer-about-us {
    color: #848484;
    font-size: 16px;
    font-weight: 500;
    margin: 30px 0 60px 0;
    line-height: 26px;
}



.footer-social ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    gap: 35px;
}



    .footer-social ul li {
        list-style: none;
        width: 30px;
        min-height: 30px;
        position: relative;
    }



        .footer-social ul li:before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            background: #bebebe;
            display: inherit;
            left: 0;
            top: 0;
            z-index: -1;
            border-radius: 100%;
            opacity: 0;
            -webkit-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
        }



        .footer-social ul li:hover:before {
            opacity: 1;
            -webkit-transform: scale(1.6);
            -ms-transform: scale(1.6);
            transform: scale(1.6);
        }



        .footer-social ul li a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            min-height: 30px;
            border-radius: 100%;
        }



            .footer-social ul li a i {
                width: 100%;
                height: 100%;
                aspect-ratio: 1;
            }



i[class*="icon-"] {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    mask-composite: intersect;
    -webkit-mask-composite: destination-in;
}



.icon-menu-drop {
    min-width: 18px;
    height: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    mask: url(/img/down-arrow.svg);
    -webkit-mask: url(/img/down-arrow.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    background-color: #848484;
}



.icon-x {
    width: 18px;
    height: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    mask: url(/img/x-big.svg);
    -webkit-mask: url(/img/x-big.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    background-color: hsl(0deg 67% 51%);
}



.icon-menu {
    width: 18px;
    height: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    mask: url(/img/menu.svg);
    -webkit-mask: url(/img/menu.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    background-color: hsl(0deg 67% 51%);
}



.icon-facebook {
    background-image: url(/img/facebook.svg);
}



.icon-twitter {
    background-image: url(/img/twitter.svg);
}



.icon-linkedin {
    background-image: url(/img/linkedin.svg);
}



.icon-youtube {
    background-image: url(/img/youtube.svg);
}



.icon-phone {
    background-image: url(/img/phone.svg);
}



footer {
    padding: 118px 0;
}



.marketplace-listing-search {
    margin-bottom: 10px;
}



    .marketplace-listing-search .search-pagination {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }



        .marketplace-listing-search .search-pagination :is(a,span) {
            color: #627791;
            font-family: Roboto;
            font-size: 24px;
            font-weight: 400;
            line-height: normal;
            width: 24px;
            height: 24px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            background-repeat: no-repeat;
            background-position: center;
            background-size: 24px;
        }



        .marketplace-listing-search .search-pagination span {
            color: #e16768;
        }



        .marketplace-listing-search .search-pagination .prev {
            background-image: url(/img/chevron-left.svg);
        }



        .marketplace-listing-search .search-pagination .next {
            background-image: url(/img/chevron-left.svg);
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
        }



        .marketplace-listing-search .search-pagination .first {
            background-image: url(/img/chevrons-left.svg);
        }



        .marketplace-listing-search .search-pagination .last {
            background-image: url(/img/chevrons-left.svg);
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
        }



.search-input button[type="submit"] {
    position: absolute;
    left: 20px;
    top: 40%;
    width: 30px;
    height: 30px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 8px;
    border: none;
    background-image: url(/img/search.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
}



.marketplace-listing-search .search-input:hover button[type="submit"] {
    -webkit-filter: invert(1);
    filter: invert(1);
    background-color: transparent;
}



input[type="search"][data-search="live-search"] {
    background-color: #f0f1f5;
    border: none;
    min-height: 45px;
    width: 100%;
    border-radius: 15px 0 15px 15px;
    padding-left: 60px;
    color: black;
    font-size: 16px;
    font-weight: 500;
    outline: none;
}



.marketplace-listing-search .search-input input[type="search"]::-webkit-input-placeholder {
    color: #c8c8d3;
    font-size: 16px;
    font-weight: 500;
}



.marketplace-listing-search .search-input input[type="search"]::-moz-placeholder {
    color: #c8c8d3;
    font-size: 16px;
    font-weight: 500;
}



.marketplace-listing-search .search-input input[type="search"]:-ms-input-placeholder {
    color: #c8c8d3;
    font-size: 16px;
    font-weight: 500;
}



.marketplace-listing-search .search-input input[type="search"]::-ms-input-placeholder {
    color: #c8c8d3;
    font-size: 16px;
    font-weight: 500;
}



.marketplace-listing-search .search-input input[type="search"]::placeholder {
    color: #c8c8d3;
    font-size: 16px;
    font-weight: 500;
}



.icon-heart {
    width: 18px;
    height: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    mask: url(/img/heart.svg);
    -webkit-mask: url(/img/heart.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    background-color: black;
}



.icon-heart-full {
    width: 18px;
    height: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    mask: url(/img/heart-full.svg);
    -webkit-mask: url(/img/heart-full.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    background-color: #848484;
}



.icon-upload {
    width: 18px;
    height: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
     mask: url(/img/upload.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    background-color: #848484;
}



.icon-my-upload {
    width: 11px;
    height: 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    mask: url(/img/my-upload.svg);
    -webkit-mask: url(/img/my-upload.svg);
    mask-repeat: no-repeat;
    mask-position: center center;
    -webkit-mask-size: 13px;
    mask-size: 13px;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    background-color: white;
}



.icon-pencil {
    width: 15px;
    height: 15px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    mask: url(/img/edit.svg);
    -webkit-mask: url(/img/edit.svg);
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    background-color: white;
}



.icon-incoming {
    width: 18px;
    height: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    mask: url(/img/sub.svg);
    -webkit-mask: url(/img/sub.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    background-color: #848484;
}



.icon-seller {
    width: 18px;
    height: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    mask: url(/img/analytic.svg);
    -webkit-mask: url(/img/analytic.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    background-color: #848484;
}



.icon-dollar {
    width: 18px;
    height: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    mask: url(/img/dollar.svg);
    -webkit-mask: url(/img/dollar.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    background-color: #848484;
}



.icon-credit-card {
    width: 18px;
    height: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    mask: url(/img/credit-card.svg);
    -webkit-mask: url(/img/credit-card.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    background-color: #848484;
}



.icon-credit-card-back {
    width: 21px;
    height: 17px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    mask: url(/img/card-back.svg);
    -webkit-mask: url(/img/card-back.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    background-color: var(--bs-primary);
}



.icon-credit-card.red {
    background-color: hsl(0deg 67% 51%);
}



.icon-credit-card:not(.red) {
    background-color: hsl(0deg 0% 52%);
}



*:hover > .icon-heart {
    background-color: #d62e2f;
}



.fav-added > .icon-heart {
    background-color: #d62e2f;
    mask: url(/img/heart-full.svg);
    -webkit-mask: url(/img/heart-full.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}





    .item-image-products[data-type="video"]:before {
        content: '';
        width: 78px;
        height: 78px;
        position: absolute;
        z-index: 1;
        left: 50%;
        top: 50%;
        /* -webkit-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%);  */
        border-radius: 16px;
        /* background-image: url(/img/data-type-video.svg); */
    }



.shop-favorite-btn {
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: white;
    width: 48px;
    height: 48px;
    border-radius: 0 0 0 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
}



.for-details-products {
    background-color: white;
    border-radius: 16px 16px 16px 16px !important;
    z-index: 2;
    position: absolute;
    bottom: -40px;
    width: 100%; /* Ensure it covers the entire width */
    box-shadow: 0 1px 22px rgba(0, 0, 0, 0.16);
    padding: 10px; /* Adjust padding as needed */
}




.details-content .by-ownership {
    color: #627791;
    font-size: 13px;
    font-weight: 400;
}



    .details-content .by-ownership a {
        color: rgba(214, 46, 47, 0.73);
    }



.current-price {
    color: #627791;
    font-family: Roboto;
    font-size: 19px;
    font-weight: 500;
    padding-block:inherit;
}



.ti-up {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 24px;
    height: 24px;
    background-image: url(/img/up-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}



.ti-down {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 24px;
    height: 24px;
    background-image: url(/img/down-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}



.filter-block .accordion-list .accordion-list-item .accordion-list-child .accordion-list-child-item {
    color: #cecece;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
}



    .filter-block .accordion-list .accordion-list-item .accordion-list-child .accordion-list-child-item:not(:last-of-type) {
        margin-bottom: 20px;
    }



    .filter-block .accordion-list .accordion-list-item .accordion-list-child .accordion-list-child-item input[type="checkbox"] {
        /*display: none;*/
    }



        .filter-block .accordion-list .accordion-list-item .accordion-list-child .accordion-list-child-item input[type="checkbox"] + label .input-checkbox {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
        }



        .filter-block .accordion-list .accordion-list-item .accordion-list-child .accordion-list-child-item input[type="checkbox"] + label {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            gap: 15px;
            cursor: pointer;
        }



.ti-check {
    width: 24px;
    height: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-image: url(/img/checkbox-null.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}



input[type="checkbox"]:checked + label .input-checkbox .ti-check {
    background-image: url(/img/checkbox-full.svg);

}



input[type="radio"]:checked + label .input-checkbox .ti-check {
    background-image: url(/img/checkbox-full.svg);
}



.filter-block .accordion-list .accordion-list-item .accordion-list-child {
    padding: 20px 0;
    border-bottom: 1px solid #f0f1f5;
}



.filter-block .accordion-list .accordion-list-item .accordion-list-item-title {
    color: #717171;
    font-family: Roboto;
    font-size: 21px;
    font-weight: 500;
    line-height: normal;
    min-height: 67px;
    border-bottom: 1px solid #f0f1f5;
    cursor: pointer;
}



    .filter-block .accordion-list .accordion-list-item .accordion-list-item-title:not(.active) .ti-down {
        display: none;
    }



    .filter-block .accordion-list .accordion-list-item .accordion-list-item-title.active .ti-up {
        display: none;
    }



.up-arrow-gray {
    width: 22px;
    height: 13px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    mask: url(/img/up-arrow.svg);
    -webkit-mask: url(/img/up-arrow.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: #c4c4c4;
}



.interactive .swiper-pagination {
    right: 25px !important;
    left: inherit !important;
    width: auto !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #eeeeee91;
    border-radius: 50px;
    min-width: 40px;
}



    .interactive .swiper-pagination:hover {
        background-color: #e5e5e5;
    }



.swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
}



.swiper-pagination-bullet-active {
    background-color: #d62e2f !important;
}



.play-icon {
    width: 54px;
    height: 54px;
    mask: url(/img/play-button.svg);
    -webkit-mask: url(/img/play-button.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    background-color: #d62e2f;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}



.vertical-hr {
    width: 1px;
    height: 36px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-color: #eeeff3;
}



.interactive .interactive-text {
    position: absolute;
    inset: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 127px;
    gap: 20px;
}



.interactive .swiper-slide .interactive-text span {
    color: #cecece;
    font-size: 42px;
    font-weight: 500;
    -webkit-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}



.interactive .swiper-slide {
    border-radius: 15px;
    overflow: hidden;
}



    .interactive .swiper-slide:not(.swiper-slide-active) .interactive-text :is(span,.icon-cover) {
        -webkit-transform: translateY(80px);
        -ms-transform: translateY(80px);
        transform: translateY(80px);
    }



header .container {
    border-radius: 10px;
    padding: 0 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: white;
    -webkit-box-shadow: 0 2px 22px rgba(29, 84, 180, 0.12);
    box-shadow: 0 2px 22px rgba(29, 84, 180, 0.12);
}



.header-action-btn .login-btn .login-btn-content .login-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
    height: 100%;
    padding: 0 20px;
    border-radius: 50px;
    z-index: 6;
    position: relative;
    background-color: white;
    border: 1px solid #e2e2ea;
    border-radius: 50px;
    min-height: 36px;
}



.header-action-btn .login-btn .login-link:hover .login-member-text {
    color: #d62e2f;
}



.header-action-btn .login-btn .login-btn-content .login-link .login-member-text {
    color: #848484;
    font-size: 18px;
    font-weight: 500;
}



.header-action-btn .register-btn .register-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
    min-height: 36px;
    border-radius: 50px;
    padding: 0 20px;
    background-color: var(--bs-red);
}



.header-action-btn .register-link span {
    color: white;
}



.header-action-btn .login-link .login-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
}



@supports((-webkit-mask-image: url(#mask)) or (mask-image: url(#mask))) {
    /* code that requires mask-image here. */ .icon-user {
        min-width: 16px;
        min-height: 20px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        mask: url(/img/user.svg);
        -webkit-mask: url(/img/user.svg);
        mask-repeat: no-repeat;
        mask-position: center;
        mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        -webkit-mask-size: contain;
        background-color: #848484;
    }
}



.profile-link:not(:hover) a i {
    background-color: #cecece;
}



.profile-link:not(:hover) a span {
    color: #cecece;
}



.profile-link span {
    font-size: 16px;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
}



.icon-register {
    width: 16px;
    height: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    mask: url(/img/register.svg);
    -webkit-mask: url(/img/register.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    background-color: white;
}



.icon-alarm {
    min-width: 18px;
    height: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    mask: url(/img/alarm.svg);
    -webkit-mask: url(/img/alarm.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    background-color: #848484;
}




    .icon-alarm.big {
        width: 46px;
        height: 59px;
    }



    .icon-alarm.red {
        background-color: #d92e2f;
    }



.hover-round {
    min-width: 36px;
    min-height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    cursor: pointer;
    position: relative;
}



.icon-transform:hover .icon-btnn {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}



.icon-transform .icon-btnn {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}



.hover-round:before {
    content: '';
    width: 5px;
    height: 5px;
    opacity: 1;
    visibility: hidden;
    background-color: #ededed;
    border-radius: 100%;
    position: absolute;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}



.hover-round:not(.white):before {
    background-color: hsl(0deg 0% 93%);
}



.hover-round.white:before {
    background-color: hsl(0deg 0% 100%);
}



.hover-round:hover:before {
    width: 100%;
    height: 100%;
    opacity: 1;
    visibility: visible;
}



.icon-cart {
    min-width: 18px;
    min-height: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    mask: url(/img/cart.svg);
    -webkit-mask: url(/img/cart.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    background-color: #848484;
}



[data-order-status="available"] .icon.icon-cart, [data-order-status="available"] .icon.icon-cart-big {
    background-color: var(--bs-success);
}



[data-order-status="unavailable"] .icon.icon-cart, [data-order-status="unavailable"] .icon.icon-cart-big {
    background-color: var(--bs-danger);
}



.icon-comment {
    min-width: 18px;
    min-height: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    mask: url(/img/comment.svg);
    -webkit-mask: url(/img/comment.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    background-color: #848484;
}



.table-messages .icon-comment {
    position: relative;
    width: 30px;
    height: 31px;
}



.table-messages span {
    display: inline-block;
    position: relative;
}



    .table-messages span:before {
        content: '';
        min-width: 8px;
        min-height: 8px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 8px;
        position: absolute;
        right: -5px;
        top: 0;
        z-index: 2;
        display: inline-block;
        z-index: 0;
    }



.navbar-customize :is(#logo,p) {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 70px;
    margin: 0;
}



#filter-block {
    border-radius: 20px;
    background-color: #ffffff;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15);
}



.filter-block .accordion-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #f0f1f5;
    min-height: 45px;
    gap: 20px;
    padding: 0 16px;
    cursor: pointer;
    border-radius: 20px;
}



.filter-block .accordion-list {
    padding: 0 15px;
}



.filter-block .accordion-title .block-title {
    color: #717171;
    font-family: Roboto;
    font-size: 21px;
    font-weight: 500;
}



.image-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 0;
    padding-bottom: 78%;
    border-radius: 16px;
    overflow: hidden;
    object-fit: none;
}



.imgInner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    object-fit: fill;
}



.image-wrapper video img {
    width: 100%;
    height: 100%;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    margin: 0 auto;
    /* -webkit-transition-timing-function: ease-in-out;

    -o-transition-timing-function: ease-in-out;

    transition-timing-function: ease-in-out;

    -webkit-transition-duration: .2s;

    -o-transition-duration: .2s;

    transition-duration: .2s; */

    -o-object-fit: fill;
    object-fit: none;
}



.flex-content .flex-content-title.mobile-left {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 20px;
}



.accordion-bussiness-media .flex-content-title {
    color: #707070;
}



@media screen and (min-width: 1730px) {

    .content-sales-rank {
        padding-right: 40px;
    }



    .padding-customize-1 {
        padding-right: 59px !important;
    }



    .seller-details .padding-customize-1 {
        padding-right: 147px !important;
    }



    .padding-customize-2 {
        padding-left: 75px !important;
    }



    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1728px !important;
    }



    .for-details-products {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 26px;
        padding-right: 26px;
    }



    .detailLink {
        font-size: 24px;
    }



    .for-details-products .hero-content {
        margin-bottom: 10px;
    }



    .details-content .by-ownership {
        font-size: 20px;
    }
}



@media screen and (min-width: 1367px) {

    .pack-btn {
        padding: 50px 60px;
    }



    .hero-activite {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}



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

    .hero-activite {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }



    .pack-btn {
        padding: 20px 20px;
    }



    .detailLink {
        font-size: 12px;
    }



    .details-content .by-ownership {
        font-size: 11px;
    }



    .current-price {
        font-size: 12px;
    }



    .product-discounted-price {
        font-size: 10px;
    }



    .marketplace-listing-search .search-pagination :is(a,span) {
        font-size: 10px;
        width: 15px;
        height: 15px;
    }



    .filter-block .accordion-title .block-title {
        font-size: 16px;
    }
}



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

    .checkout-step-bar .checkout-step-item:not(.active) {
        display: none;
    }
}



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

    *, span, div {
    }



    .total-cart-option .order-md-last {
        max-width: 100%;
    }



    .checkout-step-bar {
        margin-bottom: 20px;
    }



    .item-cart-product-name {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }



    .marketplace-listing-search .search-pagination {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }



    .action-btn-modal {
        margin-bottom: 20px;
    }



    .secondary-dropdown .sub-children-item-mobile {
        min-height: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }



    .secondary-dropdown {
        border-bottom: solid 1px #efefef;
        padding: 10px 0;
    }



    .sub-family-link-mobile {
        font-size: 16px;
        min-height: 42px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        border-bottom: solid 1px #efefef;
        color: #454545;
    }



        .sub-family-link-mobile > .icon {
            margin-left: auto;
        }



        .sub-family-link-mobile.active > .icon {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
        }



    .user-action {
        gap: 15px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin: 15px 0;
    }



        .user-action a {
            margin: 0;
            min-height: 42px;
            min-width: 195px;
            font-size: 15px;
            border-radius: 0;
            background-color: #f8f8f8;
            width: 100%;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            border-radius: 5px;
        }



    .content-modal .accordion-body:not(.no-grid) {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3,1fr);
    }




@media screen and (min-width: 769px) {

    .fountain-pen-header div[class*="fp-header-1"] {
        min-width: 199px;
    }



    .max-100 {
        max-width: 100px !important;
    }



    .flex-module {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
    }



    .min-width-195 {
        min-width: 195px;
    }



    .checkout-step-bar {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }



    .marketplace-item-product:hover .image-wrapper {
        border-bottom-left-radius: 16px;
        border-bottom-right-radius: 16px;
    }



        .marketplace-item-product:hover .image-wrapper img {
            /* -webkit-transform: scale(1.1);

        -ms-transform: scale(1.1);

        transform: scale(1.1);  */
        }



    .marketplace-item-product:not(:hover) .for-details-products {
        -webkit-transform: translateY(-41%);
        -ms-transform: translateY(-41%);
        transform: translateY(-41%);
        border-radius: 16px;

    }

    .marketplace-item-product:hover .for-details-products {
        -webkit-transform: translateY(-41%);
        -ms-transform: translateY(-41%);
        transform: translateY(-41%);
        border-radius: 16px;
    }



    .profile-right {
        padding: 30px;
    }



    .shadow-hero {
        margin: 100px 0 !important;
        border-radius: 7px;
    }
}



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

    *, span {
    }



    .item-cart-product-name .cart-product-image, .item-favorite-product-name .favorite-product-image {
        max-width: 50px;
        height: auto;
    }



    .cart-list-body .cart-list-row:not(.cart-list-head), .favorite-list-body .favorite-list-row:not(.favorite-list-head) {
        padding: 12px 0;
    }



        .cart-list-body .cart-list-row:not(.cart-list-head) div, .favorite-list-body .favorite-list-row:not(.favorite-list-head) div {
            font-size: 12px;
            gap: 5px;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }



    #cart-favorite-page .checkbox-style {
        width: 23px;
        height: 23px;
    }



    .content-modal .accordion-button[type="button"], .fountain-pen-header div[class*="fp-header-5"] {
        min-width: 60%;
        text-align: right;
    }



    .fountain-pen-header div[class*="fp-header-5"] {
        padding-right: 20px;
    }



    .content-modal .accordion-button[type="button"] .action-upload {
        font-size: 11px;
    }



    .accordion-button:after {
        background-size: 10px !important;
        width: 10px !important;
        height: 10px !important;
    }



    .customer-page, .customer-page + .vertical-hr {
        display: none;
    }



    .wellcome-paragraph {
        text-align: center;
        font-weight: 400;
    }



    .wellcome-title {
        font-size: 30px;
        text-align: center;
    }



    #artist-upload-settings :is(input,select) {
        width: 100%;
    }



    .currency-border-cross:before {
        display: none;
    }



    #artist-upload-settings form {
        margin: 20px 0;
        padding: 10px;
    }



    .download-page .title {
        text-align: center;
        font-size: 28px;
    }



    .shadow-block {
        padding: 15px;
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }



    .m-custommize {
        margin: 20px 0;
    }



    .payment-out-1-page .light-gray-text.text-center {
        font-weight: 300;
        font-size: 21px;
    }



    .medium-shadow-block {
        padding: 17px;
    }



    .sign-in-title {
        font-size: 26px;
    }



    .sign-in-content {
        padding: 20px;
        width: 93%;
    }



    .sign-in-image {
        display: none;
    }



    .login-in-title {
        font-size: 26px;
        width: calc(100% - 70px);
    }



    .new-user {
        font-size: 12px;
        width: calc(100% - 70px);
    }



    .get-new-password, .back-to-login {
        font-size: 12px;
    }



    .new-user-forgot {
        font-size: 12px;
        margin-bottom: 13px;
    }



    .login-in-form-forgot .login-in-title {
        font-size: 21px;
        margin-bottom: 10px;
    }



    .login-in-image, .login-in-image-forgot {
        display: none !important;
    }



    #login-page {
        padding: 18px;
    }



    .navbar-customize .mobile-customize {
        margin: 0;
    }



    header .container {
        padding: 0;
    }



    .interactive .swiper-pagination {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        bottom: 15px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        height: 30px;
        top: inherit;
        gap: 3px !important;
        padding: 0 10px;
    }



    .item-image-products {
        border-radius: 16px 16px 0 0;
    }



    .login-in-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 21px 15px 20px 15px;
        width: 95%;
    }



    .login-in-form {
        width: 100%;
    }



    .mobile-menu {
        margin-right: 15px
    }



    .hover-round {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 10px;
    }



    .comment-btn .user-comment-link {
        width: inherit;
        position: relative;
    }



    .hover-round:before {
        display: none;
    }



    .comment-notification {
        right: 0;
        top: 0;
    }



    .modaal-content + #modaal-close {
        display: none;
    }



    .table-metarials-body .table-metarials-head .table-metarials-item {
        font-size: 10px;
    }



    .content-modal .accordion-body:not(.no-grid) {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2,1fr);
    }



    .table-metarials-row .table-metarials-item {
        font-size: 12px;
        min-height: 50px !important;
    }



    .shadow-hero {
        margin: 50px 0 !important;
        border-radius: 7px;
    }



    .checkout-step-item {
    }



    .charts-secondary {
        font-size: 15px !important;
    }



    .chart-btn-drop .btns {
        margin-top: 0;
    }



    .flex-module {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
    }



    .profile-right {
        padding: 30px 16px;
    }



    .interactive img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: right;
        object-position: right;
        min-height: 300px;
    }



    .interactive a:before {
        content: '';
        position: absolute;
        inset: 0;
        background: #0000004d;
    }



    .interactive .interactive-text {
        padding: 16px;
    }



    .interactive .swiper-slide .interactive-text span {
        color: white;
    }



    .interactive .swiper-container {
        border-radius: 10px;
    }



    .marketplace-listing-search .search-pagination :is(a,span) {
        font-size: 20px;
        width: 30px;
        height: 20px;
    }

    .btn-filter {
        align-items: center !important;
        justify-content: center !important;
    }


    .footer-about-us {
        text-align: center;
    }



    .footer-social ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }



    .footer-social {
        margin-bottom: 30px;
    }



    footer .footer-about-us {
        margin: 30px 0 30px 0;
    }



    .dark-gray-info {
        font-size: 15px;
    }



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

    *, span {
    }

    .thead-block-group {
        top: 0;
    }

    .cart-list-head .cart-list-item, .favorite-list-head .favorite-list-item {
        min-height: 50px;
        font-size: 9px;
    }


    .table-messages .icon-comment {
        width: 20px;
        height: 20px;
    }


    .content-table-mod :is(th,td) {
        padding: 10px !important;
    }


    .content-table-mod tbody td {
        min-height: 60px;
    }


    .content-table-mod tbody td img {
        max-width: 40px;
    }


    .content-table-mod thead th {
        font-size: 11px;
    }


    .page-profile {
        padding: 20px 0;
    }


    .dark-gray-info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 4;
    }


    .big-gray-info {
        font-size: 30px;
        text-align: center;
    }


    footer {
        padding: 20px 0;
    }


    footer .footer-menu-title {
        margin-bottom: 10px;
    }


    footer .nav .nav-item .navi-link {
        font-size: 13px;
    }


    footer .nav .nav-item {
        margin-bottom: 10px !important;
    }


    .modaal-content-container, .modaal-inner-wrapper {
        padding: 8px !important;
    }


    .image-content {
        min-height: 30px;
        min-width: 30px;
        max-width: 30px;
        max-height: 30px;
    }


    .content-modal .accordion-body:not(.no-grid) {
        -ms-grid-columns: (1fr);
        /* -ms-grid-columns: (1fr)[1]; */

        grid-template-columns: repeat(1, 1fr);
        padding: 8px;
    }


    .title-thin {
        font-size: 21px;
    }


    .content-modal .title-thin.justify-content-center {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }


    .content-form-step-3 .form-input {
        padding-right: 6px;
    }


    .content-form-step-3 .form-input .item {
        gap: 5px;
    }


    .control-input-value {
        min-width: 15px;
        min-height: 15px;
    }


    .content-form-step-3 .form-input .item:before {
        font-size: 12px;
    }


    .form-photos-in-order {
        padding: 8px !important;
    }


    header .container {
        padding: 0;
    }


    .upload-some-content .file-drop-area:not(.file-style,.input-style) {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }


    .flex-content .flex-content-title:empty {
        display: none;
    }


    .flex-content .flex-content-title {
        font-size: 12px;
    }


}}}


.search-box .form-control {
    border-radius: 10px;
    padding-left: 40px
}

.search-box .search-icon {
    position: absolute;
    left: 13px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    fill: #545965;
    width: 16px;
    height: 16px
}
.card {
    margin-bottom: 24px;
    -webkit-box-shadow: 0 2px 3px #e4e8f0;
    box-shadow: 0 2px 3px #e4e8f0;
}
.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #eff0f2;
    border-radius: 1rem;
}
.me-3 {
    margin-right: 1rem!important;
}

.font-size-24 {
    font-size: 24px!important;
}
.avatar-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #3b76e1;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 500;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}

.bg-soft-info {
    background-color: rgba(87,201,235,.25)!important;
}

.bg-soft-primary {
    background-color: rgba(59,118,225,.25)!important;
}

.avatar-xs {
    height: 1rem;
    width: 1rem
}

.avatar-sm {
    height: 2rem;
    width: 2rem
}

.avatar {
    height: 3rem;
    width: 3rem
}

.avatar-md {
    height: 4rem;
    width: 4rem
}

.avatar-lg {
    height: 5rem;
    width: 5rem
}

.avatar-xl {
    height: 6rem;
    width: 6rem
}

.avatar-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #3b76e1;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 500;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.avatar-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 8px
}

.avatar-group .avatar-group-item {
    margin-left: -8px;
    border: 2px solid #fff;
    border-radius: 50%;
    -webkit-transition: all .2s;
    transition: all .2s
}

.avatar-group .avatar-group-item:hover {
    position: relative;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
}

.fw-medium {
    font-weight: 500;
}

a {
    text-decoration: none!important;
}

.btn.show .icon::before {
    transform: rotate(90deg);
    transition: transform 0.5s;
}
.dropdown:hover .icon::before {
    transform: rotate(90deg);
    transition: transform 0.5s;
}



/*# chat */
/* **********************************
Reset CSS
************************************** */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1.5;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/********************************
 Typography Style
******************************** */

body {
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html {
    min-height: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 26px;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

p {
    font-size: 15px;
}

a {
    text-decoration: none;
    font-size: 15px;
}

* {
    margin-bottom: 0;
}


/* *******************************
message-area
******************************** */

.message-area {
    height: 100vh;
    overflow: hidden;
    padding: 30px 0;
    background: #f5f5f5;
}

.chat-area {
    position: relative;
    width: 100%;
    background-color: #fff;
    border-radius: 0.3rem;
    height: 90vh;
    overflow: hidden;
    min-height: calc(100% - 1rem);
}

.chatlist {
    outline: 0;
    height: 100%;
    overflow: hidden;
    width: 300px;
    float: left;
    padding: 15px;
}

.chat-area .modal-content {
    border: none;
    border-radius: 0;
    outline: 0;
    height: 100%;
}

.chat-area .modal-dialog-scrollable {
    height: 100% !important;
}

.chatbox {
    width: auto;
    overflow: hidden;
    height: 100%;
    border: 1px solid #ccc;
}

.chatbox .modal-dialog,
.chatlist .modal-dialog {
    max-width: 100%;
    margin: 0;
}

.msg-search {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.chat-area .form-control {
    display: block;
    width: 80%;
    padding: 0.375rem 0.75rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #222;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.chat-area .form-control:focus {
    outline: 0;
    box-shadow: inherit;
}

a.add img {
    height: 36px;
}

.chat-area .nav-tabs {
    border-bottom: 1px solid #dee2e6;
    align-items: center;
    justify-content: space-between;
    flex-wrap: inherit;
}

.chat-area .nav-tabs .nav-item {
    width: 100%;
}

.chat-area .nav-tabs .nav-link {
    width: 100%;
    color: #180660;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    text-transform: capitalize;
    margin-top: 5px;
    margin-bottom: -1px;
    background: 0 0;
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.chat-area .nav-tabs .nav-item.show .nav-link,
.chat-area .nav-tabs .nav-link.active {
    color: #222;
    background-color: #fff;
    border-color: transparent transparent #000;
}

.chat-area .nav-tabs .nav-link:focus,
.chat-area .nav-tabs .nav-link:hover {
    border-color: transparent transparent #000;
    isolation: isolate;
}

.chat-list h3 {
    color: #222;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    text-transform: capitalize;
    margin-bottom: 0;
}

.chat-list p {
    color: #343434;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    text-transform: capitalize;
    margin-bottom: 0;
}

.chat-list a.d-flex {
    margin-bottom: 15px;
    position: relative;
    text-decoration: none;
}

.chat-list .active {
    display: block;
    content: '';
    clear: both;
    position: absolute;
    bottom: 3px;
    left: 34px;
    height: 12px;
    width: 12px;
    background: #00DB75;
    border-radius: 50%;
    border: 2px solid #fff;
}

.msg-head h3 {
    color: #222;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 0;
}

.msg-head p {
    color: #343434;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    text-transform: capitalize;
    margin-bottom: 0;
}

.msg-head {
    padding: 15px;
    border-bottom: 1px solid #ccc;
}

.moreoption {
    display: flex;
    align-items: center;
    justify-content: end;
}

.moreoption .navbar {
    padding: 0;
}

.moreoption li .nav-link {
    color: #222;
    font-size: 16px;
}

.moreoption .dropdown-toggle::after {
    display: none;
}

.moreoption .dropdown-menu[data-bs-popper] {
    top: 100%;
    left: auto;
    right: 0;
    margin-top: 0.125rem;
}

.msg-body ul {
    overflow: hidden;
}

.msg-body ul li {
    list-style: none;
    margin: 15px 0;
}

.msg-body ul li.sender {
    display: block;
    width: 100%;
    position: relative;
}

.msg-body ul li.sender:before {
    display: block;
    clear: both;
    content: '';
    position: absolute;
    top: -6px;
    left: -7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12px 15px 12px;
    border-color: transparent transparent #f5f5f5 transparent;
    -webkit-transform: rotate(-37deg);
    -ms-transform: rotate(-37deg);
    transform: rotate(-37deg);
}

.msg-body ul li.sender p {
    color: #000;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    padding: 15px;
    background: #f5f5f5;
    display: inline-block;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-bottom: 0;
}

.msg-body ul li.sender p b {
    display: block;
    color: #180660;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
}

.msg-body ul li.repaly {
    display: block;
    width: 100%;
    text-align: right;
    position: relative;
}

.msg-body ul li.repaly:before {
    display: block;
    clear: both;
    content: '';
    position: absolute;
    bottom: 15px;
    right: -7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12px 15px 12px;
    border-color: transparent transparent #4b7bec transparent;
    -webkit-transform: rotate(37deg);
    -ms-transform: rotate(37deg);
    transform: rotate(37deg);
}

.msg-body ul li.repaly p {
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    padding: 15px;
    background: #4b7bec;
    display: inline-block;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-bottom: 0;
}

.msg-body ul li.repaly p b {
    display: block;
    color: #061061;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
}

.msg-body ul li.repaly:after {
    display: block;
    content: '';
    clear: both;
}

.time {
    display: block;
    color: #000;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
}

li.repaly .time {
    margin-right: 20px;
}

.divider {
    position: relative;
    z-index: 1;
    text-align: center;
}

.msg-body h6 {
    text-align: center;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.5;
    color: #222;
    background: #fff;
    display: inline-block;
    padding: 0 5px;
    margin-bottom: 0;
}

.divider:after {
    display: block;
    content: '';
    clear: both;
    position: absolute;
    top: 12px;
    left: 0;
    border-top: 1px solid #EBEBEB;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.send-box {
    padding: 15px;
    border-top: 1px solid #ccc;
}

.send-box form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.send-box .form-control {
    display: block;
    width: 85%;
    padding: 0.375rem 0.75rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #222;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.send-box button {
    border: none;
    background: #3867d6;
    padding: 0.375rem 5px;
    color: #fff;
    border-radius: 0.25rem;
    font-size: 14px;
    font-weight: 400;
    width: 24%;
    margin-left: 1%;
}

.send-box button i {
    margin-right: 5px;
}

.send-btns .button-wrapper {
    position: relative;
    width: 125px;
    height: auto;
    text-align: left;
    margin: 0 auto;
    display: block;
    background: #F6F7FA;
    border-radius: 3px;
    padding: 5px 15px;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    overflow: hidden;
}

.send-btns .button-wrapper span.label {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    cursor: pointer;
    color: #343945;
    font-weight: 400;
    text-transform: capitalize;
    font-size: 13px;
}

#upload {
    display: inline-block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}

.send-btns .attach .form-control {
    display: inline-block;
    width: 120px;
    height: auto;
    padding: 5px 8px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    color: #343945;
    background-color: #F6F7FA;
    background-clip: padding-box;
    border: 1px solid #F6F7FA;
    border-radius: 3px;
    margin-bottom: 5px;
}

.send-btns .button-wrapper span.label img {
    margin-right: 5px;
}

.button-wrapper {
    position: relative;
    width: 100px;
    height: 100px;
    text-align: center;
    margin: 0 auto;
}

button:focus {
    outline: 0;
}

.add-apoint {
    display: inline-block;
    margin-left: 5px;
}

.add-apoint a {
    text-decoration: none;
    background: #F6F7FA;
    border-radius: 8px;
    padding: 8px 8px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
    color: #343945;
}

.add-apoint a svg {
    margin-right: 5px;
}

.chat-icon {
    display: none;
}

.closess i {
    display: none;
}



@media (max-width: 767px) {
    .chat-icon {
        display: block;
        margin-right: 5px;
    }
    .chatlist {
        width: 100%;
    }
    .chatbox {
        width: 100%;
        position: absolute;
        left: 1000px;
        right: 0;
        background: #fff;
        transition: all 0.5s ease;
        border-left: none;
    }
    .showbox {
        left: 0 !important;
        transition: all 0.5s ease;
    }
    .msg-head h3 {
        font-size: 14px;
    }
    .msg-head p {
        font-size: 12px;
    }
    .msg-head .flex-shrink-0 img {
        height: 30px;
    }
    .send-box button {
        width: 28%;
    }
    .send-box .form-control {
        width: 70%;
    }
    .chat-list h3 {
        font-size: 14px;
    }
    .chat-list p {
        font-size: 12px;
    }
    .msg-body ul li.sender p {
        font-size: 13px;
        padding: 8px;
        border-bottom-left-radius: 6px;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
    }
    .msg-body ul li.repaly p {
        font-size: 13px;
        padding: 8px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        border-bottom-left-radius: 6px;
    }
}