/* ******************************************************************************
*********************************************************************************
Use this file to override any of the CSS styles preset in the themed
stylesheets or you can add your own custom styles.
*********************************************************************************
****************************************************************************** */

/* Test */











/***************  CUSTOM FM26 THEME OVERRIDE *******************/
.hs-blog-listing, .hs-blog-post
{
    background-color: #02162a !important;
}
.a {
    color: #fff;
}
body {
  background-color: #02162a !important;
}
strong {
    color: white;
}
.hs-form label
 {
    color: #fff !important;
}
.banner-area .banner-title-content h1 {
    color: #ffffff !important;
}

.mobile-toggle i {
        color: #fff;
    }
.navigation-primary ul.submenu.level-1>li>a {
  color: #ffffff;
 }
h1 {
    line-height: 0.6;
}
h1, h2, h3, h4, h5, h6 {
    color: #fff !important;
}

.header_container_inner {
    border: 0px solid #ffffff;
    border-radius: 20px;
    padding: 43px;
    background-color: transparent;
    background-image: linear-gradient(90deg, #020913D9 0%, #1B2E47D9 100%);
}
header.header {
    background-color: rgba(2, 22, 42, 1.0);
    background-image: aqua;
    background-image: url(https://dev.federatedmedia.com/wp-content/uploads/2025/12/header-bg-2.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.page-center, .dnd-section > .row-fluid, .footer_container, .header_container, .content-wrapper.blog_new, .post_wrapper, .content-wrapper.blog_post_new {
        max-width: 1320px;
    }

header
.hs-blog-post .header.header {
    min-height: 80px;
}
.header_container {
        max-width: 1173px !important;
    }
.hs-blog-post .header_wrapper
 {
    min-height: 118px;
}
.dnd_area-row-1-vertical-alignment > .row-fluid {
        display: -ms-flexbox !important;
        -ms-flex-direction: row;
        display: flex !important;
        flex-direction: row;
        /*background-color: #02162ac7;*/
        padding: 30px 30px 30px 30px;
        /*border-style: solid;
        border-width: 1px;
        border-color: #629FFF;
        border-radius: 20px 20px 20px 20px;
        backdrop-filter: blur(9px) saturate(180%);
        -webkit-backdrop-filter: blur(9px) saturate(180%);
        transition: backdrop-filter 0.3s ease, -webkit-backdrop-filter 0.3s ease;*/
    }
.dnd-section>.row-fluid {
    padding-left: 15px;
    padding-right: 15px;
    /*box-shadow: 0 2px 15px 0px rgb(0 0 0 / 15%);*/
    padding: 15px;
    background: none;
    padding: 30px 30px 30px 30px;
    /*border-style: solid;
    border-width: 1px;
    border-color: #629FFF;*/
    /*border-radius: 20px 20px 20px 20px;
    backdrop-filter: blur(9px) saturate(180%);
    -webkit-backdrop-filter: blur(9px) saturate(180%);
    transition: backdrop-filter 0.3s ease, -webkit-backdrop-filter 0.3s ease;*/
}
.hs-blog-post
 {
    background-color: #02162a !important;
}
.banner h1 {
    color: #ffffff;
}
.blog_new .blog-index {
    background-color: #02162a;
}
.blog-sidebar ul {
    list-style: disc;
    border-radius: 5px;
    background: #02162a;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #629FFF;
    padding: 25px;
}

.blog-sidebar h3 {
    color: #ffffff;
}





.dnd-section > .row-fluid {
	max-width: 1200px;
}

.dnd-section {
	padding-bottom: 40px;
	padding-top: 40px;
}

.body-container__homepage .dnd-section:nth-child(odd) {
	background-color: #F8FAFC;
}
.page-center {
	max-width: 1200px;
}




html {
	font-size: 14;
}

body {
	color: #FFFFFF;
	font-family: Open Sans;
  font-weight: 400;
	font-size: 14px;
  background-color: #02162a;
}


p {
 font-size: 14px;
}

a {
	font-family: Open Sans;
	color: #0098FF;
	cursor: pointer;
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	transition: all 0.15s linear;
}

a:hover,
a:focus {
	 color: rgba(0, 177, 227, 1.0);
  
}

a:active {
	color: rgba(42, 152, 255, 1.0);
}

h1 {
	color: #FFFFFF;
	font-family: Russo One;
	font-size: 65px;
	font-weight: 700;
  line-height: 1.05 !important;
}

@media(max-width: 767px) {
	h1 {
		font-size: 55.25px;
	}
}

h2 {
	color: #0079c1;
	font-family: Russo One;
	font-size: 30px;
	font-weight: 700;
}

@media(max-width: 767px) {
	h2 {
		font-size: 25.5px;
	}
}

h3 {
	color: #ffffff;
	font-family: Russo One;
	font-size: 27px;
	font-weight: 700;
}

@media(max-width: 767px) {
	h3 {
		font-size: 22.95px;
	}
}

h4 {
	color: #FFFFFF;
	font-family: Russo One;
	font-size: 25px;
	font-weight: 700;
}

@media(max-width: 767px) {
	h4 {
		font-size: 21.25px;
	}
}

h5 {
	color: #ffffff;
	font-family: Montserrat;
	font-size: 23px;
	font-weight: 700;
}

h6 {
	color: #ffffff;
	font-family: Montserrat;
	font-size: 21px;
	font-weight: 700;
}

blockquote {
	border-left: 2px solid ;
}





form,
.submitted-message {
	border-color: rgba(#null, 0.0);
	font-family: Open Sans;
}

h3.form-title {
	background-color: rgba(255, 255, 255, 0.0);
	color: rgba(81, 92, 98, 1.0);
}

.hs-button,
.button--primary {
	background-color: rgba(69, 141, 255, 1.0);
	border-color: rgba(69, 141, 255, 1.0);
	border-radius: 5px;
	border-width: 0px;
	color: rgba(255, 255, 255, 1.0);
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 11px;
	padding-bottom: 11px;
}

.hs-button:hover,
.hs-button:focus,
.button--primary:hover,
.button--primary:focus {
	background-color: rgba(113, 113, 113, 1.0);
	border-color: rgba(113, 113, 113, 1.0);
	
  color: rgba(255, 255, 255, 1.0);
  
}

.hs-button:active,
.button--primary:active {
	background-color: rgba(109, 181, 255, 1.0);
	border-color: rgba(109, 181, 255, 1.0);
	color: rgba(255, 255, 255, 1.0);
}

.hs-form label {
	color: rgba(15, 15, 15, 1.0);
}

.hs-form legend {
	color: rgba(15, 15, 15, 1.0);
}

input[type="text"], input[type="password"],
input[type="datetime"], input[type="datetime-local"],
input[type="date"], input[type="month"], input[type="time"], 
input[type="week"], input[type="number"], input[type="email"],
input[type="url"], input[type="search"], 
input[type="tel"],
input[type="color"],
input[type="file"], textarea, 
select,
.hs-input {
	border-color: rgba(98, 159, 255, 0.45);
	border-radius: 0px;
  background-color: rgba(248, 250, 252, 1.0);
}

form input:focus,
form select:focus,
form textarea:focus,
.hs-input:focus {
	border-color: rgba(0, 204, 255, 1.0);
}

.fn-date-picker .pika-table thead th {
	color: rgba(255, 255, 255, 0.0);
}

.hs-input:-moz-placeholder,
.hs-input::-webkit-input-placeholder,
.hs-field-desc,
.hs-dateinput:before,
.hs-richtext {
	color: #FFFFFF;
}

.hs-richtext {
	font-size: 14;
}

.hs-default-font-element,
.hs-main-font-element {
	font-family: Open Sans;
}

.fn-date-picker td.is-today .pika-button {
	color: #494A52;
}

.fn-date-picker td.is-selected .pika-button {
	background: #494A52;
}

.fn-date-picker td .pika-button:hover {
	background-color: #F8FAFC !important;
}





th,
td {
	background-color: rgba(255, 255, 255, 1.0);
	border: 1px solid rgba(#null, 1.0);
	color: rgba(#null, 1.0);
}

thead th,
thead td {
	background-color: rgba(73, 74, 82, 1.0);
	color: rgba(255, 255, 255, 1.0);
}

tfoot td {
	background-color: rgba(255, 255, 255, 1.0);
	color: rgba(#null, 1.0);
}

table,
tbody + tbody {
	border-color: rgba(#null, 1.0);
}





header.header {
	background-color: rgba(2, 22, 42, 1.0);
}
.scroll-body .header {
	background-color: rgba(2, 22, 42, 0.9);
}
.header_container,
.body_page_center,
.footer_container{
	max-width: 1200px;
}

body .custom-menu-primary a,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {

  color: rgba(255, 255, 255, 1.0);
}

body .custom-menu-primary .submenu.level-1 > li:hover > a,
body .custom-menu-primary .submenu.level-1 > li:focus > a,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
	
  color: rgba(0, 121, 193, 1.0);
}

body .custom-menu-primary a.active-branch,
body .header__language-switcher-label-current:active,
body .header__language-switcher .lang_list_class li a:active {
	
  color: rgba(0, 121, 193, 1.0);
}
body .custom-menu-primary .submenu.level-1 > li.active-branch,
body .header__language-switcher-label-current:active,
body .header__language-switcher .lang_list_class li:active,
body .custom-menu-primary .submenu.level-1 > li > a.active-branch,
body .custom-menu-primary .submenu.level-1 > li > a.active-item{

 background-color: rgba(255, 255, 255, 0.0);
}

 body .custom-menu-primary .submenu.level-1 > li:hover,
body .custom-menu-primary .submenu.level-1 > li:focus {
   background-color: rgba(255, 255, 255, 0.0);
  

} 
body .custom-menu-primary .submenu.level-1 > li > a.active-branch,
body .custom-menu-primary .submenu.level-1 > li > a.active-item{
  color: rgba(0, 121, 193, 1.0);
	
}

body .custom-menu-primary .submenu.level-1 > li > a.active-branch:after {
  background-color: rgba(0, 121, 193, 1.0);
	
}
body .custom-menu-primary .submenu.level-2 > li > a {
   color: rgba(15, 15, 15, 1.0);
	
}

body .custom-menu-primary .navigation-primary .submenu.level-2{
  background-color: rgba(255, 255, 255, 1.0);
	
}
body .custom-menu-primary .submenu.level-2 .triangle-container .triangle {
  background-color: rgba(255, 255, 255, 1.0);

}

body .custom-menu-primary .submenu.level-2 .menu-item .menu-link:hover,
body .custom-menu-primary .submenu.level-2 .menu-item .menu-link:focus,
body .header__language-switcher .lang_list_class li:hover,
body .custom-menu-primary .submenu.level-2 .triangle-container.level-2.hover .triangle {
  background-color: rgba(255, 255, 255, 0.0);
  color: rgba(0, 121, 193, 1.0);
	

}
body .custom-menu-primary .submenu.level-2 .menu-item .menu-link.active-branch,
body .custom-menu-primary .submenu.level-2 .menu-item .menu-link.active-item{
	
   color: rgba(0, 121, 193, 1.0);
   background-color: rgba(255, 255, 255, 0.0);
	
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
	font-family: Open Sans;
}

.header__language-switcher-label-current:after {
	border-top-color: rgba(255, 255, 255, 1.0);
}
body .navigation-primary .submenu.level-1>li>a,.navigation-primary .submenu.level-1>li.has-submenu>a:after{
  color: rgba(255, 255, 255, 1.0);
}
body .header ul.social-icons>li>a>i{

color: rgba(0, 121, 193, 1.0);
}
body .header ul.social-icons>li>a>i:hover{
 color: rgba(255, 255, 255, 1.0); 
}

@media(max-width: 767px) {
	.header__navigation {
		background-color: rgba(2, 22, 42, 1.0);
	}

	.header__navigation-toggle svg,
	.menu-arrow svg {
		fill: rgba(255, 255, 255, 1.0);
	}
}





footer.footer {
	background-color: rgba(2, 22, 42, 1.0);
	color: #ffffff;
}

.footer__container {
	max-width: 1200px;
}

.footer_form p{
color: rgba(255, 255, 255, 1.0);
}

.footer_form ul>li>a{
color: rgba(255, 255, 255, 1.0);
}

.footer_form ul>li>a:hover{
color: rgba(255, 255, 255, 1.0);
}
ul.social-icons>li>a>i{
color: rgba(255, 255, 255, 1.0);
}

ul.social-icons>li>a>i:hover{
color: rgba(255, 255, 255, 1.0);
}





.content-wrapper {
	max-width: 1200px;
}

.blog-post__date {
	border-color: #FFFFFF;
}

.blog-tag-filter__menu-link,
.blog-post__tag-link,
.blog-card__tag-link,
.blog-post__author-name,
.blog-card__title a {
	color: #FFFFFF;
}

.blog-card__tag-link:hover,
.blog-card__title a:hover,
.blog-tag-filter__menu-link:hover,
.blog-post__tag-link:hover,
.blog-post__author-name:hover,
.blog-card__tag-link:focus,
.blog-card__title a:focus,
.blog-tag-filter__menu-link:focus,
.blog-post__tag-link:focus,
.blog-post__author-name:focus {
	color: #d7d7d7;
}

.blog-card__tag-link:active,
.blog-card__title a:active,
.blog-tag-filter__menu-link:active,
.blog-post__tag-link:active,
.blog-post__author-name:active {
	color: #ffffff;
}

.blog-tag-filter__menu-link--active-item:after {
	background-color: #494A52;
}

.blog-pagination__link {
	color: #FFFFFF;
}

.blog-pagination__link--active:after,
.blog-pagination__prev-link:after,
.blog-pagination__next-link:after {
	background-color: #494A52;
}

.blog-post__title {
	color: #0079c1;
	font-family:Russo One;
	font-size: 30px;
	font-weight: ;
}

.blog-post__author {
	background-color: #F8FAFC;
}

#comments-listing .comment-reply-to {
	color: rgba(#null, 0.0);
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
	color: rgba(#null, 0.0);
}

#comments-listing .comment-reply-to:active {
	color: rgba(#null, 0.0);
}

/*             Blog Grid Listing and Post styles            */

.blog-header {
	background-color: rgb(0, 1, 10);
}

.hs-blog-listing,
.hs-blog-post {
	background-color: #010b14;
}

.blog-index__post-inner-card {
	box-shadow: -5px 0px 20px 0px rgba(80, 80, 80, 0.10);
}

.blog-post__tag-link:hover{
	color: #00b1e3;
}

.blog-post__read-more svg {
	fill: #FFFFFF;
}

.blog-post__read-more a:hover svg {
	fill: #00b1e3;
}

.blog-sidebar ul {
	box-shadow: -5px 0px 20px 0px rgba(80, 80, 80, 0.10);
}

.blog-sidebar a {
	color: #FFFFFF;
}

.blog-sidebar a:hover {
	color: #00b1e3;
}

.blog__subscription-block {
	background-color: rgb(0, 1, 10);
}

.post-featured-image {
	max-height: 600px;
}

.blog-post {
	box-shadow: -5px 0px 20px 0px rgba(80, 80, 80, 0.10);
}

.blog-post__meta a {
	color: #FFFFFF;
}

.blog-post__body, .blog-post__tags a {
	color: #FFFFFF;
}

.blog-post__meta a:hover {
  color: #00b1e3
}

.blog-post__links {
	border-top:  2px solid rgb(235, 235, 235);
}

.blog-post__back-to-blog {
	color: #FFFFFF;
}

.blog-post__back-to-blog:hover {
	color: #00b1e3;
}

.blog-post__back-to-blog svg {
	fill: #FFFFFF;
}

a.blog-post__back-to-blog:hover svg {
	fill: #00b1e3;
}

.comment.depth-0,
.blog-comments form {
	border-top: 2px solid rgb(235, 235, 235);
}

.comment.depth-1 {
	border-left: 2px solid rgb(235, 235, 235);
}

.section.post-footer .hs-input {
	border-color: rgb(235, 235, 235);
}

.blog-recent-posts {
	background-color: rgb(0, 1, 10);
}










body .icon svg {
	fill: #494A52;
}

body .tns-nav button.tns-nav-active {
	background-color: #494A52;
}

body .tns-nav button:hover,
body .tns-nav button:focus {
	background-color: #494A52;
}

body .social-links__icon {
	background-color: #494A52;
}

body .social-links__icon:hover svg,
body .social-links__icon:focus svg {
	fill: rgba(#null, 0.0);
}

body .social-links__icon:active svg {
	fill: rgba(#null, 0.0);
}

body .team-member__description {
	background-color: #F8FAFC;
}

.page-center {
	max-width: 1200px;
	margin: 0 auto;
}




.body-container__website .dnd-section:nth-child(odd) {
	background-color: {typography=, tables=, buttons=, spacing=, footer=, global_colors=, blog_settings=, header=, forms=}
}





@media(min-width:768px){
  .page-center,
  .dnd-section > .row-fluid,
  .footer_container,.header_container,.content-wrapper.blog_new,.post_wrapper ,.content-wrapper.blog_post_new {
    max-width: 750.0px;
  }
}



@media(min-width:992px){
  .page-center,
  .dnd-section > .row-fluid,
  .footer_container,.header_container,.content-wrapper.blog_new,.post_wrapper,.content-wrapper.blog_post_new {
    max-width: 969.999999996px;
  }
}


@media(min-width:1200px){
  .page-center,
  .dnd-section > .row-fluid,
  .footer_container,.header_container,.content-wrapper.blog_new,.post_wrapper ,.content-wrapper.blog_post_new{
    max-width: 1200px;
  }
}

/*************** FINAL BLOG LISTING CARD ALIGNMENT *******************/

/* Force the listing into a real grid */
.blog-index__container {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 36px !important;
  align-items: stretch !important;
}

/* Override old inline-block layout */
.blog-index__container > .blog-index__post.blog-index__post--small {
  display: flex !important;
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
  flex: none !important;
}

/* Force each card to stretch equally */
.blog-index__container .blog-index__post-inner-card {
  width: 100% !important;
  height: 100% !important;
  min-height: 360px !important;
  display: flex !important;
  flex-direction: column !important;
  background: #F4F7FB !important;
  overflow: hidden !important;
}

/* Fixed image area */
.blog-index__container .blog-index__post-image.blog-index__post-image--small {
  display: block !important;
  width: 100% !important;
  height: 180px !important;
  padding-bottom: 0 !important;
  overflow: hidden !important;
  background-image: none !important;
}

/* Fixed image crop */
.blog-index__container .blog-index__post-image.blog-index__post-image--small img {
  width: 100% !important;
  height: 180px !important;
  max-width: none !important;
  object-fit: cover !important;
  display: block !important;
  margin: 0 !important;
}

/* Fixed lower content area */
.blog-index__container .blog-index__post-content.blog-index__post-content--small {
  min-height: 180px !important;
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 24px 20px !important;
  margin: 0 !important;
}

/* Reserve consistent title space */
.blog-index__container .blog-index__post-content h2 {
  min-height: 88px !important;
  margin: 0 0 20px !important;
}

/* Keep button at bottom */
.blog-index__container .blog-post__meta-section {
  margin-top: auto !important;
  padding-top: 0 !important;
}

/* Responsive */
@media (max-width: 1350px) {
  .blog-index__container {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1060px) {
  .blog-index__container {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 600px) {
  .blog-index__container {
    grid-template-columns: 1fr !important;
  }
}

body.hs-blog-listing .blog_new .blog-index__post-content h2 > a {
  color: #001933 !important;
}

body.hs-blog-listing .blog_new .blog-index__post-content h2 > a:hover,
body.hs-blog-listing .blog_new .blog-index__post-content h2 > a:focus {
  color: #00CCFF !important;
}

/* Blog card button styling to match CTA button */
body.hs-blog-listing .blog_new .blog-post__read-more a {
  background: linear-gradient(90deg, #1F4FD8 0%, #3B82F6 100%) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 14px 22px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  font-family: Arial, Helvetica, sans-serif !important;
  box-shadow: none !important;
}

/* Hover state */
body.hs-blog-listing .blog_new .blog-post__read-more a:hover,
body.hs-blog-listing .blog_new .blog-post__read-more a:focus {
  background: linear-gradient(90deg, #2563EB 0%, #60A5FA 100%) !important;
  color: #ffffff !important;
  transform: translateY(-1px);
}

/* Softer blog card background */
body.hs-blog-listing .blog-index__post-inner-card,
body.hs-blog-listing .blog-index__post-content.blog-index__post-content--small {
  background: #EEF3F8 !important;
}

.blog-index__post-content.blog-index__post-content--small {
    box-sizing: border-box;
    padding: 10px;
    background: #DDE6F0 !important;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    color:#777;
}
/****************** HubSpot Content Library card overrides ****************/
.hs-content-library--cards .hs-content-library__card {
  background: linear-gradient(
    180deg,
    #001933 0%,
    #02162A 100%
  ) !important;

  border: 1px solid rgba(0, 204, 255, 0.65) !important;
  border-radius: 22px !important;

  box-shadow:
    0 12px 30px rgba(0, 0, 0, 0.3),
    0 0 0 1px rgba(3, 53, 105, 0.2) !important;

  padding: 24px !important;

  transition:
    transform 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease !important;
}

.hs-content-library--cards .hs-content-library__card:hover {
  background: linear-gradient(
    180deg,
    #033569 0%,
    #001933 100%
  ) !important;

  transform: translateY(-4px) !important;
  border-color: #00CCFF !important;

  box-shadow:
    0 18px 36px rgba(0, 0, 0, 0.38),
    0 0 24px rgba(0, 204, 255, 0.22) !important;
}

.hs-content-library__card a {
  color: #00CCFF !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.hs-content-library__card a:hover,
.hs-content-library__card a:focus {
  color: #FFFFFF !important;
  text-decoration: underline !important;
}

.hs-content-library__card a::after {
  content: " →";
}

/********* Back-to-top button - outlined blue style *******/
.back-to-top {
  width: 42px !important;
  height: 42px !important;
  background: rgba(2, 22, 42, 0.65) !important;
  border: 1px solid #3B82F6 !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

/* Hide the old red image */
.back-to-top img {
  display: none !important;
}

/* Create the white arrow */
.back-to-top::before {
  content: "⌃";
  display: block !important;
  width: 100%;
  height: 100%;
  color: #ffffff !important;
  font-size: 28px !important;
  font-weight: 500 !important;
  line-height: 50px !important;
  text-align: center !important;
}

/* Hover state */
.back-to-top:hover {
  background: rgba(59, 130, 246, 0.18) !important;
  border-color: #00CCFF !important;
}


/****************************** Remove old/purple header background image *************************************/
header.header {
  background-color: transparent !important;
  background-image: none !important;
}

/*********************** Blog sidebar search + form field readability ***************/
/* Blog sidebar search + form field readability */
body.hs-blog-listing .blog-sidebar input,
body.hs-blog-listing .blog-sidebar textarea,
body.hs-blog-listing .blog-sidebar select,
body.hs-blog-listing .blog-sidebar .hs-input,
body.hs-blog-listing .blog-sidebar .hs-search-field__input,
body.hs-blog-listing .blog-sidebar input[name="firstname"],
body.hs-blog-listing .blog-sidebar input[name="email"] {
  background-color: #F8FAFC !important;
  color: #001933 !important;
  -webkit-text-fill-color: #001933 !important;
  caret-color: #001933 !important;
  border: 1px solid rgba(98, 159, 255, 0.45) !important;
  border-radius: 4px !important;
}

/* Placeholder text */
body.hs-blog-listing .blog-sidebar input::placeholder,
body.hs-blog-listing .blog-sidebar textarea::placeholder,
body.hs-blog-listing .blog-sidebar .hs-input::placeholder,
body.hs-blog-listing .blog-sidebar .hs-search-field__input::placeholder {
  color: #5D6B7A !important;
  -webkit-text-fill-color: #5D6B7A !important;
  opacity: 1 !important;
}

/* Chrome/Safari placeholder backup */
body.hs-blog-listing .blog-sidebar input::-webkit-input-placeholder,
body.hs-blog-listing .blog-sidebar textarea::-webkit-input-placeholder,
body.hs-blog-listing .blog-sidebar .hs-input::-webkit-input-placeholder,
body.hs-blog-listing .blog-sidebar .hs-search-field__input::-webkit-input-placeholder {
  color: #5D6B7A !important;
  -webkit-text-fill-color: #5D6B7A !important;
  opacity: 1 !important;
}

/* Chrome autofill fix */
body.hs-blog-listing .blog-sidebar input:-webkit-autofill,
body.hs-blog-listing .blog-sidebar input:-webkit-autofill:hover,
body.hs-blog-listing .blog-sidebar input:-webkit-autofill:focus,
body.hs-blog-listing .blog-sidebar textarea:-webkit-autofill,
body.hs-blog-listing .blog-sidebar textarea:-webkit-autofill:hover,
body.hs-blog-listing .blog-sidebar textarea:-webkit-autofill:focus {
  -webkit-text-fill-color: #001933 !important;
  caret-color: #001933 !important;
  box-shadow: 0 0 0 1000px #F8FAFC inset !important;
  transition: background-color 9999s ease-in-out 0s !important;
}

/* Focus state */
body.hs-blog-listing .blog-sidebar input:focus,
body.hs-blog-listing .blog-sidebar textarea:focus,
body.hs-blog-listing .blog-sidebar select:focus,
body.hs-blog-listing .blog-sidebar .hs-input:focus,
body.hs-blog-listing .blog-sidebar .hs-search-field__input:focus {
  background-color: #ffffff !important;
  color: #001933 !important;
  -webkit-text-fill-color: #001933 !important;
  caret-color: #001933 !important;
  border-color: #00CCFF !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(0, 204, 255, 0.18) !important;
}

.hs-form-field input[type="text"],
.hs-form-field input[type="email"],
.hs-form-field input[type="tel"],
.hs-form-field textarea,
.hs-form-field select,
.hs-search-field__input {
  background-color: #ffffff !important;
  color: #001933 !important;
  -webkit-text-fill-color: #001933 !important;
  caret-color: #001933 !important;
  border: 1px solid rgba(98, 159, 255, 0.45) !important;
}

/**************** HubSpot CTA close button ****************/
#interactive-close-button,
#interactive-close-button svg,
#interactive-close-button svg path {
  color: #ffffff !important;
  fill: #ffffff !important;
}