
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400&display=swap" rel="stylesheet">
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,700;0,800;1,400;1,500;1,700;1,800&display=swap');
@font-face {
  font-family: 'GibsonBold';
  src: url('https://4798503.fs1.hubspotusercontent-na1.net/hubfs/4798503/fonts/Gibson-Bold.otf');
}

@font-face {
  font-family: 'GibsonRegular';
  src: url('https://4798503.fs1.hubspotusercontent-na1.net/hubfs/4798503/fonts/Gibson-Regular.otf');
}

@font-face {
  font-family: 'GibsonSemiBold';
  src: url('https://4798503.fs1.hubspotusercontent-na1.net/hubfs/4798503/fonts/Gibson-SemiBold.otf.otf');
}

@font-face {
  font-family: 'GibsonLight';
  src: url('https://4798503.fs1.hubspotusercontent-na1.net/hubfs/4798503/fonts/Gibson-Light.otf');
}

@font-face {
  font-family: 'Gibson';
  src: url("https://346178.fs1.hubspotusercontent-na1.net/hubfs/346178/elevate-web-2020/fonts/Gibson.woff2") format("woff2"), url("https://346178.fs1.hubspotusercontent-na1.net/hubfs/346178/elevate-web-2020/fonts/Gibson.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Gibson';
  src: url("https://346178.fs1.hubspotusercontent-na1.net/hubfs/346178/elevate-web-2020/fonts/Gibson-SemiBold.woff2") format("woff2"), url("https://346178.fs1.hubspotusercontent-na1.net/hubfs/346178/elevate-web-2020/fonts/Gibson-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Gibson';
  src: url("https://346178.fs1.hubspotusercontent-na1.net/hubfs/346178/elevate-web-2020/fonts/Gibson-Light.woff2") format("woff2"), url("https://346178.fs1.hubspotusercontent-na1.net/hubfs/346178/elevate-web-2020/fonts/Gibson-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Gibson';
  src: url("https://346178.fs1.hubspotusercontent-na1.net/hubfs/346178/elevate-web-2020/fonts/Gibson-Bold.woff2") format("woff2"), url("https://346178.fs1.hubspotusercontent-na1.net/hubfs/346178/elevate-web-2020/fonts/Gibson-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal; }







/* 1a. Containers */




/* 1b. Colors */













/* 1c. Typography */

 /* Inter */







































/* 1d. Buttons */







/* 1e. Forms */










/* 1f. Tables */











/* 1g. Site header */





/* 1h. Site footer */








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

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 80px 20px;
}

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





html {
  font-size: 16px;
}

body {
  font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; text-decoration: none;
  color: #000000;
}

/* Paragraphs */

p {
  font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; text-decoration: none;
  font-size: 20px;
  color: #5D9CEC;
  font-family: 'Gibson', sans-serif; /* Inter */
}

/* Anchors */

a {
  color: #EA5230;
}

a:hover,
a:focus {
  color: #c22a08;
}

a:active {
  color: #ff7a58;
}

/* Headings */

h1 {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #170b10;
  /* font-size: 76px; */
  font-size: 76.3px;
  line-height: 100%;
  /*font-family: 'Gibson', sans-serif;*/
  font-family: Poppins;
}

h2 {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #170b10;
  /* font-size: 61px; */
  font-size: 61.04px;
  line-height: 120%;
  /*font-family: 'Gibson', sans-serif; */
  font-family: Poppins;
}

h3 {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #170b10;
  /* font-size: 49px; */
  font-size: 48.81999999999999px;
  line-height: 120%;
  /*font-family: 'Gibson', sans-serif; */
  font-family: Poppins;
}

h4 {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #170b10;
  /* font-size: 39px; */
  font-size: 39.06px;
  line-height: %;
  /*font-family: 'Gibson', sans-serif;  */
  font-family: Poppins;
}

h5 {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #170b10;
  /* font-size: 32px; */
  font-size: 31.259999999999998px;
  line-height: %;
  /*font-family: 'Gibson', sans-serif; */
  font-family: Poppins;
}

h6 {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #170b10;
  /* font-size: 25px; */
  font-size: 25.0px;
  line-height: %;
  /*font-family: 'Gibson', sans-serif;  */
  font-family: Poppins;
}

.body_text_large {
  font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; text-decoration: none;
  color: #000000;
  font-size: 25px;
  line-height: %;
}

.body_text_medium {
  font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; text-decoration: none;
  color: #000000;
  font-size: 20px;
  line-height: 160%;
}

.body_text_regular {
  font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; text-decoration: none;
  color: #000000;
  font-size: 16px;
  line-height: 160%;
}

.body_text_small {
  font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; text-decoration: none;
  color: #000000;
  font-size: 12px;
  line-height: 160%;
}

.body_text_small_bold {
  font-family: 'Nunito Sans'; font-style: normal; font-weight: 700; text-decoration: none;
  color: #000000;
  font-size: 12px;
  line-height: 160%;
}

.body_text_extra_small {
  font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; text-decoration: none;
  color: #000000;
  font-size: 10px;
  line-height: 160%;
}

.label_text_large {
  font-family: 'Nunito Sans'; font-style: normal; font-weight: 700; text-decoration: none;
  color: #000000;
  font-size: 18px;
  line-height: %;
}

.label_text_medium {
  font-family: 'Nunito Sans'; font-style: normal; font-weight: 700; text-decoration: none;
  color: #000000;
  font-size: 14px;
  line-height: %;
}

@media (max-width: 1559px) {
  h1 {
    font-size: 68.67px;
  }

  h2 {
    font-size: 54.936px;
  }
  
  h3 {
    font-size: 43.937999999999995px;
  }
  
  h4 {
    font-size: 35.154px;
  }
  
  h5 {
    font-size: 28.134px;
  }
  
  h6 {
    font-size: 22.5px;
  }
}

@media (max-width: 1023px) {
  h1 {
    font-size: 61.04px;
  }

  h2 {
    font-size: 48.832px;
  }
  
  h3 {
    font-size: 39.056px;
  }
  
  h4 {
    font-size: 31.248px;
  }
  
  h5 {
    font-size: 25.008px;
  }
  
  h6 {
    font-size: 20.0px;
  }
}

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

  h2 {
    font-size: 35px;
  }
  
  h3 {
    font-size: 39.056px;
  }
  
  h4 {
    font-size: 31.248px;
  }
  
  h5 {
    font-size: 25.008px;
  }
  
  h6 {
    font-size: 20.0px;
  }
  
  .ly-cta-div a.cta-btn{
    padding: 8px 14px !important;
  }
  .header__cta__mini{
    display:block !important;
  }
  
  .ly-cta-div:first-child{
    margin-right:0px;
  }
  
  .ly-cta-div a.cta-btn.signup-cta{
    font-size: 12px !important;
    line-height: 150% !important;
  }
  .header__container.content-wrapper{
    padding: 15px 44px !important;
  }
}

/* Blockquote */

blockquote {
  border-left-color: #526078;
}





button,
.button {
  background-color: 

  
  
    
  


  rgba(93, 156, 236, 1.0)

;
  border: 1px solid ;
  border-radius: 4px;
  color: #F3FAFE;
  padding: 15px 20px;
  font-size: 18px;
}

button:hover,
button:focus,
.button:hover,
.button:focus {
  background-color: rgba(53, 116, 196, 1.0);
  border-color: ;
  color: #F3FAFE;
}

button:active,
.button:active {
  background-color: rgba(133, 196, 255, 1.0);
  border-color: ;
  color: #F3FAFE;
}





form,
.submitted-message {
  ;
}

/* Form title */

h3.form-title {
  background-color: 

  
  
    
  


  rgba(243, 250, 254, 1)

;
  color: #061942;
}

/* Form label */

form label {
  color: #5D9CEC;
}

/* Form help text */

form legend {
  color: #5D9CEC;
}

/* Form inputs */

input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=number],
input[type=file],
select,
textarea {
  border-color: #959CAE;
  color: ;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=file]:focus,
select:focus,
textarea:focus {
  border-color: #526078;
}

/* Form placeholder text */

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::placeholder,
.hs-fieldtype-date .input .hs-dateinput:before {
  color: ;
}

/* Date picker */

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

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

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

/* Submit button */

form input[type=submit],
form .hs-button {
  background-color: 

  
  
    
  


  rgba(93, 156, 236, 1.0)

;
  border: 1px solid ;
  border-radius: 4px;
  color: #F3FAFE;
  padding: 15px 20px;
  font-size: 18px;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  background-color: rgba(53, 116, 196, 1.0);
  border-color: ;
  color: #F3FAFE;
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: rgba(133, 196, 255, 1.0);
  border-color: ;
  color: #F3FAFE;
}

.hs-form-required {
  color: #061942;
}





table {
  background-color: 

  
  
    
  


  rgba(243, 250, 254, 1)

;
  border-color: #F3FAFE;
}

th,
td {
  border-color: #F3FAFE;
  color: #061942;
}

thead th,
thead td {
  background-color: 

  
  
    
  


  rgba(#null, 1.0)

;
  border-bottom-color: #F3FAFE;
  color: #F3FAFE;
}

tfoot td {
  background-color: 

  
  
    
  


  rgba(243, 250, 254, 1)

;
  color: #061942;
}

tbody + tbody {
  border-top-color: #F3FAFE;
}





.header {
  background-color: 

  
  
    
  


  rgba(243, 250, 254, 1)

;
}

body .navigation-primary a,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: #FFFFFF;
  font-family: {font=Roboto, font_set=GOOGLE, styles={font-family=Roboto, sans-serif, font-style=normal, font-weight=normal, text-decoration=none}, size=null, size_unit=null, color=#5d9cec, variant=regular, fallback=sans-serif, style=font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none, css=color: #5d9cec;font-family: Roboto, sans-serif;};
  font-size: 14px;
}

body .navigation-primary a:hover,
body .navigation-primary a:focus,
.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: #d7d7d7;
}

body .navigation-primary a:active,
body .header__language-switcher-label-current:active,
body .header__language-switcher .lang_list_class li a:active {
  color: #ffffff;
}

body .navigation-primary .submenu.level-1 > li > a.active-item:after {
  background-color: #5D9CEC;
}

body .submenu.level-2,
body .header__language-switcher .lang_list_class {
  background-color: 

  
  
    
  


  rgba(243, 250, 254, 1)

;
  border-color: #061942;
}

body .submenu.level-2 > li:first-child:before {
  border-color: #061942;
}

body .header__language-switcher .lang_list_class:before {
  border-bottom-color: #061942;
}

body .submenu.level-2 .menu-item .menu-link:hover,
body .submenu.level-2 .menu-item .menu-link:focus,
body .header__language-switcher .lang_list_class li:hover,
body .submenu.level-2 > li:first-child:hover:before,
body .submenu.level-2 > li:first-child.focus:before {
  background-color: 

  
  
    
  


  rgba(243, 250, 254, 1)

;
}

header.header {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 9;
    background-color: transparent;
    transition: all .3s ease-out;
    box-shadow: none;
}

body.scrolled header.header {
    background-color: rgba(255,255,255,1.0);
    box-shadow: 0px 0px 2px 0px #8e8e8e;
}

.header__language-switcher .lang_list_class.first-active::after {
  border-bottom-color: 

  
  
    
  


  rgba(243, 250, 254, 1)

;
}

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

.header__language-switcher-label-current:after {
  border-top-color: #FFFFFF;
}

.header__cta .login-cta,
.header__cta .signup-cta {
  font-family: 'Gibson', sans-serif !important; /* Inter */
  font-style: normal !important;
  line-height: 150% !important;
  text-align: center !important;
  border-radius: 5px !important;
  padding: 9px 24px !important;
  margin: 0px !important;
}


.header__cta .login-cta {
  background-color: transparent !important;
  border-color: transparent;
}

body.scrolled .header__cta .signup-cta {
  background-color: #1481E6 !important;
  color: #fff !important;
  border-color: #1481E6;
}
@media(max-width: 1023px){
  .submenu.level-1>li {
    padding: 0 2px !important;
  }
  .submenu.level-1>li a {
    font-size: 14px !important;
  }
}
@media(min-width: 768px) {
  .submenu.level-1>.has-submenu>.menu-arrow {
    border: 0 !important;
    right: 12px !important;
    top: 10px !important;
  }
  .header_nav_column {
    width: auto;
    flex: 1;
  }
  .header__logo.header__logo--main {
    width: 230px;
    margin-right: 10px;
    max-width: 230px;
  }
  .header__cta__column {
    width: auto !important;
  }
  
}






.footer {
  background-color: 

  
  
    
  


  rgba(243, 250, 254, 1)

;
}

/* Footer Content */

.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6
.footer p,
.footer a,
.footer div,
.footer span {
  color: #FFFFFF;
}





.blog-post__date {
  border-color: ;
}

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

.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: ;
}

.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: ;
}

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

.blog-pagination__link {
  color: ;
}

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

.blog-post__title {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #170b10;
  font-size: 61px;
}

.blog-post__author {
  background-color: #959CAE;
}

#comments-listing .comment-reply-to {
  color: #EA5230;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: #c22a08;
}

#comments-listing .comment-reply-to:active {
  color: #ff7a58;
}

.blog-header {
  background-color: #F3FAFE;
}

.blog-header form label {
  text-align: center;
}

.blog-related-posts {
  background-color: #F3FAFE;
}

.blog-post__meta a,
.blog-tag-filter__menu-link,
.blog-post__tag-link,
.blog-card__tag-link,
.blog-post__author-name,
.blog-card__title a {
  font-family: 'Nunito Sans'; font-style: normal; font-weight: 700; text-decoration: none;
  font-size: 12px;
  color: #5D9CEC;
  text-decoration: none;
}

.blog-comments .hs-button {
  border: 0;
  background-color: #5D9CEC;
  color: #F3FAFE;
}

.blog-header__inner {
  padding: 3.3rem 24px;
}

.blog-index__post-content a {
  color: #5D9CEC;
}

.blog-related-posts__title a {
  color: #5D9CEC;
}











body .icon svg {
  fill: #D3DEEC;
}

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

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

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

hr {
  background-color: #5D9CEC;
  border: 0 !important;
}

.hero-section h1 {
  color: #5D9CEC;
}

.hero-section p {
  font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; text-decoration: none;
  font-size: 20px;
  color: #5D9CEC;
}

.hero-section a.button {
  font-family: 'Nunito Sans'; font-style: normal; font-weight: 700; text-decoration: none;
  font-size: 18px;
}

.product-list-item__name {
  font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; text-decoration: none;
  font-size: 20px;
  color: #5D9CEC;
}

.product-list-item__price {
  font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; text-decoration: none;
  font-size: 20px;
  color: #5D9CEC;
}

.product-info__intro p {
  font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; text-decoration: none;
  font-size: 20px;
  color: #5D9CEC;
}

.category-product-list__bottom-cta .button,
.category-product-list__bottom-cta .button:hover {
  font-family: 'Nunito Sans'; font-style: normal; font-weight: 700; text-decoration: none;
  font-size: 12px;
  background-color: #F3FAFE;
  color: #5D9CEC;
  border: 1px solid #5D9CEC;
}


.featured-category__bottom-cta .button,
.featured-category__bottom-cta .button:hover {
  font-family: 'Nunito Sans'; font-style: normal; font-weight: 700; text-decoration: none;
  font-size: 12px;
  background-color: #F3FAFE;
  color: #5D9CEC;
  border: 1px solid #5D9CEC;
}

.product-info__price {
  color: #5D9CEC;
}

.product-info__buy-now,
.product-info__buy-now:hover,
.product-info__buy-now:focus {
  border-color: #5D9CEC;
  color: #5D9CEC;
}


.product-info .read-more-link,
.product-info.expanded .read-more-link {
  color: #5D9CEC;
}


.card__body svg {
  fill: #5D9CEC !important;
}
 
.featured-category__arrows button::before {
  color: #5D9CEC !important;
}

.category-slider .slick-next::before,
.category-slider .slick-prev::before {
  color: #5D9CEC !important;
}

.card--pricing {
  background-color: #F3FAFE;
  border: none !important;
}

.text-sub{
  font-style: normal;
  font-weight: bold;
  font-size: 25px;
  line-height: 30px;
  color: #04142D;
  margin-bottom: 8px;
}

.text-sub::before { 
  display: inline-block;
    content: '';
    -webkit-border-radius: 0.375rem;
    border-radius: 0.375rem;
    height: 6px;
    width: 6px;
    margin-right: 0.5rem;
    background-color: #22D3EE;
    margin-bottom: 5px;
}

.body-container-wrapper {
    margin-bottom: 0px;
}

.footer__copyright{
  font-family: 'Gibson'; /* Inter */
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
}

.footer span{
  color: #6B7280 !important;
}

.footer__container.content-wrapper{
  border-top: none;
}

.header__container.content-wrapper{
  padding: 15px 65px;
}

.ly-cta-div a.cta-btn:hover {
    opacity: 1!important;
}




/*+++++++++++ Grindery DAO ++++++++++++*/
.df-item {
    position: relative;
    padding: 40px;
    border-radius: 20px;
    border: 1px solid transparent;
    margin-bottom: 40px;
    transition: all 0.3s ease-in-out;
}

.df-header {
    position: relative;
    display: flex;
    align-items: center;
    align-content: center;
    grid-gap: 15px;
    margin-bottom: 15px;
}

.df-title {
    font-size: 45px;
    font-weight: 600;
    color: #170B10;
    line-height: 1;
    font-family: 'Gibson';
}
.df-icon svg{
    transition: all 0.1s ease-in-out;
}
.df-body p {
    font-size: 20px;
    margin-bottom: 0;
}
.df-btn {
    position: absolute;
    top: 10px;
    right: 0;
    display: none;
    transition: all 0.3s ease-in-out;
}
a.df-btn-link,p.df-btn-link {
    color: #B797EC;
    font-size: 14px;
    text-decoration: none;
}

.df-item:hover {
    border-color: #B797EC;
    background-color: #fff;
}

.df-item:hover .df-btn {
    display: block;
}
a.df-btn-link img,p.df-btn-link img {
    margin-left: 8px;
}
.header--no-navigation .header__container.content-wrapper,.header__container.content-wrapper{
    max-width: 1800px;
    padding: 20px;
}

.featured-blog {
    position: relative;
    display: flex;
    flex-direction: row;
    grid-gap: 15px;
}

.featured-blog-item {
    position: relative;
    padding: 40px 30px;
    background-color: transparent;
    border-radius: 20px;
    transition: all 0.3s ease-in-out;
}

.featured-blog-item .title a {
    color: #000;
}

.featured-blog-item .description p {
    color: #5B617D;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.5;
}

.featured-blog-item:hover {
    background-color: #fff;
    box-shadow: 0px 1px 0px rgb(0 0 0 / 10%), 0px 20px 40px rgb(0 0 0 / 3%);
}

.featured-blog-item .title {
    font-size: 32px;
    line-height: 1.1;
    margin-bottom: 10px;
    font-family: 'Gibson';
    font-weight: 600;
}
.blog-posts {
    background-color: #F2F8FC;
}
.featured-blog-item .readmore {
    font-size: 16px;
    padding: 10px 20px;
    width: 100%;
    text-align: center;
    display: block;
    border: 1px solid #B1C3C9;
    border-radius: 5px;
    color: #170B10;
    font-weight: 600;
    font-family: sans-serif;
    text-decoration: none;
    opacity: 0;
    transition: all .3s ease-in-out;
}
.featured-blog-item .btn-div {
    position: relative;
    margin-top: 35px;
}

.featured-blog-item:hover .readmore {
    opacity: 1;
}
.fd-links ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: right;
    margin-bottom: 40px;
}

.fd-links ul li {
    display: inline-block;
    margin-right: 40px;
}

.fd-links ul li a {
    font-size: 20px;
}

.fd-links ul li:last-child {
    margin-right: 0;
}

.footer-daos .footer__container {
    padding: 130px 20px;
}
.footer-daos-overlay {
    background-image: url('https://4798503.fs1.hubspotusercontent-na1.net/hubfs/4798503/footer-background-1.png');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 2;
}

footer.footer.footer-daos:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background: linear-gradient(90deg, #0D1850 0%, #0B0D17 100%);
}
.footer.footer-daos {
    position: relative;
}
ul.fd-links-group li a {
    opacity: .6;
    font-family: 'Gibson';
}
/* span.dao-brand-colors {
    background: #FB877A;
    background: -webkit-linear-gradient(to left, #FB877A 0%, #B797EC 34%, #FFE177 53%, #00D0AB 82%, #2E9BFF 100%);
    background: -moz-linear-gradient(to left, #FB877A 0%, #B797EC 34%, #FFE177 53%, #00D0AB 82%, #2E9BFF 100%);
    background: linear-gradient(to left, #FB877A 0%, #B797EC 34%, #FFE177 53%, #00D0AB 82%, #2E9BFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
} */
span.dao-brand-colors {
/*     background: #FB877A; */
    background: -webkit-linear-gradient(90deg,#5d9cec 0%,#8cc051 22%,#967bdc 53%,#3baeda 71%,#fd8d05 95%);
    background: -moz-linear-gradient(90deg,#5d9cec 0%,#8cc051 22%,#967bdc 53%,#3baeda 71%,#fd8d05 95%);
    background: linear-gradient(90deg,#5d9cec 0%,#8cc051 22%,#967bdc 53%,#3baeda 71%,#fd8d05 95%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.daos-title{
  padding-bottom:31%;
  font-family: 'Gibson';
}

ul.fd-social-links-group li {
    margin-right: 0;
}

ul.fd-social-links-group {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    grid-gap: 30px;
}

ul.fd-social-links-group li {
    margin-right: 0;
}

ul.fd-social-links-group {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    grid-gap: 30px;
}
.fd-logo {
    padding-top: 45px;
}
.featured-blog-item {
    width: 33.33%;
}

.featured-blog {
    justify-content: center;
}
.df-body p {
  font-family: 'Gibson';
}
.featured-blog-item .description p {
  font-family: 'Gibson';
}
main.blog-daos {
    padding-top: 100px;
}

.blog-daos section.blog-index {
    display: block;
}

.blog-daos img.blog-index__post-image {
    width: 200px;
}

.blog-daos .content-wrapper {
    max-width: 800px;
}

.blog-daos .blog-index__post-content--small h2,.blog-daos .blog-index__post-content--large h2 {
    font-size: 32px;
    font-family: 'Gibson';
    font-weight: 600;
    line-height: 1.3;
    color: #000;
}

.blog-daos .blog-index__post-content--small h2 a,.blog-daos .blog-index__post-content--large h2 a {
    color: #000;
}

.blog-daos .blog-index__post-content p {
    color: #5B617D;
    font-family: 'Gibson';
    font-size: 18px;
}

.blog-daos .blog-index__post-content p strong {
    font-weight: normal;
}
.blog-daos a.readmore {
    font-size: 14px;
    font-family: 'Gibson';
    font-weight: 600;
    text-decoration: none;
    padding: 12px 30px;
    background-color: #000;
    color: #fff;
    display: inline-block;
}

.blog-daos article.blog-index__post {
    margin-bottom: 50px;
}
.blog-header__inner {
    max-width: 800px;
    text-align: left;
    padding: 50px 20px;
}
main.blog-post-daos {
    padding-top: 120px;
}

.blog-post-daos article.blog-post h1 {
    font-size: 40px;
    font-family: 'Gibson';
    line-height: 1.4;
}
.blog-post-daos article.blog-post h2,
.blog-post-daos article.blog-post h3,
.blog-post-daos article.blog-post h4,
.blog-post-daos article.blog-post h5,
.blog-post-daos article.blog-post h6,{
    font-family: 'Gibson';
    line-height: 1.4;
}
.blog-post-daos article.blog-post h2 {
    font-size: 35px;
}
.blog-post-daos article.blog-post h3 {
    font-size: 30px;
}
.blog-post-daos article.blog-post h4 {
    font-size: 25px;
}
.blog-post-daos article.blog-post h5 {
    font-size: 20px;
}
.blog-post-daos article.blog-post h6 {
    font-size: 18px;
}
.blog-post-daos article.blog-post {
    max-width: 800px;
    padding: 50px 20px;
}

.blog-post-daos .blog-post__body p {
    color: #000;
    font-family: 'Gibson';
}
.featured-blog-item .readmore:hover {
    background-color: #F2F8FC;
    border-color: #F2F8FC;
}
.df-icon svg {
    width: 45px;
    height: auto;
}

ul.fd-social-links-group li a {
    border: 1px solid rgba(91, 97, 125, 0.49);
    position: relative;
    display: flex;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center;
    transition: all 0.3s ease-in-out;
}

ul.fd-social-links-group li a:hover {
    background: linear-gradient(126.11deg, rgba(171, 164, 205, 0.44) 6.33%, rgba(179, 174, 204, 0) 100.45%);
    border: none;
}
.daos-cta {
    padding: 30px 35px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
    grid-gap: 15px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    align-items: center;
    border-radius: 20px;
}
.dc-content {
    width: 75%;
}
a.button.get-in-touch{
    color: #fff;
    border: none;
    padding: 13px 19px;
    min-width: auto;
    background: linear-gradient(97.88deg, #92CC51 0%, #AF91FF 32.81%, #3ABAEB 67.71%, #FE971B 100%);
    font-size: 16px;
    font-weight: 600;
}
a.button.get-in-touch img {
    margin-right: 5px;
    width: 15px;
}
a.chat-button.button.get-in-touch {
  background-color: transparent !important;
  background-image: url(https://4798503.fs1.hubspotusercontent-na1.net/hubfs/4798503/img/gradient-biutton.svg) !important;
  background-repeat: no-repeat !important;
  background-size: contain !important; 
  border-radius: 4px !important;
}
a.grnd-btn {
    display: inline-block;
    line-height: 1.3;
    padding: 8px 20px;
    padding-right: 35px;
    border-radius: 5px;
    text-decoration: none;
    font-family: 'Gibson';
    font-weight: 600;
    color: #fff;
    background-color: #000;
    /* background: linear-gradient(97.88deg,#92cc51 0%,#af91ff 32.81%,#3abaeb 67.71%,#fe971b 100%); */
    position: relative;
}

/* .grnd-daos .header__logo {
    border-right: 1px solid #a3a3a35e;
    margin-right: 50px;
} */

a.grnd-btn:after {
  content: "";
  position: absolute;
  top: 13px;
  right: 16px;
  width: 7px;
  height: 7px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
}

ul.people-submenu {
    display: none;
    position: absolute;
    top: 37px;
    left: 0;
    padding: 10px 0;
    margin: 0;
    list-style-type: none;
    width: 150px;
    background-color: #ffffff;
    border: 1px solid;
}

.people-menu {
    position: relative;
}

ul.people-submenu li {
    position: relative;
    margin-bottom: 0;
}

ul.people-submenu li a {
    padding: 10px 15px;
    text-decoration: none;
    font-family: 'GibsonRegular';
    color: #5b617d;
    display: block;
    transition: all 0.3s ease-in-out;
}

ul.people-submenu li a:hover {
    background-color: #5b617d;
    color: #fff;
}

.people-menu:hover ul.people-submenu {
    display: block;
}
.header__container.grnd-daos {
    justify-content: flex-start;
}
a.grnd-btn svg {
    width: 17px;
    display: inline-block;
    height: auto;
    position: absolute;
    top: 8px;
    left: 26px;
}

a.grnd-btn:after {
    display: none;
}

a.grnd-btn {
    padding: 8px 30px;
    padding-left: 45px;
}
.blog-post-daos .blog-post__body ul li {
    color: #000;
    font-family: 'Gibson';
    font-size: 20px;
    margin-bottom: 5px;
}
.logo-group {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4,auto);
    justify-items: center;
    justify-content: space-between;
    align-items: center;
    grid-gap: 25px;
}
.mt150{
    margin-top: 150px!important;
}
.dnd_area-row-0-background-image.daos-header {
  padding-top: 280px !important;
}
a.dao-black-btn {
    background-color: #170B10;
    color: #fff;
    padding: 12px 20px;
    border: 1px solid #170B10;
    border-radius: 5px;
    display: inline-block;
    line-height: 1;
    text-decoration: none;
    text-align: center;
    transition: all 0.3s ease-in-out;
    font-weight:600;
}

.daos-title a.dao-black-btn {
    max-width: 236px;
    width: 100%;
}

a.dao-black-btn:hover {
    background-color: transparent;
    color: #000;
}
a.dao-black-btn.violet02 {
    background-color: #8C30F5;
    border-color: #8C30F5;
}
a.dao-black-btn.violet02:hover {
    background-color: transparent;
    color:#8C30F5;
}
.daos-title.v2 {
    padding-bottom: 20%;
}
.plain-btn a.button.get-in-touch {
    background: none;
    background-color: #967BDC;
}

.plain-btn a.button.get-in-touch.chat-button {
    background-image: none!important;
    border: 1px solid #967BDC;
}
section.text-and-image-section {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    max-width: 1900px;
    margin: 0 auto;
}

.text-and-image-container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 120px 20px;
    display: grid;
    grid-template-columns: 50%;
}

a.dao-black-btn.violet {
    background-color: #967BDC;
    border-color: #967BDC;
    padding: 15px 20px;
}
a.dao-black-btn.violet:hover {
    background-color: transparent;
    color:#967BDC;
}
.text-and-image-container.image-left .text-and-image-content {
    order: 2;
}

.text-and-image-container.image-left .text-and-image-overlay {
    order: 1;
}

.text-and-image-container.image-left {
    grid-template-columns: 50% 50%;
}
.header__container.content-wrapper.grnd-daos {
    max-width: 100%;
    padding: 20px 40px;
}

.dao-banner-content .daos-title.v2 {
    padding-bottom: 0;
}

section.dao-banner-section {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 100px 0;
}

.dao-banner-container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 90px;
}

.dao-banner-content {
    width: 50%;
}

.dao-banner-image {
    width: 50%;
}

.dao-banner-section .logo-group.v2 {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
}

img.banner-img1 {
    position: relative;
    right: -100px;
    transform: scale(1.2);
}
a.button.get-in-touch img {
    margin-right: 8px;
    width: 20px;
}
.plain-btn a.button.get-in-touch:first-child {
    padding: 15px 19px;
}
/* .rotating-text{
  display:none;
} */
a.dao-black-btn.secondary>svg {
    display: inline-block;
    position: relative;
    line-height: 1;
}

a.dao-black-btn.secondary {
    display: inline-flex;
    align-items: center;
    grid-gap: 10px;
}
a.dao-black-btn.secondary svg>g>path {
    transition:all .3s ease-in-out;
}
a.dao-black-btn.secondary:hover svg>g>path {
    fill:#967bdc!important;
    transition:all .3s ease-in-out;
}
.four-four section.content-wrapper {
    max-width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 0 20px;
}

.four-four .error-page {
    max-width: 1240px;
    margin: 0 auto;
}

.four-four .error-page p {
    color: #5B617D;
    font-size: 25px;
}

.four-four .error-page h1 {
    font-size: 50px;
}

img.semi-smile-emoji {
    display: inline-block;
    position: relative;
    top: 7px;
}

img.thumbs-up-emoji {
    display: inline-block;
    position: relative;
    top: 4px;
}

a.dao-black-btn.outline {
    color: #170b10;
    background-color: #fff;
}
.system-content {
    max-width: 604px;
    text-align: left;
}

.btn-group {
    padding-top: 10px;
    margin-bottom: 30px;
}

.four-four .error-page {
    padding-top: 230px;
    padding-bottom: 180px;
}

.btn-group>a:first-child {
    margin-right: 8px;
}

.btn-group>a {
    font-family: Gibson;
}
.featured-blog {}

.system-featured-container {
    max-width: 1240px;
    margin: 0 auto;
}

section.system-featured {
    padding-top: 100px;
    padding-bottom: 50px;
}

section.system-featured {background-image: url(https://www.grindery.io/hubfs/blog-posts-background.png);
    background-size: cover;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-color: #f2f8fc;
}
.social-sharing-wrapper {
    position: relative;
    display: flex;
    gap: 10px;
    align-items: center;
    margin: 35px 0;
}

a.social-sharing-link {
    display: block;
    position: relative;
    width: 35px;
    height: 35px;
    border: 1px solid #0C1338;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    border-radius: 30px;
    background-color: #0C1338;
    transition: all 0.2s ease-in-out;
}

.body-container--blog-post .content-wrapper {
    position: relative;
}

a.social-sharing-link svg {
    width: 15px;
    height: 15px;
    fill: #fff;
}

a.social-sharing-link:hover {
    background-color: transparent;
}

a.social-sharing-link:hover svg {
    fill: #0C1338;
}
.social-sharing-wrapper label {
    font-weight: 600;
    font-family: 'Gibson';
    font-size: 18px;
}
main#main-content.nft {
    background-image: url('https://www.grindery.io/hubfs/Grindery%20NFT/bg-image-module%20%283%29.svg');
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.nft h3.form-title {
    background-color: transparent;
    margin-bottom: 32px;
}

.nft form label {
    font-family: 'Gibson';
    text-transform: capitalize;
}

.nft form .hs-form-field {
    margin-bottom: 15px!important;
}

.nft form input[type="submit"] {
    font-family: 'Gibson';
    font-weight: 600!important;
    margin-right: 10px;
}

.nft form textarea {
    height: 185px;
}

.nft form .input input, .nft form select,.nft form textarea {
    font-family: 'Gibson';
    font-weight: 500;
}
.nft form select {
    -webkit-appearance: none;
    background-image: url('https://www.grindery.io/hubfs/Grindery%20NFT/arrow-down-chevron.svg');
    background-repeat: no-repeat;
    background-position: 96%;
}
.zapier-hero-subscription .submitted-message {
    color: #fff;
}
.blog-daos article.blog-index__post {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

a.blog-index__post-image.blog-index__post-image--small {
    min-height: 265px;
    width: 50%;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #f5f5f5;
}

.blog-index__post-content.blog-index__post-content--small {
    width: 50%;
    padding-left: 40px;
}

.blog-daos .content-wrapper {
    max-width: 1028px;
}
section.featured-blog-section {
    position: relative;
    padding: 100px 20px;
    background-image: url(https://www.grindery.io/hubfs/blog-posts-background.png);
    background-size: cover;
    background-position: right bottom;
    background-repeat: no-repeat;
}

.featured-blog-container {
    max-width: 1440px;
    margin: 0 auto;
}

.blog-daos p.blog-read-count {
    font-size: 16px;
    margin-bottom: 10px;
    color: #000;
}
.blog-daos .blog-index__post-content--small h2 {
    margin-top: 0;
}
.related a.blog-index__post-image.blog-index__post-image--small {
    width: 100%;
    margin-bottom: 20px;
}
.related p.blog-read-count {
    color: #000;
    font-size: 16px;
    margin-bottom: 12px;
}
.blog-filter .dropbtn {
    background-color: transparent;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    padding: 8px 16px;
    border-radius: 8px;
    font-family: Roboto;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 24px;
    border: 1px solid transparent;
}

.blog-filter .dropbtn:hover,
.blog-filter .dropbtn:focus {
  border-color:#fff;
}

.blog-filter {
  position: relative;
  display: inline-block;
}

.blog-filter .dropdown-content {
  background-color: #fff;
  box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%);
  display: none;
  width: 182px;
  overflow: auto;
  position: absolute;
  z-index: 1;
  border-radius: 8px;
  top: 45px;
  left: 0;
  padding: 10px 0;
}

.blog-filter .dropdown-content a {
    color: #170B10;
    display: block;
    padding: 8px 16px;
    text-decoration: none;
    font-size: 14px;
    font-family: Roboto;
    font-weight: 500;
}

.blog-filter .dropdown-content a:hover {
    background-color: #bfbfbf42;
}
.blog-filter .show {
  display: block;
}
.blog-filter .dropbtn svg {
    position: relative;
    margin-left: 5px;
    bottom: 2px;
}
.blog-filter .dropbtn.circled {
    padding: 10px;
    border-radius: 50%;
    position: relative;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blog-filter .dropbtn.circled svg {
    margin: 0;
    bottom: 0;
}

a.white-outline-btn {
    display: inline-block;
    color: #fff;
    font-family: Roboto;
    font-size: 16px;
    padding: 8px 16px;
    border-radius: 8px;
    border: 1px solid transparent;
    text-decoration: none;
}

a.white-outline-btn:hover {
    border-color: #fff;
}

.dao-header2 .heading-dropdown-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
}
/* .dao-wallet-link {
    display: flex;
    align-items: center;
    text-decoration: none;
    font-size: 14px;
    color: #fff;
    gap: 8px;
    border: 1px solid #706E6E;
    border-radius: 34px;
    padding: 8px;
} */
.dao-footer2 .footer-daos-overlay {
    background-image: url('https://www.grindery.io/hubfs/footer-bg%20%282%29.png');
}

.dao-footer2 footer.footer.footer-daos:before {
    display: none;
}
.row-depth-1.blog-posts.remove-bg {
    background-image: none!important;
}
.cta_button.wallet-btn {
    display: inline-block;
    padding: 24px 48px;
    background-color: #EA5230;
    color: #fff;
    border-radius: 5px;
    line-height: 1;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

.cta_button.wallet-btn:hover {
    background-color: #CB3E1E;
}

.cta_button.wallet-btn:focus,
.cta_button.wallet-btn:active {
    background-color: #706E6E;
}
table.wallet-table {
    background-color: transparent;
    margin: 40px 0;
}

table.wallet-table tr td {
    border: 0;
    padding: 5px!important;
}
.cta_button.learnmore {
    padding: 12px 20px;
    display: inline-block;
    color: #EA5230;
    text-decoration: none;
    font-size: 16px;
    font-family: 'Gibson';
    font-weight: 600;
    border: 1px solid #EA5230;
    border-radius: 6px;
    transition: all 0.2s ease-in-out;
}

.cta_button.learnmore.wit-arrow {
    background-image: url(https://www.grindery.io/hubfs/arrow-right-orange.svg);
    background-repeat: no-repeat;
    background-position: 87% 50%;
    padding-right: 50px;
}

.cta_button.learnmore.wit-arrow:hover {
    background-position: 91% 50%;
}
.wallet .zapier-cta-lining {
    background-color: #fff;
    height: 1.6px;
    width: 33px;
}

.wallet .zapier-cta-static img,
.wallet .zapier-cta-rotating img {
    width: 90px;
}
.podcast-video-wrapper .hs-video-widget {
    position: relative;
    width: 100%;
    margin-bottom: 32px;
}
.podcast-video-wrapper iframe {
    width: 100%!important;
    height: 460px;
    margin-bottom: 32px;
}
.banner .image-right .tc-content {
    padding-right: 0;
}
.-with-custom-section-options.rounded {
    border-radius: 40px;
    margin: 0 40px;
}
.zapierweb3-wrapper {
    position: relative;
    max-width: 524px;
    margin: 0 auto;
    padding-top: 100px;
}

.zapierweb3-iconbg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
}
section.zapierweb3-section-block {
    padding: 0 40px;
}

.zapierweb3-section-block-top {
    border-radius: 40px 40px 0 0;
    padding: 0 20px;
}
.zapierweb3-section-block-bottom {
    border-radius:0 0 40px 40px;
    padding: 40px 20px 100px;
}
.zapierweb3-container {
    max-width: 1240px;
    margin: 0 auto;
}

.zapierweb3-gateway-block {
    position: relative;
    display: grid;
    grid-template-columns: 50% 50%;
    padding-bottom:60px;
}

.zapierweb3-gateway-left {
    margin-right: 16px;
    padding: 40px;
    border-radius: 20px;
    border: 1px solid #B93113;
    background-image: url('https://22257229.fs1.hubspotusercontent-na1.net/hubfs/22257229/gateway-abi-bg.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.zapierweb3-gateway-right {
    margin-left: 16px;
    padding: 40px;
    border-radius: 20px;
    border: 1px solid #D49A28;
}

h4.gateway-title {
    margin-bottom: 24px;
    color: #fff;
    display: flex;
    align-items: center;
}

.zapierweb3-gateway-block p {
    color: #fff;
    margin-bottom: 0;
}

.zapierweb3-gateway-block .cta_button {
    margin-top: 40px;
}

h4.gateway-title img {
    display: block;
    margin-right: 16px;
}
a.cta_button.wallet-btn.yellow-outline {
    background-color: transparent;
    border: 1px solid #D49A28;
    color: #D49A28;
    font-weight: 700;
}

.zapierweb3-section-block .cta_button.wallet-btn {
    font-weight: 700;
}

a.cta_button.wallet-btn.yellow-outline:hover, 
a.cta_button.wallet-btn.yellow-outline:active,
a.cta_button.wallet-btn.yellow-outline:focus {
    background-color: #D49A28;
    color: #fff;
}
span.zapier-tooltip-text {
    display: none;
    position: absolute;
    width: 121%;
    bottom: 135%;
    left: -18px;
    background-color: #fff;
    color: #0B0C0E;
    padding: 8px;
    border-radius: 8px;
}
span.zapier-tooltip-text span {
    font-size: 14px;
    color: #0B0C0E;
    font-family: 'Roboto';
    margin-bottom:10px;
    display:block;
}
span.zapier-tooltip-text span:last-child {
    margin-bottom:0;
}
span.zapier-tooltip-box {
    position: relative;
    cursor: pointer;
}

span.zapier-tooltip-text:before {
    content: url('https://22257229.fs1.hubspotusercontent-na1.net/hubfs/22257229/Tooltip-tip.svg');
    position: absolute;
    bottom: -17px;
    left: 44%;
}

span.zapier-tooltip-box:hover span.zapier-tooltip-text {
    display: block;
}
span.zapier-tooltip-title {
    text-decoration: underline;
}

h5.web3logo-title {
    text-align: center;
    color: #fff;
    margin-bottom: 40px;
    font-weight: 600;
}
p.web3logo-comingsoon {
    margin-bottom: 0;
    font-size: 22px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    margin-top: 40px;
}
label.zapier-tag-yellow {
    display: inline-block;
    background-color: #FFB930;
    color: #553E10;
    font-family: 'Gibson';
    font-size: 18px;
    font-weight: 600;
    padding: 4px 8px;
    border-radius: 4px;
    line-height: 1.6;
    margin-bottom: 20px;
}

.launch .tc-content {
    padding-left: 0;
}
.med span.zapier-tooltip-text {
    width: 95%;
    left: 8px;
}
ul.fd-social-links-group li a img.hover-image{
  display:none;
}
ul.fd-social-links-group li a {
    border: 0;
}

ul.fd-social-links-group li a:hover {
    background: none;
}

ul.fd-social-links-group li a:hover img.front-image {
    display: none;
}

ul.fd-social-links-group li a:hover img.hover-image {
    display: block;
}
.cta_button.wallet-btn.violet {
    background-color: #8C30F5;
}
.cta_button.wallet-btn.violet:hover {
    background-color: #7700ff;
}

.cta_button.wallet-btn.violet:focus,
.cta_button.wallet-btn.violet:active {
    background-color: #706E6E;
}
.anchor-scroll-block {
    position: relative;
    display: block;
    width: 100%;
}

.anchor-scroll-block>div {
    position: absolute;
    width: 100%;
    height: 50px;
    left: 0;
    top: -100px;
}


/************** RESPONSIVE ***********+*/
@media (max-width: 1500px) {
img.banner-img1 {
    right: -70px;
    transform: scale(1.0);
}
}

@media (max-width: 1280px) {
  .daos-title.v2 {
    max-width: 460px!important;
}

.daos-title.v2 h1 {
    font-size: 40px!important;
}

.daos-title.v2 p {
    font-size: 20px!important;
}

.logo-group.v2 img {
    width: 80%;
}
.dao-banner-container {
    max-width: 940px;
}

section.dao-banner-section {
    padding-bottom: 60px;
}

.dao-banner-section .logo-group.v2 {
    max-width: 940px;
}

.dao-banner-content {
    width: 53%;
}

.dao-banner-image {
    width: 47%;
}
img.banner-img1 {
    right: -100px;
    transform: scale(1.4);
}
 .plain-btn .dc-content {
    width: 50%;
}
.daos-cta.plain-btn {
    max-width: 940px;
    margin: 0 auto;
}
}
@media (max-width: 1250px) {
img.banner-img1 {
    right: -70px;
    transform: scale(1.0);
}
}
@media(max-width: 1024px){
  .dnd_area-row-0-background-image.daos-header {
    padding-top: 140px !important;
  }
.daos-title.v2 h1 {
    font-size: 38px!important;
}

.dao-banner-content {
    width: 47%;
}

.dao-banner-image {
    width: 53%;
}

img.banner-img1 {
    transform: scale(1.1);
    right: -50px;
}
.text-and-image-container {
    max-width: 940px;
    padding: 80px 20px;
}
section.text-and-image-section {
    background-position: 59% 100%;
}
.footer-daos-overlay .span4:nth-child(1) {
    display: none;
}

.footer-daos-overlay .span4:nth-child(2) {
    width: 50%;
}

.footer-daos-overlay .span4:nth-child(3) {
    width: 40%;
}
.logo-group-item {
    text-align: center;
}
.daos-cta.plain-btn {
    max-width: 840px;
}
.plain-btn .dc-content {
    width: 56%;
}
.logo-group.v2.web3 {
    grid-template-columns: repeat(4,auto)!important;
}

.logo-group.v2.web3 img {
    width: 100%;
}
}
@media (max-width: 1020px) {
img.banner-img1 {
    right: -30px;
    transform: scale(1.0);
}
}
@media (max-width: 980px) {
.featured-blog-item .title {
    font-size: 28px;
}
img.banner-img1 {
    right: 0;
    transform: scale(1.0);
}
}
@media (max-width: 768px) {
.dnd_area-row-0-background-image.daos-header {
    background-image: url('https://4798503.fs1.hubspotusercontent-na1.net/hubfs/4798503/grindery-daos-bg%20%283%29.png')!important;
}
.daos-title {
    text-align: center;
    padding-bottom: 565px;
    max-width: 100%!important;
}
.header__logo {
    margin: 0!important;
    margin-right: auto!important;
}
.featured-blog {
    display: block;
}
.dnd_area-row-2-background-image.blog-posts,.row-depth-1.blog-posts {
    background-image: url('https://4798503.fs1.hubspotusercontent-na1.net/hubfs/4798503/blog-posts-background-11.png')!important;
    background-position: 50%!important;
}
.footer-daos-overlay {
    background-image: url('https://4798503.fs1.hubspotusercontent-na1.net/hubfs/4798503/footer-background-12.png');
}

.fd-links ul {
    text-align: center;
}

ul.fd-social-links-group {
    justify-content: center;
    grid-gap: 15px;
}

.fd-links {
    padding-top: 30px;
}

.footer-daos .footer__container {
    padding: 100px 20px;
}

.fd-links ul li {
    margin-right: 30px;
}
ul.fd-social-links-group li {
    margin-right: 0;
}
.featured-blog-item {
    width: 100%;
}
.daos-cta {
    flex-wrap: wrap;
    text-align: center;
}

.dc-content {
    width: 100%;
}

.dc-cta {
    width: 100%;
}
.daos-cta,.daos-cta p {
    text-align: left!important;
}
.empowering img {
    display: block!important;
    margin: 35px auto 0 auto !important;
}

.empowering span {
    margin-right: 0!important;
}
.center-on-mobile{
    text-align:center!important;
}
.no-margin-mobile{
    margin-right:0!important;
}
.header__container.grnd-daos {
    flex-direction: row;
}

.grnd-daos .header__logo {
    border-right: none;
}
.logo-group {
    grid-template-columns: repeat(2,1fr);
    max-width: 400px;
    margin: 0 auto;
    grid-gap: 30px;
}
.mt150 {
    margin-top: 50px !important;
}
.text-and-image-container {
    grid-template-columns: 75% 35%;
}
.text-and-image-container.image-left {
    grid-template-columns: 33% 67%;
}
.logo-group.v2 {
    max-width: 100%;
}

.dnd_area-row-0-background-image.daos-header {
    padding-bottom: 40px!important;
    padding-top: 150px!important;
}

.daos-title.v2 {
    max-width: 100%!important;
    padding-bottom: 580px;
}
.dao-banner-container {
    padding: 0 40px;
    display: block;
}

.dao-banner-content {
    width: 100%;
}

.daos-title.v2 h1 {
    font-size: 50px !important;
}

.daos-title.v2 p {
    font-size: 25px !important;
}

.dao-banner-image {
    width: 100%;
}

img.banner-img1 {
    right: 0;
    transform: none;
}

.dao-banner-container {
    margin-bottom: 0;
}
 section.dao-banner-section {
    padding-top: 140px;
}
section.text-and-image-section.number2 {
    background-position: 59% 100%;
}

section.text-and-image-section {
    background-position: 42% 100%;
}

.text-and-image-container {
    grid-template-columns: 55% 35%;
}
.footer-daos-overlay .span4:nth-child(2) {
    width: 100%;
}

.footer-daos-overlay .span4:nth-child(3) {
    width: 100%;
}
.plain-btn .dc-content {
    width: 100%;
}
.daos-cta.plain-btn {
    max-width: 544px;
    background-position: left;
}
.four-four section.content-wrapper {
    background-image: none!important;
    background-color: #F6F9FB;
}

.four-four .error-page {
    padding-top: 130px;
    padding-bottom: 80px;
}

section.system-featured {
    padding-top: 50px;
    background-image: none;
}
.dao-banner-section .logo-group.v2 {
    grid-template-columns: repeat(3,auto) !important;
    justify-content: center;
}
section.featured-blog-section {
    background-position: left;
}
.blog-daos article.blog-index__post {
    display: block;
}

.blog-index__post-content.blog-index__post-content--small {
    padding-left: 0;
    width: 100%;
}


a.blog-index__post-image.blog-index__post-image--small {
    width: 100%;
    margin-bottom: 25px;
}

.blog-daos .content-wrapper {
    max-width: 500px;
}
table.wallet-table {
    text-align: left;
}
.podcast-video-wrapper iframe {
    height: 300px;
}
.zapierweb3-gateway-block {
    display: block;
}

.zapierweb3-gateway-left {
    margin-right: 0;
    margin-bottom: 32px;
}

.zapierweb3-gateway-right {
    margin-left: 0;
}

.logo-group.v2.web3 {
    grid-gap: 20px;
    grid-template-columns: repeat(3,auto)!important;
}
h3.pingh3 {
    font-size: 35px!important;
}

p.pingp {
    font-size: 18px!important;
}
}

@media(max-width: 767px){
  .dnd_area-row-0-background-image.daos-header {
    padding-top: 120px !important;
  }
  .fd-links ul li {
    margin-right: 0;
}

ul.fd-links-group {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
}

@media (max-width: 500px) {
.daos-title {
    padding-bottom: 580px;
    max-width: 100%!important;
}
.daos-title h1{
    font-size: 70px!important;
}
.dnd_area-row-0-background-image.daos-header {
    padding-bottom: 60px!important;
}
.footer-daos-overlay {
    background-image: url('https://4798503.fs1.hubspotusercontent-na1.net/hubfs/4798503/footer-background-14.png');
}

.dnd_area-row-2-background-image.blog-posts,.row-depth-1.blog-posts {
    background-image: url('https://4798503.fs1.hubspotusercontent-na1.net/hubfs/4798503/blog-posts-background-111.png')!important;
    background-position: right bottom!important;
}
.text-and-image-container {
    display: block;
    padding: 20px;
    padding-top: 180px;
    text-align: center;
}

.dc-content h4 {
    font-size: 30px!important;
}

.text-and-image-content h2 {
    font-size: 30px!important;
}

.text-and-image-content p {
    font-size: 20px!important;
}
.logo-group.v2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.logo-group.v2 .logo-group-item {
    width: 45%;
    text-align: center;
}

.logo-group.v2 img {
    width: 73%;
}

.daos-title.v2 h1 {
    font-size: 28px!important;
    margin-bottom: 15px;
}

.dnd_area-row-0-background-image.daos-header {
    padding-top: 156px!important;
}
.daos-title.v2 {
    padding-bottom: 420px;
}
.header a.dao-black-btn {
    font-size: 12px;
    padding: 10px 15px;
}
.plain-btn .dc-content {
    width: 100%;
}

.plain-btn .dc-content {
    text-align: center;
}

.plain-btn .dc-content>p {
    text-align: center!important;
    font-size: 20px!important;
    margin-bottom: 10px;
}

.dc-cta a.button {
    margin-left: 0!important;
    width: 100%;
    max-width: 180px;
    margin: 0 auto;
}

.dc-cta a.button:first-child {
    margin-bottom: 15px!important;
}

.plain-btn .dc-cta p {
    text-align: center!important;
}
.nft h3 {
    font-size: 35px!important;
}

.nft p {
    font-size: 16px!important;
}

.nft h4 {
    font-size: 32px!important;
}

.nft h5 {
    font-size: 25px!important;
}
.zapier-cta-wrapper h1 {
    font-size: 39px!important;
}

.zapier-cta-wrapper h4 {
    font-size: 25px!important;
}
section.zapierweb3-section-block {
    padding: 0 20px;
}

.zapierweb3-gateway-left,.zapierweb3-gateway-right {
    padding: 30px 20px;
}

h4.gateway-title {
    font-size: 25px;
}

.zapierweb3-gateway-block p {
    font-size: 18px;
}

.zapierweb3-gateway-block .cta_button {
    margin-top: 25px;
}

.zapierweb3-section-block-bottom {
    padding: 20px 20px 50px;
}

.-with-custom-section-options.rounded {
    margin: 0 20px;
}
.zapierweb3-iconbg svg {
    width: 100%!important;
    display: block;
}
}


@media (max-width: 400px) {

section.dao-banner-section {
    padding-top: 140px;
}

.header__container.content-wrapper.grnd-daos {
    padding: 20px!important;
}

.daos-title.v2 p {
    font-size: 20px !important;
}

.dao-banner-container, .logo-group.v2 {
    padding: 0 20px;
}

.dao-banner-container {
}

section.dao-banner-section {
    padding-top: 100px;
    padding-bottom: 40px;
}

img.banner-img1 {
    transform: scale(1.1);
}

.dao-banner-image {
    padding: 30px 0;
}
.btn-group>a:first-child {
    margin-right: 0;
    margin-bottom: 14px;
}

.btn-group>a {
    display: block;
}

ul.fd-social-links-group {
    display: flex;
    flex-wrap: wrap;
}
.logo-group.v2 .logo-group-item {
    width: 60%;
}
a.blog-index__post-image.blog-index__post-image--small {
    height: 200px;
    min-height: auto;
}
.blog-daos section.blog-index {
    padding-top: 0;
}
.blog-post-daos section.featured-blog-section.blog-posts {
    padding: 60px 20px;
}
}







.hs_cos_wrapper_type_rich_text span.flex img {position: relative; top: 8px;}