/* Add custom CSS styles below */ 
/* Add custom CSS styles below */ 
@media screen and (max-width:991px){
.first-section,.first-section salla-slider#main-slider-4,.first-section img.w-full.object-contain.lazy{
height:60vh !important;
}
.first-section .max-h-60 {
max-height: 8rem;
}
.first-section  .object-contain {

    object-fit: cover;
}
}
/*-------------------*/
/*.flex.gap-2.flex-col.text-center.md\:text-start.md\:max-w-md.text-white {
width: 100% !important;
max-width: 100%;
}
.hero-slider-title {
width: 100% !important;
}*/
/*---------------*/
/*
.secund-section,.secund-section salla-slider#main-slider-4,.secund-section img.w-full.object-contain.lazy{
height:60vh !important;
}

.secund-section .max-h-60 {
max-height: 25rem;
}
.secund-section .container{
max-width:100% !important;
}
@media screen and (max-width:768px){
.secund-section .absolute{
padding:1px
}
}
.secund-section .object-contain{
opacity:0
} 
.secund-section .md\:items-start {
align-items: center;
width:50%;
} 
.secund-section h3 {
font-size: 40px;
text-align: center;
margin-bottom: 23px;
width:100%
}
.secund-section span{
font-size:30px;
 text-align: center;
 line-height: 32px;
}
@media screen and (min-width:768px){
.secund-section .left-1\/2 {
right:0px;
}
.secund-section .-translate-x-1\/2 {
--tw-translate-x: unset;
}
.secund-section .absolute{
flex-direction: row;
padding-right: 0px;
}
}
@media screen and (max-width:768px){
.secund-section,.secund-section salla-slider#main-slider-4,.secund-section img.w-full.object-contain.lazy{
height:70vh !important;
}
.secund-section span {
font-size: 20px;
text-align: center;
line-height: 32px;
}
.secund-section h3 {
font-size: 30px;
text-align: center;
margin-bottom: 10px;
}
.secund-section .md\:items-start {
align-items: center;
width: 100%;
}
}
@media screen and (min-width:576px) and (max-width:768px){
.secund-section,.secund-section salla-slider#main-slider-4,.secund-section img.w-full.object-contain.lazy{
height:70vh !important;
}
}
@media screen and (min-width:768px) and (max-width:1200px){
.secund-section h3 {
font-size: 25px;
text-align: center;
margin-bottom: 8px;
}
.secund-section,.secund-section salla-slider#main-slider-4,.secund-section img.w-full.object-contain.lazy{
height:40vh !important;
}
}*/
/********----third-section--------------------*/
/*
.third-section,.third-section salla-slider#main-slider-4,.third-section img.w-full.object-contain.lazy{
height:60vh !important;
}

.third-section .max-h-60 {
max-height: 25rem;
}
.third-section .container{
max-width:100% !important;
}

.third-section .object-contain{
opacity:0
} 
.third-section .md\:items-start {
align-items: center;
width:50%;
} 
.third-section h3 {
font-size: 40px;
text-align: center;
margin-bottom: 23px;
}
.third-section span{
font-size:30px;
 text-align: center;
 line-height: 32px;
}
@media screen and (min-width:768px){
.third-section .left-1\/2 {
left:0px;
}
.third-section .-translate-x-1\/2 {
--tw-translate-x: unset;
}
.third-section .absolute{
/*  flex-direction: row;*/
padding-left: 0px;
}
}
@media screen and (max-width:768px){
.third-section,.third-section salla-slider#main-slider-4,.third-section img.w-full.object-contain.lazy{
height:70vh !important;
}
.third-section span {
font-size: 20px;
 }
.third-section h3 {
font-size: 30px;
text-align: center;
margin-bottom: 8px;
}
.third-section .md\:items-start {
align-items: center;
width: 100%;
}
.third-section .absolute{
padding:1px
}
}
@media screen and (min-width:576px) and (max-width:768px){
.third-section,.third-section salla-slider#main-slider-4,.third-section img.w-full.object-contain.lazy{
height:80vh !important;
}
}
@media screen and (min-width:768px) and (max-width:1200px){
 .third-section h3 {
font-size: 25px;
margin-bottom: 0px;

 }
.third-section,.third-section salla-slider#main-slider-4,.third-section img.w-full.object-contain.lazy{
height:70vh !important;
}
}*/

/*------فاصل ملاك ------------*/
.s-angel--divider  h2{
color:#271432
}







/*------banners-code-----------*/
 section:nth-child( 1 of section.s-block.s-block--fixed-banner.wide-placeholder.angel_anime.animate__.animate__fadeIn ) .container{
  margin-right:0px;
  margin-left:auto;
  max-width: 90%;
  }
   section:nth-child( 2 of section.s-block.s-block--fixed-banner.wide-placeholder.angel_anime.animate__.animate__fadeIn ) .container{
  margin-left:0px;
  margin-right:auto;
  max-width: 95%;
  }
   section:nth-child( 3 of section.s-block.s-block--fixed-banner.wide-placeholder.angel_anime.animate__.animate__fadeIn ) .container{
  margin-left:auto;
  margin-right:0px;
  max-width: 95%;
  }
   section:nth-child( 4 of section.s-block.s-block--fixed-banner.wide-placeholder.angel_anime.animate__.animate__fadeIn ) .container{
  margin-right:auto;
  margin-left:0px;
  max-width: 95%;
  }
@media screen and (max-width:768px){
 section:nth-child( 1 of section.s-block.s-block--fixed-banner.wide-placeholder.angel_anime.animate__.animate__fadeIn ) .container{

  max-width: 100%;

  }
     section:nth-child( 2 of section.s-block.s-block--fixed-banner.wide-placeholder.angel_anime.animate__.animate__fadeIn ) .container{
  max-width: 100%;
  }
  }
  /*--------------media-of-product--------*/
@media screen and (max-width:768px){
.large-cards .s-products-slider-card.swiper-slide {
        width: 57%;
}
button.undefined {
    font-size: 15px;
    padding: 10px;
}
.large-cards  .lazy__bg.lazy_img {
    height: 100%;
    width: 70%;
}
}

@keyframes moveUpDown {
    0%,100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-10px)
    }
}

.s-product-card-entry { 
    animation: moveUpDown 2s ease-in-out infinite; 
}