/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 11 2026 | 01:31:36 */
/* Text */
.text-reset{
	color: inherit !important;
}

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

/* Colors */
.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;
}

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

/* Border radius */
.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%;
}

/* Display */
.d-flex{
	display: flex;
}

.d-inline-flex{
	display: inline-flex;
}

.flex-wrap{
	flex-wrap: wrap;
}

.flex-column{
	flex-direction: column;
}

.d-none{
	display: none;
}

.align-items-start{
	align-items: start;
}

.align-items-center{
	align-items: center;
}

.justify-content-between{
	justify-content: space-between;
}

.cursor-pointer{
	cursor: pointer;
}

/* Position */
.position-relative{
	position: relative;
}

.position-absolute{
	position: absolute;
}

.top-0{
	top: 0;
}

.top-center{
	transform: translateY(-50%);
    top: 50%;
}

.bottom-0{
	bottom: 0;
}

.start-0{
	left: 0;
}

.end-0{
	right: 0;
}

/* Card */
.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;
}

/* Font size */
.fs-1,
.h1{
	font-size: 2.5rem;
}

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

/* Line height */
.lh-1p2{
	line-height: 1.2;
}

.ff-inherit{
	font-family: inherit !important;
}

/* Font weight */
.fw-normal{
	font-weight: 400;
}

.fw-medium{
	font-weight: 500;
}

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

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

/* Margin */
.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;
}

.ps-4,
.px-4{
	padding-left: 1.5rem;
}

.pe-3,
.px-3{
	padding-right: 1rem;
}

.pe-4,
.px-4{
	padding-right: 1.5rem;
}

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


/* Height & Width */
.h-100px{
	height: 100px !important;
}

.h-165px{
	height: 165px !important;
}

.h-493px{
	height: 493px !important;
}

.h-100{
	height: 100% !important;
}

.w-100{
	width: 100% !important;
}

/* Object fit */
.object-fit-cover{
	object-fit: cover;
}

/* Bootstrap grid */
.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{
	box-shadow: 0px 4px 4px 0px #00000040;
}

/* Button */
.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 */
.list-unstyled{
	list-style: none !important;
}

/* Select */
.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;
}

/* Input */
.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;
}

/* Spinner */
.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 */
.dropdown-arrow{
	transition: .3s ease;
}

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

/* SMI */
.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;
}