html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
    /* position:relative; */
  }
  
  @font-face {
    font-family: poo;
    src: url("/fonts/one.eot"); /* IE9*/
    src: url("/fonts/one.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/fonts/four.woff2") format("woff2"), /* chrome firefox */
    url("/fonts/three.woff") format("woff"), /* chrome firefox */
    url("/fonts/two.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
  }
  
  /* 
  h1.band {
    overflow: hidden;
    white-space: nowrap;
    opacity: 0; 
  
  }
  */
  .band, .band2 {
    overflow: hidden;
    overflow: hidden;
    white-space: nowrap;
    opacity: 0;
  }
  
  
  
  @font-face {
    font-family: myFirstFont;
    src: url(/fonts/four.woff2);
    /* font-style: bold; */
  
  }
  
  @font-face {
    font-family: bolder;
    src: url(/fonts/four.woff2);
    font-weight: 900 !important;
  }
  
  /* @font-face {
    font-family: nue;
    src: url(/fonts/nue.otf);
  } */
  
  
  /* .poopy {
    font-family: bolder !important;
  } */
  
  .top {
    font-family: myFirstFont !important;
    font-weight: 100 !important;
  }
  
  h1, .features__category, h3, .toppy, .botty, .header__link, .footer__link, .grid__item-number, #nofont {
    font-family: myFirstFont !important;
    font-weight: 100 !important;
  }
  
  h2 {
    font-family: bolder !important;
    font-weight: 900 !important;
    color: #313639;
  }
  
  
  #nofont:hover {
    color: #313639 !important;
    font-weight: initial !important;
  }
  
  
  html,
  body,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  strong,
  sub,
  sup,
  tt,
  var,
  b,
  u,
  i,
  center,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  canvas,
  details,
  embed,
  figure,
  figcaption,
  footer,
  header,
  hgroup,
  menu,
  nav,
  output,
  ruby,
  section,
  summary,
  time,
  mark,
  audio,
  video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
  }
  /* :root {
    --height: 100vh;
  } */
  a,
  abbr,
  acronym,
  address,
  applet,
  article,
  aside,
  audio,
  b,
  big,
  blockquote,
  body,
  canvas,
  caption,
  center,
  cite,
  code,
  dd,
  del,
  details,
  dfn,
  div,
  dl,
  dt,
  em,
  embed,
  fieldset,
  figcaption,
  figure,
  footer,
  form,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  header,
  hgroup,
  html,
  i,
  iframe,
  img,
  ins,
  kbd,
  label,
  legend,
  li,
  mark,
  menu,
  nav,
  object,
  ol,
  output,
  p,
  pre,
  q,
  ruby,
  s,
  samp,
  section,
  small,
  span,
  strike,
  strong,
  sub,
  summary,
  sup,
  table,
  tbody,
  td,
  tfoot,
  th,
  thead,
  time,
  tr,
  tt,
  u,
  ul,
  var,
  video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    /* font: inherit; */
    vertical-align: baseline;
  }
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
    display: block;
  }
  body {
    line-height: 1;
  }
  ol,
  ul {
    list-style: none;
  }
  blockquote,
  q {
    quotes: none;
  }
  blockquote:after,
  blockquote:before,
  q:after,
  q:before {
    content: "";
    content: none;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  :root {
    --color-primary: #18181a;
    --color-secondary: #75757c;
    --color-dark: #364c62;
    --color-light: #f5f5f5;
    --td: 150ms;
    --te: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  
  
  html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
  }
  
  img,
  fieldset,
  a img {
    border: none;
  }
  
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  textarea {
    -webkit-appearance: none;
  }
  
  input[type="submit"],
  button {
    cursor: pointer;
    background: none;
  }
  
  input[type="submit"]::-moz-focus-inner,
  button::-moz-focus-inner {
    padding: 0;
    border: 0;
  }
  
  textarea {
    overflow: auto;
  }
  
  input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  
  input,
  button {
    margin: 0;
    padding: 0;
    border: 0;
  }
  body, html {
    max-width: 100%;
    overflow-x: hidden !important;
  }
  
  div,
  input,
  textarea,
  select,
  button,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  a,
  span,
  a:focus {
    outline: none;
  }
  html {
    overflow-x: hidden;
  }
  select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #313639;
  }
  
  ul,
  ol {
    list-style-type: none;
  }
  
  table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
  }
  
  html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  *,
  *:before,
  *:after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
  }
  
  a {
    text-decoration: none;
  }
  
  [data-aos][data-aos][data-aos-duration="50"],
  body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms;
  }
  [data-aos][data-aos][data-aos-delay="50"],
  body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="50"].aos-animate,
  body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms;
  }
  [data-aos][data-aos][data-aos-duration="100"],
  body[data-aos-duration="100"] [data-aos] {
    transition-duration: 0.1s;
  }
  [data-aos][data-aos][data-aos-delay="100"],
  body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="100"].aos-animate,
  body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: 0.1s;
  }
  [data-aos][data-aos][data-aos-duration="150"],
  body[data-aos-duration="150"] [data-aos] {
    transition-duration: 0.15s;
  }
  [data-aos][data-aos][data-aos-delay="150"],
  body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="150"].aos-animate,
  body[data-aos-delay="150"] [data-aos].aos-animate {
    transition-delay: 0.15s;
  }
  [data-aos][data-aos][data-aos-duration="200"],
  body[data-aos-duration="200"] [data-aos] {
    transition-duration: 0.2s;
  }
  [data-aos][data-aos][data-aos-delay="200"],
  body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="200"].aos-animate,
  body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: 0.2s;
  }
  [data-aos][data-aos][data-aos-duration="250"],
  body[data-aos-duration="250"] [data-aos] {
    transition-duration: 0.25s;
  }
  [data-aos][data-aos][data-aos-delay="250"],
  body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="250"].aos-animate,
  body[data-aos-delay="250"] [data-aos].aos-animate {
    transition-delay: 0.25s;
  }
  [data-aos][data-aos][data-aos-duration="300"],
  body[data-aos-duration="300"] [data-aos] {
    transition-duration: 0.3s;
  }
  [data-aos][data-aos][data-aos-delay="300"],
  body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="300"].aos-animate,
  body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: 0.3s;
  }
  [data-aos][data-aos][data-aos-duration="350"],
  body[data-aos-duration="350"] [data-aos] {
    transition-duration: 0.35s;
  }
  [data-aos][data-aos][data-aos-delay="350"],
  body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="350"].aos-animate,
  body[data-aos-delay="350"] [data-aos].aos-animate {
    transition-delay: 0.35s;
  }
  [data-aos][data-aos][data-aos-duration="400"],
  body[data-aos-duration="400"] [data-aos] {
    transition-duration: 0.4s;
  }
  [data-aos][data-aos][data-aos-delay="400"],
  body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="400"].aos-animate,
  body[data-aos-delay="400"] [data-aos].aos-animate {
    transition-delay: 0.4s;
  }
  [data-aos][data-aos][data-aos-duration="450"],
  body[data-aos-duration="450"] [data-aos] {
    transition-duration: 0.45s;
  }
  [data-aos][data-aos][data-aos-delay="450"],
  body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="450"].aos-animate,
  body[data-aos-delay="450"] [data-aos].aos-animate {
    transition-delay: 0.45s;
  }
  [data-aos][data-aos][data-aos-duration="500"],
  body[data-aos-duration="500"] [data-aos] {
    transition-duration: 0.5s;
  }
  [data-aos][data-aos][data-aos-delay="500"],
  body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="500"].aos-animate,
  body[data-aos-delay="500"] [data-aos].aos-animate {
    transition-delay: 0.5s;
  }
  [data-aos][data-aos][data-aos-duration="550"],
  body[data-aos-duration="550"] [data-aos] {
    transition-duration: 0.55s;
  }
  [data-aos][data-aos][data-aos-delay="550"],
  body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="550"].aos-animate,
  body[data-aos-delay="550"] [data-aos].aos-animate {
    transition-delay: 0.55s;
  }
  [data-aos][data-aos][data-aos-duration="600"],
  body[data-aos-duration="600"] [data-aos] {
    transition-duration: 0.6s;
  }
  [data-aos][data-aos][data-aos-delay="600"],
  body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="600"].aos-animate,
  body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: 0.6s;
  }
  [data-aos][data-aos][data-aos-duration="650"],
  body[data-aos-duration="650"] [data-aos] {
    transition-duration: 0.65s;
  }
  [data-aos][data-aos][data-aos-delay="650"],
  body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="650"].aos-animate,
  body[data-aos-delay="650"] [data-aos].aos-animate {
    transition-delay: 0.65s;
  }
  [data-aos][data-aos][data-aos-duration="700"],
  body[data-aos-duration="700"] [data-aos] {
    transition-duration: 0.7s;
  }
  [data-aos][data-aos][data-aos-delay="700"],
  body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="700"].aos-animate,
  body[data-aos-delay="700"] [data-aos].aos-animate {
    transition-delay: 0.7s;
  }
  [data-aos][data-aos][data-aos-duration="750"],
  body[data-aos-duration="750"] [data-aos] {
    transition-duration: 0.75s;
  }
  [data-aos][data-aos][data-aos-delay="750"],
  body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="750"].aos-animate,
  body[data-aos-delay="750"] [data-aos].aos-animate {
    transition-delay: 0.75s;
  }
  [data-aos][data-aos][data-aos-duration="800"],
  body[data-aos-duration="800"] [data-aos] {
    transition-duration: 0.8s;
  }
  [data-aos][data-aos][data-aos-delay="800"],
  body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="800"].aos-animate,
  body[data-aos-delay="800"] [data-aos].aos-animate {
    transition-delay: 0.8s;
  }
  [data-aos][data-aos][data-aos-duration="850"],
  body[data-aos-duration="850"] [data-aos] {
    transition-duration: 0.85s;
  }
  [data-aos][data-aos][data-aos-delay="850"],
  body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="850"].aos-animate,
  body[data-aos-delay="850"] [data-aos].aos-animate {
    transition-delay: 0.85s;
  }
  [data-aos][data-aos][data-aos-duration="900"],
  body[data-aos-duration="900"] [data-aos] {
    transition-duration: 0.9s;
  }
  [data-aos][data-aos][data-aos-delay="900"],
  body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="900"].aos-animate,
  body[data-aos-delay="900"] [data-aos].aos-animate {
    transition-delay: 0.9s;
  }
  [data-aos][data-aos][data-aos-duration="950"],
  body[data-aos-duration="950"] [data-aos] {
    transition-duration: 0.95s;
  }
  [data-aos][data-aos][data-aos-delay="950"],
  body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="950"].aos-animate,
  body[data-aos-delay="950"] [data-aos].aos-animate {
    transition-delay: 0.95s;
  }
  [data-aos][data-aos][data-aos-duration="1000"],
  body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s;
  }
  [data-aos][data-aos][data-aos-delay="1000"],
  body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1000"].aos-animate,
  body[data-aos-delay="1000"] [data-aos].aos-animate {
    transition-delay: 1s;
  }
  [data-aos][data-aos][data-aos-duration="1050"],
  body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s;
  }
  [data-aos][data-aos][data-aos-delay="1050"],
  body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1050"].aos-animate,
  body[data-aos-delay="1050"] [data-aos].aos-animate {
    transition-delay: 1.05s;
  }
  [data-aos][data-aos][data-aos-duration="1100"],
  body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s;
  }
  [data-aos][data-aos][data-aos-delay="1100"],
  body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1100"].aos-animate,
  body[data-aos-delay="1100"] [data-aos].aos-animate {
    transition-delay: 1.1s;
  }
  [data-aos][data-aos][data-aos-duration="1150"],
  body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s;
  }
  [data-aos][data-aos][data-aos-delay="1150"],
  body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1150"].aos-animate,
  body[data-aos-delay="1150"] [data-aos].aos-animate {
    transition-delay: 1.15s;
  }
  [data-aos][data-aos][data-aos-duration="1200"],
  body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s;
  }
  [data-aos][data-aos][data-aos-delay="1200"],
  body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1200"].aos-animate,
  body[data-aos-delay="1200"] [data-aos].aos-animate {
    transition-delay: 1.2s;
  }
  [data-aos][data-aos][data-aos-duration="1250"],
  body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s;
  }
  [data-aos][data-aos][data-aos-delay="1250"],
  body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1250"].aos-animate,
  body[data-aos-delay="1250"] [data-aos].aos-animate {
    transition-delay: 1.25s;
  }
  [data-aos][data-aos][data-aos-duration="1300"],
  body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s;
  }
  [data-aos][data-aos][data-aos-delay="1300"],
  body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1300"].aos-animate,
  body[data-aos-delay="1300"] [data-aos].aos-animate {
    transition-delay: 1.3s;
  }
  [data-aos][data-aos][data-aos-duration="1350"],
  body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s;
  }
  [data-aos][data-aos][data-aos-delay="1350"],
  body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1350"].aos-animate,
  body[data-aos-delay="1350"] [data-aos].aos-animate {
    transition-delay: 1.35s;
  }
  [data-aos][data-aos][data-aos-duration="1400"],
  body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s;
  }
  [data-aos][data-aos][data-aos-delay="1400"],
  body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1400"].aos-animate,
  body[data-aos-delay="1400"] [data-aos].aos-animate {
    transition-delay: 1.4s;
  }
  [data-aos][data-aos][data-aos-duration="1450"],
  body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s;
  }
  [data-aos][data-aos][data-aos-delay="1450"],
  body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1450"].aos-animate,
  body[data-aos-delay="1450"] [data-aos].aos-animate {
    transition-delay: 1.45s;
  }
  [data-aos][data-aos][data-aos-duration="1500"],
  body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s;
  }
  [data-aos][data-aos][data-aos-delay="1500"],
  body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1500"].aos-animate,
  body[data-aos-delay="1500"] [data-aos].aos-animate {
    transition-delay: 1.5s;
  }
  [data-aos][data-aos][data-aos-duration="1550"],
  body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s;
  }
  [data-aos][data-aos][data-aos-delay="1550"],
  body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1550"].aos-animate,
  body[data-aos-delay="1550"] [data-aos].aos-animate {
    transition-delay: 1.55s;
  }
  [data-aos][data-aos][data-aos-duration="1600"],
  body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s;
  }
  [data-aos][data-aos][data-aos-delay="1600"],
  body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1600"].aos-animate,
  body[data-aos-delay="1600"] [data-aos].aos-animate {
    transition-delay: 1.6s;
  }
  [data-aos][data-aos][data-aos-duration="1650"],
  body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s;
  }
  [data-aos][data-aos][data-aos-delay="1650"],
  body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1650"].aos-animate,
  body[data-aos-delay="1650"] [data-aos].aos-animate {
    transition-delay: 1.65s;
  }
  [data-aos][data-aos][data-aos-duration="1700"],
  body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s;
  }
  [data-aos][data-aos][data-aos-delay="1700"],
  body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1700"].aos-animate,
  body[data-aos-delay="1700"] [data-aos].aos-animate {
    transition-delay: 1.7s;
  }
  [data-aos][data-aos][data-aos-duration="1750"],
  body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s;
  }
  [data-aos][data-aos][data-aos-delay="1750"],
  body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1750"].aos-animate,
  body[data-aos-delay="1750"] [data-aos].aos-animate {
    transition-delay: 1.75s;
  }
  [data-aos][data-aos][data-aos-duration="1800"],
  body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s;
  }
  [data-aos][data-aos][data-aos-delay="1800"],
  body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1800"].aos-animate,
  body[data-aos-delay="1800"] [data-aos].aos-animate {
    transition-delay: 1.8s;
  }
  [data-aos][data-aos][data-aos-duration="1850"],
  body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s;
  }
  [data-aos][data-aos][data-aos-delay="1850"],
  body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1850"].aos-animate,
  body[data-aos-delay="1850"] [data-aos].aos-animate {
    transition-delay: 1.85s;
  }
  [data-aos][data-aos][data-aos-duration="1900"],
  body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s;
  }
  [data-aos][data-aos][data-aos-delay="1900"],
  body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1900"].aos-animate,
  body[data-aos-delay="1900"] [data-aos].aos-animate {
    transition-delay: 1.9s;
  }
  [data-aos][data-aos][data-aos-duration="1950"],
  body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s;
  }
  [data-aos][data-aos][data-aos-delay="1950"],
  body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="1950"].aos-animate,
  body[data-aos-delay="1950"] [data-aos].aos-animate {
    transition-delay: 1.95s;
  }
  [data-aos][data-aos][data-aos-duration="2000"],
  body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s;
  }
  [data-aos][data-aos][data-aos-delay="2000"],
  body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="2000"].aos-animate,
  body[data-aos-delay="2000"] [data-aos].aos-animate {
    transition-delay: 2s;
  }
  [data-aos][data-aos][data-aos-duration="2050"],
  body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s;
  }
  
  [data-aos][data-aos][data-aos-duration="2250"],
  body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s;
  }
  [data-aos][data-aos][data-aos-delay="2250"],
  body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="2250"].aos-animate,
  body[data-aos-delay="2250"] [data-aos].aos-animate {
    transition-delay: 2.25s;
  }
  
  [data-aos][data-aos][data-aos-duration="2500"],
  body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s;
  }
  [data-aos][data-aos][data-aos-delay="2500"],
  body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0;
  }
  [data-aos][data-aos][data-aos-delay="2500"].aos-animate,
  body[data-aos-delay="2500"] [data-aos].aos-animate {
    transition-delay: 2.5s;
  }
  
  
  [data-aos^="fade"][data-aos^="fade"] {
    opacity: 0;
    transition-property: opacity, transform;
  }
  [data-aos^="fade"][data-aos^="fade"].aos-animate {
    opacity: 1;
    transform: translateZ(0);
  }
  [data-aos="fade-up"] {
    transform: translate3d(0, 100px, 0);
  }
  
  
  [data-aos="animation-scale-y"] {
    -webkit-transform: translateY(40px) scaleY(1.4);
    -ms-transform: translateY(40px) scaleY(1.4);
    transform: translateY(40px) scaleY(1.4);
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
  }
  [data-aos="animation-scale-y"].aos-animate {
    -webkit-transform: translateY(0) scaleY(1);
    -ms-transform: translateY(0) scaleY(1);
    transform: translateY(0) scaleY(1);
    opacity: 1;
  }
  [data-aos="animation-translate-y"] {
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
  }
  [data-aos="animation-translate-y"].aos-animate {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  [data-aos="transform"] {
    -webkit-transform: rotateX(90deg) skewY(-5deg);
    transform: rotateX(90deg) skewY(-5deg);
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
  }
  
  [data-aos="animation-scale-y"] {
    -webkit-transform: translateY(40px) scaleY(1.4);
    -ms-transform: translateY(40px) scaleY(1.4);
    transform: translateY(40px) scaleY(1.4);
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
  }
  [data-aos="animation-scale-y"].aos-animate {
    -webkit-transform: translateY(0) scaleY(1);
    -ms-transform: translateY(0) scaleY(1);
    transform: translateY(0) scaleY(1);
    opacity: 1;
  }
  [data-aos="animation-translate-y"] {
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
  }
  [data-aos="animation-translate-y"].aos-animate {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  [data-aos="transform"] {
    -webkit-transform: rotateX(90deg) skewY(-5deg);
    transform: rotateX(90deg) skewY(-5deg);
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
  }
  
  [data-aos="animation-translate-up"] {
    -webkit-transform: translateY(60px);
    -ms-transform: translateY(60px);
    transform: translateY(60px);
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
  }
  
  [data-aos="animation-translate-up"].aos-animate {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  
  :root {
    --dark-color: hsl(var(--hue), 100%, 9%);
    --light-color: hsl(var(--hue), 95%, 98%);
    --base: hsl(var(--hue), 95%, 50%);
    --complimentary1: hsl(var(--hue-complimentary1), 95%, 50%);
    --complimentary2: hsl(var(--hue-complimentary2), 95%, 50%);
  
    --font-family: "Poppins", system-ui;
  
    --bg-gradient: linear-gradient(
      to bottom,
      hsl(var(--hue), 95%, 99%),
      hsl(var(--hue), 95%, 84%)
    );
  }
  
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  body {
    /* max-width: 1920px; */
    /* min-height: 100vh; */
    /* display: grid; */
    /*place-items: center;*/
    font-family: var(--font-family);
    color: var(--dark-color);
    /* background-color: #f7f2eb !important; off white beige */
    background-color: #F3F3F5 !important;  /*light gray */
    /* background-color: #EEEEF0 !important; white */
  
    
  }
  
  .header {
    background-color: #F3F3F5 !important;  /*light gray */
    /* background-color: #f7f2eb !important; */
  
  
  }
  
  .header__logo1, .slick-arrow {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  
  
  strong {
    font-weight: 600;
  }
  
  .top__buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: absolute;
    width: 150px;
    /* bottom: 30%; */
    top: 45%;
    right: 15%;
    transform: translate(0, -50%);
    z-index: 99999;
  }
  
  .features__text {
    height: 400px !important;
  }
  
  .radio {
    all: revert;
  }
  
  .radio__wrap {
    display: flex;
    align-items: center;
    background-color: transparent !important;
    padding: 0px !important;
  }
  
  /* .radio{
    margin-right: ;
  } */
  
  .okie {
    margin-right: 11%;
  }
  
  .space h4 {
    margin-left: 7.5%;
    font-family: poppins, sans-serif;
    letter-spacing: 0.5px;
    font-weight: 600;
    color: #313639;
  }
  
  .wrapper {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: rgb(241, 241, 241);
    z-index: 111112;
  }
  
  .covid h2 {
    margin-top: 5.55rem;
    margin-bottom: 5.55rem;
    font-size: 2rem;
    text-align: center;
    color: #313639;
  }
  
  @media (prefers-contrast: high) {
    .orb-canvas {
      display: none;
    }
  }
  
  @media only screen and (max-width: 1140px) {
    .overlay {
      padding: 8rem 4rem;
    }
  }
  
  @media only screen and (max-width: 840px) {
    /* body {
      padding: 1.5rem;
    } */
  
    .overlay {
      padding: 4rem;
      height: auto;
    }
  
    .overlay__title {
      font-size: 1.25rem;
      line-height: 2rem;
      margin-bottom: 1.5rem;
    }
  
    .overlay__description {
      font-size: 0.875rem;
      line-height: 1.5rem;
      margin-bottom: 2.5rem;
    }
  }
  
  @media only screen and (max-width: 600px) {
    .overlay {
      padding: 1.5rem;
    }
  
    .overlay__btns {
      flex-wrap: wrap;
    }
  
    .overlay__btn {
      width: 100%;
      font-size: 0.75rem;
      margin-right: 0;
    }
  
    .overlay__btn:first-child {
      margin-bottom: 1rem;
    }
  }
  
  .header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 111;
    /* padding-bottom: 30px !important; */
    padding: 20px 0;
    /* padding: 48px 0; */
    background-color: #fff;
    /* border: solid; */
    /* z-index: 11; */
  
  }
  
  .header:after, .header:before {
    content: "";
    text-align: center;
    display: block;
    position: absolute;
    bottom: 0;
    left: 55px;
    right: 55px;
    height: 0.0625rem;
    background-color: #DDDDE0;
  }
  
  .header__center {
    display: -webkit-box;
    display: -ms-flexbox;
    /* display: flex; */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* max-width: 1790px; */
  }
  
  .header__logo {
    font-size: 0;
    position: absolute; 
    left: 0;
    margin-left: 5%;
  }
  
  .header__logo .header__pic {
    width: 75px;
    margin-top: .25rem
  
  }
  
  .header__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    justify-content: flex-end;
  }
  
  .header__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* margin: 0 auto; */
    /* width: 100%;
    justify-content: center; */
    margin-right: 82px;
  }
  
  .header__link {
    font-size: 14px;
    letter-spacing: 1px;
    /* text-transform: uppercase; */
    color: #313639 !important;
  
  }
  
  .header__cta {
    position: absolute; 
    right: 0;
    margin-right: 5%;
  }
  
  
  .header1 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    /* z-index: 10px; */
    padding: 64px 0;
    display: none;
  z-index: 88;
  
  }
  
  .header__wrap1 {
      display: none !important;
  }
  
  .show {
    display: block !important;
  }
  
  .header__center1{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    padding: 0 72px;
  }
  
  .header__logo1 {
    font-size: 0;
  }
  
  /* .header__pic {
    width: 159px;
    position: absolute;
    margin-top: -25px;
  
    visibility: hidden;
  } */
  
  
  .header__wrap1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    /* padding-left: 20px; */
    height: 102vh;
  }
  
  .header__nav1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
  }
  
  .header__item {
    position: relative;
    /* font-weight: 600; */
    color: #313639;
    -webkit-transition: color 0.25s;
    -o-transition: color 0.25s;
    transition: color 0.25s;
    font-family: myFirstFont;
  }
  
  .header__item:hover {
    color: #181a1b !important;
  }
  
  .header__item:not(:last-child) {
    margin-right: 68px;
  }
  
  .header__burger {
    position: relative;
    z-index: 1000;
    display: none;
    width: 32px;
    height: 32px;
    text-align: center;
    -webkit-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  
  .header__burger:before,
  .header__burger:after {
    content: "";
    display: block;
    width: 32px;
    height: 2px;
    background: #313639;
    -webkit-transition: width 0.3s, background 0.3s, -webkit-transform 0.3s;
    transition: width 0.3s, background 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, width 0.3s, background 0.3s;
    transition: transform 0.3s, width 0.3s, background 0.3s;
    transition: transform 0.3s, width 0.3s, background 0.3s,
      -webkit-transform 0.3s;
  }
  
  .header__burger:before {
    margin-bottom: 8px;
  }
  
  .header__burger.active:before,
  .header__burger.active:after {
    background: #313639;
  }
  
  .header__burger.active:before {
    -webkit-transform: translateY(5px) rotate(45deg);
    -ms-transform: translateY(5px) rotate(45deg);
    transform: translateY(5px) rotate(45deg);
  }
  
  .header__burger.active:after {
    -webkit-transform: translateY(-5px) rotate(-45deg);
    -ms-transform: translateY(-5px) rotate(-45deg);
    transform: translateY(-5px) rotate(-45deg);
  }
  
  .header__social {
    display: none;
  }
  
  
  
  .header__bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    /* background: rgba(0, 0, 0, 0.7); */
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
  }
  .line {
    display: flex;
  }
  .header1.line {
    display: none;
  }
  
  .header__pic_black {
    /* position: absolute;
    margin-top: -50px; */
    display: none;
  }
  
  .line {
    position: absolute;
    z-index: -5;
    pointer-events: none;
    font-size: 0;
    top: -100px;
    right: -100px;
  
  }
  
  .line path {
    stroke-dasharray: 2173;
    stroke-dashoffset: 2173;
  }
  
  [data-aos="animation-line"] path {
    -webkit-animation: none;
    animation: none;
  }
  
  [data-aos="animation-line"].aos-animate path {
    -webkit-animation: dash 3s linear forwards;
    animation: dash 3s linear forwards;
  }
  
  @-webkit-keyframes dash {
    to {
      stroke-dashoffset: 0;
    }
  }
  
  @keyframes dash {
    to {
      stroke-dashoffset: 0;
    }
  }
  
  
  
  
  .a {
    position: relative;
    min-width: 135px;
    height: 48px;
    border-radius: 8px;
    /* font-family: "SF Pro Display", sans-serif; */
    border-width: 2px;
    border-style: solid;
    overflow: hidden;
    font-size: 18px;
    /* font-weight: 700; */
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
  }
  
  
  .a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    height: 300%;
    border-radius: 50% 50% 0 0/75% 75% 0 0;
    -webkit-transition: height 0.35s;
    -o-transition: height 0.35s;
    transition: height 0.35s;
  }
  
  .a:hover:before {
    height: 0;
  }
  
  .a_primary {
    appearance: button;
    display: flex;
    width: 10%;
    justify-content: center;
    align-items: center;
    border-color: #808191;
    color: #808191;
  }
  
  
  
  .a_primary:hover {
    border-color: #5c5d69;
    color: #5c5d69;
  
  
  }
  
  
  /* .header__link:last-child {
    position: absolute;
    right: 0;
  }  */
  
  .poo {
    margin-right: auto;
  }
  
  .header__link:not(:last-child) {
    margin-right: 21px;
  }
  
  a {
    text-decoration: none;
    outline: none;
  }
  
  a:hover {
    outline: none;
  }
  
  a:focus {
    outline: none;
  }
  
  a:focus:not(:focus-visible) {
    background: transparent;
  }
  
  a:focus-visible {
    background: transparent;
  }
  
  
  .link {
    cursor: pointer;
    position: relative;
    white-space: nowrap;
  }
  
  .link::before,
  .link::after {
    position: absolute;
    width: 100%;
    height: 1px;
    background: currentColor;
    top: 100%;
    left: 0;
    pointer-events: none;
  }
  
  .link::before {
    content: '';
  }
  
  
  .link--metis::before {
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform 0.4s;
  
  }
  
  .link--metis:hover::before {
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1);
  }
  
  /* HERO HERO HERO HERO HERO HERO HERO HERO HERO HERO HERO HERO HERO HERO HERO HERO HERO HERO HERO HERO HERO HERO HERO HERO HERO */
  
    .hero {
      max-width: 90%;
      margin: auto;
      /* height: 100vh; */
      /* width: 100%; */
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      margin-bottom: 147px;
      /* border: solid; */
       height: var(--height); 
    }
  
  .toppy {
    position: absolute; 
    top: 12%; 
    font-size: 16px;
    /* opacity: 0; */
  
  }
  
  .botty {
    position: absolute; 
    bottom: 3%; 
    font-size: 16px;
  }
  .wow {
    width: 100%;
    height: 60%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
  }
  
  .wow img {
    width: 20rem;
    z-index: -1;
  
  }
  
  /* .wow img {
    transform: translateZ(0) !important;
  } */
  
  .top {
    font-size: 6rem;
  
  }
  
  h1 {
    color: #313639 !important;
  }
  
  .bottom {
    font-size: 6rem;
  }
  
  @keyframes from0to360 {
    from {
      transform: rotate(0);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes from360to0 {
    from {
      transform: rotate(360deg);
    }
    to {
      transform: rotate(0deg);
    }
  }
  .goo-circle {
    height: 450px;
    width: 450px;
    position: absolute;
    /* position: fixed; */
  
  }
  
  
  
  .goo-circle > * {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #EEEEF0;
    /* background: #eaeaee; */
  
    border-radius: 50%;
  }
  
  .circle-1 {
    animation: from0to360 11s linear infinite;
    transform-origin: 49% 51%;
  }
  
  .circle-2 {
    animation: from360to0 12s linear infinite;
    transform-origin: 48% 50%;
  }
  
  .circle-3 {
    animation: from0to360 13s linear infinite;
    transform-origin: 51% 49%;
  }
  
  .circle-4 {
    animation: from360to0 12.5s linear infinite;
    transform-origin: 52% 50%;
  }
  
  .blobber {
    /* border: solid; */
    display: flex;
    justify-content: center;
    /* height: 100vh; */
    align-items: center;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    z-index: -11;
  }
   
  
  .thesvg {
    position: absolute;
  }
  
  .hero__h1 {
    font-size: 6rem;
    text-align: center;
    color: #313639;
  }
  
  .hero__h3 {
    margin-top: 1rem;
    width: 50%;
    text-align: center;
    font-size: 1.25rem;
    color: #313639;
  }
  
  .hero__buts {
    display: flex;
  }
  
  .hero__buts a {
    margin-right: 5%;
    margin-top: 7%;
  }
  
  a {
    color: inherit;
  }
  
  
  
  .floss__addy:before {
    left: 0;
    bottom: 1px;
    width: 100%;
    height: 1px;
    content: "";
    position: absolute;
    background: #313639;
    transform: scaleX(1);
    transform-origin: left;
    transition: transform 0.4s ease-out;
  }
  
  
  
  .floss__addy {
    text-decoration: none;
    color: #313639 !important;
    
  }
  .floss__addy {
    color: #313639;
    text-decoration: none;
    background-size: 100% 100%;
    background-position: 100%;
    position: relative;
    background-repeat: no-repeat;
    transition: all 0.5s;
  }
  .floss__addy:hover:before {
    transform: scaleX(0);
    transform-origin: right;
  }
  .floss__addy:hover {
    background-size: 0 100%;
  }
  
  
  .main__scroll {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    color: #8b8b8b;
    position: absolute;
    left: 5%;
    bottom: 3%;
  }
  
  .main__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    margin-right: 16px;
    border-radius: 50%;
    /* background: #eaeaee; */
    background-color: #EEEEF0;
    overflow: hidden;
    font-size: 0;
  }
  
  .main__arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transform: translateY(-43px);
    -ms-transform: translateY(-43px);
    transform: translateY(-43px);
    -webkit-transition: -webkit-transform 0.35s;
    transition: -webkit-transform 0.35s;
    -o-transition: transform 0.35s;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s;
  }
  
  .main__arrows .main__pic:not(:last-child) {
    margin-bottom: 64px;
  }
  
  /* .main__scroll:hover .main__arrows {
    -webkit-animation: arrowsDown 0.5s forwards;
    animation: arrowsDown 0.5s forwards;
  } */
  
  .main__arrows {
    animation-delay: 4s !important;
    animation: arrowsDown 2.5s ease-in-out infinite;
  
  }
  
  
  .main__bg .main__pic {
    width: 100%;
  }
  
  .phoner, .emailer, .locationer {
    width: 22px;
    height: 22px;
  
    }
  
  @-webkit-keyframes arrowsDown {
    100% {
      -webkit-transform: translateY(43px);
      transform: translateY(43px);
    }
  }
  
  @keyframes arrowsDown {
    100% {
      -webkit-transform: translateY(43px);
      transform: translateY(43px);
    }
  }
  
  @-webkit-keyframes arrowsDown2 {
    100% {
      -webkit-transform: translateY(86px);
      transform: translateY(86px);
    }
  }
  
  @keyframes arrowsDown2 {
    100% {
      -webkit-transform: translateY(86px);
      transform: translateY(86px);
    }
  }
  
  .toppy, .botty {
    color: #000000;
  }
  
  @media only screen and (max-width: 2500px) {
  
    .header {
      padding: 30px 0;
    }
    .header__logo .header__pic {
      width: 100px;
    }
    .wow {
      height: 50%;
    }
  
    .goo-circle {
      height: 700px;
      width: 700px;
    }
  
    .wow img {
      width: 30rem;
    }
  
    .toppy, .botty {
      font-size: 20px;
    }
    .phoner, .emailer, .locationer {
      width: 42px;
      height: 42px;
    }
  
    .grid__item-title {
      font-size: 2.75rem;
    }
  
    .grid__item-description {
      font-size: 1.25rem;
    }
    .book__now .link {
      font-size: 1.25rem;
    }
  
    .faq__title {
    font-size: 3.5rem;
    }
    
    #req__subTitle2 {
         font-size: 3rem;
    }
    
  }
  
  
  @media only screen and (max-width: 2000px) {
  
    .header {
      padding: 25px 0;
    }
  
    .header__logo .header__pic {
      width: 75px;
    }
    .wow {
      height: 50%;
    }
  
    .goo-circle {
      height: 600px;
      width: 600px;
    }
  
    .wow img {
      width: 25rem;
    }
  
    .toppy, .botty {
      font-size: 16px;
    }
    .phoner, .emailer, .locationer {
      width: 32px;
      height: 32px;
    }
  
    .grid__item-title {
      font-size: 2.25rem;
    }
  
    .grid__item-description {
      font-size: 1.25rem;
    }
    .book__now .link {
      font-size: 1.25rem;
    }
  
    .faq__title {
    font-size: 2.5rem;
    }
  
  #req__subTitle2 {
      font-size: 2rem;
  }
  }
  
  /* herehere */
  @media only screen and (max-width: 1800px) {
  
    .covid {
      width: 60%;
      margin: auto;
    }
  
    .wow {
      height: 60%;
    }
  
    .wow img {
      width: 20rem;
    }
  
    .toppy, .botty {
      font-size: 14px;
    }
  
    .phoner, .emailer, .locationer {
      width: 22px;
      height: 22px;
    
      }
      .main__icon {
        width: 48px;
        height: 48px;
      }
  
      .main__pic {
        width: 12px;
        height: 22px;
      }
      .goo-circle {
        height: 450px;
        width: 450px;
      }
  
      .grid__item-title {
        font-size: 1.75rem;
      }
  
      .grid__item-description {
        font-size: 1rem;
      }
  
      .book__now .link {
        font-size: 1rem;
      }
  
      .faq__title {
        font-size: 2.5rem;
      }
  
    #req__subTitle2 {
      font-size: 2rem;
  }
  
      .main__arrows {
        animation-delay: 4s !important;
        animation: arrowsDown 2.5s ease-in-out infinite;
      }
  
  }
  
  
  @media only screen and (max-width: 1279px) {
  
  .main__icon {
      width: 40px;
      height: 40px;
    }
    .header1{
      padding: 20px 0;
    }
    .header__center1 {
      padding: 0 50px;
    }
    .header__pic {
      width: 127px;
    }
    .header__item:not(:last-child) {
      margin-right: 54px;
    }
  
    .line {
      -webkit-transform: scale(0.75);
      -ms-transform: scale(0.75);
      transform: scale(0.75);
    }
    .line path {
      width: 456px;
    }
    .buttons {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      position: absolute;
      width: 150px;
      left: -17%;
      bottom: 33%;
    }
  
  }
  
  
  .hero__icons {
    position: absolute;
    bottom: 3%;
    right: 82px;
    display: flex;
  
  }
  
  .hero__icons ul li {
    display: inline;
    border: solid;
  
  
  }
  
  .kk {
    border: solid;
    display: flex;
    justify-content: center;
  }
  
  
   .email__wrap, .location__wrap {
  margin-right: 20px;
  
  
  
  }
  
  
  /* .phoner, .emailer, .locationer {
    width: 22px;
    height: 22px;
  
  
    } */
  
    .top h1, .bottom h1 {
  text-align: center;
    }
  
  
  /*.locationer {
    right: 15%;
  } */
  
  
  /* ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT */
  
  .about {
    height: 100vh;
    display: flex;
    padding-top: 5rem;
  }
  
  .image__title h1, .image__p {
    color: #313639 !important;
    
  }
  
  .image__p {
    color: #313639 !important;
  }
  
  .image__section {
    background: 0 0;
    /* min-height: 100vh; */
    padding: 12.5% 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .image__title {
    position: absolute;
    top: 30%;
    left: 63%;
    transform: translate(0, -50%);
    font-weight: 600;
    font-family: Poppins, sans-serif;
    font-style: Semi-Bold;
    font-size: 7rem;
    color: #fff;
    z-index: 25;
    width: 1000px;
  }
  
  
  .center__image {
    position: relative;
    margin: auto;
  }
  .courtney__image {
    height: 750px;
    position: relative;
    z-index: 10;
  }
  
  #p2 {
    top: 91.5%;
  }
  
  /* #p2 a {
  text-decoration: underline;
  } */
  
  .image__p {
    font-family: Poppins, sans-serif;
    width: 315px;
    color: #fff;
    position: absolute;
    top: 82.5%;
    left: 104%;
    z-index: 25;
    transform: translate(0, -50%);
    text-align: left;
    font-size: 1.25rem;
    line-height: 1.5;
  }
  
  
  
  
  /* SERVICES SERVICES SERVICES SERVICES SERVICES SERVICES SERVICES SERVICES SERVICES SERVICES SERVICES SERVICES SERVICES SERVICES */
  
  
  
  
  
  /* FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ FAQ  */
  
  
  .faq {
    width: 60%;
    margin: auto;
    /* padding-top: 200px; */
  }
  
  
  .faq__title {
    /* font-size: 1.5rem; */
    text-align: center;
    margin-bottom: 3rem;
    color: #313639
  }
  

  
  .comments__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  
  .comments__container {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 32px 32px 54px;
    /* background: #ffffff; */
    border-radius: 24px;
    /* background: rgba(255, 255, 255, 0.375); */
    /* background-color: #f7f2eb !important; */
    background-color: #EEEEF0 !important;
  
    box-shadow: 0 0.75rem 2rem 0 rgba(0, 0, 0, 0.1);
    border-radius: 2rem;
    border: 1px solid rgba(255, 255, 255, 0.125);
    
  }
  
  
  /* .comments__container:before {
    content: "";
    position: absolute;
    top: 26px;
    left: 32px;
    right: 32px;
    bottom: -26px;
    z-index: -1;
    background: #F0F3F6;
    opacity: .91;
    -webkit-filter: blur(86px);
    filter: blur(86px);
    border-radius: 24px;
  } */
  
  
  .comments__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px;
  }
  
  
  
  
  .comments__list {
    margin: 0 -16px;
  }
  
  .comments__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 32px 28px 28px;
    border-radius: 12px;
    /* cursor: pointer; */
    -webkit-transition: background .25s;
    -o-transition: background .25s;
    transition: background .25s;
  }
  
  .comments__item:hover {
    background: rgba(228, 228, 228, 0.5);
  }
  
  
  .comments__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 16px;
    font-size: 13px;
    font-weight: 500;
  }
  
  .comments__author {
    margin-right: 12px;
    color: #d0e1a4;
    font-size: 1.5rem;
  }
  
  .comments__text {
    margin-bottom: 16px;
    line-height: 1.71429;
    color: #606060;
  }
  
  
  
  /* CONTACT CONTACT CONTACT CONTACT CONTACT CONTACT CONTACT CONTACT CONTACT CONTACT CONTACT CONTACT CONTACT CONTACT  */
  
  
  .contact {
    height: 70vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  
  .contact__title {
    font-size: 4rem;
    color: #313639;
    margin-bottom: 7rem;
  }
  
  .rows {
    display: flex;
    width: 75%;
    /* margin: auto; */
    justify-content: space-around;
  }
  
  .rows div h3 {
  font-size: 1.5rem;
  color: #313639;
  }
  .rows div h4, .rows div a {
    color: #313639 !important;
  }
  .rows h3 {
    margin-bottom: 2rem;
    
  }
  
  .google__map {
    width: 100%;
  }
  
  
  
  
  .ps {
  margin-bottom: 15%;
  display: flex; 
  width: 200px;
  align-items: center;
  
  }
  
  .ps h4 {
    text-align: left;
  }
  
  
  
  .contact__container {
    /* margin-top: 200px; */
    margin-bottom: 200px;
  }
  
  .contact__wrap {
    /* min-height: 100vh; */
    display: flex;
    margin-top: 200px;
    width: 80%;
    margin: auto;
  }
  
  .contact__form {
    width: 60%;
    height: 100%;
    padding-left: 50px;
    padding-right: 50px;
    /* min-height: 100vh;   */
  }
  
  .contact__info { 
    width: 40%;
    height: 100%;
    /* min-height: 100vh; */
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 32px;
    text-align: center;
  }
  
  
  
  .contact__img {
    height: 30px;
    width: 30px;
    align-self: center; 
    margin-right: 5%;
  }
  
  
  
  
  
  .form__wrap {
  
    margin: auto;
    min-height: 100vh;
    width: 60%;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* margin-top: 100px !important; */
    padding-top: 200px;
  }
  
  
  
  .send__us {
    display: none;
  }
  
  .popup__title {
  
    font-size: 4rem;
    text-align: center;
    margin-bottom: 3rem;
    color: #313639
  }
  .okie, .ya {
    color: #808191 !important;
  }
  
  .error {
    color: #cc0000;
  }
  /* FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER  */
  
  
  .footer {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
    min-height: 30vh;
  }
  
  .footer__center {
    position: relative;
    z-index: 2;
  }
  
  .footer__body {
    padding: 48px 0 48px;
    text-align: center;
    /* border-bottom: 1px solid red; */
  }
  
  .footer__body:after, .footer__body:before {
    content: "";
    text-align: center;
    display: block;
    position: absolute;
    bottom: 0;
    left: 55px;
    right: 55px;
    height: 0.0625rem;
    background-color: #DDDDE0;
  }
  
  .footer__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 0;
    font-size: 14px;
    line-height: 1.28571;
    font-weight: 600;
    text-align: center !important;
  }
  
  .footer__copyright {
    /* margin-right: auto; */
    color: #313639;
    font-family: poppins, sans-serif !important;
    font-weight: 100;
    margin-left: 55px !important;
  }
  
  
  #fu, #fu2 {
    color: #313639 !important;
  }
  
  
  
  
  .footer__logo {
    margin-bottom: 48px;
    display: inline-block;
    font-size: 0;
  }
  
  .footer__pic {
    visibility: visible;
  }
  
  
  .footer__logo .footer__pic {
    width: 131px;
  }
  
  .footer__body .footer__text {
    max-width: 565px;
    margin: 0 auto 50px;
    line-height: 1;
    font-weight: 100;
    color: #313639;
    font-family: poppins, sans-serif !important;
  }
  
  .footer__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    
  }
  .footer__link:not(:last-child) {
    margin-right: 40px;
  }
  
  .footer__link {
  
  font-size: 14px;
  letter-spacing: 1px;
  /* text-transform: uppercase; */
  color: #313639 !important;
  opacity: 1 !important;
  }
  
  a:hover {
  cursor: pointer !important;
  }
  
  
  
  
  
  .footer__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .footer__social .footer__text {
    margin-right: 40px;
    color: #232340;
  }
  
  .footer__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .footer__list .footer__link:not(:last-child) {
    margin-right: 40px;
  }
  
  @media only screen and (max-width: 1303px) {
    .faq2 {
      width: 75% !important; 
    }
  }
  
  
  @media only screen and (min-width: 1700px) {
    .hero__h1, .contact__title, .service__title, .popup__title {
      font-size: 5.25rem !important;
    }
    .hero__h3 {
      font-size: 1.75rem;
    }
  
    .header__link, .footer__link {
      font-size: 1rem;
    }
  
    .image__p {
   
      top: 78.5%;
      left: 104%;
      font-size: 1.25rem;
  
    }
    #p2 {
      top: 74.5%;
    }
    .rows div h4, .rows div a {
      font-size: 1.25rem;
  }
  .rows div h3 {
    font-size: 1.75rem;
  } 
  
  
  .faq {
    width: 50%;
  }
    .comments__author {
      font-size: 1.75rem;
    }
  .comments__text {
    font-size: 1.25rem;
  }
    .footer__body .footer__text {
      font-size: 18px;
    }
  
  }
  @media only screen and (min-width: 2000px) {
  
    .header__link, .footer__link {
      font-size: 1.25rem;
    }
    .rows { 
      width: 55%;
    }
   
    .contact__container {
      margin-top: 300px;
      margin-bottom: 300px;
  
    }
    .faq {
      padding-top: 300px !important;
    }
  
    .contact__wrap {
      width: 60%;
    }
  }
  
  
  
  .features__text {
  height: auto;
  }
  
  @media only screen and (max-width: 1700px) {
   
    .courtney__image {
      height: 675px;
      position: relative;
      z-index: 10;
    }
    .image__section {
      min-height: 0;
      padding: 7.5% 0;
    }
  
    .number2 {
      padding-top: 1px !important;
    }
    /* .features__text {
      margin-bottom: 40px;
      color: rgba(255, 255, 255, 0.849);
      margin-right: 100px;
    } */
    
   
   
    .image__title {
      font-size: 6rem;
    }
   
    .image__p {
      font-family: Poppins, sans-serif;
      width: 315px;
      position: absolute;
      top: 85.5%;
      left: 104%;
      z-index: 25;
      transform: translate(0, -50%);
      text-align: left;
      font-size: 1rem;
      line-height: 1.5;
    }
  
    #p2 {
      top: 82.5%;
    }
  
    .features__text {
      margin-bottom: 40px;
      /* color: rgba(255, 255, 255, 0.849); */
      margin-right: 100px;
    }
   
    .features__body {
      position: relative;
      padding-right: 25%;
    }
    .service__center {
      /* margin: 0 0 0 70px; */
      padding: 0 172px;
    }
    
  }
  
  @media only screen and (max-width: 1365px) {
  
    .courtney__image {
      height: 625px;
      position: relative;
      z-index: 10;
    }
  
    .image__title {
      font-size: 5rem;
    }
   
    .image__p {
      font-family: Poppins, sans-serif;
      width: 250px;
      position: absolute;
      top: 81.5%;
      left: 103%;
      z-index: 25;
      transform: translate(0, -50%);
      text-align: left;
      font-size: 1rem;
      line-height: 1.5;
    }
  
  
    #p2 {
      top: 74%;
    }
  
    .top__buttons {
      top: 30%;
      /* bottom: 30%; */
      right: 5%;
    }
  
   
    .arrow {
      opacity: 1;
      margin-right: 2%;
    }
    
    .features__text {
      margin-bottom: 40px;
  
      margin-right: 30px;
      height: 300px;
  
    }
   
    .features__body {
      position: relative;
      padding-right: 25%;
    }
    
    .features__head {
      margin-bottom: 50px;
    }
    .features__info {
      color: #fff;
      font-family: poppins, sans-serif;
      font-size: 1.4rem;
      letter-spacing: 6.7px;
      margin-right: 30px;
      margin-left: 25px;
    }
    .rows {
      width: 85%;
    }
  
  }
  
  @media only screen and (max-width: 1199px) {
    /* .header {
      padding: 36px 0;
    } */
    .header__link:not(:last-child) {
      margin-right: 20px;
    }
    .header__burger {
      margin-left: 0;
    }
    .features {
      width: 100%;
    }
    .top__buttons {
      top: 50%;
      /* bottom: 59%; */
      right: 5%;
    }
   
    .features__head {
      margin-bottom: 112px;
    }
   
    .features__stage {
      width: 216px;
    }
    .features__title {
      margin-bottom: 32px;
    }
    .features__body:before {
      left: calc(50% + 160px);
    }
    .features__container {
      margin: 0 -55px;
    }
    .features__slide {
      padding: 0 55px;
    }
    .features__category {
      margin-bottom: 24px;
      font-size: 20px;
    }
    .features__text {
      margin-bottom: 32px;
      font-size: 15px;
    }
    .features__status {
      bottom: 169px;
    }
  
    .features__circle {
      right: calc(50% - 590px);
    }
    .features .slick-prev {
      left: -161px;
    }
    .features .slick-next {
      left: -104px;
    }
  }
  
  @media only screen and (max-width: 1023px) {
  
    .footer__body .footer__text {
      max-width: 425px;
    }
  
  
    .covid {
      width: 75%;
      margin: auto;
    }
    
    .header__logo .header__pic {
      margin-top: 0
    }
    
    .space h4 {
      margin-left: 2.5%;
    }
  
      .toppy {
      top: 15%;
    }
  
    .botty {
      bottom: 15%;
    }
  
    .hero__icons {
      right: 30px;
    }
  
    .main__scroll {
      left: 30px;
    }
    .top h1, .bottom h1 {
      font-size: 4.5rem;
    }
  
    .wow img {
      width: 20rem;
    }
  
    .wow {
     height: 50%;
    }
  
    .header__pic {
      width: 80px;
    }
  
    .contact__img {
      height: 35px;
      width: 35px;
  
    }
  
    .ps {
      font-size: 20px;
      width: 300px;
    }
    
  /*  .ps h4 {*/
  /*    text-align: center;*/
  /*}*/
    .contact__title {
      margin-bottom: 4rem;
    }
  
    .contact {
      margin-bottom: 4rem;
    }
  
  
    .hero__h1, .contact__title, .service__title, .popup__title {
      font-size: 3.25rem !important;
    }
    
    .header {
      display: none !important;
    }
  
    .header1 {
      display: block;
    }
    .header__center1 {
      padding: 0 30px;
    }
    .header__wrap1 {
      padding: 0;
    }
    .header__item:not(:last-child) {
      margin-right: 40px;
    }
    .header__btn {
      min-width: 130px;
      height: 46px;
    }
    .header__logo1 {
      position: relative;
      /* z-index: 15; */
      margin-right: auto;
    }
    .header__logo1.toggle .header__pic_black {
      display: block !important;
    }
    .header__pic_black {
      display: block !important;
    }
  
    .header__wrap1 {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      z-index: 10;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      min-height: 100vh;
      padding: 115px 32px 40px;
      /* background: #232340; */
      background: #EEEEF0;
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%);
      -webkit-transition: -webkit-transform 0.55s;
      transition: -webkit-transform 0.55s;
      -o-transition: transform 0.55s;
      transition: transform 0.55s;
      transition: transform 0.55s, -webkit-transform 0.55s;
    }
    .header__wrap1.visible {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
      /* position: fixed; */
      z-index: 100 !important;
    }
    .header__wrap1.visible .line path {
      -webkit-animation: dash 2.1s linear forwards;
      animation: dash 2.1s linear forwards;
    }
    .header__nav1 {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      margin: 0 0 auto;
    }
    .header__item {
      font-size: 32px;
      /* color: #595976; */
    }
    /* .header__item:hover {
      color: #595976;
    } */
    .header__item.active {
      color: #ffffff;
    }
    .header__item:not(:last-child) {
      margin: 0 0 32px;
    }
  
    .header__btn {
      display: none;
    }
    .header__burger {
      display: inline-block;
    }
    .header__social {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-top: 60px;
    }
    .header__bg.show {
      visibility: visible;
      opacity: 1;
    }
    .header1.line {
      display: block;
      top: -152px;
      left: 0;
    }
  
    .courtney__image{
      height: 500px;
    }
  
    .image__title {
      top: 24%;
    }
  
    .image__p {
      top: 78%;
    }
    
    #p2 {
      top: 67.5%;
    }
    
  
    .features__details {
      padding-top: 0px;
    }
  
    .arrow {
      opacity: 1;
      margin-right: 2%;
      -webkit-transition: -webkit-transform 0.25s;
      transition: -webkit-transform 0.25s;
      -o-transition: transform 0.25s;
      transition: transform 0.25s;
      transition: transform 0.25s, -webkit-transform 0.25s;
    }
    .arrow:hover {
      -webkit-transform: translateX(7px);
      -ms-transform: translateX(7px);
      transform: translateX(7px);
    }
  
    .features__head {
      margin-bottom: 200px;
    }
    .features__body:before {
      display: none;
    }
    .features__status {
      bottom: 126px;
    }
    .footer__wrap {
      max-width: 430px;
    }
    .footer__title {
      font-size: 36px;
    }
    .service__center2 {
      margin: 0 auto;
      padding: 0 122px;
    }
    .features__status {
      bottom: 250px;
    }
   
    .service__center {
      margin: 0 auto;
      padding: 0 122px;
    }
   
    .features__info {
      color: #fff;
      font-family: poppins, sans-serif;
      font-size: 1.3rem;
      font-weight: 200;
      letter-spacing: 4px;
      margin-right: 0;
      margin-left: 9px;
    }
    .features__title {
      margin-bottom: 15px;
    }
    .features__text {
      margin-bottom: 40px;
      /* color: rgba(255, 255, 255, 0.849); */
      margin-right: 100px;
    }
  
  
    .comments__row {
      display: block;
    }
  
  .space {
    margin-bottom: 10%;
  }
   
    .rows {
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
    }
  
    .rows div {
      align-items: center;
      display: flex;
    }
  
    .rows > div {
      display: flex; 
      flex-basis: calc(50%);  
      justify-content: center;
      flex-direction: column;
    }
    .rows> div > div {
      display: flex;
      justify-content: center;
      flex-direction: row;
    }
  
    .rows h3 {
      margin-bottom: 1.5rem;
    }
  
    .faq {
      width: 80%;
      margin: auto;
    }
  
    .contact__info {
      margin-bottom: 100px;
    }
  
    .contact__wrap {
      display: flex;
      margin-top: 200px;
      width: 80%;
      margin: auto;
      flex-direction: column;
      align-items: center;
    }
  
    .contact__info { 
      width: 80%;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding-left: 50px;
      padding-right: 50px;
      padding-top: 32px;
      text-align: center;
    }
    /*.ps {*/
    /*  justify-content: center;*/
    /*}*/
    .send__us {
      display: block;
    }
    .contact__form {
      width: 80%;
    }
    .popup__form {
      padding-left: 0px !important;
    }
    .popup__form2 {
      padding-left: 0px !important;
    }
    .footer__row {
      display: block;
      text-align: center;
      margin-bottom: 48px;
    }
    .footer__logo {
      margin-bottom: 48px;
    }
    .footer__menu {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 0 0 48px;
    }
    .footer__link {
      font-size: 16px;
      opacity: 0.7;
    }
    .footer__social {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 0;
    }
  }
  
  @media only screen and (max-width: 869px) {
    .hero__h3 {
      width: 80%;
    }
    .image__section {
      margin-bottom: 147px;
    }
    .courtney__image {
      height: 500px;
      position: relative;
      z-index: 10;
    }
   
    .image__title {
      position: absolute;
      top: 31%;
      left: 55%;
      font-size: 4rem;
  
    }
  
    .image__p {
      font-family: Poppins, sans-serif;
      width: 323px;
      position: absolute;
      top: 122%;
      left: 63%;
      z-index: 25;
      transform: translate(-65%, -50%);
      text-align: left;
      font-size: 1rem;
      line-height: 1.5;
    }
    #p2 {
      top: 126.5%;
    }
    
    
  }
  
  
  @media only screen and (max-width: 847px) {
  .item__excerpt div {
    margin-top: 2rem;
  }
  }
  
  @media only screen and (max-width: 767px) {
  
    .geninfo {
      margin-top: 65% !important;
    }
  
    .covid h2 {
      font-size: 1.5rem;
    }
    .covid {
      width: 80%;
      margin: auto;
    }
  
    .faq__title {
      font-size: 1.5rem;
      }
      
        #req__subTitle2 {
      font-size: 1.25rem;
  }
  
    .header__pic {
      width: 70px;
    }
    .hero {
      position: relative;
    }
  
    .hero__icons {
      right: 1px;
    }
  
    .main__scroll {
      left: 1px;
    }
    .toppy {
      top: 15%;
      font-size: 13px;
    }
    .botty {
      bottom: 15%;
      font-size: 13px;
  
    }
  
    .top h1, .bottom h1 {
      font-size: 3.5rem;
    }
  
    .wow img {
      width: 20rem;
    }
  
    .wow {
      height: 55%;
    }
  
  
    .contact__img {
      height: 25px;
      width: 25px;
  
    }
  
    .ps {
      font-size: 16px;
      width: 300px;
    }
  
  
    .space {
      margin-bottom: 11.5%;
    }
  
    .hero__h1, .contact__title, .service__title, .popup__title {
      font-size: 3.25rem !important;
    }
  
    .header {
      padding: 26px 0;
    }
    .header__logo {
      position: relative;
      z-index: 20;
    }
    .header__logo .header__pic {
      width: 160px;
    }
    .header__wrap {
      width: 100%;
      padding-top: 120px;
      background: rgba(55, 57, 129, 0.9);
      text-align: center;
    }
    .header__nav {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 20px;
    }
    .header__link:not(:last-child) {
      margin-bottom: 32px;
    }
  
  /*   
    .footer__text {
      width: 50%;
    } */
    .footer__menu {
      margin-bottom: 0;
    }
    .top__buttons {
      right: 5%;
    }
    .grouped {
      margin-top: 30px;
      width: 80%;
      display: flex;
      justify-content: space-around;
      align-items: center;
    }
    .features .slick-arrow {
      width: 35px;
      height: 35px;
      border-radius: 50%;
      border: 1px solid rgba(255, 255, 255, 0.2);
      -webkit-transition: all 0.25s;
      -o-transition: all 0.25s;
      transition: all 0.25s;
      transform: translate(0, -50%);
      right: 450px;
      left: 78%;
    }
    
    .mobile__features {
      display: block;
      position: relative;
      padding: 180px 0 100px;
      color: #fff;
      overflow: visible;
    }
    
  
  
    .arrow {
      opacity: 1;
      margin-right: 2%;
      margin-left: 6%;
    }
   
    .features {
      padding: 170px 0 80px 0;
    }
    .contact__features {
      padding: 80px 0;
    }
    .features__head {
      display: block;
      margin-bottom: 35px;
    }
    .features__stage {
      width: 100%;
      margin-bottom: 16px;
    }
    .features__info {
      max-width: 100%;
    }
    .features__body {
      padding: 0;
    }
    .features__container {
      margin: 0 -10px;
    }
    .features__slide {
      padding: 0 10px;
    }
    .features__link {
      font-size: 18px;
    }
    .features__status {
      top: -80px;
      left: auto;
      right: 0;
      bottom: auto;
      width: 115px;
    }
  
    .features__circle {
      top: 37px;
      right: -200px;
    }
    .features .slick-arrow {
      top: -88px;
      bottom: auto;
    }
    .features .slick-prev {
      left: 10px;
    }
    .features .slick-next {
      left: 67px;
    }
    .features__details {
      position: relative;
      padding-top: 100px;
    }
    .features__text {
      margin-bottom: 40px;
      /* color: rgba(255, 255, 255, 0.849); */
      margin-right: 50px;
    }
    .features__head {
      display: block;
      margin-bottom: 60px;
    }
    
    .features__info {
      color: #fff;
      font-family: poppins, sans-serif;
      font-size: 14px;
      font-weight: 200;
      letter-spacing: 0.5px;
      margin-right: 0;
      margin-left: 9px;
      width: 200%;
    }
  
    .comments__container {
      padding: 16px 16px 24px;
    }
  
    .book__container {
      padding: 36px 36px 24px;
    }
    
    .comments__head {
      display: block;
    }
  
  
  
   
     .contact {
       height: 100vh;
     }
      .rows {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
      }
  
      /* here */
      .contact__wrap {
        display: flex;
        /* margin-top: 200px; */
        width: 90%;
        margin: auto;
        flex-direction: column;
        align-items: center;
      }
  
      .contact__info { 
        width: 90%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-top: 32px;
        text-align: center;
      }
  
      .contact__form {
        width: 90%;
        padding-left: 0px !important;
        padding-right: 0px !important;
  
      }
    
      .popup__form {
        padding-right: 0px !important;
      }
  
      .popup__form2 {
        padding-right: 0px !important;
      }
  
    
   .space2 {
     margin-bottom: 10%;
   }
  
   .rows h3 {
    margin-bottom: 1rem;
  }
  
    .footer__logo .footer__pic {
      width: 120px;
    }
    .footer__menu {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
      justify-content: stretch;
    }
    .footer__link:not(:last-child) {
      margin: 0 0 16px;
    }
  }
  
  @media only screen and (max-width: 666px) {
   
    .features__text {
      max-width: 250px;
    }
  
    .top h1, .bottom h1 {
      font-size: 3.5rem;
    }
  
    .wow img {
      width: 17.5rem;
    }
  
    .wow {
      height: 50%;
    }
    
  
    .toppy {
      top: 17.5%;
    }
    .botty {
      bottom: 17.5%;
  
    }
  
  }
  
  @media only screen and (max-width: 639px) {
    .header__item:not(:last-child) {
        margin-bottom: 40px;
      }
    .image__title {
      position: absolute;
      top: 21%;
      left: 51%;
      font-size: 3.75rem;
    }
    .service__center {
      padding: 0 17%;
    }
  .features__text {
    margin-bottom: 40px;
    /* color: rgba(255, 255, 255, 0.849); */
    margin-right: 0;
  }
  
  
  .centered {
    padding: 0 17%;
  }
  .arrow {
    opacity: 1;
    margin-left: 6%;
  }
  
  .mobile__features {
    display: block;
    position: relative;
    padding: 200px 0 100px;
    color: #fff;
    overflow: visible;
  }
    .footer__body .footer__text {
      max-width: 85%;
    }
  }
  
  @media only screen and (max-width: 500px) {
  
    .footer__bottom {
      padding: 32px 0;
    }
    .footer__body .footer__text {
      max-width: 90%;
    }
  
    .toppy {
      top: 20%;
      font-size: 13px;
    }
    .botty {
      bottom: 20%;
      font-size: 13px;
  
    }
  
  
    .top h1, .bottom h1 {
      font-size: 2.5rem;
    }
  
    .wow img {
      width: 17.5rem;
    }
  
    .wow {
      height: 45%;
    }
    
  
    .goo-circle {
      height: 400px;
      width: 400px;
    }
  
  
    .features {
      padding: 110px 0 80px 0 !important;
    }
    .courtney__image {
      height: 390px;
      position: relative;
      z-index: 10;
    }
    .image__title {
      position: absolute;
      top: 22%;
      left: 47%;
      font-size: 3.5rem;
    }
    .image__p {
      font-family: Poppins, sans-serif;
      width: 300px;
      position: absolute;
      top: 130%;
      left: 74.5%;
      z-index: 25;
      transform: translate(-65%, -50%);
      text-align: left;
      font-size: 1rem;
      line-height: 1.5;
    }
  
    #p2 {
      top: 138.5%;
    }
   
  }
  
  @media only screen and (max-width: 474px) {
  
  
    .toppy {
      font-size: 14px;
    }
    .botty {
      font-size: 14px;
    }
  
    .features__info {
      margin-left: 0px !important;
    }
    .space h4 {
      margin-left: 1% !important;
    }
  
    .top__buttons {
  
      top: 20% !important;
  
    }
  
    .features__text {
      width: 90% !important;
    }
  
    .hero__h1, .contact__title, .service__title, .popup__title {
      font-size: 2.5rem !important;
      }
      .hero__h3 {
        width: 90%;
      }
    .image__section {
      margin-bottom: 147px;
    }
    .header__nav {
      margin-bottom: 40px;
    }
    .image__title {
  
      position: absolute;
      top: 23%;
      left: 30%;
      font-size: 3rem;
    }
  
    .faq2 {
      width: 90% !important;
    }
  
    .faq {
      width: 90%;
      margin: auto;
    }
    /* .footer__body .footer__text {
      max-width: 100%;
    } */
  }
  
  @media only screen and (max-width: 400px) {
  
    .service__center {
      padding: 0 10%;
    }
    .centered {
      padding: 0 10%;
    }
  
  
    .goo-circle {
      height: 450px;
      width: 450px;
      position: absolute;
    }
  
    /* .toppy {
      top: 10rem;
      font-size: 10px;
    }
    .botty {
      bottom: 10rem;
      font-size: 10px;
    } */
  
    .space {
      margin-bottom: 17.5%;
    }
  
  }
  
  @media only screen and (max-width: 374px) {
  
    .hero__h1, .contact__title, .service__title, .popup__title {
    font-size: 2.5rem !important;
    }
  
    .courtney__image {
      height: 290px;
      position: relative;
      z-index: 10;
    }
    
    .image__title {
      position: absolute;
      top: 25%;
      left: 45%;
      transform: translate(0, -50%);
      font-weight: 600;
      font-size: 2.75rem;
      color: #e5dede;
      z-index: 25;
    }
    .image__p {
    
      width: 200px;
      color: rgba(255, 255, 255, 0.849);
      position: absolute;
      top: 137%;
      left: 67.5%;
      z-index: 25;
      transform: translate(-65%, -50%);
      text-align: left;
      font-size: 0.8rem;
      line-height: 1.5;
    }
  
    #p2 {
      top: 147.5%;
    }
  
    .features {
      padding: 75px 0 75px 0;
    }
  }
  
  @media only screen and (max-width: 300px) {
    .geninfo {
      margin-top: 65% !important;
    }
  
    .wow {
      height: 35%;
    }
    .top h1, .bottom h1 {
      font-size: 1.5rem;
    }
    .wow img {
      width: 12rem;
    }
    
    .phoner, .emailer, .locationer {
      height: 16px;
      width: 16px;
    }
  
    .ps  {
      font-size: 12px;
    }
  
    .header__burger:before, .header__burger:after {
      width: 22px;
    }
  
    .header__pic {
      width: 60px;
    }
  
    .footer__logo .footer__pic {
      width: 90px;
    }
    .footer__text {
      font-size: 14px;
    }
  
    .image__title h2 {
      font-size: 35px;
    }
  }
  
  .image__p p {
  padding-right: 10px;
  }
  
  
  
  
  canvas {
  
      -webkit-animation: fadein 4s; 
         -moz-animation: fadein 4s;
          -ms-animation: fadein 4s; 
           -o-animation: fadein 4s; 
              animation: fadein 4s;
  }
  
  @keyframes fadein {
      from { opacity: 0; }
      to   { opacity: 1; }
  }
  
  @-moz-keyframes fadein {
      from { opacity: 0; }
      to   { opacity: 1; }
  }
  
  @-webkit-keyframes fadein {
      from { opacity: 0; }
      to   { opacity: 1; }
  }
  
  @-ms-keyframes fadein {
      from { opacity: 0; }
      to   { opacity: 1; }
  }
  
  @-o-keyframes fadein {
      from { opacity: 0; }
      to   { opacity: 1; }
  }
  
  .lock__it {
    overflow-y:hidden;
    height:100%;
    background-color: transparent;
  }
  
  
  
  
  .arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  
  .arrows__prev,
  .arrows__next {
    width: 64px;
    height: 64px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 50%;
    font-size: 0;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
  }
  
  .arrows__prev .icon,
  .arrows__next .icon {
    /* font-size: 16px; */
    width: 15px;
    fill: #232340;
    -webkit-transition: fill 0.25s;
    -o-transition: fill 0.25s;
    transition: fill 0.25s;
  }
  
  .arrows__prev:hover,
  .arrows__next:hover {
    background: #d0e1a4;
  }
  
  .arrows__prev:hover .icon,
  .arrows__next:hover .icon {
    fill: #ffffff;
  }
  
  .arrows__prev[href],
  .arrows__next[href] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .arrows__prev:not(:last-child),
  .arrows__next:not(:last-child) {
    margin-right: 16px;
  }
  
  .arrows_white .arrows__prev .icon,
  .arrows_white .arrows__next .icon {
    fill: #ffffff;
  }
  
  
  
  .ui {
    width: 100%;
  }
  
  @media screen and (min-width: 974px) {
    .grid__item:nth-child(even) {
      margin-top: 35vh;
      text-align: right;
    }
    /* .marg {
      margin-top: -10rem;
    } */
    }
  
  
  
  .grid-wrap {
      position: relative;
  }
  
  .grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(200px, calc(390px + 3rem)));
      justify-content: center;
      grid-gap: 10vw;
    margin: 5rem auto;
    /* margin: 1rem auto; */
  }
  
  
  /* .grid2 {
    margin-top: 1px !important;
  } */
  .grid__item {
      padding: 1.5rem;
  }
  
  .grid__item-number {
      display: block;
      text-align: right;
      font-size: 3rem;
      line-height: 1;
  }
  
  .grid__item-img {
      margin: 1rem 0 1.75rem;
      max-width: 100%;
      display: block;
  }
  
  .grid__item-title {
      /* font-size: 1.25rem; */
      text-transform: uppercase;
      font-weight: 400;
      margin: 0 0 2.75rem 0;
    text-align: left;
  
  }
  
  .book__now {
    padding-top: 1.37rem !important;
    text-align: left;
  }
  
  .grid__item-description {
    color: #313639;
      line-height: 1.5;
      padding-right: 1rem;
    text-align: left;
    /* font-size: 1rem; */
  }
  
  
  /* @media screen and (min-width: 53em) {
  
      .grid__item:nth-child(even) {
          margin-top: 35vh;
          text-align: right;
      }
  
      .grid__item-number {
          font-size: 4.75rem;
      }
  } */
  
  
  .gas {
    position: absolute;
    top: -111px;
  
    width: 100%;
  
    left: -220px;
  }
  
  .activer {
  /* text-decoration: underline; */
  font-weight: 600;
  }
  
  .faq2 {
    margin-bottom: 200px;
    padding-top: 50px;
  }
  
  
  
  
  
  .wow img {
    /* height: 100%;
    width: 100%; */
    object-fit: cover;
    transform-origin: left;
  }
  
  .reveal {
    visibility: hidden;
    /* position: relative; */
    /* width: 80%;
    height: 80%;
    max-width: 500px; */
    overflow: hidden;
  }
  
  /* * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  .credit {
    font-family: Termina, sans-serif;
    position: absolute;
    bottom: 10px;
  }
  .credit a {
    color: white;
  } */
  
  .wrapper {
    background-color: #EEEEF0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  
  
  body {
  
  
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
  }
  
  .features__slide {
    cursor: grab;
  }
  @keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
  }
  
  /* Firefox < 16 */
  @-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
  }
  
  /* Safari, Chrome and Opera > 12.1 */
  @-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
  }
  
  /* Internet Explorer */
  @-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
  }
  
  /* Opera < 12.1 */
  @-o-keyframes fadein {
    from { opacity: 0; }
  }
  
  
  
  
  
  
  
  
  /*////////////////////////////////////////////////// BOOKING FORM //////////////////////////////////////////////////*/
  .mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
  }
  
  .mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
  }
  
  .mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  .mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
  
  .mfp-align-top .mfp-container:before {
    display: none;
  }
  
  .mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
  }
  
  .mfp-inline-holder .mfp-content,
  .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
  }
  
  .mfp-ajax-cur {
    cursor: progress;
  }
  
  .mfp-zoom-out-cur,
  .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
  }
  
  .mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
  }
  
  .mfp-auto-cursor .mfp-content {
    cursor: auto;
  }
  
  .mfp-close,
  .mfp-arrow,
  .mfp-preloader,
  .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  .mfp-loading.mfp-figure {
    display: none;
  }
  
  .mfp-hide {
    display: none !important;
  }
  
  .mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
  }
  
  .mfp-preloader a {
    color: #ccc;
  }
  
  .mfp-preloader a:hover {
    color: #fff;
  }
  
  .mfp-s-ready .mfp-preloader {
    display: none;
  }
  
  .mfp-s-error .mfp-content {
    display: none;
  }
  
  button.mfp-close,
  button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
  }
  
  button::-moz-focus-inner {
    padding: 0;
    border: 0;
  }
  
  .mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
  }
  
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1;
  }
  
  .mfp-close:active,
  .mfp-close.nice-select.open {
    top: 1px;
  }
  
  .mfp-close-btn-in .mfp-close {
    color: #333;
  }
  
  .mfp-image-holder .mfp-close,
  .mfp-iframe-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
  }
  
  .mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
  }
  
  .mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
  }
  
  .mfp-arrow:active,
  .mfp-arrow.nice-select.open {
    margin-top: -54px;
  }
  
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1;
  }
  
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
  }
  
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
  }
  
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
  }
  
  .mfp-arrow-left {
    left: 0;
  }
  
  .mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px;
  }
  
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f;
  }
  
  .mfp-arrow-right {
    right: 0;
  }
  
  .mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px;
  }
  
  .mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f;
  }
  
  .mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
  }
  
  .mfp-iframe-holder .mfp-close {
    top: -40px;
  }
  
  .mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
  }
  
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #313639;
  }
  
  /* Main image in popup */
  img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
  }
  
  /* The shadow behind the image */
  .mfp-figure {
    line-height: 0;
  }
  
  .mfp-figure:after {
    content: "";
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444;
  }
  
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
  }
  
  .mfp-figure figure {
    margin: 0;
  }
  
  .mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
  }
  
  .mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px;
  }
  
  .mfp-image-holder .mfp-content {
    max-width: 100%;
  }
  
  .mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
  }
  
  button,
  input,
  textarea,
  select {
    font-family: "Inter", sans-serif;
  }
  
  .header {
    z-index: 10;
  }
  
  .field__label {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 1.33333;
    font-weight: 500;
    color: #313639;
  }
  
  .field__input,
  .field__textarea {
    width: 100%;
    border-radius: 8px;
    background: rgba(216, 214, 214, 0.3);
    border: 2px solid transparent;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #11142d;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
  }
  
  /* .radio__wrap {
      background: rgba(228, 228, 228, 0.3) !important;
        border: 1px solid rgba(34, 36, 38, 0.15);
  
    } */
  
  .dater {
    cursor: pointer !important;
    font-size: 16px;
  }
  .field__input:focus,
  .field__textarea:focus {
    border-color: transparent !important;
    background: #ffffff;
  }
  
  .field__input {
    height: 56px;
    padding: 0 22px;
  }
  
  .field__textarea {
    height: 157px;
    padding: 15px 22px;
    resize: none;
  }
  
  .field__select {
    min-width: 100%;
    height: 56px;
    padding: 0 45px 0 24px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 16px;
    background: rgba(228, 228, 228, 0.5);
    font-size: 14px;
    font-weight: 600;
    color: #808191;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    cursor: pointer;
  }
  
  .field__select::-ms-expand {
    display: none;
  }
  
  .field__select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #313639;
  }
  
  .field__select.purple,
  .field__select.blue {
    color: #ffffff;
  }
  
  .field__select.purple {
    background-color: #40916c;
  }
  
  .field__select.blue {
    background-color: #3f8cff;
  }
  
  .popup {
    position: relative;
  }
  
  .popup__form {
    padding: 32px;
    border-radius: 24px;
  }
  
  .popup__form2 {
    padding: 32px;
    border-radius: 24px;
  }
  
  .popup__title {
    margin-bottom: 48px;
  }
  
  .popup__tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -13px 0 32px -13px;
  }
  
  .popup__tag {
    margin: 13px 0 0 13px;
    border: 2px solid #ff754c;
    border-radius: 12px;
    padding: 6px 16px;
    line-height: 1.42857;
    font-weight: 600;
    color: #11142d;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
  }
  
  .popup__tag:hover,
  .popup__tag.active {
    background: #40916c;
    border-color: #40916c;
    color: #ffffff;
  }
  
  .popup__form > .popup__field {
    margin-bottom: 32px;
  }
  .popup__form2 > .popup__field {
    margin-bottom: 32px;
  }
  
  .popup__user:not(:last-child) {
    margin-bottom: 32px;
    padding-bottom: 32px;
    border-bottom: 1px solid #f0f3f6;
  }
  
  .popup__category {
    margin-bottom: 32px;
    color: #808191;
  }
  
  .popup__line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  .popup__ava {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    font-size: 0;
  }
  
  .popup__ava .popup__pic {
    width: 100%;
    min-height: 100%;
    border-radius: 50%;
    image-orientation: from-image;
  }
  
  .popup__details {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 64px);
    flex: 0 0 calc(100% - 64px);
    width: calc(100% - 64px);
    padding-left: 40px;
  }
  
  .popup__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 7px;
  }
  
  .popup__btns .popup__btn {
    min-width: 166px;
  }
  
  .popup__btns .popup__btn:not(:last-child),
  .popup__loading:not(:last-child) {
    margin-right: 16px;
  }
  
  .popup__loading {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
  }
  
  .popup__file {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 140px;
    opacity: 0;
  }
  
  .popup__loading:hover .popup__btn {
    background: #2d6a4f;
  }
  
  .popup__text {
    color: #808191;
  }
  
  .popup__fieldset {
    margin-bottom: 24px;
  }
  
  .popup__fieldset > .popup__field:not(:last-child) {
    margin-bottom: 20px;
  }
  
  .popup__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -8px;
  }
  
  .popup__row:not(:last-child) {
    margin-bottom: 60px;
  }
  
  .popup__row .popup__field {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 16px);
    flex: 0 0 calc(50% - 16px);
    width: calc(50% - 16px);
    margin: 0 8px;
  }
  
  #poo {
    margin: 0;
    width: 100% !important;
  }
  .popup__form > .popup__btn {
    min-width: 184px;
  }
  
  .popup__form2 > .popup__btn {
    min-width: 184px;
  }
  
  .popup .mfp-close {
    position: absolute;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    line-height: normal;
    opacity: 1;
    font-size: 0;
    background: #ffffff
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%2311142d' d='M1.613.2l.094.083L5 3.585 8.293.293a1 1 0 0 1 1.414 0 1 1 0 0 1 .083 1.32l-.083.094L6.415 5l3.292 3.293a1 1 0 0 1-1.32 1.497l-.094-.083L5 6.415 1.707 9.707A1 1 0 0 1 .21 8.387l.083-.094L3.585 5 .293 1.707a1 1 0 0 1 0-1.414A1 1 0 0 1 1.613.21z'/%3E%3C/svg%3E")
      no-repeat 50% 50%/10px auto;
    -webkit-transition: -webkit-box-shadow 0.25s;
    transition: -webkit-box-shadow 0.25s;
    -o-transition: box-shadow 0.25s;
    transition: box-shadow 0.25s;
    transition: box-shadow 0.25s, -webkit-box-shadow 0.25s;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  
  .popup .mfp-close:hover {
    -webkit-box-shadow: 0 5px 20px rgba(227, 230, 236, 0.85);
    box-shadow: 0 5px 20px rgba(227, 230, 236, 0.85);
  }
  
  .popup_settings {
    max-width: 630px;
    margin: 15px auto;
    background: #ffffff;
    border-radius: 24px;
  }
  
  .popup_settings .mfp-close {
    top: 20px;
    right: 32px;
  }
  
  .popup_stories {
    max-width: 1173px;
    margin: 15px auto;
  }
  
  .popup_stories .mfp-close {
    top: -10px;
    right: -60px;
  }
  
  .mfp-container {
    padding: 20px;
  }
  
  .mfp-bg {
    background: rgba(27, 29, 33, 0.9);
  }
  
  .mfp-zoom-in .popup {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
  
  .mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  
  .mfp-zoom-in.mfp-ready .popup {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  
  .mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
  }
  
  .mfp-zoom-in.mfp-removing .popup {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
  }
  
  .mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
  }
  
  body.dark .popup {
    background: #242731;
  }
  
  body.dark .popup__tag {
    color: #ffffff;
  }
  
  body.dark .popup__user {
    border-color: rgba(228, 228, 228, 0.1);
  }
  
  body.dark .popup .mfp-close {
    background-color: #242731;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%23ffffff' d='M1.613.2l.094.083L5 3.585 8.293.293a1 1 0 0 1 1.414 0 1 1 0 0 1 .083 1.32l-.083.094L6.415 5l3.292 3.293a1 1 0 0 1-1.32 1.497l-.094-.083L5 6.415 1.707 9.707A1 1 0 0 1 .21 8.387l.083-.094L3.585 5 .293 1.707a1 1 0 0 1 0-1.414A1 1 0 0 1 1.613.21z'/%3E%3C/svg%3E");
  }
  
  body.dark .popup .mfp-close:hover {
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.35);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.35);
  }
  
  body.dark .popup__select {
    background-color: rgba(228, 228, 228, 0.04);
  }
  
  body.dark .popup_stories {
    background: none;
  }
  
  body.dark .mfp-bg {
    background: rgba(27, 29, 33, 0.85);
  }
  
  @media screen and (max-width: 800px) and (orientation: landscape),
    screen and (max-height: 300px) {
    /**
           * Remove all paddings around the image on small screen
           */
    .mfp-img-mobile .mfp-image-holder {
      padding-left: 0;
      padding-right: 0;
    }
    .mfp-img-mobile img.mfp-img {
      padding: 0;
    }
    .mfp-img-mobile .mfp-figure:after {
      top: 0;
      bottom: 0;
    }
    .mfp-img-mobile .mfp-figure small {
      display: inline;
      margin-left: 5px;
    }
    .mfp-img-mobile .mfp-bottom-bar {
      background: rgba(0, 0, 0, 0.6);
      bottom: 0;
      margin: 0;
      top: auto;
      padding: 3px 5px;
      position: fixed;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0;
    }
    .mfp-img-mobile .mfp-counter {
      right: 5px;
      top: 3px;
    }
    .mfp-img-mobile .mfp-close {
      top: 0;
      right: 0;
      width: 35px;
      height: 35px;
      line-height: 35px;
      background: rgba(0, 0, 0, 0.6);
      position: fixed;
      text-align: center;
      padding: 0;
    }
  }
  
  @media only screen and (max-width: 1339px) {
    .page__row {
      display: block;
    }
    .page__col:first-child {
      width: 100%;
      max-width: 100%;
      margin-bottom: 48px;
      padding: 0;
    }
    .page__col:nth-child(2) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
      max-width: calc(100% + 32px);
      width: auto;
      margin: 0 -16px;
    }
    .page__col:nth-child(2) .widget {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 32px);
      flex: 0 0 calc(50% - 32px);
      width: calc(50% - 32px);
      max-width: calc(50% - 32px);
      margin: 0 16px;
    }
    .page__col:nth-child(2) .widget:first-child {
      margin-top: 63px;
    }
    .page__col:nth-child(2) .widget:not(:last-child) {
      margin-bottom: 0;
    }
    .games__container {
      margin: 0 -12px;
    }
    .games__slider {
      display: block;
      margin: 0;
      visibility: hidden;
    }
    .games__slider.slick-initialized {
      visibility: visible;
    }
    .games__slide {
      visibility: hidden;
      opacity: 0;
      width: 100%;
      margin: 0 12px;
      -webkit-transition: all 0.25s;
      -o-transition: all 0.25s;
      transition: all 0.25s;
    }
    .games__slide.slick-active {
      visibility: visible;
      opacity: 1;
    }
    .games__list > .games__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(33.333% - 32px);
      flex: 0 0 calc(33.333% - 32px);
      width: calc(33.333% - 32px);
    }
    .player__head {
      display: block;
    }
    .player__options {
      margin: 24px 0 0;
    }
    .game_line .game__details {
      padding: 12px 24px;
    }
    .widget__parameters {
      padding-top: 60px;
    }
    .messages .games {
      display: block;
      width: 100%;
      margin: 8px 0 0;
    }
    .messages .games__item {
      width: 100%;
      margin: 0;
    }
    .messages .games__item:not(:last-child) {
      margin-bottom: 4px;
    }
    .popular__body {
      padding: 24px 16px 8px;
    }
    .stories .slick-prev {
      left: -12px;
    }
    .stories .slick-next {
      right: -12px;
    }
    .h1 {
      font-size: 48px;
      line-height: 1.5;
    }
  }
  
  @media only screen and (max-width: 1259px) {
    .popup_stories .mfp-close {
      top: -35px;
      right: 0;
    }
  
    .popup_stories {
      max-width: 400px;
    }
    .popup_stories .mfp-close {
      right: -65px;
    }
  }
  
  @media all and (max-width: 900px) {
    .mfp-arrow {
      -webkit-transform: scale(0.75);
      -ms-transform: scale(0.75);
      transform: scale(0.75);
    }
    .mfp-arrow-left {
      -webkit-transform-origin: 0;
      -ms-transform-origin: 0;
      transform-origin: 0;
    }
    .mfp-arrow-right {
      -webkit-transform-origin: 100%;
      -ms-transform-origin: 100%;
      transform-origin: 100%;
    }
    .mfp-container {
      padding-left: 6px;
      padding-right: 6px;
    }
  }
  
  @media (max-width: 900px) {
    .mfp-container {
      padding: 30px 20px;
    }
  }
  
  @media only screen and (max-width: 1042px) {
    .page__input {
      padding-right: 170px;
      font-size: 16px;
    }
  
    .popup__title {
      margin-bottom: 42px;
    }
    .popup__tags {
      display: none;
    }
    .popup__user:not(:last-child) {
      padding-bottom: 24px;
    }
    .popup__details {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 80px);
      flex: 0 0 calc(100% - 80px);
      width: calc(100% - 80px);
      padding-left: 24px;
    }
    .popup__btns {
      display: block;
      margin: 0 0 16px;
    }
    .popup__btns .popup__btn {
      min-width: 100%;
      height: 40px;
    }
    .popup__btns .popup__btn:not(:last-child),
    .popup__loading:not(:last-child) {
      margin: 0 0 12px;
    }
    .popup__text {
      margin-left: -104px;
    }
    .popup__row {
      display: block;
      margin: 0;
    }
    .popup__row .popup__field {
      width: 100%;
      margin: 0;
    }
    .popup__row .popup__field:not(:last-child) {
      margin-bottom: 24px;
    }
    .popup__form > .popup__btn {
      min-width: 100%;
    }
    .popup__form2 > .popup__btn {
      min-width: 100%;
    }
    .popup .mfp-close {
      -webkit-box-shadow: 0 5px 20px rgba(227, 230, 236, 0.85);
      box-shadow: 0 5px 20px rgba(227, 230, 236, 0.85);
    }
    .popup_stories {
      margin: 0;
    }
    .popup_stories .mfp-close {
      top: 56px;
      right: 24px;
      width: 32px;
      height: 32px;
      -webkit-box-shadow: none;
      box-shadow: none;
    }
    .mfp-container {
      padding: 0;
    }
  }
  
  
  
  
  
  
  
  
  label {
    display:inline-block;
  }
  
  .main__scroll {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  }
  
  /*////////////////////////////////////////// homepage sliders and image sections //////////////////////////////////////////*/
  .mobile__features {
    display: none;
  }
  
  .buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: absolute;
    width: 150px;
    left: -22%;
    bottom: 30%;
  }
  
  #contact__next,
  #contact__next2 {
    z-index: 99;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: none !important;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    transform: translate(0, -50%);
    background: #d0e1a4;
  }
  #contact__next:hover {
    background: rgb(217, 233, 172);
  }
  #contact__prev:hover {
    background: rgb(217, 233, 172);
  }
  .temp__bod {
    background: #8eaebd;
  }
  #contact__prev,
  #contact__prev2 {
    z-index: 99;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: none !important;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    transform: translate(0, -50%);
    background: #d0e1a4;
  }
  #contact__next2:hover {
    background: rgb(217, 233, 172);
  }
  #contact__prev2:hover {
    background: rgb(217, 233, 172);
  }
  
  
  
  .arrow {
    position: relative;
    z-index: 1000;
    opacity: 1;
    margin-left: 2%;
    -webkit-transition: -webkit-transform 0.25s;
    transition: -webkit-transform 0.25s;
    -o-transition: transform 0.25s;
    transition: transform 0.25s;
    transition: transform 0.25s, -webkit-transform 0.25s;
  }
  .arrow:hover {
    -webkit-transform: translateX(7px) !important;
    -ms-transform: translateX(7px) !important;
    transform: translateX(7px) !important;
  }
  .c-scrollbar {
    position: absolute;
    right: 0;
    top: 0;
    width: 11px;
    height: 100%;
    transform-origin: center right;
    transition: transform 0.3s, opacity 0.3s;
    opacity: 0;
  }
  .c-scrollbar:hover {
    transform: scaleX(1.45);
  }
  .c-scrollbar:hover,
  .has-scroll-dragging .c-scrollbar,
  .has-scroll-scrolling .c-scrollbar {
    opacity: 1;
  }
  [data-scroll-direction="horizontal"] .c-scrollbar {
    width: 100%;
    height: 10px;
    top: auto;
    bottom: 0;
    transform: scaleY(1);
  }
  [data-scroll-direction="horizontal"] .c-scrollbar:hover {
    transform: scaleY(1.3);
  }
  
  .c-scrollbar_thumb {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #313639;
    opacity: 0.5;
    width: 7px;
    border-radius: 10px;
    margin: 2px;
    cursor: -webkit-grab;
    cursor: grab;
  }
  .has-scroll-dragging .c-scrollbar_thumb {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
  [data-scroll-direction="horizontal"] .c-scrollbar_thumb {
    right: auto;
    bottom: 0;
  }
  
  
  .arrow {
    opacity: 1;
  }
  
  
  .services {
    min-height: 100vh;
  }
  
  .features__body2::before {
    content: "";
    position: absolute;
    top: -85px;
    left: calc(-100% + 200px);
    width: 1000px;
    height: 3px;
    background-color: #d0e1a4;
    opacity: 0.3;
  }
  .contact__status::before {
    content: "";
    position: absolute;
    top: 10%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50px;
    height: 1px;
    background: #313639;
    margin-bottom: 100px;
  }
  .contact__status {
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 135px;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    font-weight: 500;
  }
  .grouper {
    margin-top: 40px;
    width: 80%;
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
  .grouped {
    margin-top: 40px;
    width: 80%;
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
  button,
  input[type="submit"] {
    cursor: pointer;
    background: 0 0;
  }
  html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  *,
  :after,
  :before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
  }
  .icon-arrow-down {
    width: 1.56em;
    height: 1em;
    fill: #999fae;
  }
  .icon-arrow-next {
    width: 1.45em;
    height: 1em;
    fill: #fff;
    margin-top: 4px;
  }
  .icon-arrow-prev {
    width: 1.45em;
    height: 1em;
    fill: #fff;
    margin-top: 4px;
  }
  .icon-arrow-right {
    width: 0.57em;
    height: 1em;
    fill: #27272e;
  }
  .icon-search {
    width: 1em;
    height: 1em;
    fill: #292930;
  }
  .icon-star {
    width: 1em;
    height: 1em;
    fill: #5956e9;
  }
  .slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
  }
  .slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
  }
  .slick-list:focus {
    outline: 0;
  }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand;
  }
  .slick-slider .slick-list,
  .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .slick-track:after,
  .slick-track:before {
    content: "";
    display: table;
  }
  .slick-track:after {
    clear: both;
  }
  .slick-loading .slick-track {
    visibility: hidden;
  }
  .slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
  }
  [dir="rtl"] .slick-slide {
    float: right;
  }
  .slick-slide img {
    display: block;
  }
  .slick-slide.slick-loading img {
    display: none;
  }
  .slick-slide.dragging img {
    pointer-events: none;
  }
  .slick-initialized .slick-slide {
    display: block;
  }
  .slick-loading .slick-slide {
    visibility: hidden;
  }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
  }
  .slick-arrow.slick-hidden {
    display: none;
  }
  .center {
    max-width: 80%;
    margin: 0 auto;
    padding: 0 82px;
  }
  .title {
    position: relative;
    font-weight: 600;
    font-family: Poppins, sans-serif;
    font-style: Semi-Bold;
    font-size: 7rem;
    line-height: 1;
    letter-spacing: 1.7px !important;
    color: #313639;
  }
  
  .features__info {
    color: #313639 !important;
  }
  .number2 {
    padding-top: 0px !important;
    margin-top: -100px;
  }
  .features {
    position: relative;
    padding-top: 100px !important;
    padding: 150px 0 100px;
    background: 0 0;
    color: #313639;
    overflow: visible;
  }
  .contact__features {
    position: relative;
    padding: 150px 0 100px;
    background: 0 0;
    color: #313639;
    overflow: visible;
  }
  .features__center {
    position: relative;
    z-index: 2;
  }
  .service__center {
    margin: 0 0 0 250px;
    padding: 0 72px;
  }
  .service__center2 {
    margin: 0 0 0 30%;
    padding: 0 72px;
  }
  .features__body2 {
    position: relative;
    padding: 0;
  }
  .features__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 192px;
  }
  .features__stage {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 268px;
    padding-top: 7px;
  }
  .features__title {
    margin-bottom: 20px;
  }
  .features__info {
    color: #313639;
    font-family: poppins, sans-serif;
    font-size: 1.6rem;
    letter-spacing: 4.25px;
    margin-right: 30px;
    margin-left: 9px;
  }
  .features__body {
    position: relative;
    padding-right: 33%;
  }
  .features__body::before {
    content: "";
    position: absolute;
    top: -85px;
    left: calc(40% + 200px);
    width: 1000px;
    height: 3px;
    background-color: #d0e1a4;
    opacity: 0.3;
  }
  .features__container {
    margin: 0 -65px;
  }
  .features__slider {
    display: none;
  }
  .features__slider.slick-initialized {
    display: block;
  }
  .features__slide {
    padding: 0 65px;
  }
  .features__slide:first-child .features__preview,
  .features__slide:nth-child(3) .features__preview,
  .features__slide:nth-child(5) .features__preview {
    top: 10px;
    left: -8px;
    width: 180px;
  }
  .features__slide:nth-child(2) .features__preview,
  .features__slide:nth-child(4) .features__preview {
    top: 0;
    left: -20px;
    width: 160px;
  }
  .features__details {
    position: relative;
    padding-top: 75px;
  }
  .features__preview {
    position: absolute;
    font-size: 0;
  }
  .features__pic {
    width: 100%;
  }
  .status__number,
  .status__all {
    color: #313639;
  }
  .features__category {
    margin-bottom: 35px;
    font-family: "DM Sans", sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -0.04em;
    color: #313639;
  }
  .features__text {
    margin-bottom: 30px;
    color: #313639 !important;
    margin-right: 150px;
    /* font-family: Poppins; */
    font-size: 0.9rem;
    line-height: 1.5;
  }
  
  .features__link {
    font-size: 0.9rem;
  }
  #services__prev, #services__prev2 {
    z-index: 99;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: none !important;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    transform: translate(0, -50%);
    background: #d0e1a4;
  }
  #services__next, #services__next2 {
    z-index: 99;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: none !important;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    transform: translate(0, -50%);
    background: #d0e1a4;
  }
  #services__next:hover {
    background: rgb(217, 233, 172);
  }
  #services__prev:hover {
    background: rgb(217, 233, 172);
  }
  
  #services__next2:hover {
    background: rgb(217, 233, 172);
  }
  #services__prev2:hover {
    background: rgb(217, 233, 172);
  }
  
  
  
  .features__link {
    position: relative;
    display: inline-block;
    font-weight: 500;
    color: #313639;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
  }
  .features__link:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 0;
    height: 1px;
    background: #313639;
    -webkit-transition: width 0.25s;
    -o-transition: width 0.25s;
    transition: width 0.25s;
  }
  .features__link:hover {
    padding-left: 50px;
    /* color: #fff; */
  }
  .features__link:hover:before {
    width: 34px;
  }
  .features__status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 135px;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    font-weight: 500;
  }
  .features__status:before {
    content: "";
    position: absolute;
    top: 10%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 40px;
    height: 1px;
    background: #313639;
  }
  .features__bg {
    position: absolute;
    top: 0;
    left: calc(50% - 902px);
    font-size: 0;
    width: 900px;
  }
  .features__gb {
    position: absolute;
    top: 0;
    left: calc(83% - 902px);
    font-size: 0;
    width: 900px;
  }
  .features__bg[data-aos].aos-animate {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  .features__circle {
    position: absolute;
    top: 115px;
    right: calc(50% - 520px);
    width: 268px;
    height: 268px;
    border-radius: 50%;
    background: #525260;
  }
  .features .status__all {
    color: #313639;
  }
  .features .slick-arrow {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.2);
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    transform: translate(0, -50%);
    right: 450px;
    left: 78%;
  }
  .features .slick-arrow .icon {
    font-size: 12px;
    fill: #fff;
  }
  .features .slick-arrow:hover {
    background: #fff;
    border-color: #fff;
  }
  .features .slick-prev {
    right: -180px;
  }
  .features .slick-next {
    right: -230px;
  }
  
  @media only screen and (max-width: 1700px) {
  
  
    .arrow {
      opacity: 1;
      margin-right: 2%;
    }
  
    .features__body {
      position: relative;
      padding-right: 25%;
    }
    .service__center {
      margin: 0 0 0 140px;
      padding: 0 72px;
    }
  
  
  
  
    .service__center2 {
      margin: 0 0 0 25%;
      padding: 0 72px;
    }
  }
  
  @media only screen and (max-width: 1400px) {
    .features__body2::before {
      content: "";
      position: absolute;
      top: -85px;
      left: calc(-135% + 200px);
      width: 1000px;
      height: 3px;
      background-color: #d0e1a4;
      opacity: 0.3;
    }
  }
  @media only screen and (max-width: 1365px) {
    .top__buttons {
      /* bottom: 30%; */
      right: 5%;
    }
  
  
  
  
  
    .arrow {
      opacity: 1;
      margin-right: 2%;
    }
  
    .service__center2 {
      margin: 0 0 0 25%;
      padding: 0 72px;
    }
    .features__text {
      margin-bottom: 40px;
      color: rgba(255, 255, 255, 0.849);
      margin-right: 30px;
    }
  
  
  
  
    .features__body {
      position: relative;
      padding-right: 25%;
    }
    .service__center {
      margin: 0 0 0 7.5%;
      padding: 0 50px;
    }
    .title {
      position: relative;
      font-weight: 600;
      font-family: Poppins, sans-serif;
      font-style: Semi-Bold;
      font-size: 6rem;
      line-height: 1;
      letter-spacing: -0.025em;
    }
    .features__head {
      margin-bottom: 150px;
    }
    .features__info {
      color: #fff;
      font-family: poppins, sans-serif;
      font-size: 1.4rem;
      letter-spacing: 6.7px;
      margin-right: 30px;
      margin-left: 25px;
    }
  }
  
  @media only screen and (max-width: 1279px) {
  
    .buttons {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      position: absolute;
      width: 150px;
      left: -17%;
      bottom: 33%;
    }
  
  
  
    .service__center2 {
      margin: 0 0 0 17%;
      padding: 0 72px;
    }
  }
  @media only screen and (max-width: 1199px) {
    .top__buttons {
      /* bottom: 59%; */
      right: 5%;
    }
   
    .features__head {
      margin-bottom: 212px;
    }
  
    .features__stage {
      width: 216px;
    }
    .features__title {
      margin-bottom: 32px;
    }
    .features__body:before {
      left: calc(50% + 160px);
    }
    .features__container {
      margin: 0 -55px;
    }
    .features__slide {
      padding: 0 55px;
    }
    .features__category {
      margin-bottom: 24px;
      font-size: 20px;
    }
    .features__text {
      margin-bottom: 32px;
      font-size: 15px;
    }
  
    .features__link {
      font-size: 15px;
    }
    .features__status {
      bottom: 169px;
    }
    .features__bg {
      left: calc(50% - 1042px);
      width: 1100px;
    }
    .features__circle {
      right: calc(50% - 590px);
    }
    .features .slick-prev {
      left: -161px;
    }
    .features .slick-next {
      left: -104px;
    }
  }
  @media only screen and (max-width: 1199px) {
    .features__head {
      margin-bottom: 212px;
    }
    .features__stage {
      width: 216px;
    }
    .features__title {
      margin-bottom: 32px;
    }
    .features__body:before {
      left: calc(50% + 160px);
    }
    .features__container {
      margin: 0 -55px;
    }
    .features__slide {
      padding: 0 55px;
    }
    .features__category {
      margin-bottom: 24px;
      font-size: 20px;
    }
    .features__text {
      margin-bottom: 32px;
      font-size: 15px;
    }
    .features__link {
      font-size: 15px;
    }
    .features__status {
      bottom: 169px;
    }
    .features__bg {
      left: calc(50% - 1042px);
      width: 1100px;
    }
    .features__circle {
      right: calc(50% - 590px);
    }
    .features .slick-prev {
      left: -161px;
    }
  
    .features .slick-next {
      left: -104px;
    }
  }
  @media only screen and (max-width: 1023px) {
  
    .title {
      margin-top: 30%;
    }
    #menu__contact {
      display: none;
    }
  
    .top__buttons {
      /* bottom: 31%; */
      right: 10%;
    }
  
    #services__prev {
      width: 35px;
      height: 35px;
      border-radius: 50%;
      border: 1px solid rgba(255, 255, 255, 0.2);
      -webkit-transition: all 0.25s;
      -o-transition: all 0.25s;
      transition: all 0.25s;
      transform: translate(0, -50%);
    }
    #services__next {
      width: 35px;
      height: 35px;
      border-radius: 50%;
      border: 1px solid rgba(255, 255, 255, 0.2);
      -webkit-transition: all 0.25s;
      -o-transition: all 0.25s;
      transition: all 0.25s;
      transform: translate(0, -50%);
    }
   
  
    .mobile__features {
      display: block;
      position: relative;
      padding: 150px 0 100px;
      color: #fff;
      overflow: visible;
    }
    .contact__features {
      display: none;
    }
  
    .arrow {
      opacity: 1;
      margin-right: 2%;
      -webkit-transition: -webkit-transform 0.25s;
      transition: -webkit-transform 0.25s;
      -o-transition: transform 0.25s;
      transition: transform 0.25s;
      transition: transform 0.25s, -webkit-transform 0.25s;
    }
    .arrow:hover {
      -webkit-transform: translateX(7px);
      -ms-transform: translateX(7px);
      transform: translateX(7px);
    }
    .center {
      padding: 0 40px;
    }
  
  
  
  
  
    .features__head {
      margin-bottom: 100px;
    }
    .features__body:before {
      display: none;
    }
    .features__status {
      bottom: 126px;
    }
  
    .service__center2 {
      margin: 0 auto;
      padding: 0 122px;
    }
    .features__status {
      bottom: 250px;
    }
    .center {
      padding: 0 122px;
    }
    .contact__status {
      position: absolute;
      left: 75%;
      bottom: 250px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 135px;
      font-family: "DM Sans", sans-serif;
      font-size: 14px;
      font-weight: 500;
    }
    .service__center {
      margin: 0 auto;
      padding: 0 122px;
    }
  
   
  
  
    .title {
      position: relative;
      font-weight: 600;
      font-family: Poppins, sans-serif;
      font-style: Semi-Bold;
      font-size: 4.75rem;
      line-height: 1;
      letter-spacing: -0.025em;
    }
    .features__info {
      color: #fff;
      font-family: poppins, sans-serif;
      font-size: 1.3rem;
      font-weight: 200;
      letter-spacing: 4px;
      margin-right: 0;
      margin-left: 9px;
    }
    .features__title {
      margin-bottom: 15px;
    }
    .features__text {
      margin-bottom: 40px;
      color: rgba(255, 255, 255, 0.849);
      margin-right: 100px;
    }
    .features__bg {
      left: calc(50% - 553px);
      width: 750px;
    }
    .extra__margin {
      margin-right: 350px !important;
    }
  }
  @media only screen and (max-width: 850px) {
    .extra__margin {
      margin-right: 250px !important;
    }
    .top__buttons {
      /* bottom: 25%; */
      right: 10%;
    }
  }
  
  @media only screen and (max-width: 767px) {
  
    .footer__copyright {
      margin: auto !important;
    }
    .grid  {
      width: 80%;
    }
    .features,
    .mobile__features {
      padding-top: 1px !important;
    }
  
    .error h1 {
      font-size: 10rem;
      color: #fff;
      font-family: Poppins, sans-serif;
      font-weight: 500;
      pointer-events: none;
    }
  
    .top__buttons {
      /* bottom: 60%; */
      right: 5%;
    }
    .grouped {
      margin-top: 30px;
      width: 80%;
      display: flex;
      justify-content: space-around;
      align-items: center;
    }
    .features .slick-arrow {
      width: 35px;
      height: 35px;
      border-radius: 50%;
      border: 1px solid rgba(255, 255, 255, 0.2);
      -webkit-transition: all 0.25s;
      -o-transition: all 0.25s;
      transition: all 0.25s;
      transform: translate(0, -50%);
      right: 450px;
      left: 78%;
    }
  
    .mobile__features {
      display: block;
      position: relative;
      padding: 180px 0 100px;
      color: #fff;
      overflow: visible;
    }
    .center {
      padding: 0 122px;
    }
  
    .arrow {
      opacity: 1;
      margin-right: 2%;
      margin-left: 6%;
    }
    .extra__margin {
      margin-right: 100px !important;
    }
  
    .title {
      font-size: 3.5rem;
      margin-top: 45%;
    }
    .features {
      padding: 170px 0 80px 0;
      padding-top: 170px !important;
    }
    .contact__features {
      padding: 80px 0;
    }
    .features__head {
      display: block;
      margin-bottom: 135px;
    }
    .features__stage {
      width: 100%;
      margin-bottom: 16px;
    }
    .features__info {
      max-width: 100%;
    }
    .features__body {
      padding: 0;
    }
    .features__container {
      margin: 0 -10px;
    }
    .features__slide {
      padding: 0 10px;
    }
    /* .features__link {
      font-size: 18px;
    } */
    .features__status {
      top: -80px;
      left: auto;
      right: 0;
      bottom: auto;
      width: 115px;
    }
    .features__bg {
      top: 250px;
      left: auto;
      right: -9px;
      width: 750px;
    }
    .features__circle {
      top: 37px;
      right: -200px;
    }
    .features .slick-arrow {
      top: -88px;
      bottom: auto;
    }
    .features .slick-prev {
      left: 10px;
    }
    .features .slick-next {
      left: 67px;
    }
  
    .less {
      padding-top: 50px !important;
    }
    .features__details {
      position: relative;
      padding-top: 100px;
    }
  
    .top__buttons {
      top: 25%;
    }
    .features__text {
      margin-bottom: 40px;
      color: rgba(255, 255, 255, 0.849);
      margin-right: 50px;
      width: 75%;
    }
    .features__head {
      display: block;
      margin-bottom: 160px;
    }
  
    .service__center {
      margin: 0 auto;
    }
    .features__info {
      color: #fff;
      font-family: poppins, sans-serif;
      font-size: 12px;
      font-weight: 200;
      letter-spacing: 0.5px;
      margin-right: 0;
      margin-left: 9px;
      width: 200%;
    }
  }
  @media only screen and (max-width: 666px) {
  
    .main__title {
      max-width: 300px;
    }
    .features__text {
      max-width: 250px;
    }
  }
  @media only screen and (max-width: 639px) {
  
  
    .features__text {
      margin-bottom: 40px;
      color: rgba(255, 255, 255, 0.849);
      margin-right: 0;
    }
    .service__center {
      padding: 0 17%;
    }
    .title {
      font-size: 3rem;
    }
    .center {
      padding: 0 17%;
    }
    .arrow {
      opacity: 1;
      margin-left: 6%;
    }
  
  
  
    .mobile__features {
      display: block;
      position: relative;
      padding: 200px 0 100px;
      color: #fff;
      overflow: visible;
    }
  }
  @media only screen and (max-width: 500px) {
  
  
    .extra {
      margin-top: 53%;
    }
  
  
    .title {
      font-size: 2.5rem;
      width: 102%;
    }
  
    .features__bg {
      top: 214px;
      left: auto;
      right: -9px;
      width: 750px;
    }
  
  }
  @media only screen and (max-width: 400px) {
  
    .service__center {
      padding: 0 15%;
    }
    .center {
      padding: 0 10%;
    }
    .title {
      width: 150%;
    }
  }
  @media only screen and (max-width: 374px) {
  
    .error h1 {
      font-size: 7rem;
      color: #fff;
      font-family: Poppins, sans-serif;
      font-weight: 500;
      pointer-events: none;
    }
    .error__flower1 {
      position: absolute;
      top: -2%;
      right: -26%;
      transform: translate(0, -50%);
      width: 147px;
      z-index: 11;
    }
  
    .extra {
      margin-top: 75%;
    }
    
    .features {
      padding: 75px 0 75px 0;
    }
  }
  @media only screen and (max-width: 319px) {
  
    .title {
      width: 100%;
    }
  }
  
  .location__wrap img, .email__wrap img, .phone__wrap img {
    -webkit-transition: -webkit-transform 0.25s;
    transition: -webkit-transform 0.25s;
    -o-transition: transform 0.25s;
    transition: transform 0.25s;
    transition: transform 0.25s, -webkit-transform 0.25s;
  }
  
  
  
  
  .location__wrap:hover img, .email__wrap:hover img, .phone__wrap:hover img  {
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
  }
  
  
  input[type="color"],
  input[type="date"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="email"],
  input[type="month"],
  input[type="number"],
  input[type="password"],
  input[type="search"],
  input[type="tel"],
  input[type="text"],
  input[type="time"],
  input[type="url"],
  input[type="week"],
  select:focus,
  textarea {
    font-size: 16px;
    color: #313639;
  }
  
  
  .link, th {
    font-family: poppins, sans-serif !important;
  
  }
  
  /* .covid {
    width: 60%;
    margin: auto;
  } */
  
  
  .covid__wrap {
    margin-top: 5.55rem;
  }
  
  .covid__wrap h4 {
    font-size: 1.5rem;
    color: #313639;
    margin-bottom: 1rem;
  }
  
  
  
  
  
  .covid__wrap ul li {
    margin-top: .5rem;
    font-size: 16px;
    color: #313639;
  }
  
  
  
  .covid__wrap ul {
    list-style-type: initial !important;
  }
  
  .t {
    padding-left: 15px !important;
  }
  
  .hideme {
    visibility: hidden;
  }
  
  
  .errormsg {
    color: #313639;
  }
  
  
  .errormsg a {
    color: #313639;
  }
  
  
  .link {
    color: #313639;
  }