.yasmeen-components-statistics .grid.lg\:grid-cols-3.md\:grid-cols-2.gap-4.sm\:gap-6.xl\:gap-8.text-center {
grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media(max-width: 767px){

header.yasmeen-video > h1{
	font-size: 18px !important;
}

header.yasmeen-video {
	height: 25rem !important;
}

.yasmeen-who-are-we {
  height: 400px !important;   
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.yasmeen-who-are-we .yasmeen-who-are-we-container > div {
  height: 350px !important;   
}

.yasmeen-who-are-we .swiper-slide img {
  max-height: 150px !important;
  width: auto !important;
}

.yasmeen-who-are-we .swiper-slide h2 {
  font-size: 16px !important;
}

.yasmeen-who-are-we .swiper-slide p {
  font-size: 14px !important;
  line-height: 1.5;
}

.yasmeen-who-are-we .swiper-slide button {
  font-size: 13px !important;
}
.yasmeen-who-are-we .swiper-slide .flex {
  padding-top: 8px !important; 
}

.yasmeen-who-are-we .swiper-slide h2,
.yasmeen-who-are-we .swiper-slide p,
.yasmeen-who-are-we .swiper-slide button {
  margin-top: -8px;
}
.yasmeen-banner h3 {
	font-size: 20px !important;
}
.yasmeen-banner p{
		font-size: 16px !important;
}

.yasmeen-text-with-photo.container.mx-auto.block.block > div > div > div.w-full{
	    height: 20rem !important;
    width: 20rem !important;
    margin: auto !important;
}


.yasmeen-features .yasmeen-features-slider .swiper-wrapper  .swiper-slide h4{
	font-size: 12px !important;
} 
.yasmeen-features .flex.flex-col.gap-6.text-center.justify-center.items-center.swiper-slide > span{
    width: 4rem !important;
    height: 4rem !important;
}

}
@media(max-width:767px) 
{

.yasmeen-squares .yasmeen-squares-slider .yasmeen-square-slide img {
    height: 150px;
}

.yasmeen-squares .yasmeen-squares-slider .yasmeen-square-slide {
    width: 150px !important;
    height: 185px !important;
}

.yasmeen-components-statistics .grid.lg\:grid-cols-3.md\:grid-cols-2.gap-4.sm\:gap-6.xl\:gap-8.text-center {
    display: flex;
    justify-content: center;
}

.yasmeen-components-statistics.block.block h4.text-\[18px\].font-\[500\].text-gray-500 {
    font-size: 11px;
    font-weight: bold;
}


.yasmeen-categories  salla-slider .slide--one-sixth {
    width: 38%;
}

.yasmeen-categories  salla-slider .slide--one-sixth h3
{
  text-align:center;
}


section.yasmeen-text-with-photo.container.mx-auto.block.block > div > div {
    gap: unset;
    row-gap: 1rem;
}


.yasmeen-countdown-with-image.grid.md\:grid-cols-2.grid-cols-1.md\:justify-between.md\:items-center.w-full.lg\:gap-14.gap-6 {
    display: flex;
}

section.yasmeen-countdown img 
{
      height: 165px;
}

.yasmeen-countdown .s-count-down-md .s-count-down-item 
{
  height: 2.4rem;
  font-size: 16px !important;

}

.s-count-down-item-value {
    height: 20px;
}

.s-count-down-item-label 
{
  font-size: 10px !important;
  margin-top: 0rem;

}

section.yasmeen-countdown h2 {
    font-size: 18px;
}

section.yasmeen-countdown .md\:order-last > div.flex.flex-col.lg\:gap-6.gap-3 > span {
    font-size: 16px;
}


#app > section.yasmeen-countdown .flex.flex-col.gap-4.justify-center.md\:order-last > div.flex.gap-2 > * {
    font-size: 15px;
}

#app > section.yasmeen-countdown h5 {
    font-size: 12px !important;
}

section.yasmeen-countdown .w-full.h-14.ltr\:lg\:pr-40.rtl\:lg\:pl-40 {
    height: 2rem;
}

section.yasmeen-countdown .flex.flex-col.gap-4.justify-center.md\:order-last {
    gap: 0.2rem;
}

section.yasmeen-countdown > div > div > div > div.flex.flex-col.gap-4.justify-center.md\:order-last > div.w-full.h-14.ltr\:lg\:pr-40.rtl\:lg\:pl-40 > a {
    font-size: 12px;
    font-weight: bold;
}

#app > section.yasmeen-countdown > div > div > div > div.rounded-\[\.25rem\].overflow-hidden.md\:order-first {
    display: flex
;
    justify-content: center;
    align-items: center;
}


}