@tailwind base;
@tailwind components;
@tailwind utilities;
@layer utilities {
  body {
    font-family: "Poppins", sans-serif;
  }
}

@layer components {
  .search-bar {
    @apply py-2 w-11/12 bg-transparent;
  }
  /***************************************************
 * Generated by SVG Artista on 6/5/2022, 3:07:41 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/
  @-webkit-keyframes animate-svg-stroke-1 {
    0% {
      stroke-dashoffset: 435.285400390625px;
      stroke-dasharray: 435.285400390625px;
    }
    100% {
      stroke-dashoffset: 870.57080078125px;
      stroke-dasharray: 435.285400390625px;
    }
  }
  @keyframes animate-svg-stroke-1 {
    0% {
      stroke-dashoffset: 435.285400390625px;
      stroke-dasharray: 435.285400390625px;
    }
    100% {
      stroke-dashoffset: 870.57080078125px;
      stroke-dasharray: 435.285400390625px;
    }
  }
  .cls-1 {
    fill: none;
    stroke: #01ccff;
    stroke-linecap: round;
    stroke-miterlimit: 10;
    stroke-width: 3px;
  }
  .svg-elem-1 {
    -webkit-animation: animate-svg-stroke-1 1s
      cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
    animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s
      both;
  }
  .swiper {
    width: 600px;
    height: 300px;
  }
  .bg-hero-section {
    background-image: url("/assets/images/About-us.svg");
  }
  /* ------------- */
}

[x-cloak] {
  display: none !important;
}

.toast-position {
  top: 65px;
  margin: 0 auto;
  left: 79%;
}