.pl-12{
    padding-left: 48px;
}
.pl-10{
    padding-left: 40px;
}

@media (min-width: 1024px) {
    .lg\:grid-cols-\[45\%_auto\] {
      grid-template-columns: 45% auto;
    }
  }

  @media (min-width: 1024px) {
    .lg\:pl-8 {
      padding-left: 2rem;
    }
  }

  @media (min-width: 1024px) {
    .lg\:w-\[95\%\] {
      width: 95%;
    }
  }

  @media (min-width: 1024px) {
    .lg\:mt-0 {
      margin-top: 0px;
    }
  }

  .mt-10{
    margin-top: 40px;
  }

  @media (min-width: 640px) {
    .sm\:mb-10 {
      margin-bottom: 2.5rem;
    }
  }
  
  @media (min-width: 1024px) {
    .lg\:mb-0 {
      margin-bottom: 0px;
    }
  }
  
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  
  @media (min-width: 640px) {
    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  
  @media (min-width: 768px) {
    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  
  @media (min-width: 1024px) {
    .lg\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }

  @media (min-width: 1024px) {
    .lg\:px-\[30px\] {
      padding-left: 30px;
      padding-right: 30px;
    }
  }
  @media (min-width: 1024px) {
    .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(0px * var(--tw-space-y-reverse));
    }
  }

  .text-center {
    text-align: center;
  }
  
  @media (min-width: 1024px) {
    .lg\:text-left {
      text-align: left;
    }
  }
  
  .justify-center {
    justify-content: center;
  }
  
  @media (min-width: 1024px) {
    .lg\:justify-start {
      justify-content: flex-start;
    }
  }

  @media (min-width: 1024px) {
    .lg\:flex-row {
      flex-direction: row!important;
    }
  }

  @media (min-width: 768px) {
    .md\:flex-row {
      flex-direction: row;
    }
  }

  .gap-x-2{
    column-gap: 8px;
  }

  .bg-cover{
    background-size: cover!important;
  }
  
  @media (min-width: 480px) {
    .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(0px * var(--tw-space-y-reverse));
    }
  }

  .gap-5 {
    row-gap: 1.25rem;
    column-gap: 1.25rem;
  }
  
  .flex-row {
    flex-direction: row;
  }
  
  @media (min-width: 640px) {
    .sm\:flex-col {
      flex-direction: column;
    }
  }

  
  .flex-col {
    flex-direction: column;
  }
  
  @media (min-width: 640px) {
    .sm\:flex-row {
      flex-direction: row;
    }
  }

  @media (min-width: 640px) {
    .sm\:pl-0 {
      padding-left: 0px;
    }
  }

  @media (min-width: 768px) {
    .md\:grid {
      display: grid;
    }
  
    .md\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }

  .p-8{
    padding: 32px;
  }

  .text-xl{
    font-size: 20px;
  }

  @media (min-width: 1024px) {
    .lg\:w-\[500px\] {
      width: 500px;
    }
  }
  

.hubspot-link__container{
    padding-bottom: 20px!important;
}

.rounded-md{
    border-radius: 8px;
}

@media (min-width: 640px) {
    .sm\:text-left{
        text-align: left!important;
    }
}
.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  
  @media (min-width: 768px) {
    .md\:px-0 {
      padding-left: 0px;
      padding-right: 0px;
    }
  }
  
  @media (min-width: 1024px) {
    .lg\:px-0 {
      padding-left: 0px;
      padding-right: 0px;
    }
  }
  
  .w-\[120px\] {
    width: 120px;
  }

  .h-\[350px\] {
    height: 350px;
  }
  
  .my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .px-5{
    padding-left: 20px;
    padding-right: 20px;
  }

  .gap-8 {
    gap: 2rem;
  }
  
  @media (min-width: 1024px) {
    .lg\:gap-16 {
      gap: 4rem;
    }
  }
  
  .leading-\[32px\] {
    line-height: 32px;
  }
  
  .text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  
  .text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  
  .pt-4 {
    padding-top: 1rem;
  }
  
  .pb-0 {
    padding-bottom: 0px;
  }
  
  .my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  
  .mt-0 {
    margin-top: 0px;
  }
  
  .mb-10 {
    margin-bottom: 2.5rem;
  }
  
  .p-4 {
    padding: 1rem;
  }
  
  @media (min-width: 1024px) {
    .lg\:p-10 {
      padding: 2.5rem;
    }
  }

  .w-full {
    width: 100%;
  }
  
  @media (min-width: 1024px) {
    .lg\:w-80 {
      width: 20rem;
    }
  }

  @media (min-width: 1024px) {
    .lg\:\!w-\[500px\] {
      width: 500px!important;
    }
  }
  
  .\!py-8{
    padding-bottom: 32px!important;
    padding-top: 32px!important;
  }

  @media (min-width: 1024px) {
    .lg\:\!justify-between {
      justify-content: space-between!important;
    }
  }

  .\!grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))!important;
  }
  
  @media (min-width: 640px) {
    .sm\:\!grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr))!important;
    }
  }
  
  @media (min-width: 768px) {
    .md\:\!grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr))!important;
    }
  }
  
  @media (min-width: 1024px) {
    .lg\:\!grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr))!important;
    }
  }
  

  .max-lines-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
            line-clamp: 2; 
    -webkit-box-orient: vertical;
 }

 .\!pb-20{
    padding-bottom: 20px!important;
 }

 .sticky {
    position: sticky;
  }
  
  .top-20 {
    top: 5rem;
  }

  .top-0{
    top: 0;
  }
  
  .h-fit {
    height: -moz-fit-content;
    height: fit-content;
  }
  
  .\!text-black{
    color: #000000!important;
  }

  .py-2{
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .w-full {
    width: 100%;
  }
  
  .bg-slate-400 {
    background-color: #dddddd;
  }
  
  .p-\[0\.5px\] {
    padding: 0.5px;
  }
 a.bg-endeavour.hover\:bg-tango.inline-flex.items-center.text-sm.justify-center.py-3.px-6.font-medium.font-roboto.uppercase.tracking-wide.text-white.transition.duration-200.rounded.shadow-md.bg-deep-purple-accent-400.hover\:bg-deep-purple-accent-700.focus\:shadow-outline.hover\:no-underline.focus\:outline-none {
    display: none;
}