

:root {
  --color-blue: #4285F4;
  --color-base-1:#000;
  --color-base-2:#4285F4;
  --color-base-3:#34A856;
  --font-color-darkest:#000;
  --font-color-dark:#262626;
  --color-blue:#4285F4;
  --color-white:#fff;
  --color-grey:#F5F5F5;
  --color-gray:#CDCDCD;
  --color-light-grey:#F6F6F6;
  --color-black:#424242;
  --google-red:#EA4335;
  --google-blue:#4285F4;
  --google-green:#34A853;
  --google-yellow:#FBBC04;
  --font-color-0:#202124;
  --font-color-1:#424242;
  --font-color-2:#000000;
  --font-color-3:#737373;
}
.bg-babyblue {
  background: var(--color-blue);
  opacity: 0.1;
}
.color-50 {
  color: #808080 !important;
}
.blue {
  color: var(--color-blue);
}
.black {
  color: var(--color-black);
}
.bg-progressbar {
  /* ff 3.6+ */
  background: -moz-linear-gradient(90deg, #ea4335 0%, #ea4335 30%, #4285f4 30%, #4285f4 70%, #34a853 70%, #34a853 80%, #fbbc04 80%, #fbbc04 100%);
  background: -webkit-linear-gradient(90deg, #ea4335 0%, #ea4335 30%, #4285f4 30%, #4285f4 70%, #34a853 70%, #34a853 80%, #fbbc04 80%, #fbbc04 100%);
  /* safari 5.1+,chrome 10+ */
  background: -o-linear-gradient(90deg, #ea4335 0%, #ea4335 30%, #4285f4 30%, #4285f4 70%, #34a853 70%, #34a853 80%, #fbbc04 80%, #fbbc04 100%);
  /* opera 11.10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FBBC04", endColorstr="#EA4335", GradientType=0);
  /* ie 6-9 */
  /* ie 10+ */
  background: -ms-linear-gradient(90deg, #ea4335 0%, #ea4335 30%, #4285f4 30%, #4285f4 70%, #34a853 70%, #34a853 80%, #fbbc04 80%, #fbbc04 100%);
  background: linear-gradient(90deg, #ea4335 0%, #ea4335 30%, #4285f4 30%, #4285f4 70%, #34a853 70%, #34a853 80%, #fbbc04 80%, #fbbc04 100%);
  /* global 94%+ browsers support */
}
.color-blue {
  color: var(--color-blue) !important;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: 100;
}
.bold {
  font-weight: 700;
}
.section-white {
  background-color: var(--color-white);
}
.section-grey {
  background-color: var(--color-grey);
}
.section-gradient {
  background-color: var(--color-white);
}
section {
  position: relative;
}
.t-cloud-background {
  position: absolute;
  border-radius: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.inner {
  position: relative;
}
/* Structure for applying blue-green gradients to various elements */
.hp-gradient_green-blue_h {
  background-color: #34a853;
  background-image: -moz-linear-gradient(90deg, #34a853 0%, #4285f4 100%);
  background-image: -webkit-linear-gradient(90deg, #34a853 0%, #4285f4 100%);
  background-image: linear-gradient(90deg, #34a853 0%, #4285f4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#34a853", endColorstr="#4285f4", GradientType=1);
}
.hp-gradient_green-blue_v {
  background-color: #34a853;
  background-image: -moz-linear-gradient(0deg, #34a853 0%, #4285f4 100%);
  background-image: -webkit-linear-gradient(0deg, #34a853 0%, #4285f4 100%);
  background-image: linear-gradient(0deg, #34a853 0%, #4285f4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#34a853", endColorstr="#4285f4", GradientType=1);
}
.hp-gradient_blue-green_h {
  background-color: #34a853;
  background-image: -moz-linear-gradient(90deg, #4285f4 0%, #34a853 100%);
  background-image: -webkit-linear-gradient(90deg, #4285f4 0%, #34a853 100%);
  background-image: linear-gradient(90deg, #4285f4 0%, #34a853 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4285f4", endColorstr="#34a853", GradientType=1);
}
.hp-gradient_blue-green_v {
  background-color: #34a853;
  background-image: -moz-linear-gradient(0deg, #4285f4 0%, #34a853 100%);
  background-image: -webkit-linear-gradient(0deg, #4285f4 0%, #34a853 100%);
  background-image: linear-gradient(0deg, #4285f4 0%, #34a853 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4285f4", endColorstr="#34a853", GradientType=1);
}
@supports not (-webkit-touch-callout: none) {
  .hp-gradient_fixed {
    background-size: 100vw 100vh;
    background-position: center;
    background-attachment: fixed;
  }
  .hp-gradient_fixed.hp-gradient_green-blue_v {
    background-color: #34a853;
    background-image: -moz-linear-gradient(0deg, #34a853 30%, #4285f4 70%);
    background-image: -webkit-linear-gradient(0deg, #34a853 30%, #4285f4 70%);
    background-image: linear-gradient(0deg, #34a853 30%, #4285f4 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#34a853", endColorstr="#4285f4", GradientType=1);
  }
  .hp-gradient_fixed.hp-gradient_green-blue_h {
    background-color: #34a853;
    background-image: -moz-linear-gradient(90deg, #34a853 30%, #4285f4 70%);
    background-image: -webkit-linear-gradient(90deg, #34a853 30%, #4285f4 70%);
    background-image: linear-gradient(90deg, #34a853 30%, #4285f4 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#34a853", endColorstr="#4285f4", GradientType=1);
  }
  .hp-gradient_fixed.hp-gradient_blue-green_v {
    background-color: #34a853;
    background-image: -moz-linear-gradient(0deg, #4285f4 30%, #34a853 70%);
    background-image: -webkit-linear-gradient(0deg, #4285f4 30%, #34a853 70%);
    background-image: linear-gradient(0deg, #4285f4 30%, #34a853 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4285f4", endColorstr="#34a853", GradientType=1);
  }
  .hp-gradient_fixed.hp-gradient_blue-green_h {
    background-color: #34a853;
    background-image: -moz-linear-gradient(90deg, #4285f4 30%, #34a853 70%);
    background-image: -webkit-linear-gradient(90deg, #4285f4 30%, #34a853 70%);
    background-image: linear-gradient(90deg, #4285f4 30%, #34a853 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4285f4", endColorstr="#34a853", GradientType=1);
  }
  .hp-gradient_text {
    /* Set the background size and repeat properties. */
    background-size: 100%;
    background-repeat: repeat;
    /* Use the text as a mask for the background. */
    /* This will show the gradient as a text color rather than element bg. */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    max-width: fit-content;
  }
  /*   .bgsection:nth-of-type(4n+1) .t-cloud-background {
        background-color: rgb(52, 168, 83);
          background-image: -moz-linear-gradient(0deg, rgba(66, 133, 244, 1) 30%, rgba(52, 168, 83, 1) 70%);
          background-image: -webkit-linear-gradient(0deg, rgba(66, 133, 244, 1) 30%, rgba(52, 168, 83, 1) 70%);
          background-image: linear-gradient(0deg, rgba(66, 133, 244, 1) 30%, rgba(52, 168, 83, 1) 70%);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4285f4", endColorstr="#34a853", GradientType=1);
        }
        .bgsection:nth-of-type(4n+3) .t-cloud-background  {
       background-color: rgb(52, 168, 83);
          background-image: -moz-linear-gradient(0deg, rgba(52, 168, 83, 1) 30%, rgba(66, 133, 244, 1) 70%);
          background-image: -webkit-linear-gradient(0deg, rgba(52, 168, 83, 1) 30%, rgba(66, 133, 244, 1) 70%);
          background-image: linear-gradient(0deg, rgba(52, 168, 83, 1) 30%, rgba(66, 133, 244, 1) 70%);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#34a853", endColorstr="#4285f4", GradientType=1);
        }
      }
.bgsection:nth-of-type(4n+1) .t-cloud-background {
   background-color: rgb(52, 168, 83);
   background-image: -moz-linear-gradient(0deg, rgba(66, 133, 244, 1) 0%, rgba(52, 168, 83, 1) 100%);
   background-image: -webkit-linear-gradient(0deg, rgba(66, 133, 244, 1) 0%, rgba(52, 168, 83, 1) 100%);
   background-image: linear-gradient(0deg, rgba(66, 133, 244, 1) 0%, rgba(52, 168, 83, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4285f4", endColorstr="#34a853", GradientType=1);
}
.bgsection:nth-of-type(4n+3) .t-cloud-background {
   background-color: rgb(52, 168, 83);
        background-image: -moz-linear-gradient(0deg, rgba(52, 168, 83, 1) 0%, rgba(66, 133, 244, 1) 100%);
        background-image: -webkit-linear-gradient(0deg, rgba(52, 168, 83, 1) 0%, rgba(66, 133, 244, 1) 100%);
        background-image: linear-gradient(0deg, rgba(52, 168, 83, 1) 0%, rgba(66, 133, 244, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#34a853", endColorstr="#4285f4", GradientType=1);
}
.bgsection:nth-of-type(even) .t-cloud-background {
  background:var(--color-grey);
}
.bgsection:nth-of-type(odd) *{
  color:white;
  fill:white;
}*/
}
.bgsection {
  padding: 5vw 0;
}
.hp-gradient_text {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*******************************************************************/
/* ftrtch dino */
/* [type: CSS] [file:colors] [99.5449] DESIGN*/
/*******************************************************************/
/* 0.7 D>D */
/* db 163 */