/*global-css-start*/
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
@import url('https://fonts.cdnfonts.com/css/comodo');

body {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    background-color: #fff !important;
    scroll-behavior: smooth;
    font-family: "Plus Jakarta Sans", sans-serif !important;
}

:root {
    --font-first: "Plus Jakarta Sans", sans-serif;
}

@font-face {
    font-family: "Comodo";
    src: url("/assets/website/fonts/comodo-regular.otf") format("woff2");
    font-weight: normal;
    font-style: bold;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000000;
    font-weight: 600;
}

strong {
    font-weight: 800;
    color: #000;
}

a {
    text-decoration: none !important;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    color: #fff;
    font-weight: 400;
}

a:hover,
a:focus {
    text-decoration: none;
    outline: none;
    cursor: pointer;
    color: auto;
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: none;
}

button {
    color: inherit;
    border: none;
    background-color: transparent;
}

p {
    margin-bottom: 0.5rem;
    font-size: 18px;
    font-weight: 400;
    color: #475569;
    line-height: 24px;
}

ul,
li {
    margin: 0;
    padding: 0;
    list-style-type: none !important;
}

ul {
    padding-left: 0 !important;
}

hr {
    background-color: #D0D0D0 !important;
    opacity: 1;
    border-color: #D0D0D0 !important;
}

.form-select:focus,
.form-control:focus {
    box-shadow: none !important;
    border-color: #ccc;
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: inherit;
    color: inherit;
}

label {
    margin-bottom: 5px;
}

textarea {
    resize: none;
}

input:focus,
button:focus,
textarea:focus {
    outline: none;
    box-shadow: none;
}

img {
    max-width: 100%;
    height: auto;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.img-40 {
    width: 40px;
    height: 40px;
}

.img-80 {
    width: 80px;
    height: 80px;
    background-color: #ccc;
}

.fz-14 {
    font-size: 14px !important;
}

.fz-16 {
    font-size: 16px !important;
}

.fz-18 {
    font-size: 18px !important;
}

.fz-20 {
    font-size: 20px !important;
}

.fz-22 {
    font-size: 22px !important;
}

.fz-24 {
    font-size: 24px !important;
}

.fz-26 {
    font-size: 26px !important;
}

.fz-28 {
    font-size: 28px !important;
}

.fz-30 {
    font-size: 30px !important;
}

.fw-300 {
    font-weight: 300 !important;
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.fw-700 {
    font-weight: 700 !important;
}

.fw-800 {
    font-weight: 800 !important;
}

.decoration {
    text-decoration: underline !important;
}

.btn-close {
    background-image: none;
    padding: 0 !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

.form-check {
    vertical-align: middle;
    margin-bottom: 10px;
}

.form-check .form-check-label {
    margin-bottom: 0;
    cursor: pointer;
}

.tp-space {
    padding-top: 100px;
    padding-bottom: 100px;
}

.pt-100 {
    padding-top: 100px;
}

.pb-100 {
    padding-bottom: 100px;
}

.title {
    font-size: 40px;
    font-weight: 600;
    /* color: #00022A; */
    margin-bottom: 30px;
    text-transform: capitalize;
}

.lg_title {
    font-family: Comodo;
    font-size: 50px;
    color: #2E2E2E;
    margin-bottom: 15px;
    font-weight: 400;
}

.subtitle {
    font-size: 18px;
    font-weight: 500;
    /* color: #00022A; */
    margin-bottom: 20px;
}

.innr-title {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 30px;
}

.new_title {
    font-size: 32px;
    font-weight: 500;
    /* color: #00022A; */
    line-height: 1.4;
}

.thm-btn {
    display: inline-block;
    padding: 12px 20px;
    background: linear-gradient(270deg, #F9C449 0%, #F04393 100%);
    border: 1px solid linear-gradient(270deg, #F9C449 0%, #F04393 100%);
    border-radius: 8px;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
}

.thm-btn.light-btn {
    background-color: #fff;
    border-color: #fff;
    /* color: #4F40FF; */
}



.thm-btn:hover,
.thm-btn.outline:hover {
    background: linear-gradient(270deg, #F04393 0%, #F9C449 100%);
    border-color: none;
    color: #fff;
}

.thm-btn.outline {
    background-color: transparent;
    border-color: #4F40FF;
    color: #4F40FF;
}

.thm-lg-btn {
    display: inline-block;
    padding: 16px 30px;
    font-size: 18px;
    color: #00022A;
    font-weight: 500;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 8px;
}

.thm-lg-btn:hover {
    background-color: #d3d4d5;
    border-color: #d3d4d5;
    color: #00022A;
}

.thm-lg-btn.grn-btn {
    background-color: #BEE14A;
    border-color: #BEE14A;
}

.thm-lg-btn.warning {
    background-color: #EEBD5B;
    color: #fff;
    border-color: #EEBD5B;
    text-align: center;
}

.custom-frm-bx {
    margin-bottom: 20px;
    position: relative;
}

.custom-frm-bx label {
    font-size: 16px;
    font-weight: 400;
    color: #212020;
}

.custom-frm-bx .form-control,
.custom-frm-bx .form-select {
    height: 55px;
    border-radius: 12px;
    border: 1px solid #C4C4C4;
    font-size: 16px;
    font-weight: 500;
    /* background: transparent !important; */
}

.custom-frm-bx textarea.form-control {
    height: 150px;
}

.custom-frm-bx::placeholder {
    color: #C4C4C4;
    opacity: 1;
}

.custom-frm-bx::-ms-input-placeholder {
    color: #C4C4C4;
}


.custom-frm-bx-second {
    margin-bottom: 20px;
    position: relative;
}

.custom-frm-bx-second label {
    font-size: 16px;
    font-weight: 400;
    color: #2E2E2E;
}

.custom-frm-bx-second .form-control,
.custom-frm-bx-second .form-select {
    height: 55px;
    border-radius: 12px;
    border: 1px solid #C4C4C4;
    font-size: 15px;
    font-weight: 600;
    /* background: transparent !important; */
}


.custom-frm-bx-second::placeholder {
    color: #2E2E2E;
    opacity: 1;
}

.custom-frm-bx-second::-ms-input-placeholder {
    color: #2E2E2E;
}

.custom-frm-bx-second .custom-frm-cntrol:focus {
    border: 1px solid #F04393 !important;
}


.p-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.clr {
    color: #4F40FF !important;
}

/*global-css-end*/


.dashboard-left-side {
    min-height: 100vh;
    background: #000000;
    width: 300px;
}

.dashboard-logo-tp {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dashboard-user-profile {
    background: #F3F5F7;
    border-radius: 8px;
    padding: 20px;
}

.user-profile-logo {
    position: relative;
    display: flex;
    gap: 15px;
    align-items: center;
}

.left-navigation .nav-link {
    font-weight: 600;
    font-size: 16px;
    color: #818181 !important;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
}

.seller-submenu .left-navigation .nav-link {
    padding-left: 25px !important;
}

.left-navigation .nav-item {
    padding: 3px 0;
}

.left-navigation .nav-link:hover {
    background: #2A2A2A;
    border-radius: 12px;

}

.dashboard-logo-tp img {
    width: 100px;
    object-fit: cover;
}

.left-navigation .nav-link img {
    width: 18px;
}

.tp-left-chevr-box .tp-chevr-btn-back-btn {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    color: #D9D9D9;
    border: 0.6px solid #818181;
    font-size: 15px;


}

.tp-header-section {
    border-bottom: 0.6px solid #C4C4C4;
    padding: 10px 20px;
}

/* .nav .collapse {
    display: none;
  }
  .nav .collapse.show {
    display: block;
  }
  .nav .fa-chevron-right {
    transition: transform 0.3s;
  } */

.hide-sidebar {
    width: 0;
    min-width: 0;
    overflow: hidden;
    transition: all 0.3s ease;
}

.main-content {
    transition: margin-left 0.3s ease;
}

.hide-sidebar+.main-content {
    margin-left: 0;
}

.dashboard-left-side {
    transition: transform 0.3s ease;
}

.dashboard-left-side.mobile-show {
    transform: translateX(0);
}



.dashboard-right-side .tp-header-section .top-header-icon {
    width: 25%;
}

.dashboard-right-side .tp-header-section .tp-search-bx .tp-search-btn {
    display: inline-block;
    color: #fff;
    position: absolute;
    top: 10px;
    right: 10px;
    background: linear-gradient(270deg, #F9C449 0%, #F04393 100%);
    box-shadow: 0px 0px 20px 0px #0000001A;
    border-radius: 12px;
    padding: 5px 10px;

}

.dashboard-right-side .tp-header-section .tp-bell-icon {
    border: 1px solid #818181;
    color: #818181;
    font-size: 16px;
    border-radius: 8px;
    display: inline-block;
    padding: 7px;
}

.dashboard-right-side .tp-header-section .tp-right-admin-bx {
    display: flex;
    align-items: center;
    gap: 10px;
}

.dashboard-right-side .tp-header-section .tp-right-admin-details img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    background: #D9D9D9;
    border-radius: 50%;
    border: 5px solid #0000001A;
}

.dashboard-right-side .tp-header-section .tp-right-admin-details {
    display: flex;
    align-items: center;
    gap: 10px;
}

.dashboard-right-side .tp-header-section .admn-icon {
    position: relative;

}

.dashboard-right-side .tp-header-section .admn-icon::after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 2px solid #FFFFFF;
    background: #319F43;
}

.dashboard-right-side .tp-header-section .content-bx h5 {
    margin-bottom: 0;
    color: #319F43;
    font-size: 16px;
    font-weight: 400;
}

.dashboard-right-side .tp-header-section .content-dropdown {
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    color: #000;
}


.profile-card-box {
    background: #fff;
    border-radius: 20px !important;
    width: 260px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sallr-drop-box {
    border: 1px solid #F9C449;
}

.profile-top-section {
    display: flex;
    gap: 12px;
    align-items: center;
}

.profile-image {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
}

.profile-info {
    display: flex;
    flex-direction: column;
}

.profile-role {
    color: #27ae60;
    font-size: 14px;
}

.profile-name {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    color: #333;
}

.profile-id {
    font-size: 13px;
    color: #828282;
    margin: 0;
}

.profile-wallet-box {
    border: 1px dashed #EEEEEE;
    border-radius: 8px;
    padding: 10px 12px;
    background: #EEEEEE1A;

}

.wallet-content {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    font-weight: 500;
    color: #333;
}

.profile-logout-box {
    text-align: center;
    margin-top: 8px;
}

.logout-btn {
    color: #eb5757;
    font-weight: bold;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 15px;
}

.logout-btn:hover {
    text-decoration: underline;
}


.page-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.login-sec {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 0;
}

.frm-fotr-sec {
    margin-top: auto;
    width: 100%;
}

.footr-bnnr-pic img {
    width: 100%;
}



.footer-banner-img {
    display: block;
    width: 100%;
    height: auto;
}


.dashbrd-left-asidebar {
    position: fixed;
    top: 0;
    left: -280px;
    width: 260px;
    height: 100%;
    background: #fff;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
    overflow-y: auto;
    transition: left 0.3s ease-in-out;
    z-index: 9999;
}

.sidebar-close-btn {
    background: none;
    border: none;
    font-size: 22px;
    position: absolute;
    top: 12px;
    right: 12px;
    cursor: pointer;
    color: #333;
}

.dashbrd-left-asidebar.active {
    left: 0;
}

.mobile-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 9998;
}



.mobile-menu-btn {
    background: none;
    border: none;
    font-size: 22px;
    cursor: pointer;
    margin-right: 10px;
}

.user-toggle i.rotate {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}


.main-content .breadcrum-bx {}

.main-content .breadcrum-bx h3 {
    font-size: 35px;
    /* font-family: 'Comodo', sans-serif !important; */
    font-weight: 600;
    color: #000;
    text-transform: lowercase;
    margin-bottom: 0;
}

.main-content .breadcrum-bx .breadcrumb-item a {
    font-size: 16px;
    font-weight: 600;
    color: #F04393;
}

.main-content .breadcrum-bx .breadcrumb-item {
    font-size: 16px;
    font-weight: 600;
    color: #818181;
    display: inline-block;
    text-transform: capitalize;
}

.main-content .main-details-crd {
    border: 1px solid #EEEEEE;
    box-shadow: 0px 0px 50px 0px #0000000D;
    border-radius: 20px;
    padding: 20px;
    background: #FFFFFF;
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.main-details-crd .table-head {}

.main-details-crd .table-head {
    border-radius: 12px !important;
}

.main-details-crd .table-head tr th {
    background: #EEEEEE !important;
    padding: 10px;
}

/* Saller Details */

.main-details-crd .saller-details-bx {
    display: flex;
    gap: 20px;
}

.main-details-crd .saller-details-bx img {
    width: 200px;

}

.sller-contact-bx .saller-user-content h6 {
    font-weight: 700;
    font-size: 18px;
    color: #818181;
    line-height: 30px;


}

.sller-contact-bx .saller-user-content h2 {
    font-weight: 700;
    font-size: 35px;
    color: #F04393;
}

.sller-contact-bx p {
    font-size: 16px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #2E2E2E;
}

.sller-contact-bx small {
    font-size: 18px;
    font-weight: 400;
    color: #818181;
}

.sller-contact-bx .saller-reject {
    background: #FF00001A;
    border-radius: 12px;
    padding: 5px 10px;
    color: #FF0000;
    font-size: 15px;
    font-weight: 500;
    display: inline-block !important;
    margin: 5px 0;

}

.sller-contact-bx span {
    font-size: 15px;
    font-weight: 400;
    color: #FF0000;
}

/* Customer Details */

.main-details-crd .saller-details img {
    width: 200px;
}

.main-details-crd .customer-contact-list ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    font-size: 16px;
    font-weight: 500;
    color: #000000;
}

.main-details-crd .customer-contact-list ul li span {
    color: #818181;
}

.table-responsive {
    overflow-x: auto;
    /* sirf x-axis pe scroll */
    -webkit-overflow-scrolling: touch;
    /* smooth scroll on mobile */
}

.main-content {
    padding: 20px;
}

.table-search-bx {
    position: absolute;
    bottom: 8px;
    right: 10px !important;
}

.table-search-bx img {
    width: 20px;
    height: 20px;
}

.filter-btn {
    background: #319F43;
    box-shadow: 0px 0px 20px 0px #0000001A;
    border-radius: 12px;
    padding: 15px 25px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
}


.table-section thead,
tr,
th {
    background: #EEEEEE !important;
    padding: 15px 10px !important;
    border-bottom: 0 !important;
    color: #818181 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

.table-section thead,
tr,
th:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    /* padding: 0 20px !important; */

}

.table-section thead,
tr,
th:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.table-section thead,
tr,
th,
td {
    border-bottom: 0 !important;
}

.table-section tbody,
tr,
td .table-icon {
    border-radius: 50%;
}

.table-icon {
    width: 40px;
    height: 40px;
}

.table-section tbody,
tr,
td .product-pic {
    border-radius: 10px;

}

.table-section tbody,
tr,
td {
    font-size: 15px;
    font-weight: 500;
    color: #2E2E2E;
    vertical-align: baseline;
    text-wrap-mode: nowrap;
    text-align: start;
}

.table-section tbody,
td {
    padding: 10px !important;
}


.right-check-btn {
    border: 1px solid #319F43;
    border-radius: 50%;
    padding: 2px;
    font-size: 18px;
    /* display: inline-block; */
    color: #319F43;
    text-align: center;

}

.right-close-btn {
    border: 1px solid #FF0000;
    font-size: 18px;
    /* display: inline-block; */
    color: #FF0000;
    text-align: center;
    border-radius: 50%;
    padding: 2px;
}

.login-saller-btn {
    background: linear-gradient(270deg, #F9C449 0%, #F04393 100%);
    border: none !important;
    outline: none;
    border-radius: 8px;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    padding: 5px 10px;
    margin-right: 3px;
    text-wrap-mode: nowrap;
}

.login-saller-btn:hover{
    background: linear-gradient(270deg, #F04393 0%, #F9C449 100%);
}


.veritcal-ellips {
    background: linear-gradient(270deg, #F9C449 0%, #F04393 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.veritcal-ellips-black {
    background: #8181810D;
    border: 1px solid #818181;
    border-radius: 50%;
    padding: 3px;
    vertical-align: bottom;
    display: inline-block;
    vertical-align: middle;
}

.approve-badge {
    background: #319F431A;
    border-radius: 12px;
    padding: 10px;
    color: #319F43;
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
}

.reject-badge {
    background: #FF00001A;

    border-radius: 12px;
    padding: 10px !important;
    color: #FF0000;
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
}

.no-tbn {
    color: #FF0000;
    font-size: 15px;
    font-weight: 500;
}

.yes-tbn {
    color: #319F43;
    font-size: 15px;
    font-weight: 500;
}

.dots-icon {
    width: 20px;
}

.step-title {
    text-align: center;
    font-size: 30px !important;
    font-weight: 600;
    color: #000000;
    text-transform: lowercase;
}


.custom-pagination .page-item .page-link {
    border-radius: 5px;
    border: none;
    color: #60656E;
    background-color: #F0F1F5;
    margin: 0 4px;
    padding: 8px 14px;
    box-shadow: none;
}


.custom-pagination .page-item.active .page-link {
    border: 1px solid transparent;
    background: white;
    background-clip: padding-box;
    color: #f04393;
    font-weight: 600;
    position: relative;
}

.custom-pagination .page-item.active .page-link::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 5px;
    padding: 2px;
    background: #F04393;
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}


.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
}

.switch input {
    display: none;
}

.switch label {
    position: absolute;
    cursor: pointer;
    background: #ccc;
    /* OFF = grey */
    border-radius: 20px;
    width: 100%;
    height: 100%;
    transition: 0.3s;
}

.switch label::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    left: 2px;
    top: 2px;
    background: white;
    border-radius: 50%;
    transition: 0.3s;
}

/* ON State */
.switch input:checked+label {
    background: #28a745;
    /* Green */
}

.switch input:checked+label::after {
    transform: translateX(20px);
}


.product-cate-bx {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.add-cate-btn {
    background: linear-gradient(270deg, #F9C449 0%, #F04393 100%);
    border: none !important;
    outline: none;
    border-radius: 8px;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    padding: 15px 25px;
    margin-right: 3px;
    text-wrap-mode: nowrap;
    display: flex;
    align-items: center;
    gap: 5px;
}

.add-pls-btn {
    background: #fff;
}

.product-cate-bx img {
    width: 25px;
}

.edit-btn {
    color: #818181;
}

.delete-btn {
    color: #818181;
}

.attach-fle-btn {
    color: #f04393 !important;
    cursor: pointer;
    font-size: 16px !important;
    font-weight: 600 !important;
}

.completed {
    background: #319F431A;
    border-radius: 12px;
    color: #319F43;
    font-size: 15px;
    font-weight: 500;
    padding: 5px 10px;
}

.paid {
    color: #319F43 !important;
    font-size: 18px;
    font-weight: 500;
}

.canceled {
    background: #FF00001A;
    border-radius: 12px;
    color: #FF0000;
    font-size: 15px;
    font-weight: 500;
    padding: 5px 10px;


}

.pending {
    background: #F9C4491A;
    border-radius: 12px;
    color: #F9C449;
    font-size: 15px;
    font-weight: 500;
    padding: 5px 10px;
}


.cancelled {
    background: #8181811A;
    border-radius: 50px;
    color: #818181;
    font-size: 15px;
    font-weight: 500;
    padding: 5px 10px;
    position: relative;

}

td .list-dta li span {
    color: #818181;
}


.accept-tbn {
    background: #319F43;
    border-radius: 12px;
    color: #FFFFFF;
    font-family: 15px;
    font-weight: 600;
    padding: 10px 15px;
    display: inline-block;
}

.actived-tbn {
    background: #319F431A;
    border-radius: 50px;
    color: #319F43;
    font-size: 16px;
    font-weight: 700;
    padding: 5px 10px;
    position: relative;

}

.actived-tb::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 10px;
    height: 10px;
    background: #319F43;
}


.reject-tbn {
    background: #FF0000;
    border-radius: 12px;
    color: #FFFFFF;
    font-family: 15px;
    font-weight: 600;
    padding: 10px 15px;
    display: inline-block;
}

.detail-tbn {
    background: linear-gradient(270deg, #F9C449 0%, #F04393 100%);
    border-radius: 12px;
    color: #FFFFFF;
    font-family: 15px;
    font-weight: 600;
    padding: 10px 15px;
    display: inline-block;
}



.seller-details-list li {
    font-weight: 500;
    font-size: 18px;
    color: #000000;
    padding: 5px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;


}

.seller-details-list li span {
    color: #818181;
}

.subscriber {
    background: linear-gradient(270deg, #F9C449 0%, #F04393 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.main-profile-card-tp {
    border: 1px solid #EEEEEE;
    box-shadow: 0px 0px 50px 0px #0000000D;
    border-radius: 20px;
    background: #FFFFFF;
}

.profile-title h4 {
    padding: 20px;
    border-bottom: 0.6px solid #EEEEEE;
    color: #000000;
    font-size: 20px;
    font-weight: 700
}

.main-profile-card-tp-second {
    padding: 20px;
}

.main-profile-card-tp-second .admin-profile-bx {}

.main-profile-card-tp-second .admin-profile-bx img {
    width: 100px;
    border-radius: 50%;
    object-fit: cover;
}


.edit-profle-bx {
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.change-profile {
    color: #319F43;
    font-size: 15px;
    font-weight: 600;

}

.profile-inpt-bx {
    background: #EEEEEE !important;
}

.profile-inpt-bx::placeholder {
    color: #000000 !important;

}

.prodct-details-list {}

.prodct-details-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    color: #000000;
    font-size: 18px;
    font-weight: 500;
}

.prodct-details-list li span {
    color: #818181;
}

.prodct-details-list li .prodct-list-pic {
    width: 150px;
    border-radius: 10px;
}

#winnersTab {
    border-bottom: 1px solid #C4C4C4;
}


.product-tab-vertical-list .nav-pills .nav-link {
    color: #818181 !important;
    background: transparent !important;
    position: relative;
    font-size: 18px;
    font-weight: 700;
}

.product-tab-vertical-list .nav-pills .nav-link.active {
    background: linear-gradient(270deg, #F9C449 0%, #F04393 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.product-tab-vertical-list .nav-pills .nav-link.active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background: linear-gradient(270deg, #F9C449 0%, #F04393 100%);
    border-radius: 2px;
}

.procut-thumb-pic-bx img {
    width: 100%;
    border: 1px solid #C4C4C4;
    border-radius: 12px;
    height: 250px;
    object-fit: cover;
}

.procut-thumb-pic-bx {
    position: relative;
}

.trash-icon-bx {
    position: absolute;
    top: 15px;
    right: 15px;
    background: #fff;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    box-shadow: 0px 4px 4px 0px #00000040;
    border-radius: 50%;

}

.trash-tbn {
    color: #FF0000;
    font-size: 16px;
}

.colr-plus-pic {
    width: 20px;
}

.cancel-profile-tbn {
    border: 1px solid #FF0000 !important;
    box-shadow: 0px 0px 20px 0px #0000001A !important;
    color: #FF0000 !important;
    background: #fff;

}

.cancel-profile-tbn:hover {
    border: 1px solid #FF0000 !important;
    box-shadow: 0px 0px 20px 0px #0000001A !important;
    color: #FF0000 !important;
    background: #fff;
}

.product {
    color: #C123E0;
}

.plan {
    color: #2F23E0;
}

.product-eye-icon {
    color: #818181;
}



/* Saller Css */

.login-sec {
    background: #FFFFFF;
    padding: 30px 0;
    height: 100%;

}

.logo-form img {
    width: 200px;
}

.login-sec .login-saller-sec {
    background: #FFFFFF;
    box-shadow: 0px 0px 50px 0px #0000001A;
    border-radius: 60px;
    padding: 50px;
}

.login-sec .login-saller-sec h2 {
    color: #000000;
    font-family: "Comodo", sans-serif;
    font-weight: 400;
    font-size: 50px;
    line-height: 100%;
    letter-spacing: 0%;
    padding-bottom: 10px;

}

.login-sec .accunt-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #818181;
    padding: 10px 0;
    margin-bottom: 0;

}

.login-sec .vefi-title {
    color: #2E2E2E;
}

.pass-eye-bx {
    position: absolute;
    top: 45px;
    right: 20px;
}

.random-colr {
    background: linear-gradient(270deg, #F9C449 0%, #F04393 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-size: 16px;
    font-weight: 700;
    font-family: var(--font-first);
}

.pass-eye-slash {
    color: #777777;
}

.google-tbn {
    display: inline-block;
    padding: 12px 20px;
    background: #EEEEEE8C;
    border: 1px solid #EEEEEE;
    border-radius: 12px;
    color: #2E2E2E;
    font-weight: 700;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-family: var(--font-first);
    position: relative;
    text-decoration: none;
}

.google-logn-bx img {
    width: 25px;

}

.logn-or-sec {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.logn-or-sec small {
    background: #EEEEEE;
    border-radius: 50%;
    color: #777777;
    font-size: 14px;
    font-weight: 700;
    width: 25px;
    height: 25px;
    line-height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.logn-or-sec small::after {
    content: "";
    width: 48%;
    background: #EEEEEE;
    height: 2px;
    position: absolute;
    top: 10px;
    left: 0;
}

.logn-or-sec small::before {
    content: "";
    width: 48%;
    background: #EEEEEE;
    height: 2px;
    position: absolute;
    top: 10;
    right: 0;
}

.accunt-fre p {
    font-size: 16px;
    font-weight: 500;
    color: #818181;
    text-align: center;
    padding: 10px 0;
}

.vefi-input-filed {
    display: flex;
    align-items: center;
    gap: 15px;
}

.vefi-input-filed .custom-frm-cntrol {
    text-align: center;
}

.updte-bnnr-bx {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
}

.updte-bnnr-bx img {
    width: 120px;
}

.account-sucssful-bx {
    background: #319F431A;
    border: 1px dashed #319F43;
    border-radius: 30px;
    padding: 20px;
    margin-bottom: 20px;
}

.account-sucssful-bx h4 {
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    color: #319F43;

}

/* Saller Dashboard */
.tp-saller-header {
    position: relative;
}

.tp-saller-header::after {
    content: "";
    background: url('/assets/website/images/form-footer.png');
    background-position: center;
    background-size: cover;
    position: absolute;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    z-index: -1;

}

.tp-saller-header .header-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 80px;
}

.tp-saller-header .header-logo .logo-img {
    width: 130px;
    display: block;
}

.tp-saller-header .header-actions {
    display: flex;
    align-items: center;
    gap: 16px;
}

.header-actions .tp-saller-header .header-help {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    gap: 5px;
}



.tp-saller-header .help-text {
    display: none;
}

.tp-saller-header .header-notification {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}

.tp-saller-header .header-user {
    display: flex;
    align-content: center !important;
}

.tp-saller-header .header-user .user-toggle {
    display: flex;
    align-items: center;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    gap: 6px;
}

.tp-saller-header .header-user .user-avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    background: #D9D9D9;
    border: 3px solid #FFFFFF33;

}

.user-role,
.user-name {
    display: none;
}

.header-user .user-role {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    vertical-align: middle;
    color: #319F43;

}

.header-user .user-name {
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    vertical-align: middle;
    color: #FFFFFF;

}

.tp-saller-header .user-dropdown {
    font-size: 14px;
}

@media (min-width: 768px) {

    .help-text,
    .user-role,
    .user-name {
        display: inline;
    }
}

/* Dashboard Saller */
.dashboard-saller-sec {
    padding: 50px 0;
}

.dashbrd-left-asidebar {
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    box-shadow: 0px 0px 50px 0px #0000000D;
    border-radius: 20px;
    padding: 30px 15px;
}

.dashbrd-left-asidebar .dashbord-account-menu .dash-menu-item .dash-menu-link {
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    vertical-align: middle;
    color: #2E2E2E;
}

.dashbrd-left-asidebar .dashbord-account-menu .dash-menu-item .dash-menu-link {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 5px;
}

.dashbrd-left-asidebar .dashbord-account-menu .dash-menu-item .dash-menu-link img {
    width: 20px;
}


.dash-product-saller-bx {
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    box-shadow: 0px 0px 50px 0px #0000000D;
    border-radius: 20px;
    padding: 15px;
}

.dash-product-content-bx {
    display: flex;
    align-items: start;
    gap: 20px;
}

.dash-product-pic {
    background: #319F431A;
    border-radius: 10px;
    width: 72px;
    height: 72px;
    line-height: 72px;
    text-align: center;

}

.dash-product-pic img {
    width: 35px;
    height: 35px;
}

.admin-dash-prodcut-pic img {
    width: 70px;
    height: 70px;
    border-radius: 10px;
}

.product-pic {
    width: 90px;
    height: 60px;
}

.dash-item-nme span {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: #818181;
    padding-bottom: 5px;


}

.dash-item-nme h4 {
    font-weight: 400;
    font-size: 30px;
    line-height: 100%;
    color: #2E2E2E;
    font-family: "Comodo", sans-serif;
    margin-bottom: 0;

}

/*  */

.prdct-title {
    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 30px;
    color: #000000;

}

.dash-saller-table-bx {
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    box-shadow: 0px 0px 50px 0px #0000000D;
    border-radius: 20px;
    padding: 20px;
}

.dash-saller-table-bx .tb-dta-pic {
    width: 130px;
    height: 80px;
    border-radius: 10px;
}

.dash-saller-table-bx .tb-id-text {
    font-size: 12px;
    color: #818181;
}

.upload-icon img {
    width: 65px;
}

.file-upload-row .input-group {
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
}

.file-upload-row .file-name {
    /* background-color: #f9f9f9; */
    border: none;
}

.file-upload-row .browse-btn {
    background: #2E2E2E;
    color: #fff;
    cursor: pointer;
    border: none;
    font-size: 15px;
    font-weight: 600;
}

.file-upload-row .browse-btn:hover {
    background: #2E2E2E;
}


.custom-editor {
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
}

.editor-toolbar {
    background: #f4f6fb;
    padding: 5px 8px;
    display: flex;
    gap: 8px;
    border-bottom: 1px solid #ddd;
}

.editor-toolbar button {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 14px;
    color: #444;
}

.editor-toolbar button:hover {
    color: #000;
}

.editor-content {
    min-height: 150px;
    padding: 10px;
    outline: none;
    font-size: 14px;
}

.editor-content:empty:before {
    content: attr(data-placeholder);
    color: #aaa;
    pointer-events: none;
}

.ql-toolbar.ql-snow {
    background: #ebeef5;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    font-family: var(--font-first);
}

#editor {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    color: #C4C4C4;
    font-size: 15px;
    font-weight: 600;
}

.ql-editor.ql-blank::before {
    font-style: normal !important;
}

.main-variant-box {
    border: 1px dashed #818181;
    border-radius: 12px;
}

.lft-variant-bx {
    border-right: 1px dashed #818181;
}

.dash-search-dta-bx {
    display: flex;
    align-items: center;
    gap: 10px;
}


.tble-action-menu {
    background: #FFFFFF;
    border: 1px solid #EEEEEE !important;
    box-shadow: 0px 0px 50px 0px #0000000D !important;



}

.tble-action-menu li {}

.tble-action-menu li .dropdown-item {
    color: #2E2E2E;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    vertical-align: middle;
    display: flex;
    align-items: center;
    gap: 5px;

}

.wllet-amont-title {
    font-weight: 400;
    font-size: 30px;
    line-height: 100%;
    text-align: center;
    font-family: "Comodo", sans-serif;
    color: #000000;

}

.wllet-title {
    color: #F04393;
    font-weight: 400;
    font-size: 50px;
    line-height: 100%;
    text-align: center;
    font-family: "Comodo", sans-serif;

}

.widraw-btn {
    width: 200px;
}

.contact-icon-bx {
    display: flex;
    align-items: center;
    gap: 15px;
}

.contact-frm-icon-bx img {
    width: 35px;
    height: 35px;

}

.dash-item-scond-bx h5 {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 0;
    color: #202020;

}

.dash-item-scond-bx p {
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0%;
    color: #2E2E2E;
    margin-bottom: 0;


}

.custom-faq .accordion-item {
    border: none;
    border-bottom: 1.5px solid #CDD6DA40;
    border-radius: 0;
    box-shadow: none;
}

.custom-faq .accordion-button {
    background-color: transparent;
    box-shadow: none;
    padding-left: 0;
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    color: #000000;

}

.custom-faq .accordion-button:focus {
    box-shadow: none;
    outline: none;
}

.custom-faq .accordion-button::after {
    content: "+";
    font-size: 1.2rem;
    font-weight: bold;
    margin-left: auto;
    background-image: none !important;
    transform: none !important;
    color: #000;
}

.custom-faq .accordion-button:not(.collapsed)::after {
    content: "-";
}

.custom-faq .accordion-body {
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #2E2E2E;

}

.saller-usr-profile-bx {
    position: relative;
}

.saller-usr-profile-bx::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #F04393;
    height: 120px;
    width: 100%;
    max-width: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    border-bottom-right-radius: 61.5px;
    border-bottom-left-radius: 61.5px;

}

.sallr-profile-urs-bx {
    text-align: center;
    position: relative;
}

.sallr-profile-urs-bx .sallr-logo-profle {
    width: 140px;
    border-radius: 50%;
    object-fit: cover;
    background: #D9D9D9;
    border: 10px solid #FFFFFF;
    position: relative;
    z-index: 1;

}

.wb-profile-usr img {
    /* border: 10px solid #F043931A !important; */
    width: 140px;
    border-radius: 50%;
    object-fit: cover;
    background: #D9D9D9;
    position: relative;
    z-index: 1;
}

.edit-upload-bx {
    position: absolute;
    bottom: 20px;
    left: 110px;
    right: 0;
    z-index: 2;

}

.edit-upload-bx img {
    width: 30px;
    border-radius: 50%;
    background: #F9C449;
    padding: 2px;
    border: 3px solid #FFFFFF
}


.delete-accont-bx {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.delete-accont-bx p {
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    vertical-align: middle;
    margin-bottom: 0;
    color: #000000;

}

.delete-accont-tbn {
    background: #FF0000;
    box-shadow: 0px 0px 20px 0px #0000001A;
    border-radius: 12px;
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    padding: 12px 40px;
    display: inline-block;
}


/* Website Css */
.website-bnner-section {
    position: relative;
    min-height: 100vh;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}


.website-bnner-section::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 200px;
    height: 300px;
    background: url("/assets/website/images/bannr-left.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.website-bnner-section::before {
    content: "";
    position: absolute;
    top: 100px;
    right: 0;
    width: 200px;
    height: 360px;
    background: url("/assets/website/images/bannr-right.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Website Header start */
.wbsite-menu-bar .wbsite-menu-nav .nav-item .nav-link {
    font-weight: 700;
    font-size: 15px;
    line-height: 30px;
    color: #FFFFFF;

}



.header-cart {
    position: relative;
}

.crt-tp-bx {
    position: absolute;
    top: -10px;
    right: -10px;
    background: #F9C449;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
}

.crt-tp-bx small {
    font-weight: 700;
    font-size: 13px;
    line-height: 100%;
    text-align: center;
    color: #2E2E2E;

}

.wbsite-tp-search-sec {
    background: url('/assets/website/images/form-footer.png');
    height: 200px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wbsite-tp-search-sec-second {
    height: 400px;
}

.image-dropdown-btn {
    background: #fff;
    border: none;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    padding: 8px 14px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    height: 55px;
}

.image-dropdown-btn:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}

.image-dropdown-btn::after {
    display: none !important;
}

.image-dropdown-chevron {
    transition: transform 0.3s ease;
}

.image-dropdown-chevron.rotate {
    transform: rotate(180deg);
}

.image-dropdown-menu {
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    padding: 5px !important;
}

/* .image-dropdown-menu li{
    color: #000000 !important;
    border: none !important;
    margin: 5px;
    border-radius: 5px;
} */


.image-dropdown-menu  .image-dropdown-item{
   color: #000000 !important;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    vertical-align: middle;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 5px 30px 5px 10px;
    border-radius: 5px;
    background-color: #F04393;
    margin: 5px 0;

}

.image-dropdown-menu  .image-dropdown-item:hover{
    color: #fff;
}

.wb-search-main-bx {
    display: flex;
    align-items: center;
    gap: 10px;
}


.wbsite-search-icon-btn {
    background: linear-gradient(270deg, #F9C449 0%, #F04393 100%);
    box-shadow: 0px 0px 20px 0px #0000001A;
    /* padding: 10px; */
    border-radius: 50%;
    text-align: center;
    color: #eee;
    font-size: 14px;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.wb-heading-bx h2 {
    font-weight: 400;
    font-size: 50px;
    line-height: 100%;
    vertical-align: middle;
    color: #F04393;
    font-family: "Comodo", sans-serif;
    text-align: center;
}

.wb-heading-bx {
    margin-top: 20px;
}

.wb-footr-section {
    background: #000000;
    border-top: 1px solid #FFFFFF26;
    padding-top: 50px;
    padding-bottom: 20px;
    position: relative;
    z-index: 9999;
}

.wb-footr-section:last-child {
    border: none !important;
}

.wb-footr-section::after {
    content: "";
    position: absolute;
    top: -30px;
    left: 200px;
    width: 30%;
    height: 400px;
    background: url('/assets/website/images/ds-footr.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}


.wb-footr-logo img {
    width: 90px;
}

.wb-footr-btm-para {
    margin: 10px 0;
}

.wb-footr-btm-para p {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0%;
    color: #F3F3F3;

}


.wb-footr-social-icon-list {
    display: flex;
    align-items: center;
    gap: 10px;
}

.footr-menu-item-list h4 {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0%;
    color: #fff;
    /* margin-bottom: 20px; */
}

.footr-menu-item-list .footr-nav-menu-list {
    padding: 0 20px !important;
}

.footr-menu-item-list .footr-nav-menu-list li {
    padding: 8px 0;
    list-style-type: disc !important;
}

.footr-menu-item-list .footr-nav-menu-list li::marker {
    color: #fff;
}


.footr-menu-item-list .footr-nav-menu-list li a {
    font-weight: 500;
    font-size: 16px;
    line-height: 28.13px;
    text-align: start;
    text-transform: capitalize;
    color: #fff;
}

.footr-menu-item-list .footr-nav-menu-list li a:hover{
    color: #F04393;
}


.footr-menu-item-list span {
    font-weight: 400;
    font-size: 16px;
    color: #fff;
}

.wb-ftr-btn {
    color: #05073C;
}

.wb-footr-content {
    border-top: 1px solid #FFFFFF26;
}

.nav-link.dropdown-toggle::after {
    display: none !important;
}

.dropdown-chevron {
    transition: transform 0.3s ease;
}

.dropdown-chevron.rotate {
    transform: rotate(180deg);
}

.wb-footr-content p {
    font-weight: 400;
    font-size: 14.53px;
    letter-spacing: 0%;
    vertical-align: middle;
    text-align: center;
    margin-bottom: 0;
    color: #FFFFFF;
    padding-top: 20px;

}

.wb-chnge-pass-sec {
    padding-top: 30px;
}

.wb-chgne-pass-bx {
    border: 1px solid #D4D4D4;
    padding: 50px 10px;
}

.wb-left-profile-bx {
    position: relative;
}


.wb-left-profile-bx {
    background: #F04393;
    height: 100%;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: relative;
}

.wb-profile-usr-chnge-bx {
    position: absolute;
    top: 50px;
    left: 90px;
}

/* Download Image */
.wb-download-image-sec {
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    padding: 20px;
    margin-bottom: 20px;

}

.wb-dwn-content {
    display: flex;
    align-items: center;
    gap: 15px;
}

.wb-dwn-content img {
    width: 140px;
    height: 100px;
    object-fit: cover;
    border-radius: 12px;
}

.wb-dwn-content-secnd img {
    width: 100%;
    height: 250px;
}

.wb-dwn-content-secnd {
    flex-direction: column;
}

.wb-dwn-left {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wb-dwn-content h4 {
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    color: #000000;


}

.wb-dwn-content p {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: #2E2E2E;
    padding: 10px 0;
    margin-bottom: 0;

}

.wb-dwn-content span {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #818181;


}


.vd-dwn-bx .custom-select-wrapper {
    position: relative;
    display: inline-block;
    width: 140px;
}

.vd-dwn-bx .custom-label {
    position: absolute;
    top: -10px;
    left: 10px;
    background: #fff;
    padding: 0 4px;
    font-size: 12px;
    color: #818181 !important;
    font-weight: 400;
    font-size: 15px;
    line-height: 100%;


}

.vd-dwn-bx .custom-select {
    width: 100%;
    padding: 10px 5px;
    font-size: 16px;
    border: 1px solid #C4C4C4;
    border-radius: 6px;
    background-color: #fff;
    cursor: pointer;
}

.vd-dwn-bx .custom-select:focus {
    box-shadow: none !important;
    outline: none;
}

.wb-video-wrapper {
    position: relative;
    display: inline-block;
}

.wb-video {
    border-radius: 12px;
    height: 100px;
    object-fit: cover;
    display: block;
    width: 140px;
}

.wb-video-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #F9C449;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    color: #2E2E2E;
    font-size: 20px;
    transition: 0.3s ease;
}

.wb-video-play-btn:hover {
    background-color: rgba(249, 196, 73, 0.5);
}



/* Download End */



/* Blog Start */
/* .wb-blog-content-bx {
    position: relative;
    overflow: hidden;
}

.wb-blog-content-bx img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 12px;
    margin-bottom: 15px;
}

.wb-blog-content-bx img:hover {
    transform: scale(1.1);
    transition: transform 0.5s 
ease;
    border-radius: 20px;
}
 */

 


 .wb-blog-content-bx {
  position: relative;
  overflow: hidden;
}

.wb-blog-content-bx img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  border-radius: 12px;
  margin-bottom: 15px;
  transition: transform 0.5s ease, border-radius 0.5s ease;
}

.wb-blog-content-bx:hover img {
  transform: scale(1.1);
  border-radius: 20px;
}





.wb-blog-content-bx p {
    font-weight: 400;
    font-size: 14px;
    line-height: 18.2px;
    letter-spacing: 0%;
    color: #818181;

}

.blogs-tbn {
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #2E2E2E;
}

.blog-title-bx {
    margin: 20px 0;
}

.blog-title-bx p {
    font-weight: 400;
    font-size: 14px;
    line-height: 18.2px;
    letter-spacing: 0%;
    color: #818181;
    text-align: center;
}

.blog-title-bx h5 {
    font-family: Comodo;
    font-weight: 400;
    font-size: 50px;
    line-height: 100%;
    text-align: center;
    vertical-align: middle;


}

.blog-details-bx img {
    height: 500px;
    object-fit: cover;
    width: 100%;
}

.blg-details-para {
    margin: 20px 0;
}

.blg-details-para h6 {
    font-weight: 700;
    font-style: Bold;
    font-size: 20px;
    line-height: 28px;
    color: #000000;

}

.blg-details-para p {
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #2E2E2E;

}

/* Blog End */

/* Collection Start */

.wb-collection-crd {
    background: linear-gradient(180deg, #FFFFFF 0%, #FFF0F7 100%);
    border: 1px solid #C4C4C4;
    border-radius: 12px;
    padding: 15px 10px;

}

.wb-collection-bx {
    display: flex;
    gap: 15px;
    align-items: center;
}

.wb-collection-bx img {
    width: 100px;
    height: 100px;
    border-radius: 24px;
    object-fit: cover;
}


.item-collection-list {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 8px 0;
}

.edit-collection-list {
    display: flex;
    align-items: center;
    gap: 10px;
}

.wb-collection-content h5 {
    font-weight: 700;
    font-style: Bold;
    font-size: 18px;
    line-height: 30px;
    color: #2E2E2E;


}

.item-collection-list li {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #818181;

}

.collection-menu-tbn {
    font-size: 18px;
}

.collection-edit-btn {
    color: #8B57ED;
}

.collection-delete-btn {
    color: #FF0000;
}

.collection-shre-btn {
    color: #319F43;
}

.check-label span {
    font-weight: 700;
    font-size: 18px;
    color: #2E2E2E;

}

.custom-checkbox {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 19px;
    height: 19px;
    border: 1px solid #C4C4C4;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    vertical-align: middle;
    margin-right: 6px;
    transition: all 0.2s ease-in-out;
    box-shadow: none !important;
    outline: none;
}

.custom-checkbox:checked {
    background-color: #F04393;
    border-color: #F04393;
    box-shadow: none !important;
}


.custom-checkbox:focus {
    box-shadow: none !important;
    outline: none !important;
    border-color: none !important;
}

.form-check-label {
    font-size: 14px;
    color: #333;
    cursor: pointer;
}




.check-label {
    font-weight: 400;
    font-size: 16px;
    color: #2E2E2E;
}

.it-collection-btn {
    color: #EEEEEE;
    font-size: 18px;
}


.it-collection-crd {
    background: linear-gradient(180deg, #FFFFFF 0%, #FFF0F7 100%);
    border: 1px solid #C4C4C4;
    border-radius: 12px;
    padding: 12px;
}

.it-collection-pic-bx {
    position: relative;

}

.it-collection-pic-bx img {
    width: 100%;
    object-fit: cover;
    height: 200px;
    border-radius: 12px;
}

.it-item-check-bx {
    position: absolute;
    top: 5px;
    left: 5px;
}


.it-collection-pic-bx {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.it-collection-video {
    display: block;
    border-radius: 10px;
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.video-play-btn {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.6);
    border: none;
    color: #fff;
    font-size: 20px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: background 0.3s;
}

.video-play-btn:hover {
    background: rgba(0, 0, 0, 0.8);
}



/* Collection End */


/* Price Start */

.packing-crd {
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    box-shadow: 0px 0px 50px 0px #0000000D;
    border-radius: 30px;
    padding: 30px;
    aspect-ratio: 1 / 0.8;
    display: flex;
    justify-content: start;

}


.packgaing-bx {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
}

.packgaing-bx .packaging-content h3 {
    font-weight: 400;
    font-size: 40px;
    line-height: 28px;
    vertical-align: middle;
    color: #2E2E2E;
    margin-bottom: 20px;

}

.packgaing-bx .packaging-content p {
    background: linear-gradient(90deg, rgba(36, 197, 66, 0.63) 0%, #FFFFFF 100%);
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    padding: 5px;



}

.packgaing-bx .packaging-content h2 {
    font-weight: 400;
    font-size: 50px;
    line-height: 100%;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #2E2E2E;
    font-family: "Comodo", sans-serif;
    margin: 10px 0;


}

.packgaing-bx .packaging-content ul {
    padding: 0 20px !important;

}

.packgaing-bx .packaging-content ul li {
    font-weight: 400;
    font-size: 16px;
    list-style-type: disc !important;
    line-height: 30px;
    padding: 5px 0;


}

.packgaing-bx .packaging-btn-bx {}

.packgaing-bx .packaging-btn-bx .trial-tbn {
    background: #319F43;
    border-radius: 12px;
    display: inline-block;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    padding: 13px 20px;
    width: 200px;
    height: 50px;
}

.packgaing-bx  .trial-tbn:hover{
    background: #267A33; 
    color: #fff;
}



.by-now-btn {
    background: linear-gradient(270deg, #F9C449 0%, #F04393 100%) !important;
}


.packaging-btn-bx .by-now-btn:hover {
    background: linear-gradient(270deg, #F04393 0%, #F9C449 100%);
}

.packaging-monthly-plan p {
    background: linear-gradient(90deg, #F8BD00 0%, #FFFFFF 100%) !important;

}

.packaging-monthly-plan sub {
    font-weight: 500;
    font-size: 30px;
    color: #818181 !important;
    bottom: 0 !important;

}



/* Price End */


/* Sell your content Start */
.wb-about-section {
    position: relative;
    min-height: 100vh;
}

.wb-about-section::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(#000000BD, #000000BD),
        url("/assets/website/images/about.png");
    background-repeat: no-repeat;
    background-size: cover;

}

.wb-about-content {
    position: absolute;
    top: 100px;
    left: 0;
    z-index: 11;
}

.wb-about-main-heading h4 {
    font-family: Comodo;
    font-weight: 400;
    font-size: 50px;
    color: #F04393;
    margin-bottom: 30px;
}

.wb-about-main-heading p {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #FFFFFF;

}


.why-submit-title h4 {
    font-family: Comodo;
    font-weight: 400;
    font-size: 50px;
    line-height: 100%;
    text-align: center;

}

.why-submit-title p {
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    color: #2E2E2E;

}

.wb-about-crd {
    background: #FFF0F7;
    padding: 40px 32px;
    aspect-ratio: 1/1;
}

.wb-about-crd-content img {
    width: 100%;
    height: 357px;
    object-fit: cover;
    border-radius: 20px;
    transition: transform 0.5s ease;
      
}

.wb-about-crd-content{
    position: relative;
    overflow: hidden;
    transition: transform 0.2s ease-in-out;
}

.wb-about-crd-content:hover img{
    transform: scale(1.1);
 transition: transform 0.5s ease;
  border-radius: 20px;
}


.wb-about-crd-content h6 {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    color: #000000;

}

.wb-about-crd-content p {
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    color: #000000;

}

.wb-global-section {
    padding: 50px 0;
}


.global-picture-bx img {
    width: 100% !important;
    width: 350px;
    object-fit: cover;
}

.wb-global-content-bx p {
    font-weight: 400;
    font-size: 16px;
    text-align: start;
    color: #2E2E2E;
}

.wb-global-btn {
    display: inline-block;
    padding: 12px 20px;
    background: #fff;
    border: 1px solid linear-gradient(270deg, #F9C449 0%, #F04393 100%) !important;
    border-radius: 12px !;
    background: linear-gradient(270deg, #F9C449 0%, #F04393 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    border: 1px solid;
    border-image-slice: 1;
    border-width: 1px;
    border-image-source: linear-gradient(270deg, #F9C449 0%, #F04393 100%);
    width: 200px;
}





.creative-sec {
    background: #000;
    padding: 50px 0;
}

.lg-title {
    color: #F04393;
}

.creative-pra {
    color: #777777 !important;
}

.creative-usr-list {
    display: flex;
    gap: 20px;
    margin-bottom: 10px;
}

.list-creative {
    background: #FEEDC4;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 8px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.creative-content h6 {
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 0;

}

.creative-content p {
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;

}

.trusted-partner-sec {
    background: #EEEEEE;
    padding: 50px 0;
}

.trusted-partner-picture img {
    width: 100px;
}

.trusted-partner-picture {
    margin: 10px 0;
}

.trusted-partner-picture-bx {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}



/*  Sell your content End*/


/* About start */
.wb-about-decor-sec {
    padding: 50px 0;
}

.about-stock-first {}

.about-stock-first img {
    width: 337px;
    height: 358px;
    border-width: 10px;
    border-top-right-radius: 66px;
    box-shadow: 0px 4px 4px 0px #00000040;
    border: 10px solid #FFFFFF;

}

.about-stock-second {
    position: absolute;
    top: 50px;
    left: 200px;
}

.about-stock-second img {
    width: 398px;
    height: 395px;
    opacity: 1;
    border-radius: 39px;
    border-width: 10px;
    border: 10px solid #FFFFFF;
    box-shadow: 0px 4px 4px 0px #00000040;
    object-fit: cover;


}

.about-stock-third {
    margin-top: 10px;
}

.about-stock-third img {
    width: 398px;
    height: 129px;
    border-width: 10px;
    border-top-left-radius: 51px;
    border: 10px solid #FFFFFF;
    box-shadow: 0px 4px 4px 0px #00000040;
    object-fit: cover;
}


.why-choose-sec {
    padding: 50px 0;
}

.choose-picture-bx {
    background: #EEEEEE;
    width: 80px;
    height: 80px;
    border-radius: 12px;
    text-align: center;
    line-height: 80px;
}

.choose-picture-bx img {
    width: 35px;
    height: 35px;
}

.choose-main-bx {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}

.choose-main-bx h5 {
    font-weight: 700 !important;
    font-size: 18px;
    line-height: 30px;
    color: #2E2E2E;

}

/* About End */


/* Home Start */
.hp-home {
    height: 600px;
    align-items: center;
}

.hp-title {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #FFFFFF;
    padding: 20px 0;
}

.wb-home-picture-crd {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-evenly !important;
}

.wb-pircute-content .wp-hp-content-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 26px;
    color: #EFF3F6;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}

.wb-home-picture-bx {
    border: 5px solid #FFFFFF66;
    border-radius: 50%;
    position: relative;

}



.wb-home-picture-bx img {
    width: 108px;
    height: 108px;
    background: #FFFFFF26;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #F04393;
}

.wb-home-picture-bx img:hover {
    transform: scale(1.1);
    transition: transform 0.2s ease-in;
}

.hp-left-shape::after {
    content: "";
    position: absolute;
    top: -80px;
    left: 0;
    width: 110px;
    height: 150px;
    background: url('/assets/website/images/hp-left.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.hp-right-shape::before {
    content: "";
    position: absolute;
    top: 50px;
    right: 0;
    width: 110px;
    height: 220px;
    background: url('/assets/website/images/hp-right.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.wbsite-popular-sec {
    padding: 50px 0;
}

.wbsite-popular-sec p {
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    color: #777777;

}

.wbsite-populr-bx {
    display: flex;
    align-items: center;
    justify-content: space-between !important;
}

.wbsite-populr-list .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background: #F9C449 !important;
    color: #000000 !important;
}

/* .wbsite-populr-list .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link:hover{
    background-color: #DFA320 !important;
} */

.wbsite-populr-list .nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    background-color: #DFA320 !important;
}

.wbsite-populr-list {
    display: flex;
    align-items: center;
    gap: 10px;
}

.wbsite-populr-list li {}

.wbsite-populr-list li a {
    background: #8181811A;
    box-shadow: 0px 10px 40px 0px #0000000D;
    border-radius: 30px !important;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    text-align: center;
    color: #818181;
    display: inline-block;
    padding: 15px 20px;
}

.wb-active {
    background: #F9C449 !important;
    color: #000000 !important;

}

.wb-four-bx {
    position: relative;
}

.wp-buy-image-bx {
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: flex;
    align-items: end;
    gap: 10px;
}

.wb-shopping-btn {
    background: #00000040;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
}


.wb-first-bx img {
    width: 424px;
    height: 194px;
    border-radius: 24px;
    object-fit: cover;

}

.wb-second-bx img {
    width: 420px;
    height: 357px;
    object-fit: cover;
    border-radius: 24px;

}

.wb-third-bx img {
    width: 420px;
    height: 259px;
    border-radius: 24px;
    object-fit: cover;

}

.wb-four-bx img {
    width: 424px;
    height: 504px;
    object-fit: cover;
    border-radius: 24px;

}

.wb-five-bx img {
    width: 420px;
    height: 193px;
    border-radius: 24px;
    object-fit: cover;
}

.wb-six-bx img {
    width: 420px;
    height: 311px;
    border-radius: 24px;
    object-fit: cover;

}

.wb-seven-bx img {
    width: 420px;
    height: 287px;
    object-fit: cover;
    border-radius: 24px;


}

.wb-eight-bx img {
    width: 424px;
    height: 351px;
    object-fit: cover;
    border-radius: 24px;

}

.wb-nine-bx img {
    width: 420px;
    height: 169px;
    object-fit: cover;
    border-radius: 24px;

}

.wb-ten-bx img {
    width: 420px;
    height: 512px;
    object-fit: cover;
    border-radius: 24px;

}

.explore-main-bx {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between;
}


.explore-pic-sec {
    background: #EEEEEE;
    padding: 50px 0;
}

.explore-content-bx a {
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    color: #2E2E2E;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    word-break: break-all;
    word-wrap: break-word;

}



.explore-content-bx .explore-title-name{
    margin-right: 20px !important;
    text-wrap-mode: nowrap;
}

.explore-content-bx img {
    width: 140px;
    height: 123px;
    object-fit: cover;
    border-radius: 12px;

}

.wb-popular-filter-bx {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wb-popular-filter-bx .custom-select-wrapper-second {
    width: 200px;
}


/* Home End */


/* Image Details */
.wb-image-details-sec {
    padding-top: 50px;
}


.wb-img-picture {}

.wb-img-picture img {
    width: 640px;
    height: 423px;
    object-fit: cover;

}

.wb-btm-content {
    background: #FFF0F7;
    padding: 0 10px;

}

.wb-left-content-image-bx {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
}

.wb-left-content-image-bx h6 {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: #000000;
    margin-bottom: 0;

}

.wp-image-preview-bx {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.wp-image-preview-bx .wp-preview-btn {
    position: relative;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 50px;
    background: white;
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    cursor: pointer;
    z-index: 1;
    border: none;
    background-clip: padding-box;
}

.wp-image-preview-bx .wp-preview-btn::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    border-radius: 50px;
    background: linear-gradient(270deg, #F9C449 0%, #F04393 100%);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    z-index: -1;
}

.preview-text {
    background: linear-gradient(270deg, #F9C449 0%, #F04393 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-weight: 700;
    font-size: 16px;
}


.wp-right-detail-crd h5 {
    font-weight: 700;
    font-size: 25px;
    line-height: 100%;
    color: #000000;

}

.wp-right-detail-crd .image-table-details thead,
tr th {
    background: #fff !important;
    /* padding: 0px 15px 05px 0px  !important; */
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 100%;
    color: #818181;



}

.wp-right-detail-crd .image-table-details tbody,
tr td {
    background: #fff !important;
    /* padding: 5px 15px 05px 0px !important; */
    font-weight: 600 !important;
    font-size: 16px;
    line-height: 100%;
    color: #2E2E2E !important;


}


.custom-radio-purple .form-check-input[type="radio"]:checked {
    background-color: #fff;
    border-color: #319F43;
}

.custom-radio-purple .form-check-input[type="radio"] {
    width: 18px;
    height: 18px;
    border: 2px solid #319F43;
    background-color: #fff;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    position: relative;
}

.custom-radio-purple .form-check-input[type="radio"]:checked::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    background-color: #319F43;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.custom-radio-purple .form-check-input:focus {
    box-shadow: none;
    outline: none;
}


.custom-radio-price .form-check-input[type="radio"]:checked {
    background-color: #fff;
    border-color: #818181;
}

.custom-radio-price .form-check-input[type="radio"] {
    width: 18px;
    height: 18px;
    border: 2px solid #818181;
    background-color: #fff;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    position: relative;
}

.custom-radio-price .form-check-input[type="radio"]:checked::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    background-color: #818181;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.custom-radio-price .form-check-input:focus {
    box-shadow: none;
    outline: none;
}

.custom-radio-price .form-check-label {
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: #2E2E2E;
}

.wb-standard-liance-bx {
    background: #FFFFFF;
    border: 1px solid #D4D4D4;
    padding: 10px 0;
    border-radius: 11px;
    margin: 10px 0 20px 0;
}

.wb-upgrade-item {
    background: #319F43;
    border-radius: 1px;

}


.banner {
    width: 150px;
    background-color: #4CAF50;
    color: white;
    font-weight: 400;
    font-size: 15px;
    line-height: 100%;
    padding: 10px 0 10px 10px;
    position: relative;
    clip-path: polygon(0 0, calc(80% - 20px) 0, 55% 50%, calc(80% - 20px) 100%, 0 100%);
}

.upgrade-text {
    z-index: 1;
    font-weight: 400;
    font-size: 15px;
    line-height: 100%;

}

.upgrade-price-bx {
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    margin-top: 10px;
    align-items: center;
}

.upgrade-price-bx .upgrade-price-tbn {
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    color: #F04393;
    text-transform: capitalize;
    text-align: center;
}

.similr-bx h2 {
    font-family: Comodo;
    font-weight: 400;
    font-size: 50px;
    line-height: 100%;
    color: #2E2E2E;

}

.wb-video-details-crd {
    width: 640px;
    height: 423px;
    border-radius: 0;
}

.wb-image-details-sec .splide__pagination--ltr .is-active {
    background: #F04393 !important;
}


.wb-image-details-sec .splide__pagination__page {
    background: #D9D9D9;
}

.splide__pagination--ltr {
    background: #00000042;
    align-items: center;
    margin: 0 auto !important;
    text-align: center;
    padding: 0;
    padding: 0 10px !important;
    border-radius: 15px;
    max-width: 70px;
    padding: 5px 0 !important;
}

.vd-dwn-bx .custom-select-updrade-second {
    width: 220px;
}

.wb-standard-liance-bx-secnd {
    border: 1px solid #F04393;
}


.wb-first-bx .video-smilr {
    width: 424px;
    height: 194px;
    border-radius: 24px;
    object-fit: cover;
}

.wb-second-bx .video-smilr {
    width: 420px;
    height: 357px;
    object-fit: cover;
    border-radius: 24px;
}

.wb-third-bx .video-smilr {
    width: 420px;
    height: 259px;
    border-radius: 24px;
    object-fit: cover;
}

.wb-four-bx .video-smilr {
    width: 424px;
    height: 504px;
    object-fit: cover;
    border-radius: 24px;
}

.wb-five-bx .video-smilr {
    width: 420px;
    height: 193px;
    border-radius: 24px;
    object-fit: cover;
}

.wb-six-bx .video-smilr {
    width: 420px;
    height: 311px;
    border-radius: 24px;
    object-fit: cover;
}

.wb-seven-bx .video-smilr {
    width: 420px;
    height: 287px;
    object-fit: cover;
    border-radius: 24px;
}

.wb-eight-bx .video-smilr {
    width: 424px;
    height: 351px;
    object-fit: cover;
    border-radius: 24px;
}

.wb-nine-bx .video-smilr {
    width: 420px;
    height: 169px;
    object-fit: cover;
    border-radius: 24px;
}

.wb-ten-bx .video-smilr {
    width: 420px;
    height: 512px;
    object-fit: cover;
    border-radius: 24px;
}


.wb-first-bx {
    width: 424px;
    height: 194px;
    border-radius: 24px;
    object-fit: cover;
}

.wb-second-bx {
    width: 420px;
    height: 357px;
    object-fit: cover;
    border-radius: 24px;
}

.wb-third-bx {
    width: 420px;
    height: 259px;
    border-radius: 24px;
    object-fit: cover;
}

.wb-four-bx {
    width: 424px;
    height: 504px;
    object-fit: cover;
    border-radius: 24px;
}

.wb-five-bx {
    width: 420px;
    height: 193px;
    border-radius: 24px;
    object-fit: cover;
}

.wb-six-bx {
    width: 420px;
    height: 311px;
    border-radius: 24px;
    object-fit: cover;
}

.wb-seven-bx {
    width: 420px;
    height: 287px;
    object-fit: cover;
    border-radius: 24px;
}

.wb-eight-bx {
    width: 424px;
    height: 351px;
    object-fit: cover;
    border-radius: 24px;
}

.wb-nine-bx {
    width: 420px;
    height: 169px;
    object-fit: cover;
    border-radius: 24px;
}

.wb-ten-bx {
    width: 420px;
    height: 512px;
    object-fit: cover;
    border-radius: 24px;
}


/* Payment Start */
.wp-payment-section {
    padding-top: 50px;
}

.step-container {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.pay-step {
    position: relative;
    padding: 10px 20px;
    text-align: center;
    font-size: 14px;
    color: #F04393;
}

.complete-first {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 10px;
}

.step-number {
    display: block;
    background-color: #F04393;
    color: white;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 0 auto 5px;
}

.step-text {
    display: block;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;

}


.second-step .step-number {
    background-color: #2E2E2E;
    color: white;
    font-weight: 600;
    font-size: 15px;
    text-align: center;

}

.second-step .step-text {
    color: #2E2E2E;
    font-weight: 400;
    font-size: 18px;


}

.step-payment-bx::after {
    content: '';
    position: absolute;
    top: 25px;
    right: -145px;
    width: 150px;
    height: 2px;
    border: 1px dashed #F04393;
}

.third-step .step-number-three {
    background: #EEEEEE;
    font-weight: 600;
    font-size: 15px;
    color: #2E2E2E;

}

.third-step .step-text {
    color: #2E2E2E;
    font-weight: 400;
    font-size: 18px;
}

.third-step::before {
    content: '';
    position: absolute;
    top: 25px;
    left: -145px;
    width: 150px;
    height: 2px;
    border: 1px dashed #2E2E2E;
}


.wp-payment-method-bx {
    padding-bottom: 20px;
}

/* .wb-credit-crd-bx{
    background: #FFFFFF;
    padding: 20px;

} */

.wb-credit-frm {
    background: #FFFFFF;
    border: 1px solid #777777
}

.wb-credit-title {
    border-bottom: 1px solid #777777;
}

.wb-credit-title h4 {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #000000;
    padding: 20px;
    margin-bottom: 0;


}

.wb-credit-crd-main-bx {
    border: 1px solid #777777;
}


.wb-credit-frm-scond {
    padding: 20px;
}

.payment-crd-pix {
    position: absolute;
    bottom: 17px;
    right: 10px;
}

.payment-crd-pix img {
    width: 140px;
    object-fit: cover;
}

.payment-crd-summry-details {
    background: #FFFFFF;
    border: 1px solid #D4D4D4;
    padding: 20px;
}

.paymnt-detail-content-bx {
    background: #EEEEEE80;
    border: 1px solid #EEEEEE;
    padding: 20px;
}

.paymnt-dta-details h6 {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #000000;

}

.ordr-price-bx {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 15px 0;

}

.ordr-price-bx h6 {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: #818181;

    position: relative;

}

.ordr-price-bx h6 span {
    padding: 0 15px;
    position: relative;
}

.ordr-price-bx h6 span::after {
    content: "";
    position: absolute;
    top: 7px;
    left: 3px;
    width: 8px;
    height: 8px;
    background: #818181;
    border-radius: 50%;

}

.ordr-price-bx p {
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    color: #2E2E2E;

}

.ordr-btm-details {
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 5px;
}

.ordr-btm-details:last-child {
    border-bottom: none;
    padding-bottom: 0px;
}

.ordr-price-bx-five h6 {
    font-size: 18px;
    font-weight: 500;
}

.ordr-price-bx h5 {
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    color: #000000;
    margin-bottom: 0;

}

.ordr-price-bx-six h6 {
    color: #2E2E2E !important;
}

.ordr-price-bx-six h5 {
    font-size: 20px;
}

.paymnt-coupn-crd {
    background: #F8BD001A;
    border: 1px dashed #F8BD00;
    padding: 20px 10px;
    margin: 15px 0;

}

.paymnt-coupn-content {
    display: flex;
    align-items: center;

}

.paymnt-coupn-content img {
    width: 40px;
    height: 40px;
}

.paymnt-coupn-content h6 {
    font-weight: 700;
    font-size: 16px;
    color: #F8BD00;
    margin-bottom: 0;

}

.paymnt-sucsses-bx {
    background: #319F431A;
    border: 1px dashed #319F43;
    padding: 20px 10px;
    text-align: center
}

.paymnt-sucsses-bx .pay-check-icon {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #319F43;
    color: #fff;
    border-radius: 50%;
}

.paymnt-sucsses-bx span {
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    color: #319F43;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

}

.wb-download-image-sec-third {
    border-bottom: 4px solid #EEEEEE;
    padding-bottom: 10px;

}

.wb-download-image-sec-third:last-child {
    border: 0px;
}


.cart-popup-bx {
    width: 330px;
    border: 1px solid #F8BD00;
    box-shadow: 0px 0px 50px 0px #FFFFFF1A;
    border-radius: 20px;
    padding: 20px;
}

.cart-picture-bx {
    display: flex;
    justify-content: space-between;
}

.cart-picture-bx img {
    width: 140px;
    border-radius: 12px;
    object-fit: cover;
}

.cart-picture-bx h6 {
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    color: #2E2E2E;

}

.cart-close-bx {
    display: flex;
    align-items: start;
    justify-content: space-between;
    margin-top: 10px;
}

.cart-close-bx span {
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 400;
    font-size: 15px;
    line-height: 100%;
    color: #818181;

}

.crt-clse-btn {
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    text-transform: capitalize;
    line-height: 100%;
    ;
    color: #FF0000;
}

.cart-mv-name p {
    font-weight: 400;
    font-size: 16px;
    color: #2E2E2E;
    margin-bottom: 0;
    padding: 10px 0;

}

.cart-popup-main-bx {
    border-bottom: 4px solid#EEEEEE;
    padding: 10px 0;
}

.wp-histrory-table {
    border: none !important;
}


.purchase-table-bx .purshase-table-list tr th {
    background: rgba(240, 67, 147, 0.1) !important;

}


.purshase-hitstory-title-bx h4 {

    font-weight: 400;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #2E2E2E;
    font-family: Comodo;


}

.purshase-hitstory-tp {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Payment End */

.dropdwn-nw-submenu {
    background: #fff;
    padding: 10px !important;
    border-radius: 0;

}

.dropdwn-nw-submenu li {
    background: var(--light-yellow, #FADFB4);
    border-radius: 8px;

    margin-bottom: 5px;

}

.dropdwn-nw-submenu li .dropdown-item-submenu {
    font-weight: 600;
    font-size: 15px;
    line-height: 30px;
    color: #2E2E2E;
    padding: 5px 10px;

}

.dropdown-item-submenu-active {
    background: linear-gradient(270deg, #F9C449 0%, #F04393 100%);
    border-radius: 8px;
    color: #fff !important;

}

.dropdwn-nw-submenu .dropdown-item:focus,
.dropdown-item:hover {
    border-radius: 8px;
}

.popup-lable {
    font-family: Comodo;
    font-weight: 400 !important;
    font-size: 30px !important;
    color: #000;

}


.poup-collection-btn {
    border-radius: 50%;
    line-height: 30px;
}

.poup-collection-bx {
    position: absolute;
    right: 10px;
    bottom: 12px;
}


.poup-collection-bx img {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;

}

.trm-condition-bx p {
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #2E2E2E;

}

.drop-down-all-menu {
    width: 200px;
}

.drop-down-all-menu .new-item-drop {
    padding: 0 5px;
}



.drop-down-all-menu .new-item-drop .new-link-drop {
    font-weight: 600;
    font-size: 15px;
    line-height: 30px;
    color: #2E2E2E;
}




.plan-card {
    border: 1px solid #f5c76c;
    border-radius: 8px;
    padding: 20px;
    background: #fff;
}

.status-active {
    color: #14A077;
    font-weight: 500;
}

.download-box {
    background: #fdeef6;
    border-radius: 12px;
    padding: 20px;
    text-align: center;
}

.progress {
    height: 6px;
    border-radius: 6px;
}

.btn-upgrade {
    background: linear-gradient(90deg, #f04393, #f9c449);
    border: none;
    color: #fff;
    font-weight: 500;
    padding: 8px 18px;
    border-radius: 6px;
}

.btn-cancel {
    border: 1px solid red;
    background: transparent;
    color: red;
    font-weight: 500;
    padding: 8px 18px;
    border-radius: 6px;
}


.download-pic-bx {
    /* width: 60px;
        height: 60px;
        line-height: 60px;
        background: #fff;
        border-radius: 50%;
        text-align: center; */
}

.download-box img {
    width: 60px;
    height: 60px;
    line-height: 60px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    padding: 8px;
    object-fit: cover;
}

.plan-nw-bx {
    display: flex;
    gap: 10px;
}


.custom-subscription-table th,
.custom-subscription-table td {
    padding: 0 1rem;
    vertical-align: middle;
}

.custom-subscription-table thead th {
    background-color: #f8f9fa;
    color: #64666C;
    font-weight: 600;
}

.custom-subscription-table tbody td {
    color: #121212;
}




.wb-gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    grid-auto-flow: dense !important;
    position: relative;
}

/* Base box styling */
.wb-all-desgin {
    border-radius: 16px;
    overflow: hidden;
    position: relative;
}

.wb-all-desgin img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    border-radius: 16px;
    transition: transform 0.3s ease;
}

.wb-all-desgin img:hover {
    transform: scale(1.05);
}


/* .wb-gallery-grid div:nth-child(1) {
    grid-row: span 1;
}


.wb-gallery-grid div:nth-child(2) {
    height: 357px;
    grid-row: span 2;
}


.wb-gallery-grid div:nth-child(3) {
    grid-row: span 1;
    height: 259px;
}


.wb-gallery-grid div:nth-child(4) {
    height: 504px;
    grid-row: span 3;
}


.wb-gallery-grid div:nth-child(5) {
    height: 267px;
    grid-row: span 3;
}


.wb-gallery-grid div:nth-child(6) {
    height: 200px;
    grid-row: span 1;
}


.wb-gallery-grid div:nth-child(7) {
    grid-row: span 2;
    height: 350px;
}


.wb-gallery-grid div:nth-child(8) {
    height: 351px;
    grid-row: span 2;
}

peacock feather .wb-gallery-grid div:nth-child(8) {
    height: 351px;
    grid-row: span 3;
}


.wb-gallery-grid div:nth-child(9) {
    grid-row: span 4;
    height: 512px;
    margin-top: -195px;
}


.wb-gallery-grid div:nth-child(10) {
    height: 169px;
    grid-row: span 4;
} */

/* extra filler image */