.text-reset{
color: inherit !important;
}
.text-center{
text-align: center;
} .color-purple{
color: #421B70;
}
.color-purple-o40{
color: rgb(66 27 112 / 40%);
}
.color-black{
color: #2B2A29;
}
.color-white{
color: #FFF !important;
}
.bg-color-white{
background-color: #FFF;
}
.border-top-color-purple{
border-top-color: #421B70;
}
.border-purple{
border: 1px solid #421B70;
}
.bg-color-grey,
.bg-color-gray{
background-color: #EDEDED;
}
.bg-color-grey-2,
.bg-color-gray-2{
background-color: #F2F2F2;
}
.bg-color-lightgrey,
.bg-color-lightgray{
background-color: #F3F3F3;
}
.bg-color-purple{
background-color: #421B70;
}
.bg-color-purple-o15{
background-color: #421B7026;
}
.bg-color-transparent{
background-color: transparent;
}
.text-decoration-none{
text-decoration: none !important;
}
.border-0{
border: 0;
} .border-radius-5{
border-radius: 0.3125rem;
}
.border-radius-10{
border-radius: 0.625rem;
}
.border-radius-20{
border-radius: 1.25rem;
}
.rounded-circle{
border-radius: 50%;
} .d-flex{
display: flex !important;
}
.d-inline-flex{
display: inline-flex;
}
.flex-wrap{
flex-wrap: wrap;
}
.flex-column{
flex-direction: column;
}
.flex-column-reverse{
flex-direction: column-reverse;
}
@media(min-width: 992px){
.flex-lg-row{
flex-direction: row;
}
}
.d-none{
display: none;
}
.align-items-start{
align-items: start;
}
.align-items-center{
align-items: center;
}
.justify-content-center{
justify-content: center;
}
.justify-content-between{
justify-content: space-between;
}
.justify-self-end{
justify-self: end;
}
.cursor-pointer{
cursor: pointer;
} .position-relative{
position: relative;
}
.position-absolute{
position: absolute;
}
.position-fixed{
position: fixed;
}
.modal-wrap{
visibility: hidden;
z-index: -9999;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
transition: opacity .4s ease;
}
.modal-wrap.active{
visibility: visible;
z-index: 100;
opacity: 1;
}
.modal{
top: 35%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #FFF;
min-width: 300px;
}
.modal-overlay{
background-color: rgb(0 0 0 / 50%);
top: 0;
left: 0;
right: 0;
bottom: 0;
position: fixed;
}
.single-product .et_builder_inner_content.has_et_pb_sticky{
z-index: 2 !important;
}
.top-0{
top: 0;
}
.top-center{
transform: translateY(-50%);
top: 50%;
}
.bottom-0{
bottom: 0;
}
.start-0{
left: 0;
}
.end-0{
right: 0;
} .card{
display: flex;
flex-direction: column;
border-radius: 0.5rem;
border: 0;
box-shadow: 0px 4px 4px 0px #00000040;
box-shadow: 0px 1px 8px 0px #00000040;
}
.card .image img{
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
}
.card-body{
flex: 1 1 auto;
padding: 0.75rem;
} .fs-1,
.h1{
font-size: 2.5rem !important;
}
.fs-2,
.h2{
font-size: 2rem;
}
.fs-3,
.h3{
font-size: 1.75rem;
}
.fs-4,
.h4{
font-size: 1.5rem;
}
.fs-5,
.h5{
font-size: 1.25rem;
}
.fs-6,
.h6{
font-size: 1rem;
}
.fs-1p125rem{
font-size: 1.125rem;
}
.fs-1p375rem{
font-size: 1.375rem;
}
.fs-2p8125rem{
font-size: 2.8125rem !important;
}
.fs-3p4375rem{
font-size: 3.4375rem !important;
} .lh-1p2{
line-height: 1.2;
}
.ff-inherit{
font-family: inherit !important;
} .fw-normal{
font-weight: 400;
}
.fw-medium{
font-weight: 500;
}
.fw-semibold{
font-weight: 600 !important;
}
.fw-bold{
font-weight: 700 !important;
} .mt-auto{
margin-top: auto;
}
.mt-0,
.my-0{
margin-top: 0;
}
.mt-1,
.my-1{
margin-top: 0.25rem;
}
.mt-2,
.my-2{
margin-top: 0.5rem;
}
.mt-3,
.my-3{
margin-top: 1rem;
}
.mt-4,
.my-4{
margin-top: 1.5rem;
}
.mt-5,
.my-5{
margin-top: 3rem;
}
.ms-auto,
.mx-auto{
margin-left: auto;
}
.ms-0,
.mx-0{
margin-left: 0;
}
.ms-1,
.mx-1{
margin-left: 0.25rem;
}
.ms-2,
.mx-2{
margin-left: 0.5rem;
}
.ms-3,
.mx-3{
margin-left: 1rem;
}
.ms-4,
.mx-4{
margin-left: 1.5rem;
}
.ms-5,
.mx-5{
margin-left: 3rem;
}
.me-auto,
.mx-auto{
margin-right: auto;
}
.mr-0,
.me-0,
.mx-0{
margin-right: 0;
}
.mr-1,
.me-1,
.mx-1{
margin-right: 0.25rem;
}
.me-2,
.mx-2{
margin-right: 0.5rem;
}
.me-3,
.mx-3{
margin-right: 1rem;
}
.me-4,
.mx-4{
margin-right: 1.5rem;
}
.me-5,
.mx-5{
margin-right: 3rem;
}
.mb-0,
.my-0{
margin-bottom: 0;
}
.mb-1,
.my-1{
margin-bottom: 0.25rem;
}
.mb-2,
.my-2{
margin-bottom: 0.5rem;
}
.mb-3,
.my-3{
margin-bottom: 1rem;
}
.mb-4,
.my-4{
margin-bottom: 1.5rem;
}
.mb-5,
.my-5{
margin-bottom: 3rem;
}
.pt-0,
.py-0{
padding-top: 0 !important;
}
.pt-3,
.py-3{
padding-top: 1rem !important;
}
.pt-4,
.py-4{
padding-top: 1.5rem;
}
.pt-5,
.py-5{
padding-top: 3rem;
}
.ps-3,
.px-3{
padding-left: 1rem !important;
}
.ps-4,
.px-4{
padding-left: 1.5rem !important;
}
.pe-3,
.px-3{
padding-right: 1rem !important;
}
.pe-4,
.px-4{
padding-right: 1.5rem !important;
}
.pb-0,
.py-0{
padding-bottom: 0 !important;
}
.pb-3,
.py-3{
padding-bottom: 1rem !important;
}
.pb-4,
.py-4{
padding-bottom: 1.5rem;
}
.pb-5,
.py-5{
padding-bottom: 3rem;
}
.p-3{
padding: 1rem;
} .h-100px{
height: 100px !important;
}
.h-165px{
height: 165px !important;
}
.min-h-493px{
min-height: 493px !important;
}
.h-493px{
height: 493px !important;
}
.h-100{
height: 100% !important;
}
.w-100{
width: 100% !important;
} .object-fit-cover{
object-fit: cover;
} .container{
width: 100%;
padding-right: 16px;
padding-left: 16px;
margin-right: auto;
margin-left: auto;
}
.single-product .container{
padding-top: 0 !important;
}
.row{
display: flex;
flex-wrap: wrap;
margin-left: -16px;
margin-right: -16px;
}
.col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1{
position: relative;
width: 100%;
padding-right: 16px;
padding-left: 16px;
}
@media(min-width: 768px){
.col-md-6{
flex: 0 0 auto;
width: 50%;
}
}
@media(min-width: 992px){
.col-lg-3{
flex: 0 0 auto;
width: 25%;
}
.col-lg-4{
flex: 0 0 auto;
width: 33.3333333333%;
}
.col-lg-5{
flex: 0 0 auto;
width: 41.6666666666%;
}
.col-lg-7{
flex: 0 0 auto;
width: 58.3333333333%;
}
.col-lg-8{
flex: 0 0 auto;
width: 66.6666666667%;
}
.col-lg-9{
flex: 0 0 auto;
width: 75%;
}
}
@media(min-width: 1200px){
.col-xl-2{
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xl-3{
flex: 0 0 auto;
width: 25%;
}
.col-xl-4{
flex: 0 0 auto;
width: 33.3333333333%;
}
.col-xl-8{
flex: 0 0 auto;
width: 66.6666666667%;
}
.col-xl-9{
flex: 0 0 auto;
width: 75%;
}
.col-xl-10{
flex: 0 0 auto;
width: 83.33333333%;
}
} .box-shadow{
box-shadow: 0px 4px 4px 0px #00000040;
} .btn{
display: flex;
justify-content: center;
align-items: center;
padding: 0.375rem 0.75rem;
border-radius: 0.25rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
box-shadow: 0px 1px 8px 0px #00000040;
border: 0;
cursor: pointer;
}
.btn-purple{
background-color: #421B70;
color: #FFF !important;
}
.btn-purple:hover{
background-color: #3B1864;
}
.btn-purple:active{
background-color: #2A1146;
}
.btn-grey-transparent{
background-color: rgb(255 255 255 / 0);
color: #421B70;
border-bottom: 2px solid #421B70;
box-shadow: none;
}
.btn-grey-transparent:hover{
background-color: rgb(200 200 200 / 20%);
}
.btn-grey-transparent:active{
background-color: rgb(200 200 200 / 45%);
}
.btn-transparent{
border: 2px solid #FFF;
}
.btn-transparent:hover{
border-color: rgb(255 255 255 / 75%);
}
.btn-transparent:active{
border-color: rgb(255 255 255 / 50%);
} .list-unstyled{
list-style: none !important;
} .form-select{
border: 1px solid #421B70;
border-radius: 0.3125rem;
padding: 0.5rem 1.5rem;
font-weight: 500;
font-size: 0.875rem;
text-transform: uppercase;
} .form-control{
border: 1px solid #FFFFFF;
border-radius: 0.3125rem;
padding: 0.75rem 1rem 0.75rem 2.5rem;
font-size: 1rem;
background-color: #0C0C0C66;
color: #FFF;
}
.form-control::placeholder{
color: #FFF;
}
.form-control.has-button{
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.form-control-button{
display: flex;
align-items: center;
justify-content: center;
color: #421B70;
background-color: #FFF;
font-weight: 500;
border-top-right-radius: 0.3125rem;
border-bottom-right-radius: 0.3125rem;
padding: 0 1rem;
text-transform: uppercase;
cursor: pointer;
}
.form-control-button:hover{
background-color: #dbdada;
}
.form-control-button:active{
background-color: #bfbdbd;
} .visually-hidden{
visibility: hidden;
}
.spinner-border{
width: 50px;
padding: 8px;
aspect-ratio: 1;
border-radius: 50%;
background: #421B70;
--_m: 
conic-gradient(#0000 10%,#000),
linear-gradient(#000 0 0) content-box;
-webkit-mask: var(--_m);
mask: var(--_m);
-webkit-mask-composite: source-out;
mask-composite: subtract;
animation: l3 1s infinite linear;
}
@keyframes l3 {to{transform: rotate(1turn)}} .dropdown-arrow{
transition: .3s ease;
}
.dropdown-parent:not(.close) .dropdown-arrow{
transform: rotate(180deg);
} .form-control-form{
display: block;
width: 100%;
padding: .375rem .75rem !important;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-clip: padding-box;
border: 1px solid #EFEFEF;
border-radius: 8px;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.form-control-form:focus{
outline: 0;
box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
border-color: transparent !important;
} .smi-tag{
padding: 0.3125rem 0.625rem;
border-radius: 0.3125rem;
background-color: #421B70;
color: #FFF;
font-weight: 500;
line-height: 1;
}
.smi-gradient{
background: linear-gradient(90deg, rgba(81, 36, 122, 0.2) 0%, rgba(149, 66, 224, 0) 100%), linear-gradient(90deg, rgba(0, 0, 0, 0.57) 35.1%, rgba(102, 102, 102, 0.57) 100%);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.smi-divider{
width: 53px;
height: 3px;
background-color: #FFF;
}
.smi-divider.divider-purple{
background-color: #421B70;
}
.smi-product-bar{
flex-direction: column;
}
.smi-product-bar .smi-bar-border{
margin-bottom: 1.5rem;
}
.smi-product-bar > .smi-bar-border:last-child{
border: 0;
padding-right: 0;
margin-right: 0;
}
@media(min-width: 992px){
.smi-product-bar-margin{
margin-top: -8rem;
}
.smi-product-bar{
flex-direction: row;
}
.smi-product-bar .smi-bar-border{
margin-bottom: 0;
border-right: 1px solid #421B7080;
}
}
.smi-accordion .smi-accordion-header{
background-color: #DDDDDD;
color: #421B70;
transition: 0.2s ease;
}
.smi-accordion .smi-accordion-header.open,
.smi-accordion .smi-accordion-header:not(.open):hover{
background-color: #421B70;
color: #FFF;
}
.smi-accordion .smi-accordion-header.open .material-symbols-outlined{
transform: rotate(180deg);
}
.smi-accordion .smi-accordion-body{
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.smi-product-description h1,
.smi-product-description h2,
.smi-product-description h3,
.smi-product-description h4,
.smi-product-description h5,
.smi-product-description h6{
color: #48206C;
margin: 1rem 0 0 0;
font-weight: 500 !important;
} div.woocommerce-message,
div.woocommerce-error,
div.cart-empty.woocommerce-info{
margin-top: 1rem;
margin-bottom: 1rem;
background-color: #48206c !important;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 8px;
padding: 1rem 1.5rem !important;
}
div.woocommerce-message .button{
margin-left: auto !important;
}
div.woocommerce-message a.button.wc-forward:hover{
background-color: #bb32ad !important;
}
.woocommerce-page .entry-title,
.woocommerce-page .cart_totals.calculated_shipping h2,
.woocommerce-page .cart_totals h2,
.woocommerce-page .entry-title,
.woocommerce-page .woocommerce-billing-fields h3,
.woocommerce-page .woocommerce-additional-fields h3,
.woocommerce-page #order_review_heading,
.woocommerce-page .wc-bacs-bank-details-heading,
.woocommerce-page .woocommerce-order-details__title,
.woocommerce-page .woocommerce-column__title,
.woocommerce-page .entry-title,
.woocommerce-page #payment_details{
color: #48206c;
font-weight: 600;
}
.woocommerce-cart .button:hover{
background-color: #bb32ad !important;
}
.woocommerce-cart .coupon input{
padding: 0.5rem 1rem !important;
}
.woocommerce-cart .woocommerce-info .showcoupon{
font-style: italic;
}
.woocommerce-checkout .woocommerce-form-coupon{
padding-bottom: 12px !important;
}
.woocommerce-checkout .woocommerce-info,
.woocommerce-checkout .woocommerce-form-coupon{
background-color: #48206c !important;
border-radius: 4px;
}
.woocommerce-checkout .woocommerce-form-coupon .form-row.form-row-first{
margin-bottom: 0px !important;
}
.woocommerce-checkout .woocommerce-form-coupon input{
padding: 0.5rem 1rem !important;
}
.woocommerce-checkout button:hover{
background-color: #bb32ad !important;
}
.woocommerce-checkout .woocommerce-checkout .woocommerce-billing-fields input,
.woocommerce-checkout .woocommerce-billing-fields .select2-selection--single{
padding: 0.5rem 1rem !important;
}
.woocommerce-checkout .woocommerce-bacs-bank-details{
display: none; }
.woocommerce-account article.page {
margin-bottom: 32px;
}
.woocommerce-checkout .woocommerce-order-details{
margin-top: 16px;
}
.woocommerce-checkout .woocommerce-order-overview.woocommerce-thankyou-order-details{
margin-bottom: 16px;
}
.wc-price{
line-height: normal;
}