@import "tailwindcss";

@theme {
    --color-Paragraph: #594F53;
    --color-secoundry: #848484;
    --color-border: #D4D4D4;
    --color-borderG: #19bf0d;
    --color-Ogreen: #e8f9e7;
    --color-greey : #f8f8f8;
}





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

.swiper-slide {
    text-align: center;
    font-size: 18px;


    /* Center slide text vertically */
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    object-fit: cover;
}

.swiper-slide .swiper-slide-next {
    width: 325px !important;
}

.swiper-slide .swiper-slide-active {
    width: 325px !important;
}





/* --------------------------------------------------------- */
.single .swiper {
    width: 100%;
    height: 100%;
}

.single .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #444;

    /* Center slide text vertically */
    display: flex;
    justify-content: center;
    align-items: center;
}

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

.single .swiper {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}

.single .swiper-slide {
    background-size: cover;
    background-position: center;
}

.single .mySwiper2 {
    height: 300px;
    width: 100%;
}

.single .mySwiper {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}

.single .mySwiper .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}

.single .mySwiper .swiper-slide-thumb-active {
    opacity: 1;
}

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

/* ------------------------------logo animation---------------------------------------- */
    @keyframes logoScale {
      0% { transform: scale(1.1); }
      50% { transform: scale(0.9); }
      100% { transform: scale(1.1); }
    }
    .logo-scale-animation {
      animation: logoScale 2s ease-in-out infinite;
    }

    /* -------------------------------date picker-------------------------- */
.custom-dropdown {
  width:265px !important;
  height:165px !important;
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1) !important;
}