.bold, strong {
  font-weight: 600 !important;
}

.form-control, .form-select, .tooltip, .popover, .btn, .navigation .nav-link, .pricing .pricing-value {
  font-family: "Monsterrat",Helvetica,Arial,serif !important;
}

.blog-post p {
    letter-spacing: 1px;
    font-weight: 400;
}

.blog-post li {
  letter-spacing: 1px;
  font-weight: 400;
}

.mt-35 {
  margin-top: 1.25rem;
}

.table > tbody > tr {
  vertical-align: middle;
}

.shadow-hover {
  transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
  cursor: pointer;
}

.shadow-hover:hover{
  transform: scale(1.05);
}

small, .small {
  font-size: 0.66em;
}

.navTabsWidthClass {
  flex: 0 0 auto;
  width: 100%;
}

.st-nav .st-dropdown-content-group {
  padding: 3px 35px;
}

.nav-tabs.nav-outlined .nav-link:hover {
  background-color: rgba(var(--bs-gray-light-rgb), var(--bs-bg-opacity))
}

.nav-tabs.nav-outlined .nav-link.active:hover {
  background-color: #7367f0;
}

.nav-process.nav-circle .nav-link:hover:before {
  background-color: rgba(var(--bs-gray-rgb), var(--bs-bg-opacity));
}

.nav-process.nav-circle .nav-item.active .nav-link:before {
  background-color: #7367f0;
}

@media (min-width: 768px) {
  .navTabsWidthClass {
      width: 20%;
  }
  .st-nav .st-dropdown-content-group {
    padding: 20px 35px;
  }

  small, .small {
    font-size: 0.8em;
  }

  .img-resp2 {
    max-width: 75%;
  }
}

.fade {
  transition: opacity 0.3s ease-in-out;
}

div.scrollmenu {
	overflow: auto;
	white-space: nowrap;
}

div.scrollmenu button {
	display: inline-block;
}

.avatar img {
  border-radius: 50%
}

.avatar.avatar-xl img {
  width: 70px;
  height: 70px
}

.subtitle_container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.sentence {
  display: flex;
  align-items: center;
  gap: 0.3em;
}

.rotator {
  overflow: hidden;
  height: 1.2em;
  display: flex;
  align-items: center;
}

.words {
  display: flex;
  flex-direction: column;
  transition: transform 1s;
}

.word {
  height: 1.2em;
  display: flex;
  align-items: center;
  justify-content: flex-start; 
}

/* For desktop screens */
@media (min-width: 768px) {
  .subtitle_container {
    font-size: 1.45em;
  }
}

/* For tablet screens */
@media (max-width: 767px) {
  .integrations-header .container {
    padding-bottom: 0px;
  }
  .subtitle_container {
    font-size: 1em;
  }
}

.why-icon-list:before {
  left: 37px;
  bottom: 75px;
  z-index: 1;
  border: 1px dashed #7367f0;
}

.why-icon-list .list-item {
  margin-bottom: 3rem;
}

/* For mobile screens */
@media (max-width: 480px) {
  .subtitle_container {
    font-size: 0.7em;
  }
}

@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 960px;
  }
}

@media (min-width: 768px) {
  .container, .container-sm, .container-md {
    max-width: 960px;
  }
}

@media (min-width: 992px) {
  .container, .container-sm, .container-md, .container-lg {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1260px;
  }
}

@media (min-width: 1400px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    max-width: 1320px;
  }
}

small.is-invalid {
  margin-top: 0.25rem;
  font-size: 0.875em;
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.st-nav a.btn {
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    color: #ffffff;
    transition: color 0.1s;
}

.st-nav a.btn-outline-primary {
    color: #7367f0;
}

.st-nav a:hover {
    color: #ffffff;
}

.st-nav a.bold:hover {
  color: black;
}

.st-nav .link-title:hover {
  color:black
}

.st-nav .st-nav-section.st-nav-mobile .st-root-link .icon-bar {
    background-color: #7367f0;
}

.st-nav .st-popup-close-button:after, .st-nav .st-popup-close-button:before {
    background: #7367f0;
}

.why-us .shape-background {
    background-color: #7367f0;
}

.font-md-lg {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.typed-cursor {
  font-size: calc(1.5rem + 0.9vw) !important;
}

.integrations-header .bubble {
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1), 0 3px 10px rgba(0, 0, 0, 0.1);
    background-image: url('https://endgrate.nyc3.cdn.digitaloceanspaces.com/spritesheet.png');
    background-repeat: no-repeat;
    background-size: auto;
  }

  .guides-header-xl {
    background-image: url('https://endgrate.nyc3.cdn.digitaloceanspaces.com/new/MarketingBanner.png');
    height: 500px;
  }
  .guides-header-md {
    background-image: url('https://endgrate.nyc3.cdn.digitaloceanspaces.com/new/MarketingBannerMD.png');
    height: 500px;
  }
  .guides-header-sm {
    background-image: url('https://endgrate.nyc3.cdn.digitaloceanspaces.com/new/MarketingBannerVertical.png');
    padding-bottom: 30rem !important;
  }

  .no-webp {
    .integrations-header .bubble {
      background-image: url('https://endgrate.nyc3.cdn.digitaloceanspaces.com/spritesheet.webp');
    }
    .guides-header-xl {
      background-image: url('https://endgrate.nyc3.cdn.digitaloceanspaces.com/new_webp/MarketingBanner.webp');
      height: 500px;
    }
    .guides-header-md {
      background-image: url('https://endgrate.nyc3.cdn.digitaloceanspaces.com/new_webp/MarketingBannerMD.webp');
      height: 500px;
    }
    .guides-header-sm {
      background-image: url('https://endgrate.nyc3.cdn.digitaloceanspaces.com/new_webp/MarketingBannerVertical.webp');
      padding-bottom: 30rem !important;
    }
  }

  .integrations-header .bubble.bubble-1 {
    background-position: -5px -5px;
  }
  
  .integrations-header .bubble.bubble-2 {
    background-position: -315px -5px;
  }
  
  .integrations-header .bubble.bubble-3 {
    background-position: -625px -5px;
  }
  
  .integrations-header .bubble.bubble-4 {
    background-position: -935px -5px;
  }
  
  .integrations-header .bubble.bubble-5 {
    background-position: -1245px -5px;
  }
  
  .integrations-header .bubble.bubble-6 {
    background-position: -1555px -5px;
  }
  
  .integrations-header .bubble.bubble-7 {
    background-position: -5px -315px;
  }
  
  .integrations-header .bubble.bubble-8 {
    background-position: -315px -315px;
  }
  
  .integrations-header .bubble.bubble-9 {
    background-position: -625px -315px;
  }
  
  .integrations-header .bubble.bubble-10 {
    background-position: -935px -315px;
  }
  
  .integrations-header .bubble.bubble-11 {
    background-position: -1245px -315px;
  }
  
  .integrations-header .bubble.bubble-12 {
    background-position: -1555px -315px;
  }
  
  .integrations-header .bubble.bubble-13 {
    background-position: -5px -625px;
  }
  
  .integrations-header .bubble.bubble-14 {
    background-position: -315px -625px;
  }
  
  .integrations-header .bubble.bubble-15 {
    background-position: -625px -625px;
  }
  
  .integrations-header .bubble.bubble-16 {
    background-position: -935px -625px;
  }
  
  .integrations-header .bubble.bubble-17 {
    background-position: -1245px -625px;
  }
  
  .integrations-header .bubble.bubble-18 {
    background-position: -1555px -625px;
  }
  
  .integrations-header .bubble.bubble-19 {
    background-position: -5px -935px;
  }
  
  .integrations-header .bubble.bubble-20 {
    background-position: -315px -935px;
  }
  
  .integrations-header .bubble.bubble-21 {
    background-position: -625px -935px;
  }
  
  .integrations-header .bubble.bubble-22 {
    background-position: -935px -935px;
  }
  
  .integrations-header .bubble.bubble-23 {
    background-position: -1245px -935px;
  }
  
  .integrations-header .bubble.bubble-24 {
    background-position: -1555px -935px;
  }
  
  .integrations-header .bubble.bubble-25 {
    background-position: -5px -1245px;
  }
  
  .integrations-header .bubble.bubble-26 {
    background-position: -315px -1245px;
  }
  
  /* .integrations-header .bubble.bubble-27 {
    background-position: -625px -1245px;
  } */

  .integrations-header .bubble.bubble-27 {
    background-position: -1865px -935px;
  }

  .integrations-header .bubble.bubble-28 {
    background-position: -935px -1245px;
  }
  
  .integrations-header .bubble.bubble-29 {
    background-position: -1245px -1245px;
  }
  
  .integrations-header .bubble.bubble-30 {
    background-position: -1555px -1245px;
  }
  
  .integrations-header .bubble.bubble-31 {
    background-position: -5px -1555px;
  }
  
  .integrations-header .bubble.bubble-32 {
    background-position: -315px -1555px;
  }
  
  .integrations-header .bubble.bubble-33 {
    background-position: -625px -1555px;
  }
  
  .integrations-header .bubble.bubble-34 {
    background-position: -935px -1555px;
  }
  
  .integrations-header .bubble.bubble-35 {
    background-position: -1245px -1555px;
  }
  
  .integrations-header .bubble.bubble-36 {
    background-position: -1555px -1555px;
  }
  
  .integrations-header .bubble.bubble-37 {
    background-position: -1865px -5px;
  }
  
  .integrations-header .bubble.bubble-38 {
    background-position: -1865px -315px;
  }
  
  .integrations-header .bubble.bubble-39 {
    background-position: -1865px -625px;
  }
  
  .integrations-header .bubble.bubble-40 {
    background-position: -1865px -935px;
  }
  
  .integrations-header .bubble.bubble-41 {
    background-position: -1865px -1245px;
  }
  
  .integrations-header .bubble.bubble-42 {
    background-position: -1865px -1555px;
  }