.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: 768px) {
.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;
}