@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');
*{font-family: 'Poppins';}

body{
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
  }
  @layer base {
    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  }
  
  [x-cloak] {
    display: none;
  }
  
  a:hover {
    color: #832ED1;
  }
  
  /*******/
  /* Custom Scrollbar Styles */
  .overflow-auto::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  
  .overflow-auto::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 8px;
  }
  
  .overflow-auto::-webkit-scrollbar-thumb {
    background: #832ED1;
    border-radius: 8px;
  }
  
  .overflow-auto::-webkit-scrollbar-thumb:hover {
    background: #832ED1;
  }
  
  /* Custom Scrollbar Styles browser */
  ::-webkit-scrollbar {
    width: 10px; /* Adjust scrollbar width */
    }
  
    ::-webkit-scrollbar-thumb {
    background: #832ED1; /* Scrollbar color */
    border-radius: 5px; /* Rounded corners */
    }
  
    ::-webkit-scrollbar-track {
    background: #f1f1f1; /* Scrollbar track color */
    }

    @media screen and (max-width: 768px) {
      .button_gradient {
        display: block;
        color: #ffffff;
        border: 2px solid #A320D8;
        padding: 1rem 2.5rem;
        background-color:transparent; 
        border-radius: 9999px;
      }
    }


    @media screen and (min-width: 769px) {
      .button_gradient {
        display: grid;
        place-items: center;
        position: relative;
        background-color: #010510;
        height: 59px;
        width: 202px;
        border-radius: 9999px;
        color: #fff;
      }
      
      .button_gradient::before {
        position: absolute;
        content: "";
        background: linear-gradient(45deg, #3F7DF2, #95E3FD, #A320D8);
        z-index: -1;
        transition: 0.3s;
        animation: animate 2s linear infinite;
        height: 62px;
        width: 205px;
        border-radius: 9999px;
      }
      
      .button_gradient:hover::before {
        height: 64px;
        width: 210px;
        color: linear-gradient(45deg, #3F7DF2, #95E3FD, #A320D8);
      }
    }

    #navbar::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: url('../../assets/images/front/close-up-hands-holding-tablet1.png') center/cover no-repeat;
      opacity: 0.5;
      z-index: -1;
    }


    .splide__arrow {
      border-radius: 50%;
      padding: 10px;
      z-index: 10;
      display: none;
      }
      .splide__arrow--prev {
      left: -40px; /* Position left arrow outside */
      }
      .splide__arrow--next {
      right: -40px; /* Position right arrow outside */
      }
      .gecko-watermark{
      display: none !important;
      }
    
      .line {
        flex: 1;
        height: 2px;
        background: linear-gradient(to right, transparent, #a88eff);
      }
      .line2 {
        flex: 1;
        height: 2px;
        background: linear-gradient(to right, #a88eff, transparent);
      }