@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&family=Prosto+One&display=swap');

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


.flow-hidden{ overflow:hidden; }


body {
margin:0;
font-family: "Geologica", sans-serif;
font-size:13px;
line-height:1.4;
background:#fff;
/*background-color:#e5e5e5;*/
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
margin: 0;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
}
.bg-white{ background:#fff !important;}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
aside{ position:relative;}
/* pageskin */

/*== HTML5 Elements
*=================================*/

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display: block
}
/*== Typography Elements
*=================================*/

.color-red
{
    color:red;
}

.color-green
{
    color:green;
}

iframe {
display:block
}

a img {
border:0
}
:focus {
outline:0
}
time{ font-family:inherit; font-size:11px; color:#aaa; font-weight: 400;} time a{ color:#aaa;}
a {
color:#6c66e7;
text-decoration:none;
outline:0;
-webkit-transition:background-color .15s linear,color .15s linear;
-moz-transition:background-color .15s linear,color .15s linear;
-o-transition:background-color .15s linear,color .15s linear;
-ms-transition:background-color .15s linear,color .15s linear;
transition:background-color .15s linear,color .15s linear;
}

ul,ol {
list-style:none;
margin:0;
padding:0;
}
ul,ol,p,table,form,pre {
margin:0 0 0px
}
h1,h2,h3,h4,h5,h6 {
color:#263238;
margin:0 0 5px;
}
h1,h2,h3 {
line-height:1.25;
}
h1 {
font-size:24px
}
h2 {
font-size:20px
}
h3 {
font-size:16px
}
h4 {
font-size:14px
}
h4,h5,h6 {
font-size:13px
}
blockquote {
margin-left:10px;
padding-left:40px;
color:#777;

}
abbr[title],acronym[title] {
border-bottom:1px dotted #666;
cursor: help;
}
/*== Code Elements
*=================================*/
pre,code,kbd,samp,var {
font-size: 12px;
}
pre {
padding:20px 20px;
nowhitespace:afterproperty;
line-height:20px;
white-space:pre-wrap;
white-space:-moz-pre-wrap;
white-space:-pre-wrap;
border:1px solid #DDD;
/* CSS-3 */
white-space:-o-pre-wrap;
/* Mozilla,since 1808080 */
word-wrap:break-word;
/* Opera 4-6 */;
/* IE 5.5+*/
}
/*== Table Elements
*=================================*/
table {
width:100%;
nowhitespace:afterproperty;
border-collapse:collapse;
border-spacing:0;
/* tables still need 'cellspacing="0"' in the markup */
}
th,td,caption {
padding:5px 10px
}
caption {
font-weight:bold
}
/*th,td {
border: 2px solid #282828;
} */
th{background:#673AB7; color: #fff}
td{background:#2d0d4f;}
tr:nth-of-type(odd) td, tr.odd td { background: #21073c }
img, video {
    height: auto;
    max-width: 100%;
}
img { vertical-align: top }
/*== Form Elements
*=================================*/
input {
    /* -webkit-appearance: none; */
    border-radius: 0;
}
label,input,textarea,select,button,.btn {
font-size:17px; font-family: inherit;
line-height:19px;
}

.page-overflow-auto{ max-height: calc(100vh - 75px);
    overflow-y: auto; }

input,textarea,select,button {
display:inline-block;
padding:4px;
margin:0;

background-color:#FFF;
border:1px solid #191919;
-webkit-border-radius:2px;
border-radius:0px;

}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
    -webkit-text-fill-color: #000 !important; /* Keep text visible */
    background-color: transparent !important;
}

input[type="text"],input[type="password"],textarea {
-webkit-box-shadow:1px 1px 1px rgba(120,120,120,0.1) inset;
box-shadow:1px 1px 1px rgba(120,120,120,0.1) inset;
-webkit-transition:background .15s;
-moz-transition:background .15s;
-ms-transition:background .15s;
-o-transition:background .15s;
transition:background .15s;
}
/* Hide arrows in Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* Hide arrows in Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #fff;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #fff;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#fff;
   /*color: #351684;*/
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:#fff;
}

::placeholder { /* Most modern browsers support this now. */
   color: #fff;
}

input[type="submit"]{
cursor:pointer;
cursor:hand;
}
textarea {
overflow:auto
}

input[type="checkbox"],input[type="radio"] {
vertical-align:text-top;
padding:0;
margin:1px 0 0;
border:0;
}
i{ vertical-align:middle; }

/* css */
.add_pck{ font-size: 16px; color: #fcff09; }
.notify_c{ background: linear-gradient(135deg, #FF5722, #FF9800 100%) !important }
.pb-3{ padding-bottom:30px !important; }
header{ padding:0px; margin:0px;  width:100%; background: #000; }
.container{ display:block; width:100%; max-width:1440px; margin:0 auto; padding:0 15px; }
.container1{ display:block; width:100%; max-width:1440px; margin:0 auto; padding:0 15px; }
.header_wrap{ display: flex; justify-content: space-between;  padding: 15px 0px;  align-items: center;}
.site-header__logo{ width: 200px; } .site-header__logo img{ width:100%; }
.nav_menu{ display: flex; align-items: center; -webkit-box-flex: 1; flex: 1 1 0px; }
.nav_menu h2{ font-family:inherit; font-size: 18px; color: #643b14; font-weight: 600; margin-bottom:5px; padding:0 10px; text-transform: uppercase;
    letter-spacing: 2px;}
.nav_menu h2 a{ padding:0px; } .nav_menu h2 a i{ font-size: 22px;  vertical-align: bottom; } 
.nav_menu ul{ padding:0px; margin:0px; }
.nav_menu ul li{ list-style:none; padding:0px 10px; margin:0px; display:inline-block; position:relative; }
.nav_menu ul li:first-child{ padding-left:0px; }
.nav_menu ul li a{ display:block; font-family:inherit; font-size:18px; color:#fff; font-weight: 400; position:relative; }
.nav_menu ul li a:after{ 
    content: '';
    width: 100%;
    height: 2px;
    background-color: #c81bfa;
    display: block;
    margin-top: 2px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    pointer-events: none;
    visibility: hidden;
 }
.nav_menu ul li a:hover:after, .nav_menu ul li a.active:after{ color:#c81bfa; -webkit-transform: scaleX(1);
    transform: scaleX(1); visibility: visible; }
.nav_menu ul li a.active, .nav_menu ul li a:hover{ color:#c81bfa; }    
.cart img{ width:36px; cursor:pointer; }
.cart { position:relative; margin:0px 0 0 20px; display:inline-block; }
.cart span{ position:absolute; right:-5px; top: -8px; width:22px; height:22px; border-radius: 50px; background:#ff4c21; font-family:inherit; font-weight: 500; color: #fff; font-size:14px; text-align:center; line-height:20px; }
.usr_login{ display:inline-block; position:relative; } .usr_login img{ width:40px; }
.menu_right{ display: flex; justify-content: end; -webkit-box-flex: 1; flex: 1 1 0px; align-items:center; }
.u_name{ font-family:inherit; font-size:19px; color:#fff; font-weight:300; display: inline-block; cursor: pointer;} .u_name i{ font-size:36px; margin-right:5px; }
.u_name i:last-child{ font-size:24px; } .u_name em{ font-style:normal; }
.user_menu{ max-width:100%; width:100%; }
.user_menu a{ font-family:inherit; font-size:17px; color:#351684; font-weight:500; padding:8px 5px; display:block; }
.user_menu a:hover{ background: #f5f5f5; border-radius: 4px; }
.user_menu a i{ margin-right:8px; font-size: 25px;} 
.user_drop{  position:absolute; top: 35px; width:250px; background:#fff;  box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.25);
    border-radius: 15px; padding: 20px; left: 0; 
    /*transform: translate(-50%, 5px); */
    z-index: 10;}
.input-error {
    font-family: inherit;
    font-size: 17px;
    color: #f53131;
    font-weight: 300; padding-top: 5px;
}
.my_filter{ border-radius: 40px; border: 2px solid #fff;
    padding: 10px 20px; position: relative;}
.my_filter i{ font-size:26px; }    

.btn_banner{ margin:15px 0; }
.btn_banner a{ display: inline-block;
    vertical-align: middle;
    background: linear-gradient(135deg, rgba(138, 43, 226, 1), rgba(255, 105, 180, 1) 100%);
    /*background: linear-gradient(to left, #c81bfa 50%, #fff 50%) right;*/
    /*background-size: 200%;*/
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 15px 30px;
    transition: .5s ease-out;
    text-transform: capitalize;
    position: relative;
    overflow: hidden;
    text-align: center;
    border-radius: 100px;
    margin-right:15px; }
.btn_banner a:hover{ background:linear-gradient(135deg, rgba(255, 105, 180, 1), rgba(138, 43, 226, 1) 100%);  }    

.btn-one-light {
     background: #fff !important; border: 2px solid #fff;
    color: #c81bfa !important; 
} 

.btn-one-light:hover{ border: 2px solid #fff; background:transparent !important; color:#fff !important }
 
.category_box{ width:100%; max-width:1000px; display:block; margin:0 auto; }
.box_color{  display:flex; justify-content:space-between; }
.img_box{ position: relative; display: block; width: 100%; border-radius:30px; overflow:hidden; }
.img_box img{ object-fit: contain; object-position: right; }
.text_box{ width: calc(100% - 50px); left: 1.5rem; line-height: 1.5; bottom: 1rem; position: absolute; text-align: left;  }
.box_color{ position:relative; }
.text_box span{ font-family:"Prosto One", sans-serif; font-size:18px; color:#fff; }
.text_box .btn_banner a{ font-size: 15px; padding: 10px 20px;   } .text_box .btn_banner a i{ font-size:20px; }
.add_cart .btn-control input{ width:auto; color:#fff;  }  .add_cart .btn-control button{ color:#fff }
.add_cart .quantity-container{ width: auto;  background: linear-gradient(135deg, rgba(138, 43, 226, 1), rgba(255, 105, 180, 1) 100%);
    border-radius: 10px; justify-content:space-between; border:0px; } .add_cart .btn-control button, .add_cart .btn-control input{ background:transparent;  }

.form_input{  width: 100%;
    padding: 14px 12px 14px 12px;
    font-size: 18px;
    border: 1px solid #2d0473;
    border-radius: 4px;
    font-weight: 500;
    outline: none;
    background: #1e0d3b;
    color: #fff !important; 
    margin-bottom: 15px;
}

.title_site{ font-family:"Prosto One", sans-serif; font-size:65px; color:#fff;  font-weight:600; padding-bottom:15px; margin-bottom:15px; }
.title_site span{ color:#fcff09 }
.title_site em{ font-size: 40px;  font-style: normal; display:block; }
.title_site div{ display:block; color:#f0e34e }
.desc_txt{ font-family:inherit; font-size: 20px; color: #e5e5e5; font-weight: 300; }
.frgot{ background: #1e0d3b;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgb(11 1 28 / 81%);
    border: 2px solid #2d0473;
}
.frgot p{ margin-bottom:20px; }
.shop_now{     
   background: linear-gradient(to left, #ffeedc 50%, #351684 50%) right;
    background-size: 200%;
    transition: .5s ease-out;
    padding: 15px 30px;
    display: inline-block;
    color: #351684;
    font-size: 18px;
    font-family: inherit;
    font-weight: 700; letter-spacing: 1px; text-transform: uppercase;
    border-radius: 40px; margin-top:10px; }

.shop_now:hover{ background-position: left !important; color:#fff; }   

.pshop{  background: linear-gradient(to left, #351684 50%, #351684 50%) right;
    background-size: 200%;
    transition: .5s ease-out;
    color:#fff !important ; padding: 15px 30px;
    display: inline-block;   
    font-size: 18px;
    font-family: inherit;
    font-weight: 700; letter-spacing: 1px; text-transform: uppercase;
    border-radius: 40px; margin-top:10px; } 

.pshop:hover{ background-position: left !important; }
.pshop i, .shop_now i{ vertical-align:bottom; margin-left:4px; }

.overlay-content{ background:transparent !important; }
.overlay-content h2{ color:#351684; font-size:55px; font-family:inherit; text-align: left; line-height: 90px; font-weight: 400; letter-spacing: 2px;}
.wrapper_row{ display:flex; flex-wrap:wrap; margin:0px;  }
.column_wrap{ flex-basis:33.33%; max-width:33.33%; padding:10px; } .column_4wrap{ flex-basis:35%; max-width:35%; padding:6px; }
.column_2wrap{ flex-basis:50%; max-width:50%; padding:10px; } .column_3wrap{ flex-basis:33.33%; max-width:33.33%; padding:10px; }
.column_5wrap{ flex-basis:20%; max-width:20%; padding:10px; }
.title_page_center{ font-family: "Prosto One", sans-serif; font-size: 55px; color: #c81bfa; margin-bottom: 50px; font-weight: 600; text-align:center; }
.howit{ position:relative; height: 100%;  border-radius: 20px;  text-align: center;}
.howit span{ width:50px; height:50px; background:#ffffff; color:#351684; border-radius:50px; left:50%; top:0px; position:absolute; transform:translate(-50%, -50%);     text-align: center;
    line-height: 50px;  font-size: 20px;  font-family: inherit;  font-weight: 500;     border: 1px solid #351684;}
.howit p{ font-size: 17px;  font-family: inherit;  font-weight: 300; color: #fff}   
.howit h2{ font-size: 26px;  font-family: "Prosto One", sans-serif;  color: #fff; font-weight:500; margin-bottom:15px; } 
.h_img_div{ position:relative; padding: 0 30px; border-radius: 20px;} 
.h_img_divs{ position:relative; padding: 30px; border-radius: 20px;}
.h_img_div img{ width:90px; }
.PRTDS p{ font-size:19px !important; }
.pb-40{ padding-bottom:40px; } .p-20{ padding:20px 0; }
.payment_secure{ display:flex; align-items:center; border-right: 2px solid #ffb19e7a;  margin-right: 10px;}
.payment_secure:last-child{ border-right:0px; }
.payment_secure span{ width:60px; padding:0px; margin:0px 15px 0 0;  display: inline-block;} .payment_secure span img{ width:100%; }
.payment_secure h3{ font-family:inherit; font-size:20px; color:#fff;font-weight:300; }
.adfkjasf{ display:flex; justify-content:center; } .adfkjasf img{ width:85%; }

.column_4wrap{flex-basis:25%; max-width:25%; padding:10px;}
.img_thumb{ padding-top:100%; width:100%; position:relative; display:block; }
.img_thumb img{ width:100%; height:100%; position:absolute; top:0px; left:0px;  object-fit:cover; object-position:center; }
.ygddsdk{ background-color: rgb(207, 168, 202);} .nywfjs{ background-color:rgb(238, 125, 128); } .hwrwrds{ background-color:rgb(239, 160, 33); }
.thumb_info{ color:#351684; padding:10px 20px 20px 20px; position:relative; }
.curve{ position: absolute; top: -35px; width: 100%; left: 0px; right: 0px; }
.thumb_info h2{ font-size: 25px; font-family: inherit; margin: 0px 0 5px; font-weight: 400; color: #fff; letter-spacing: 1px;}
.thumb_info h3{ font-size: 32px; font-family: inherit; margin: 0px 0 5px; font-weight: 400; color: #351684;}
.thumb_info p{ font-family:inherit; font-size:21px; font-weight:500; color: #2e2e2e;}
.sec_item{ height:100%; border-radius: 15px; overflow: hidden;} .sec_item1{ height:100%; border-radius: 15px;}
.p40{ padding:40px 0; } .jhfk_pb{ padding:100px 0 250px; }
.con_word{background: #ffeedc; padding: 100px 0;}
.center_content{ text-align:center; font-family:"Prosto One", sans-serif; font-size:65px; color:#fff; font-weight: 500; padding-bottom: 15px;
    margin-bottom: 15px;}
.pbig{ padding-top:130% !important; } 
.transs_sgf{ -webkit-transform: translateY(-259px);  transform: translateY(-259px); }
.page_title{ font-family: "Prosto One", sans-serif; font-size: 60px; color: #c81bfa; padding:0 10px 20px 0px; font-weight: 600;}
.rptd{ padding:5px; display: block;} 
.pt_b0{ padding:60px 0 0; } .pr-40{ padding-right:60px; } .p-0{ padding:0px !important; }
.pl-40{ padding-left:60px; } .pr-15{ padding:0 15px; }
/*.full_txt{ padding:0 50px 0 230px; } */
.full_txt h3, .full_txt p{ color:#fff; }
.img_small{ display:flex; justify-content:end; }.img_small img{ width:85%; }
.justify-content-start{ justify-content:start !important;  }

.text-right{ text-align:right !important; } .text-center{ text-align:center !important; } .text-left{ text-align:left !important; }
.text-blk{ color:#000 !important }
.pconet{ padding:60px; text-align:center; }
.app_mimg{ position: relative; width: 80%}
.sec_content{ max-height:450px; overflow: hidden;} .meight{ max-height:520px !important; }
.bradius{ border-radius:20px; }
.prt-sec .img-thum {
    padding-top: 100%;
    position: relative;
    display: block;
    width: 100%;
}
.prt-sec .img-thum img {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    object-position: center; border-radius: 10px; object-fit: contain;  
}
.mlr-auto{ margin:0 auto !important; }

.purple_txt{ color:#5b455f !important }
.mb-15{ margin-bottom:15px;; }

.slide_banner .slick-track{ gap:unset }
.slide_banner .slider img{ border-radius:unset; }
.slick-track{ gap:20px; display:flex !important; } .slick-slide{ height:auto !important; }
.pod_div{ width:100%; max-width:1000px; margin:30px auto; }
.pod_div ul{ padding:0px; margin:0px; display:flex; flex-wrap:wrap; }
.pod_div ul li{ flex-basis:25%; max-width:25%; padding: 10px;  text-align: center;} 
.pod_div ul li h3{ font-family:"Prosto One", sans-serif; font-size:21px; font-weight:500; color:#fff; text-transform:uppercase; text-align:center; padding-top:15px; }

/* Ensure inner content takes full height */

.empty_cart { padding: 20px 0; text-align: center;} .empty_cart img { height: 150px;}
.close_c{ vertical-align:middle; margin-left:10px; cursor:pointer; }
.clearall{ font-size: 16px; font-weight: 500; color: #351684;}

.copyright{ padding: 10px 0; margin-top: 10px; border-top: 1px solid rgb(255 255 255 / 13%); display: flex; justify-content: center }
.copyright p{ font-family: inherit; font-size: 16px; color: #ffffff !important; font-weight: 400; line-height: 25px;}


    .empty_cart p {
    font-size: 24px;
    color: #000;
    font-weight: 600;
   margin: 25px 0 10px;
}
.empty_cart span {
    font-size: 16px;
    color: #222;
    display: block;
    padding-bottom: 15px;
}
.paratext{
    font-size: 21px;
    font-family: inherit;
    font-weight: 500;
    color: #000; text-align: center; padding-bottom: 15px;
}
.main-gateway {
    width: 100%;
    flex: 1;
    padding: 30px 15px;
}
.gateway_wrap {
    width: 100%;
    max-width: 600px;
    display: block;
    margin: 0 auto;
}
.gateway_wrap .title{ margin-bottom:20px; }
.message_imp {
    font-family: inherit;
    font-size: 19px;
    color: #ff4e4e;
    padding: 20px 0;
    font-weight: 300;
    text-align: center;
}
.off_divin p{ text-align:center; }
.off_divin span{ font-family: inherit;  font-size: 19px; color: #b083ff; text-align: center; display: block;  padding: 20px 0; }

.bg-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.free_btn{ border: 2px solid #e91e63; background:#e91e63;
    width: 100%;
    display: block;
    text-align: center;
    padding: 15px;
    color: #fff;
    font-size: 21px;
    font-family: inherit;
    border-radius: 8px; }
 .free_btn:hover{ background:#c81bfa; color:#fff; border: 2px solid #c81bfa; }   

.bg_black h2, .bg_black p{color: #fff !important;}
.bg_black{ background:#351684; }
.shadow_overlay{ position:absolute; top:0px; bottom:0px; width:100%; background:rgba(0, 0, 0, .1); }
p{ font-family:inherit; color:#fff; font-size:20px; font-weight:300; } .align-items-center{align-items:center; } .d-flex{ display:flex; }
.justify-content-center{ justify-content:center; }
.thumb-description{ padding:10px 0; }
.thumb-description .product__title{ font-family: inherit; font-size: 22px; color: #351684; letter-spacing: 0.5px;  font-weight: 300; margin-bottom: 10px;}

.page-slider .slick-next { right: 0px; top: -60px;} .page-slider .slick-prev{ right: 65px; top: -60px; left:auto; }
.your-slider .slick-prev { left: 15px;}
.journl_div{ border-radius:15px; border:2px solid #fff; display:flex; flex-wrap:wrap; overflow:hidden; }
.jurnl_p{ padding:30px; margin:0px; max-width:40%; flex-basis:40%; }
.jurnl_p h2{ font-family:inherit; color:#351684; font-size:35px; padding-bottom:10px; }
.jurnl_p p{ padding-bottom:15px; }
.sfjsf{max-width: 60%; flex-basis: 60%;} .sfjsf img{ height:560px; width: 100%;  object-fit: cover; object-position: center;
    border: 0px; display: inherit;}
.black_bg{ background:#351684; } .black_bg h2, .black_bg p{ color:#fff; } .black_bg .page_title{ color:#fff; font-family: inherit;  font-size: 60px; font-weight:400 }
.rmore_btn{ border: 2px solid #fff; color: #fff; font-family: inherit; padding: 15px 50px;
    border-radius: 6px; background: linear-gradient(to left, #351684 50%, #351684 50%) right;
    background-size: 200%;
    transition: .5s ease-out; font-size: 20px; margin: 15px 0 0; cursor: pointer; display: inline-block; font-weight: 500;}
.text_clr{ color:#fcff09; font-style:normal; }
.news_box{ border-radius: 40px; overflow: hidden; }    

.rmore_btn:hover{  color:#fff; background-position: left !important;  border: 2px solid #351684;}
.social_content h2{font-family:"Prosto One", sans-serif; font-size:40px; color:#c81bfa; margin-bottom:20px; font-weight: 600;
background-color: transparent;
    background-image: linear-gradient(140deg, #1c39ff 0%, #fca4e1 80%);
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
.social_content p{ font-family:inherit; font-size:19px; color:#fff;  font-weight: 300; padding-bottom: 20px;}
.social_content p strong{ text-decoration:underline; } .social_content p em{ font-style:normal; color:#ff3a3a }
.app_icon{ margin:20px 0 0 0; padding:0px; } .app_icon a{ display:inline-block; margin:0 5px; } .app_icon a:first-child{ margin-left:0px; }
.app_icon a img{ height:65px; }
.enquiry_form{ width:100%; max-width:600px; padding:0px; margin:20px 0 0 }
.enquiry_form input, .enquiry_form textarea{ font-family:inherit; font-size:18px; font-weight: 500; color:#351684; border:1px solid #363636; border-radius:8px; margin-bottom:15px; width:100%;
height:auto; padding:13px 15px; }
.enquiry_form textarea{ height:auto !important; }
.btn{ display: inline-block;  padding: 15px 25px;  font-family: inherit; font-size: 20px; color: #fff; background: linear-gradient(135deg, rgba(138, 43, 226, 1), rgba(255, 105, 180, 1) 100%);
    background-size: 200%;  transition: .5s ease-out;  font-weight: 400; border-radius: 6px; cursor:pointer; border:0px; }
.btn:hover{  
    background: linear-gradient(135deg, rgba(255, 105, 180, 1), rgba(138, 43, 226, 1) 100%) !important;
    }

.empty_pages{ width:100%; max-width:1200px; display:block; margin: 30px auto;  }
.content_pages{ width:100%; max-width:1200px; display:block; margin: 30px auto;  }
.empty_pages h2{ font-family:inherit; font-size:24px; font-weight:500; margin-bottom:15px; }
.empty_pages p{  font-family:inherit; font-size:18px; font-weight:500; margin-bottom:15px; width:80%; margin:auto; color: #fff;}
.empty_pages button{ font-size:17px; font-weight:500; width: 50%; border-radius: 4px; background: #34a853; }
.empty_img{ text-align:center; padding-bottom:20px; display: block; } .empty_img img{ width:350px;}
.make_address{ display: block; margin: 30px 0; text-align: left; }
.make_address ul{ padding:0px; margin:0px; }
.make_address ul li{ font-family:inherit; font-size:18px; color:#fff; font-weight:500; padding:5px 0; }
.make_address ul li i{ margin-right: 10px; vertical-align: middle; font-size: 30px; color:#c81bfa }
.make_address p{ width:auto; padding:20px 0; color:#fff }
footer{ background: #351684; padding: 40px 0px 20px 0px; position: relative;} 
.p-relative{ position:relative; }
.lines{ position:absolute; bottom:0px; right:0px; text-align:right; } .lines img{ width:70%; }
.flogo img{ width:230px; }
.quick_links li{ padding:0px; margin:0px; font-family:inherit; color:#fff; display:block; padding-bottom:10px; font-size:16px; font-weight:200; }   
.quick_links li a{ color:#fff; text-decoration:none; display:block; }
.quick_links li a:hover{ color:#ffffff82; text-decoration:underline; }
.quick_links li em{ font-style:normal; color: #ffffff82; padding-right: 5px;}
.quick_heading{ font-family:"Prosto One", sans-serif; font-size:22px; color:#c81bfa; font-weight:500; padding-bottom:10px; }
.footer_bdiv h2{ font-family:inherit; font-size:25px; color:#fff; } .footer_bdiv p{ font-family:inherit; font-size:16px; padding-bottom:10px; font-weight:200; }
.footer_bdiv{ margin:20px 0 0; } .footer_bdiv a{ color:#fff; font-size:16px; font-weight:200; }
.social li {
    display: inline-block;
    padding: 0 12px 0 0;
}
.box_b{ background: linear-gradient(90deg, #182a6a 25%, #21122d 50%);  border: 2px solid rgb(221 221 221 / 15%); }
.social li a img {
    width: 30px;
}
footer h3 {
    font-family: "Prosto One", sans-serif;
    color: #fff;
    font-weight: 500;
    font-size: 21px;
    padding-bottom: 10px;
    margin: 0px;
}
.copy_rights {
    padding: 15px 0 0;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, .1);
    margin-top: 10px;
}
.copy_rights p{ font-family:inherit; font-size:16px; font-weight:300; color:#fff; display:flex; align-items:center; justify-content:center; }
.copy_rights a {
    display: inline-block;
    padding-left: 5px;
}
.copy_rights a img {
    height: 30px;
    object-fit: cover; object-position: center;
}
.img_div{ padding:40px 0; display:block; }
.btn_white{ background:#fff; color:#351684;  } .btn_white:hover{ background:transparent; border:2px solid #fff; color:#fff; }
.social_icon{ text-align:center; padding: 20px 0 0;}
.social_icon a{ display:inline-block; margin:0 20px; } 
.social_icon a img{ width:65px; }
.go-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 8px;
    display: none;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    background: #232323;
    border-radius: 3px;
}


.go-top i {
    color: #fff;
    font-size: 30px;
}
.enquiry_text{ font-family:inherit; font-size:60px; color:#351684; margin-bottom:30px; }
.menu_drop{  position:absolute; top: 35px; width:800px; background:#fff;  box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.25);
    border-radius: 15px; padding: 24px; left: 0; 
    /*transform: translate(-50%, 5px); */
    z-index: 10;}
.menu_drop_wrap{  display: flex; flex-wrap: wrap; }    
.columb_menu{ max-width:50%; flex-basis:50%; padding:0px; }  
.columb_menu a{ display:block; font-family:inherit; font-size:18px !important; color:#000 !important; font-weight: 400 !important; padding:5px 10px; border:0px !important; }  
.columb_menu a:hover{ background:#fff; border:0px !important; color: #351684 !important;}
.toggle-arrow {
  vertical-align: middle;
  transition: transform 0.3s ease;
}
.rotate {
  transform: rotate(180deg);
}

/* menu */
.menu {
  z-index: 1002;  
  place-items: center;
  width: 100%;
  height: 100%;
  background: #1d1d1b;
    position: absolute;
    top: -1300px;
    right: 0px;
    z-index: 1001;
    opacity: 0;
    transition: top 0.3s ease-in-out, opacity 0.5s ease-in-out;
    padding: 70px 0 0;
}

.menu nav {
  opacity: 0;
}

@keyframes menu-in {
  0% {
    clip-path: ellipse(60% 60% at 0% 50%);
  }
  100% {
    clip-path: ellipse(120% 120% at 0% 50%);
  }
}

body.open .menu {
  opacity: 1;
     top: 0px;
    opacity: 1;
}

body.open{ overflow:hidden; }

body.open .menu nav {
  opacity: 1;
}

.menu nav:hover a {
  opacity: 0.25;
}

.menu nav a:hover {
  opacity: 1;
}
.mtitle { color: rgba(255, 255, 255, 0.4);
    transform: translateX(-60%) translateY(390%) rotate(-90deg);
    font-size: 50px;
    text-align: end;}
.mtitle1{  font-size: 50px; font-family: inherit; color: rgba(255, 255, 255, 0.4);}    

.menu nav {
  display: flex;
  flex-direction: column;
  /*justify-content: center;
  align-items: center;*/
  padding: 15px 0 0;
}

.direction-row{ flex-direction:row !important; }
.social a{ width: auto !important;  display: inline-block;  margin: 0 8px; }

.menu a {
  position: relative;
  color: #fff;
  font-size: 21px;
  font-family: inherit;
  padding: 8px 0;
  width: auto;
  text-decoration: none;
  transition: 0.4s;
  display: inline-block; font-weight: 300;
}
.menu a img{ width:30px;  }
/*.menu a::before,
.menu a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 10px;
  width: 20%;
  height: 2px;
  border-radius: 2px;
  transition: 0.4s;
}*/
.menu a img{ margin-right:10px; }

.menu a::before {
  opacity: 0;
  background: rgb(255 255 255 / 20%);
}

.menu a::after {
  transform: scaleX(0);
  transform-origin: 0% 50%;
  background: #f7f7f7;
}

.menu a:hover::before {
  opacity: 1;
}

.menu a:hover::after {
  transform: scaleX(1);
}
.menu-row{ margin:0 auto;  max-width: 1200px;   width: 100%; }
.menu-3column{ width:33.33%; float:left; padding:0 15px; }

body.open .menu a {
  animation: appear 0.25s backwards;
}

@keyframes appear {
  0% {
    opacity: 0;
    translate: -30px 0;
  }
  100% {
    opacity: 1;
  }
}
/* end */
.page_name{ padding:70px 0 100px 0; }
.page_top{ text-align:center; padding:0px ; margin:0px; }
.page_top h2{ font-family:"Prosto One", sans-serif;  font-size:60px;  color:#fff; font-weight:400; margin-bottom:10px; display:inline-block; }
.title-s { background-color: transparent; background-image: linear-gradient(140deg, #1c39ff 0%, #fca4e1 100%);
    background-clip: text !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;}
.bg_white{ background:#fff }
.thumb_img{ width:100%; display:block; position:relative; padding-top:130%;  }
.thumb_img img{ position:absolute; left:0px; top:0px; width:100%; height:100%; object-fit:cover; object-position:center; border-radius:10px; }
.thumb_description{ padding:10px 0; }
.ptitle{ font-family:inherit; color:#351684; font-size:21px; padding-bottom:5px; }
.price{ font-family:inherit; color:#351684; font-size:21px; padding-bottom: 5px; display: block;     font-weight: 600;}
.desc_text{ font-family:inherit; font-size:17px !important; color:#222 !important;  overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.cnt_bg{ border-radius:90px 90px 0px 0px; border-top:1px solid #FD59CA4D; background-color:#000000; padding:50px 0 50px 0; margin: -90px 0 0; }    
.box_inner{ background-color: #FFFFFF08; border-radius:25px; padding:30px; border:1px solid #FFFFFF1A; }

/* open menu */

.burger-menu{ display: flex;cursor: pointer; height: 50px; padding: 5px; margin-top:20px; } 
.burger-menu i{ color:#fff; font-size:40px; }
span img{ width:100%; }
.burger {
  z-index: 3;
  top: 0;
  left: 0;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  margin: 15px; padding: 0px;
  background: url("../img/density_medium_50dp_000000_FILL0_wght400_GRAD0_opsz48_w.png");
  background-size: 100%; display: none;
  
}


.side-menu {
  height: 100%;
  width: 0;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #351684;
  overflow-x: hidden;
  transition: 0.3s;
  padding-top: 60px;
  z-index: 1000;
}

.side-menu a {
  padding: 12px 20px;
  text-decoration: none;
  font-size: 21px;
  color: white;
  display: block;
  transition: 0.3s;
  font-weight: 500;
  border-bottom: 1px solid #dddddd1a;
}

.side-menu a img{ margin-right:8px; }

.side-menu a:hover {
  background-color: #ffd4ca5c;
  
}

.side-menu .close-btn {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 36px;
  color: white;
  text-decoration: none;
  border-bottom: 0px;
}

/* Existing styles... */

.dropdown-content {
  display: none;
  flex-direction: column;
  padding-left: 20px;
}

.dropdown-content a {
  padding: 10px 0 10px 40px;
  font-size: 19px;
  color: #ffd4ca;
}

.dropdown a {
  cursor: pointer;
}

.dropdown-arrow {
  float: right;
  transition: transform 0.3s ease;
}

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

/* Overlay */
 .overlay {
      position: fixed;
      inset: 0;
      background: rgba(0, 0, 0, 0.85);
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 1000;
    }

#openMenu {
  font-size: 20px;
  padding: 10px 15px;  
  color: white;
  border: none;
  cursor: pointer;
  margin: 10px;
}

.v_logo{ display:flex; justify-content:center; }
.v_logo img{ width:250px; }


.popup {
      background: #fff;
      padding: 30px;
      border-radius: 20px;
      text-align: center;
      max-width: 550px;
      width: 95%;
      box-shadow: 0 6px 20px rgba(0,0,0,0.4);
      animation: fadeIn 0.3s ease;
      position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    }

    .popup h1 {
      margin: 0;
      font-size: 1.8rem;
      color: #333;
    }

    .popup h2 {
      margin: 25px 0 10px;
    font-size: 23px;
    color: #9f1bc5;
    font-family: 'Prosto One', sans-serif;
    font-weight: 600;
    }

    .popup p {
      font-size: 18px;
    color: #000000;
    margin-bottom: 10px;
    font-weight: 400;
    }
    .popup span{ 
    font-size: 19px;
    font-family: inherit;
    font-weight: 400;
    margin-bottom: 15px;
    display: block;
    color: #1c1c1c;
     }

   .popup p br{ padding-top:10px; }
 .buttons {
      display: flex;
      justify-content: center;
      gap: 10px;
    }

    .buttons .btn{ background: transparent;
    color: #9c27b0;
    border: 2px solid #9c27b0; }

    .buttons .btn.gd:hover{background: transparent !important;}

    .btn {
      padding: 0px 25px;
      height: 54px;
      border: none;
      border-radius: 6px;
      font-size: 20px;
      cursor: pointer;
      transition: background 0.2s;
    }

    .btn {
         background: linear-gradient(135deg, rgba(138, 43, 226, 1), rgba(255, 105, 180, 1) 100%);
    color: #ffffff;
    }

    /*.btn:hover{ background: linear-gradient(135deg, rgba(255, 105, 180, 1), rgba(138, 43, 226, 1) 100%); border: 0px;}*/

    
    .btn-primary {
      background: linear-gradient(135deg, rgba(138, 43, 226, 1), rgba(255, 105, 180, 1) 100%) !important;
      color: #fff !important; border: 2px solid #9c27b0 !important;
    }

    .btn-primary:hover {
      background: linear-gradient(135deg, rgba(255, 105, 180, 1), rgba(138, 43, 226, 1) 100%) !important; border: 2px solid #9c27b0 !important;
    }

    @keyframes fadeIn {
      from { opacity: 0; transform: scale(0.95); }
      to   { opacity: 1; transform: scale(1); }
    }   

/* menu end */  

.product-info-wrap h3 {
    font-family: "Prosto One", sans-serif;
    font-size: 50px;
    color: #fff;
        font-weight: 600;
}
.favorite_i {
    width: 44px;
    height: 44px;
    position: absolute;
    display: flex;
    top: 0px;
    right: 5px;
    background: #fff;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.ajdgskf {
    display: block;
    padding: 5px 0;
}
.stls .cllprice {
    font-size: 30px;
}

.cllprice {
    text-align: left;
    font-family: inherit;
    margin-right: 15px;
    font-size: 20px;
    color: #fff;
    display: inline-block;
    font-weight: 500;
}

.stls .delprice {
    font-size: 25px;
    margin-right: 10px;
}
.delprice {
    text-align: left;
    font-family: inherit;
    font-size: 18px;
    border-radius: 4px;
    display: inline-block;
    margin: auto;
    font-weight: 400;
    color: #ffffff82;
    text-decoration: line-through;
}
.rglr {
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    background: #EE0000;
    display: inline;
    text-transform: uppercase;
    height: 28px;
    line-height: 28px;
    border-radius: 2px;
    padding: 0 10px;
}
.main-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -10px;
}
.grid-item {
    max-width: 50%;
    flex-basis: 50%;
    padding: 0px 0 30px;
}

.product-info-wrap {
    max-width: 50%;
    flex-basis: 50%;
    padding: 0px 0 0px 30px;
}
.product-info-box {
    /*border: 1px solid #35168447;*/
    border-radius: 20px;
    padding: 0 0 0 30px;
    position: relative;
}

.product-info-box .multi_price span em { width: 36px;  height: 36px; line-height: 36px; font-size:18px; }
.product-info-box .multi_price span{ font-size:21px; }
.pck {
    display: block;
    font-size: 16px;
    font-family: inherit;
    color: #000000;
    margin-bottom: 3px;
    font-weight: 500;
}
.buy-now-btn{ width:100%; max-width:400px; }
.buy-now-btn .btn{ 
    background: #351684;    
    margin-bottom: 10px;
    height: 50px;
    color: #fff;
    font-family: inherit;
    font-size: 20px;
    font-weight: 500;
 }
.buy-add-btn.w-100{ width:60%; }
 
.product-info-box .btn-control input{ width:100%; }
.brand {
    font-size: 16px;
    color: #555;
    font-family: inherit;
    padding-bottom: 15px;
    display: block;
    font-weight: 500;
}
.brand a {
    color: #351684;
}
.info-title {
    font-family: "Prosto One", sans-serif;
    font-size: 28px;
    color: #c81bfa;
    font-weight: 600;
    margin: 20px 0 10px;
    border-top: 1px dashed rgba(54, 0, 111, .3);
    padding-top: 15px;
}
.product-info-box p{ color:#fff }   
.quntity-btn{ margin:5px 0 15px; padding:0px; }
.quntity-btn span{ font-family:inherit; font-size:18px; color:#000; font-weight:500; }
.btn-control{  border: 1px solid #fff; border-radius: 2px; display:flex;     width: 170px;}
.btn-control button{ width: 50px;
    height: 50px; border:0px; display:inline-block; padding: 0px;
    font-size: 28px; cursor: pointer; font-family: inherit; font-weight: 500;
     } 
.btn-control input{ width:70px; height: 50px;  font-size: 20px; text-align:center; display:inline-block; border:0px; padding: 0px; font-family: inherit;
    font-weight: 500; line-height: 50px;}
.w-50{ width:50%; } .w-75{ width:75%; } .w-100{ width:100%; } .w-25{ width:25%; }
 
.buy-add-btn{ display: inline-block;
    height: 50px; 
    color: #351684;
    background: red;
    background: linear-gradient(to left, #35168400 50%, #351684 50%) right;
    background-size: 200%;
    transition: .5s ease-out;
    font-size: 20px;
    font-family: inherit;
    font-weight: 500;
    border: 2px solid #351684;
    border-radius: 6px; cursor: pointer; margin-bottom:10px; }

.buy-add-btn:hover{  background-position: left; color: #fff; border: 2px solid #351684;}

.div {
    display: inline-block;   
    text-align: center;
    color: white;
    background: red;
    background: linear-gradient(135deg, rgba(138, 43, 226, 1), rgba(255, 105, 180, 1) 100%);
    background-size: 200%;
    transition: .5s ease-out;
    font-size: 21px;
    font-family: inherit;
    font-weight: 300; padding: 15px 30px;
    border: 0px;
    border-radius: 6px; cursor: pointer;
}
.div:hover {
    background: linear-gradient(135deg, rgba(255, 105, 180, 1), rgba(138, 43, 226, 1) 100%);
}


   .product-gallery {
     max-width: 800px;
    width: 100%;
}
    .main-image {
      display: flex;
      flex-direction: column;
      align-items: center;
      border: 1px solid #35168447;
    border-radius: 10px;
    margin-bottom: 20px;
    }

    .thumbnail-images {
      display: flex;      
      gap: 10px;
      margin-top: 10px;
      flex-wrap: wrap;
    }

    .thumbnail-images img {
      width: 80px;
      height: 80px;
      object-fit: cover;
      cursor: pointer;
      border: 2px solid #d9bfb036;
    }

    .thumbnail-images img.active {
      border-color: #351684;
    }

   
.custom-modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background-color: rgba(0,0,0,0.6);
}

.custom-modal .modal-content {
  background: #fff;
  margin: 10% auto;
  padding: 20px;
  width: 80%;
  max-width: 500px;
  border-radius: 8px;
  position: relative;
}

.modal-title{  text-align: center; border-bottom: 1px solid #ddcbbf; padding-bottom: 10px; margin-bottom: 10px; }

.custom-modal .close {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 24px;
  cursor: pointer;
}



    /* Modal Zoom */
    .modal {
      display: none;
      position: fixed;
      z-index: 100;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: auto;
      background: rgba(0, 0, 0, 0.9);
    }

    .modal-content {
      margin: 5% auto;
      display: block;
      max-width: 700px;
    }

    .modal-close {
      position: absolute;
      top: 20px;
      right: 30px;
      color: white;
      font-size: 35px;
      font-weight: bold;
      cursor: pointer;
    }

     .modal-nav {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      color: white;
      font-size: 40px;
      font-weight: bold;
      cursor: pointer;
      padding: 20px;
    }

    .modal-nav i{ font-size: 30px;
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, rgba(138, 43, 226, 1), rgba(255, 105, 180, 1) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 28px; }
    .modal-close i{ 
    font-size: 30px;
    width: 50px;
    height: 50px;
    background: #fff; color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 28px; }

    .modal-prev {
      left: 10px;
    }

    .modal-next {
      right: 10px;
    }
    .pct_description p{ padding-bottom:15px; font-size:18px; font-weight:400 }
    .pct_description p b{ font-weight:700; font-size:20px; font-family:'Cash Sans', sans-serif, arial; }

    #dropdownBtn {
    padding: 10px 15px;
    cursor: pointer;
    width: 50%;
    text-align: left;
    font-family: inherit;
    font-size: 19px;
    position: relative;
    height: 50px;
    border: 1px solid #351684;
    border-radius: 4px;
    background: transparent; font-weight: 500; margin: 10px 0;
    color: #351684;
    }

    #dropdownBtn span{ position:absolute; right: 6px; top: 12px;  color: #351684;}

    .dropdown_s .dropdown {
      position: relative;
      display: inline-block; width: 100%;
    }

    .dropdown_s .dropdown-content {
      display: none;
      position: absolute;
      left: 0; /* 👈 align to left */
      background-color: white;
      min-width: 160px;
      border: 1px solid #351684;
      z-index: 1;
    }

    .dropdown_s .dropdown-content a {
      padding: 10px;
      display: block;
      text-decoration: none;
      color: black; font-family: inherit; font-size: 19px; font-weight: 500;
    }

    .dropdown_s .dropdown-content a:hover {
      background-color: #f0f0f0;
    }

    .dropdown_s .dropdown.show .dropdown-content {
      display: block;
    }

    .dropdown-content.arrow-top:after {
  content: " ";
  position: absolute;
  left: 30px;
    top: -9px;
    border-top: none;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 8px solid #351684;
}
.ksy_points{ padding:10px 0 0; }
.ksy_points h2{ font-family:inherit; font-size:21px; color:#351684; font-weight: 700; padding-bottom:15px; text-decoration:underline; }
.ksy_points em{ font-family:inherit; font-weight:700; font-size:19px; font-style:normal; }
.ksy_points div{ font-family:inherit; font-size:17px; font-weight:500; color: #351684;}

.prt-sec { padding: 0px; height: 100%; position: relative; padding-bottom: 55px;}
.img-thum {
    text-align: center;
    border-radius: 15px;
    overflow: hidden;
    /*border: 1px solid rgb(0 0 0 / 6%);
    background: #fff;*/
    padding-top: 100%;
    display: block;
    width: 100%;
}

.img-thum img {
    width: 100% !important;
    margin: 0 auto;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    object-fit: contain;
    /*padding: 20px;*/
}
.thumb-description {
    padding: 10px 0px 5px;
}
.slick-slide {
    height: auto !important;
}
.title-section { display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}
.title {
    font-family: inherit !important;
    font-size: 40px;
    color: #351684;
    font-weight: 700;
}
.p-code {
    font-family: inherit;
    font-size: 13px;
    text-transform: uppercase;
    color: #351684;
    padding-bottom: 4px;
    display: block;
    font-weight: 500;
}
.slick-dots{ display:none !important; }

.see-more{ font-family: inherit;
  font-size: 19px;
  color: #fff; 
  display: inline-block;
  padding: 5px 10px;
  border-radius: 4px;
  font-weight: 400; text-align: right;}

.c-see-more{ font-family: inherit; background: #351684; 
  font-size: 19px;
  color: #fff; 
  display: inline-block;
  padding: 10px 20px;
  border-radius: 4px;
  font-weight: 500; cursor: pointer; border: 0px;}  

.c-see-more:hover{ background:#f0282a }  
.see-more i, .c-see-more i{ font-size: 17px;
    transition: 0.1s ease-in;
    position: relative;
    top: -3px;
    background: linear-gradient(135deg, rgba(138, 43, 226, 1), rgba(255, 105, 180, 1) 100%);
    border-radius: 100%;
    padding: 5px;
    margin-left: 7px;}

.product__titles{
    font-size: 22px !important;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 10px;
    font-family: inherit;
        min-height: 46px;
    height: 46px;
    color: #fff;
    letter-spacing:0.5px;
        overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.my-slider .slick-next {
    right: -65px; 
}

.my-slider .slick-prev { left:-60px !important; }

.add_cart {
    position: absolute;
    padding: 0px;
    margin: 10px 0 0;
    width: 100%;
    bottom: 0px;
}
.border-skin-primary {
    color: #fff;
    padding: 15px 0;
    width: 100%;    
    cursor: pointer;
    font-family: inherit;
    font-size: 18px;
    border: 0px;
    font-weight: 600;
    background: linear-gradient(135deg, rgba(138, 43, 226, 1), rgba(255, 105, 180, 1) 100%);
    border-radius: 10px;
}
.border-skin-primary:hover{ background:linear-gradient(135deg, rgba(255, 105, 180, 1), rgba(138, 43, 226, 1) 100%) }
.text-white .product__title, .text-white .cllprice { color:#fff; }

/* floating input */
.floating-label {
  position: relative;
  margin: 15px 0;
  font-family: inherit;
}

.floating-label input, .floating-label textarea {
  width: 100%;
    padding: 14px 12px 14px 12px;
    font-size: 16px;
    border: 1px solid #2d0473;
    border-radius: 4px;
    font-weight: 500;
    outline: none;
    background: #1e0d3b;
    font-family: inherit;
    color: #fff;
}

.floating-label input[type="checkbox"], .floating-label input[type="radio"] {
    width: 20px !important;
    height: 20px !important;
    margin-right: 5px;
} 

.font_st{ position:initial !important; text-transform:none !important; font-size:17px !important; }

.floating-label label {
      position: absolute;
    left: 12px;
    top: 14px;
    color: #ffffff;
    padding: 0 4px;
    pointer-events: none;
    transition: 0.2s ease all;
    font-family: inherit;
    font-size: 17px;
    font-weight: 400;
}
.jfhslkf{ width:100% !important; border-radius:20px; }
/* When input is focused OR not empty, float the label */
.floating-label input:focus + label, .floating-label textarea:focus + label,
.floating-label input:not(:placeholder-shown) + label, .floating-label textarea:not(:placeholder-shown) + label {
     top: -10px;
    font-size: 13px;
    color: #ffffffd1;
    font-weight: 300;
    z-index: 10;
    padding: 0px;
    text-transform: uppercase;
}




.underline{ position:relative; }
.underline:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100px;
    height: 2px;
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(138, 43, 226, 1) 7%, rgba(255, 105, 180, 1) 94%);
}

.ucenter.underline:before{ transform: translate(-50%, 0px); left:50% !important }

.login_wrap{ width:100%; max-width:500px; margin:0 auto; display:block; }
.fgot{ font-family:inherit;  font-size: 17px; color: #fff; text-align: right; font-weight: 300; }
.fgot:hover{ text-decoration:underline; }
.ltext_big{ font-size: 45px; font-family: "Prosto One", sans-serif;  text-align: center;  font-weight: 500; color: #fff;
    letter-spacing: 2px;  margin-bottom: 15px; padding-bottom: 10px;}
 .login_wrap p{ font-size: 18px; color: #fff; font-family: inherit; text-align: center; font-weight:300; padding-top: 10px;}  
 .create_page{ font-family:inherit; font-size:18px; color:#fff; text-align:center; display:block; font-weight:300; } 
 .create_page a{ color:#c81bfa;} .create_page a:hover{ text-decoration:underline; }
/* end */
.e-con-inner{ padding-bottom:50px; position:relative; z-index:1 }
.bg_colr{ position:relative; }
.bg_colr:after{ content:""; position:absolute; width:100%; top:0px; bottom:0px; background-color:#FFF1E1; opacity:0.6; display:block; }
.elementor-element{ display:flex; flex-wrap:wrap; }
.section_first{ max-width:70%; flex-basis:70%; padding:50px 20px 20px; } .section_last{ max-width:30%; flex-basis:30%; padding:0px 20px 20px; }
.curve_jks{ background:#ff4c21;  border-radius: 0 0 250px 250px; padding: 50px 20px 20px; }
.about_title{ font-family:inherit; font-size:30px; color:#351684; font-weight:600; padding-bottom:15px; margin:0px; }
.para_text{ font-family:inherit; font-size:18px; color:#2b0f01; font-weight:500; padding-bottom:15px; margin:0px; }
.boxs_about{ padding:50px; background:#2b0f01; border-radius: 20px; margin-top: 50px;}
.boxs_about h2{ font-family: inherit; font-size:24px;  color: #ff4c21; font-weight: 400;}
.boxs_about h3{ font-family: inherit; font-size:24px;  color: #ff4c21; font-weight: 400;}
.boxs_about p{ font-family:inherit; font-size:18px; color:#fff; font-weight:500; padding-bottom:15px; margin:0px; }
.para_txt{ font-size: 19px;  color: #36200c;  font-family: inherit;  text-align: center;  font-weight: 500 }
.zoom_bg{ position:relative; z-index:1 }
.pdt_thumb{ float:left; width:100px; padding: 5px; margin-right:15px; font-family:inherit; font-size:17px; font-weight:500; color: #fff;}
.cart_wrapper{ margin-top:50px; display: inline-block; width: 100%;}
.cart_all{ overflow:hidden; padding:0px; display:flex; flex-wrap:wrap; }
.cart_all .clwidth{ max-width:30%; flex-basis: 30%; text-align:right; padding: 5px; font-family:inherit; font-size:17px;  font-weight:500; color: #fff;}
.cart_all .clwidth:first-child{ max-width:40%; flex-basis: 40% }
.main_wrap{ overflow:hidden; padding:0px; width:100%; }
.brb{ border-bottom: 1px solid #492b0e63; padding-bottom: 5px; }
.pdt_thumb span{  padding: 5px; width: 70px;  height: 70px; border: 1px solid #492b0e36; display: block; margin: 5px 0 0 -5px; border-radius: 2px; }
.pdt_thumb span img{ width:100%; }
.clwidth .btn-control{ width: 130px; float: right;} .clwidth .btn-control button{ width: 40px; height: 40px; } .clwidth .btn-control input{ width: 60px; height: 40px; line-height:40px; }
.cart_row{ align-items: center; display: flex; border-bottom: 1px solid #22094d;  padding-bottom: 5px;}
.prd_name_cart{ text-align: left; float: left; padding-right: 30px; width: calc(100% - 100px); }
.prd_name_cart a{ color:#492b0e; text-transform:none; }
.bottom_wrap{ display:flex; justify-content:end; flex-wrap: wrap; }
.s_totals{ margin: 15px 0 15px 0; max-width: 100%; flex-basis: 100%; text-align: end; color: #fff;  font-size: 20px; font-family: inherit; font-weight: 500; }
.empty_cart { padding: 20px 0; text-align: center;} .empty_cart img { height: 150px;}
.close_c{ vertical-align:middle; margin-left:10px; cursor:pointer; }
.empty_cart p {
    font-size: 24px;
    color: #fff;
    font-weight: 400;
}
.empty_cart span {
    font-size: 16px;
    color: #fff;
    display: block;
    padding-bottom: 15px;
}
.paratext{
    font-size: 21px;
    font-family: inherit;
    font-weight: 500;
    color: #b083ff; text-align: center; padding-bottom: 15px;
}
.fluid-wrap { flex-wrap: wrap; display: flex; margin: 0px -10px; padding: 0px;}
.column_30 { flex-basis: 25%; max-width: 25%; padding: 0px;}
.column_70 { flex-basis: 75%; max-width: 75%; padding: 0px; }
.cart-body { padding: 0 15px; display: flex; flex-direction: column; 
    /*height: 100%;*/
}
.all_leftbar{ background:#351684; margin:20px 0; border-radius:10px; }
.AccountPageSidebar_sidebar { padding: 20px 0; margin: 0px;}
.AccountMenu_links__G59FF li a i, .lgout i{ margin-right:8px; vertical-align: text-top; }
.AccountPageSidebar_title_block__hjWgP{ margin: 0px 8px 20px 8px; }
.user_drop .AccountPageSidebar_title_block__hjWgP h1{ color:#000; font-size:20px; }
.AccountPageSidebar_title_block__hjWgP h1{ font-family:inherit; font-size:24px; font-weight:600; color: #fff;}
.user_drop .AccountPageSidebar_title_block__hjWgP span{ color:#000; }
.AccountPageSidebar_title_block__hjWgP span{ font-size:16px; color:#fff; }
.AccountMenu_links__G59FF { padding:0px; margin:0px; list-style:none; }
.AccountMenu_links__G59FF li{  width: 100%; list-style-type: none; font-family:inherit; font-size:16px; }
.AccountMenu_links__G59FF li a{ font-family:inherit; font-size:17px; color:#fff; font-weight:500; margin:0rem 0 0.5rem; display:block; padding: 8px 5px; border-radius: 4px;}
.AccountMenu_links__G59FF li a:hover, .AccountMenu_links__G59FF li a.active{ background:#fff3ec; color:#351684 }
.AccountMenu_links__G59FF li a:hover, .lgout:hover{ color:#351684; }
.lgout{ font-size:16px; color:#fff; font-weight:500;  padding: 5px;  margin-top: .5rem; cursor: pointer;}
.lgout a{ padding:0px; margin:0px; }
.form_profile{ width: 100%;  display: block; padding:0px; }
.form_profile .f-row { display: flex; margin: 0px -10px 15px; flex-wrap: wrap;}
.form_profile .f-2column { flex-basis: 50%; max-width: 50%; padding: 0 10px;}
.form_profile .f-1column { flex-basis: 100%; max-width: 100%; padding: 0 10px;}
.form_profile .floating-label{ margin:0px; }
.page_wrapped_s{ padding:30px; } .page_wrapped_s .page_title{ padding:0px 0 15px 0; }
.sddress_box
{ 
    padding:20px;
    border: 2px solid #351684;
    border-radius: 6px;
    margin-bottom: 10px;
    display: flex;
    cursor: pointer; justify-content: space-between;
}  
.sddress_box.select {
    border: 2px solid #cf1bfa;
}
   .radio-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 100%;
  }

  .radio-option {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.3s;
    font-weight: 500;
    color: #fff;
  }

  .radio-option:hover {
    background: #9c27b03d;
  }

  .radio-option input[type="radio"] {
    margin-right: 10px;
    transform: scale(1.2);
    width: 16px; height: 16px;
        margin-top: 3px;
  }

  .age-label {
    font-weight: 500;
    color: #fff;
  }

.adres_colmn{ padding-right:10px; } 
.adres_colmn span{ font-family: "Prosto One", sans-serif; font-size: 20px; text-transform: uppercase; color: #fff; font-weight: 600; padding-bottom: 5px; letter-spacing: 1.5px; display: block;} 
.adres_colmn p{ font-family: inherit;  font-size: 17px;  color: #fff; font-weight: 500; margin-bottom: 5px;}    
.sedit{  font-family: inherit; font-size: 14px; background: #8b60f9; color: #fff; display: flex; padding: 0px 10px; align-items: center;
    border-radius: 4px; height: 30px; line-height: 30px; text-transform: uppercase; font-weight: 500; }
.sedit i{ font-size: 18px; vertical-align: sub; margin-right: 5px; }  
.NEWADD {
    position: relative;
    background: #10012a;
    border-radius: 6px;
    padding: 20px 20px 0 20px;
    border: 1px solid #351684;
    margin-bottom: 20px;
}
.cancel{ background: #f0282a !important; 
    /*border: 2px solid #f0282a;*/
}
.points_bullet{ padding:0px; margin:0px; }
.points_bullet li{ font-family:inherit; font-size:18px; color:#fff; padding:5px 0; margin-left: 25px; list-style:disc; }
.hkslf{ color: #fff; font-size: 22px; font-weight:500; }
.toggle-password{  position: absolute; right: 0px; top: 1px; cursor: pointer; padding: 12px; color:#fff; }
.profileeditbox{ margin:25px 0; display:block; padding: 0px;}
.orderblock {
    display: inline-block;
    width: 100%;
    padding: 15px;
        background: #9c27b01a;
    margin-bottom: 10px;
    border: 2px solid #FFFFFF14;
    border-radius: 10px;
}
.redeem-btn{ background: #3bff4a;
    color: #21005b;
    font-family: "Phudu", serif;
    width: 100%;
    font-weight: 500;
    font-size: 19px;
    border-radius: 6px;
    margin: 5px 0 0;
    cursor: pointer;
    border: 0px;
    height: 44px;
    line-height: 44px;
    display: inline-block;
    padding: 0px 30px; }
.orderblock:last-child{ border-bottom:0px; margin-bottom:0px; }
.myorderswrap {
    width: 100%;
    display: inline-block;
    margin-bottom: 0px;
}
.odminwarp {
    width: 100%;
    display: inline-block;
}
.myorderpnametag {
    margin-bottom: 10px;
    width: -webkit-calc(100% - 400px);
    width: calc(100% - 400px);
    float: left;
}
.myorderproductname {
    font-size: 17px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #fff;
    font-family: inherit;
    line-height: 22px;
    margin-bottom: 4px;
    font-weight: 500;
}
.myorder-info .amounttext {
    display: block;
    margin-bottom: 10px;
}
.amounttext {
    font-family: inherit;
    font-size: 20px;
    font-family: inherit;
    font-weight: 500;
    color: #c81bfa;
}
.orderstatus {
    text-align: right;
    float: right;
}
.stat1 {
    display: block;
    font-size: 17px;
    color: #fff;
    font-family: inherit;
    font-weight: 500;
    margin-bottom: 0px;
}
.deliverdnt {
    display: block;
    font-size: 15px;
    color: #dcbbff;
    font-family: inherit;
    font-weight: 500;
    margin-bottom: 0px;
}

.status-text {
    font-size: 17px;
    font-family: inherit;
    font-weight: 500;
    color: #c81bfa;
}
.endbtn1 {

    min-width: 100px;
    padding: 14px 25px;
    font-size: 18px;
    color: #fff;
    font-family: inherit;
    font-weight: 600;
    border: none;
    outline: none;
    background: linear-gradient(135deg, rgba(138, 43, 226, 1), rgba(255, 105, 180, 1) 100%);
    -webkit-border-radius: 40px;
    border-radius: 40px;
    cursor: pointer;
    display: inline-block;
    margin: 5px 0 0 0;
    
}
.endbtn1:hover{ background:linear-gradient(135deg, rgba(255, 105, 180, 1), rgba(138, 43, 226, 1) 100%) }
.disabled {
    background: #351684 !important;
    color: #fff !important;
    cursor: default;
}
.order_header{ display:flex; justify-content:space-between; margin-bottom:15px; flex-wrap:wrap; position:relative; }
.order_colmn{ flex-basis:100%; max-width:100%;   }
.f-fcolumn{ float:left; padding-left:5px; }
.fsjfs{ margin:20px 0px 0px 0px; }
.f-right{ float:right !important; }
.order_header .user_drop{ top:56px; }

.lty_wrap{ padding:10px; border-radius:15px; width:100%; }
.lty_wraps{ padding:10px 0px; border-radius:15px; width:100%; border:1px solid #ddd; }
.lyrt_box{ display:flex; flex-wrap:wrap; padding:0px; margin:0px -5px; }
.lty_colmn{ max-width:50%; flex-basis:50%; padding:5px; justify-content:center; align-items:center;  }
.lty_1colmn{ max-width:100%; flex-basis:100%; padding:5px; justify-content:center; align-items:center;  }
.sec_lty{ background:#fff; text-align:center; border-radius:10px; padding:10px; }
.sec_lty h3{ font-family:inherit; font-size:34px; color:#000;  }
.sec_lty span{ font-family:inherit; font-size:18px; color:#000; font-weight: 500; }

.form-control select, .form-control input {
    font-family: inherit;
    font-size: 17px;
    color: #000;
    width: 100%;
    padding: 0 20px;
    height: 50px;
    border: 1px solid #adadad8c;
    box-shadow: none;
    border-radius: 4px;
    position: relative !important;
    opacity: 1 !important;
    z-index: 10 !important;
        font-weight: 500;
}
.form-control label{ font-family:inherit; font-size:17px; font-weight:500; }
.form-control select option { color: #000; font-size: 16px; padding: 0 5px;}
.calendar-icon { position: absolute;
  right: 10px;
  top: 45%;
  transform: translateY(-50%);
  cursor: pointer;
  color: white;
  z-index: 2;
  background: #1e0d3b;
  padding: 5px;}
.date-wrapper {  position: relative; width: 100%; margin-bottom: 15px;}
.date-wrapper:after {
    content: "";
    position: absolute;
    top: 1px;
    background: transparent;
    right: 1px;
    width: 38px;
    height: 48px;
    z-index: 1;
    border-radius: 0px 4px 4px 0;
}
.date-wrapper input{ position:unset !important; background: #1e0d3b;  color: #fff;}
.far_to{ float: left;  color: #fff;  font-family: inherit; font-size: 18px;  padding: 0 5px; line-height: 50px; }
.clear_btn{ margin-left:5px; height:50px !important; }

/* view_order */
._fsjf {
    font-family: "Prosto One", sans-serif;
    font-size: 30px;
    color: #fff;
    padding: 0px 0 5px 0;
    font-weight: 400;
} 
._pfile_side_right_box{ display: flex; flex-wrap: wrap; margin: 25px 0; padding: 10px; border: 2px solid #FFFFFF14; border-radius: 6px; background: #9c27b01a;}
._2sgsf{ max-width:30%; flex-basis:30%; padding: 0 20px 0 10px; }
._2sgsf span{ display:block; font-family:inherit; font-size:22px; font-weight:600; padding-bottom: 5px; color: #fff;}
._2sgsf p{ font-family:inherit; font-size:17px; color:#fff; margin-bottom: 5px;}
._3sgsf {
    max-width: 70%;
    flex-basis: 70%;
    border-left: 2px solid #ffffff1f;
    padding: 0 20px 0 0;
}
.mb-2 {
    margin-bottom: 30px !important;
}
.detailswrap{ padding:20px; }
.table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch;}
table { width:100%; nowhitespace:afterproperty; border-collapse:collapse; border-spacing:0;}
table tr td{ font-size: 16px; padding: 10px; font-weight: 500; color:#fff; }
table tr th{ text-align: left;  font-size: 16px; font-weight: 500; color:#fff;}
hr{ margin: 20px 0; width: 100%; display: block; overflow: hidden; border: 0.5px solid #d0d0d0; }
table tr td a{ text-decoration: underline; }
table tr td strong{ font-weight:500; color:#fff }
.dinvoice_btn{ text-align:center; padding:20px 0; }
.dinvoice_btn i{ vertical-align:text-top; margin-right:10px; }
.clstimeline {
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    transition: 0.3s;
}

.clstimeline:hover {
    color: #000 !important;
    font-weight: 800!important;
}

.timetxttitle span {
    vertical-align: middle;
    margin-left: 5px;
    color: #fff;
}
.timetxttitle {
    display: block;
    font-family: inherit;
    font-weight: 500;
    color: #fff;
    font-size: 22px;
    margin-bottom: 5px;
    border-bottom: 1px dashed #ffffff36;
    padding: 10px;
    position: relative;
    width: 100%;
}

.timeline-warp {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    padding: 20px 0px;
    width: 100%;
    overflow: hidden;
}

.timeline {
    display: flex;
    display: -webkit-flex;
    position: relative;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    flex-basis: 25%;
    -webkit-flex-basis: 25%;
    max-width: 25%;
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
}

.timeline-content {
    font-size: 15px; text-align: center;
    font-family: inherit;
    font-weight: 500;
    color: #fff;
    margin-bottom: 8px;
    height: 40px;
    overflow: hidden;
}

.timeline-warp .active .timeline-content {
    color: #fff;
}

.timelinecircle {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
    background: #e0e0e0;
    position: relative;
/*    z-index: 9;*/
}

.t-dnt {
    font-size: 15px;
    font-family: inherit;
    font-weight: 500;
    color: #fff;
    display: block;
    margin-top: 10px;
    height: 40px;
    overflow: hidden;
}

.t-dntbold {
    font-weight: 500;
    color: #000;
}

.timeline-warp .active .t-dntbold {
    color: #fff;
}

.timeline::after {
    content: "";
    width: 100%;
    height: 3px;
    background: #e0e0e0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    transform: translatey(-50%);
    display: block;
}

.timeline:last-child::after {
    display: none !important;
}

.timeline-warp .active::after {
    background: #673ab7 !important;
}

.timeline-warp .active .timelinecircle {
    background: #673ab7 !important;
}

/* checkout */
.kshfk{ padding: 25px !important; box-shadow: inset -2px -3px 0px 5px #e91e63; border-radius: 20px !important; }
.dlivry_type{ padding: 15px 20px; background: #9c27b01a; margin-bottom: 20px; border-radius: 6px; border: 2px solid #FFFFFF14;}
.text-tits-big{ font-size: 25px; padding: 0px; font-weight: 400; margin:0px 0 25px; font-family: "Prosto One", sans-serif; letter-spacing: .5px; color: #c81bfa;}
.cart_count{ padding: 15px 0; }
.art_row{ display:flex; justify-content:space-between; padding-bottom:15px; }
.txt_JFH{ font-family:inherit; font-size:18px; color:#fff;  font-weight: 500;}
.txtt_JFH{ font-family:inherit; font-size:22px; color:#fff;  font-weight: 600;}
.time_dly{ color:#fcff09; font-size: 21px; font-weight: 600; padding-top: 5px; }
 .accordion--radio {--theme: #ff5252;}
 .tab {
  position: relative;
}

.scrollbar
{
    margin-left: 30px;
    float: left;
    height: 300px;
    width: 65px;
    background: #9532de;
    overflow-y: scroll;
    margin-bottom: 25px;
}
#style-3::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #9532de;
}

#style-3::-webkit-scrollbar
{
    width: 6px;
    background-color: #9532de;
}

#style-3::-webkit-scrollbar-thumb
{
    background-color: #f5f5f5;
}


.tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
  
}
.form-controls{ padding:20px; }
.tab__content { 
  overflow: hidden;
  transition: all 0.35s;
  border: 1px solid #351684;
}
.tab input:checked ~ .tab__content {
  max-height: 30rem; background: #1e0735;
    border-radius: 0 0 4px 4px;
    border-left: 1px solid #351684;
    border-right: 1px solid #351684;
    border-bottom: 1px solid #351684;
}
.dd{ width:100px !important; } .yyy{ width:180px !important; }
.FSFH .floating-label{display: inline-block; margin: 0px;}
.ProductTileLine_wrapper{  display:flex; align-items:center; justify-content:space-between; }
.icns i {
    font-size: 32px;
    margin-right: 8px;
    vertical-align: bottom;
}
.price_tx {
    font-family: inherit;
    font-size: 19px;
    color: #fff;
    font-weight: 600;
}
.cart-item {
    padding: 0;
    overflow: auto;
    height: 100%;
    width: 100%;
}
.text-tits {
    font-size: 18px;
    padding: 10px 0 10px;
    font-weight: 600;
    margin: 0px;
}
.check_page {
    max-height: 50vh;
}
.qntities {
    text-align: center;
    padding: 0 0 0 30px;
}
.Product_wrapper__UKuyu {
    display: flex;
    flex-direction: column;   
    border-bottom: 1px solid #dddddd21;
    padding: 8px 10px 8px 0px;  
    margin-bottom: 2px;
}
.ProductTileLine_image{  height: 70px; margin-right: 0.8rem; flex-shrink: 0;}
.ProductTileLine_image img {
    object-fit: contain; width: 70px; height: 70px;
}
.ProductTileLine_basic_info {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    padding-right: .875rem;
    width: calc(100% - 0px);
}
.ProductTileLine_basic_info p{ font-size:19px; font-weight:500; color: #fff}
.ProductTileLine_basic_info span{ color: #e58aff; font-size: 15px; font-weight: 500; }

.djghkldg{ color:#643b14 }
.mbtext{ color:#32ab58; font-family:inherit; font-size:16px; font-weight: 400; padding-bottom: 5px;
    display: block;}

    .mbtext1{ color:#32ab58; font-family:inherit; font-size:16px; font-weight: 400; padding-bottom: 5px;
    display: block;}
.multi_price span{ display:inline-block; margin-right: 8px; margin-bottom:4px; font-family:inherit; font-size:16px; color:#ee1212; font-weight: 500;}
.multi_price span em{  width: 26px;
    height: 26px;
    background: #ee1212;
    border-radius: 50%;
    font-family: inherit;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    line-height: 26px;
    color: #fff;
    font-style: normal;
    font-weight: 500; margin-right:5px; }

/* Visual styles */
.accordion {
 
  overflow: hidden;
}
.tab__label,
.tab__close {
  display: flex;
    color: #fff;   
    cursor: pointer;
}
.tab__label {
  justify-content: space-between;
  padding: 1rem;
  font-size: 17px;
  font-family: inherit;
  font-weight: 300;
  background: #351684;
  flex-wrap: wrap;
}

.tab__label span{  }

.jhdgh{ font-size: 16px !important; margin: -15px 0 15px !important; color: #fff;
    font-weight: 500;}

.tab__label::after {
  content: "\276F";
  width: 1em;
  height: 1em;
  text-align: center;
  transform: rotate(90deg);
  transition: all 0.35s;
}

.tab input:checked + .tab__label::after {
  transform: rotate(270deg);
}
.tab input:checked + .tab__label {background:#351684;  }

.tab__content p {
  margin: 0;
  padding: 1rem; font-size: 16px;
}
.tab__close {
  justify-content: flex-end;
  padding: 0.5rem 1rem;
  font-size: 0.75rem;
}
.accordion--radio {
  --theme: #ff5252;
}

/* Arrow animation */
/*.tab input:not(:checked) + .tab__label:hover::after {
  animation: bounce .5s infinite;
}
@keyframes bounce {
  25% {
    transform: rotate(90deg) translate(.25rem);
  }
  75% {
    transform: rotate(90deg) translate(-.25rem);
  }
}*/

.column2 {
    flex-basis: 50%;
    max-width: 50%;
    padding: 10px;
}
.tab__content .form-controls input, .tab__content .form-controls textarea, .tab__content .form-control select {
    z-index: 10 !important;
    opacity: 1; position: relative;
}

/* end */
.accordion {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.accordion__item {
    border: 1px solid #e5f3fa;
    border-radius: 10px;
    overflow: hidden;
}

.accordion__header {
padding: 12px 25px;
    font-weight: 600;
    cursor: pointer;
    position: relative;
}

.accordion__header::after {
    content: '';
    background: url(../img/angle-down.svg) no-repeat center;
    width: 20px;
    height: 20px;
    transition: .4s;
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1;
}

.tab__content input[type="checkbox"], .tab__content input[type="radio"] {
    vertical-align: text-top;
    padding: 0;
    margin: 1px 0 0;
    border: 0;
    width: 20px !important;
    height: 20px !important;
    margin-right: 5px;
}

.accordion__header.active {
    background: #e5f3fa;
}

.accordion__header.active::after {
    transform: rotateX(180deg);
}

 .accordion__content {
    padding: 0px;
    max-height: 0;
    transition: .5s;
    overflow: hidden;
}
.indicate, .asas {
    color: #ff2124 !important;
    font-family: inherit;
    font-size: 17px;
}

.free_products{ display:flex; flex-wrap:wrap; margin:0px; padding:0px; }
.products_freecolumn{ max-width:100%; flex-basis:100%; padding-bottom:10px; }
.free_thumb{ width:100px; height:100px; margin-right:15px; float: left;} .free_thumb img{ width:100%; }
.free_info{ padding:0px; overflow: hidden;} .free_info h2{ font-family:inherit; font-size:21px; color:#000; font-weight:400; margin: 0px;
    text-align: left;}
.free_head{ margin:0px 0 30px 0 !important; }    
.free_sec{ border: 2px solid #fff; border-image-slice: 1; border-width: 3px; display: inline-block; width: 100%; padding: 10px; }
.free_sec:hover, .free_sec.active{ border-image-source: linear-gradient(to left, #743ad5, #d53a9d); }
.paynow {
    height: 52px;
    line-height: 52px;
    font-family: inherit;
    font-size: 21px;
    cursor: pointer;
    color: #fff;
    font-weight: 400;
    background: linear-gradient(135deg, rgba(138, 43, 226, 1), rgba(255, 105, 180, 1) 100%);
    border: 0px;
    padding: 0 30px;
    border-radius: 4px;
    margin: 20px 0;
}
.paynow:hover{ background:linear-gradient(135deg, rgba(255, 105, 180, 1), rgba(138, 43, 226, 1) 100%) }
.pays {
    margin: 15px auto;
    display: flex;
}

.mwcenter_div{ max-width: 48rem; margin: 0 auto;}
article h3{ font-family:inherit; font-size:28px; color:#c81bfa; font-weight:400; margin-top: 15px;}
article p{ font-family:inherit; font-size:19px; color:#fff; margin-top:1.25rem; font-weight: 200;}
article ul{ list-style:disc; padding-left: 1.25rem; margin-top: 10px;}
article ul li{ list-style: disc; color: #fff; font-size: 19px; margin-left: 10px; padding: 8px;  font-weight: 300; }
article{ padding:30px 0; }
article h1{color: #351684; text-align: center; font-family: "Prosto One", sans-serif; font-size: 44px;     background-color: transparent;
    background-image: linear-gradient(140deg, #1c39ff 0%, #fca4e1 100%); padding-bottom: 20px;
    background-clip: text !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;}
.slick-prev, .slick-next{ width:56px !important; height:56px !important }
article p strong{ font-size:23px; font-weight:300; }

/* checkout end */

/* Hamburger */
    .hamburger{width:44px;height:44px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(255,255,255,0.06);cursor:pointer}
    .hamburger .bars{width:20px;height:2px;background:#e6eef6;position:relative}
    .hamburger .bars::before,.hamburger .bars::after{content:"";position:absolute;left:0;width:100%;height:2px;background:inherit;}
    .hamburger .bars::before{top:-6px}
    .hamburger .bars::after{top:6px}
    .hamburger[aria-expanded="true"] .bars{background:transparent}
    .hamburger[aria-expanded="true"] .bars::before{transform:translateY(6px) rotate(45deg)}
    .hamburger[aria-expanded="true"] .bars::after{transform:translateY(-6px) rotate(-45deg)}

    /* Overlay and panel */
    .menu-overlay{position:fixed; z-index: 1000; inset:0;background:rgba(2,6,23,0.6);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .28s ease, visibility .28s}
    .menu-panel{position:fixed;top:0; z-index: 1001;left:0;height:100vh;width:320px;max-width:86%;
        background: url(../img/bg_page.jpg) no-repeat;
        box-shadow:8px 0 30px rgba(2,6,23,0.6);transform:translateX(-110%);transition:transform .36s cubic-bezier(.2,.9,.2,1);overflow-y:auto;padding:20px 16px 32px;}

    .menu-open .menu-overlay{opacity:1;visibility:visible}
    .menu-open .menu-panel{transform:translateX(0)}

    /* Panel header */
    .panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
    .panel-title{font-weight:700}
    .close-btn{    background: transparent;
    border: 0;
    padding: 0 8px;
    cursor: pointer;
    font-size: 28px;
    color: #fff;
    text-align: right;
    display: block;
    width: 100%;}

    /* Nav */
    nav, .footer-note{ transform: translate(-100%); transform: translate3d(-100%, 0, 0); transition: transform .4s ease;
    transform-origin: top left; width: initial; left: 0px; right: 0; position: relative;}
    .menu-open nav, .menu-open .footer-note {
    transform: translate(0);
    transform: translateZ(0);
}  
    nav ul{list-style:none;padding:0;margin:0}
    nav li{border-radius:8px}
    nav a{display:flex;align-items:center;justify-content:space-between;padding:12px 8px;color:inherit;text-decoration:none;font-weight:400; color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;}
    nav a:hover{background:rgba(255,255,255,0.03)}
    .muted{font-weight:500;color:var(--muted);font-size:14px}
    .spacer{height:18px}
    .footer-note{font-size:21px;color:#fff; padding:12px 8px; font-weight: 300; position: absolute; bottom: 10px;}
    .footer-note a{ display:inline-block; margin:0 6px; }
    .footer-note a img{ width:28px; height:28px; }
    .footer-note div{ display:inline-block; width:100%; margin-top:15px; }
 /* end */

/* Accordion */
.wrap_contents{ width:100%; max-width:900px; margin:0 auto; padding:0px; display:block; }
.faq-accordion {  margin: 50px auto; }
.faq-question span{ font-size:30px; }
  .faq-item {  margin-bottom:20px; }
  .faq-question {
    width: 100%;
    padding: 15px;
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background 0.3s;
    font-weight: 400; border-radius: 4px; color: #fff;
  }
  .faq-question:hover { background: #1b1b1b; }
  .faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    padding: 0 15px;
  }
  .faq-answer p { margin: 10px 0 20px; color:#fff; padding: 0px; font-size: 20px; }
/* end */ 

.fp_contact .floating-label {
 margin: 20px 0;
}   

@media only screen and (max-width: 960px) { .center_content, .black_bg .page_title, .title_page_center, .page_title{ font-size:35px; } .jhfk_pb{ padding: 30px 0 20px; }
  .column_3wrap, .column_2wrap { flex-basis: 100%; max-width: 100%; padding: 10px 0px;}  
  .column_4wrap{ flex-basis: 50%; max-width: 50%; padding:10px 0px;  }
  .journl_div{ flex-direction: column-reverse; } .jurnl_p, .sfjsf{  max-width: 100%; flex-basis: 100%; }
  .nav_menu ul{ display:none; } .burger{ display:block; margin: 15px 15px 15px 0;} .header_wrap{ padding: 10px 0px; } .container1{ max-width:100%; }
  /*.wrapper_row{ margin:0 -10px; } */
  .social_content{ padding:15px; } .page-slider .slick-next{ top: -10px; } .page-slider .slick-prev{ top: -10px; }
  .p-0{ padding:0 10px !important; } .jurnl_p{ padding:15px; } .jurnl_p h2{ font-size: 32px; } .p40{ padding: 25px 0; }
  .page_title{ padding: 0 0px 15px 0px; font-size: 30px; } .thumb_info{  padding: 10px 15px 20px 15px; } .transs_sgf{ -webkit-transform: translateY(-10px);
    transform: translateY(-10px) } .con_word{ padding: 20px 0; }

  /* slider */
    .image-bg{  object-fit: cover; object-position: top center; height:300px !important; width:auto; }
    .overlay-content{ position:relative !important; top:0px !important; transform:translate(-20%, -0%) !important } .overlay-content h2{ font-size:40px; line-height:normal; }
    .image-overlay-wrapper{ height: 500px !important;  display:flex !important; flex-direction: column-reverse; width: auto !important;}
    .sl2{ background:#f0d9e3 } .sl1{ background:#dcc4ac } .sl3{ background:#f4e7d7 } .slick-prev, .slick-next{ display:none !important; }

  /* slider end */ 
  .page_name{ padding: 50px 0 50px 0; }  .page_top h2{ font-size:32px; } .social_icon a img{ width:44px; } .site-header__logo{ width:120px; }
  .elementor-element{ flex-direction:column-reverse; } .section_last, .section_first{  max-width: 100%; flex-basis: 100%; } .section_first{ padding:20px 0px; }
  .boxs_about{ padding:30px; } .column_5wrap{ flex-basis: 50%; max-width: 50%; padding:10px 0; } 
  .flogo img { width: 180px;} .column_70, .column_30{   flex-basis: 100%; max-width: 100%; } .fluid-wrap{ padding: 10px 0; margin:0px; } .page_wrapped_s{ padding:0px; }
.sddress_box{ padding:15px; } .btnsss{ margin-bottom:20px; } .NEWADD{ padding:20px 15px 0px 15px; }
.f-fcolumn{ padding: 0px; float: none; flex-basis: 49%; max-width: 49%; } .date-wrapper input{ padding:0 15px; } .gap { gap: 2%; display: flex; flex-wrap: wrap;}
.fsjfs{ margin:0px 0 10px; } .f-fcolumn .div{ width:100%; } .profileeditbox{ padding:10px; } .myorderpnametag { width: 100% } 
/*.myorderproductname{ float:left; }*/
.amounttext{ float:right; font-size:20px; } .div, .btn{ font-size:21px; font-weight:300; } .product__titles{ font-size:19px !important; }
.u_name em{ display:none; } .u_name i:last-child{ display:none; } .cart{ margin: 0px 0 0 5px; } .u_name i{ font-size:40px; }
.cart_row.brb{ display:none; } .cart_all .clwidth, .cart_all .clwidth:first-child{  max-width: 100%; flex-basis: 100%; } .cart_row{ align-items:flex-start }
.pdt_thumb{ width:80px; margin-right: 10px; padding:8px 0 0 0} .prd_name_cart{ padding-right: 0px; width: calc(100% - 80px); }
.grid-item, .product-info-wrap{  max-width: 100%; flex-basis: 100%; padding:0px } .main-row{ margin:0px; } .product-info-box{ padding:0px; }
.thumbnail-images img{ width:75px; height:75px; margin-bottom:30px; } .favorite_i{ top:-10px; } .product-info-wrap h3{ font-size:27px; } .main-image{ border-radius:5px; }
.column2{ flex-basis: 100%; max-width: 100%; padding: 10px 0;} .Product_wrapper__UKuyu{ padding: 8px 0px; } .cart-body{ padding:0px; } 
.tab__label img{ width:65%; margin-top:5px; } .user_drop{ right:0px; left:auto }  
.column_30{ display:none;} 
._2sgsf, ._3sgsf{ flex-basis: 100%;  max-width: 100%; } .detailswrap { padding: 2px;} ._3sgsf { border-left: 0px; padding-right: 0px; }

table{ width:800px; } ._fsjf{ font-size:26px; }
/* new */
.title_site, .title_site em{ font-size:30px; } .box_inner{ padding:15px 5px; } .social_content h2{ font-size:32px; }
.copy_rights a img { height: 25px; width: 100%;} .copy_rights p{ display:inline; } .payment_secure{ border-bottom: 1px solid #ffb19e29 !important; padding-bottom: 10px; margin-bottom: -10px;}
.pdt_thumb span{ padding:0px; margin:0px; } .w-25{ width:auto; } .ltext_big{ margin-bottom:0px; } .paratext{ font-size:18px; }
.ProductTileLine_basic_info p{ font-size: 17px; font-weight: 300; padding-bottom: 5px; } .img_small img{ width:100%; } .pod_div ul li{ flex-basis: 50%;
    max-width: 50%; } .pod_div ul li h3{ font-size: 18px; } .ltext_big{ font-size:32px; } .floating-label{ margin:15px 0px !important }
.my_filter i{ display:inline-block !important; font-size: 26px; } .my_filter em{ display:inline-block !important; }  
.form_profile .floating-label{ margin:0px !important;  } .cllprice{ font-size:17px; } .title-section{ flex-wrap:wrap; } 
.see-more { padding: 5px 10px 10px; max-width: 100%; text-align: right; flex-basis: 100%;} .form_profile{ margin-bottom:15px; }
.points_bullet li{ font-size: 18px; font-weight: 300; } .buttons .btn{  font-size: 18px !important; padding: 0px 20px; } .popup{ padding: 25px 20px; }
 .flex-direction{ flex-direction:column-reverse; } .howit h2{ font-size:20px; } .social_content p{padding-bottom: 5px;}
.date_filter .f-fcolumn{ float: left; padding-left: 5px; max-width: none; flex-basis: auto;}
 
} 


@media only screen and (max-width: 600px) { 
   
  .column_4wrap, .form_profile .f-2column{ flex-basis: 100%; max-width: 100%;  } .form_profile .f-2column{ margin-bottom:15px; padding:0px 0px; } .form_profile .f-row{ margin: 0px 0px 0px; }
  .form_profile .f-1column{ padding:0px; }  .title{ font-size:25px; } .see-more{ padding: 5px 0px } .border-skin-primary{ font-size: 17px; }
  .modal-nav{ font-size:25px; } .modal-content{ max-width: 352px; width: 100%; position: absolute; top: 50%; transform: translate(0px, -50%); }
  #dropdownBtn{ width:100%; }  .pod_div ul li img{ width:70%; } .cnt_bg{ border-radius: 30px 30px 0px 0px; padding: 20px 0 20px 0; margin: -30px 0 0; }
  .my_filter { width:100%; text-align:center; } 

  .clear_btn{ width:100% !important } .status_filter{ width:100% !important; margin-bottom:10px; }
  .date_filter{ max-width: 100%; flex-basis: 100%; display: flex; flex-wrap: wrap; }
  .date_filter .form-control input{ font-size:15px; } .date_filter .f-fcolumn { padding: 0px; float: none; flex-basis: 47%; max-width: 47%; }
  .far_to{ flex-basis: 6%; max-width: 6%; }
}

@media only screen and (max-width: 420px) { 
  .btnsss .div{ width:100%; margin-bottom:5px; }  
}


            
                
.added_cls{
    color: black;
}               
                
                

.ebcf_modal-content {
      height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-height: 100vh;
    background-color: #fefefe;
    padding: 1.5rem;
        max-width: 490px;
    width: 100%;
    position: relative;
    box-shadow: 0 0 20px #0000000f, 0 16px 32px #00000026;
    border-radius: 1rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: relative;
}

.ebcf_modal-content_box {
      height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-height: 100vh;
    background-color: #fefefe;
    padding: 0px;
        max-width: 420px;
    width: 100%;
    position: relative;
    box-shadow: 0 0 20px #0000000f, 0 16px 32px #00000026;
    border-radius: 1rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.ebcf_close{ position: absolute; right: 15px; top: 0px; font-size: 40px; font-family: inherit; cursor:pointer; }

.ebcf_modal-content P{ color: #000000; font-size: 20px; font-weight: 500; margin-bottom: 10px;}


.rc-anchor-light.rc-anchor-normal, .rc-anchor-light.rc-anchor-compact {
    border: 1px solid #d3d3d3;
}


.rc-anchor-normal {
    height: 74px;
    width: 300px;
}

.rc-anchor {
    border-radius: 3px;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, .08);
    -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 0 4px 1px rgba(0,0,0,.08);
}
/* Remove Chrome autofill white background */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #1d0c37 inset !important; /* your input background color */
    -webkit-text-fill-color: #fff !important; /* text color */
    transition: background-color 5000s ease-in-out 0s;
}