@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500&family=Merriweather&display=swap');

:root{
--primary-color: #D4F7C5 !important;
}     
.semi-primary-bg-color {
    background-color: #305824  !important;
}
body, p, div, li,span{
font-family: 'Manrope', sans-serif !important;
}
.dm-bold{
font-family: 'Manrope', sans-serif !important;
font-weight: 600;
}
.ad_poster .text-11{
font-size: 16px !important
}
.ad_poster .text-33 {
    font-size: 28px;
}
.ad_poster p.text-11.text-gray-12.dm-regular{
margin-bottom:10px
}
footer ul p, footer .order-4 p {
    font-weight: 700 !important;
}

.footer_policy p {
    text-align: justify;
}
.footer_policy #ifog4 {
    width: 62%;
}
.footer_policy #irkl2{
    width: 63%;
}
.footer_policy #iyvxv {
    width: 70%;
}
.footer_policy #ixf7s {
    width: 74%;
    margin: 0 auto;
    padding: 0;
    height: auto;
}




.mySwiper-0  .px-11{

padding-left: 150px important;

}


.overflow-x-auto  .md\:text-xl{

font-size: .875rem !important;
}
             
@media only screen and (max-width: 767px) {
.mySwiper-0  .hero-slide-img {
    height: 158px ! important;
}                               
.mySwiper-0  .px-11{
padding-left: 10px;
}
.h-44 {
    height:  7rem ! important;
}
.mySwiper-1 .px-11{

padding-left: 10px !important;
}
.mySwiper-1 .hero-slide-img {
    height: 161px!important;
}
.h-600p {
    height: 800px ! important;
}
}

 @media  only screen and (max-width: 380px)
{
.ad_poster .text-33{
font-size: 20px ! important;
margin-top: 1px ! important;
}

.mySwiper .bottom-title
{
margin-top:0 !important;
}
.mySwiper  .costume-title .px-11{
padding-right: 8rem !important;
}
.mySwiper   .text-z-title{
font-size : 11px !important;
}
.mySwiper .bold-title{
line-height:15px !important;
font-size: 15px !important;
}
.mySwiper .shop-btn{
padding-top: 7px !important;
}
.mySwiper .shop-btn .shop-direction{
    left: 90px ;
    top: 13px;

}
}

@media only screen and (min-width: 768px){

.body-font  .break-all{

word-break: unset;
}

}
                                            

.text-sm {
    font-size: .8rem;
}
.shop-btn{
    padding-top: 12px;
    font-size: 12px;
}
.custom-swiper .swiper-button-next, .custom-swiper .swiper-button-prev{
display:none;
}
   .newLetterContent br {
display:none !important;
}
.footer_policy p.paragraph {
    font-size: 14px;
}
.footer_policy br, p#iyqj5, div#ioj8 {
    display: none;
}
.footer_policy p {
    margin-bottom: 15px !important;
}
  @media (min-width: 768px)  {
.md\:text-32 {
        word-break: auto-phrase !important;
}           }
      #ibb8mj  p{
text-align:center!important;
}
  .unreset {
    text-align: justify;
}