@font-face {
    font-family: 'Tusker Grotesk';
    src: local('Tusker Grotesk 4800 Super'), local('Tusker-Grotesk-4800-Super'),
        url('..fonts/TuskerGrotesk-4800Super.woff2') format('woff2'),
        url('..fonts/TuskerGrotesk-4800Super.woff') format('woff'),
        url('..fonts/TuskerGrotesk-4800Super.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

@font-face {
    font-family: 'bulevarposter';
    src: url('..fonts/bulevar-poster-webfont.eot');
    src: url('..fonts/bulevar-poster-webfont.eot?#iefix') format('embedded-opentype'),
         url('..fonts/bulevar-poster-webfont.woff2') format('woff2'),
         url('..fonts/bulevar-poster-webfont.woff') format('woff'),
         url('..fonts/bulevar-poster-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'bulevarregular';
    src: url('..fonts/bulevar-regular-webfont.eot');
    src: url('..fonts/bulevar-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('..fonts/bulevar-regular-webfont.woff2') format('woff2'),
         url('..fonts/bulevar-regular-webfont.woff') format('woff'),
         url('..fonts/bulevar-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


body {
  font-family: "Open Sans", sans-serif;
  color: #2C2926;
  background-color: #fdffff;
}

a {
  color: #0d5bcd;
  text-decoration: none;
}

a:hover {
  color: #0d5bcd;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto", sans-serif;
  /* font-family: "Bulevar",sans-serif; */
}
p {
  font-size: 1.2rem;
  line-height: 1.8;
  color: #2c2926;
}

/* moved from on page */
#header {
    transition: all 0.5s ease-in-out;
} 
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    overflow: hidden;
    background: #37517e;
    display: flex;
    justify-content: center;
    align-items: center;
}

#logo_loader {
    display: block; /* Initially set the display to "block" */
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
/*#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #37517e;
}
*/

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #37517e;
  border-top-color: #fff;
  border-bottom-color: #fff;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: animate-preloader 1s linear infinite;
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  background: #47b2e4;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  transition: all 0.4s;
}

.back-to-top i {
  font-size: 24px;
  color: #fff;
  line-height: 0;
}

.back-to-top:hover {
  background: #6bc1e9;
  color: #fff;
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}
*/
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
body.navbar-mobile {
  overflow: hidden;
  position: fixed;
  width: 100%;
}
#header {
    transition: all 0.5s;
    padding: 20px 0;
    /*background: rgb(62 63 67 / 79%);*/
    background: rgb(255 255 255 / 89%);
    width: 90%;
    border-radius: 3.375rem;
    margin: 10px auto 0 auto;
    position: absolute;
    height: 100px;
    /*backdrop-filter: blur(8px);*/
}

@media (max-width: 576px) {
#header {
  padding: 25px 0;
  width: 100%;
  border-radius: 0;
  margin: 0;
  /*position: absolute;*/
  }
.fixed-top {
  top: 0;
  }  
}  
/*
#header.header-scrolled,
#header.header-inner-pages {
  background: #2e3035;
}
*/

/*
#header .logo {
  font-size: 30px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
}

#header .logo a {
  color: #fff;
}
*/

#header .logo img {
  z-index: 1;
  position: absolute;
  top: 34.8%;
  left: 4%;
  width: 160px;
}
#header:has(.navbar.navbar-mobile) .logo img, #header-home:has(.navbar.navbar-mobile) .logo img {
  filter: brightness(0) invert(1);
  transition: filter 0.3s ease;
}
.header--mobile .logo img {
  filter: brightness(0) invert(1);
  transition: filter 0.3s ease;
}

.bi-x::before {
  content: "\f62a";
  color: #fff;
}
.company-name {
  color: rgb(255 255 255);
  font-size: 1rem; 
  font-weight: 700; 
  position: absolute; 
  left: 12%;
  top: 45%; 
  display: none;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
  padding: 0;
}
.fixed-top {
  position: sticky;
  top: 10px;
  /*right: 50px;
  left: 50px;
   z-index: 1030; */
}
@media (max-width: 576px) {
.fixed-top {
  top: 0;
  }  
#header .logo img {
  top: 35.5%;
  width: 140px;
  margin: 0 0 50px 0;
  } 
#header {
  padding: 25px 0;
  }
.mobile-nav-toggle {
  padding-top: 15px;     
  }
}  

/*  
@media (max-width: 390px) {  
#header .logo img {
  width: 245px;
  }  
}
*/
/*
@media (max-width: 360px) {  
#header .logo img {
  width: 225px;
  top: 17.5%;
  }  
}

@media (max-width: 280px) {  
#header .logo img {
  width: 205px;
  }  
}
*/
.navbar ul {
  margin: 0 -75px 0 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}

.navbar li {
  position: relative;
}

.navbar a,
.navbar a:focus {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px 10px 20px;
  font-size: 1.1rem;
  font-weight: 500;
  color: #272424;
  white-space: nowrap;
  transition: 0.3s;
}

.navbar a i,
.navbar a:focus i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
}
.navbar .active, .navbar .active:focus { /* white btn */
  display: block;
  background-color: #fff;
  border-radius: 4em;
  padding: 10px 20px 10px 20px;
  margin: 0 7px 0 7px;
}
.navbar .bubble, .navbar a:hover {
  color: #192d61!important;
  margin: unset;
}
/* leave off temporarily 12-16-25 
.navbar a:hover,
.navbar li:hover>a {
  color: rgb(255 255 255);
}
*/

/*
.navbar .getstarted,
.navbar .getstarted:focus {
  padding: 8px 20px;
  margin-left: 30px;
  border-radius: 50px;
  color: #fff;
  font-size: 14px;
  border: 2px solid #47b2e4;
  font-weight: 600;
}

.navbar .getstarted:hover,
.navbar .getstarted:focus:hover {
  color: #fff;
  background: #31a9e1;
}
*/

.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: 1rem;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
  border-radius: 4px;
}

.navbar .dropdown ul li {
  min-width: 200px;
}

.navbar .dropdown ul a {
  padding: 10px 20px;
  font-size: 1rem;
  text-transform: none;
  font-weight: 500;
  color: #0c3c53;
}

.navbar .dropdown ul a i {
  font-size: 12px;
}

.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {
  color: #386869;
}

.navbar .dropdown:hover>ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}

.navbar .dropdown .dropdown:hover>ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}

@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }

  .navbar .dropdown .dropdown:hover>ul {
    left: -100%;
  }
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  font-size: 28px;
  cursor: pointer;
  line-height: 0;
  transition: 0.5s;
}
.clickme {
  background-color:#0fd0a6;
  color:#fff!important;
  border-radius:2em;
}

/*
.mobile-nav-toggle.bi-x {
  color: #fff;
}
*/
header .logo {
  flex-shrink: 0;   /* don't let it resize */
  margin: 0;        /* consistent margins */
}
.mobile-nav-toggle {
  display: none;
}

@media (max-width: 1200px) {
.navbar.navbar-mobile ul {
  display: block !important;
  position: fixed;
  top: -65px;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(15, 208, 166, 0.95) !important;
  color: #fff !important;
  text-align: center;
  padding: 12em 0;
  border-radius: 0;
}
#header {
  padding: 40px 0;
}
.mobile-nav-toggle {
  font-size: 28px;
  cursor: pointer;
  line-height: 0;
  transition: 0.5s;
}
.clickme {
  background-color:#045a47;
  margin: unset;
}
.mobile-nav-toggle {
  display: block;
}
.navbar-mobile {
  background: rgba(15,208,166,0.9);
  backdrop-filter: blur(8px);
}

.navbar-mobile-hide {
  transition: 0.3s;
  animation: slideUp 0.5s forwards;
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #e74c3c;
  transition: 0.3s;
  z-index: 999;
}
.navbar.navbar-mobile {
    animation: slideDown 0.8s forwards;
}
.navbar-mobile-hide {
  transition:0.3s;
  animation:slideUp 0.8s forwards;
  position:fixed;
  overflow:hidden;
  top:0;
  right:0;
  left:0;
  bottom:0;
  background:#e74c3c;
  transition:0.3s;
  z-index:999;
}
.navbar ul {
  display: none;
  }
/*
.navbar {
  margin-right: 45px;
  }
*/
.navbar .active, .navbar .active:focus {
    background-color: unset; 
    color: #fff!important; 
  }
}  
@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideUp { 
  from {
    opacity:1;
    transform:translateY(0);
    }
    to {
      opacity:0;
      transform:translateY(-100%);
      }
}
@media (max-width: 576px) {
.clickme {
  margin: 35px 0 0 0!important;
  }  
}
@media (max-width: 390px) {
.navbar {
  margin-right: 0;
  }  
}  
/*  
.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(40, 58, 90, 0.9);
  transition: 0.3s;
  z-index: 999;
}
*/

.navbar-mobile {
    margin: 0 !important;
    border-radius: 0 !important;
}
.navbar-mobile {
    position: fixed;
    overflow: hidden;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgb(15 208 166 / 83%);
    transition: 0.3s;
    /*z-index: 999;*/
    margin: 0 0 0 65%;
    border-radius: 0 25px 0 0;
}
/* Make the overlay truly full-width; remove the lateral shift */
.navbar-mobile{
  margin: 0 !important;     /* override the 65% shift */
  border-radius: 0 !important;
}
.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}

.navbar-mobile ul {
  position: absolute;
  display: block;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  padding: 10px 0;
  border-radius: 10px;
  padding: 25px;
  background-color: transparent;
  overflow-y: auto;
  transition: 0.3s;
}

.navbar-mobile a,
.navbar-mobile a:focus {
  padding: 10px 20px;
  font-size: 1.5em;
  color: #fff;
}
@media (max-width: 576px) {
.navbar-mobile a, .navbar-mobile a:focus {  
    font-size: 1.3em;
  }
}  
@media (max-width: 430px) {
.navbar-mobile a, .navbar-mobile a:focus {  
    font-size: 1em;
  }
.navbar-mobile .mobile-nav-toggle {
    top: 27px;
  }
}
@media (max-width: 360px) {
.navbar-mobile a, .navbar-mobile a:focus {
  font-size: 0.8em;
  }
}   
.navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover>a {
  color: #fff;
}

.navbar-mobile .getstarted,
.navbar-mobile .getstarted:focus {
  margin: 15px;
  color: #37517e;
}

.navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}
.mobile {
  display: none!important;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #fff!important;
  color: #192d61!important;
    /* margin: auto 0; */
  text-align: center;
  border-radius: 10px;
  margin: 0 25px 25px 25px;
}
.menu {
    justify-content: end;
    display: flex;
    /* width: 90%; */
    margin-left: auto;
    margin-right: 130px;
}
@media (max-width: 1200px) {
.mobile { 
  display: block!important; 
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #000;
}
.no-mobile {
  display: none!important;
}
.navbar a, .navbar a:focus {
  display: block;
}
.navbar ul {
  margin: 0;
  text-align: center;
  padding: 150px 0 0 0;
}
.navbar-mobile .dropdown ul {
  background: #192d61;
  box-shadow: none;
} 
.navbar .dropdown ul a {
  font-size: 1.8em;  
  color: #fff;
  }
}  
@media (max-width: 576px) {
.navbar ul { 
  margin-top: 75px; 
  }
}  
 
.navbar-mobile .dropdown ul li {
  min-width: 200px;
}

.navbar-mobile .dropdown ul a {
  padding: 10px 20px;
}

.navbar-mobile .dropdown ul a i {
  font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover>a {
  color: #47b2e4;
}

.navbar-mobile .dropdown>.dropdown-active {
  display: block;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/

/* ===== HERO (split) ===== */
#deb-hero { 
  /* NEW: divider + spacing controls */
  --split: 50%;         /* divider position from the left (tweak if not perfectly centered) */
  --gap: 24px;          /* space between text and divider */
  --right-margin: 24px; /* space from right edge */
  background: rgb(17 19 22 / 97%);
  background-image: -webkit-image-set(url("../img/deb-split-oc.jpg"));
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  border-radius: 0 0 25px 0;
}

/* Constrain the text block to the right side only 
#deb-hero .hero-copy{
  margin-left: auto;
  text-align: right;
  padding-right: var(--right-margin);
  max-width: calc((100% - (100% * var(--split))) - var(--gap) - var(--right-margin));
}
*/
#deb-hero .hero-copy {
  margin-left: auto;
  text-align: right;
  /*padding-right: var(--right-margin);*/
  max-width: calc(100% - (100% * var(--split)) - var(--gap) - var(--right-margin));
}

/*
#header-home {
  position: absolute;
  transition: all 0.5s;
  padding: 60px 0;
  background: rgb(255 255 255);
  margin: 0;
  height: 100px;
  overflow: visible;
}*/
.hero-copy h1 {
  font-size: 4.5rem;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #fff;
  /*padding: 0 0 20px 0;*/
}
.hero-copy span {
  font-size: 0.7rem;
}
.hero-copy p {
  font-size: 1.3rem;
  color: #fff;
  line-height: 1;
  font-weight: 600;
  padding: 10px 0 0 0;
}
/*
@media (max-width: 1200px) {
#header-home { 
  padding: 30px 0; 
  }
}  
*/
@media (max-width: 1024px) {
.hero-copy h1 {
  margin-right: 0;
  font-size: 3rem;
  }
}
@media (max-width: 991.98px) {
  #deb-hero { 
  height: 80vh; 
  --gap: 20px; 
  --right-margin: 20px; 
  }
#deb-hero .d-flex { 
  justify-content: flex-end!important; 
}
#deb-hero .hero-copy { 
  text-align: right!important; 
  }
}  

@media (max-width: 768px) {
#deb-hero { 
  --gap: 16px; 
  --right-margin: 16px;
  background-position: right;
  height: 65vh;
}
#deb-hero .hero-copy p{
  display: inline-block;
  text-align: right;
  width: 80%;
  }
}  
/*
@media (max-width: 768px) {
#deb-hero { 
    --gap: 16px; 
    --right-margin: 16px;
    background-position: right;
    height: 65vh;
  }
} 
*/ 
@media (max-width: 576px) {
#deb-hero { 
  height: 50vh;
  }
}  
@media (max-width: 430px) {
#deb-hero {
  --gap: 12px;
  --right-margin: 12px;
  height: 60vh;  
  background-position: 40% center; 
  border-radius: 0 25px 0 0;
}
.logo img {
  top: 8px;
}    
#deb-hero .hero-copy h1 {
  font-size: 2.2rem;   
  line-height: 1.1;
}
#deb-hero .hero-copy p {
  display: inline-block;
  text-align: right;
  max-width: 85%;            
  margin: 0 0 0 auto;        
  font-size: 0.9rem;
  line-height: 1.2;
  overflow-wrap: break-word;
  }
}  
@media (max-width: 375px) {
#deb-hero {
    background-position: 35% center; 
}
#deb-hero .hero-copy h1 {
    font-size: 8vw;   
}
#deb-hero .hero-copy p {
    max-width: 70%;  
  }
}
@media (max-width: 320px) {
#deb-hero {
    background-position: 26% center; 
  }
}      





/*
.callout {
    position: absolute;
    top: 20%;
    width: 900px;
    height: auto;
    transform: rotate(9deg);
}
*/

#hero-book {
  background-color: #000;
  top: -150px;
  position: relative;
  height: 80vh;
}

#hero .container {
  padding-top: 72px;
}
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
/*
#hero h1 {
  margin: 0 0 10px 0;
  font-size: 4.5rem;
  font-weight: 700;
  line-height: 0.8;
  color: #fff;
  text-shadow: 0 0 1em rgb(0 0 0 / 19%);
  z-index: 1111;
  position: absolute;
}
*/
#hero h1 {
  margin: 0 0 10px 0;
  font-size: 10rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  color: #fff;
  text-shadow: 0 0 1em rgb(0 0 0 / 19%);
  z-index: 1111;
  position: absolute;
  bottom: 0;
  left: 13%;
  /*transform: translate(-50%, -50%);*/
}
.first-sec {
  min-height: 700px; 
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
/*
.no-g {
  margin-right: 0!important;
  margin-left: 0!important;
}
*/
.cover {
  position: absolute; 
  left: 0; 
  top: 0;
}
.first-sec h3 {
    font-size: 14rem;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1;
    color: #362f32;
    text-shadow: 0 0 1em rgb(0 0 0 / 23%);
    margin: -240px 0 0 0;
}
.first-sec p {
  color: #2e2029;
  font-size: 2.3rem;
  line-height: 1.5;
  font-weight: 500;
  text-transform: none;
  width: 80%;
  margin: auto;
}
.last-sec p {
  color: #2e2029;
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: 400;
}

#hero h2 {
  color: #fff;
  margin-top: 20px;
  font-size: 2.5rem;
  line-height: 1.1;
  text-shadow: 0 0 1em rgb(0 0 0 / 19%);
  width: 85%;
  z-index: 1111;
  position: absolute;
}
/*
#hero .animated {
  animation: up-down 2s ease-in-out infinite alternate-reverse both;
}
*/
/* Index */
.intro {
  padding: 0;
  background-color: #fff;
}
.intro p {
  font-size: 1.4rem;
  line-height: 1.6;
  color: #fff;
}
.intro h3 {
  font-size: 4vw; 
  color: #fff; 
  font-weight: 700;
  line-height: 1;
  padding: 75px 0 0 0;
}
.intro h4 {
  font-size: 43px; 
  font-weight: 400; 
  line-height: 1.5; 
  color: rgb(255 255 255 / 87%); 
  text-wrap: balance; 
  padding-bottom: 60px;
}
.first-sec h5 {
  font-size: 2.5vw; 
  color: #2e3035; 
  font-weight: 700;
  line-height: 1;
}
.first-sec {
  padding: 0;
}
.deb-l {
  min-height: 700px; 
  background-image: url("../img/deb-left.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.deb-r {
  min-height: 700px; 
  background-image: url("../img/deb-right.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.dg {
  background-image: url(../img/dg-leather-jacket.jpg);
    /* background-image: -webkit-image-set(url(../img/port.webp)); */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    min-height: 900px;
}
.dg-sec-row {
  background-image: url(../img/dg-tan-dress.jpg);
    /* background-image: -webkit-image-set(url(../img/port.webp)); */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    min-height: 900px;
}
.tresamigos {
  padding-bottom: 0;
}
.illustrations {
  padding: 0;
}
.tresamigos p {
  font-size: 1.8rem; 
  line-height: 1.4; 
  width: 90%; 
  margin: auto; 
  padding: 18px 0 75px 0; 
  color: rgb(44 41 38 / 68%);
} 
.tresamigos h5 {
  font-size: 6.8rem; 
  line-height: 1; 
  font-weight: 700; 
  color: #192d61;
}
.tresamigos h5 span {
  font-size: 2.8rem; 
  font-weight: 400;
  color: #fff;
  background-color: #192d61;
  padding: 25px;
  border-radius: 4em;
  margin: 0 0 4rem 0;
}
.tresamigos h6 span {
  font-size: 12vw;
  color: #192d61;
}
.tresamigos h6 {
  font-size: 6.8rem;
  line-height: 1;
  font-weight: 700;
  color: #192d61;
  margin: 3rem 0 0 0;
}
/*
.quotes p {
  color: #2e3035;
  line-height: 1;
  font-weight: 600;
  font-size: 1.35rem
}
.quotes p span {
  color: rgb(0 0 0 / 57%);
  font-size: 1.1rem;
} 
*/


.bs-icon {
  margin-left: 8px;
  margin-bottom: 5px;
}

@media (max-width: 1400px) {
 .value-pills p {
  font-size: 1.1em
  }
} 
@media (max-width: 1200px) {
 #hero h2 {
    width: unset;
    font-size: 1.7rem;
  }
 .value-pills p {
  font-size: 0.9em
  }  
.ill-container {
  padding: 0 20px 0 20px
}  
.intro h4 {
  font-size: 28px;
  }
}   
@media (max-width: 991px) {
#hero h1 {
  font-size: 4rem;
}
#hero h1 span {
  font-size: 9rem;
  }
.value-pills p {
  font-size: 1.4em;
  }  
.tresamigos p {
  font-size: 1.5rem;
  }
}  
@media (max-width: 540px) {
#hero {
  background-position: bottom;  
}
#hero h1 {
    font-size: 3rem;
}  
#hero h1 span {
  font-size: 6rem;
}
.intro h3 {
  font-size: 13vw; 
}   
.tresamigos h6 {
  font-size: 4.8rem;   
}
.tresamigos h5 span {
  font-size: 2.3rem;  
}
.intro h4 {
  font-size: 23px;
} 
.tresamigos p {
  font-size: 1.3rem;
  }
.tresamigos h6 {
  font-size: 3.8rem;
  } 
.value-pills p {
  font-size: 1.1em;
  }     
} 
@media (max-width: 390px) {
.value-pills p {
  font-size: 0.9em;
  }
}   
@media (max-width: 360px) {  
#hero h1 {
  font-size: 2.5rem;
}
#hero h1 span {
  font-size: 4.5rem;
}
#hero h2 {
  font-size: 1.3rem;
}
.intro h4 {
  font-size: 20px;
}
.tresamigos p {
  font-size: 1.1rem;
}
.tresamigos h5 span {
  font-size: 2rem;
}
.tresamigos h6 {
  font-size: 3.3rem;
  }  
}  
@media (max-width: 320px) { 
.value-pills p {
  font-size: 0.8em;
  }
} 
@media (max-width: 280px) { 
.bs-icon {
  display: none;
  }
.tresamigos h5 span {
  font-size: 1.8rem;
  }
.tresamigos h6 {
    font-size: 2.7rem;
  }    
}  
/* MP Bullshit */
.mpp-intro {
  padding: 15em 0 7em 0; 
  margin: 0 75px 0 75px;
}
.mpp { 
  padding: 60px 0 0 0;
  background: #fff;
  border-radius: 2em 2em 0 0;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 0px;
}
.mpp p {
  font-size: 2rem; line-height: 1.6
}
.mp h1 {
  font-size: clamp(2rem, 8vw, 15rem);
  font-weight: 800;
  line-height: 1;
  /*margin-bottom: 80px;*/
}
.mpm h3 {
  font-size: clamp(2rem, 10vw, 15rem); 
  font-weight: 800; 
  color: #2f2029;
  line-height: 1;
}   
.mpm h3 span {
  font-size: 2rem; 
  line-height: 0.5; 
  font-weight: 400; 
  color: #2f2029;
}
.video {
  padding: 30px 0 75px 0;
}
.mission h2 {
  font-size: 1.8rem;
  color: #2f2029;
  line-height: 1.3; 
  padding: 0 0 30px 0;
  margin: 30px 25px 0 0;
}
.mission p {
  font-size: 1.35rem;
  color: #1a1418;
  font-weight: 400;
  line-height: 1.5; 
  padding: 0 0 30px 0;
  margin-right: 25px;
}
.planner-sec {
  background: #fff; 
  padding: 35px 0 250px 0; 
  position: relative;
}
.docs h4 {
  font-size: 2.1rem; 
  font-weight: 700; 
  line-height: 1; 
  color: #2f2029;
  padding: 30px 0 0 0;
}
.docs p {
  font-size: 1.5rem; 
  line-height: 1.4; 
  font-weight: 400;
}
.vimeo {
  border-radius:4em;
}
.h-line {
  width: 100px;
  height: 15px;
  display: inline-block;
  background-color: #0fd0a6;
  margin-bottom: 35px;
}
.video, .mission {
  margin: 0 0 25px 0;
}
.mpp-intro {
  padding: 12em 0 7em 0;
}
.mp { 
  padding: 0 0 30px 0; 
}
@media (max-width: 1024px) {
.mission h2 {
  margin: 0 0 30px 0;
  }
}    
@media (max-width: 991px) {
.docs h4 {
  font-size: 1.9rem; 
  }
.mpp p {
  font-size: 1.9rem;
  }   
} 
@media (max-width: 767px) {
.mpp p {
  font-size: 1.7rem;
  line-height: 1.3;
  } 
.vimeo {
  border-radius: 0;
  }
.mpp-intro {
  margin: 0 25px 0 25px;
  }  
.mission {
  margin: 0; 
  }  
.mission p {
    margin-right: unset;
  }   
}   
@media (max-width: 430px) {
.mission h2 {
  margin: 35px 0 30px 0;
  font-size: 1.6rem;
  }
}    
    
@media (max-width: 576px) {
.video {
  padding: 0;
  }
.mp h1 {
  font-size: clamp(2rem, 12vw, 15rem);
  }  
}
@media (max-width: 430px) {
.docs h4 {
  font-size: 1.7rem;
  }
.docs p {
  font-size: 1.3rem;
  }  
.mpm h3 span {
    font-size: 1.4rem;  
  } 
}   
@media (max-width: 390px) {
.docs h4 {
  font-size: 1.5rem;
  }  
.mpp p {
  font-size: 1.3rem;
  }
}
/* Contact */
.btn-sm, .btn-group-sm > .btn {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.65rem;
    /* --bs-btn-font-size: 0.875rem; */
    --bs-btn-border-radius: 50%;
}
.book-deb {
  padding-bottom: 75px; 
  padding-top: 165px;
}
.gwr-pg {
  padding: 165px 0 0 0;
}
.book-debg h1 {
  font-size: 5rem;
  line-height: 1;
  font-weight: 900;
  margin: 100px 0 0 0;
}
.book-debg h1 span {
  font-size: clamp(2rem, 15vw, 15rem);
}
.formmail {
  padding: 90px 0 150px 0;
}
#pushPanel {
  position: fixed;
  top: 0; right: 0;
  height: 100dvh;
  width: 0; /* closed */
  max-width: 100vw;               /* NEW: don’t let it overshoot viewport */
  overflow: hidden;
  background: #fff;
  box-shadow: -12px 0 24px rgba(0,0,0,.12);
  transition: width .35s ease;
  z-index: 1055;
  display: flex;
  flex-direction: column;
  border-left: 1px solid rgba(0,0,0,.08);
}

/* Open state */
body.panel-open #pushPanel {
  width: var(--panel-w);           /* now obeys your 600px var below 1200 */
}

/* Default (desktop ≥ 992px): fixed 420px sidebar */
:root {
  --panel-w: 1200px;
}
@media (max-width: 1200.98px) {
  :root {
    --panel-w: 800px;
  }
}
/* Tablet (between 576px and 991px): 60% of viewport */
@media (max-width: 991.98px) {
  :root {
    --panel-w: 70vw;
  }
}

/* Mobile (≤ 575px): full-width overlay */
@media (max-width: 575.98px) {
  :root {
    --panel-w: 100vw;
  }
}
    /* NEW: Push drawer variables & base 
    :root { --panel-w: 1000px; }
*/
    /* Wrap ALL visible content so we can push it */
    #siteWrap {
      transition: transform .35s ease;
      will-change: transform;
    }

    /* The right-side panel */
    #pushPanel {
      position: fixed;
      top: 0;
      right: 0;
      height: 100dvh;
      width: 0; /* closed */
      overflow: hidden; /* hide until open */
      background: #fff;
      box-shadow: -12px 0 24px rgba(0,0,0,.12);
      transition: width .35s ease;
      z-index: 1055; /* above header */
      display: flex;
      flex-direction: column;
      border-left: 1px solid rgba(0,0,0,.08);
    }
    #pushPanel .panel-inner {
      width: var(--panel-w);
      max-width: 100vw;
      height: 100%;
      overflow-y: auto;
      padding: 1.25rem 1.25rem 2rem;
    }
#pushPanel .panel-header {
    display: flex; align-items: center; justify-content: space-between;
    padding-bottom: .5rem; margin-bottom: 1rem; border-bottom: 1px solid rgba(0,0,0,.08);
    }
.panel-header h2 {
    font-size: 5rem; font-weight: 600; line-height: 1
    }
@media (max-width: 1024px) {    
  .panel-header h2 {
    font-size: 3rem;
    }
} 
@media (max-width: 767px) {    
.book-debg h1 {
  font-size: 2rem;
  }    
} 
@media (max-width: 576px) {    
.panel-header h2 {
    font-size: 2rem;
    }
#header {
  padding: 25px 0;
}    
.book-debg h1 {
  font-size: 2rem;
  }    
}          
/* Backdrop */
#panelBackdrop {
  position: fixed; inset: 0;
  background: rgba(0,0,0,.35);
  opacity: 0; pointer-events: none;
  transition: opacity .25s ease;
  z-index: 1050;
    }

    /* Open state */
    body.panel-open #siteWrap { transform: translateX(calc(-1 * var(--panel-w))); }
    body.panel-open #panelBackdrop { opacity: 1; pointer-events: auto; }

    /* Mobile: make panel full-width, don't push content (overlay instead to avoid squish) */
    @media (max-width: 575.98px) {
      :root { --panel-w: 100vw; }
      body.panel-open #siteWrap { transform: none; }
    }

    /* Optional: make images inside panel responsive */
    #pushPanel img { max-width: 100%; height: auto; display: block; }

::placeholder {
  color: #2C2926;
}  
.git {
  padding-bottom: 20px;
  background: #fdffff;
  border-radius: 2rem 2rem 0 0;
  margin: -200px 25px 0 25px
}
.git h1 {
  font-size: 5rem;
  line-height: 1;
  font-weight: 700;
}
.git h1 span {
  color:#192d61;
}
.git p {
  font-size: 1.5rem;
  line-height: 1.6;
  margin-bottom: 75px;
}
/*
.hero-contact {
  width: 100%;
  background-image: url(../img/contact-bg.jpg);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  height: 70vh;
}
*/
.details {
  margin-top: 50px;
}
.details h2 {
  font-weight: 700;
}
/* Custom Modal Stuff Below */
/* Force the modal to take up the full window */
 /* Custom Modal Stuff Below */

.modal[hidden] { 
  display: none !important; 
}

.md-show ~ .md-overlay {
opacity: 1;
visibility: visible;
}
.md-overlay {
position: fixed;
width: 100%;
height: 100%;
visibility: hidden;
top: 0;
left: 0;
z-index: 1000;
opacity: 0;
background: rgba(143,27,15,0.8);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.md-show.md-effect-12 ~ .md-overlay {
background: #e74c3c;
}
.md-modal {
position: fixed;
top: 50%;
left: 50%;
width: 100%;
max-width: 630px;
min-width: 320px;
height: auto;
z-index: 2000;
visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.btn-close-form {
  display: inline-block;
  padding: 12px 80px;
  text-decoration: none;
  margin: 50px 0 0 0;
  border-radius: 50px;
  color: #fff;
  font-size: 18px;
  border: 2px solid #fff;
  background: #0FD0A6;
}
.msg h2 {
  color: #fff;
  font-size: 3rem;
  font-weight: 600;
  text-transform: uppercase;
}
.msg p {
  color: #fff;
  font-size: 1.4rem;
  white-space: nowrap;
}
.msg a:hover {
  color: #fff;
}
.pulse {
  display: inline-block;
  animation: pulseAnim 1s infinite;
}

@keyframes pulseAnim {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

.btn-close-modal {
  display: inline-block;
  padding: 18px 20px;
  border-radius: 2rem 0 2rem 2rem;
  color: #1c3063;
  font-size: 1rem;
  background-color: #fff;
  border: 2px solid #fff;
  font-weight: 600;
  text-decoration: none;
}
.md-show ~ .md-overlay {
  opacity: 1;
  visibility: visible;
}
.md-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 1000;
  opacity: 0;
  background: #0fd0a6;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.md-show.md-effect-12 ~ .md-overlay {
  background: #e74c3c;
}
.md-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 50%;
  max-width: 630px;
  min-width: 320px;
  height: auto;
  z-index: 2000;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.show {
  visibility: visible;
}
.modal-backdrop {
  --bs-backdrop-bg:#0FD0A6!important;
  --bs-backdrop-opacity: 0.84 !important;
}
/* End modal  */

/*
@media (max-width: 991px) {
  #hero {
    height: 100vh;
    text-align: center;
  }

  #hero .animated {
    animation: none;
  }

  #hero .hero-img {
    text-align: center;
  }

  #hero .hero-img img {
    width: 50%;
  }
}

@media (max-width: 768px) {
  #hero h1 {
    font-size: 28px;
    line-height: 36px;
  }

  #hero h2 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px;
  }

  #hero .hero-img img {
    width: 70%;
  }
}
*/
@media (max-width: 575px) {
  #hero .hero-img img {
    width: 80%;
  }

  #hero .btn-get-started {
    font-size: 16px;
    padding: 10px 24px 11px 24px;
  }
}

@keyframes up-down {
  0% {
    transform: translateY(10px);
  }

  100% {
    transform: translateY(-10px);
  }
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 60px 0;
  overflow: hidden;
}

.section-bg {
  background-color: #f3f5fa;
}

/* Buttons */


.cta-main:hover {
    text-decoration: none;
    color: #fff;
}
.cta-blanco {
    display: inline-block;
    padding: 12px 40px;
    border-radius: 2rem;
    color: #000;
    font-size: 1.3rem;
    background-color: #c0ff0d;
    border: 3px solid #c0ff0d;
    font-weight: 600;
    text-decoration: none;
}
.cta-blanco:hover {
    text-decoration: none;
    color: #000;
}
.cta-green {
    display: inline-block;
    padding: 12px 40px;
    border-radius: 2rem;
    color: #000;
    font-size: 1.3rem;
    background-color: #c0ff0d;
    border: 3px solid #c0ff0d;
    font-weight: 600;
    text-decoration: none;
}
.cta-green:hover {
    text-decoration: none;
    color: #000;
}
@media (max-width: 540px) { 
.cta-blanco {
    font-size: 1rem;
    border: 2px solid #fff   
  }
}  
.cta-read-article {
    display: inline-block;
    padding: 18px 20px;
    border-radius: 5rem;
    color: #386869;
    font-size: 1rem;
    background-color: #ffffff;
    border: 2px solid #444444;
    font-weight: 600;
    text-decoration: none;
}
.cta-read-article:hover {
  color: #386869;
}


.button:hover {
    animation: buttonHover 0.5s ease forwards !important;
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer-stuff {
  /*background-color: #F4DE33;*/
  background-color: #0fd0a6; 
  padding:  75px 0 0 0;
  border-radius: 2em 2em 0 0;
}
.footer-links a {
  color: #fff;
}
.footer-links a:hover {
  color: #fff;
  text-decoration: underline;
}
.footer-links p {
  margin: 45px 0 25px 0;
  font-size:2rem; 
  line-height: 1.7;
  color: #fff;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
}
.wrapper ul {
  padding-left: 0!important;
}
.wrapper .icon a {
  color: #fff;
  padding-top: 3px;
}
/*
.wrapper .icon {
  position: relative;
  display: inline-flex;
  padding: 15px;
  margin: 3px;
  width: 50px;
  height: 50px;
  font-size: 18px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
*/

/*
.wrapper .tooltip {
    position: absolute;
    top: 0;
    font-size: 14px;
    background: #ffffff;
    color: #ffffff;
    padding: 5px 8px;
    border-radius: 5px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.tooltip {
    position: absolute;
    z-index: 1080;
    display: block;
    margin: 0;
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0;
}

.tooltip {
    position: absolute;
    z-index: 1080;
    display: block;
    margin: 0;
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0;
}
*/
.colophon p {
  font-size: 1rem;
  color: #fff;
  line-height: 1.4;
  margin: 25px 0 25px 0;
}
.colophon a {
  color: #fff;
}
.colophon a:hover {
  color: #fff;
}
.newsletter h6 {
  font-size:4rem; 
  color: #fff;
  font-weight: 900;
  line-height: 1;
}
.newsletter p {
  font-size: 1.5rem;
  line-height: 1.2;
  color: #fff;
  margin-bottom: 30px;
  width: 80%;
}
.newsletter a {
  color: #fff;
  text-decoration: none;
}
.btn-solution {
  display: inline-block;
  font-family: inherit;
  border-radius: 100px;
  font-size: 1.7rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-decoration: none;
  outline: none;
  text-align: center;
  padding: 17px 50px;
  position: relative;
  background-color: #ffffff;
  border-color: #ffffff;
  border-width: 2px;
  border-style: solid;
  color: #2e2029 !important;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin-top: -8px;
  outline: none;
  line-height: 1;
}
.btn-solution:hover {
  border: 2px solid #51040c !important;
  background-color: #51040c !important;
  color: #fff !important;
  text-decoration: none !important;
}
.blanco-filter {
  filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(262deg) brightness(108%) contrast(101%);
}
.cvp {
  width: 70px;
  height: auto;
  margin: 0 0 0 5px;
} 
.mpi {
  width: 100px;
  height: auto;
  margin: 0 0 0 5px;
}
.form-1 .form-group {
  max-width: 15rem;
  display: inline-block;
  vertical-align: top;
  float: inline-start;
}

.form-1 .form-control-input { /* Kit input for email */
  width: 20rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.form-control-submit-button {
  display: inline-block;
  width: 100%;
  height: 3.25rem;
  border: 1px solid #09705a;
  border-radius: 0 32px 32px 0;
  padding: 0 25px 0 25px;
  background-color: #09705a;
  color: #fff;
  font-size: 1.1rem;
  font-family: "Poppins", sans-serif;
  line-height: 0;
  cursor: pointer;
  transition: all 0.2s;
}
@media (max-width: 991px) {
.newsletter p {
    width: 90%;
  }
}  
@media (max-width: 768px) {
.form-1 .form-control-submit-button {
  margin-left: -0.375rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  }
.logos {
  display: none;
  }  
}
@media (max-width: 620px) {
.form-1 .form-control-input {
    width: 15rem;
  }
}  
@media (max-width: 576px) {
.newsletter h6 {
    font-size: 3rem  
  }
.newsletter p {
  font-size: 1.3rem;
  width: unset;
  }  
}     
@media (max-width: 575.98px) {
  .form-1 {
    display: flex !important;
    flex-direction: column !important; /* stack vertically */
    align-items: stretch !important;
  }

  .form-1 .form-control-input {
    width: 100% !important;
    border-radius: 5px !important;   /* restore full pill */
    margin: 0 0 .5rem 0 !important;   /* space below input */
  }

  .form-1 button,
  .form-1 [type="submit"] {
    width: 100% !important;
    margin-left: 0 !important;
    border-radius: 5px !important;   /* full pill */
  }
}
@media (max-width: 390px) { 
.newsletter h6 {
        font-size: 2.5rem;
}
.newsletter p {
  font-size: 1.2rem;
  width: unset;
  }
.footer-links p {
  font-size: 1.5rem; 
  }  
}
   
/* Forms */
.contact-form h3 {
  margin-bottom: 35px; 
  font-size: 3.5rem; 
  font-weight: 700;
}
.form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -24px;
}
.form-control-input-form-main {
    display: block;
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 2.5rem;
    border: 0;
    border-bottom: 2px solid rgb(44 41 38 / 18%);
    background-color: transparent;
    font-size: 1.2rem;
    transition: all 0.2s;
}
form textarea {
    display: block;
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-bottom: 2px solid #d3d1d1;
    background-color: transparent;
    color: #515867;
    font-size: 1.2rem;
    line-height: 1.575rem;
    transition: all 0.2s;
    -webkit-appearance: none;
}
.sec-col {
  padding-left: 20px;
}


/* Services  */
.h-services-tags-wrapper {
  grid-column-gap: 0.75em;
  grid-row-gap: 0.75em;
  flex-flow: wrap;
  align-content: flex-start;
  margin: 2.5rem 0 4.25rem 0;
  display: flex;
}


/* About */ 
    

.paper {
   padding-bottom: 20px;
   border-radius: 2rem 2rem 0 0;
   margin: 270px 25px 0 25px;
   background-color: #fdffff; 
   position: relative;
}
.values h2 {
  font-size: 4rem;
  line-height: 1;
  color: #192d61;
  padding: 75px 0 40px 0;
  font-weight: 700;
}
.values h3 {
  font-size: 2rem;
  line-height: 1;
  color: #2c2926;
  font-weight: 600;
}
.values p {
  font-size: 1.4rem;
  line-height: 1.8;
  margin: 0 0 50px 0;
}
.dark { /* hr */
  overflow: visible;
  text-align: inherit;
  margin: 0 0 20px 0;
  border: 0;
  border-top: 1px solid #000;
  margin: 100px 0 100px 0
}
.light { /* hr */
  overflow: visible;
  text-align: inherit;
  margin: 0 0 20px 0;
  border: 0;
  border-top: 1px solid rgb(43 53 55 / 47%);
  opacity: 0.25;
  margin: 100px 0 100px 0
}
.value p{
  font-size: 1.46rem;
  line-height: 1.6;
}
.value p span {
  font-size: 4rem;
  line-height: 1;
  color: #192d61; 
  font-weight: 700;
  font-family: 'PT Sans Narrow', sans-serif;
}
.pl-75 {
  padding-left: 75px;
}
.show-md {
  display: none
}

@media (max-width: 1199px) { 
 .value p, .values p {
  font-size: 1.2rem;
} 
.about-us h2 {
  font-size: 2rem;
  line-height: 3rem;
  }
.meet-deb {
    background-position: 40% top;  
  }
}
@media (max-width: 991px) { 
.hide-md {
  display: none
  }
.pl-75 {
  padding-left: unset;
  }
.show-md {
  display: inline-block;
  }
.chart {
  margin-top: 50px
  }      
} 
@media (max-width: 767px) { 
.about-us {
  padding-top: 0; 
  margin-bottom: 0;
} 
.about-us h2 {
  font-size: 1.7rem;
  line-height: 1.7;
  }
.about-us h1 {
  font-size: 4rem;
  } 
.value p span {
  font-size: 3rem;   
  }
.values h3 {
  font-size: 1.75rem;  
  }
.values h2 {
  font-size: 3rem;
  padding: 0 0 40px 0;  
  }
} 
@media (max-width: 576px) {
.about-us h2 {
  font-size: 1.46rem;
  line-height: 1.55;
  }
.paper {
  margin: 270px 10px 0 10px;    
  }
}  
@media (max-width: 425px) {
.about-us h1 {
  font-size: 3rem;
}   
.about-us h2 {
  font-size: 1.36rem;     
  }
.value p span, .values h2 {
  font-size: 2.5rem;  
  }
.values h3 {
  font-size: 1.55rem;
  }
}
@media (max-width: 320px) {
.about-us h2 {
  font-size: 1.26rem;
  }    
}
@media (max-width: 280px) {
.value p span, .values h2 {
    font-size: 2.2rem;
  }
}  

/* Index Pg 
.value-pills h4 {
    display: block;
    font-family: "Open Sans", sans-serif;
    font-size: 1.3rem;
    font-weight: 600;
    padding: 20px;
    background-color: #192d61;
    border-radius: 0.5em 0 0.5em 0;
    color: #fff;
    margin-bottom: 5rem;
}
.ill {
    margin-bottom: 1.5rem;
    border-radius: 15px;
}
.bs-icon {
    margin-left: 8px;
    margin-bottom: 5px;
}
/* FAQs */
.faqs {    
    padding-bottom: 0;
    background: #fdffff;
    border-radius: 2rem 2rem 0 0;
    margin: -200px 25px 0 25px;
}

.hero-faqs {
    width: 100%;
    height: 60vh; 
    background-image: url("../img/faqs-bg.jpg");
    background-image: -webkit-image-set(url("../img/faqs-bg.webp"));
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height: 70vh;
}
/*
.no-wepb .hero-faqs {
    width: 100%;
    height: 60vh; 
    background-image: url(../img/faqs-bg.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height: 70vh;
}
.webp .hero-faqs {
    width: 100%;
    height: 60vh; 
    background-image: url(../img/faqs-bg.webp);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height: 70vh;
}
*/


.faq h1 {
    font-size: 5rem;
    line-height: 1.2;
    font-weight: 700;
    margin: 75px 0 10px 0;
    color: #2c2926;
}
.faq h1 span {
  color: #192d61;
}
.faq h3 {
    font-size: 1.7rem;
    line-height: 1.2;
    font-weight: 600;
    margin: 75px 0 50px 0;
    color: #15264c;
    font-family: "Open Sans", sans-serif;
}
.accordion-button, .accordion-body {
    background-color: #fdffff;
    font-size: 1.4rem; 
}
.accordion-header {
    padding: 20px 0 20px 0;
    font-family: "Open Sans", sans-serif;
}
.accordion-item {
  background-color: #fdffff;
}
/* PP & Misc */
.pp h1 {
  font-size: 5rem;
  font-weight: 700;
  font-weight: 700;
  line-height: 1;
  color:#2c2926;
}
.pp h2 {
  font-size: 2rem;
  line-height: 1;
  font-weight: 600;
  color: #444;
  margin-top: 50px;
}
.pp p {
  font-size: 1.4rem;
  color: #444;
  line-height: 1.4;
}
/* Buttons 
.cta-blanco {
    display: inline-block;
    padding: 18px 20px;
    border-radius: 2rem;
    color: #fff;
    font-size: 1.2rem;
    background-color: transparent;
    border: 3px solid #fff;
    font-weight: 600;
    text-decoration: none;
}*/
/* Video Embed */
section.hero .hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
    height: 100%;
}
.video-embed-object-fit-cover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  container-type: size;
  overflow: hidden;
}
/*
.video-embed-object-fit-cover > iframe {
  position: absolute;
  top: 0;
  left: 0;


  width: 100%;
  height: 100%;

  @container (min-aspect-ratio: 16/9) {
    height: 56.25cqw; 
  }

  @container (max-aspect-ratio: 16/9) {
    width: 177.78cqh; 
  }

  pointer-events: none;
}
*/

/* Media Page */

.media {
  position: relative;
  min-height: 80vh;        /* or 100vh if it’s a full hero */
  overflow: hidden;
}

/* Background image layer (blurred) */
.media::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("../img/media-bg.jpg");
  background-size: cover;
  background-position: center;
  filter: blur(9px);
  transform: scale(1.05);  /* prevents blurred edges showing */
  z-index: 0;
}

/* Optional dark tint for readability */
.media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.3);
  z-index: 1;
}

/* Content sits above */
.media > * {
  position: relative;
  z-index: 2;
}
.media-hero h1 {
  font-size: clamp(2rem, 25vw, 35rem);
  font-weight: 900;
  color: rgb(15 208 166 / 43%);
  text-align: center;
  margin: 100px 0 0 0;
}
.media-hero h1 span {
  color: rgb(255 255 255 / 87%);
}
.podcasts {
  padding: 75px 0 75px 0; 
  background: #252534;
}
.podcasts h3 {
  color:#fff; 
  font-size: clamp(8rem, 7vw, 15rem);
  line-height: 1; 
  font-weight: 800; 
  position: relative; 
  z-index: 1; 
  bottom: -7%;
}
.testimonials {
  padding: 75px 0 150px 0; 
  background-color: #1b1b27;
}
.testimonials h4 {
  font-size: clamp(4rem, 7vw, 10rem);
  font-weight: 700; 
  line-height: 1; 
  color: #fff; 
  padding: 75px 0 75px 0;
}
.endorse-container {
  margin-top: 0;
  padding: 0 50px 0 50px;
}
.endorsements p {
  font-size: 1.45rem;
  line-height: 1.5;
  color: #fff;
}
.endorsements span {
  font-size: 1.3rem;
  line-height: 1.5;
  color: rgb(255 255 255 / 51%);
  display: block;
  padding-bottom: 65px;
}
.title {
  font-size: 1.257rem; 
  color: #afafaf; 
  line-height: 1;
  padding: 0 0 40px 0;
}
.faux-covers {
  padding: 75px 25px 100px 25px;
  margin: 75px 75px 100px 0;
  background: #fff; 
  border-radius: 0 5em 5em 0;
  position: relative;
  box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}
.faux-covers h5 {
  color: rgb(37 26 33);
  font-size: clamp(2rem, 30vw, 20rem);
  line-height: 1;
  font-weight: 800;
  margin: 0 0 -120px 0;
}
.tres-fotos {
    padding: 35px;
}
.links p {
    font-size: 1.6rem;
    line-height: 1.3;
    color: #2f2029;
    margin-bottom: 35px;
}
.plist p {
    font-size: 1.6rem;
    line-height: 1.5;
    color: rgb(255 255 255 / 87%);
    margin-bottom: 35px;
    padding: 0 70px 0 70px;
}
.plist a {
    color: rgb(225 225 225 / 80%);
    font-size: 1.3rem;
    text-decoration: underline;
    text-decoration-color: rgb(255 255 255 / 18%);
    text-decoration-thickness: 3px;
    text-underline-offset: 0.15em;
    text-decoration-skip-ink: auto;
}
.ph p span {
    font-size: 4rem;
    color: #2f2029;
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    line-height: 1;
    margin-bottom: 0;
}
.ph p {
  margin-bottom: 0;
}
.ph h2 {
    font-size: clamp(2rem, 20vw, 12rem);
    color: #2f2029;
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    line-height: 1;
}
@media (max-width: 767px) {
.faux-covers h5 {
    margin: 0 0 -80px 0;
  }
.media {
  min-height: 65vh;
  }  
}
@media (max-width: 576px) {
.links p {
    font-size: 1.45rem
  }
.tres-fotos {
  padding: 16px
  }
.faux-covers {
  margin: unset;    
  }
.ph p span {
    font-size: 2rem;  
  }
.ph p span {
    font-size: 2.6rem; 
  }
}
@media (max-width: 430px) {
.podcasts h3 {
  font-size: 4.5rem;
  }
.plist p, .endorse-container {
  padding: unset;
  }  
.plist p:last-child, .links p:last-child {
  margin-bottom: 0;
  } 
.ph p span {
  font-size: 2rem;
    }   
}
@media (max-width: 390px) {
.links p, .plist p, .endorsements p {
  font-size: 1.25rem;
    }
}  
@media (max-width: 320px) {
.podcasts h3 {
  font-size: 3.5rem;
  } 
.testimonials h4 {
  font-size: 3rem;
  padding: 75px 0 20px 0;
  }
.tres-fotos {
  padding: 0 16px 0 16px;  
  }
}    
.press-hits {
    background-image: url(../img/bg-hits.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 50px;
    box-shadow: inset 0 0 100px rgb(0 0 0 / 31%);
} 



/* Generic */
.figure-caption {
    font-size: 1.1em;
    color: rgb(255 255 255 / 66%);
}
.pic {
    border-radius: 0 0 2em 0;
}
.pic-right {
    border-radius: 0 2em 0 0;
}
.pic-top-radius {
    border-radius: 2em 2em 0 0;
}
.cta-main {
    display: inline-block;
    padding: 12px 30px;
    border-radius: 2rem 2rem 2rem 2rem;
    color: #fff;
    font-size: 1.4rem;
    background-color: #0fd0a6;
    border: 2px solid #0fd0a6;
    font-weight: 600;
}
.cta-main:hover {
    text-decoration: none;
    color: #fff;
    font-size: 1.3rem
}
.cta-sm {
    padding: 12px 20px;
    font-size: 1.2rem;
}
@media (max-width: 360px) {   
.cta-main {
    font-size: 1.1rem;
    padding: 12px 20px;
  }
} 

.assn-icons {
  opacity: 0.85;
  margin: 0 5px 0 0;
}

/*
.cta-blanco {
    display: inline-block;
    padding: 18px 20px;
    border-radius: 2rem 2em 2rem 2rem;
    color: #34252e;
    font-size: 1rem;
    background-color: #fff;
    border: 2px solid #fff;
    font-weight: 600;
    text-decoration: none;
    margin: 0 10px 0 0;
}
.cta-blanco:hover {
    text-decoration: none;
    color: #34252e;
}
*/

@keyframes buttonHover{0%{transform:scaleX(1) scaleY(1);}40%{transform:scaleX(1.1) scaleY(0.9);}80%{transform:scaleX(0.95) scaleY(1.05);}100%{transform:scaleX(1) scaleY(1)!important;}}

.media-icons {
  padding: 0 15px 0 0;
}
.wrapper .icon {
    position: relative;
    display: inline-flex;
    background: #0b9577;
    border-radius: 50%;
    padding: 15px;
    margin: 3px;
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.fab {
   font-size: 1.5rem;
}
/* tool tip - used on social media icons */
.wrapper .tooltip {
    position: absolute;
    top: 0;
    font-size: 14px;
    background: #fff;
    color: #fff;
    padding: 5px 8px;
    border-radius: 5px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.wrapper .tooltip::before {
  position: absolute;
  content: "";
  height: 8px;
  width: 8px;
  background: #ffffff;
  bottom: -3px;
  left: 50%;
  transform: translate(-50%) rotate(45deg);
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.wrapper .icon:hover .tooltip {
  top: -45px;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.wrapper .icon a {
  color: #fff;
  padding-top: 3px;
}

.wrapper .icon:hover span,
.wrapper .icon:hover .tooltip {
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
}

.wrapper .facebook:hover,
.wrapper .facebook:hover .tooltip,
.wrapper .facebook:hover .tooltip::before {
  background: #1877f2;
  color: #ffffff;
}

.wrapper .twitter:hover,
.wrapper .twitter:hover .tooltip,
.wrapper .twitter:hover .tooltip::before {
  background: #00ace8;
  color: #ffffff;
}

.wrapper .instagram:hover,
.wrapper .instagram:hover .tooltip,
.wrapper .instagram:hover .tooltip::before {
  background: #523dca;
  color: #ffffff;
}

.wrapper .linkedin:hover,
.wrapper .linkedin:hover .tooltip,
.wrapper .linkedin:hover .tooltip::before {
  background: #1c96e9;
  color: #ffffff;
}

.wrapper .youtube:hover,
.wrapper .youtube:hover .tooltip,
.wrapper .youtube:hover .tooltip::before {
  background: #cd201f;
  color: #ffffff;
}
.wrapper ul {
  padding-left: 0!important;
}
@media (max-width: 320px) {  
.newsletter h6 {
  font-size: 2rem;
  }
.wrapper .icon {
    width: 40px;
    height: 40px;  
  }
.fab {
  font-size: 1.3rem;
  }  
} 

/**
 * ----------------------------------------
 * animation bounce-in-top
 * ----------------------------------------
 */
.bounce-in-top {
  -webkit-animation: bounce-in-top 1.1s both;
          animation: bounce-in-top 1.1s both;
} 
@-webkit-keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(-65px);
            transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(-28px);
            transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(-65px);
            transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(-28px);
            transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}


/* About */
.meet-deb {
    background-image: url("../img/deb-wall.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    margin: 0 75px 150px 75px;
    border-radius: 0 0 2em 0;
}
.swim-photo {
  border-radius: 0 0 2em 0; margin: 100px 0 100px 0;
}
.win h4 {
    font-size: 2.8rem;
    line-height: 1;
    color: #c0ff0d;
    font-weight: 700;
}
.win h4 span {
    font-size: 6.5rem;
    line-height: 1;
    color: #fff;
    font-weight: 900;
}
.win p {
    font-size: 1.65rem;
    color: rgb(228 228 228 / 92%);
    line-height: 1.8;
}
.intro-bio { /* controls placement of h1 */
  height: 100vh;
}
.intro-bio h1 {
  color: #fff; 
  font-size: clamp(2rem, 9.5vw, 7.8rem); 
  font-weight: 800; 
  line-height: 1; 
  display: flex;
  align-items: flex-end; 
  text-shadow: 0 0 1em rgb(0 0 0 / 30%);
}
.intro-bio h1 span {
  color: rgb(15 208 166 / 60%); 
}
.first-section {
  padding: 150px 0 150px 0; 
  margin: 0 75px 0 75px;
  position: relative;
}
.second-section {
  padding: 75px 0 150px 0; 
  background-color: #111136; 
  border-radius: 2em;
}
.second-section h3 {
  color: #0fd0a6; 
  line-height: 1; 
  font-size: 2.8rem; 
  font-weight: 600;
}
.second-section h3 span {
  font-size: clamp(2rem, 12vw, 9rem);
  line-height: 1; 
  font-weight: 800 ; 
  color: #fff;
}
.second-section p {
  font-size: 1.35rem;
  color: rgb(255 255 255 / 81%);
  line-height: 1.8;
}
.second-section p:last-child {
  padding: 50px 0 0 0; 
}
.deb-sofa {
  border-radius: 2em 0 0 2em; 
  object-fit: cover; 
  min-height: 750px;
}
.spirit { 
  padding: 80px; 
  margin: 0 0 0 -30px; 
}
.spirit h2 {
  font-size: 3rem; 
  font-weight: 800; 
  color:#28322b;
}
.spirit h2 span {
  font-size: clamp(2rem, 12vw, 15rem);
}
.spirit p {
  color: rgb(32, 33, 36); 
  line-height: 1.6; 
  font-size: 1.5rem; 
  font-weight: 400;
}
/*
.trailer {
  margin-top: -150px;
}
*/
.about-dg {
  padding: 0 0 200px 0;
}
.about-dg h4 {
  font-size: 4rem; 
  line-height: 1; 
  color: #28322b;
  padding: 75px 0 0 0;
}
.about-dg h4 span {
  font-size: clamp(4rem, 7vw, 10rem); 
  font-weight: 800; 
  color: #28322b;
}
.about-dg p {
  font-size: 1.45rem; line-height: 1.8;
}
@media (max-width: 1199px) {
.second-section p:last-child {
  padding: 0 0 50px; 0; 
  }
.second-section {
  padding: 75px 0 50px 0;
  }  
}
@media (max-width: 991px) {  
.meet-deb {
    height: 80vh; 
}
.intro-bio {
  height: 80vh;
  } 
.first-section {
  padding: 150px 0 50px 0;
  margin: 0 25px 0 25px;
  }  
.about-dg h4 {
  font-size: 2rem;    
  }
.second-section p:last-child {
  padding: unset;
    }  
.sepia {
  margin: 50px 0 0 0;
  }     
}  
@media (max-width: 767px) { 
.spirit {
  padding: 80px 0 0 0;
  margin: unset;
  } 
.deb-sofa {
    min-height: unset;
  }
.spirit p, .about-dg p {
  font-size: 1.35rem;
  }    
}
@media (max-width: 430px) {
.spirit h2, .second-section h3 {
  font-size: 2rem;
  }
#header {
    background: rgb(255 255 255 / 81%);  
  } 
.first-section {
  padding: 100px 0 0 0;
  } 
.spirit {
  padding: 40px 0 0 0;
  }  
.spirit h2, .second-section h3 {
  font-size: 1.6rem;
    }
.spirit h2 span, .second-section h3 span {
  font-size: clamp(2rem, 18vw, 15rem);    
  }  
.spirit p, .about-dg p, .second-section p {
  font-size: 1.25rem;
  } 
.about-dg h4 span {
  font-size: clamp(3.4rem, 7vw, 10rem);
  }
.about-dg h4 {
  padding: 75px 0 40px 0;
  }          
} 
@media (max-width: 320px) {         
.about-dg h4 span {
  font-size: clamp(3rem, 7vw, 10rem);
  }
.spirit p, .about-dg p, .second-section p {
  font-size: 1.12rem;
  }   
}
/* Keynote */
.keynote-intro {
  padding: 350px 0 100px 0;
} 
.keynote h1 span {
  font-size: 3rem;
  color: #fff;
  border: 0.0625rem solid #0fd0a6;
  border-radius: 0.5rem;
  padding: 0.25rem 0.5rem;
  background-color: #0fd0a6;
  font-weight: 500;
}
.keynote h2 {
  font-size: 7.4rem; 
  color: #2f2029; 
  font-weight: 800; 
  margin-bottom: 30px;
}
.keynote hr {
  width: 40%; 
  margin: auto; 
  padding: 0 0 40px 0; 
}
.keynote p {
  margin-top: 50px; 
  font-size: 1.8rem; 
  line-height: 1.6; 
  color: #2f2029; 
  font-weight: 500;
}
.keynote-one {
  padding: 125px 0 100px 0; 
  position: relative; 
  background: #111136;
}
.keynote-pic {
  border-radius: 0 0 2em 0; 
  z-index: 1;
  position: relative;
}
aside span {
  font-size: 20rem;
  line-height: 1;
  color: rgb(15 208 166 / 16%);
  font-weight: 900;
  position: absolute;
  left: 43%;
}
.keynote-one h3 {
  font-size: clamp(2rem, 13vw, 10rem); 
  line-height: 0.9; 
  font-weight: 800; 
  color: #fff; 
  z-index: 1111111; 
  position: relative;
}
.keynote-one h3 span {
  color: #0fd0a6;
  line-height: 1;
  font-size: 3.8rem;
  font-weight: 600;
}
.keynote-one p {
  font-size: 1.3rem; 
  line-height: 1.6; 
  color: #fff;
}
.no-two aside span {
  font-size: 20rem;
  line-height: 1;
  color: rgb(15 208 166 / 16%);
  font-weight: 900;
  position: absolute;
  left: 0;
}
@media (max-width: 1199px) { 
.keynote-pic {
  display: none;
}
.mo {
  display: block;
} 
.keynote-one {
  padding: 35px 0 100px 0;
}   
aside span, .no-two aside span {
  left: 23%;
  }
}   
@media (max-width: 820px) { 
.keynote h2 {
  font-size: 6.4rem;  
  }
.keynote p {
  font-size: 1.6rem;
  }  
}
@media (max-width: 767px) { 
.keynote h2 {
  font-size: 5rem;  
  } 
.keynote-one h3 span {
    font-size: 3rem;  
  }
.keynote-intro {
  padding: 250px 0 100px 0;
  }  
}  
@media (max-width: 430px) {
.keynote p {
  font-size: 1.4rem;
  } 
.keynote h2 {
  font-size: 3.5rem;  
  }  
.keynote h1 span, .keynote-one h3 span {
    font-size: 2rem;  
  }
.cta-sm {
    padding: 12px 17px;
    font-size: 1.1rem;  
  }
}  
@media (max-width: 360px) {
.keynote p {
    font-size: 1.2rem;
  }   
.keynote-one p {
    font-size: 1.1rem;  
  }
.keynote h1 span, .keynote-one h3 span {
    font-size: 1.8rem;  
  }
.keynote h2{
    font-size: 3rem;
    }  
} 
@media (max-width: 280px) {
.cta-sm {
    padding: 8px 12px;
    font-size: 1rem;
    }  
}       

/*   
@media (max-width: 991px) {   
.px-5 {
  padding-right: unset;
  padding-left: unset;
  }  
} 
*/ 
/*
.hiw p {
  color: rgb(255 255 255 / 79%);
  line-height: 1.6;
  font-size: 1.5rem;
  margin-bottom: 75px;
}
.hiw h5 {
    color: #fff;
    font-weight: 700;
    line-height: 1;
    font-size: 1.9rem;
}
.hiw p a {
  color: rgb(255 255 255 / 79%);
  text-decoration: underline;
}
*/
.btn-span {
  box-sizing: border-box;
  background: none 0% 0% / auto repeat scroll padding-box border-box rgba(20, 20, 20, 0.3);
  border-radius: 50%;
  display: block;
  left: -10.0938px;
  opacity: 0;
  padding-top: 201.891px;
  position: absolute;
  top: 34.9688px;
  transform: matrix(0, 0, 0, 0, 0, -100.945);
  transition: transform 0.7s ease 0s, opacity 0.4s ease 0s;
  width: 222.078px;
  z-index: 1;
  transform-origin: 227.517px 100.742px;
  color: rgb(25, 25, 33);
  cursor: pointer;
  text-decoration-color: rgb(25, 25, 33);
  text-decoration-style: solid;
  text-decoration-thickness: auto;
  font-family: "Instrument Sans", sans-serif;
  font-size: 17.9906px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
  text-align: center;
  text-indent: 0px;
}

.image-container {
  position: relative;
  overflow: hidden;
}

.image {
  opacity: 0;
  transform: scale(1.2);
  transition: opacity 1s ease, transform 1s ease;
}

.image.visible {
  opacity: 1;
  transform: scale(1);
}

/* MTG */
.resources-bg {
  min-height: 700px; 
  background-image: url("../img/mtg-bg.webp");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}
/*
.quotes {
    background-color: #e5f6f4;
    color: #2c4240;
    border-radius: 4em;
    padding: 50px 150px 50px 150px;
    margin-top: 35px; 
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
.curly {
    quotes: "“" "”" "‘" "’";
}
.curly::before { 
    content: open-quote;
    font-size: 20rem;
    position: absolute;
    top: -14%;
    left: 7%;
 }
*/

/* increase header size after 600px */
@media all and (min-width: 600px) {
    .blockquote h1 {
        font-size: 1.6rem;
        line-height: 1.2;
   }

}

/* Blockquote subheader */
.blockquote h4 {
    position: relative;
    color: #2f2029;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
    padding-top: 15px;
    z-index: 1;
    margin-left:150px;
    padding-left:12px;
}

 
.blockquote h4:first-letter {
  margin-left:-12px;
}
/*
.mpm {
  background-image: radial-gradient(circle, #5e5e5e 1px, transparent 1px);
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: 8px 8px;
    color: #000;
    display: grid;
    gap: 16px;
    margin-bottom: 24px;
    padding-bottom: 24px;
} 
.mpm-h {
  background-image: radial-gradient(circle, #5e5e5e 1px, transparent 1px);
    background-position: top;
    background-repeat: repeat-x;
    background-size: 8px 8px;
    color: #000;
    display: grid;
    gap: 16px;
    margin-bottom: 24px;
    padding-bottom: 24px;
}
.mpm-sm {
  background-image: radial-gradient(circle, #5e5e5e 1px, transparent 1px);
    background-position: top;
    background-repeat: repeat-x;
    background-size: 8px 8px;
    color: #000;
    display: grid;
    gap: 16px;
    padding-bottom: 4px;
} 
*/
.content {
    flex: 1;
    padding: 20px;
    background: #f4f4f4;
}

/* Footer styling 
.footer {
    background: #333;
    color: #fff;
    text-align: center;
    padding: 10px;
} */
.content {
    flex: 1;
    padding: 20px;
    background: #f4f4f4;
}
@keyframes animName{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}  
.verde {
  fill: #ff5900;
} 

/* Home */


article {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  display: flex;
  position: relative; /* Add relative positioning to keep child elements properly aligned */
}

.wrapper {
  position: relative;
}

.marquee {
  animation: marquee 10s linear infinite;
  display: flex;
  width: 100%; /* Ensures marquee spans the entire width of the div */
}
.marquee2 {
  animation: marquee2 10s linear infinite;
  position: absolute;
  top: 0;
  display: flex;
  width: 100%; /* Ensures marquee spans the entire width of the div */
}
.marquee2 li, .marquee li {
  color: #fff;
}

ul {
  margin-bottom: 0;
}
li {
  margin: 8px;
  font-size: 1.7rem;
}

@keyframes marquee {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes marquee2 {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0%);
  }
}
.uno {
  padding: 0 0 50px 0;
}
.uno h2 {
  font-size: clamp(64px, 9vw, 9rem);
  color: #01221b; 
  font-weight: 900; 
  line-height: 1; 
  padding: 50px 0 0 0;
}
.uno p {
  font-size: 1.6rem; 
  line-height: 1.5
}
.uno aside span {
    font-size: 20rem;
    line-height: 2;
    color: rgb(15 208 166 / 11%);
    font-weight: 900;
    position: absolute;
    left: -1%;
    top: 0;
    display: none;
}
.research {
  background-color: #fbfbfb; 
  border-radius: 25px 0 0 25px; 
  padding: 0 50px 50px 120px; 
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.research li {
  margin: 8px;
  font-size: 1.5rem;
}
.research h2 {
  font-size: 4rem; 
  color: #01221b; 
  font-weight: 900; 
  line-height: 1; 
  padding: 50px 0 25px 0;
}
.solution {
  position: relative; 
  padding: 50px 0 0 0;
}
.solution h2 {
  font-size: clamp(50px, 9vw, 9rem); 
  color: #01221b; 
  font-weight: 800;
  line-height: 1; 
  padding: 50px 0 0 0;
}
.solution-container {
  background-color: #fff; 
  border-radius: 25px; 
  padding: 50px; 
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.solution-container p span { 
  font-size: 2.5rem; 
  line-height: 1; 
  font-weight: 600;
  font-family: "Roboto", sans-serif;
}
.solution-container p {
  padding: 25px 0 0 0; 
  font-size: 1.34rem; 
  line-height: 1.5;
}
.swimm {
  border-radius: 25px; 
  object-fit: cover;
  min-height: 1010px;
  object-position: left center;
}
@media (max-width: 430px) {
.swimm {
object-position: 20% center;
  }
}  
.video-sec {
  position: relative;  
  padding: 110px 0 0 0;
  z-index: 10;
}
.video-frame {
  background: rgb(216 224 230 / 45%);
  padding: 140px 100px 200px 100px;
  border-radius: 50px 0 0 50px;
}
.video-frame p {
  font-size: clamp(64px, 9vw, 12rem);
  line-height: 1;
  font-weight: 800;
  transform: rotateZ(90deg);
  position: absolute;
  left: -30%;
  top: 55%;
  mix-blend-mode: soft-light;
}
.dos aside span {
    left: -20%;
    top: -10%;
    display: none
}
.leadership {
  background: #18185d;
  padding: 100px 125px 100px 125px; 
  margin-bottom: 150px;
  border-radius: 50px 0 50px 50px;
}
.leadership h3 {
  font-size: clamp(45px, 9vw, 3rem); 
  line-height: 1; 
  color: #fff; 
  font-weight: 800;
}
.leadership h4 {
  font-size: 2.4rem; 
  line-height: 1.1; 
  color: rgb(255 255 255 / 84%);
  font-weight: 700; 
  padding-bottom: 40px;
}
.leadership ul {
  margin: 0 0 20px 0;
}
.leadership li {
  margin: 8px;
  font-size: 1.5rem;
  color: #fff;
}
.leadership p {
  font-size: 1.5rem;
  line-height: 1.6;
  color: #fff;
}
.testimonial-section {
  margin: 0 0 150px 0;
}
.cover-img {
  object-fit: cover;
  min-height: 861px;
} 
.opening {
  display: flex;
  /*align-items: center;*/
  height: 80vh; 
  justify-content: center;
}
.ll {
  padding: 100px 0 100px 0;
}
.scroll-m p {
  font-size: 2.1rem;
  line-height: 1;
  margin: 0;
  font-weight: 400; 
  font-family: "Roboto", sans-serif;
}
.scroll-m span {
  font-size: 1.2rem;
  opacity: 0.6;
  font-size: 1.3rem; 
  line-height: 0.5;
}
.the-challenge {
  background-color: rgb(15 208 166 / 9%); 
  padding: 75px 25px 75px 35px; 
  margin: 0 0 65px 50px; 
  border-radius: 50px 0 0 50px; 
  position: relative;
}
@media (max-width: 1199px) {
.the-challenge {
  margin: unset;  
  }
}   
@media (max-width: 1024px) { 
.video-frame {
  padding: 70px 0 70px 0;
  background-color: transparent;
  }
.video-sec, .ll, .first-sec {
  padding: unset;
  min-height: unset;  
}  
.video-frame p {
  display: none;
}  
.cover-img {
  min-height: 100%;  
  }
.leadership {
  padding: 100px 50px 100px 50px;  
  } 
.leadership h4 {
  font-size: 2.5rem;  
  }
.research {
  padding: 0 50px 50px 50px;  
  }
.leadership {
  margin-bottom: 80px;
  }  
}
@media (max-width: 991px) {
.cover-img {
  padding: 0 0 25px 0;
  }   
}   
@media (max-width: 768px) {
.leadership {
  margin-bottom: 80px;
  border-radius: 50px 0 0 50px;
  }
}  
@media (max-width: 576px) {
.leadership h3, .research h2 {
  font-size: 2.5rem;
  }
.research li, .uno p, .solution-container p, .leadership p, .leadership li {
  font-size: 1.3rem;
  }  
.leadership h4 {
  font-size: 1.8rem;
  }  
}  
@media (max-width: 430px) {
.solution-container p span {
    font-size: 2rem;
  } 
.research h2 {
  font-size: 2rem
  } 
.leadership h3 {
  font-size: 1.9rem;
  }    
.leadership h4 {
  font-size: 1.5rem;
  padding-bottom: 20px;
  }  
.research {
  padding: 0 15px 50px 15px;
  }
.solution-container, .leadership {
  padding: 50px 25px 50px 25px;   
  }
}  
@media (max-width: 360px) {
.research li, .uno p, .solution-container p, .leadership p, .leadership li {
  font-size: 1.2rem;
  }
blockquote.curly {
  font-size: 1.3rem;
  } 
.p-4 {
  padding: 0.8rem !important;
  } 
.testimonial-card {
  width: 95%;
  }  
.uno h2 {
  font-size: clamp(40px, 9vw, 9rem);   
  }    
}  
@media (max-width: 320px) {
.testimonial-card .avatar {
  width: 100px;
  height: 100px;
  }
.author-meta {
  margin: 0 0 0 0;
  } 
blockquote.curly {
  font-size: 1rem;
  }
.leadership h3 {
  font-size: 1.6rem;     
}              
.leadership h4 {
  font-size: 1.3rem;
}  
.solution-container p span {
  font-size: 1.7rem;
  }
}  
/* test code */
.video-container {
  position: relative;
  /*width: 100%;*/
  aspect-ratio: 16/9;
  /*margin: 0 60px 0 60px;*/
  overflow: hidden;
  border-radius: 25px;
  cursor: pointer;
}
.thumbnail {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.3s ease;
        }
.video-embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.video-container:hover .thumbnail {
  opacity: 0;
}
.video-container:hover .video-embed {
  opacity: 1;
  pointer-events: auto;
}
.video-embed iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0,0,0,0.7);
  color: white;
  padding: 15px 25px;
  border-radius: 30px;
  font-size: 16px;
  transition: opacity 0.3s ease;
  pointer-events: none;
  display: flex;
  align-items: center;
  gap: 10px;
}
.video-container:hover .overlay {
  opacity: 0;
}
.play-icon {
  width: 0;
  height: 0;
  border-left: 12px solid white;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  margin-left: 3px;
}
.lazy-video-container {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: 20px;
  cursor: pointer;;
}
.lazy-video-container .video-embed {
  display: none;
}
.lazy-video-container.loaded .thumbnail {
  opacity: 0;
}
.lazy-video-container.loaded .video-embed {
  opacity: 1;
  pointer-events: auto;
  display: block;
}
.lazy-video-container.loaded .overlay {
  opacity: 0;
}
/* Marquee */
.marquee-container {
  margin: 20px 0 125px 0;
  width: 100%;
} 
.marquee-track {
  display: flex;
  width: max-content;
  animation: scroll 20s linear infinite;
  margin: 175px 0 175px 0;
}
.marquee-content {
  display: flex;
}
.marquee-content img {
  margin-right: 80px;
  object-fit: contain;
  flex-shrink: 0;
}
.sc-pt {
  background-color: transparent;
  overflow: hidden;
}
.scroller {
  display: flex;
  flex-wrap: nowrap;
  height: calc(8.29rem * 2);
  background-color: transparent;
  align-items: center;
  width: auto;
  position: relative;
  overflow-x: visible;
  animation: marque_mz linear 8s infinite;
  transition: 3s;
  width: max-content;
}
.sc-cc_e {
  padding-right: 97px;
}  
.sc-cc_c {
  font-size: 4.5rem;
  color: #000;
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  white-space: nowrap;
} 
@keyframes scroll {
  0% {
  transform: translateX(0%);
  }
  100% {
  transform: translateX(-50%);
  }
}
.cta-red { /* green */
  display: inline-block;
  padding: 12px 40px;
  border-radius: 2rem;
  color: #fff;
  font-size: 1.3rem;
  background-color: #0fd0a6;
  border: 3px solid #0fd0a6;
  font-weight: 600;
  text-decoration: none;
}
.cta-red:hover {
    background-color: #0fd0a6;
    border: 3px solid #0fd0a6;
    color: #fff;
}
.pulse-image {
  animation: pulse 2s infinite;
}
@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.05);
    opacity: 0.8;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.no-pad {
   padding: 0;
}
.testimonial p {
  font-size: 3.2rem;
  line-height: 1.2;
  margin: 0;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}
.testimonial p span {
  font-size: 1rem;
  line-height: 1;
  font-weight: 400;
}
/* ===== Testimonial – Speech Bubble Card ===== */
:root {
  --tg-accent: #00c896;      
  --tg-ink: #212529;          
  --tg-muted: #6c757d;       
  --tg-bubble-bg: #ffffff;
  --tg-shadow: 0 20px 50px rgba(0,0,0,.08);
}

.testimonial-card {
  max-width: 780px;
  position: relative;
}

.testimonial-card .bubble {
  position: relative;
  border-radius: 24px;
}
.testimonial-card .bubble::before {
  content: "\201C";
  position: absolute;
  left: 24px;
  top: 28px;
  font-size: 158px;
  line-height: .7;
  color: rgba(0,0,0,.06);
  pointer-events: none;
}
/* Tail for speech bubble */
.testimonial-card .bubble::after {
  content: "";
  position: absolute;
  left: 72px;
  bottom: -14px;
  width: 28px;
  height: 28px;
  background: var(--tg-bubble-bg);
  transform: rotate(45deg);
  box-shadow: 10px 10px 30px rgba(0,0,0,.04);
}
.testimonial-card .quote {
  color: var(--tg-ink);
  font-size: clamp(1.25rem, 1.2rem + 1vw, 1.95rem);
  font-weight: 400;
  line-height: 1.4;
  font-family:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
.testimonial-card .quote .emph {
  color: var(--tg-accent);
  font-weight: 800;
}
.testimonial-card .author {
  position: relative;
  margin-top: 36px;
  padding-left: 120px;
}
.testimonial-card .avatar {
  position: absolute;
  left: 15%;
  top: -28px;
  width: 176px;
  height: 176px;
  border-radius: 50%;
  object-fit: cover;
  border: 6px solid #fff;
  box-shadow: 0 10px 5px rgb(0 0 0 / 9%);
}
.testimonial-card .author .name {
  font-size: 1.9rem;
}
.testimonial-card .author .title {
  color: var(--tg-muted);
  font-size: .95rem;
}
@media (prefers-color-scheme: dark) {
  :root {
    --tg-ink: #e9ecef;
    --tg-muted: #adb5bd;
    --tg-bubble-bg: #1f1f22;
    --tg-shadow: 0 24px 60px rgba(0,0,0,.35);
  }
.testimonial-card .avatar { border-color: #1f1f22; }
}
.author-meta {
  margin: 0 0 0 220px;
}
blockquote.curly{
  position: relative;
  quotes: "\201C" "\201D";    /* define curly open/close */
  padding: 1.5rem;
  border-radius: 24px;
  font-weight: 400;
  font-size: 2.3rem;
  line-height: 1.4;
  font-family:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
@media (max-width: 768px) {
.testimonial-card {
  max-width: 80%;   
  }
} 
@media (max-width: 576px) { 
blockquote.curly {
  font-size: 1.5rem;
}
.testimonial-card .bubble::before {
  left: 5px;
  top: 10px;  
}
.testimonial-card .author .name {
    font-size: 1rem;
}  
.author-meta {
  margin: 0 0 0 140px;
} 
.testimonial-card {
  width: 90%;
} 
.testimonial-card .avatar {
  width: 136px;
  height: 136px;  
  }
}
@media (max-width: 430px) {
.marquee-track {
  margin: 100px 0 100px 0;  
  } 
.author-meta {
  margin: 0 0 0 80px;
  }
.overlay {
  font-size: 12px;
  }     
} 
@media (max-width: 390px) {
.testimonial-card .avatar {
  left: 5%;
  top: -17px; 
  }
.author-meta {
  margin: 0 0 0 40px;
  }  
}   
@media (max-width: 360px) {
blockquote.curly {
  font-size: 1.3rem;
  } 
.p-4 {
  padding: 0.8rem !important;
  } 
.testimonial-card {
  width: 95%;
  }  
.overlay {
  width: 70%;
  }    
}        
.marker-mint::marker { color:#0FD0A6; }
.bubble{
  position: relative;   
  background: rgb(15 208 166 / 10%);
  border-radius: 24px;
}
.bubble::before{
  content: "\201C";              
  position: absolute;
  left: 24px;                      
  top: 8px;
  font-family: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 800;                
  font-size: clamp(64px, 9vw, 128px);
  line-height: .7;                
  color: rgba(0,0,0,.06);          
  pointer-events: none;
  user-select: none;
  z-index: 0;                    
}
.quote{
  position: relative;
  z-index: 1;
  font-family: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  line-height: 1.25;
}
.bubble::after{
  content: "\201D";                /* right double curly quote */
  position: absolute;
  right: 20px;
  bottom: -6px;
  font-size: clamp(32px, 4.5vw, 72px);
  color: rgba(0,0,0,.04);
  transform: translateY(30%) rotate(2deg);
  pointer-events: none;
  user-select: none;
  z-index: 0;
}
:root {
  --bubble-bg: #E9F8F4;
}
.bubble{ background: var(--bubble-bg); }
.bubble::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-14px;
  width:28px; height:28px;
  transform:translateX(-50%) rotate(45deg);
  background: var(--bubble-bg) !important;  /* make tail match bubble */
}
#site-alert {
  font-size: 1rem;
  background-color: #021520;
  color: #fff;
  border: none;
}
#site-alert a {
  color: #fff;
  text-decoration: underline;
}
#site-alert a:hover {
  color: #0fd0a6;
  text-decoration: none;
}
.btn-close {
  filter: invert(1); /* makes close button white */
}
#site-alert {
  position: relative;
  z-index: 2000; /* higher than header-home */
}
#header-home {
  z-index: 1000; /* lower than alert bar */
}
.gwr h1 {
  font-size: clamp(2rem, 8vw, 15rem);
  font-weight: 800;
  line-height: 1.1;
  margin: 100px 0 0 0;
}
.gwr p {
  font-size: 1.6rem;
  line-height: 1.6;
  margin-bottom: 1.5rem;
}
.gwr span {
  font-size: 1.1rem;
  line-height: 1;
  opacity: 0.8;
}
.tm {
  font-size: 0.7em;
  vertical-align: text-top;
  position: relative;
  top: 2em;
}
@media (max-width: 425px) {
.navbar ul { 
  margin-top: 50px; 
}
.logo img {
    z-index: 1;
    position: absolute;
    top: 50%;
    filter: unset!important;
}
.transparent-nav .navbar, .transparent-nav .container-fluid {
  height: 70px;
  background: #fff!important;
}  
.transparent-nav.transparent-nav .bi-list {
  color: #000 !important;
}  
#deb-hero {
  padding-top: 520px!important;
}  
#site-alert {
  font-size: 0.8rem;
  }  
}
.gwr-page {
  position: relative;
}
.gwr h1 {
    font-size: clamp(2rem, 8vw, 15rem);
    font-weight: 800;
    line-height: 1.1;
    margin: 100px 0 0 0;
}
.gwr p {
  font-size: 1.44rem;
  line-height: 1.6;
  margin-bottom: 1.5rem;
}
.gwr span {
  font-size: 1.1rem;
  line-height: 1;
  opacity: 0.8;
}
.gwr-logo {
  width: 200px; 
  height: auto;
  position: absolute;
  top: 6%;
  right: 11%;
}
@media (max-width: 1440px) { 
.gwr-logo {
  right: 9%; 
  top: 7%;
  width: 180px;
  }
}   
@media (max-width: 991px) { 
.gwr-logo {
  top: 5%; 
  right: 11%;
  }
} 
@media (max-width: 820px) { 
.gwr-logo { 
  width: 155px;
  top: 5.5%;
  }
}
@media (max-width: 576px) { 
.gwr-logo { 
  width: 120px;
  right: 5%;
  top: 6%;
  }
}  
@media (max-width: 430px) { 
.gwr-logo {
  width: 115px;
  top: 4%;
  left: 6.5%;
  }
.gwr h1 {
  font-size: clamp(2rem, 10vw, 15rem);
} 
.gwr p {
  font-size: 1.14rem;
  } 
}  
.tm {
  font-size: 0.7em;
  vertical-align: text-top;
  position: relative;
  top: 2em;
}
@media (max-width: 425px) {  
#site-alert {
  font-size: 0.8rem;
  }  
}
@media (max-width: 576px) {
.navbar {
  padding-right: unset;
  }
}