:root{
     --primary-color: #026CB6;
     --secondry-color: #36A549;
}
body {
   font-family: "Cairo", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings:
    "slnt" 0;
}
.is-primary{
background-color: var(--primary-color) !important;
}
.is-secondry{
background-color: var(--secondry-color) !important;
}
.is-secondry .button a{
color: white !important;
}
 a.button.is-secondry{
   color: white !important; 
}
.hero {
    background-color: #f8f8f8;
}
.has-text-secondry {
    color: var(--secondry-color);
}

.content-column {
    padding-left: 2rem;
}


.swiper-column {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    background-color: #F8F8F8;
    border-radius: 8px;
}
    footer {
      background: #026CB6;
      color: white;
      padding: 2rem;
      text-align: center;
    }

.swiper {
    width: 100%;
    height: 100vh;
}

.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F8F8F8;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    
    overflow: hidden;
}

.product-slide img {
    max-width: 90%;
    max-height: 100%;
    object-fit: contain;
}


.swiper-pagination-vertical.swiper-pagination-bullets {
    right: 0px;
    left: auto;
    background-color: rgb(104,104,89, 0.2);
    padding: 5px;
    border-radius: 25px;
}
.swiper-pagination-bullet {
    background-color:#026CB6;
    opacity: 0.7;
}
.swiper-pagination-bullet-active {
    background-color: #026CB6;
    opacity: 1;
}


.quality-section {
    padding: 4rem 0;
    background-color: #f5f5f5;
}

.quality-section img {
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}


.has-text-primary {
    color: #026CB6 !important;
}
.has-text-secondry{
color: var(--secondry-color);
}
.has-text-info {
    color: #026CB6 !important;
}
.title.is-2 {
    font-weight: 700;
}
.title.is-3 {
    font-weight: 600;
}




.swiper-slide.is-two-items {
   
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}

.swiper-slide.is-two-items img {
   
    max-height: 48%; 
    width: auto;
    object-fit: contain;
}
.navbar-item img{
min-height: 80px;
}


.product-carousel-section {
    padding: 3rem 0;
}

.horizontalSwiper {
    width: 100%;
    height: 350px;
    padding: 20px 0; 
}

.horizontalSwiper .swiper-slide {
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.horizontalSwiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.horizontalSwiper .swiper-button-next,
.horizontalSwiper .swiper-button-prev {
    color: #00bcd4;
}


@media screen and (max-width: 768px)  {
    .swiper-column {
   height: 50vh;
}
  .swiper {
    width: 100%;
    height: 50vh;
}
}