html {
  scroll-behavior: smooth;
}


  

@layer base {
  
  /* Small devices (Landscapes, Tablets, 640px and up) */
  @media (min-width: 640px) {
    body { 
      background-color: white; 
    }
  }

  
  p,
  span,
  a {
    @apply font-manrope;
  }

  button,
  .btn {
    @apply font-lato;
  }

  /* Global cursor rules */
  a,
  button,
  [role="button"],
  label[for],
  select,
  summary {
    cursor: pointer;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: var(--font-bodoni);
    @apply font-[Bodoni_Moda]
  }
}

@layer utilities {
  .no-scrollbar::-webkit-scrollbar {
    display: none;
  }

  .no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
}
.font-bodoni{
@apply font-[Bodoni_Moda]
}

@media (min-width: 768px) {
header.sticky{
  height: 80px;
}
}
/*header.sticky{
  box-shadow: 0px 0px 15px #ccc;
}*/
/* breakpoints */
/* sm: '640px',
      md: '768px',
      lg: '1024px',
      xl: '1280px',
      '2xl': '1536px', */

      

  /* body {
    @apply lg:bg-[#000] text-black sm:bg-[#111] sm:text-white;
  } */

 @media (max-width: 639px) {
    .services-icon a:nth-child(3n) { width: 100%; }
    .services-icon a:nth-child(3n) img  {
        max-width: 70px !important;
        height: auto !important;
        width: 70px;
    }
  }
@media (min-width: 640px) {
    .services-icon a:nth-child(3n) img  {
        max-width: 80px !important;
        height: auto !important;
        width: 80px;
    }
  }
  @media (min-width: 1920px) {
    .vid-testi-con{
      width: 335px !important;
    }
    .vid-testi{
          width: 335px !important;
          height:335px !important;
    }

  }
  @media (max-width: 1919px) { 
    .vid-testi-con{
      /* width:230px !important; */
      padding-left:0;
    }
    .vid-testi{
          width: 230px !important;
          height:230px !important;
    }

  }
  button .w-2 {
    width: 10px !important;
    height: 10px !important;
}
@media (max-width: 1920px){ 
button.p-2.-m-2 {
    height: 12px;
    width: 12px;
    padding: 0;
    margin: 0;
}
}
ul.bio-points.second{
  margin:2px 0 0 0;
  line-height: 20px;
}
.list-disc li::marker {
  font-size: 18px; /* Adjust this value to change size */
}
.contact-form input, .contact-form textarea{border:1px solid #bfbfbf;}
.contact-form textarea{height: 220px;}
.contact-form input{ height: 43px;}
.contact-form button{ height:41px; display:flex; align-items: center; justify-content: center;}

/*Foot notes order in mobile*/
@media (max-width: 767px) {
    div#footnote-1 {
        order: 1;
    }
    div#footnote-2 {
        order: 2;
    }
    div#footnote-3 {
        order: 3;
    }
    div#footnote-4 {
        order: 4;
    }
}
sup{
  font-size:12px !important;
}