.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
}

.shadow-accent-volume, .shadow-white-volume {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-accent-volume {
    --tw-shadow: 5px 5px 10px rgba(108, 106, 213, .25), inset 2px 2px 6px #a78df0, inset -5px -5px 10px #6336e4;
    --tw-shadow-colored: 5px 5px 10px var(--tw-shadow-color), inset 2px 2px 6px var(--tw-shadow-color), inset -5px -5px 10px var(--tw-shadow-color);
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
}

.font-semibold {
    font-weight: 600;
}

.btn-3d {
    font-size: 1.125rem;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}

.text-center {
    text-align: center;
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
}

.py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.bg-accent:hover {
    opacity: .9;
}

.bg-accent {
    font-weight: 600;
    background: linear-gradient(94.48deg, #f5614b, #f5614b .01%, rgba(250, 117, 69, .99));
    border: .125rem solid #be400f;
    color: #fff;
}

.rounded-medium {
    border-radius: .75rem;
}

.rounded-full {
    border-radius: 9999px;
}

.w-36 {
    width: 9rem;
}

*, :after, :before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-scroll-snap-strictness: proximity;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-ring-shadow: 0 0 transparent;
    --tw-shadow: 0 0 transparent;
    --tw-shadow-colored: 0 0 transparent;
}

@media (min-width: 1200px) {
    .welcome_hero_title {
        font-size: 3rem;
    }
}

.lead_magnet_use_case_list li b {
    font-weight: 600 !important;
}

.footer_countries a svg {
    filter: grayscale(1);
}

body.dark-mode .navbar-brand .logo-dark {
    display: flex;
    align-items: center;
    gap: 8px;
}

body.dark-mode .navbar-brand .logo-dark svg {
    width: 24px;
    height: 24px;
}

h1.display-3 {
    font-family: "JetBrains Mono", monospace !important;
    /*font-family: "Fira Code", monospace;*/
    font-optical-sizing: auto;
    color: #fafafa;
}

.lead {
    font-family: "JetBrains Mono", monospace !important;
    font-optical-sizing: auto;
    color: #d0d0d0;
}

body.dark-mode {
    font-family: "JetBrains Mono", monospace;
}

body.dark-mode .navbar-nav {
    gap: 12px;
}

body.dark-mode .nav-link {
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.06em;
    color: #cdcdcd;
    text-transform: uppercase;
    font-size: 13px;
}

.bg-dark-no-border {
    background-color: #202021;
}

.bg-final-c2a {
    background-color: #181818;
    border: .1rem solid hsla(0, 0%, 82%, .1);
    color: #fafafa;
}

.muted-text-color {
    color: #d0d0d0 !important;
}

.welcome_hero_hint {
    background-color: #202021;
    color: #d0d0d0;
    border: .1rem solid hsla(0, 0%, 82%, .1);
}

body.dark-mode .card {
    background-color: #202021 !important;
}

.blog_posts_list {
    display: flex;
    gap: 36px;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
}
.blog_post_tile {
    display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  min-width: 340px;
  max-width: 420px;
  padding: 1.5rem;
  border: 1px solid hsla(0,0%,82%,.1);
  background-color: #202021;
border-radius: 0.5rem;
}
.blog_post_tile  img {
    width: 100%;
    max-width: 100%;
}