.section-padding {
  @apply lg:py-20 py-14;
}

.btn-primary {
  @apply font-lato !bg-blue border-2 border-blue text-white text-h4 py-2 px-5 rounded-lg hover:shadow-lg;
}

#default-tab::-webkit-scrollbar {
  @apply hidden;
}

.quick-look[aria-current='true'] {
  @apply bg-blue border-blue;
}

.features-tab[aria-selected='true'] {
  @apply !text-dark-blue focus:border-b-blue border-b-blue;
  background: linear-gradient(to bottom, #ffffff 0%, #eefaff 73.33%);
}

.group:hover .group-img {
  content: url(/itrust/icons/play_button_white);
}

.doctor_hero_text {
  @apply top-[2px] left-[3%] sm:top-[8px] sm:left-[4%] md:top-[6px] md:left-[5%] lg:left-[5%] lg:top-[7px];
}

#sign-up {
  @apply bg-[url(/itrust/registration_form)];
}

@keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.fade-in-out {
  animation: fadeInOut 10s ease-in-out forwards;
  opacity: 0;
  position: absolute;
}

#status-messages p:nth-child(1) {
  animation-delay: 0s; /* Instant for the first message */
}

#status-messages p:nth-child(2) {
  animation-delay: 10s; /* Delayed by 10 seconds */
}

#status-messages p:nth-child(3) {
  animation-delay: 20s; /* Delayed by 20 seconds */
}

#status-messages p:nth-child(4) {
  animation-delay: 30s; /* Delayed by 30 seconds */
}

/*  End ********************************************************* utility_classes.css */


body {
  @apply font-sans text-dark-blue;
}

html {
  scroll-behavior: smooth;
}

.swiper-slide-active {
  transition: all 300ms linear;
}

.swiper-slide-active {
  transform: translateY(-50px) !important;
}

ul {
  padding-left: 18px !important;
}

div,
section {
  scroll-margin-top: 80px;
}

.itrust-contact-form .iti--allow-dropdown {
  width: 100%;
}


/*  End ********************************************************* base.css */

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  img,
  video {
    /* max-width: initial; */
    height: initial;
  }
}
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


:root {
  --body-font           : "Open Sans", sans-serif;
  --heading-font        : "Nunito", sans-serif;
}

.form-control:focus{
  box-shadow: none !important;
}

.search-box .btn-outline-secondary:hover {
  color: #6c757d !important;
}

.navbar-toggler {
  padding: 5px !important;
}

.navbar-toggler-icon{
  width: 24px !important;
  height: 24px !important;
}

.navbar-toggler:focus {
  box-shadow: none !important;
}

.list-group-item{
  border: none;
}

.swiper-button-prev{
  top: 400px;
}

.swiper-button-next {
  top: 400px;
}
.search-box .rounded-4{
  border-radius: 1rem;
}

.rounded-4 {
  border-radius: 1rem;
}

.product-item{
  box-shadow: 0px 5px 22px rgba(0, 0, 0, 0.04);
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */