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

p,
li {
  font-family: "Sour Gummy", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  margin-bottom: 0rem !important;
  font-size: 130% !important;
}

h1,
.h1 {
  font-family: "Satisfy", sans-serif !important;
  font-weight: 400;
  font-style: normal;
}

.cw-btn-highlight {
  background-color: #d3e2f1;
  color: #000;
}

@media (min-width: 992px) {
  /* .cw-hero {
    padding-top: 0em !important;
    min-height: 645px;
  } */

  h1.display-2.text-uppercase {
    line-height: 81px;
  }
}

@media (min-width: 992px) and (max-width: 1400px) {
  .cw-text-hide {
    display: none;
  }

  .textwithimage-text h1.text-uppercase {
    font-size: 25px;
  }
}

@media (max-width: 768px) {
  /* .cw-hero {
    text-align: center;
    padding-top: 2em !important;
  } */

  h3.text-uppercase.text-primary {
    text-align: center;
  }

  h2.text-uppercase.text-primary.display-4 {
    font-size: 2em;
  }
}

/*-- Header --*/

.header .container {
  max-width: none;
}

.header .navbar-dark .navbar-nav .nav-link {
  line-height: 36px;
  text-transform: uppercase;
}

.header .navbar-dark .navbar-nav > .active .nav-link {
  color: #fff !important;
}

.header .header-info-logo-img img {
  width: 220px;
}

.cw-header-contact {
  padding: 0.75em;
}

.cw-header-contact span {
  vertical-align: middle;
}

.header a.header-business-phone {
  vertical-align: middle;
  color: #fff;
  font-weight: 700;
  font-size: 1.1rem;
}

.header .navbar-dark .navbar-nav .nav-link {
  line-height: 36px;
  text-transform: uppercase;
  text-shadow: 2px 1px black;
}

section:not(.page-home) .title {
  padding: 2em 0;
  background: linear-gradient(
      193deg,
      rgba(255, 255, 255, 0.85) 30%,
      rgba(255, 255, 255, 0.85) 70%
    ),
    url(https://apihoard.webit.com/api/v1/Image/421CF7F876F6BEBF297F5E021459B789/421CF7F876F6BEBF297F5E021459B789.jpg?size=1920x1440)
      no-repeat center center;
  background-size: cover;
  text-align: center;
  margin-bottom: 3em;
}
@media (min-width: 992px) {
  section:not(.page-home) .title {
    background: linear-gradient(
        193deg,
        rgba(0, 86, 190, 0.8) 30%,
        rgba(255, 255, 255, 0.6) 70%
      ),
      url(https://apihoard.webit.com/api/v1/Image/421CF7F876F6BEBF297F5E021459B789/421CF7F876F6BEBF297F5E021459B789.jpg?size=1920x1440)
        no-repeat center center;
    background-size: cover;
    margin-bottom: 4em;
    padding: 10em 0 1.5em;
  }

  section:not(.page-home) .title .title-heading {
    font-size: 2.75rem;
  }
}

section:not(.page-home) .title .title-heading {
  position: relative;
  z-index: 2;
  text-shadow: 5px 2px #fff;
  color: var(--color-theme-highlight);
}

@media (min-width: 992px) {
  .header .header-info-logo-img {
    position: fixed;
    top: 0.5rem;
    left: 0;
    z-index: 2001;
    padding: 0;
  }

  nav.navbar .container {
    position: relative;
    margin: 0 auto;
  }

  .navbar-nav {
    position: absolute;
    right: 0;
    top: 3.75rem;
  }

  .header .navbar,
  .header .navbar.bg-primary.cw-scrolled .navbar-nav {
    top: 0;
    background: rgba(0, 43, 95, 0.9) !important;
    border: 3px solid rgb(0 86 190) !important;
    border-top: none;
  }

  .header .header-info-logo-img img.cw-shrink {
    width: 100px;
  }

  .cw-header-contact {
    position: absolute;
    z-index: 2000;
    top: 0;
    width: 100%;
  }
}
/* ------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------- */

.cw-home-top {
 /* background: linear-gradient(
      188deg,
      rgba(0, 86, 190, 0.8) 0%,
      rgba(255, 255, 255, 0.7) 50%,
      rgba(255, 255, 255, 0.7) 100%
    ),
    url(https://apihoard.webit.com/api/v1/Image/421CF7F876F6BEBF297F5E021459B789/421CF7F876F6BEBF297F5E021459B789.jpg?size=1920x1440);*/
  background: url(https://apihoard.webit.com/api/v1/Image/961E867733B4FA769FB2A5381826BC81/961E867733B4FA769FB2A5381826BC81.jpg?size=1920x1440);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  padding-top: 15em;
  padding-bottom: 5em;
}

.cw-home-top h1 {
  font-size: 300%;
  letter-spacing: 2px;
  line-height: 120%;
  color: #fff;
  text-shadow: 2px 1px black;
}
.cw-home-top h1 span {
  font-size: 60%;
  display: block;
}
.cw-home-top p {
  margin-top: 0.7em;
}

.cw-home-top h3 {
  font-size: 200%;
  margin: 0.7em auto 0.5em auto;
  font-family: "Satisfy", sans-serif !important;
  font-style: normal;
  text-shadow: 2px 1px black;
}
.cw-home-top .btn {
}

/* .cw-hero {
  background: #151f26;
  background-image: linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.65),
      rgba(255, 255, 255, 0.65),
      rgba(0, 43, 95, 0.6)
    ),
    url(https://apihoard.webit.com/api/v1/Image/421CF7F876F6BEBF297F5E021459B789/421CF7F876F6BEBF297F5E021459B789.jpg?size=1920x1440);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  color: #000;
}

@media (min-width: 992px) {
  .cw-hero h1 {
    font-size: 4rem;
  }
} */

/* Buttons */

.cssvars-polyfilled .hs-card-background {
  background-color: #d2e2f1;
}

.hs-card-background {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-color: var(--color-theme-secondary);
  background-image: url(https://apihoard.webit.com/api/v1/Image/D8C2CBA2353F4F7EA9B3FBFEABD2856A/D8C2CBA2353F4F7EA9B3FBFEABD2856A.png?size=1920x1440);
}

.hs-card {
  width: 100%;
  padding: 1rem;
  position: relative;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
  transition: -webkit-transform 300ms ease-out;
  transition: transform 300ms ease-out;
  transition: transform 300ms ease-out, -webkit-transform 300ms ease-out;
  transition-delay: 125ms;
}

.hs-card img {
  box-shadow: 0 13px 40px -12px #000;
  height: auto;
  max-width: 100%;
}

.no-svgforeignobject .hs-card img {
  width: 100%;
}

.hs-card-body {
  position: relative;
}

.hs-card-body .btn {
  position: absolute;
  bottom: 2em;
}

@media (min-width: 577px) {
    .cw-home-top {
      background: url(https://apihoard.webit.com/api/v1/Image/961E867733B4FA769FB2A5381826BC81/961E867733B4FA769FB2A5381826BC81.jpg?size=1920x1440);
      background-size: cover;
      background-position: top center;
      background-repeat: no-repeat;
      padding-top: 24em;
      padding-bottom: 5em;
    }
  }

  
@media (max-width: 576px) {
    .cw-home-top {
      background: url(https://apihoard.webit.com/api/v1/Image/961E867733B4FA769FB2A5381826BC81/961E867733B4FA769FB2A5381826BC81.jpg?size=1920x1440);
      background-size: cover;
      background-position: top center;
      background-repeat: no-repeat;
      padding-top: 5em;
      padding-bottom: 5em;
    }
  }


@media (min-width: 800px) {
  .hs-card-container {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .hs-card {
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
    width: 33.3333%;
  }

  .hs-card-container:hover .hs-card {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  .hs-card:nth-of-type(1) {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
    z-index: 3;
  }

  .hs-card:nth-of-type(2) {
    z-index: 2;
  }

  .hs-card:nth-of-type(3) {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    z-index: 1;
  }

  .hs-card-body .btn {
    display: inline-block;
    opacity: 0;
    bottom: 0;
    transition: opacity 600ms ease-out, bottom 200ms ease-out;
    transition: opacity 600ms ease-out, bottom 200ms ease-out;
    transition: opacity 600ms ease-out, bottom 200ms ease-out;
  }

  .hs-card-container:hover .hs-card .btn,
  .no-svgforeignobject .hs-card-container .hs-card .btn {
    opacity: 1;
    bottom: 2em;
  }

  .no-svgforeignobject .hs-card-container .hs-card,
  .no-svgforeignobject .hs-card:nth-of-type(1),
  .no-svgforeignobject .hs-card:nth-of-type(2),
  .no-svgforeignobject .hs-card:nth-of-type(3) {
    -webkit-transform: none;
    transform: none;
  }
}

/* -------------------- Services ---------------------- */
.cw-servbox-side {
  background: #6c8eaf;
  color: #fff;
  padding: 2em;
}

.cw-servbox-img-text {
  color: #fff;
  text-align: center;
}

.cw-servbox-side-text h1 {
  font-size: 1.75rem;
}

.cw-servbox-img {
  min-height: 320px;
}

.cw-servbox-img.cw-servbox-img-1 {
  background: url(https://apihoard.webit.com/api/v1/Image/A5C1ED468DCE7DFCFE703A6919E74808/A5C1ED468DCE7DFCFE703A6919E74808.jpg?size=Original);
  background-position: 50% 29%;
  background-size: cover;
  box-shadow: inset 0 0 1000px 100px rgba(0, 0, 0, 0.7);
}

.cw-servbox-img.cw-servbox-img-2 {
  background: url(https://apihoard.webit.com/api/v1/Image/0777C75CE5FBCF9EBD76CFAFBD2A0858/0777C75CE5FBCF9EBD76CFAFBD2A0858.jpg?size=1920x1440);
  background-position: 50% 29%;
  background-size: cover;
  box-shadow: inset 0 0 1000px 100px rgba(0, 0, 0, 0.7);
}

@media (min-width: 992px) {
  .cw-servbox-img {
    min-height: 420px;
  }
}

@media (min-width: 1200px) {
  .cw-servbox-img {
    min-height: 520px;
  }
}

@media (min-width: 1600px) {
  .cw-petboard {
    padding-left: 1rem;
  }
  .cw-petday {
    padding-left: 3rem;
  }
}

@media (min-width: 1800px) {
  .cw-petboard {
    padding-left: 4rem;
  }
  .cw-petday {
    padding-left: 6rem;
  }
}

/* home parallax */

.grand-hero {
  /* margin-top: -1px; */
  display: block;
  position: relative;
  overflow: hidden;
  padding-top: 6em;
  padding-bottom: 5em;
  color: #fff;
  background: linear-gradient(
      45deg,
      rgba(0, 43, 95, 0.9),
      rgba(34, 82, 140, 0.8),
      rgba(37, 37, 37, 0.1)
    ),
    url("https://apihoard.webit.com/api/v1/Image/03A4FA5FAE3477181619A0ABB39444AB/03A4FA5FAE3477181619A0ABB39444AB.jpg?size=1920x1440");
  background-attachment: scroll;
  background-size: cover;
  background-position: center;
}

@media (max-width: 567px) {
  .grand-hero {
    text-align: center;
    padding-top: 4em;
    padding-bottom: 3em;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 992px) {
  .grand-hero {
    background-attachment: fixed;
  }
}

.grand-hero .container {
  position: relative;
  z-index: 2;
}

.grand-hero-link {
  color: #fff;
  font-weight: 700;
}

.grand-hero-link:hover {
  color: #ddd;
}

/* Titles */
.grand-scantitle {
  text-transform: uppercase;
  font-size: 0.9rem;
  color: var(--color-theme-highlight);
}

.grand-hero .grand-scantitle {
  color: #ddd;
}

.grand-title {
  word-break: keep-all;
  white-space: pre-wrap;
}

.grand-title-main {
  font-size: 3rem;
  line-height: 1.2;
}

.grand-title-sub {
  font-size: 2.5rem;
  line-height: 1.2;
}

.grand-services-list-title {
  font-size: 1rem;
}

@media (max-width: 767px) {
  .grand-title-main {
    font-size: 2rem;
  }

  .grand-title-sub {
    font-size: 1.9rem;
    line-height: 1.2;
  }
}

/* Backgrounds */
.grand-bg-light {
  background: #eee;
}

.grand-bg-primary {
  background: var(--color-theme-primary);
  color: var(--color-theme-text-btn);
}

/* Custom Footer */

.cw-footer-banner {
  background-color: #4d85c9;
  color: #fff;
}

.cw-footer-banner p {
  font-size: 1.5em;
}

.cw-footer h2 {
  font-size: 1.5em;
}

.cw-footer {
  background-color: #22528c;
  color: #fff;
}

/* hidden footer */

.footer-info-business {
  display: none;
}

.footer {
  padding-top: 0em !important;
  margin-top: -2%;
}

.cw-point-img {
  max-width: 150%;
  height: auto;
  margin-left: -50%;
}
/*-----Services Page -----*/
.cw-services {
    background: #151f26;
    background-image: linear-gradient(45deg,rgba(50,50,50,0.9),rgba(50,50,50,0.1)),url('https://apihoard.webit.com/api/v1/Image/0B3A6348CCAF346BE8C96F7CD4B39702/0B3A6348CCAF346BE8C96F7CD4B39702.jpg?size=1920x1440');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    color: #fff;
    padding-top: 3rem;
    padding-bottom: 2rem;
    text-align: center
}

.cw-services h1 {
    font-size: 2rem;
    font-weight: 500;
    color: #fff;
}
.cw-services h3 {
    color: #fff!important;
}

.cw-services h2 {
    background: #3e3b38;
    position: relative;
    text-align: center;
    padding: 4px;
    border-radius: 1em
}

.services-text {
    background: rgba(0,0,0,.4);
    padding: 3em
}




@media(max-width: 567px) {

    .services-text {
        background: rgba(0,0,0,.4);
        padding: 1em
    }

    .services-text::before {
        height: 86%;
        top: 8%
    }
}


@media(min-width: 768px) {
    .cw-services {
        text-align:left;
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .cw-servicesh1 {
        font-size: 2rem
    }
}

@media(min-width: 992px) {
    .cw-services h1 {
        font-size:2rem
    }
}

@media(min-width: 1200px) {
    .cw-services h1 {
        font-size:2.5rem
    }
}