/* ======== General Styles ======== */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,marquee,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{
	margin:0;
	padding:0;
	box-sizing:border-box;
	font-family: "DM Sans", sans-serif !important;
}

html {
    margin-top: 0 !important;
    scroll-behavior: smooth;
}

ul {
    list-style: none
}

a,
a:hover,
a:active,
a:focus {
    text-decoration: none;
    outline: none;
    color: #3E1E68;
}

body {
	font-optical-sizing: auto;
    font-weight: 400;
    line-height: 1.6;
    z-index: 100;
    background: #fff
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #3E1E68;
    font-weight: 700;
}

p,
ul li,
blockquote {
    color: #2c2c2c
}

input,
button {
    outline: none
}

label {
    font-weight: 500;
    margin-bottom: 5px;
    display: block;
    letter-spacing: .01rem
}

a,
strong {
    font-weight: 500
}

label,
strong{
    color: #3E1E68
}

hr{
    color:#e0e0e0;
    opacity: 1
}


/*=== --- Scrollbar --- ===*/
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
	background-color: rgba(0, 0, 0, 0.06);
}
::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.2);
}

.scrollbar::-webkit-scrollbar, 
textarea::-webkit-scrollbar,
.table-responsive::-webkit-scrollbar{
	width:4px;
	height:4px;
}
.scrollbar::-webkit-scrollbar-thumb, 
textarea::-webkit-scrollbar-thumb,
.table-responsive::-webkit-scrollbar-thumb{
	background-color:rgba(0, 0, 0, 0.1);
}
.scrollbar-hover::-webkit-scrollbar, .scrollbar-hide::-webkit-scrollbar{display:none;}
.scrollbar-hover:hover::-webkit-scrollbar{display:block;}


/*=== --- Scroll --- ===*/
.scroll,.scroll-120,.scroll-160,.scroll-200,.scroll-400{overflow:auto;overflow-x:hidden;padding-right:10px;}
.scroll{max-height:320px;}
.scroll-120{max-height:120px;}
.scroll-160{max-height:160px;}
.scroll-200{max-height:200px;}
.scroll-400{max-height:400px;}


/*=== --- Animation --- ===*/
@keyframes goUp{
    0% {
        transform: translateY(50px);
        opacity: 0
    }
    100% {
        transform: translateY(0);
        opacity: 1;
        visibility: visible
    }
}


/*=== --- Mobile - Slider --- ===*/
.mobile-slider{
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	scroll-padding: 10px;
}
.mobile-slider > *{
	flex: 0 0 auto;
	scroll-snap-align: start;
}
.mobile-slide-prev, .mobile-slide-next{
	top:38%;
	line-height:26px;
}
.mobile-slide-prev{
	left:-10px;
}
.mobile-slide-next{
	right:-10px;
}


/*=== --- Mobile Slide (prev & next) sm --- ===*/
.mobile-slide-prev.sm, .mobile-slide-next.sm{
	top:13%;
	width:22px;
	height:22px;
	line-height:15px;
}


/*=== --- Modal --- ===*/
.modal-xl{
	--bs-modal-width:1040px;
}
.modal-lg{
	--bs-modal-width:880px;
}
.modal-btn-close{
	background-size:14px;
}


/*=== --- Carousel --- ===*/
.carousel-inner.bottom{
	padding-bottom:40px;
}
.sp-carousel-control{
	width:24px;
	height:24px;
	line-height:22px;
	top:inherit;
	opacity:0.6;
}
.sp-carousel-control.carousel-control-next{
	right:auto;
	left:36px;
}
.carousel-control-next-icon.sm, .carousel-control-prev-icon.sm{
	width:0.8rem;
    height:0.8rem;
}


/*=== --- Carousel Center - Position --- ===*/
.carousel-center .carousel-control-prev, 
.carousel-center .carousel-control-next{
	top:40%;
}
.carousel-center .carousel-control-prev{
	left: 10px;
}
.carousel-center .carousel-control-next{
	right: 10px;
}


/*=== --- Content Sheet --- ===*/
.content-sheet hr {
    margin: 2.4rem 0
}
.content-sheet a {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-decoration-color: #E45A92;
}
.content-sheet h1,
.content-sheet h2,
.content-sheet h3,
.content-sheet h4,
.content-sheet h5,
.content-sheet h6 {
    margin-bottom: 1rem
}
.content-sheet h1 strong, .content-sheet h1 span,
.content-sheet h2 strong, .content-sheet h2 span,
.content-sheet h3 strong, .content-sheet h3 span,
.content-sheet h4 strong, .content-sheet h4 span,
.content-sheet h5 strong, .content-sheet h5 span,
.content-sheet h6 strong .content-sheet h6 span{
	color:#3E1E68 !important;
}
.content-sheet h1 strong,
.content-sheet h2 strong,
.content-sheet h3 strong,
.content-sheet h4 strong,
.content-sheet h5 strong,
.content-sheet h6 strong {
    font-weight: 700;
}
.content-sheet img{
	height: auto;
}
.content-sheet img, .content-sheet iframe{
    width: 100%;
    display: block;
    border-radius: .675rem;
    margin-bottom: 1.4rem
}
.content-sheet table{
	margin-top: 1.6rem;
	margin-bottom: 1.6rem;
}
.content-sheet ul, .list-style-disc {
    list-style: disc
}
.content-sheet ul,
.content-sheet ol,
.list-style-disc {
    padding-left: 20px
}
.content-sheet li{
    margin-bottom: .6rem
}
.list-style-disc li{
	margin-bottom: .3rem
}
.list-style-disc li:nth-last-child(1){
	margin-bottom:0;
}
.content-sheet,
.content-sheet p,
.content-sheet li,
.inclusions-exclusion p {
	 font-size: 1rem;
}
.content-sheet p,
.content-sheet li{
	word-break: break-word;
}
.content-sheet p,
.content-sheet li:nth-last-child(1),
.inclusions-exclusion p {
    margin-bottom: 1.4rem
}
.content-sheet blockquote {
    font-style: italic;
    padding: 20px;
    background: #fcf0ca;
    border-radius: 0 .475rem .475rem 0;
    border-left: 2px solid #f6c90e
}
.content-sheet blockquote:before {
    color: #f6c90e;
    content: open-quote;
    font-size: 4em;
    line-height: .1em;
    margin-right: .25em;
    vertical-align: -.4em
}
.content-sheet blockquote p {
    display: inline
}
.content-sheet blockquote,
.content-sheet blockquote p {
    font-size: 1rem
}

.iframe-container, .content-sheet .iframe-container{
	position:relative;
    width:100%;
    padding-bottom:56.25%;
    height:0;
}
.iframe-container iframe, .content-sheet .iframe-container iframe{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*=== --- Content Sheet - Dark --- ===*/
.content-sheet-dark h1, .content-sheet-dark h1 strong, .content-sheet-dark h1 span,
.content-sheet-dark h2, .content-sheet-dark h2 strong, .content-sheet-dark h2 span,
.content-sheet-dark h3, .content-sheet-dark h3 strong, .content-sheet-dark h3 span,
.content-sheet-dark h4, .content-sheet-dark h4 strong, .content-sheet-dark h4 span,
.content-sheet-dark h5, .content-sheet-dark h5 strong, .content-sheet-dark h5 span,
.content-sheet-dark h6, .content-sheet-dark h6 strong .content-sheet-dark h6 span,
.content-sheet-dark a,
.content-sheet-dark strong{
	color:#fff !important;
}
.content-sheet-dark p,
.content-sheet-dark ul li {
    color: rgb(255 255 255 / 70%);
}


/*=== --- Content Sheet - Normal --- ===*/
.content-normal,
.content-normal p,
.content-normal li{
    font-size: 0.9rem;
}
.content-normal li{
	 margin-bottom: .4rem
}
.content-normal p,
.content-normal li:nth-last-child(1){
    margin-bottom: 1.2rem
}


/*=== --- Clean Content CSS --- ===*/
.clean-content-css ul{
	list-style:none;
	padding:0;
}
.clean-content-css h1, .clean-content-css h2, .clean-content-css h3, 
.clean-content-css h4, .clean-content-css h5, .clean-content-css h6,
.clean-content-css ul li, .clean-content-css ul li:nth-last-child(1), 
.clean-content-css img{
	margin-bottom:0;
}
.clean-content-css a{
	text-decoration:none;
}
.clean-content-css p, .clean-content-css span, .clean-content-css strong{
	font-size:inherit;
	margin-bottom:0 !important;
}


/*=== --- Image --- ===*/
img{
    height: auto;
    object-fit: cover;
}
img[alt]{
	font-size:13px;
}
.img-contain{
	object-fit: contain;
}
.img-icon-box {
    width: 46px;
    height: 46px;
    background: rgb(65 170 255 / 30%)
}
img.img-icon {
    width: 42px !important
}


/*=== --- Display --- ===*/
.hide{
	display:none;
}


/*=== --- Cursor --- ===*/
.cursor-pointer{
	cursor:pointer;
}


/*=== --- Border Radius --- ===*/
.rounded {
    border-radius: 0.675rem !important
}
.rounded-end-0{
	border-top-right-radius:0 !important;
	border-bottom-right-radius:0 !important;
}
.rounded-top-0{
	border-top-left-radius:0 !important;
	border-top-right-radius:0 !important;
}


/*=== --- Anchor Text --- ===*/
.anchor-text:before,
.main-heading strong.position-relative:before{
    content: '';
    position: absolute;
    bottom: 2px;
    left: 0;
    z-index: -1;
    width: 0%;
    height: 2px;
    background: #F6C90E;
    background: -webkit-linear-gradient(45deg, #5D2F77, #E45A92, #E45A92);
    transition: width 0.4s ease-in-out
}
.anchor-text:hover:before,
.main-heading strong.position-relative:before {
    width: 100%
}
a.d-inline-block.anchor-text:before{
	bottom: 5px;
}
.text-underline, .text-underline-hover:hover{
	text-decoration: underline !important;
	color:#000;
}
.text-underline-hover:hover svg{
	fill:#000;
}
.text-underline-2-hover:hover,.text-underline-2,.text-underline-2:hover,.text-underline-2:focus{
	text-decoration: underline;
	text-decoration-color: #e45a92;
	text-decoration-thickness: 2px;
}


/*=== --- Button --- ===*/
.btn-close:focus {
    box-shadow: none
}
.btn{
	padding:0.8rem 1.5rem;
	color:#3E1E68;
}
.btn,.btn:hover,.btn:focus,.btn.active{
	border-color:#3E1E68;
}
.btn-sm{
	padding:0.3rem 1.3rem;
}
.btn-outline-yellow{
	background: rgb(246 201 14 / 25%);
    border-color: #f6c90e;
}
.btn-outline-yellow:hover, .btn-outline-yellow:focus, .btn-outline-yellow.active{
	background: rgb(246 201 14 / 50%);
}
.btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark.active{
	background:#191919 !important;
	color:#fff !important;
}
.btn-outline-purple:hover, .btn-outline-purple:focus, .btn-outline-purple.active{
	background:#3E1E68 !important;
	color:#fff !important;
}


/*=== --- Form Control --- ===*/
.form-group{
	margin-bottom:.8rem;
}
.form-label.position-absolute{
    top: -7px;
    left: 20px;
    letter-spacing: 0.03rem;
    padding: 2px 6px;
	line-height:0.8;
}
.form-check-input,.form-check-input:checked{
	box-shadow:none !important;
	border-color:#b4b4b4;
}
.form-check-input:checked{
	background-color:#E45A92;
    border: none;
}
.form-check-label:has(.form-check-input:checked){
  border-color:#3E1E68 !important
}
.form-control, .form-select {
    border-color: #b3b3b3 !important;
	padding:.4rem .75rem;
}
.form-control:focus, .form-select:focus{
	border-color: #ffd6d5 !important;
    box-shadow:0 0 0 .10rem #ffb3d2;
}
.form-control:-webkit-autofill{
  //-webkit-background-clip:text;
}
.form-control.autofill-white:-webkit-autofill{
  //background:#fff;
}
.form-control-lg{
	padding:.6rem 1rem .5rem 1rem;
}
input[type='file'].form-control-lg{
	padding-top:.5rem;
}
.from-select{
	height:calc(1.6em + 1rem + calc(var(--bs-border-width) * 2));
	padding-top: .700rem;
}


/*=== --- Form Card --- ===*/
.form-card{
	padding:25px 30px 22px;
}


/*=== --- Heading --- ===*/
.main-heading {
    font-size: 34px
}
.main-heading, .main-heading strong {
    font-weight: 700
}
.heading-sm, .heading-sm strong {
    font-weight: 600
}
.main-heading strong.position-relative:before {
    bottom: 8px;
    height: 6px
}
.heading-lg {
    font-size: 68px;
    line-height: 1.2
}
.heading-md {
    font-size: 44px
}
.heading-sm {
    font-size: 24px
}
.heading-sm strong.position-relative:before {
    bottom: 6px;
    height: 3px
}


/*=== --- Heading Line --- ===*/
.heading-line{
	padding-left:40px;
}
.heading-line:before, .straight-line-start:before{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	top:0;
	margin:auto;
    width:26px;
	height:2px;
	background:-webkit-linear-gradient(45deg, #5D2F77, #E45A92, #E45A92);
}
.heading-line.sm{
	padding-left:32px;
}
.heading-line.sm:before{
	width:18px;
}


/*=== --- Section --- ===*/
.section-py {
    padding-top: 70px;
    padding-bottom: 70px
}
.section-md-py {
    padding-top: 50px;
    padding-bottom: 50px
}
.section-sm-py {
    padding-top: 30px;
    padding-bottom: 30px
}
.section-pt {
    padding-top: 132px
}


/*=== --- Gutters --- ===*/
.gx-2rem {
    --bs-gutter-x: 2rem;
}


/*=== --- Width --- ===*/
.w-28{
	width: 28px !important;
}
.w-32{
	width: 32px
}
.w-40{
	width: 40px
}
.w-50px{
	width:50px !important;
}
.w-70{
	width:70px
}
.w-90{
	width:90px !important;
}
.w-100px{
	width:100px !important;
}
.w-120{
	width:120px
}
.w-150{
	width:150px
}
.w-170{
	width:170px
}
.w-180{
	width:180px
}
.w-200{
	width:200px
}
.w-230{
	width:230px
}
.w-max-content{
	width:max-content;
}


/*=== --- Height --- ===*/
.h-28{
	height: 28px !important;
}
.lh-26{
	line-height:26px !important;
}
.h-32{
	height: 32px
}
.h-40{
	height: 40px
}
.h-50px{
	height: 50px !important;
}
.h-60{
	height:60px;
}
.h-70{
	height:70px !important;
}
.h-80{
	height:80px;
}
.h-88{
	height:88px !important;
}
.h-90{
	height:90px !important;
}
.h-100px {
    height: 100px !important;
}
.h-120 {
    height: 120px
}
.h-140 {
    height: 140px
}
.h-150 {
    height: 150px
}
.h-160 {
    height: 160px
}
.h-180 {
    height: 180px
}
.h-190 {
    height: 190px
}
.h-200 {
    height: 200px
}
.h-220 {
    height: 220px
}
.h-240 {
    height: 240px
}
.h-300 {
    height: 300px
}
.h-320 {
    height: 320px
}
.h-340 {
    height: 340px
}
.h-380 {
    height: 380px
}
.h-400 {
    height: 400px
}
.h-420 {
    height: 420px
}
.h-460 {
    height: 460px
}
.h-500 {
    height: 500px
}
.h-100vh {
    height:100vh;
}
.min-h-100px{
	min-height:100px;
}
.min-h-100{
	min-height:100%;
}
.max-h-340{
	max-height:340px;
}


/*=== --- Margin --- ===*/
.mt-5px {
    margin-top: 5px
}
.mt-10{
    margin-top: 10px
}
.mt-12 {
    margin-top: 12px
}
.mt-15 {
    margin-top: 15px
}
.mt-20 {
    margin-top: 20px
}
.mt-30 {
    margin-top: 30px
}
.mt-35 {
    margin-top: 35px
}

.mb-4px {
    margin-bottom:4px
}
.mb-10{
	margin-bottom: 10px
}
.mb-15{
	margin-bottom:15px;
}
.mb-20 {
    margin-bottom: 20px
}
.mb-30 {
    margin-bottom: 30px !important;
}
.mb-35 {
    margin-bottom: 35px
}

.ms-10{
	margin-left:10px;
}

.me-2px{
	margin-right:2px;
}

.mx-minus-12{
	margin-left: -12px;
	margin-right: -12px;
}
.mx-minus-20{
	margin-left: -20px;
	margin-right: -20px;
}
.mx-minus-25{
	margin-left: -25px;
	margin-right: -25px;
}
.mx-minus-30{
	margin-left: -30px;
	margin-right: -30px;
}
.mx-minus-1p5rem{
	margin-left: -1.5rem;
	margin-right: -1.5rem;
}


/*=== --- Padding --- ===*/
.p-10{
	padding:10px;
}
.p-12{
	padding:12px;
}
.p-15{
	padding:15px;
}
.p-20{
	padding:20px;
}
.p-30{
	padding:30px;
}

.pt-20{
	padding-top:20px !important;
}
.pt-30{
	padding-top:30px;
}

.pt-15{
	padding-top:15px !important;
}

.pb-10{
	padding-bottom:10px !important;
}
.pb-50{
	padding-bottom:50px !important;
}

.py-20{
	padding-top:20px;
	padding-bottom:20px;
}

.py-40{
	padding-top:40px;
	padding-bottom:40px;
}

.px-20{
	padding-left:20px !important;
	padding-right:20px !important;
}


/*=== --- Position --- ===*/
.top-minus-10 {
    top: -10px !important;
}
.top-30 {
    top: 30px
}
.top-90 {
    top: 90px
}
.top-100px {
    top: 100px
}
.top-120 {
    top: 120px
}

.bottom-15{
	bottom:15px;
}
.end-15{
	right:15px;
}


/*=== --- Z-index --- ===*/
.z-1000 {
    z-index: 1000 !important
}
.z-1100 {
    z-index: 1100 !important
}
.z-1500 {
    z-index: 1500 !important
}
.z-1510, .modal-backdrop {
    z-index: 1510 !important
}
.z-1550 {
    z-index: 1550 !important
}
.z-1600 {
    z-index: 1600 !important
}
.z-2000 {
    z-index: 2000 !important
}


/*=== --- Flex --- ===*/
.fx-1 {
    flex: 1;
}
.fx-2 {
    flex: 2;
}
.fx-3 {
    flex: 3;
}


/*=== --- Nav Pill --- ===*/
.custom-nav-pills .nav-link{
	box-shadow:none;
}
.custom-nav-pills .nav-link.active,
.custom-nav-pills .show>.nav-link {
    background: #3e1e68 !important;
    color: #fff !important;
}


/*=== --- Tab Nav --- ===*/
.custom-tab-nav .nav-link{
	padding:14px 26px;
}
.custom-tab-nav .nav-link.active{
	background:#f5f5f5;
	color:#3E1E68 !important;
}


/*=== --- Overlay --- ===*/
.overlayBefore.position-relative:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.overlay.position-absolute,
.overlayBefore.position-relative:before {
    background: -webkit-linear-gradient(top, #fff0 0%, rgb(0 0 0 / .50) 55%, rgb(0 0 0 / .60) 100%)
}
.overlay.top-0.position-absolute,
.overlayBefore.top-0.position-relative:before {
    background: -webkit-linear-gradient(bottom, #fff0 0%, rgb(0 0 0 / .50) 55%, rgb(0 0 0 / .60) 100%)
}

/*=== --- Overlay Hover --- ===*/
.overlayBefore-hover.position-relative:before{
	top:auto;
	bottom:0;
	height:0%;
	transition:height 0.3s ease-in-out;
}
.overlayBefore-hover.position-relative:hover:before{
	height:100%;
}
.overlay-bg-dark.position-absolute,
.overlay-bg-dark.position-relative:before{
	background:-webkit-linear-gradient(top, #fff0 0%, rgb(0 0 0 / .60) 56%, rgb(0 0 0 / .70) 100%);
}
.overlay-bg-dark.top-0.position-absolute,
.overlay-bg-dark.top-0.position-relative:before{
	background:-webkit-linear-gradient(bottom, #fff0 0%, rgb(0 0 0 / .60) 56%, rgb(0 0 0 / .70) 100%);
}


/*=== --- Alert --- ===*/
.alert-success{
    background:#e7ffca;
    padding:15px 20px;
    border-radius:0.675rem;
    border:1px solid #b5db8a;
}


/*=== --- Font Size --- ===*/
.fs-10 {
    font-size: 10px
}
.fs-11 {
    font-size: 11px
}
.fs-12 {
    font-size: 12px !important;
}
.fs-13 {
    font-size: 13px !important;
}
.fs-14, .fs-14 p, .fs-14 li {
    font-size: 14px !important;
}
.fs-15 {
    font-size: 15px
}
.fs-16 {
    font-size: 16px
}
.fs-18 {
    font-size: 18px !important;
}
.fs-20 {
    font-size: 20px
}
.fs-22 {
    font-size: 22px
}
.fs-24 {
    font-size: 24px
}
.fs-26 {
    font-size: 26px
}
.fs-28 {
    font-size: 28px
}

.fs-0p8rem{
	font-size: 0.8rem !important;
}
.fs-0p9rem, .fs-0p9rem p, .fs-0p9rem li{
	font-size: 0.9rem !important;
}
.fs-1rem, .fs-1rem p, .fs-1rem li{
	font-size: 1rem !important;
}
.fs-normal {
    font-size: 1.1rem !important
}
.fs-medium {
    font-size: 1.2rem !important
}


/*=== --- Text Color --- ===*/
.text-white-10 {
    color: rgb(255 255 255 / 10%)
}
.text-white-50 {
    color: rgb(255 255 255 / 50%)
}
.text-white-60 {
    color: rgb(255 255 255 / 60%)
}
.text-white-80 {
    color: rgb(255 255 255 / 80%)
}
.text-gray{
	color:#dddddd !important;
}
.text-light-2{
	color:#e9e9e9 !important;
}
.text-dark, .text-dark-hover:hover{
    color: #191919 !important;
}
.text-dark-20 {
    color: #cbcbcb
}
.text-black-60 {
    color: rgb(0 0 0 / 60%)
}
a.text-black-60:hover,
a.text-black-60:focus,
button.text-black-60:hover,
button.text-black-60:focus {
    color: rgb(0 0 0 / 80%)
}
.text-black-70 {
    color: rgb(0 0 0 / 70%)
}
.text-black-80 {
    color: rgb(0 0 0 / 80%)
}
.text-light-pink{
    color: #FFACAC !important;
}
.text-pink{
    color: #E45A92 !important;
}
.text-purple{
    color: #3E1E68 !important;
}
.text-gradient-pink-purple{
    background: -webkit-linear-gradient(45deg, #E45A92, #3e1e68, #E45A92);
    -webkit-background-clip:text;
    -webkit-text-fill-color:#fff0
}


/*=== --- Text Shadow --- ===*/
.text-sh{
    text-shadow: 0 2px 8px rgb(0 0 0 / .32);
}


/*=== --- Shadow --- ===*/
.sh{
	box-shadow:0 0 15px -3px rgba(0,0,0,.15);
}
.sh-md-hover{
	transition:box-shadow .3s ease-in-out;
}
.sh-md,.sh-md-hover:hover{
	box-shadow:0px 10px 40px 0px rgba(0, 0, 0, 0.05);
}


/*=== --- Background --- ===*/
.bg-purple {
    background:#3E1E68 !important;
}
.bg-light-purple{
	background:#5D2F77 !important;
}
.bg-dark-purple{
	background:#1A0F2F !important;
}
.bg-purple-20{
	background:#ddc8e9;
}
.bg-gradient-purple{
	background:linear-gradient(45deg, #5D2F77, #3E1E68);
}
.bg-gradient-purple-pink{
	background:linear-gradient(45deg, #3e1e68, #e45a92);
}
.bg-v-light{
	background:#fafafa;
}
.bg-light-2{
	background:#f5f5f5;
}
.bg-grey {
    background: #EEE
}
.bg-pink{
	background:#E45A92 !important;
}
.bg-pink-50{
	background:#ffd6d5;
}
.bg-whatsapp{
	background:#25d366 !important;
}
.bg-gradient-whatsapp{
	background:linear-gradient(45deg, #25d366, #128C7E) !important;
}
.bg-glass{
	backdrop-filter:blur(5px);
	-webkit-backdrop-filter:blur(5px);
	background:rgb(0 0 0 / 50%);
}
.bg-success{
	background:#e3ffe4 !important;
    border-color:#83e587 !important;
}
.bg-danger{
	background:#ffdfdd !important;
    border-color:#ffa099 !important;
}


/*=== --- Border Hover - Target --- ===*/
.border-hover .border-target, .bc-dark-target{
	transition:border 0.4s ease-in-out;
}
.border-hover:hover .border-target{
	border-color:#f6c90e !important;
}
.bc-purple-hover, .bc-grey-hover{
	transition:border 0.2s ease-in-out;
}
.bc-purple, .bc-purple-hover:hover,
.border-hover:hover .bc-purple-target{
	border-color:#3E1E68 !important;
}
.bc-dark{
	border-color:#191919 !important;
}
.bc-whatsapp{
	border-color:#25d366 !important;
}


/*=== --- Border Color --- ===*/
.bc-grey{
	border-color:#bfbfbf !important;
}
.bc-pink{
	border-color:#E45A92 !important;
}
.bc-purple{
	border-color:#3e1e68 !important;
}


/*=== --- SVG Icon --- ===*/
.svg-icon{
	width: 28px;
    height: 28px;
    line-height: 28px;
}
.star-rating svg{
	margin-right:1px;
}
.star-rating svg:nth-last-child(1){
	margin-right:0;
}


/*=== --- Badge --- ===*/
.badge {
    padding: 4px 9px;
    border: 1px solid #c5c5c5;
    line-height: normal;
    transition: border-color 0.3s ease-in-out, color 0.2s ease-in-out
}
.badge-sm{
	padding: 3px 7px;
	line-height:1.1;
}
.badge.bg-white:hover {
    color: #3E1E68 !important;
    border-color: #3E1E68
}

.count-badge.badge{
	padding:2px 8px;
	top:12px;
	color:#fff !important;
}


/*=== --- Breadcrumbs --- ===*/
.breadcrumbs{
    line-height: 1.3;
}
.breadcrumbs li, .breadcrumbs li a{
	color:rgb(0 0 0 / 60%);
}
.breadcrumbs li{
    margin-bottom:6px;
    margin-right:6px;
	display:inline-block;
}
.breadcrumbs li a[title='Home'] svg{
	margin-top:-3px;
}
.breadcrumbs li a{
	transition:color 0.2s ease-in-out;
}
.breadcrumbs li a:hover{
    color: #3E1E68 !important;
}


/*=== --- Breadcrumbs in Dark Background --- ===*/
.bg-dark .breadcrumbs li a.text-black-50{
	color:rgba(255,255,255,.5) !important;
}
.bg-dark .breadcrumbs li.text-black, .bg-dark .breadcrumbs li a.text-black-50:hover{
	color:#fff !important;
}


/*=== --- Table --- ===*/
table{
	width:100% !important;
	border:none;
}
table thead tr th, .table thead tr th{
	background:#f5f5f5 !important;
	border-right:none !important;
    border-left:none !important;
	border-bottom-color:#3E1E68;
	font-weight:600;
	padding:1rem;
	font-size:14px;
	text-transform:uppercase;
}
table tbody tr td, .table tbody tr td{
	color:rgb(0 0 0 / 70%);
	border:none !important;
	border-bottom:1px solid rgb(0 0 0 / 8%) !important;
}
table>tbody>tr:hover>*, .table-hover>tbody>tr:hover>*{
	background:#fbfbfb;
	color:#3E1E68;
	--bs-table-bg-state:none;
}
table>:not(caption)>*>*, .table>:not(caption)>*>*{
	padding:.8rem 1rem;
	font-size:15px;
	color:#3E1E68;
	border-color:rgb(0 0 0 / 8%);
}
table p{
	margin-bottom:0 !important;
	font-size:inherit !important;
	color:inherit !important;
}


/*=== --- Media-Queries --- ===*/
@media(min-width:1200px){

	.col-xl-20{
		flex:0 0 auto;
        width:20%;
	}
}


@media(max-width:1399px){
	
	/*--- Container ---*/
	 .container, .container-lg, .container-md, .container-sm, .container-xl{
        max-width:1200px;
		padding-right:1rem;
		padding-left:1rem;
    }
}


@media(max-width:1199px){
	
	 /*--- Modal ---*/
	.modal-xl{
		--bs-modal-width:900px;
	}

	/*--- Gutters ---*/
	.gx-xl-2rem{
		--bs-gutter-x: 2rem
	}
	
	/*--- Padding ---*/
	.px-xl-1p5rem{
		padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
	}
	
	/*--- Font-size ---*/
	.fs-xl-18{
        font-size: 18px !important;
    }
	.fs-xl-14{
        font-size: 14px !important;
    }
	.fs-xl-13{
        font-size: 13px !important;
    }
	
	/*--- Border-radius ---*/
	.rounded-xl-start{
		border-top-left-radius:0.375rem !important;
		border-bottom-left-radius:0.375rem !important;
	}
	.rounded-xl-end{
		border-top-right-radius:0.375rem !important;
		border-bottom-right-radius:0.375rem !important;
		border-bottom-right-radius:0.375rem !important;
	}
	
	/*--- Border ---*/
	.border-xl-end{
		border-right-style:solid !important;
		border-right-width:1px !important;
	}
	
	/*--- Forms ---*/
	.form-card{
		padding-left:25px;
		padding-right:25px;
	}
	
}


@media(max-width:991px){
	
	/*--- Modal ---*/
	.modal-dialog{
		max-width:100%;
        margin-right: 1rem;
        margin-left: 1rem;
    }
	
	/*--- Font-size ---*/
	.fs-lg-20{
        font-size: 20px !important
    }
	.fs-lg-14{
        font-size: 14px !important
    }
	
	/*--- Border-radius ---*/
	.rounded-lg-4{
		border-radius:1rem !important;
	}
	.rounded-lg-start-0{
		border-top-left-radius:0 !important;
		border-bottom-left-radius:0 !important;
	}
	.rounded-lg-end-0{
		border-top-right-radius:0 !important;
		border-bottom-right-radius:0 !important;
	}
	
	/*--- Border ---*/
	.border-lg-0{
		border:0 !important;
	}
	.border-lg-start-0{
		border-left:none !important;
	}
	.border-lg-end-0{
		border-right:none !important;
	}
	.border-lg-top{
		border-top-width:1px !important;
		border-top-style:solid !important;
	}
	
	/*-- Display ---*/
	.hide-lg{
		display:none;
	}
	
	/*--- Width ---*/
	.w-lg-auto{
		width:auto !important;
	}
	.w-lg-100{
		width:100% !important;
	}
	
	/*--- Height ---*/
	.h-lg-auto{
		height:auto;
	}
	.h-lg-300{
		height:300px;
	}
	.h-lg-400{
		height:400px;
	}
	
	/*--- Margin ---*/
	.mb-lg-15{
		margin-bottom:15px !important;
	}
	.mb-lg-20{
		margin-bottom:20px !important;
	}
	.mx-minus-lg-1rem{
		margin-left: -1rem;
		margin-right: -1rem;
	}
	
	/*--- Padding ---*/
	.pt-lg-50{
		padding-top:50px !important;
	}
	
	/*--- Scroll ---*/
	.scroll-lg{overflow:auto;overflow-x:hidden;}
	
}


@media(max-width:767px){
	
	/*=== --- Mobile - Slider --- ===*/
	.mobile-slider-md {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scroll-behavior: smooth;
		-webkit-overflow-scrolling: touch;
		scroll-padding: 10px;
	}
	.mobile-slider-md > *{
		flex: 0 0 auto;
		scroll-snap-align: start;
	}
	
	/*--- Margin ---*/
	.mb-md-0px{
		margin-bottom:0 !important;
	}
	
	/*--- Padding ---*/
	.pt-md-zero{
		padding-top:0 !important;
	}
	.px-md-1rem{
		padding-right: 1rem !important;
        padding-left: 1rem !important;
	}
	.p-md-10{
		padding: 10px !important;
	}
	.pb-md-10{
		padding-bottom: 10px !important;
	}
	
	/*--- Font-size ---*/
	.fs-md-10 {
        font-size: 10px !important
    }
	.fs-md-11 {
        font-size: 11px !important
    }
    .fs-md-12 {
        font-size: 12px !important
    }
	.fs-md-13 {
        font-size: 13px !important
    }
    .fs-md-14 {
        font-size: 14px !important
    }
	.fs-md-15 {
        font-size: 15px !important
    }
    .fs-md-22 {
        font-size: 22px !important
    }
	
	/*--- Border ---*/
	.border-md-0{
		border:0 !important;
	}
	.border-md-start-0{
		border-left:0 !important;
	}
	.border-md-end-0{
		border-right:0 !important;
	}
	.border-md-bottom{
		border-bottom-width:1px !important;
		border-bottom-style:solid !important;
	}
	.border-md-top{
		border:1px solid #dee2e6 !important;
	}
	
	/*--- Display ---*/
	.d-none-md-imp{
		display:none !important;;
	}
	
	/*--- Width ---*/
	.w-md-200{
		width:200px;
	}
	.w-md-180{
		width:180px;
	}
	.w-md-auto{
		width:auto;
	}
	
	/*--- Height ---*/
	.h-md-auto{
		height:auto;
	}
	.h-md-140{
		height:140px;
	}
	.h-md-360 {
        height: 360px !important
    }
	.h-md-400 {
        height: 400px !important
    }
	
	/*--- Margin ---*/
	.mt-md-10{
		margin-top:10px !important;
	}
	.mx-minus-md-1p5rem{
		margin-left: -1.5rem;
		margin-right: -1.5rem;
	}
	
}


@media(max-width:575px){
	
	/*--- Body & content-sheet ---*/
	 body,
    .content-sheet,
	.content-sheet p,
	.content-sheet li {
        font-size: 0.96rem;
    }
	
	/*--- Modal ---*/
	.modal-btn-close{
		background-size:12px;
	}
	.modal-dialog{
        margin-right: 0.5rem;
        margin-left: 0.5rem;
    }
	
	/*--- Carousel ---*/
	.carousel-inner.bottom{
		padding-bottom:35px;
	}
	.sp-carousel-control{
		width:22px;
		height:22px;
		line-height:20px;
	}
	.carousel-control-next-icon, .carousel-control-prev-icon{
		width:0.7rem;
		height:0.7rem;
	}
	.sp-carousel-control.carousel-control-next{
		left:32px;
	}

	/*--- Content-normal ---*/
    .content-normal p,
    .content-normal li {
        font-size: 15px
    }
    .content-normal p,
    .content-normal li:nth-last-child(1) {
        margin-bottom: 1rem
    }
	
	/*--- Table ---*/
	table thead tr th, .table thead tr th{
		font-size:13px;
	}
	table>:not(caption)>*>*, .table>:not(caption)>*>*{
		font-size:14px;
	}
	
	/*--- Margin ---*/
	.mt-sm-25{
		margin-top:25px !important;
	}
	.mb-sm-25{
		margin-bottom:25px !important;
	}
	
	/*--- Heading ---*/
	.main-heading{
        font-size: 28px !important
    }
    .heading-lg {
        font-size: 48px !important
    }
    .heading-sm {
        font-size: 22px !important
    }
    .heading-sm strong.position-relative:before {
        bottom: 5px
    }
	
	/*--- Font-size ---*/
	.fs-sm-10 {
        font-size: 10px !important
    }
	.fs-sm-11 {
        font-size: 11px !important
    }
	.fs-sm-12 {
        font-size: 12px !important
    }
	.fs-sm-13, .fs-sm-13 p, .fs-sm-13 li {
        font-size: 13px !important
    }
    .fs-sm-14, .fs-sm-14 p, .fs-sm-14 li {
        font-size: 14px !important
    }
    .fs-sm-15 {
        font-size: 15px !important
    }
    .fs-sm-16 {
        font-size: 16px !important
    }
    .fs-sm-18 {
        font-size: 18px !important
    }
    .fs-sm-20 {
        font-size: 20px !important
    }
    .fs-sm-22 {
        font-size: 22px !important
    }
    .fs-sm-24 {
        font-size: 24px !important
    }
    .fs-sm-26 {
        font-size: 26px !important
    }
    .fs-normal {
        font-size: 1rem !important
    }
    .fs-medium {
        font-size: 1.1rem !important
    }
	
	/*--- Font-weight ---*/
	.fw-sm-medium{
		Font-weight:500 !important
	}
	
	/*--- Margin ---*/
	.mt-sm-10{
		margin-top:10px !important;
	}
	
	/*--- Padding ---*/
	.px-sm-zero{
		padding-left:0 !important;
		padding-right:0 !important;
	}
	.p-sm-4px{
		padding:4px;
	}
	.p-sm-8{
		padding:8px;
	}
	.p-sm-15{
		padding:15px;
	}
	.p-sm-20{
		padding:20px !important;
	}
	.p-sm-25{
		padding:25px;
	}
	
	/*--- Width ---*/
	.w-sm-28{
		width:28px;
	}
	.w-sm-50px{
		width:50px !important;
	}
	.w-sm-60{
		width:60px;
	}
	.w-sm-100{
		width:100% !important;
	}
	.w-sm-120{
		width:120px;
	}
	.w-sm-130{
		width:130px !important;
	}
	.w-sm-140{
		width:140px;
	}
	
	/*--- Height ---*/
	.h-sm-28 {
        height: 28px;
    }
	.h-sm-44 {
        height: 44px !important;
    }
	.h-sm-60 {
        height: 60px !important;
    }
	.h-sm-80 {
        height: 80px !important
    }
	.h-sm-140{
		height:140px !important;
	}
	.h-sm-180{
		height:180px;
	}
	.h-sm-200 {
        height: 200px
    }
	.h-sm-220 {
        height: 220px !important
    }
    .h-sm-240 {
        height: 240px
    }
	.h-sm-300 {
        height: 300px
    }
    .h-sm-320 {
        height: 320px
    }
	.h-sm-340 {
        height: 340px
    }
	.h-sm-400 {
        height: 400px
    }
	
}