@media (max-width: 768px) {
	.craffo-components-statistics .grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }

  .craffo-components-statistics i {
    font-size: 28px !important;
  }

  .craffo-components-statistics .text-5xl {
    font-size: 20px !important;
    margin-top: 4px;
  }

  .craffo-components-statistics .text-lg {
    font-size: 13px !important;
    margin-top: 2px;
        line-height: 1rem;

  }

  .craffo-components-statistics .p-2,
  .craffo-components-statistics .md\:p-4 {
    padding: 6px !important;
  }

  .craffo-components-statistics .rounded-md {
  padding: 0.2rem !important;
  }

  .craffo-components-statistics .grid {
    gap: 8px !important;
  }

}


@media (max-width: 768px) {
#app > div.app-inner.flex.flex-col.min-h-full > div.kayan-features.kayan-features-7.px-10.py-10.border-y-2.border-black.overflow-hidden.block.block > div > div.flex.justify-center.m-auto.items-center.pb-10 > p{
	  font-size: 18px !important;
	    line-height: 1.5rem;
}
#app > div.app-inner.flex.flex-col.min-h-full > div.kayan-features.kayan-features-7.px-10.py-10.border-y-2.border-black.overflow-hidden.block> div > div.flex.flex-wrap.gap-8.w-full.h-full.items-center.justify-center {
    gap: 8px !important;
     display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }
  
    .kayan-features-7 .flex.flex-wrap > div:nth-child(3) {
    grid-column: span 2;      
    justify-self: center;     
    max-width: 70%;            
  }
  
    .kayan-features-7 h4 {
    font-size: 14px !important;
  }

  .kayan-features-7 .flex> div {
    max-width: 100% !important;
  }

  .kayan-features-7 i {
    font-size: 28px !important;
  }

 

  .kayan-features-7 p {
  	 font-size: 12px !important;
    line-height: 1.2rem;
  }

  .kayan-features-7 .px-3,
  .kayan-features-7 .py-2 {
    padding: 4px !important;
  }

}

.s-product-options-wrapper{
	background-color: transparent !important;
}

.index .kayan-header
{
	height: auto !important;
}


.index .kayan-header.overflow-hidden.w-full.h-full > div > div > div.flex-1.items-center.flex.gap-4.overflow-hidden > div.w-24{
	display: none !important;
}
#app > div.app-inner.flex.flex-col.min-h-full > section > div > div.accordion-container.flex.flex-col.justify-center.items-center.w-full,#app > div.app-inner.flex.flex-col.min-h-full > section > div > div.accordion-container.flex.flex-col.justify-center.items-center.w-full> div{
	border-color: #cc6788 !important;
}