.bottom-87p {
   bottom: 87px
}



.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: #668274
}
.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;
}

.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: #668274 !important;
}
.active-border-bottom {
    border-bottom: 2px solid #668274;
}
.custom-bottom-border:hover:before {
    background: #7C6B73;
}
.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: #668274 !important;
}
                                            
.grid.grid-cols-3 .flex {
    justify-content: center;
    align-items: center;
}
#i8idi , .inset-0 {
    top: 0;
    right: 680px;
    bottom: 0;
    left: 0;
}
.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: #668274 !important;
}
                                            
.menuss-hover:hover {
    background-color: #668274;
    border-color: #668274!important;
}

.header-menu-nav li ul li:hover {
   background: #668274;
}

.primary-bg-hover:hover,
.categories-menu:hover,
.category-hover:hover {
  background-color: #668274!important;
}
                                            
.active-border {
    border-bottom: 3px solid #668274;
}

#im5qn {
    height: 600px !important;
    width: 100%;
}

.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;  
}

}
 
.cookie-page {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #000;
    padding: 10px;
    text-align: center;
    z-index: 9999;
}
.cookie-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cookies-button {
    background-color: black;
    color: #fff;
    border: 2px solid #fff;
    padding: 10px 20px;
    cursor: pointer;
}
.cookie-text {
    color: #fff;
}
 
.rounded-32p {
   border-radius: 32px !important;
}

.border-theme-color {
  border-color: rgb(255 156 213);
}

.margin-auto {
   margin: 0 auto;
}

.shadow-box {
    --tw-shadow: 0 0px 6px 2px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

@media (max-width: 767px) {
     .cart {
          bottom: 87px;
     }
}
.banner_main{
position:relative;
}

.marquee__text{
padding-left: 0 !important;
}
.absolute.right-0.h-6.pr-2.mt-3.ml-3 -top-1.search-btn{
display:none;
}                 
input#searchInput ,input#newsletter_input{
    border-radius: 6px;
}
                                            
.primary-bg-color {
    background-color: #7C6B73 !important;
}
.active-border-bottom {
    border-bottom: 2px solid #7C6B73 !important;
}
.primary-bg-hover:hover, .categories-menu:hover, .category-hover:hover {
    background-color: #7C6B73 !important;
}
                                            
.marquee__container {
    animation: marquee-animation 25s linear infinite !important;
}
.object-cover {
    -o-object-fit: fill;
    object-fit: fill;
}
.banner_main .banner-data {
    top: 148px;
    position: absolute;
    left: -16%;
}
.dynamic_class_41 .banner-data {
    top: 80px !important;
    left: 15% !important;
}
.dynamic_class_72 .banner-data {
    top: 75px !important;
    left: 40% !important;
}
:root{
--hover-bg-color: #7c6b73 !important;
}
.shop-btn{
    background: #7c6b73c9 !important;
}
.shop-btn:hover{
    background: #7c6b73 !important;
}
.primary-bg-color {
    background-color: #7C6B73 !important;
}
.active-border-bottom {
    border-bottom: 2px solid #7C6B73 !important;
}
.primary-bg-hover:hover, .categories-menu:hover, .category-hover:hover {
    background-color: #7C6B73 !important;
}
@media screen and (max-width: 768px){
.banner-data{
    position: absolute;
    top: 28px;
    left:58%;  
}
.ml-10 {
    margin-left: 1.5rem;
}

#totalCompareItem{
    position: absolute;
    top: 17px;
   right: 122px;
}
.w-36 {
    width: 7rem;
}
.dynamic_class_41 .banner-data {
    top: 30px !important;
    left: 15% !important;
}
.dynamic_class_72 .banner-data {
    top: 25px !important;
    left: 25% !important;
}
.banner_main .banner-data {
    top: 15px;
    position: absolute;
    left: 0;
}
.pl-10p {
    padding-right: 12px;
}

}