@font-face {
    font-family: 'COMEBREAK';
    src: url('fonts/COMEBREAKRegular.woff2') format('woff2'),
        url('fonts/COMEBREAKRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'COMEBREAK';
    src: url('fonts/COMEBREAKRegular.woff2') format('woff2'),
        url('fonts/COMEBREAKRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


html,body{
    overflow-x: hidden;
}
.btn-mega-search {
    min-width: 2.625rem;
}
.btn-close {
    --bs-btn-close-color: #000;
    --bs-btn-close-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21'%3E%3Cg id='Group_71267' data-name='Group 71267' transform='translate(-312 -119)'%3E%3Cg id='Rectangle_18666' data-name='Rectangle 18666' transform='translate(312 119)' fill='%238a42c5' stroke='%23707070' stroke-width='1' opacity='0'%3E%3Crect width='21' height='21' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='20' height='20' fill='none'/%3E%3C/g%3E%3Cg id='Group_71266' data-name='Group 71266' transform='translate(-0.788)'%3E%3Cg id='Group_71264' data-name='Group 71264'%3E%3Cpath id='Path_107955' data-name='Path 107955' d='M-5344.544-18218l-12.668,12.668' transform='translate(5674 18341)' fill='none' stroke='%238a42c5' stroke-linecap='round' stroke-width='2.5'/%3E%3C/g%3E%3Cg id='Group_71265' data-name='Group 71265' transform='translate(316.788 123)'%3E%3Cpath id='Path_107955-2' data-name='Path 107955' d='M-5357.212-18218l12.668,12.668' transform='translate(5357.212 18218)' fill='none' stroke='%238a42c5' stroke-linecap='round' stroke-width='2.5'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    opacity: 1;
    width: 20px !important;
    height: 20px !important;
    scale: 1.5;
}
.border,
.border-bottom,
.border-top,
.border-left,
.border-right{
    border-color:rgba(255, 255, 255, 0.4) !important;
}
.text-F12D2D{
    color: #F12D2D !important;
}
.text-red{
    color: #FF3939 !important;
}
.view-all-link{
    color:#2EA8FA;
}
.text-green{
    color: #32BE00;
}
.text-gray{
    color: #CCCCCC;
}
.text-FFFEFE{
    color:#FFFEFE
}
.text-32BE00{
    color: #32BE00;
}
.text-BEBDBD{
    color: #BEBDBD;
}
.text-333333{
    color: #333333;
}
.text-22C8E5{
    color:#22C8E5;
}
.text-purple{
    color: #592484;
}
.text-8A42C5{
    color: #8A42C5;
}
.text-light-purple{
    color: #8B6DFF;
}
.text-C9C9C9{
    color: #C9C9C9;
}
.text-474545{
    color: #474545;
}
.bg-8A42C533{
    background-color: #8A42C533;
}
.border-2-D1C7DF{
    border: 2px solid #D1C7DF;
}
.border-bg-D1C7DF{
    border: 1px solid #D1C7DF;
    background-color: #D1C7DF;
}
.font-COMEBREAK{
    font-family: 'COMEBREAK';
}
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    position: relative;
}
html::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: radial-gradient(closest-side at 50% 50%, rgba(139, 109, 255, 1) 0%, rgba(95, 48, 196, 1) 43%, rgba(121, 0, 148, 1) 100%);
    opacity: 0.5;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}
.splide__pagination {
    bottom: 1.5em;
}
body {
    font-family: "Poppins", sans-serif;
    margin: 0;
    /* background: radial-gradient(closest-side at 50% 50%, #8B6DFF 0%, #5F30C4 43%, #790094 100%); */
    background: #000;
    font-size: 16px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

main {
    display: block;
}

h1 {
    font-size: 2em;
}
.font-mohave{
    font-family: "Mohave", sans-serif;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}


::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details {
    display: block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

.navbar{
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}



.fs-10{
    font-size: 0.625em;
}
.fs-11{
    font-size: 0.688em;
}
.fs-12{
    font-size: 0.75em;
}
.fs-12-redeem{
    font-size: 12px;
}
.fs-14{
    font-size: 0.875em;
}
.fs-15{
    font-size: 0.938em;
}
.fs-16{
    font-size: 1em;
}
.fs-17{
    font-size: 1.063em;
}
.fs-19{
    font-size: 1.188em;
}
.fs-22{
    font-size: 1.46667em;
}
.fs-20{
    font-size: 1.25em;
}
.fs-24{
    font-size: 1.5em;
}
.fs-28{
    font-size: 1.75em;
}
.fs-30{
    font-size: 1.875em;
}
.fs-32{
    font-size: 2em;
}
.fs-38{
    font-size: 2.375em;
}
.fs-50{
    font-size: 3.125em;
}
.fs-54{
    font-size: 3.375em;
}
.fs-85{
    font-size: 5.313em;
}

.fw-thin{
    font-weight: 100;
}
.fw-extra-light{
    font-weight: 200;
}
.fw-light{
    font-weight: 300;
}
.fw-normal{
    font-weight: 400;
}
.fw-medium{
    font-weight: 500;
}
.fw-semibold{
    font-weight: 600;
}
.fw-bold{
    font-weight: 700;
}
.fw-extrabold{
    font-weight: 800;
}
.fw-ultrabold{
    font-weight: 900;
}

.h-800px{
    height: 800px;
}
.btn-link{
    font: normal normal normal 13px/17px Poppins;
    letter-spacing: 0px;
    color: #8A42C5;
    text-transform: capitalize;    
    text-decoration: none;
    border: 0;
    background-color: transparent;
    
}
.btn-primary-gradient{
    background: linear-gradient(105deg, #2EA8FA 0%, #6D55CA 47%, #C21DBD 100%);
    color: #fff !important;
}
.btn-primary-gradient:hover{
    color: #fff;
    background: linear-gradient(105deg, #C21DBD 0%, #6D55CA 47%, #2EA8FA 100%);
}
.btn-transparent{
    background: rgba(181, 225, 255, 0.5);
    color: #fff;
}

.btn-transparent:hover{
    background: rgb(245, 247, 248);
    color: #000;
}
.btn-secondary{
    background: #CCCCCC66 !important; 
    color: #000 !important;
}
.btn-tirnary{
    color: #fff;
    background: #9274DE;
    backdrop-filter: blur(36px);
    -webkit-backdrop-filter: blur(36px);
}

.wh-18{
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
}
.wh-18-19{
    width: 18px;
    height: 19px;
    flex: 0 0 18px;
}
.wh-40{
    width: 40px;
    height: 40px;
}
.wh-100-gradeint{
    width: 100px;
    height: 100px;
    background: transparent linear-gradient(146deg, #5279DF 0%, #2E2EBF 100%) 0% 0% no-repeat padding-box;
}
.gap-20{
    gap:20px;
}
.h-250{
    height: 250px;
}
.h-280{
    height: 280px;
}
.gradient-box-1 {
    background-color: rgba(146,116,222,.7);
    backdrop-filter: blur(10px);
}
.gradient-box-2{
    background: rgb(46,168,250);
    background: linear-gradient(107deg, rgba(46,168,250,1) 0%, rgba(109,85,202,1) 50%, rgba(194,29,189,1) 100%);
}
.gradient-box-3{
    background: transparent linear-gradient(133deg, #0089E5 0%, #6D55CA 47%, #C21DBD 100%) 0% 0% no-repeat padding-box;
}
.mt-n1 {
    margin-top: -0.25rem !important;
  }
  .mt-n2 {
    margin-top: -0.5rem !important;
  }
  .mt-n3 {
    margin-top: -1rem !important;
  }
  .mt-n4 {
    margin-top: -1.5rem !important;
  }
  .mt-n5 {
    margin-top: -3rem !important;
  }
  .mb-n1 {
    margin-bottom: -0.25rem !important;
  }
  .mb-n2 {
    margin-bottom: -0.5rem !important;
  }
  .mb-n3 {
    margin-bottom: -1rem !important;
  }
  .mb-n4 {
    margin-bottom: -1.5rem !important;
  }
  .mb-n5 {
    margin-bottom: -3rem !important;
  }
  .ms-n1 {
    margin-left: -0.25rem !important;
  }
  .ms-n2 {
    margin-left: -0.5rem !important;
  }
  .ms-n3 {
    margin-left: -1rem !important;
  }
  .ms-n4 {
    margin-left: -1.5rem !important;
  }
  .ms-n5 {
    margin-left: -3rem !important;
  }
  .me-n1 {
    margin-right: -0.25rem !important;
  }
  .me-n2 {
    margin-right: -0.5rem !important;
  }
  .me-n3 {
    margin-right: -1rem !important;
  }
  .me-n4 {
    margin-right: -1.5rem !important;
  }
  .me-n5 {
    margin-right: -3rem !important;
  }
  .m-n1 {
    margin: -0.25rem !important;
  }
  .m-n2 {
    margin: -0.5rem !important;
  }
  .m-n3 {
    margin: -1rem !important;
  }
  .m-n4 {
    margin: -1.5rem !important;
  }
  .m-n5 {
    margin: -3rem !important;
  }
  .bottom-20-per{
    top: auto;
    bottom: -20%;
  }
  .text-shadow{
    text-shadow: 0px 3px 6px #00000029;
  }
  .text-shadow-1{
    text-shadow: 0px 3px 6px #00000038;
  }
.h-360px{
    height: 360px;
}
.hrLine::after{
    content: '';
    position: absolute;
    width: 68px;
    height: 4px;
    background-color: #fff;
    bottom: 0;
    left: 0;
}
.customize-dots .splide__pagination{
    width: auto;
    left: 2%;
    right: auto;
    bottom: 15%;
    gap: 15px;
}
.customize-dots .splide__pagination__page{
    opacity: 1;
    background-color: #fff;
    border-radius: 50%;
}
.customize-dots .splide__pagination__page.is-active {
    position: relative;
    transform: scale(1);
}
.customize-dots .splide__pagination__page.is-active::before{
    content: '';
    position: absolute;
    left: -6px;
    right: -6px;
    top: -6px;
    bottom: -6px;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: block;
}
.h-fit-content{
    height: fit-content;
}
.h-370{
    height: 370px;
}
.h-280{
    height: 280px;
}
.social-rounded{
    width: 36px;
    height: 36px;
    background: rgba(219, 219, 219, 0.1);
}

.ptb-80{
    padding: 80px 0;
}
.mask::before {
    content: '';
    background: linear-gradient(91deg, #470E3EAD 0%, #6D55CA00 55%, #C21DBD00 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #fff;
    content: var(--bs-breadcrumb-divider, ">");
}
.filter-box{
    background: rgba(146, 116, 222, 0.2);
    border-radius: 15px 15px 0px 0px;
    backdrop-filter: blur(36px);
    -webkit-backdrop-filter: blur(36px);
}
.customize-check{
    width: 20px;
    height: 20px;
    border-radius: 5px !important;
}
.customize-check::before{
    content: '';
    position: absolute;
    width: inherit;
    height: inherit;
    border: 1px solid #5B4088;
    border-radius: 5px;
    left: -1px;
    right: 0;
    top: -1px;
    bottom: 0;
    background-image: url('images/unchecked.svg');
}
.customize-check:checked:before{
    content: '';
    position: absolute;
    width: inherit;
    height: inherit;
    border: 1px solid #5B4088;
    border-radius: 5px;
    left: -1px;
    right: 0;
    top: -1px;
    bottom: 0;
    background-image: url('images/checked.svg');
}
.price-input{
    height: 50px;
    border: 1px solid #5B4088;
    border-radius: 10px;
    background-color: transparent;
    text-align: center;
}
.price-input::placeholder{
    color: #fff;
}
.form-check{
    display: flex;
    align-items: center;
}
.bg-purple-backdrop{
    background-color: rgb(82,49,124);
    border-radius: 0px 0px 15px 15px;
    backdrop-filter: blur(36px);
    -webkit-backdrop-filter: blur(36px);
}
.wh-40{
    width: 40px;
    height: 40px;
}
.h-200{
    height: 200px;
}
.thumbnail-custom .splide__track--nav>.splide__list>.splide__slide{
    padding: 5px;
}
.thumbnail-custom .splide__track--nav>.splide__list>.splide__slide.is-active {
    border: 2px solid #8a42c5;
}
.custom-radio{
/*    width: 44px;*/
    min-width: 44px;
    max-width: 80px;
    width: 100%;
    height: 44px;
    border: 0.4000000059604645px solid rgba(255, 255, 255, 0.3);
    border-radius: 68px;
    font: normal normal normal 18px/25px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
}
.custom-radio:has(:checked){
    background: #8A42C552;
    border: 0.4000000059604645px solid #8A42C5;
}
.red{
    background-color: #f44336;
}
.purple{
    background-color: #3F51B5;
}
.blue{
    background-color: #2196F3;
}
.green{
    background-color: #4CAF50;
}
.yellow{
    background-color: #FFEB3B;
}
.orange{
    background-color: #FF9800;
}
.custom-radio-color{
    width: 35px;
    height: 35px;
    border-radius: 5px;
}
.custom-radio-color:has(:checked){
    transform: scale(1.15);
}
.inc-dec-btn{
    width: 26px;
    height: 26px;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 6px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 0;
    color: #fff;
}
.inc-dec-btn:hover,
.inc-dec-btn:active,
.inc-dec-btn:focus{
    background-color: #8322C8;    
}

.pincode-input{
    background: #9274DE;
    backdrop-filter: blur(36px);
    -webkit-backdrop-filter: blur(36px);
    height: 50px;
    border: 0;
    color: #fff;
    padding-right: 90px !important;
    outline: none;
}
.pincode-input::placeholder{
    color: #fff;
}
.gradient-box-4{
    background: linear-gradient(148deg, #C21DBD30 0%, #2EA8FA30 100%);
    border-radius: 15px;
    padding: 20px;
}
.list-style-none{
    list-style: none;
}
.box-1-p20{
    background: #B5E1FF47;
    border-radius: 12px;
    padding: 20px;
}
.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
.line-clamp-5 {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
.outline-none{
    outline: none;
}
::-moz-selection { /* Code for Firefox */
color: rgb(55,12,86);
background: #fff;
}
  
::selection {
    color: rgb(55,12,86);
    background: #fff;
}


/* login */
.login,
.image {
  min-height: 100vh;
}
.banner{
    height: 100%;
}
/* .bg-image {
  background-image: url('https://bootstrapious.com/i/snippets/sn-page-split/bg.jpg');
  background-size: cover;
  background-position: center center;
} */

.h-50px{
    height: 50px;
}
/*.wh-50{
    width: 50px;
    height: 50px;
}*/

.wh-50 {
    width: 50px !important;
    height: 50px !important;
    flex: 0 0 50px !important;
}
.py-50px{
    padding: 50px 0;
}
.cf_control,
.cf_control:focus{
    background-color: rgb(146 116 222 / 30%) !important;
    backdrop-filter: blur(36px);
    font: normal normal normal 15px/23px Poppins;
    -webkit-backdrop-filter: blur(36px);
    height: 50px;
    color: #fff !important;
    outline: none;   
}
.cf_control::placeholder{
    color: rgba(255,255,255,.4);
    background-color: transparent;    
}
.success-alert{
    height: 65px;
    background: #61BB3C;
    border-radius: 33px;
    text-align: #fff;
    max-width: 315px;
    width: 100%;
    padding: 10px 15px;
}
.choose-radio{
    background: rgba(211, 198, 222, 0.3);
    border-radius: 15px;
    height: 83px;
}
.choose-radio:has(:checked){
    border: 1px solid #8A42C5;
    background: rgba(138, 66, 197, 0.15);
}
.grid-6{
    display: grid;
    grid-template-columns: repeat(6, 0fr);
    justify-content: space-between;
}
.info-bg{
    border-radius: 10px;
    background-color: #470E3E69;
}
.table-style-1{
    border-radius: 15px;
}
.table-style-1 thead tr td{
    font: normal normal 600 17px/24px Poppins;
    letter-spacing: 0px;
    color: rgba(255, 255, 255, 0.7);
    text-transform: capitalize;
    padding: 25px 10px;
}
.table-style-1 tbody tr td{
    font: normal normal medium 15px/23px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    padding: 20px 10px;
}
.table-style-1 thead tr td,
.table-style-1 tbody tr td{
    background-color: transparent;
    border: 0;
    color: #fff;
}
.table-style-1 thead tr{
    background: linear-gradient(93deg, #2EA8FA 0%, #6D55CA 47%, #C21DBD 100%);
}
.table-header-style-1 thead tr{
    background: linear-gradient(94deg, rgba(46, 168, 250, 0.1) 0%, rgba(108, 85, 202, 0.1) 47%, rgba(194, 29, 189, 0.1) 100%);
}
.table-style-1 tbody tr{
    background: linear-gradient(128deg, #C21DBD30 0%, #2EA8FA30 100%);
}
.rounded-append-lr{
    border: 1px solid rgba(138, 66, 197, 0.7);
    border-radius: 35px;
    height: 45px;
}
.rounded-append-lr .dropdown-toggle{
    background-color: rgba(209, 199, 223, 0.5);
}
.rounded-append-lr *:first-child{
    border: 0;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.rounded-append-lr input.form-control{
    border: 0;
    border-top-right-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}
.rounded-append-lr input.form-control{
    font: normal normal medium 18px/27px Poppins;
    letter-spacing: 0px;
    color: #000000;
}
.modal-300{
    max-width: 300px;
    margin:auto;
}
.modal-350{
    max-width: 350px;
    margin:auto;
}
.modal-400{
    max-width: 400px;
    margin:auto;
}
.modal-450{
    max-width: 450px;
    margin:auto;
}
.modal-900{
    max-width: 900px;
    margin:auto;
}
.searchbar{
    background: #9274DE;
    background-image: url('images/search.svg');
    background-repeat: no-repeat;
    background-position: 20px 50%;
    background-size: 20px;
    padding-left: 50px;
    height: 55px;
    border-radius: 40px;
    backdrop-filter: blur(36px);
    -webkit-backdrop-filter: blur(36px);
    border: 0;
    color: #fff;
}
.searchbar::placeholder{
    color: #fff;
}
.seller-profile-gradient{
    padding: 50px;
    background: rgb(194,29,189);
    background: linear-gradient(120deg, rgba(194,29,189,1) 0%, rgba(46,168,250,1) 100%);
    border-radius: 20px;
}
.item-box{
    background: rgba(181, 225, 255, 0.5);
    border-radius: 10px;
    padding: 22px;
}
.radioButton{
    background: rgba(181, 225, 255, 0.5);
    border-radius: 68px;
    font: normal normal medium 15px/28px Poppins;
    color: #FFFFFF;
    flex: 0 0 30%;
    padding: 10px 10px;
    text-align: center;
    height: 40px;
}
.radioButton:has(:checked){
    background: linear-gradient(112deg, #2EA8FA 0%, #6D55CA 47%, #C21DBD 100%);
    border-radius: 68px;
}
.text-nav{
    border: 0;
    background-color: transparent;
    font: normal normal 500 20px/30px Poppins;
    letter-spacing: 0px;
    color: rgba(255, 255, 255, 0.4);
    margin-bottom: -2px;
}
.text-nav.active{
    font: normal normal bold 20px/30px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
}
.text-nav.active::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 4px;
    border-radius: 10px;
    background-color: #8A42C5;
    border: 0;
}
.double-border-bottom::after{
    content: '';
    position: absolute;
    width: 98%;
    display: block;
    margin: auto;
    height: 1px;
    background-color: rgba(138, 109, 255, 0.3);
    bottom: 0;
    left: 0;
    right: 0;   
}
.double-border-bottom::before{
    content: '';
    position: absolute;
    width: 12%;
    height: 4px;
    background-color: #8A42C5;
    bottom: -1px;
    left: 1%;
    border-radius: 8px;
}
.absolute-gradient-filter::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    background: transparent radial-gradient(closest-side at 50% 50%, #8B6DFF 0%, #5F30C4 43%, #790094 100%) 0% 0% no-repeat padding-box;
    opacity: 0.5;
}
.dropgradient{
    background: rgba(146, 116, 222, 0.5) !important;
    backdrop-filter: blur(36px) !important;
    -webkit-backdrop-filter: blur(36px) !important;
}
.dropgradient a{
    width: 100%;
    font: normal normal 600 12px/18px Poppins;
    padding: 10px 10px;
    color: #fff !important;
    text-decoration: none;
}
.dropgradient a.active{
    background: rgba(146, 116, 222, 0.5);
    border-radius: 12px;
}

.bg-order-box{
    background: rgba(146, 116, 222, 0.4);
    border-radius: 15px;
    backdrop-filter: blur(36px);
    -webkit-backdrop-filter: blur(36px);
    padding: 20px;
}
.bg-order-inner-box{
    background: rgba(181, 225, 255, 0.2);
    border-radius: 23px;
    padding: 20px;
}
.order-status-pill{
    height: 30px;
    border-radius: 15px;
    padding: 7px 10px;
}
.ongoing{
    background: #8A42C53D;
    border: 1px solid #8A42C5;
}
.completed{
    background: #6263D23D;
    border: 1px solid #6263D2;
}
.return{
    background: #F12D2D4A;
    border: 1px solid #F12D2D78;
    opacity: 0.6;
}
.switch-tabs{
    background: #9274DE 0% 0% no-repeat padding-box;
    border-radius: 32px;
    backdrop-filter: blur(36px);
    -webkit-backdrop-filter: blur(36px);
    padding: 7px 13px;
}
.switch-tabs li button{
    height: 49px !important;
    background: transparent !important;
    border-radius: 68px !important;
    font: normal normal 500 15px/23px Poppins;
    letter-spacing: 0px;
    color: rgba(255, 255, 255, 0.4) !important;
}
.switch-tabs li button.active{
    border: 0 !important;
    background: linear-gradient(107deg, #2EA8FA 0%, #6D55CA 47%, #C21DBD 100%) !important;    
    color: rgba(255, 255, 255) !important;
}
.setting-list-box{
    font: normal normal normal 15px/25px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    background-color: rgba(255, 255, 255, 0.07);
    padding: 20px 25px;
}
.uploadBox{
    background: rgba(255, 255, 255, 0.07);
    border-radius: 30px;
    padding: 50px;
}
.uploadFile{
    width: 47px;
    height: 47px;
    border-radius: 100%;
    background-image: url('images/upload.svg');
    background-repeat: no-repeat;
    background-position: center;
}
.modal-input-bg{
    background: rgba(211, 198, 222, 0.3);
    color:#000 !important;
}
.modal-input-bg::placeholder{
    color:#000 !important;    
}

.radio-update{
    background-image: url('images/unselect.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 19px;
    height: 19px;
    display: inline-block;
}
.delivery-radio:has(:checked) .radio-update{
    background-image: url('images/selected.svg');
}
.delivery-pill{
    height: 24px;
    background: #8A42C52E 0% 0% no-repeat padding-box;
    border: 1px solid #8A42C587;
    border-radius: 68px;
    font: normal normal 500 10px/16px Poppins;
    letter-spacing: 0px;
    color: #000000;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.scroll-h-360{
    height: 360px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-right: 10px;
} 
/* width */
.scroll-h-360::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.scroll-h-360::-webkit-scrollbar-track {
    background: rgba(209, 199, 223, 0.43);
    border-radius: 7px;
}

/* Handle */
.scroll-h-360::-webkit-scrollbar-thumb {
    background: #8A42C5;
    border-radius: 7px;
}

/* Handle on hover */
.scroll-h-360::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.tabs-custom{
    border-radius: 15px;
    overflow: hidden;
}
.tabs-custom li{
    border: 0 !important;    
}
.tabs-custom li a{
    border-radius: 0 !important;
    backdrop-filter: blur(36px);
    -webkit-backdrop-filter: blur(36px);
    background-color: #9274DE;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font: normal normal 500 19px/29px Poppins;
    height: 100px;
}
.tabs-custom li a:hover,
.tabs-custom li a:active,
.tabs-custom li a:focus{
    outline: none;
    border: 0;
    color: #fff !important;
}
.tabs-custom li a.active{
    background-color: #6263D2 !important;
    color: #fff !important;    
    border: 0 !important;
}
.append-icon-input{
    background-image: url('images/dollar.svg');
    background-position:  98% 50%;
    background-repeat: no-repeat;
}
.append-icon-calander-left{
    background-image: url('images/calander.svg');
    background-position:  2% 50%;
    background-repeat: no-repeat;
}
.card-box{
    border-radius: 15px;
}
.card-head{
    background: linear-gradient(98deg, rgba(46, 168, 250, 0.11) 0%, rgba(108, 85, 202, 0.11) 47%, rgba(194, 29, 189, 0.11) 100%);
    border-radius: 15px 15px 0px 0px;
    padding: 18px 16px;    
}
.card-content{
    background: linear-gradient(126deg, #C21DBD30 0%, #2EA8FA30 100%);
    border-radius: 0px 0px 15px 15px;
    padding: 16px 16px 25px 16px;
}
.table-header-style-2{
    border-radius: 0 !important;
}
.table-header-style-2 table thead tr{
    background: linear-gradient(108deg, #C21DBD30 0%, #2EA8FA45 100%);
}
.table-header-style-2 table tbody td{
    color: rgba(255, 255, 255, 0.6);
}
.create-nft-box{
    background: linear-gradient(155deg, rgba(194, 29, 189, 0.4) 0%, rgba(46, 168, 250, 0.4) 100%);
    border-radius: 15px;
}
.create-nft-box-head{
    padding: 25px 25px 20px;
    background-image: url('images/up.svg');
    background-repeat: no-repeat;
    background-position: 96% 50%;
}
.create-nft-box-content{
    padding: 18px 25px 20px;
}
.form-switch .custom-switch.form-check-input{
    width: 3.2em;
    height: 25px;
    margin-left: 0;
}
.form-switch .custom-switch.form-check-input:checked {
    background-position: right center;
    --bs-form-switch-bg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 19 19"><rect id="Rectangle_19871" data-name="Rectangle 19871" width="19" height="19" rx="9.5" fill="%23b029c0"/></svg>');
    background-color:rgba(181, 225, 255, 0.5);
}
.fileupload-new{
    background: rgba(146, 116, 222, 0.4);
    border-radius: 26px;
    backdrop-filter: blur(36px);
    -webkit-backdrop-filter: blur(36px);
    padding: 80px 50px;
}
.browse-btn{
    border: 1px dashed #D1C7DF;
    border-radius: 68px;
    font: normal normal 600 12px/18px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    padding: 12px 20px;
}
.overlay-dark-7{
    background-color: rgba(0, 0, 0, 0.7);
}
.grid-2{
    display: grid;
    grid-template-columns: repeat(2, 50%);
    gap: 3%;
}
.fl-right.dropdown-toggle::after{
    float: right;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.create-nft-box-2{
    background: linear-gradient(155deg, rgba(194, 29, 189, 0.4) 0%, rgba(46, 168, 250, 0.4) 100%);
    border-radius: 15px;
    padding: 25px;
}
.form-switch-btn{
    background: #9274DE 0% 0% no-repeat padding-box;
    border-radius: 33px;
    opacity: 1;
    backdrop-filter: blur(36px);
    -webkit-backdrop-filter: blur(36px);
    padding: 17px 20px;
    color: #fff;
}
.tags-wrapper{
    background: #9274DE;
    border-radius: 21px;
    backdrop-filter: blur(36px);
    -webkit-backdrop-filter: blur(36px);
    padding: 10px 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.tags-box{
    background: rgba(255, 255, 255, 0.09);
    border-radius: 9px;
    padding: 8px 10px;
    font: normal normal 500 13px/28px Poppins;
    letter-spacing: 0px;
    color: rgba(255, 255, 255, 0.5);
    text-transform: capitalize;
}
.community-circle{
    width: 142px;
    height: 142px;
    border: 3px solid #533C87;
}
.community-content{
    background: rgb(146 116 222 / 60%);
    backdrop-filter: blur(36px);
    -webkit-backdrop-filter: blur(36px);
    padding: 40px 25px 15px;
}



.message-area {
    height: 100vh;
    overflow: hidden;
}

.chat-area {
    position: relative;
    width: 100%;
    border-radius: 0.3rem;
    height: 90vh;
    overflow: hidden;
    min-height: calc(100% - 1rem);
}

.chatlist {
    outline: 0;
    height: 100%;
    overflow: hidden;
    width: 320px;
    float: left;
}

.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-left: 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;
}

/* width */
.modal-dialog-scrollable .modal-body{
    padding-right: 10px;
}
.modal-dialog-scrollable .modal-body::-webkit-scrollbar {
    width: 5px;
}
/* Track */
.modal-dialog-scrollable .modal-body::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}
/* Handle */
.modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #888;
}
/* Handle on hover */
.modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.chat-list h3 {
    color: #222;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    text-transform: capitalize;
    margin-bottom: 0;
}

.chat-list p {
    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 {
    padding: 22px 25px;
    background: linear-gradient(95deg, rgba(46, 168, 250, 0.1) 0%, rgba(108, 85, 202, 0.1) 47%, rgba(194, 29, 189, 0.1) 100%);
    border-radius: 15px 15px 0px 0px;
}

.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;
}

.chat-area .modal-dialog-scrollable{
    background: linear-gradient(165deg, rgba(194, 29, 189, 0.2) 0%, rgba(46, 168, 250, 0.2) 100%);
}

.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 p {
    font: normal normal normal 16px/18px Proxima Nova;
    letter-spacing: -0.1px;
    color: #FFFFFF;
    padding: 15px;
    background: linear-gradient(98deg, #2EA8FA 0%, #6D55CA 47%, #C21DBD 100%);
    display: inline-block;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    border-bottom-right-radius: 18px;
    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 p {
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    padding: 15px;
    background: #4b7bec;
    display: inline-block;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    border-bottom-left-radius: 18px;
    margin-bottom: 0;
}

.msg-body ul li.repaly p b {
    display: block;
    color: #061061;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
}


.time {
    display: block;
    font: normal normal normal 13px/16px Proxima Nova;
    letter-spacing: 0px;
    color: #898F9F;
}

li.repaly .time {
    margin-right: 20px;
}

.divider {
    position: relative;
    z-index: 1;
    text-align: center;
}

.msg-body h6 {
    font: normal normal normal 17px/17px Proxima Nova;
    letter-spacing: 0px;
    color: rgba(209, 209, 209, 0.5);
    text-align: center;
    font-weight: normal;
    display: inline-block;
    padding: 0 5px;
    margin-bottom: 0;
}

.send-box {
    padding: 15px;
}

.send-box form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.send-box .form-control {
    display: block;
    width: 92%;
    padding: 0.9rem 0.75rem;
    font: normal normal normal 15px/30px Poppins;
    color: #fff;
    background-clip: padding-box;
    border: 0;
    -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;
    background: rgba(209, 209, 209, 0.09);
}
.send-box .form-control::placeholder{
    font: normal normal normal 15px/20px Poppins;
    letter-spacing: 0px;
    color: #D4D4D4;
}
.send-box button {
    border: none;
    color: #fff;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    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;
}

.sender .attchment-chat{
    background: rgba(209, 209, 209, 0.15);
    border-radius: 10px 10px 10px 0px;
    padding: 10px;
    width: 426px;
}
.attchment-chat-content{
    padding: 12px;
}
.sender .attchment-chat .attchment-chat-img{
    width: 100%;
    height: 259px;
    border-radius: 7px;
    overflow: hidden;
}
.sender .attchment-chat .attchment-chat-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position:  center top;
}

@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;
    }
}
.check-no,
.polls-user-group{
    display: flex;
    align-items: center;
}
.check-no i{
    width: 18px;
    height: 18px;
    background: #453886;
    border: 1px solid #5B5194;
    border-radius: 9px;
    color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
}
.polls-user-group img{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    object-fit: none;
}
.check-no i:not(:first-child),
.polls-user-group img:not(:first-child){
    margin-left: -7px;
}
.progress.progress-poll{
    height: 9px !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
}
.progress.progress-poll .progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.1) !important;
    text-align: center;
    white-space: nowrap;
    background: transparent linear-gradient(91deg, #2EA8FA 0%, #6D55CA 47%, #C21DBD 100%) 0% 0% no-repeat padding-box;
    transition: var(--bs-progress-bar-transition);
}
.polls{
    position: relative;
}
.polls::before{
    content: '';
    position: absolute;
    background-image: url('images/unselect.svg');
    background-repeat: no-repeat;
    background-position: 0;
    width: 18px;
    height: 18px;
}
.polls:has(:checked)::before{
    background-image: url('images/selected.svg');
}
.polls-link{
    color: #2EA8FA;
}
.notifcation-box{
    background: rgba(146, 116, 222, 0.4);
    border-radius: 15px;
    backdrop-filter: blur(36px);
    -webkit-backdrop-filter: blur(36px);
    padding: 15px;
}
.notification-time{
    color: rgba(255, 255, 255, 0.5);
}
.place-pill{
    padding: 5px 12px;
    background: rgba(181, 225, 255, 0.5);
}
.address-box{
    background: rgba(146, 116, 222, 0.6);
    border-radius: 15px;
    backdrop-filter: blur(36px);
    -webkit-backdrop-filter: blur(36px);
    padding: 40px;
}



  .float-input.form-group {
    position: relative;
  }
  .float-input input,
  .float-input textarea {
    position: relative;
    display: block;
    width: 100%;
    border: 1px solid rgba(209, 199, 223, 0.3);
    border-radius: 4px;
    background-color: transparent;
    margin: 0px auto;
    padding: 6px 4px 4px 14px;
    height: 55px;
    outline: none !important;
    font-size: 16px;
    color: #fff;
    transition: all .2s ease-in-out;
      border-radius:60px;
  }
  .float-input textarea{
    height: auto;
    border-radius: 7px;
  }
  
  .float-input label {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 12px;
    text-align: left;
    display: inline-block;
    padding: 0 4px;
    height: 14px;
    font: normal normal normal 14px/19px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin: 0px auto;
    cursor: text;
    transition: all .15s ease-in-out;
    border-radius: 60px;
  }
  .float-input input:hover
  , .float-input input:focus,
  .float-input textarea:hover
  , .float-input textarea:focus { border: 1px solid rgba(209, 199, 223, 0.3); background-color: rgb(111 73 165);outline: none;}
  .float-input textarea:valid, 
  .float-input textarea:focus{
    padding-top: 28px;
  }
  .float-input input:valid + label, 
  .float-input input:focus + label,
  .float-input textarea:valid + label, 
  .float-input textarea:focus + label { 
    top: 0px;
    background-color: rgb(111 73 165);
  }
  .sm-radio{
    display: inline-flex;
    gap: 5px;
    align-items: center;
  }  
  .sm-radio input{
    width: 16px;
    height: 16px;
    border: 1px solid #2EA8FA;
    opacity: 0;
  }
  .sm-radio::before{
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    border: 1px solid #2EA8FA;
    border-radius: 50%;
  } 
  .sm-radio:has(:checked)::before{
    background-color: #2EA8FA;
    box-shadow: inset 0 0 1px 2px #6f49a5;
  }  
.coupan-box{
    overflow: hidden;
    background: #9274DE;
    border-radius: 15px;
    backdrop-filter: blur(36px);
    -webkit-backdrop-filter: blur(36px);
}  
.coupan-content{
    padding: 18px 15px;
}  
.flex-wh-235{
    width: 235px;
    flex: 0 0 235px;
    height: 235px;
}
.response-bg{
    background: rgba(209, 199, 223, 0.4);
    border-radius: 26px;
    padding-left: 19px;
    padding-right: 19px;
}
.order-select-input:has(:checked){
    border: 1px solid #8A42C5;
    background: rgba(138, 66, 197, 0.2);
}
.order-select-input:has(:checked)::before{
    content: '';
    position: absolute;
    background-image: url('images/check-lg.svg');
    background-repeat: no-repeat;
    top: -15px;
    right: -15px;
    width: 42px;
    height: 42px;
}
.bg-order-inner-box-border{
    border: 1px solid #8A42C5;
    background: rgba(138, 66, 197, 0.2);
}
.point-earned-box{
    background: #2EA8FA47;
    border: 1px solid #6263D2;
    border-radius: 15px;
}
.point-earned-box{
    background: rgba(146, 116, 222, 0.6);
    border-radius: 15px;
    backdrop-filter: blur(36px);
    -webkit-backdrop-filter: blur(36px);
}
.point-earned-img{
    height: 166px;
}
.point-earned-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.point-earned-content{
    padding: 15px 15px 20px;
}
.points-corner{
    background-color: #6263D2;
    width: 119px;
    height: 93px;
    border-bottom-left-radius: 100%;
    padding: 15px 20px;
}
.coupan-code-box{
    padding: 16px;
    border: 1px dashed #D1C7DF;
}
.gradient-card{
    background: rgba(146, 116, 222, 0.4);
    border-radius: 15px;
    backdrop-filter: blur(36px);
    -webkit-backdrop-filter: blur(36px);
}
.flex-wh-130{
    width: 130px;
    height: 130px;
}
.cart-inc-dec input{
    font: normal normal 500 17px/22px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    outline: none;
}
.card-header{
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);    
}
.border-tb-dotted{
    border-top: 1px dotted rgba(255, 255, 255, 0.4);
    border-bottom: 1px dotted rgba(255, 255, 255, 0.4);
}
.apply-coupan-link{
    color: #fff;
    padding: 19px 13px;
    background: rgba(146, 116, 222, 0.4);
    backdrop-filter: blur(36px);
    -webkit-backdrop-filter: blur(36px);
}
.reward-earned-img{
    height: 136px;
}
.reward-earned-img > img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.reward-earned-box{
    background: rgba(146, 116, 222, 0.4);
    border-radius: 15px;
    backdrop-filter: blur(36px);
    -webkit-backdrop-filter: blur(36px);
}
.reward-earned-content{
    padding: 10px 15px;
}
.coupan-code-input input{
    height: 55px;
    border: 1px solid rgba(209, 199, 223, 0.4);
    backdrop-filter: blur(36px);
    -webkit-backdrop-filter: blur(36px);
    font: normal normal 500 12px/16px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    background-color: rgba(209, 199, 223, 0.4);
    padding: 19px 19px;
    outline: none;
    width: 300px;
}
.coupan-code-input input::placeholder{
    color: rgba(255, 255, 255, 0.6);
}
.coupan-code-input button{
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.cart-address-radio{
    background-color: rgba(146, 116, 222, 0.4);
}
.cart-address-radio:has(:checked){
    background-color: rgba(146, 116, 222, 0.6);
    border: 0;
}
.cart-address-radio:has(:checked) .radio-update{
    background-image: url('images/selected.svg');
}

.coupan-applied-box{
    background: rgba(146, 116, 222, 0.4);
    border-radius: 15px;
    backdrop-filter: blur(36px);
    -webkit-backdrop-filter: blur(36px);
    padding: 15px;
}
.h-10{
    height: 10px;
}
.order-status{
    height: 100%;
}
.order-status > *{
    height: 25%;
    padding-left: 40px;
}
.order-step::before{
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: #E5E5E7;
    border-radius: 50%;
    top: 0;
    left: 0;
    z-index: 1;
}
.order-step:not(:last-child)::after{
    content: '';
    top: 8px;
    left: 6px;
    position: absolute;
    width: 8px;
    height: 100%;
    background: #E5E5E7;
}
.order-step.active::before{
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: #2EA8FA;
    border-radius: 50%;
    top: 0;
    left: 0;
}
.order-step.cancelled::before{
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: #2EA8FA;
    border: 3px solid #2EA8FA;
    border-radius: 50%;
    top: 0;
    left: 0;
    box-shadow: inset 0 0 0px 3px #fff;
}
.order-step.active:not(:last-child)::after{
    content: '';
    top: 8px;
    left: 6px;
    position: absolute;
    width: 8px;
    height: 100%;
    background: #2EA8FA;
}


.order-step.refund::before{
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: #6263D2;
    border-radius: 50%;
    top: 0;
    left: 0;
}
.order-step.refund:not(:last-child)::after{
    content: '';
    top: 8px;
    left: 6px;
    position: absolute;
    width: 8px;
    height: 100%;
    background: #6263D2;
}
.custom-check{
    padding-left: 15px;
}
.custom-check::before{
    content:'';
    position: absolute;
    width: 19px;
    height: 19px;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.custom-check:has(:checked)::before{
    content:'';
    position: absolute;
    width: 19px;
    height: 19px;
    background: #2EA8FA;
    background-image: url('images/feather-check.svg');
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #2EA8FA;
    border-radius: 3px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.wh-60{
    flex: 0 0 60px;
    width: 60px;
    height: 60px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
@media(min-width:991px) {
    .header-dropdown{
    left: 50% !important;
    transform: translateX(-50%);
    }
    .dropdown-lg{
        min-width: 916px !important;
    }
}

.header-dropdown{
    overflow: visible;
    background: rgb(146 116 222 / 35%)!important;
    border-radius: 20px !important;
    backdrop-filter: blur(36px) !important;
    -webkit-backdrop-filter: blur(36px) !important;
    padding: 0 !important;
}
.header-dropdown li a{
    font: normal normal normal 12px/18px Poppins;
    letter-spacing: 0px;
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    padding: 7.5px 15px;
    width: 100%;
    display: block;
}
/* {
    background: transparent linear-gradient(94deg, #2EA8FA 0%, #6D55CA 47%, #C21DBD 100%) 0% 0% no-repeat padding-box;
border-radius: 15px 15px 0px 0px;
opacity: 0.11;
} */
.header-dropdown li{
    padding: 22px 25px !important;    
}
.header-dropdown li.is-focus{
    background: rgb(146 116 222 / 15%);
    font: normal normal 600 16px/20px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}
.nft-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mb-6{
    margin-bottom: 6rem;
}
.dropgradient a.logout{
    color: #F12D2D !important;
}
.no-content::before,
.no-content::after{
    content: none;
}
@media (max-width:1499px){
    .fs-85 {
        font-size: 4.313em;
    }
}
@media (max-width:1099px){
    .fs-85 {
        font-size: 3.313em;
    }
    .fs-54 {
        font-size: 2.375em;
    }
    .fs-50 {
        font-size: 2.5em;
    }
}
@media (max-width:1024px){
    .mb-6{
        margin-bottom: 7rem;
    }
}
@media (max-width:992px){
    /* .h-280 {
        height: 220px;
    } */
    .fs-19 {
        font-size: 1.1em;
    }
    /* .fs-15 {
        font-size: 0.638em;
    } */
    .text-nav {
        font: normal normal 500 18px/25px Poppins;
    }
}
@media (max-width:767px){
    body{
        font-size: 14px;
    }
    .nft-img {
        height: 350px;
    }
    .mb-md-8{
        margin-bottom: 8rem;
    }
    .fs-85 {
        font-size: 3em;
    }
    .wh-100-gradeint {
        width: 80px;
        height: 80px;
    }
    .h-360px {
        height: auto;
    }
    .customize-dots .splide__pagination{
        bottom: 3%;
        left: 0;
        right: 0;
    }
    .featured-img{
        position: relative !important;
    }
    .fs-38 {
        font-size: 1.6em;
    }
    .fs-30 {
        font-size: 1.5em;
    }
}
@media (max-width:575px){
    nav.navbar.fixed-top{
        position: sticky !important;
    }
    .splide__pagination {
        bottom: -4%;
        position: relative;
    }
    .h-230{
        height: 200px;
        object-fit: cover;
    }
    .ptb-80 {
        padding: 20px 0;
    }
    footer{
        text-align: center;
    }
}
@media (max-width:480px){}
.dropCenter{
    transform: translateX(-50%);
}
.rounded-10 {border-radius: 20px}
.rounded-4 {
    border-radius: 1rem;
}
.btn-transparent {
    background-color: rgba(181, 225, 255, 0.2) !important;
    color: #fff !important;
}
.products-body {
    position: relative;
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
}
.badges-wrap {
    right: auto !important;
    left: 15px;
}
.sidebar-widget_head{
    padding-left: 0 !important;

}
.sidebar-widget_head:before{
    left: auto !important;
    right: 0;
    border-right: 1px solid #fff !important;
    border-bottom: 1px solid #fff !important;
}
.list-vertical li{
    color: #fff;
}
.cat-accordion ul li a,
.list-vertical li span{
    color: #fff !important;
}
.filter-content .dash:after{
    background-color: #fff !important;
}


.login-popup.text-white * {
    color: #000 !important;
}
.login-popup.text-white .form-sign-logo img{
    filter: invert(0%);
}
.navigation-item .subnav-inner{
    background-color: #5b2f81 !important;
}
.navigation-item .subnav-inner a{
    color:#fff !important;
}
.categories-block {
    -moz-columns: 3 auto !important;
    columns: 3 auto !important;
}
.categories-block .categories-cols .categories-list-item{
    background: transparent !important;
    padding: 0 !important;
}
.navigation-item .subnav-inner{
    border-radius: 0 0 30px 30px;
}
.header-dropdown li a.navigation-link {
    color: #fff;
    font: 600 14px 'Montserrat', sans-serif !important
}
.dropdown:hover > .dropdown-toggle {
    text-decoration: none
}
@media (min-width: 992px) {
    .dropdown:hover  .dropdown-menu {
        display: block;
    }
}
.header-dropdown li * {
    font-family: 'Montserrat', sans-serif !important
}
.header-dropdown:hover {
    border-radius: 20px 20px 0 0 !important
}
.products-img{
/*    z-index: 2;*/
    background-color: transparent !important;
}
.products-img img{
    border-radius: 1rem 1rem 0 0 !important;
}

.product-profile-data .title,
.product-profile-data .options,
.product-profile-data .options span.text-muted,
.quantity .qty-input,
.block-cart .cart-action .btn-link{
    color: #fff !important;
    font-weight: 600 !important;
}
.list-cart {
    font-size: unset !important;
}
/*.quantity .decrease,
.quantity .increase {
    border: 1px solid transparent !important;
    color: #fff !important;
    border-radius: 7px !important;
    background-color: #9b8cbf !important;
}*/
.list-cart-item,
.cart-total-head,
.cart-page-head{
    border-bottom: 1px dotted #fff !important;
}
.cart-summary-item.highlighted{
    border-top: 1px dotted #fff !important;    
}
.list-cart-item {
    padding-bottom: 2rem !important;
    margin-bottom: 2rem;
}
/*.cg-main ul li {
    flex: 1 0 11% !important;
    max-width: 15% !important;
}*/
.products-price-off,
.products-price-old{
  color: #fff !important;
}


.select-options-color .btn-option {
    width: 100% !important;
    min-width: 100% !important;
    height: 100% !important;
    border-radius: inherit !important;
    border: solid 1px transparent !important;
    text-align: center;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
}
label.form-check-label.custom-radio{
    border: 4px solid transparent;
}
label.form-check-label.custom-radio.selected{
    border: 4px solid #000;
}
label.form-check-label.custom-radio.size {
    border: 0.4px solid rgba(255, 255, 255, 0.3);
}
label.form-check-label.custom-radio.selected.size {
    background-color: #8A42C552;
    border: 0.4px solid #8A42C5;
}

.iti {
    position: relative;
    display: flex;
    gap:10px;
}
.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
    background-color: rgb(107 89 145);
    border-radius:40px;
}
.iti__arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #fff;
}
.ui-datepicker{display: none;}
.iti__country {color: #000;}

/* home page header color change on scroll */
.navbar.fixed-top.sticky {
    background: linear-gradient(to right, #400049 0%,#350e59 50%,#400049 100%);
}

/*for wishlist heart active*/
.btn-favorite.active svg path {
    fill: #f00;
}


.dropdown-toggle {
    display: flex;
    align-items: center;
}
.dropdown-menu {
    border: none !important;
}
.dropdown-menu a:hover {
    text-decoration: none;
}



.collection-pager {
    background: transparent !important
}
li.pagination-item a {
    color: #fff !important;
}

li.pagination-item.selected a, li.pagination-item a:hover {
    background: #54307a !important;
    color: #fff;
    text-decoration: none;
    border-color: #fff !important;
}
input.form-control.searchBar {
    background: #9274DE !important;
    color: #fff !important;
    border-radius: 1rem !important;
    border: none !important;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20.414" height="20.414" viewBox="0 0 20.414 20.414"><g id="_2561381_search_search_search" data-name="2561381_search_search_search" transform="translate(1 1)"><circle id="Ellipse_132" data-name="Ellipse 132" cx="7.5" cy="7.5" r="7.5" fill="none" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><line id="Line_20" data-name="Line 20" x1="5.2" y1="5.2" transform="translate(12.8 12.8)" fill="none" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></g></svg>') !important;
    background-size: 20px !important;
    background-repeat: no-repeat !important;
    background-position: center left 18px !important;
    padding-left: 55px !important;
    height: 55px !important;
    font-size: 1rem !important;
}
input.form-control.searchBar::placeholder {
  color: #fff;
}
.slick-slide img {
  display: block;
  border-radius: 0 !important;
}
.hero-slider .slick-slide div {
    display: flex;
    align-items: start;
}
.fancybox-navigation .fancybox-button {
    width: 68px !important;
    height: 68px !important;
}

.descriptions-data .cms * {
    background: transparent !important;
    color: #fff !important;
}
ul.footerSocial {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 8px;
    padding: 0 !important;
}
ul.footerSocial li {
    display: flex;
    align-items: center;
    justify-content: center;
}
ul.footerSocial li a {
    width: 36px;
    height: 36px;
    background: rgb(82 21 85);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
ul.footerSocial li a img {
    margin: 0;
}
.offcanvas-side-cart .block-cart-detail-top .product-profile-data * {
    color: #000 !important;
}

#frm_fat_id_frmPromoCoupons {
    border-radius: 100px;
    overflow: hidden;
    background: rgba(255,255,255,.2);
}

#frm_fat_id_frmPromoCoupons input {
    border: none !important;
}

#frm_fat_id_frmPromoCoupons button.btn-apply {
    background: #5d3289;
    color: #fff;
    padding-left: 25px;
    padding-right: 25px;
    border-radius: 25px;
    font-size: 12px;
    -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
            transition: all .3s ease;
}
#frm_fat_id_frmPromoCoupons button.btn-apply:hover {
    background: #3f0049b5
}
#frm_fat_id_frmPromoCoupons input::-webkit-input-placeholder {color: #ffffff !important}
#frm_fat_id_frmPromoCoupons input:-ms-input-placeholder {color: #ffffff !important}
#frm_fat_id_frmPromoCoupons input:-moz-placeholder {color: #ffffff !important}

[name="frmSupplierForm"] label {color: #fff !important}

.iti--separate-dial-code .iti__selected-flag {
    background: transparent !important;
    border-radius: 50px;
    margin-right: 0 !important;
    padding: 0 15px;
    color: #fff !important;
}
.dropdown-toggle .rounded-circle {
    margin: 0 5px;
}

input.phone-js {
    padding: 10px !important;
}
.spn_must_field {
    margin-left: 3px;
}

div#filters-right {background: rgb(0, 0, 0);}
div#filters-right:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: radial-gradient(closest-side at 50% 50%, rgba(139, 109, 255, 1) 0%, rgba(95, 48, 196, 1) 43%, rgba(121, 0, 148, 1) 100%);
    opacity: 0.5;
}
.offcanvas-header .btn-close {
    filter: invert(1) brightness(4);
}
@media (max-width: 767px) {
    footer .firstColumn {
        text-align: center;
    }
    footer .firstColumn .d-flex.gap-3 {
        justify-content: center;
    }
    .sm-h-auto {
        height: auto !important;
    }
    .product-layout-2 {
        grid-gap: 15px !important;
    }
}
@media (max-width: 991px) {
    .navigation {
        padding: 0 !important;
    }
    .navigation .categories-container {
        padding: 0 !important;
        display: block !important;
    }
    .categories-block {
        columns: initial !important;
        padding: .5rem 20px 0 !important;
    }
    .categories-block .categories-cols {
        visibility: visible !important;
        width: 100%;
        transform: none !important;
        margin-bottom: 0 !important;
    }
    .navigation-item .link__mobilenav {
        right: 0 !important;
        top: -1px !important;
        z-index: 1 !important;
        bottom: initial !important;
        height: 30px;
        filter: invert(1);
        bottom: initial !important;
    }
    .header-dropdown li {
        padding: 0 !important;
    }
    .header-dropdown .navigation > li.navigation-item {
        margin: 8px 0;
    }
    .header-dropdown li a {
        padding: 7.5px 0 !important;
    }
    .header-dropdown {
        background: transparent !important;
    }
    .navbar-nav .nav-link {
        text-align: left !important;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .navbar-nav .dropdown-menu {
        border: none !important;
        margin: 0;
        padding: 0 20px !important;
    }
    .navbar-nav figure.category-media {
        display: none;
    }
    .navigation-item .subnav-inner {
        background: transparent !important;
    }
    .navbar-nav .categories-block+a {
        display: none !important;
    }
    .categories-block .categories-cols:last-child {
        padding-bottom: 0 !important;
    }
    .navbar-nav .menuFeaturedImg {
        height: initial !important;
    }
}