@font-face {
    font-family: 'Somar Sans';
    src: url('https://khalil20star.github.io/my-fonts/SOMARSANS-BOLD.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


body {
    font-family: 'Somar Sans', sans-serif !important;
}
.s-advertisement {
    background-color: #3e8dcb !important;
}
.top-navbar {
    display: none;
}
section.s-block.s-block--fixed-banner.wide-placeholder {
    padding-top: 0px !important;
}

.main-nav-container {
    min-height: 0px;
}
.inner.bg-inherit {
    padding: 1rem;
}

.slide--cat-entry {
    height: 11.5rem;
}
@media (min-width: 1024px) {
  .s-block.s-block--fixed-banner {
    position: relative;
  }

  .s-block.s-block--categories {
    position: relative;
    margin-top: -5.75rem; 
    z-index: 10;          
  }
}
section.s-block.s-block--testimonials.container.overflow-hidden {
    display: none;
}

.custom-payment-icon img[src*="misspay.png"] {
  filter: brightness(1) invert(1);
}

.s-block__title .right-side h2 {
    color: #353085;
    font-size:2rem;
}
#app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(14)){
padding-top: 25px;
background-color:#fff !important;
}
@media (min-width: 1280px) {
  #app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(14) .container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
#app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(14) > div.s-block__title.custom-blog-header > div > span{
color: #448ac7;
}

#app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(14) {
    background: #fff;
    padding-top: 30px !Important;
}

#app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(4){
	
margin-top: 0px !important;
}

.store-footer__inner {
    background-color: #352f84 !important;
}
@media (min-width: 1280px) {
  #app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(4) > div {
    max-width: 100% !important;
    width: 100% !important;
  }
}
.s-block__title {
  display: flex;
  justify-content: center; 
  align-items: center;     
  text-align: center;      
}

.s-block__title .right-side {
  width: 100%;
}

.s-block--features.container .grid {
  display: grid !important;
  gap: 1.5rem !important;
}


@media (max-width: 767px) {
  .s-block--features.container .grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .s-block--features.container .grid .s-block--features__item:first-child {
    grid-column: 1 / -1 !important;
  }

  /* Ensure others wrap normally */
  .s-block--features.container .grid .s-block--features__item:nth-child(n+2) {
    grid-column: auto !important;
  }
}


@media (min-width: 1024px) {
  .s-block--features.container .grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}
.s-block--hero-slider .swiper-slide .overlay-bg:after {
    background-color: transparent !important;
}
.bg-center {
    background-position: 0 0 !important;
}
@media (min-width: 1280px) {
    .s-block--hero-slider .swiper-slide {
        height: 662px;
    }
}


.s-contacts-item .s-contacts-icon svg {
  display: none !important;
}


.s-contacts-item .s-contacts-icon {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 32px;
  height: 32px;
}


.s-contacts-item[href*="whatsapp"] .s-contacts-icon {
  background-image: url("https://i.postimg.cc/MpFWP4N6/icon6.png");
}


.s-contacts-item[href^="https://www.instagram.com/ronybaby_sa/?igsh=aGF3a3Zoc2NpNzlj"] .s-contacts-icon {
  background-image: url("https://i.postimg.cc/pL62G742/icon7.png");
}
.s-contacts-item[href^="https://www.tiktok.com/@r0nybaby?_t=ZS-901R7iGD3Vh&_r=1"] .s-contacts-icon {
  background-image: url("https://i.postimg.cc/HkxYtHZL/icon9.png");
}
.s-contacts-item[href^="https://www.snapchat.com/@ronybabystore?sender_web_id=139e9f07-7a63-4dca-8128-e707c8de8363&device_type=desktop&is_copy_url=true"] .s-contacts-icon {
  background-image: url("https://i.postimg.cc/7ZWxscdq/icon8.png");
}
.s-contacts-icon {
    border-width: 0px;
}
/* Replace the contact title text */
.s-contacts-title {
  font-size: inherit; /* keep the same styling */
  position: relative;
  color: transparent; /* hide original text */
}

.s-contacts-title::after {

  content: "تابع روني بيبي";
  color: #FFF; /* change color if needed */
  position: absolute;
  left: 0;
  right: 0;
  text-align: inherit;
}
.s-contacts-title::before {
  content: "";
  position: absolute;
  bottom: -6px;
  width: 120px;
  height: 3px;
  background-color: #448ac7;
  border-radius: 1px;
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div:nth-child(3) > h3 {
  position: relative;
  display: inline-block; 
}

#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div:nth-child(3) > h3::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 95px;
  height: 3px;
  background-color: #448ac7;
  border-radius: 1px;
}

#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > a > h3{
  position: relative;
  display: inline-block; 
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > a > h3::after{
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 110px;
  height: 3px;
  background-color: #448ac7;
  border-radius: 1px;
}
@media (min-width: 1024px) {
  /* Logo container */
  footer .footer-logo {
    grid-column: span 2; /* take 2 of 6 columns */
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-shrink: 0;
  }

  /* Logo link */
  footer .footer-logo-link {
    display: inline-block;
  }

  /* Logo image */
  footer .footer-logo-img {
    width: 400px;
    max-width: 100%;
    height: auto;
    transition: transform 0.3s ease;
  }

  /* Hover effect */
  footer .footer-logo-img:hover {
    transform: scale(1.05);
  }
}

@media (max-width: 1023px) {
  footer .footer-logo-img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
}

footer.store-footer {
    background-color: #352f84 !important;
}
.copyright-text p {
    color: rgb(255 255 255);
}
.custom-contact-section {
  margin-bottom: 10px;
}
.custom-contact-section h4 {
  margin: 0 0 8px 0;
  font-weight: bold;
}
.custom-contact-icons {
  display: flex;
  gap: 15px;
}
.custom-contact-icons a {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.custom-contact-icons a.phone {
  background-image: url('https://i.postimg.cc/9Q18xzMS/phone.png'); /* phone icon */
}
.custom-contact-icons a.email {
  background-image: url('https://i.postimg.cc/CxJPvd5p/email.png'); /* email icon */
}