.page-wrapper span {
    font-family: "DM Sans" !important;
}
.first-dropdown .primary-bg-hover .w-36 {
    width: 15rem;
}
footer ul>p, p.mb-23p.font-medium.text-base.break-all {
    font-weight: 600 !important;
}
footer ul li:hover {
color: #ff0046
}
.page-wrapper .paragraph {
    font-size: 14px;
    font-weight: 500;
}
footer span.text-sm.ml-1.font-medium.hover\:text-orange-500.cursor-pointer.transition-all.rtl-direction-space-location.roboto-regular {
    display: flex;
    flex-wrap: wrap;
    gap: 0 5px;
}
footer ul li:hover {
    color: #8785D7 !important;
}

.custom-swiper-full .swiper-button-prev {
       display: none;
}
.custom-swiper-full .swiper-button-next, .custom-swiper-full .swiper-button-prev {
      display: none;
}
.custom-swiper-full .swiper-pagination-bullet-active {
    background: #8785D7 !important;
}
.active-border-bottom {
    border-bottom: 2px solid #8785D7;
}
.custom-bottom-border:hover:before {
    background: #8785D7;
}
.lead{
text-align: center;
}
                                                                                 
.break-all {
    word-break: initial;
}
 .md\:text-xl {
   font-size: 18px;
}

@media only screen and (max-width: 767px) {
.object-cover {
    object-fit: initial !important;
}


.body-font , .md\:w-1\/5 {
    width: 90% !important;
}
    #swiper-wrapper-b2bc1876cadc26b0  , .text-left {
    max-width: 237px !important;
}
#swiper-wrapper-d70cec7d455c7be10 , .costume-title{
    padding-right: 30px;
}
.text-33 {
    font-size: 24px;
}

}
    
body.antialiased.min-h-screen section.md\:hidden:first-child {
    background: #8785D7 !important;
}
                                            
.grid.grid-cols-3 .flex {
    justify-content: center;
    align-items: center;
}
#i8idi , .inset-0 {
    top: 0;
    right: 680px;
    bottom: 0;
    left: 0;
}

#im5qn {
    height: 372px !important;
    width: 100%;
}
.bg-gray-300 {
    background-color: unset;
}
#izttf, .py-24 {
    padding-top: 0;
    padding-bottom: 6rem;
}
                                      
.inset-0 {
 top: 0;
    right: 0 !important;
    bottom: 0;
    left: 0 !important;
}
 
#ij77b.gjs-row {
   width: auto;
}

.primary-bg-color {
    background-color: #8785D7 !important;
}
                                            
.menuss-hover:hover {
    background-color: #8785D7;
    border-color: #8785D7!important;
}

.header-menu-nav li ul li:hover {
   background: #8785D7;
}

.primary-bg-hover:hover,
.categories-menu:hover,
.category-hover:hover {
  background-color: #8785D7!important;
}
                                            
.active-border {
    border-bottom: 3px solid #8785D7;
}




.absolute.p-6.top-0.right-0.bottom-0.left-0.flex.align-items-center{

justify-content:end;

}

span.text-sm.font-medium.transition-all.cursor-pointer.hover\:text-orange-500.rtl-direction-space.roboto-regular{
word-break:break-all;
}


 .hover\:text-white:hover{
background-color:#968CCB;
border:1px solid #968CCB;
}


.primary-bg-color.text-gray-12{
color:#ffff;
}

.primary-bg-color .text-gray-12{
color:#ffff;
}
 .categories-menu:hover{
color:#ffff  !important;
}
   .header .group border-1 .text-base{
color:#F9ADD4;
}

.absolute.p-6.top-0.right-0.bottom-0.left-0.flex.align-items-center{
padding:56px !important; 
}
  
@media only screen and (max-width: 575px){
.hero-slide-img{
height:240px !important;
}
#swiper-wrapper-b2bc1876cadc26b0, .text-left{
max-width:180px !important;
}
.dynamic_class_72 .costume-title .mx-4{
padding:56px;
}

.costume-title.w-full{
padding-right:0;
}
.absolute.p-6.top-0.right-0.bottom-0.left-0.flex.align-items-center{
margin-left:100px;
padding:10px;
}

span.text-sm.font-medium.transition-all.cursor-pointer.hover\:text-orange-500.rtl-direction-space.roboto-regular{
word-break:break-all;
}

.flex.overflow-x-auto.md\:overflow-hidden.md\:gap-30p.gap-5 {
    margin-top: 30px;
}
.relative.h-600p.w-full{
margin-top:30px;
}
section.md\:my-12.my-10{
margin-top:30px !important;
}

.md\:w-322p.w-full.pb-2 .relative.h-600p.w-full{
height:420px !important;  
}

}
span.text-sm.font-medium.transition-all.cursor-pointer.hover\:text-orange-500.rtl-direction-space.roboto-regular {
        word-break: break-word !important;
text-align: left !important;
    }