/*
Theme Name: _SODA THEME
Theme URI: sodamediagroup.com
Template: hello-elementor
Author: Manuel De los Reyes
Author URI: sirtexs.com
Description: A plain-vanilla & lightweight theme for Elementor page builder
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 2.7.1.1685306311
Updated: 2023-05-28 20:38:30
*/

@import url("https://fonts.googleapis.com/css2?family=Geist:ital,wght@0,100..900;1,100..900&display=swap");

:root {
  --color-light-gray: #ededed;
  --color-black: #161f33;
  --color-white: #ffffff;

  --color-soda-1: #c3dfd3;
  --color-soda-2: #3fa0bd;
  --color-soda-3: #05657d;
  --color-soda-4: #ff9933;
  --color-soda-5: #c91f1f;

  --color-black-10: #1622331a;
  --color-black-30: rgba(22, 34, 51, 0.3);
  --color-black-50: rgba(22, 34, 51, 0.5);
  --color-black-70: rgba(22, 34, 51, 0.7);
  --color-black-90: rgba(22, 34, 51, 0.9);

  --padding-section: 5vw;
}

.shadow img {
  box-shadow:
    0px 120px 120px rgba(22, 34, 51, 0.08),
    0px 64px 64px rgba(22, 34, 51, 0.12),
    0px 32px 32px rgba(22, 34, 51, 0.04),
    0px 24px 24px rgba(22, 34, 51, 0.04),
    0px 4px 24px rgba(22, 34, 51, 0.04),
    0px 4px 4px rgba(22, 34, 51, 0.04) !important;
}

body,
.txt-normal {
  color: var(--color-black);
  font-family: "Geist", sans-serif;
  font-size: clamp(0.875rem, 0.0047rem + 3.868vw, 1rem);
}

h3 {
  font-size: clamp(1rem, 0.0047rem + 3.868vw, 2rem);
}

.section-normal {
  padding-inline: var(--padding-section);
  margin: 0 auto;
}

.txt-bold {
  font-weight: 600;
}

.txt-uppercase {
  text-transform: uppercase;
}

.txt-vw2 {
  font-size: max(2vw, 1rem);
  line-height: max(2vw, 1rem);
}

.txt-vw3 {
  font-size: max(3vw, 1rem);
  line-height: max(3vw, 1rem);
}

.txt-vw5 {
  font-size: max(5vw, 1.5rem);
  line-height: max(4.5vw, 1rem);
}

.txt-vw7 {
  font-size: max(7vw, 5rem);
  line-height: max(6.5vw, 4.5rem);
}

.mb-2 {
  margin-bottom: 2rem;
}

.pa-2 {
  padding: 2vw;
}
.pa-3 {
  padding: 3vw;
}

.pa-5 {
  padding: 5vw;
}

.btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  border-radius: 8px;
  text-decoration: none;
  color: inherit;
  width: max-content;
  transition: all 200ms ease;
}

.btn svg {
  width: 1.25rem;
  height: 1.25rem;
}

.btn-primary {
  background: var(--color-black);
  color: var(--color-white);
}

.btn-primary:hover {
  background: var(--color-white);
  color: var(--color-black);
  transform: translateY(-5px);
  box-shadow: 0 12px 30px rgba(22, 34, 51, 0.05);
}

@keyframes reveal {
  from {
    opacity: 0;
    transform: translateY(80px) scale(0.9);
    filter: blur(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}
.reveal {
  animation: reveal linear both;
  animation-timeline: view();
  animation-range-start: entry 20%;
  animation-range-end: entry 80%;
}