.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;
color:#fff !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;
}
}





         @media (min-width: 1920px){
.\33xl\:mx-92 {
    margin-left: 280px;
    margin-right: 280px;
}         
}
section.bg-gray-12.max-h-24.md\:bg-white.sticky.top-0.z-40,
header.header,
.border-l.border-r.cursor-pointer.hidden.items-center,
section.mt-5.text-white.bg-gray-12{
    background-color: #E4EFB6  !important;
}
.dynamic_class_41 .banner-data {
    left: 40% !important;
}
   .banner_main .banner-data {
    left: 10%;
}
.shop-btn {
    background: #F1FF57 !important;
}
.shop-btn:hover {
    background: #2190a1 !important;
}
    
input#searchInput{
    border: none;
    background: #E4EFB6;
    border-radius: unset;
}
.relative.mt-2.bg-white.border.rounded.input-width.search-border.search-placeholder {
    border-width: inherit;
}
button.absolute.right-0.h-6.pr-2.mt-3.ml-3.-top-1.search-btn {
    display: none;
}

@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
// : Use a unique and descriptive class name
// : Use a value from 100 to 900

.jost- {
  font-family: "Jost", sans-serif !important;
  /*font-optical-sizing: auto;
  font-weight: ;
  font-style: normal;*/
}
*{
 font-family: "Jost", sans-serif !important;
  font-weight: 500;
  font-style: normal;
}
     .primary-bg-hover:hover, .categories-menu:hover, .category-hover:hover,
.primary-bg-color {
    background-color: #2190a1 !important;
}
   .active-border-bottom {
    border-bottom: 2px solid #2190a1 !important;
}
p.inline-block.shop-btn.dm-bold {
    color: #000000 !important;
}
.contact_wrapper > div {
    border: 1px solid #cdcdcd;
    border-radius: 15px;
    padding: 10px;
    margin: 10px !important;
}
.contact_wrapper  .gjs-cell {
    height: 180px;
    vertical-align: middle;
width:100%;

}
        .contact_wrapper {
   display: flex !important;
    padding: 10px;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}         
#i4avb,
#ie808,
#iw8k4 {
    text-align: center;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
display:flex;
}
.page-wrapper span{
font-family: "Jost", sans-serif !important;
}
.hover\:bg-yellow-1:hover {
    background-color: #2190a1 !important;
}
@media only screen and (max-width: 575px){
.md\:w-322p.w-full.pb-2 .relative.h-600p.w-full {
    height: 100% !important;
}      
.w-full {
    height: auto;
}
.h-44 {
    height: auto !important;
}
.dynamic_class_41 .banner-data {
    left: 30% !important;
}
.dynamic_class_72 .banner-data {
    top: 25px !important;
    left: 40% !important;
}
.h-48.flex.justify-center.items-center {
    height: unset !important;
}
}
       @media only screen and (max-width: 768px){
.gjs-row {
    flex-direction:column;
} 
#ig43b{
margin:0 !important;
}     
.md\:w-1\/5 {
    width: auto;
}
.gjs-cell {
    display: table !important;
}
}
       @media only screen and (max-width: 1024px){
span.text-sm.font-medium.transition-all.cursor-pointer.hover\:text-orange-500.rtl-direction-space.roboto-regular{
white-space:unset !important;
}
}
@media only screen and (min-width: 280px) and (max-width: 768px){
.image-width-height {
    width: 100%;
    height: 100%;
}
.border.border-gray-200.p-6.rounded-lg {
    height: auto !important;
}
#if6ll {
    text-align: center;
    word-break: break-all;
}


}
@media (min-width: 280px) and (max-width: 360px){
.x\:w-72 {
    width: 16rem;
}
.banner_main .banner-data {
    left: 0%;
}
.dynamic_class_41 .banner-data {
    left: 20% !important;
}
.dynamic_class_72 .banner-data{
    left: 25% !important;
}
}