:root {

    --border-color: #1b2d294f; /* Light theme border color */
}

[data-theme="dark"] {
    --border-color: #dddddd6b; /* Dark theme border color */
}



@keyframes loop {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-50%);
    }
  }




@font-face {
    font-family: "Lato-Bold";
    src: url(../webfonts/Lato-Bold.woff2) format("woff2");
}

@font-face {
  font-family: "Lato-Black";
  src: url(../webfonts/Lato-Black.woff2) format("woff2");
}

@font-face {
    font-family: "Lato";
    src: url(../webfonts/Lato-Regular.woff2) format("woff2");
}

@font-face {
  font-family: "Calsans";
  src: url(../webfonts/CalSans-Regular.woff2) format("woff2");
}

.Lato-black{
  font-family: 'Lato-Black';
}

.Lato-b{
  font-family: 'Lato-Bold';
}

.Lato{
  font-family: 'Lato';
}


.py-6 {
    padding-top: 8rem ;
    padding-bottom: 8rem ;
  }
  
.my-6{
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
}




.pt-100{
    padding-top: 100px !important;
}
.pt-200{
    padding-top: 200px !important;
}
.pt-300{
    padding-top: 300px !important;
}

.img-radius {
    border-radius: 12px;
}


.title-font-style{
  font-family: Calsans;
  letter-spacing: 1px;
}



.distance-sm{
  min-height: 40px;
}

.distance-md{
  min-height: 70px;
}

.distance-lg{
  min-height: 100px;
}

.distance-max{
  min-height: 200px;
}



.font-large{
  font-size: 60px;
}

.font-medium{
  font-size: 50px;
}

.font-small{
  font-size: 12px;
}

.font-regular{
  font-size: 14px;
}




.mb-100{
    margin-bottom: 100px !important;
}

.mt-100-reverse{
  margin-top: -30px !important;
}

.mt-100{
    margin-top: 100px !important;
}

.mt-75{
  margin-top: 75px !important;
}
.mt-6
{
  margin-top: 4rem;
}
.ml-100{
    margin-left: 100px !important;
}

.ml-50{
    margin-left: 50px !important;
}

.mr-100{
    margin-right: 100px !important;
}




.w-70{
    width: 70% ;
}
.w-80{
    width: 80% !important;
}
.w-90{
    width: 90% !important;
}
.w-100{
    width: 100% !important;
}