/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************
1. custom overrides
  a. resource hero backgrounds
  b. drop shadow affect
  c. underline links/bold blog jump links
  d. style removing underline for things such as buttons
  c. blockquotes in-line (gradient)
  d. testimonial slick slider gradient/quote adjustment
  d. custom stats
  e. custom fonts
  f. custom hero
  g. comparison/pricing table
2. mega menu updates
3. footer updates
4. resource listing pages
5. newsroom
6. case study post quote sidebar
7. case study post/list
8. blog post/list
  a. sticky sidebar
  b. author box
9. solution environment logos
10. compare overview cards
11. Total cost of ownership calculator
12. General
*****************************************/


/********  when lang switcher removed from page the 
 * old one popped this is emporary fix ****************/

.hhs-lang-switch {
  display: none;
}

/*********************** testing area *****************************/

@media(max-width: 567px)  {
  
/*   .hide-mobile-img .c-2 {
    display: none;
  } */
  
}

.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a.mega {
    font-family: Work Sans !important;
    font-size: 15px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
    text-transform: none !important;
}

body i {
  color: black !important;
}

/************fix menu not appearing in editor **********************/

#main-content {
  z-index: 10;
  position: relative;
}

/*************custom numbers css class = custom-numbers ************/

.custom-numbers li {
  list-style: none; /* Remove default marker */
  position: relative; 
  padding-left: 30px;
}

.custom-numbers ol li:nth-child(1)::before { content: "1"; }
.custom-numbers ol li:nth-child(2)::before { content: "2"; }
.custom-numbers ol li:nth-child(3)::before { content: "3"; }

.custom-numbers ol li::before {
  content: ""; 
  position: absolute;
  left: 0;
  top: 5%;
  /*   transform: translateY(-50%); */
  width: 20px;
  height: 20px;
  border: 1px solid #005be9;
  border-radius: 50%;
  /*   background-color: lightblue; */
  display: flex;
  justify-content: center;
  align-items: center;
  color: #005be9;
}

/******* resource hero backrounds ********/
/* partners, company, products, solutions, industries*, technologies, resources, support, cloudfs, symphony */

.resource-hero-bg {
  background-image: linear-gradient(to bottom right, rgba(253, 159, 212, 1), rgba(0, 91, 233, 1)) !important;
  background-position: left top !important;
  background-size: auto !important;
  background-repeat: no-repeat !important;
}

/******* drop shadow affect ***********/

.main-box-shadow {
  -webkit-box-shadow: 0 0 20px 4px rgba(154, 161, 177, .15);
  -moz-box-shadow: 0 0 20px 4px rgba(154, 161, 177, .15);
  box-shadow: 0 0 20px 4px rgba(154, 161, 177, .15);
}

/******* resouces custom h1 ***********/
.resource-custom h1 {
  font-size: 36px !important;
}

@media(min-width: 768px) {

  /******* add hero-min-height to module ***********/
  /*   .hero-min-height .row {
  min-height: 600px; 
}*/
}

/************** end *******************/

.hamburger-icon .line {
  background: black !important; 
}

.hhs-menu-toggle {
  margin-top: 5px;
}

li::marker {
  color: #005be9;
}

/************************ underline links/bold blog jump links **************************/

/* Exclude blog sidebar jump links */
#dynamic-toc :hover:after {
  width: 0%;
}

.hs-blog-post .nav-link.active a {
  font-weight: bold;
  transition: none !important;
}

.hs-blog-post .nav-link a {
  transition: none !important;
}


/* General link styles */
a { 
  position: relative;
  text-decoration: none;
  color: #005be9;
  padding-bottom: 2px;
}

a::after { /* Underline styles */ 
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: #005be9;
  transition: width .3s ease-in-out;
}

/* Styles for TEXT links ONLY (excluding images, buttons, and .cta_button) */
a:not([href*=""], :has(> img), :has(> button), .cta_button, .blog-index__post-button) {
  position: relative; /* Needed for positioning the ::after */
}

a:not([href*=""], :has(> img), :has(> button), .cta_button, .button, .blog-index__post-tag, .blog-pagination__link.blog-pagination__next-link, .blog-post__tag-link, .button-container a, .c-cta-con a, .tab a, .patents-title a, .jump-link a):hover::after, .c-cta-con a:hover::after {
  width: 100%;
}

/* Exclude links where the PARENT has the **** class */
.c-cta-con a::after,
.button-container a::after { /* Target the ::after of <a> inside .c-cta-con */
  content: ""; /* Needed for pseudo element to work */
}

.c-cta-con a:hover::after,
.button-container a:hover::after,
.cta-button a::after,
.error-page a:hover::after,
.cta-secondary a:hover::after {
  width: 0 !important; /* Remove the underline on hover */
}

/************ custom hero ************/

.hero-img-no-pad .c-col.c-2 {
  padding-right: 0px;
}

.hero-img-no-pad .container-fluid {
  padding-right: 0px;
}

/************ custom stats ************/

.custom-stat {
  display: block;
  font-size: 55px;
  font-weight: 700;
  line-height: 1em;
  letter-spacing: 0;
  padding-bottom: 20px;
  background: linear-gradient(to top left, #005be9, #fd9ed5);
  background-clip: text !important;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 100%, 100%;
}

.custom-stat-row .c-content-con p:first-of-type {
  margin-bottom: .1rem;
}

/************ custom hero ************/

.clean-base.hero-img-no-pad {
  background-repeat: no-repeat;
  /*   background-size: unset; */
  background-color: #f2f2f2;
}

/*********** comparison/pricing table **************/

#hs_cos_wrapper_widget_1755098714627 .tick i.fa-times {
    color: #CC0201 !important;
}

#hs_cos_wrapper_widget_1755098714627 .tick i.fa-check {
    color: #69A84F !important;
}

/* left align text certain modules & hide feature row  */
#hs_cos_wrapper_widget_1755106493047 .hhs-price-compare-mod td+td {
  text-align: left;
  vertical-align: top;
}

#hs_cos_wrapper_widget_1755106493047 tbody tr:first-child {
  display: none !important;
}

/****************************** mega menu updates ***********************************/

#hhs-main-nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a {
  color: black !important;
}

.hhs-top-bar.hhs-alt-nav {
  background: white !important;
}

.mega-menu .mega-text-con p {
  margin-bottom: 0rem;
}

.mega-menu .row {
  margin-top: -25px;
  background: white;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

.mega-menu {
  box-shadow: unset !important;
  transition-delay: 0ms !important;
  transition: opacity .0s ease-in-out, max-height .0s ease-in-out, padding 0s ease-in-out !important;
}

.mega-menu .col-4,
.mega-menu .col-6 {
  padding: 40px 40px 0px 40px;
}

.mega-menu-5 .col-6 {
  padding-bottom: 20px;
}

.mega-menu-2 .col-6,
.mega-menu-4 .col-4 {
  padding-bottom: 40px;
}

.mega-menu .row .col-4:first-child,
.mega-menu .row .col-6:first-child {
  background-color: #f2f2f2;
}

.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal .mega-menu ul li {
  margin-left: 0px !important;
}

.mega-menu-1 .col-4:nth-child(2),
.mega-menu-1 .col-4:nth-child(3),
.mega-menu-3 .col-4:nth-child(2) {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.mega-menu-1 .hs-menu-item.hs-menu-depth-1 {
  margin-left: 0px !important;
}

.mega-menu-1 .mega-nav-con,
.mega-menu-3 .mega-nav-con,
.mega-menu-4 .mega-nav-con,
.mega-menu-5 .mega-nav-con {
  border-top: 2px solid #E0E0E0;
}

@media (min-width: 1200px) {
  .container.hhs-nav-grid {
    max-width: 1640px;
  }

  .mega-menu-2 .container,
  .mega-menu-5 .container {
    max-width: 820px;
  }
}

.mega-menu-3 .col-5 {
  display: none;
} 

.mega-menu-3 .col-7 {
  max-width: 100%;
  flex: unset;
} 

.mega-menu-4 .col-5 {
  display: none;
} 

.mega-menu-4 .col-7 {
  max-width: 100%;
  flex: unset;
} 

.mega-menu-5 .col-5 {
  display: none;
} 

.mega-menu-5 .col-7 {
  max-width: 100%; 
  flex: unset;
} 

.hhs-lang-switch {
  order: 3;
}

.desktop-icons-container {
  order: 2;
}

.top-bar-search {
  order: 1;
}

.hhs-extras-ctas {
  order: 4;
}

.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a {
 font-weight: 600 !important; 
}

.results-full .hs-search-results__title:hover {
    color: black !important;
}


/************ extra menu and icons  *******************/

.hhs-nav-grid__extras {
  align-items: center;
}

.header-icon-contain {
  display: flex;
  align-items: center;
  /*   margin-right: 20px; */
}

.header-icon-contain .icon-one {
  max-width: 40px;
  height: auto;
}

.header-icon-contain .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
  font-weight: 400;
}

.hhs-extras-ctas {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: -10px;
}

.hhs-top-bar .hs-search-field__bar .hs-search-field__input {
  height: 50%;
}

.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
  background-color: white;
  padding: 20px;
}

#hhs-main-nav .hs-search-field { 
  display: flex;
  align-items: center;
}

#hhs-main-nav .hs-search-field.is-open .hs-search-field__bar {
  height: 40px;
}

.hhs-top-bar .hs-search-field__bar .hs-search-field__input,
.hhs-side-menu__controls .hs-search-field input {
  border: 1px solid #B9BFC7 !important;
  border-radius: 25px !important;
  height: 30px;
  z-index: 99999 !important;
}

.hs-search-field__bar input::placeholder {
  color: #B9BFC7; 
}

.top-bar-search svg {
  width: 40px !important;
  height: 40px !important;
}

.top-bar-search {
  margin-right: 0px !important;
}

.globe_class svg {
  height: 40px;
  width: 40px;
}

.globe_class {
  height: 40px !important;
  width: 40px !important;
}

.lang_list_class {
  top: 46px !important;
}

/******************** mobile menu ***********************/

.hamburger-icon .line {
  height: 1px !important;
}

.hhs-menu-toggle {
  margin-top: 0px;
}


.hhs-side-menu__ctas {
  padding: 1em 2em 0em !important;
}

.mobile-icons-container .header-icon-contain {
  justify-content: end;
}

.hhs-side-menu__controls .hhs-lang-switch .lang_switcher_class {
  padding: 0 !important;
}

.hhs-lang-switch .lang_switcher_class {
  padding: 7px 5px !important;
}

@media (max-width: 1249px) {
  .main-nav .sc-site-header__menu {
    display: none;
  }

  .hhs-extras-ctas, .hhs-extras-ctas .hhs-head-cta-1 {
    display: none;
  }

  .hhs-menu-toggle {
    display: block !important;
  }

  .hhs-side-menu__ctas .hhs-side-cta-1 {
    display: inline-block !important;
  }

  .hhs-side-menu .top-bar-search {
    z-index: 9999; 
  }

  .hhs-lang-switch {
    order: 3;
  }

  .desktop-icons-container {
    order: 2;
  }

  .top-bar-search {
    order: 1;
  }

  .hhs-menu-toggle {
    order: 4;
  }
}

@media (min-width: 1250px) {
  .hs-search-field.is-open .hs-search-field__bar {
    width: 25vw !important;
    max-width: 25vw !important;
    left: -25vw !important;
  }
}

@media (min-width: 1200px) {

  .hhs-side-menu__mobile {
    display: none !important;
  }
}

@media (min-width: 850px) {

  .hhs-side-menu__mobile {
    display: inline-block !important;
  }
}

@media(max-width: 567px) {

  .hhs-menu-button {
    margin-top:5px !important;
  }
}

@media(max-width: 509px) {

  .hhs-menu-button.active {
    margin-top:-5px !important;
  }

  .hhs-side-menu__controls {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 50px;
  }

  .hhs-lang-switch {
    z-index: 999999;
  }

  .hhs-side-menu__mobile-controls .hhs-lang-switch {
    right: 65px !important;
    top: 54px !important; 
  }

  .hhs-side-menu__mobile-controls .top-bar-search  {
    right: 7px !important;
    top: 50px !important;
  }

  .hhs-side-menu.is-open .hhs-menu-toggle {
    right: 0;
    position: absolute;
  }

  /*   .hhs-side-menu .hhs-lang-switch .lang_list_class {
  top: 46px !important;
} */

  .hhs-side-menu__controls .hs-search-field.is-open .hs-search-field__bar {
    top: 30px !important;
  }

  .hhs-side-menu__ctas {
    padding: 0em 2em 0em !important;
  }
}

.header-icon-contain .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
  left: unset;
  right: 0;
}

/******************* blockquotes in-line **********************/
/* add this to the quoteblock in the source code
of the editor class="gradient-bottom" */

.gradient-bottom {
  position: relative;
}

.gradient-bottom::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
  background: linear-gradient(90deg, rgba(0,91,233,1) 0%, rgba(253,159,212,1) 50%, rgba(255,203,5,1) 100%);
  border-bottom-left-radius: 25px; /* Apply border radius to the bottom corners of the gradient */
  border-bottom-right-radius: 25px;
}

blockquote {
  background: #f2f2f2;
  border-radius: 25px;
  padding: 30px 30px 40px 30px;
}

/******************* testimonial slick slider gradient/icon adjustment **********************/

.custom-testimonial-grad .c-slide-inner-3 {
  position: relative;
}

.custom-testimonial-grad .c-quote-3::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
  background: linear-gradient(90deg, rgba(0,91,233,1) 0%, rgba(253,159,212,1) 50%, rgba(255,203,5,1) 100%);
  border-bottom-left-radius: 5px; 
  border-bottom-right-radius: 5px;
}

.custom-testimonial-grad .c-quote-icon-3 {
  top: 0px !important;
  margin-top: 10px;
  width: 50px !important;
  height: 50px !important;
  margin-left: -10px;
}


/************************************* footer updates ****************************************/

.hhs-foot-nav-col h5 {
  font-size: 14px;
  color: #000000;
  margin-bottom: 20px !important;
}

/* .hhs-foot-nav-col .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
line-height: 2;
} */

.hhs-foot-nav-col .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 {
  margin-bottom: 0px !important;
}

.footer__container .col-lg-3 h5 {
  font-size: 14px !important;
  text-transform: uppercase !important;
  font-weight: bolder;
}

#hs_cos_wrapper_global_footer .nav-col-4 ul,
#hs_cos_wrapper_global_footer .nav-col-4 ul ul {
  padding-left: 0px !important;
}

/******************************************** resource page ********************************/

.resource-main-container {
  display: flex;
  justify-content: center;
  margin-top: 60px;
  margin-bottom: 60px;
}

.resources-hero  {
  padding-top: 130px;
}

@media(max-width: 991px) {

  .resources-hero {
    padding-top: 50px !important;
  }

  .resources-hero .col-lg-12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

.resource-contain #resource-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

.box-contain {
  max-width: 370px;
  border-radius: 5px;
  padding: 15px 15px 35px;
  position: relative;
}

.hero-buttons {
  justify-content: center;
}

.box-contain button {
  background: #f3f3f3;
  border-radius: 15px;
  font-size: .775rem;
  padding: 5px 10px;
  text-decoration: none !important;
  border: none;
  margin-bottom: 10px;
}

.resource-card-title,
.resource-card-cta {
  padding-top: 20px;
}

.resource-main-container h2 {
  font-size: 18px !important;
}

.resource-card-cta p {
  color: #005be9;
}

.resource-button button {
  cursor: pointer;
}

/******************************************** newsroom page ********************************/

.newsroom-hero  {
  padding-top: 130px;
  background-color: #f2f2f2;
  background-image: url(https://7475627.fs1.hubspotusercontent-na1.net/hubfs/7475627/panzura_website_2025/headers/header-pink.png);
}

@media(max-width: 991px) {

  .newsroom-hero {
    padding-top: 50px !important;
  }

  .newsroom-hero .col-lg-12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

.newsroom-main-container {
  padding: 0px 0 60px;
}

.newsroom-main-container h2 {
  font-size: 18px !important;
}

.newsroom-main-container .publish-date p {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 0px;
  padding-bottom: 5px;
  color: #B9BFC7;
}

.newsroom-box {
  /*   border-radius: 5px; */
  padding: 40px 15px 30px;;
  position: relative; 
}

.newsroom-box::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #fd9fd4, #005be9);
}

/*******************case study post quote sidebar *******************/

#case-study-post .row {
  justify-content: center;
}

.cs-main-contain {
  width: 335px;
  background-color: #f2f2f2;
  position: sticky;
  top: 20px;
  height: auto;
  padding: 20px;
  border-radius: 25px;
  position: relative;
  margin-bottom: 40px;
}

.cs-main-contain .cs-icon svg {
  fill: #005be9;
  height: 40px;
  width: auto;
  padding-bottom: 10px;
}

.cs-main-contain::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
  background: linear-gradient(90deg, rgba(0, 91, 233, 1) 0%, rgba(253, 159, 212, 1) 50%, rgba(255, 203, 5, 1) 100%);
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.cs-main-contain .quote-txt p {
  margin-bottom: 10px;
}

.cs-main-contain .name p {
  /*   color: #b9bfc7; */
  font-size: 15px;
}

.cs-main-contain .solutions-contain p {
  margin-bottom: 5px;
}

.cs-main-contain .solutions-txt {
  display: flex;
}

.cs-main-contain .solution {
  display: flex;
  flex: 0 50%;
}

.cs-main-contain .contact-sales p {
  font-size: 15px;
  color: #005be9;
  font-weight: 700;
}

/* #case-study-post .blog-post {
display: flex;
flex-direction: row-reverse;
} */

/***** make it sticky *****/

.case-studies-sidebar {
  margin: 0px 20px 0 45px; 
  position: sticky !important;
  top: 20px;
  height: auto;
  transition: padding .8s ease;
}

.case-studies-sidebar.scrolled {
  padding-top: 0;
}

.case-studies-sidebar.scrolled.padded {
  padding-top: 400px;
}

@media(max-width: 1229px) {

  .cs-main-contain {
    width: 100%;
  }

  .key-feat-challenges {
    width: 100%;
  }

  .case-studies-sidebar {
    margin: 0 15px;
  }

  .blog-post__body {
    flex: unset;
    max-width: 100%;
  }
}

@media(max-width: 991px) {

  .case-studies-hero {
    padding-bottom: 50px;
    flex-direction: column;
  }

  .case-studies-inner {
    max-width: 100% !important;
    padding-bottom: 25px;
  }

  .case-studies-main-cont .case-studies-txt {
    padding: 0px;
  }

  .case-studies-content {
    flex-direction: column;
  }

  .case-studies-sidebar {
    position: unset;
    margin: 0 0px 50px 0px;

  }

  .case-studies-sidebar.scrolled.padded {
    padding-top: 0px;
    width: 100%;
  }

  .cs-main-contain {
    width: 100% !important;
  }
}

/************************************ case study post/list ****************************/

#case-study-post .blog-post__meta {
  display: none;
}

#case-study-post .blog-post__title {
  padding-bottom: 15px;
}

#case-study-post .blog-post .sticky-sidebar {
  display: none;
}

.hhs-blog-card-inner {
  -webkit-box-shadow: 0 0 20px 4px rgba(154, 161, 177, .15);
  -moz-box-shadow: 0 0 20px 4px rgba(154, 161, 177, .15);
  box-shadow: 0 0 20px 4px rgba(154, 161, 177, .15);
  border-radius: 5px;
}

.blog-index__post--small .blog-index__post-image {
  padding: 15px;
}

/* .hhs-blog-grid-cards.post-page {
margin-bottom: 60px !important;
} */

.hhs-blog-card-inner {
  display: flex;
  flex-direction: column;
}

.blog-index__post-content.blog-index__post-content--small {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.blog-index__post-tags {
  margin-top: auto;
}

/************************************ blog post/list ****************************/

.hhs-blog-grid-cards {
  padding-bottom: 100px !important;
}

a.blog-index__post-button {
  position: absolute !important;
}

.blog-index__post:hover {
  transform: unset;
}

.post-page-full .blog-header-full {
  padding-top: 50px;
}

/* #hs_cos_wrapper_dnd_area-module-2 .hero-panzura-blog {
background-color: white !important;
background-image: unset !important;
} */

select.post__category-selector {
  background-color: #005be9;
  border-radius: 25px;
  padding-left: 22px !important;
  color: white;
  border-right: 15px solid transparent;
  max-width: 160px;
}

.hhs-blog-grid-cards .blog-pagination__number-link:hover, 
.hhs-blog-grid-cards .blog-pagination__number-link:focus {
  border: 2px solid #005be9 !important;
  background-color: #005be9 !important;
}

.hhs-blog-grid-cards .blog-pagination__link--active {
  border: 2px solid #005be9 !important;
  color: white;

}

/* Select the parent and hide */
/* .hs-blog-post span:has(a.blog-index__post-author-name) {
  font-size: 0;
} */

/* Reset the font size visible again */
.hs-blog-post a.blog-index__post-author-name {
  font-size: 14px; 
}

.hs-blog-social-share .IN-e146f606-483d-4824-a598-79a778fddfb4-1G9ISYhSF8XoOmdcl0yKDu {
  background-color: black !important;
}

.hs-blog-social-share .IN-e146f606-483d-4824-a598-79a778fddfb4-1G9ISYhSF8XoOmdcl0yKDu:not(:disabled):not(.IN-e146f606-483d-4824-a598-79a778fddfb4-1zhzkayakwEXovVYUbq5Gy):hover {
  background-color: black !important;
}

._89n_ {
  background: black !important;
}

.blog-header__author-social-links a {
  background-color: unset;
  border-radius: unset;
}

.blog-header__author-social-links a:hover {
  background-color: unset;
}

.blog-index__post--large h4.card_post_title a,
.blog-index__post-content--small h4.card_post_title a {
    color: #191919 !important;
}

.blog-index__post--large .blog-index__post-content {
    padding: 2rem 1rem 2.5rem 2rem !important;
}


/************* sticky sidebar  ***************/

.left-column {
  background-color: rgba(255, 255, 255, 1.0);
  padding: 15px;
  max-width: 300px;
}

.left-column ul {
  list-style: none;
  padding-left: 0px;
}

.left-column a {
  color: rgba(68, 68, 68, 1.0);
  font-size: 16px;
  font-weight: normal;
}

.table-of-contents {
  display: none;
}

@media(min-width: 768px) {
  .sticky-sidebar .left-column {
    position: -webkit-sticky;
    position: sticky;
    top: 118px;
  }
}

/******** end sticky sidebar *********/

@media(min-width: 922px) {

  .filter__header {
    justify-content: center;
  }

  .filter__header .column--4 {
    margin-right: 0px;
  }
}

@media(max-width: 991px) {

  .blog-index__post-image--large img {
    position: relative;
    padding: 15px 15px 0;
  }

  .dnd-blog-listing .blog-index__post--large.pull-up-card {
    margin-top: -50px !important;
  }
}

@media(max-width: 767) {

  .post-page-full .blog-header-full {
    padding-top: 0px;
  }

  .post-header .blog-header__inner {
    padding-top: 20px !important;
  }
}

@media(max-width: 575px) {
  .post-header .blog-header__inner {
    padding-top: 20px;
  }

  /*   #hs_cos_wrapper_dnd_area-module-2 .hhs-hero-mod {
  padding-bottom: 100px !important;
} */

  .filter__header {
    margin-bottom: 16px;
    margin-top: 25px;
    padding: 1rem 1rem 1rem 0rem;
  }
}


/******** custom fonts **********/

.card_post_title {
  line-height: .9em;
}


.blog-post h2 {
  font-size: 35px;
  margin-top: 25px;
}

.blog-post h3 {
  font-size: 25px;
}

.left-column p {
  font-weight: 700;
  /*   font-size: 17px; */
}

@media (max-width: 992px) {

  .blog-post h2 {
    font-size: 33px;
  }

  .blog-post h3 {
    font-size: 23px;
  }
}


/********* author box ***********/

.about-author-box {
  display: flex;
  align-items: center;
  padding-bottom: 15px;
}

.about-author-box img {
  border-radius: 50%;
}

.hs-author-social-links a.hs-author-social-link-custom {
  display: inline;
}

.about-author-box .hs-author-social-links a.hs-author-social-link-custom img {
  display: inline;
  border-radius: unset;
  border-radius: unset;
  width: 15px;
  height: auto;
}

@media( max-width: 767px) {

  .about-author-box {
    flex-direction: column;
    align-items: flex-start;
  }

  .about-author-box img {
    margin: 15px 0;
  }
}

/************************************ solution logos **********************/
.cloud-storage-logo .c-col-inner {
  height: 100px !important;
  width: auto;
}

.on-premises-storage-logo .c-col-inner {
  height: 100px !important;
  width: auto;
}

.on-premises-storage-logo-3-col .c-col-inner {
  height: 100px !important;
  width: auto;
}

.virtual-environments-logo .c-col-inner {
  height: 100px !important;
  width: auto;
}

.manufacturing-logos.hide-3rd-logo .c-col:nth-child(3) {
  display: none;
}

@media(max-width: 991px) {

  .manufacturing-logos .c-col-inner {
    height: 150px !important;
    width: auto;
  }

  .media-entert-logos .c-col-inner {
    height: 150px !important;
    width: auto;
  }
}


@media(max-width: 767px) {

  .cloud-storage-logo .row {
    padding-bottom: 0 !important;
    margin-bottom: -35px;
  }

  .cloud-storage-logo .c-col-inner {
    height: 100px !important;
  }

  .on-premises-storage-logo .c-col-inner {
    height: 100px !important;
  }

  .on-premises-storage-logo-3-col .c-col-inner {
    height: 100px !important;
  }

  .on-premises-storage-logo-3-col .c-5 {
    display: none;
  }

  .virtual-environments-logo .c-col-inner {
    height: 100px !important;
  }

  .clean-base.virtual-environments-txt .c-1 {
    margin-bottom: 55px !important;
    margin-top: 20px;
  }

  .clean-base.environments-integrations .row {
    padding-top: 20px !important;
    padding-bottom: 50px !important;
    margin-top: 0px !important;
  }

  .virtual-environments-logo.hide-all-but-first [class^="c-col"]:not(:first-of-type) {
    display: none;
  }

  .hide-5th-logo .c-col:nth-child(5) {
    display: none;
  }

  .virtual-environments-logo .c-1 {
    display: block;
  }


  /***** reverse column ******/

  .hs-content-id-187795671827 .row-number-3 .row-fluid,
  .hs-content-id-187957918093 .row-number-3 .row-fluid,
  .hs-content-id-187957919528 .row-number-3 .row-fluid,
  .hs-content-id-187957920605 .row-number-3 .row-fluid,
  .hs-content-id-187957921794 .row-number-3 .row-fluid {
    display: flex;
    flex-direction: column-reverse;
  }
}

@media(min-width: 767px) and (max-width: 991px) {

  .top-padding-50 {
    padding-top: 50px;
  }
}


@media(max-width: 575px) {

  .cloud-storage-logo .row {
    padding-bottom: 0px !important;
  }

  .clean-base.virtual-environments-txt .c-1 {
    margin-bottom: 90px !important;
    margin-top: 0px !important;
  }

  .on-premises-storage-logo-3-col .row {
    padding-top: 30px !important;
  }
}

/************************ compare overview cards  ***********************/

.compare-overview .c-col .c-col-inner::after { 
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, rgba(0,91,233,1) 0%, rgba(253,159,212,1) 50%, rgba(255,203,5,1) 100%);
  /*   border-bottom-left-radius: 25px; 
  border-bottom-right-radius: 25px; */
}

.compare-overview .c-in-1,
.compare-overview .c-in-2 {
  /*     background-color: #ffcb05; */
  /*   background-color: #f2f2f2; */
  /*   background-color: #fd9fd4; */
}

.compare-overview .c-in-1 {
  padding: 30px 0 10px;
}

#hs_cos_wrapper_widget_1742830717172 .clean-base .c-2 .c-col-inner::after {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  width: 400px;
  height: 100vh;
  z-index: -1;
}



/******************************** Total cost of ownership calculator ********************/


.tco-iframe-container { position: relative; width: 100%; overflow: hidden; }
#vroi { 
  width: 100%; 
  min-height: 400px; 
  height: 70vh; 
  border: none; 
}

@media (max-width: 768px) { 
  #vroi { 
    min-height: 300px; 
    height: 60vh; 
  } 
  #vroi .custom_container {
    padding-bottom: 0px !important;
  }
}
@media (max-width: 480px) { 
  #vroi { 
    min-height: 250px; 
    height: 50vh; 
  }

/************************************ General ************************************/

button:hover {
  cursor: pointer;
}

.egnyte-matrix-download {
  display: flex;
  gap: 15px;
}

.cta-five {
  border: none;
}

#hs_cos_wrapper_module_17425083477493 .clean-base .c-2 {
  display: flex;
  align-items: flex-end;
}

.hhs-logo-mod .container {
  max-width: 100%;
}

.scrolling-logos.slick-slider .logo-item img {
  max-height: 80px;
  width: auto;
}

.custom-numbers .number-container {
  position: relative;
  padding-left: 65px;
}

.custom-numbers .number-val {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  border-radius: 100%;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 21px;
  font-weight: bold;
}

.solutions-custom-header {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.solutions-custom-header p {
  max-width: 525px;
}

.solutions-hide-4th-cent .c-4 {
  display: none;
}

.solutions-hide-4th-cent .row {
  justify-content: center;
}

.manufacturing-solutions .c-col:nth-child(3) {
  display: none;
}

.homepage-logos .c-col-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.solut-logos-updates .c-col-inner {
  height: 190px !important;
  width: 190px;
}

.solut-logos-updates .c-col {
  max-width: unset;
  padding-bottom: 30px;
  width: unset;
}

.solut-logos-updates .row {
  justify-content: center;
}

.compare-nasuni .c-col figure  {
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

.careers-icon .c-2 img {
  rotate: -50deg;
}

.hhs-accordion-1 a.accordion-title:after {
  background-color: unset;
  bottom: 0;
  content: "";
  height: 12px;
  Width: 12px !important;
  left: unset;
}

.careers-accordian .row {
  align-items: center;
}

.hs-content-id-186077844749 .logo-container .logo-block {
  border: none;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 20px 4px rgba(154, 161, 177, 0.15);
  box-shadow: 0px 0px 20px 4px rgba(154, 161, 177, 0.15);
  /*   max-height: 250px; */
  height: 150px;
  width: 150px;
}

.hs-content-id-186077844749 .logo-container .logo-block img {
  max-height: 100px !important;
  max-width: 130px !important;
}

.hs-content-id-186077844749 .logo-container {
  max-width: 1240px;
  margin-right: auto;
  margin-left: auto;
}

.hs-content-id-186077844749 .partner-jump-links .c-justify-left {
  float: left;
  width: unset;
}

.hs-content-id-191211775098 #hs_cos_wrapper_widget_1749679559405 .awards-padding {
  padding-bottom: 120px;
}

.three-col-txt-left .c-col-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.custom-cta-partners .cta-secondary {
  border: 1px solid white;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  color: white !important;
}

.hs-content-id-191557715103 #hs_cos_wrapper_widget_1750084880855 .clean-base .c-2 .c-col-inner {
  height: 93% !important;
}

.hs-content-id-191502735651 #hs_cos_wrapper_widget_1750084880855 .clean-base .c-3 .c-col-inner {
  height: 85.5% !important;
}

.itcs-widgetj--branding a::after {
  content: unset;
  position: unset;
  /*   left: 0;
  bottom: 0;
  width: 0;
  height: 1px; */
  background-color: unset;
  transition: unset;
}

#hs_cos_wrapper_widget_1751288386628 .author-profile {
  padding-top: 30px;
  padding-bottom: 120px;
}


@media(max-width: 991px) {

  #hs_cos_wrapper_widget_1742737659647 .c-2 .c-in-1 {
    margin-bottom: 30px !important;
  }

  .solut-logos-updates .c-col-inner {
    height: 170px !important;
    width: 170px;
  }

  #hs_cos_wrapper_widget_1750084880855 .c-2 .c-in-1 {
    margin-bottom: 25px;
  }
}

@media(min-width: 1091px) {

  .hybrid-cloud-core .col-lg-6 {
    width: 250px;
    height: 250px;
    max-width: unset;
    max-height: unset;
    flex: none;
  } 
}

@media(max-width: 1091px) {

  .compare-nasuni .row  {
    flex-direction: column;
  }

  .compare-nasuni .c-col  {
    max-width: 100%;
  }
}

@media(min-width: 575px) and (max-width: 767px) {

  .virt-environ-txt-migration {
    margin-bottom: -25px !important;
  }

  .virt-environ-txt-resilience {
    margin-top: 40px;
    margin-bottom: -85px;
  }

  .virt-environ-txt-collaboration {
    margin-top: 70px;
    margin-bottom: -45px;
  }

  #virt-environ-txt-compliance .container .row {
    padding-bottom: 0px !important;
  }

  .on-premises-storage-txt {
    margin-top: 60px;
    margin-bottom: 20px;
  }

  .on-premises-storage-logo-3-col {
    margin-top: -70px;
  }

}

@media(max-width: 767px) {

  .healthcare-reverse-img .row {
    flex-direction: column-reverse;
  }

  .data-servc-col-reverse .row {
    flex-direction: column-reverse;
  }

  .media-entert-col-reverse .row {
    flex-direction: column-reverse;
  }

  .solut-logos-updates .c-col-inner {
    margin-left: auto;
    margin-right: auto;
  }

  .solut-logos-updates.manuf-pad-fix .row {
    padding-top: 30px !important;
  }

  .solut-logos-updates.entertainers-pad-fix .row {
    margin-top: -170px;
  }

  .virtual-environments-txt.metadata-harv .c-1 {
    margin-bottom: -20px !important;
  }

  .virtual-environments-txt.nas-consol .row {
    padding-bottom: 0px !important;
    padding-top: 40px !important;
    margin-bottom: -20px;
  }

  #logo-box-mobile .c-col .c-col-inner {
    max-width: 150px;
    max-height: 150px;
    margin-right: auto;
    margin-left: auto;
  }

  #logo-box-mobile .row .c-col  {
    flex: 0 0 100%;
    max-width: 49%;
  }

  #logo-box-mobile .row {
    justify-content: center
  }

  .hs-content-id-191211775098 #hs_cos_wrapper_widget_1749679559405 .awards-padding {
    padding-bottom: 60px;
  }

  #tns1 {
    transform: unset;
  }
}

@media(max-width: 575px)  {

  .clean-base.hero-img-no-pad {
    background-image: unset !important;
  }

  .solut-logos-updates .c-col-inner {
    height: 140px !important;
    width: 140px;
  }

  .solut-logos-updates.entertainers-pad-fix .row {
    margin-top: -85px;
  }

  .virtual-environments-txt.metadata-harv .c-1 {
    margin-bottom: 10px !important;
  }


  .virtual-environments-txt.nas-consol .row {
    padding-top: 20px !important;
    margin-bottom: -60px;
  }

  #hs_cos_wrapper_widget_1751288386628 .author-profile {
    padding-top: 30px;
    padding-bottom: 60px;
  }

}