.main-container{
  max-width:1280px;
  margin:0 auto;
  clear:both;
  font-family: 'Figtree';
}
.grid-md{
  display:grid;
  align-items: center;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.main-container a{
  --tw-text-opacity: 1;
    color: rgb(67 67 67 / var(--tw-text-opacity));
}
.flex {
    display: flex;
}
a:href{
    --tw-text-opacity: 1;
    color: rgb(82 196 26 / var(--tw-text-opacity));

}
.column h3{
   font-size: 1.875rem;
   line-height: 2.25rem;
  font-family:"Figtree", sans-serif;
  color: #343434;
  font-weight:600;
}
.mb-6 {
    margin-bottom: 1.5rem;
}
.main-container h1 {
  --tw-text-opacity: 1;
  color: rgb(67 67 67 / var(--tw-text-opacity));
  line-height: 1;
  font-size: 3.75rem;
  margin-bottom: 3rem;
}
.main-paragraph{
  font-size: 1.5rem;
  line-height: 1;
  font-weight:300;
}

.two-column-padded-left ul li, .two-column-padded-right ul li {
    margin-left: -38px !important;
    margin-bottom: 10px;
    margin-top: 0;
    padding-top: 0;
    padding-left: 36px !important;
    text-align: left;
    list-style: none;
  background-image: url("");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 20px;
}

li::marker {
  width: 20px; 
}

.text-alignment {
  text-align: left !important;
}
.flex.flex-col.buttons-all {
    margin-top: 2.5rem;
}
.column .italic{
  font-size: 1rem;
  line-height: 1rem;
  font-style: italic;
}
.text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
}
.font-semibold {
    font-weight: 600;
}
.text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
}
.text-right {
    text-align: right;
}
.\!mt-2 {
    margin-top: .5rem !important;
}
button.rounded-lg{
    color:#191919!important;
}
#playVideo{
    margin-top: 1.5rem;
}
.data-\[state\=closed\]\:animate-fadeOut[data-state=closed] {
    display: none;
    visibility: hidden;
}
.data-\[state\=open\]\:animate-contentShow[data-state=open] {
    animation: contentShow .15s cubic-bezier(.16,1,.3,1);
}
#radix-dialog{
  z-index:500000;
}
#overlay{
  z-index:50000;
}

@media (max-width: 1024px) { 
  .flex.flex-col.buttons-all {
      display:block;
  }
  .flex.flex-col.buttons-all .rounded-lg.button{
      display:inline-flex;
    margin-bottom:20px;
  }
  .column h1 {
        font-size: 3rem;
        line-height: 1;
    }
}
@media (max-width: 768px) { 
  .grid-md{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-md .column {
      order: 2;
  }
  .grid-md .column.col-image {
      order: 1;
  }
  .column h1 {
      font-size: 2.25rem;
      line-height: 1.5rem;
  }
  .column.col-image {
      --tw-space-y-reverse: 0;
      margin-bottom: calc(3rem* calc(1 - var(--tw-space-y-reverse)));
  }