/*
 Theme Name:   Dolbyio(GeneratePress)
 Theme URI:    https://dolby.io
 Description:  Dolby GeneratePress Child Theme
 Author:       RolloutSF
 Author URI:   https://optiview.dolby.com
 Template:     generatepress
 Version:      2.012
*/
/* Table of Contents
	- General and Default Site Styles
		- Box Sizing
		- Typographical Elements
        - Buttons
    - Form styling
    - Hubspot custom form styling
    - Download block specific styles
    - generatepress css overides
    - Hero and Headers
    - FAQ Styles
    - Admin Class Styles
    - old theme and block CSS
    - GenerateBlocks or Gutenberg Block Custom CSS
    - Policies and terms pages
    - Site Footer
    - uber menu - start shifnav
    - Light theme styles
    - Author Header
    - Category Header 
    - Custom dbio block additional CSS
    - Badges
    - additional random or temporary styles
	- Media Queries
		- Max-width: 1280px
		- Max-width: 1200px
		- Max-width: 1023px
		- Max-width: 800px
		- Max-width: 480px
*/
@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=211ef8ce-7a7d-43ff-9019-75e92be18d18&fontids=6149639,6149643,6149649,6149662,6149667,6149672,6149677,6383935,6383939,6383943,6383947,6383962,6383966,6383972,6383975,6634663");
@font-face {
  font-family: "avenir-next-demi";
  src: url("fonts/6149639/11ba579d-59f5-479e-b2dd-411ca230f60c.woff2")
      format("woff2"),
    url("fonts/6149639/f740c173-ce1a-4e47-a4e3-fab0a45da815.woff")
      format("woff");
}
@font-face {
  font-family: "avenir-next-demi-it";
  src: url("fonts/6149643/296e79af-9ff5-4136-9548-a432704df310.woff2")
      format("woff2"),
    url("fonts/6149643/4d28346d-e4bc-4715-aefb-aeabe47c33f0.woff")
      format("woff");
}
@font-face {
  font-family: "avenir-next-bold";
  src: url("fonts/6149649/54a73ecc-af4b-4a5d-bc62-308e0fb53d83.woff2")
      format("woff2"),
    url("fonts/6149649/1cc134d7-e443-4d5b-887d-09e2af0aa119.woff")
      format("woff");
}
@font-face {
  font-family: "avenir-next-regular";
  src: url("fonts/6149662/146f526d-792d-4257-ba12-0fb6fbb8e31e.woff2")
      format("woff2"),
    url("fonts/6149662/2a1d06fe-73d7-4df1-9d59-5227c3c01d03.woff")
      format("woff");
}
@font-face {
  font-family: "avenir-next-it";
  src: url("fonts/6149667/0f80ea09-8707-444b-a376-ed344302f2d9.woff2")
      format("woff2"),
    url("fonts/6149667/02a418e2-04df-4d9a-be95-5d6a2851fe40.woff")
      format("woff");
}
@font-face {
  font-family: "avenir-next-medium";
  src: url("fonts/6149672/9548fa3a-05c3-47ef-a6d5-f2f6fef54f84.woff2")
      format("woff2"),
    url("6149672/7667f1c1-c3ca-4520-aead-66f9d93d55a0.woff") format("woff");
}
@font-face {
  font-family: "avenir-next-medium-it";
  src: url("fonts/6149677/1693592c-79e4-40a9-8a65-c06202b32b70.woff2")
      format("woff2"),
    url("fonts/6149677/d223f61f-151c-47b9-80e9-52d6105a3366.woff")
      format("woff");
}
@font-face {
  font-family: "avenir-next-ultra-lt";
  src: url("fonts/6383935/5c55c8c0-87de-4bc7-8e0b-9fda6000edd9.woff2")
      format("woff2"),
    url("fonts/6383935/2d1881dc-9f0f-40ac-aca7-bf807adda3a1.woff")
      format("woff");
}
@font-face {
  font-family: "avenir-next-ult-lt-it";
  src: url("fonts/6383939/e480d1a9-d3ac-4913-bc73-9ac7db7b22dc.woff2")
      format("woff2"),
    url("fonts/6383939/670ea3c7-d54a-4315-9e1b-a636050de209.woff")
      format("woff");
}
@font-face {
  font-family: "avenir-next-thin";
  src: url("fonts/6383943/a53ad4b8-525b-4e51-9268-c73f5dd90a4b.woff2")
      format("woff2"),
    url("fonts/6383943/c515e242-b277-4aa6-be4b-a3833574b57a.woff")
      format("woff");
}
@font-face {
  font-family: "avenir-next-thin-it";
  src: url("fonts/6383947/b823504b-6245-4570-8e1c-60472e2e0360.woff2")
      format("woff2"),
    url("fonts/6383947/aa8415ae-f7de-48c4-818f-b8f745172dd0.woff")
      format("woff");
}
@font-face {
  font-family: "avenir-next-heavy";
  src: url("fonts/6383962/41ae884e-ed1d-4cff-bd28-f16960d324db.woff2")
      format("woff2"),
    url("fonts/6383962/ddbbf731-24fd-4fab-aabc-1fd04130e79d.woff")
      format("woff");
}
@font-face {
  font-family: "avenir-next-heavy-it";
  src: url("fonts/6383966/f4e7fcfe-0c23-4195-a807-634c0945f835.woff2")
      format("woff2"),
    url("fonts/6383966/fb866dc4-8378-4efe-bcb6-6150123689b2.woff")
      format("woff");
}
@font-face {
  font-family: "avenir-next-lt";
  src: url("fonts/6383972/01fa22f2-c292-46a3-b2a3-e43acca0905f.woff2")
      format("woff2"),
    url("fonts/6383972/536593bd-b537-4d7e-a70f-5e1b3963ceec.woff")
      format("woff");
}
@font-face {
  font-family: "avenir-next-lt-it";
  src: url("fonts/6383975/2683677c-0169-4b7a-9b43-b395191a3f42.woff2")
      format("woff2"),
    url("fonts/6383975/d0a3d31f-e2c5-4673-8d6a-2dee0095dad6.woff")
      format("woff");
}
@font-face {
  font-family: "avenir-next-bold-it";
  src: url("fonts/6634663/d0ff46ba-0e7c-45ac-af9c-6b7463a951f8.woff2")
      format("woff2"),
    url("fonts/6634663/d145a6dc-0b23-4226-87d5-ebbdc1810013.woff")
      format("woff");
}
/* stylelint-disable */
/*html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}*/
/* stylelint-enable */

/* General and Default Site Styles */

/* Box Sizing
--------------------------------------------- */
html,
input[type="search"] {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

/* Float Clearing
--------------------------------------------- */
.author-box::before,
.clearfix::before,
.entry::before,
.entry-content::before,
.pagination::before,
.site-container::before,
.site-footer::before,
.site-header::before,
.site-inner::before,
.widget::before,
.wrap::before {
  content: " ";
  display: table;
}

.author-box::after,
.clearfix::after,
.entry::after,
.entry-content::after,
.pagination::after,
.site-container::after,
.site-footer::after,
.site-header::after,
.site-inner::after,
.widget::after,
.wrap::after {
  clear: both;
  content: " ";
  display: table;
}

/* Typographical Elements
--------------------------------------------- */
body {
  background-color: #fff;
  color: #b9b9ba;
  font-family: "avenir-next-regular", sans-serif;
  font-size: 16px;
  font-weight: 200;
  line-height: 1.5;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
body.post-template-default {
  color: #2c2c31;
}
body.altitude-home {
  background: none;
}
a,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.site-header.dark {
  transition: all 0.2s ease-in-out;
}
::selection {
  background-color: #f2f2f2;
  color: #2c2c31;
}
a {
  color: #aa33ff;
  text-decoration: none;
}
a:focus,
a:hover {
  color: #8829cc;
}
.site-container p.has-background a,
.site-container p.has-text-color a {
  color: #aa33ff;
}
.site-container p.has-background a:focus,
.site-container p.has-background a:hover,
.site-container p.has-text-color a:focus,
.site-container p.has-text-color a:hover {
  color: #8829cc;
}
p {
  margin: 0 0 30px;
  padding: 0;
}
ol,
ul {
  margin: 0;
  padding: 0;
}
li {
  list-style-type: none;
}
b,
strong {
  font-weight: 800;
}
body.single-post .entry-content b,
body.single-post .entry-content strong {
  font-family: "avenir-next-medium";
  color: #000;
}
cite,
em,
i {
  font-style: italic;
}
.image-section .widget:first-of-type cite {
  font-size: 16px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: 3px;
  text-transform: uppercase;
}
mark {
  background: #ddd;
  color: #000;
}
blockquote {
  color: currentColor;
  margin: 40px;
}
blockquote::before {
  color: currentColor;
  content: "\201C";
  display: block;
  font-size: 30px;
  height: 0;
  left: -20px;
  position: relative;
  top: -10px;
}
.image-section .widget:first-of-type blockquote {
  color: #fff;
  font-size: 80px;
  font-weight: 200;
  line-height: 1;
  margin: 0 0 20px;
}

.image-section blockquote::before {
  display: none;
}
.image-section {
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.1) 0%,
    rgba(0, 0, 0, 0.1) 30%,
    rgba(0, 0, 0, 0.1) 80%,
    rgba(0, 0, 0, 0.9) 100%
  );
}
hr {
  border: 0;
  border-collapse: collapse;
  border-top: 2px solid currentColor;
  clear: both;
  color: #eee;
  margin: 1.65em auto;
}
/* edit link from site disabled */
.post-edit-link {
  display: none;
}

/* Buttons
--------------------------------------------- */
.site-content .is-style-outline .wp-block-button__link {
  border: 1px solid currentColor;
  border-radius: 25px;
  padding: 12px 26px;
  font-size: 15px;
  font-weight: 700;
  line-height: 22.5px;
  letter-spacing: 0.1em;
}
.site-content .is-style-plain .wp-block-button__link {
  background-color: transparent;
  text-transform: none;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.is-style-plain .wp-block-button__link.has-text-color {
  background-repeat: no-repeat;
  background-position: right;
  margin-right: 0;
  background-image: url(/wp-content/uploads/2021/11/arrow_static_link_white.svg);
  background-size: 9px 14px;
}
.site-content .is-style-outline .wp-block-button__link {
  border: 1px solid currentColor;
  border-radius: 25px;
  padding: 12px 26px;
  font-size: 15px;
  font-weight: 700;
  line-height: 22.5px;
  letter-spacing: 0.1em;
}
.site-content .is-style-plain .wp-block-button__link {
  background-color: transparent !important;
  text-transform: none;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
/* button styles */
.gb-button {
  font-family: "avenir-next-medium";
}
.gb-button.btn-plain:hover {
  box-shadow: none;
}
/* outline button */
.gb-button.but-outline {
  box-shadow: 0px 1px 2px 1px rgb(97 97 97 / 18%),
    0px 1px 8px 1px rgb(97 97 97 / 18%);
}
.gb-button.but-outline:hover {
  box-shadow: 0px 2px 4px rgba(97, 97, 97, 0.18),
    0px 4px 8px rgba(97, 97, 97, 0.18);
}
/* new pricing buttons */
a.but-grad {
  padding: 12px 26px;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  background: var(
    --gradient-blue-purple,
    linear-gradient(100deg, #3e44fe -10.66%, #bb5cff 114.64%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "avenir-next-bold";
  border-radius: 26px;
  border: 2px solid var(--gradient-blue-purple, #3e44fe);
}
/*a.but-grad:hover, a.but-grad:focus {
	-webkit-background-clip: initial;
	-webkit-text-fill-color: initial;
	color: #fff !important;
}*/
a.but-grad:hover,
a.but-grad:focus {
  -webkit-background-clip: initial;
  -webkit-text-fill-color: initial;
  color: #fff !important;
  background: linear-gradient(
    0deg,
    rgba(62, 68, 254, 0.6),
    rgba(62, 68, 254, 0.6)
  );
  box-shadow: none;
}
/* button gradient 2 - gradient to blue */

.but-grad2 {
  line-height: 150% !important;
}
a.but-grad2:hover {
  background: linear-gradient(
    0deg,
    rgba(62, 68, 254, 0.6),
    rgba(62, 68, 254, 0.6)
  ) !important;
  border-color: #3e49f4;
  box-sizing: border-box;
  box-shadow: 0px 8px 14px rgb(62 68 254 / 26%);
  color: #fff;
}
/* plain button but-duo effect */
.but-duo .gb-grid-wrapper {
  flex-wrap: wrap;
}
.gb-button.gb-button-text.btn-plain {
  background-repeat: no-repeat;
  background-position: right;
  margin-right: 0;
  background-image: url(/wp-content/uploads/2021/11/arrow_static_link_white.svg);
  background-size: 15px 14px;
  /* width: 15px; */
  /* height: 14px; */
  /* margin-left: 7px; */
  display: inline-block;
  padding-right: 27px;
}
.gb-button.gb-button-text.btn-plain:hover {
  background-image: url(/wp-content/uploads/2021/11/arrow_hover_link_gray.svg);
  color: #b9b9ba;
  background-repeat: no-repeat;
}
/*a.but-grad {
	border: 1px solid red;
	border-radius: 50px;
	margin-left: 0;
	background: linear-gradient(99.69deg, #3E44FE -10.66%, #BB5CFF 114.64%);
	-webkit-background-clip: text;
	background-clip: text;
	text-fill-color: transparent;
	font-weight: 700;
	font-size: 14px;
	line-height: 115%;
	position: sticky;
	border-color: transparent;
	padding: 12px 25px;
	color: #3E44FE !important;
	text-transform: uppercase;
	letter-spacing: 1px;
}
a.but-grad:before, a.but-grad:after {
	content: '';
	position: absolute;
	border-radius: 26px;
	top: 1px;
	left: 1px;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	box-sizing: content-box;
	background-color: #fff;
	overflow: hidden;
	z-index: -1;
}
a.but-grad:after {
	top: -1px;
	left: -1px;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	z-index: -2;
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	background: linear-gradient(130deg, hsl(238, 99%, 62%) 0%, hsl(275, 100%, 68%) 68.75%);
}
a.but-grad:hover:before,
a.but-grad:hover:after {
  display: none;
}*/
/* end Buttons */
/* conact us top buttons */
.entry-content .dbio-contact-left p {
  line-height: 1.3 !important;
  margin-bottom: 0.55em !important;
  color: #000;
}
.entry-content .dbio-contact-left strong,
.entry-content .dbio-contact-right strong {
  font-size: 19px;
  font-family: "avenir-next-medium";
  color: #000;
}
.dbio-contact-left a {
  padding: 0.5em 0.5em 0;
  border: 1px solid;
  border-radius: 12px;
  display: inline-block;
}
.dbio-contact-left a:hover {
  background: linear-gradient(
    180deg,
    rgba(102, 31, 153, 0.1) 0%,
    rgba(75, 31, 153, 0) 70.31%
  );
  padding: 0.5em 0.5em 0;
  border: 1px solid;
  border-radius: 12px;
  color: #000 !important;
}
.entry-content .dbio-contact-right p {
  line-height: 1.3 !important;
  margin-bottom: 0.55em !important;
}
.dbio-contact-right a {
  padding: 0.5em 0.5em 0;
  border: 1px solid;
  border-radius: 12px;
  display: inline-block;
}
.dbio-contact-right a:hover {
  background: linear-gradient(
    180deg,
    rgba(102, 31, 153, 0.1) 0%,
    rgba(75, 31, 153, 0) 70.31%
  );
  padding: 0.5em 0.5em 0;
  border: 1px solid;
  border-radius: 12px;
  color: #000 !important;
}
.entry-content .dbio-contact-left a,
.entry-content .dbio-contact-right a,
.entry-content .dbio-contact-left a:hover,
.entry-content .dbio-contact-right a:hover {
  color: #000 !important;
}

/* Form styling
--------------------------------------------- */
input,
select,
textarea {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0;
  box-shadow: none;
  color: #000;
  font-size: 16px;
  padding: 20px;
  width: 100%;
}

input:focus,
textarea:focus {
  border: 1px solid #999;
  outline: none;
}

.front-page input:focus,
.front-page textarea:focus {
  border: 1px solid #079bc4;
  outline: none;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
  width: auto;
}

::-moz-placeholder {
  color: #000;
  opacity: 1;
}

::-webkit-input-placeholder {
  color: #000;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.site-container div.wpforms-container-full .wpforms-form input[type="submit"],
.site-container div.wpforms-container-full .wpforms-form button[type="submit"],
.widget .button {
  background-color: #079bc4;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 2px;
  padding: 15px 25px;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  white-space: normal;
  width: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
  display: none;
}
/* Hubspot custom form styling
--------------------------------------------- */
.news-c .hbspt-form fieldset.form-columns-2,
.dbio-hs-contact .hbspt-form fieldset.form-columns-2,
.dbio-events-cta .hbspt-form fieldset.form-columns-2,
.download-1 .hbspt-form fieldset.form-columns-2 {
  display: -webkit-flex;
  display: -ms-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.dbio-events-cta .hbspt-form .hs-fieldtype-text.hs-email,
.dbio-events-cta .hbspt-form .hs-fieldtype-text.hs-email input {
  width: 100% !important;
}
.dbio-events-cta .hbspt-form .hs-fieldtype-text:first-child {
  margin-right: 20px;
  margin-bottom: 16px;
}
.dbio-hs-contact select,
.dbio-hs-contact .hbspt-form input,
.dbio-hs-contact .hbspt-form textarea,
.dbio-events-cta .hbspt-form input,
.dbio-events-cta .hbspt-form textarea {
  background-color: transparent;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  color: #6a6a6d;
  padding: 12px;
}
.download-1 ul.inputs-list {
  margin: 0;
}
.download-1 .hs-input {
  width: 100% !important;
}
.download-1 .hs-form-booleancheckbox-display .hs-input {
  width: auto !important;
  padding-top: 2em;
  margin-top: 0.35em;
}
.download-1 .hs-richtext p {
  font-size: 13px;
  margin: 0 0 9px;
  padding: 0;
  color: #b9b9ba !important;
}
.download-1 .legal-consent-container .hs-form-booleancheckbox-display > span {
  line-height: 1.3;
}
.download-1 .form-columns-2 div:first-child {
  padding-right: 6px;
}
.news-c .hbspt-form label,
.download-1 .hbspt-form label,
.dbio-hs-contact .hbspt-form label,
.news-c .hbspt-form input,
.dbio-hs-contact .hbspt-form input,
.dbio-hs-contact .hbspt-form input,
.dbio-hs-contact .hbspt-form textarea,
.dbio-events-cta .hbspt-form label,
.dbio-events-cta .hbspt-form input,
.dbio-hs-contact select,
.download-1 .hbspt-form label,
.download-1 .hbspt-form input {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.01em;
}
.news-c .hbspt-form .hs-button.primary,
.download-1 .hbspt-form .hs-button.primary {
  display: inline-block;
  background: linear-gradient(99.69deg, #3e44fe -10.66%, #bb5cff 114.64%);
  box-shadow: 0px 2px 4px rgba(97, 97, 97, 0.18),
    0px 4px 8px rgba(97, 97, 97, 0.18);
  border-radius: 26px;
  outline: none;
  /* padding: 13.5px 26px; */
  padding: 12.5px 24px;
  border: 1.5px solid;
  border-color: transparent;
  font-weight: bold;
  font-size: 15px;
  line-height: 150%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 126% 126%;
  -webkit-transition: border-color 0.3s ease;
  -o-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}
.news-c .hbspt-form .hs-button.primary:focus,
.download-1 .hbspt-form .hs-button.primary:focus {
  color: #fff;
}

.news-c .hbspt-form .hs-button.primary:hover,
.download-1 .hbspt-form .hs-button.primary:hover {
  background: linear-gradient(
    0deg,
    rgba(62, 68, 254, 0.6),
    rgba(62, 68, 254, 0.6)
  );
  border-color: #3e49f4;
  box-sizing: border-box;
  box-shadow: 0px 8px 14px rgb(62 68 254 / 26%);
  color: #fff;
}

.news-c .hbspt-form .hs-error-msgs,
.dbio-hs-contact .hbspt-form .hs-error-msgs,
.download-1 .hbspt-form .hs-error-msgs {
  padding-left: 0;
  margin-bottom: 0;
  float: left;
}

.news-c .hbspt-form .hs-error-msgs > li,
.dbio-hs-contact .hbspt-form .hs-error-msgs > li,
.download-1 .hbspt-form .hs-error-msgs > li {
  list-style-type: none;
}

.news-c .hbspt-form .hs-error-msg,
.dbio-hs-contact .hbspt-form .hs-error-msg,
.download-1 .hbspt-form .hs-error-msg {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.3;
  letter-spacing: 0.02em;
}

.dbio-hs-contact .hs-button.primary.large,
.dbio-events-cta .hs-button.primary.large {
  text-align: center;
  display: inline-block;
  background: linear-gradient(99.69deg, #3e44fe -10.66%, #bb5cff 114.64%);
  box-shadow: 0px 2px 4px rgba(97, 97, 97, 0.18),
    0px 4px 8px rgba(97, 97, 97, 0.18);
  border-radius: 26px;
  outline: none;
  padding: 6.5px 24px;
  border: 1.5px solid;
  border-color: transparent;
  font-weight: bold;
  font-size: 15px;
  line-height: 150%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 126% 126%;
  -webkit-transition: border-color 0.3s ease;
  -o-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}
.dbio-hs-contact .hbspt-form .hs-button.primary:hover,
.dbio-events-cta .hbspt-form .hs-button.primary:hover {
  background: linear-gradient(
    0deg,
    rgba(62, 68, 254, 0.6),
    rgba(62, 68, 254, 0.6)
  );
  border-color: #3e49f4;
  box-sizing: border-box;
  box-shadow: 0px 8px 14px rgb(62 68 254 / 26%);
  color: #fff;
}
.dbio-hs-contact .hs_submit.hs-submit {
  text-align: center;
  margin: 0.5em auto;
}
.dbio-hs-contact ul.inputs-list {
  padding-left: 0;
}
.dbio-hs-contact ul li.hs-form-booleancheckbox {
  list-style-type: none;
}
.dbio-hs-contact ul.inputs-list,
.dbio-hs-contact ol.inputs-list {
  padding-left: 0;
}
.dbio-hs-contact .hs-form-booleancheckbox-display input {
  margin-right: 0.5em;
}
.newsletterb p {
  color: #fff;
}
.newsletterc_container {
  padding: 60px 0;
  margin-bottom: 75px;
}

.newsletterc {
  max-width: 1080px;
  margin: 0 auto;
}

.dbio_light_theme.newsletterc_container .dbio-default-heading-block h2,
.newsletterc * {
  color: #fff;
}

.newsletterc .dbio_block_column {
  width: 48.888%;
}

.newsletterc .dbio_block_column:last-child {
  width: 45%;
}

.newsletterc_text_content_column {
  max-width: 528px;
}

.newsletterc p {
  font-weight: 500;
  font-size: 17px;
  line-height: 1.6;
  letter-spacing: 0.01em;
  margin-bottom: 0;
}
.news-c .hbspt-form fieldset.form-columns-1,
.dbio-hs-contact .hbspt-form fieldset.form-columns-1,
.news-c .hbspt-form fieldset.form-columns-2,
.dbio-hs-contact .hbspt-form fieldset.form-columns-2,
.dbio-events-cta .hbspt-form fieldset.form-columns-1,
.download-1 .hbspt-form fieldset.form-columns-1,
.download-1 .hbspt-form fieldset.form-columns-2 {
  max-width: 100%;
}

.news-c .hbspt-form fieldset.form-columns-2,
.dbio-hs-contact .hbspt-form fieldset.form-columns-2,
.dbio-events-cta .hbspt-form fieldset.form-columns-2,
.download-1 .hbspt-form fieldset.form-columns-2 {
  display: -webkit-flex;
  display: -ms-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}

.news-c .hbspt-form .hs-fieldtype-text {
  width: 333px !important;
  float: left;
}
.news-c .hbspt-form .hs-fieldtype-text.hs-email,
.news-c .hbspt-form .hs-fieldtype-text.hs-email input {
  /*width: 100% !important;*/
}
.dbio-events-cta .hbspt-form .hs-fieldtype-text.hs-email,
.dbio-events-cta .hbspt-form .hs-fieldtype-text.hs-email input {
  width: 100% !important;
}
.dbio-hs-contact h2 {
  color: #2c2c31;
  margin-bottom: 0.5em;
  margin-top: 1rem;
}

.news-c .hbspt-form .hs-fieldtype-text:first-child {
  margin-right: 20px;
  margin-bottom: 16px;
}
.news-c.gb-block-layout-column {
  padding-top: 60px;
}
.news-c .hbspt-form input,
.download-1 .hbspt-form input {
  background-color: transparent;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: #fff !important;
  padding: 12px;
}
.news-c .hbspt-form .input,
.dbio-hs-contact .hbspt-form .input,
.download-1 .hbspt-form .input {
  margin-right: 0 !important;
}
.news-c .hbspt-form .hs-fieldtype-text:first-child {
  margin-right: 20px;
  margin-bottom: 16px;
}
/* contact us form */
.news-c .hbspt-form .input,
.dbio-hs-contact .hbspt-form .input,
.download-1 .hbspt-form .input {
  margin-right: 0 !important;
}

.news-c .hbspt-form label,
.dbio-hs-contact .hbspt-form label,
.download-1 .hbspt-form label {
  margin-bottom: 8px;
}

.news-c .hbspt-form label,
.download-1 .hbspt-form label,
.dbio-hs-contact .hbspt-form label,
.news-c .hbspt-form input,
.dbio-hs-contact .hbspt-form input,
.dbio-hs-contact .hbspt-form input,
.dbio-hs-contact .hbspt-form textarea,
.dbio-events-cta .hbspt-form label,
.dbio-events-cta .hbspt-form input,
.dbio-hs-contact select,
.download-1 .hbspt-form label,
.download-1 .hbspt-form input,
.download-1 .hbspt-form textarea {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.01em;
}

.news-c .hbspt-form input,
.download-1 .hbspt-form input,
.download-1 .hbspt-form textarea,
.download-1 .hbspt-form select {
  background-color: #14141a;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: #fff;
  padding: 12px;
}
.dbio-hs-contact select,
.dbio-hs-contact .hbspt-form input,
.dbio-hs-contact .hbspt-form textarea,
.dbio-events-cta .hbspt-form input,
.dbio-events-cta .hbspt-form textarea {
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  color: #6a6a6d;
  padding: 12px;
}
.dbio-hs-contact .hs_contact_opt_in {
  margin-top: 1em;
}

.news-c .hbspt-form ::-webkit-input-placeholder,
.download-1 .hbspt-form ::-webkit-input-placeholder {
  color: #ffffff;
}
.dbio-hs-contact .hbspt-form ::-webkit-input-placeholder {
  color: #6a6a6d;
}

.news-c .hbspt-form ::-moz-placeholder,
.download-1 .hbspt-form ::-moz-placeholder {
  color: #ffffff;
}
.dbio-hs-contact .hbspt-form ::-moz-placeholder {
  color: #6a6a6d;
}

.news-c .hbspt-form :-ms-input-placeholder,
.download-1 .hbspt-form :-ms-input-placeholder {
  color: #6a6a6d;
}
.dbio-hs-contact .hbspt-form :-ms-input-placeholder {
  color: #6a6a6d;
}

.news-c .hbspt-form :-moz-placeholder,
.download-1 .hbspt-form :-moz-placeholder {
  color: #6a6a6d;
}
.dbio-hs-contact .hbspt-form :-moz-placeholder {
  color: #6a6a6d;
}
.dbio-hs-contact .hbspt-form .hs-fieldtype-text.hs-email,
.dbio-hs-contact .hbspt-form .hs-fieldtype-text.hs-email input,
.dbio-hs-contact .hbspt-form .hs-fieldtype-text.hs-company,
.dbio-hs-contact .hbspt-form .hs-fieldtype-text.hs-company input,
.dbio-hs-contact .hbspt-form .hs-fieldtype-text.hs_contact_us_message__c,
.dbio-hs-contact .hbspt-form .hs-fieldtype-text.hs_contact_us_message__c input,
.dbio-hs-contact .hbspt-form .hs-fieldtype-textarea,
.dbio-hs-contact .hbspt-form .hs-fieldtype-textarea textarea {
  width: 100%;
}
.dbio-hs-contact fieldset select.hs-input,
.dbio-hs-contact fieldset textarea.hs-input {
  width: 100% !important;
}
.dbio-hs-contact .form-columns-0 {
  max-width: 100% !important;
}
.dbio-hs-contact .hbspt-form .hs-fieldtype-text:first-child {
  margin-right: 20px;
  margin-bottom: 24px;
}
[type="number"]:focus,
[type="string"]:focus,
[type="text"]:focus,
select:focus,
[type="tel"]:focus,
textarea:focus,
[type="email"]:focus {
  border-color: #aa33ff !important;
  border-width: 2px !important;
}

.dbio-hs-contact .hbspt-form .hs-fieldtype-text:first-child,
.dbio-hs-contact .hbspt-form .hs-fieldtype-phonenumber {
  margin-right: 20px;
  margin-bottom: 24px;
}
.dbio-hs-contact .hbspt-form .hs-fieldtype-select {
  margin-right: 0;
  margin-bottom: 24px;
}

.news-c .hbspt-form .hs-button.primary,
.download-1 .hbspt-form .hs-button.primary {
  display: inline-block;
  background: linear-gradient(99.69deg, #3e44fe -10.66%, #bb5cff 114.64%);
  box-shadow: 0px 2px 4px rgba(97, 97, 97, 0.18),
    0px 4px 8px rgba(97, 97, 97, 0.18);
  border-radius: 26px;
  outline: none;
  /* padding: 13.5px 26px; */
  padding: 12.5px 24px;
  border: 1.5px solid;
  border-color: transparent;
  font-weight: bold;
  font-size: 15px;
  line-height: 150%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 126% 126%;
  -webkit-transition: border-color 0.3s ease;
  -o-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}
.news-c .hbspt-form .hs-button.primary:focus,
.download-1 .hbspt-form .hs-button.primary:focus {
  color: #fff;
}

.news-c .hbspt-form .hs-button.primary:hover,
.download-1 .hbspt-form .hs-button.primary:hover {
  background: linear-gradient(
    0deg,
    rgba(62, 68, 254, 0.6),
    rgba(62, 68, 254, 0.6)
  );
  border-color: #3e49f4;
  box-sizing: border-box;
  box-shadow: 0px 8px 14px rgb(62 68 254 / 26%);
  color: #fff;
}

.news-c .hbspt-form .hs-error-msgs,
.dbio-hs-contact .hbspt-form .hs-error-msgs,
.download-1 .hbspt-form .hs-error-msgs {
  padding-left: 0;
  margin-bottom: 0;
  float: left;
}

.news-c .hbspt-form .hs-error-msgs > li,
.dbio-hs-contact .hbspt-form .hs-error-msgs > li,
.download-1 .hbspt-form .hs-error-msgs > li {
  list-style-type: none;
}

.news-c .hbspt-form .hs-error-msg,
.dbio-hs-contact .hbspt-form .hs-error-msg,
.download-1 .hbspt-form .hs-error-msg {
  font-weight: 700;
  font-size: 12px;
  line-height: 1.3;
  letter-spacing: 0.02em;
  color: #fb3e79;
}

.dbio-hs-contact .hs-button.primary.large,
.dbio-events-cta .hs-button.primary.large {
  text-align: center;
  display: inline-block;
  background: linear-gradient(99.69deg, #3e44fe -10.66%, #bb5cff 114.64%);
  box-shadow: 0px 2px 4px rgba(97, 97, 97, 0.18),
    0px 4px 8px rgba(97, 97, 97, 0.18);
  border-radius: 26px;
  outline: none;
  padding: 9.5px 24px;
  border: 1.5px solid;
  border-color: transparent;
  font-weight: bold;
  font-size: 15px;
  line-height: 150%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 126% 126%;
  -webkit-transition: border-color 0.3s ease;
  -o-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}
.dbio-hs-contact .hbspt-form .hs-button.primary:hover,
.dbio-events-cta .hbspt-form .hs-button.primary:hover {
  background: linear-gradient(
    0deg,
    rgba(62, 68, 254, 0.6),
    rgba(62, 68, 254, 0.6)
  );
  border-color: #3e49f4;
  box-sizing: border-box;
  box-shadow: 0px 8px 14px rgb(62 68 254 / 26%);
  color: #fff;
}
.dbio-hs-contact .hs_submit.hs-submit {
  text-align: center;
  margin: 0.5em auto;
}
.dbio-hs-contact ul.inputs-list {
  padding-left: 0;
}
.dbio-hs-contact ul li.hs-form-booleancheckbox {
  list-style-type: none;
}
.dbio-hs-contact ul.inputs-list,
.dbio-hs-contact ol.inputs-list {
  padding-left: 0;
}
.dbio-hs-contact .hs-form-booleancheckbox-display input {
  margin-right: 0.5em;
}
/* Download block specific styles */
.download-1 .input,
.download-1 select,
.download-1 textarea {
  margin: 6px 0;
}
.download-1 .hs-button {
  margin-top: 12px;
}
.download-1 p.cta-smalltxt,
.download-1 .legal-consent-container .hs-form-booleancheckbox-display p {
  color: #b9b9ba !important;
  font-size: 13px;
  letter-spacing: 0.03em;
  clear: left;
  padding-top: 1em;
  margin: auto;
  width: 70%;
}
.download-1 .submitted-message {
  font-size: 28px !important;
}
.download-1 .hbspt-form {
  width: 70%;
  margin: auto;
}
.download-1 .hbspt-form .hs-fieldtype-text {
  width: 100%;
  float: left;
}
/* end download */
@media only screen and (max-width: 1120px) {
  .newsletterc {
    margin-right: 32px;
    margin-left: 32px;
  }
}

@media only screen and (max-width: 800px) {
  .newsletterc p,
  .news-c .hbspt-form label,
  .news-c .hbspt-form input,
  .download-1 .hbspt-form input,
  .download-1 .hbspt-form label {
    font-size: 15px;
  }
  .download-1 p.cta-smalltxt,
  .download-1 .hbspt-form {
    width: 90%;
  }
}
/* end Hubspot, contact us form,  and newsletter form css */

/* generatepress css overides
--------------------------------------------- */
.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.one-container .container,
.separate-containers .paging-navigation,
.inside-page-header {
  background-color: transparent !important;
}
.separate-containers .comments-area,
.separate-containers .inside-article,
.separate-containers .page-header,
.separate-containers .paging-navigation {
  padding: 0px;
}
/* end css overrides */

/* Hero and Headers
--------------------------------------------- */
.dbio-eyebrow-headline h3 {
  color: transparent;
  font-size: 16px;
  text-transform: uppercase;
  line-height: 1.58;
  font-weight: 700;
  letter-spacing: 0.15em;
  background: linear-gradient(55deg, #00b5e6 35%, #03e886 65%);
  /* background-clip: border-box; */
  background-clip: text;
  display: inline;
  font-family: "avenir-next-medium";
}
.hd-hero-hm h2, .hd-hero h2 {
font-weight: 600;
  font-size: 48px;
  letter-spacing: -.02em;
  line-height: 1.2em;
  margin-bottom: 18px;
}
h1.eyebrow-hd-wh {
  font-size: 16px;
  text-transform: uppercase;
  line-height: 1.58;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.15em;
}
h3.eyebrow-hd-wh {
  font-size: 16px;
  text-transform: uppercase;
  line-height: 1.58;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.15em;
}
p.eyebrow-hd-wh {
  font-size: 16px;
  text-transform: uppercase;
  line-height: 1.58;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.15em;
}
p.eyebrow-hd {
  color: transparent;
  font-size: 16px;
  text-transform: uppercase;
  line-height: 1.58;
  font-weight: 600;
  letter-spacing: 0.15em;
  background: linear-gradient(25deg, #00b5e6 15%, #03e886 45%);
  background-clip: text;
}
p.eyebrow-gradient {
  color: transparent;
  font-size: 16px;
  text-transform: uppercase;
  line-height: 1.58;
  font-weight: 600;
  letter-spacing: 0.15em;
  background: linear-gradient(55deg, #00b5e6 35%, #03e886 65%);
  background-clip: text;
}
.dbio-headalt2 h1,
.dbio-headalt1 h1,
.dbio-headoverview h1 {
  font-size: 48px;
  color: #fff;
}
.dbio-headalt1 h3,
.dbio-headalt2 h3 {
  font-size: 16px;
  text-transform: uppercase;
  line-height: 1.58;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.15em;
}
.has-text-align-center {
  text-align: center;
}
.dbio-headalt1 p,
.entry-content .dbio-headalt2 p {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.46em;
  letter-spacing: 0.015em;
  margin-bottom: 2em;
}
.site-content .dbio-headalt2 .is-style-outline .wp-block-button__link {
  border: 2px solid currentColor;
  border-radius: 26px;
  padding: 13px 28px;
  text-transform: uppercase;
}
h3.dbio-eyebrow-heading {
  font-size: 16px;
  color: #30b4e6;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  text-align: center;
  padding-top: 50px;
  font-weight: 600;
}

/* end hero and headers */

/* FAQ Styles
--------------------------------------------- */
.gb-accordion__toggle .gb-icon svg {
  color: #aa33ff;
}

.gb-button.gb-accordion__toggle {
  font-size: 20px;
  letter-spacing: normal;
  font-family: "avenir-next-regular";
  background: none !important;
}
.gb-button.gb-accordion__toggle:hover {
  box-shadow: none;
}
.gb-button.gb-accordion__toggle {
  padding-left: 0;
}
.gb-container.gb-accordion__item {
  border-bottom: 2px solid #3b3b3b;
}
/* light FAQs */
.dbio_light_theme .gb-container.gb-accordion__item,
.single-post .gb-container.gb-accordion__item {
  border-bottom: 1px solid #d2d2d2;
}
/* Admin Class Styles 
--------------------------------------------- */
.bg-gradient1 {
  background: linear-gradient(
    180deg,
    rgba(204, 133, 255, 0.1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
}
/* old theme and block CSS
--------------------------------------------- */
.entry-content .dbio-tl-ir-v1 p,
.entry-content .dbio-use-cases p,
.entry-content .dbio-content-4-2 p,
.entry-content .dbio-content-2-2 p,
.entry-content .dbio-security-block p {
  font-size: 17px;
  font-weight: 500;
  line-height: 1.6em;
  letter-spacing: 0.015em;
  color: #b9b9ba !important;
}
.entry-content .dbio-tl-ir-v1 p,
.entry-content .dbio-use-cases p,
.entry-content .dbio-content-4-2 p,
.entry-content .dbio-content-2-2 p,
.entry-content .dbio-security-block p {
  font-size: 17px;
  font-weight: 500;
  line-height: 1.6em;
  letter-spacing: 0.015em;
  color: #b9b9ba !important;
}
.dbio-icons-use-case img {
  width: 80px;
}
section.dbio_blocks.dbio_case_studies_block_container.force_extended_width.alignfull.dbio_light_theme {
  margin-left: unset;
  margin-right: unset;
}
.dbio-security-block .wp-block-image figure {
  width: 120px;
  height: auto;
}
section.dbio_blocks.dbio_tabbed_content_container {
  margin-left: calc(-100vw / 2 + 100% / 2);
  margin-right: calc(-100vw / 2 + 100% / 2);
}

body .site-main .wp-block-group__inner-container {
  padding: 0;
}
body .wp-block-group__inner-container {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.dbio-tl-ir-v1 h3,
.dbio-use-cases h3,
.dbio-content-2-2 h3,
.dbio-content-4-2 h3,
.dbio-security-block h3 {
  font-size: 16px;
  text-transform: uppercase;
  line-height: 1.58;
  color: #35c8ff !important;
  font-weight: 600;
  letter-spacing: 0.15em;
}

/* GenerateBlocks or Gutenberg Block Custom CSS 
--------------------------------------------- */
/* grid download block */
.dload-block {
  display: grid;
  grid-template-columns: 32% 64%;
  grid-column-gap: 3%;
}
.dload-block-img {
  grid-column: 1;
  grid-row-start: 1;
  grid-row-end: 3;
}
.dload-block-hd {
  grid-column: 2;
  grid-row: 1;
  align-self: end;
}
.dload-block-desc {
  grid-column: 2;
  grid-row: 2 / 3;
  align-self: start;
}
/* grid left right */
.lr-block {
  display: grid;
  grid-template-columns: 44% 54%;
  gap: 0 2%;
}
.lr-block-hd {
  grid-column: 1;
  grid-row: 1;
  align-self: end;
}
.lr-block-img {
  grid-column: 2;
  grid-row-start: 1;
  grid-row-end: 3;
}
.lr-block-desc {
  grid-column: 1;
  grid-row: 2 / 3;
  align-self: start;
}

/* right left */
.rl-block {
  display: grid;
  grid-template-columns: 53% 45%;
  gap: 0 2%;
}
.rl-block-hd {
  grid-column: 2;
  grid-row: 1;
  align-self: end;
}
.rl-block-img {
  grid-column: 1;
  grid-row-start: 1;
  grid-row-end: 3;
}
.rl-block-desc {
  grid-column: 2;
  grid-row: 2 / 3;
  align-self: start;
}
@media only screen and (max-width: 480px) {
  .dload-block {
    display: grid;
    grid-template-columns: 100%;
    grid-column-gap: 0;
    grid-row-gap: 0.5em;
  }
  .lr-block-hd,
  .rl-block-hd,
  .dload-block-hd {
    grid-column: 1 / 3;
    grid-row: 1;
    align-self: end;
  }
  .lr-block-img,
  .rl-block-img,
  .dload-block-img {
    grid-column: 1 / 3;
    grid-row: 2;
  }
  .lr-block-desc,
  .rl-block-desc,
  .dload-block-desc {
    grid-column: 1 / 3;
    grid-row: 3 / 3;
    align-self: start;
  }
}

/* Policies and terms pages
--------------------------------------------- */
.txt-policies,
.txt-policies h4 {
  color: #2c2c31;
  font-weight: 600;
}
.dbio-terms li {
  font-size: 17px;
  list-style-type: none;
  padding: 0 0 0.5em 0;
  font-weight: 600;
  padding-bottom: 0.5em !important;
}
.dbio-terms a {
  padding-left: 1em !important;
  border-left: 2px solid transparent;
}
.dbio-terms li a:hover {
  color: #aa33ff;
}
.dbio-terms li a[aria-current="page"] {
  border-left: 2px solid #aa33ff;
}
.parent-pageid-6723 .entry-content p,
.parent-pageid-6723 .entry-content li {
  font-size: 17px;
  font-weight: 600;
}
.parent-pageid-6723 h1 {
  font-size: 48px;
}
.table-nowrap td {
  white-space: nowrap;
}
.parent-pageid-6723 .entry-content h4 {
  font-size: 20px;
  font-weight: 700;
  font-family: "avenir-next-medium";
  color: #2c2c31;
}
.parent-pageid-6723 .entry-content strong {
  font-weight: 700;
  font-family: "avenir-next-medium";
}
.parent-pageid-6723 .entry-content ol {
  padding-left: 18px;
}
.parent-pageid-6723 .entry-content table {
  margin-bottom: 0;
  color: #2c2c31 !important;
  border: 1px solid #2c2c31 !important;
}
.parent-pageid-6723 .entry-content tr,
.parent-pageid-6723 .entry-content td {
  border: 1px solid #2c2c31 !important;
}
@media only screen and (max-width: 960px) {
  .parent-pageid-6723 h1 {
    font-size: 42px;
  }
}
@media only screen and (max-width: 767px) {
  .parent-pageid-6723 h1 {
    font-size: 34px;
  }
}

/* Site Footer 
--------------------------------------------- */
/* body styles */
.site-footer {
  background-color: #14141a;
  border-top: 1px solid hsla(0, 0%, 44%, 1);
}
.footer-grid h3 {
  font-size: 17px;
  line-height: 27.2px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: "avenir-next-medium";
  word-wrap: normal;
  color: #ffffff !important;
}
.gridcol1 img {
  margin: 40px 0;
  width: 90px;
}
.gb-container.gb-container-ebd742b6.footer-grid {
  display: grid;
  grid-gap: 0;
  grid-template-columns: 20%;
}
.footer-grid .gridcol2 p {
  margin-bottom: 30px;
}
.footer-grid p {
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: rgba(255, 255, 255, 0.7);
  margin: 0;
  line-height: 1;
}
.gb-container.gb-container-ebd742b6.footer-grid a {
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: 17px;
  font-weight: 500;
}
.gb-container.gb-container-ebd742b6.footer-grid a:hover {
  color: #fff !important;
}
.gridcol1 {
  grid-column: 1;
  grid-row: 1 / 3;
}
.gridcol2 {
  grid-column: 2 / 6;
  grid-row: 1;
  border-top: none;
  border-right: 1px solid hsla(0, 0%, 44%, 1);
  border-left: 1px solid hsla(0, 0%, 44%, 1);
  border-bottom: 1px solid hsla(0, 0%, 44%, 1);
  padding: 1.5em;
}
.gridcol3 {
  grid-column: 2;
  grid-row: 2;
}
.gridcol4 {
  grid-column: 3;
  grid-row: 2;
}
.gridcol5 {
  grid-column: 4;
  grid-row: 2;
}
.gridcol6 {
  grid-column: 5;
  grid-row: 2;
}
.gridcol7 {
  grid-column: 2;
  grid-row: 3;
}
.gridcol8 {
  grid-column: 3 / 4;
  grid-row: 3;
}
.gridcol9 {
  grid-column: 5;
  grid-row: 3;
}
.gridcol3,
.gridcol4,
.gridcol5 {
  border-left: 1px solid hsla(0, 0%, 44%, 1);
  border-bottom: 1px solid hsla(0, 0%, 44%, 1);
}
.gridcol6 {
  border-left: 1px solid hsla(0, 0%, 44%, 1);
  border-right: 1px solid hsla(0, 0%, 44%, 1);
  border-bottom: 1px solid hsla(0, 0%, 44%, 1);
}
.gridcol7,
.gridcol9 {
  border-left: 1px solid hsla(0, 0%, 44%, 1);
  border-right: 1px solid hsla(0, 0%, 44%, 1);
}
.gridcol8 {
  grid-column: 3 / 4;
  grid-row: 3;
}
.gridcol3,
.gridcol4,
.gridcol5,
.gridcol6,
.gridcol7,
.gridcol8,
.gridcol9 {
  padding: 40px 25px 25px;
}
/*body main#main {
    padding: 0 5%;
}*/
/* Footer social */
.social-media-icons li {
  float: left;
  margin-right: 22px;
  max-width: 24px;
}
.social-media-icons a {
  color: hsla(0, 0%, 100%, 0.4) !important;
}
.dbio_footer_social_link i,
.pagebody-social .dbio_footer_social_link i {
  font-size: 24px;
}
.fab.fa-linkedin,
.fab.fa-youtube {
  color: hsla(0, 0%, 100%, 0.4) !important;
}
@media only screen and (max-width: 960px) {
  .gridcol3 {
    grid-column: 2 / 4;
    grid-row: 2;
  }
  .gridcol4 {
    grid-column: 4 / 6;
    grid-row: 2;
  }
  .gridcol4 {
    border-left: 1px solid hsla(0, 0%, 44%, 1);
    border-right: 1px solid hsla(0, 0%, 44%, 1);
    border-bottom: 1px solid hsla(0, 0%, 44%, 1);
  }
  .gridcol5 {
    grid-column: 2 / 4;
    grid-row: 3;
  }
  .gridcol6 {
    grid-column: 4 / 6;
    grid-row: 3;
  }
  .gridcol7 {
    grid-column: 2;
    grid-row: 4;
  }
  .gridcol8 {
    grid-column: 3 / 4;
    grid-row: 4;
  }
  .gridcol9 {
    grid-column: 5;
    grid-row: 4;
  }
}
@media only screen and (max-width: 480px) {
  .gb-container.gb-container-ebd742b6.footer-grid {
    display: grid;
    grid-gap: 0;
    grid-template-columns: 50%;
  }
  .gridcol1 {
    grid-column: 1 / 6;
    grid-row: 1;
  }
  .gridcol2 {
    grid-column: 1 / 6;
    grid-row: 2;
    padding: 0;
  }
  .gridcol3 {
    grid-column: 1 / 3;
    grid-row: 3;
  }
  .gridcol4 {
    grid-column: 3 / 6;
    grid-row: 3;
  }
  .gridcol5 {
    grid-column: 1 / 3;
    grid-row: 4;
  }
  .gridcol6 {
    grid-column: 3 / 6;
    grid-row: 4;
  }
  .gridcol9 {
    grid-column: 1 / 6;
    grid-row: 5;
    margin: 0 auto;
  }
  .gridcol8 {
    grid-column: 1 / 6;
    grid-row: 6;
    text-align: center;
  }
  .gridcol7 {
    grid-column: 1 / 6;
    grid-row: 7;
    text-align: center;
  }
  .gridcol9,
  .gridcol7,
  .gridcol6,
  .gridcol5,
  .gridcol4,
  .gridcol3,
  .gridcol2,
  .gridcol1 {
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: none;
  }
  .gridcol2 {
    margin-bottom: 24px;
  }
  .gridcol7,
  .gridcol6,
  .gridcol5,
  .gridcol4,
  .gridcol3,
  .gridcol8,
  .gridcol9 {
    padding: 12px 0;
  }
  #custom_html-3 {
    padding-top: 24px;
    padding-bottom: 12px;
    margin: 0 auto;
  }
}
/* Menu Styles - Ubermenu - Shiftnav 
----------------------------------------*/
/* sticky nav may need to be turned on 
#sticky-navigation {
	background-color: #14141A;
}
.header-wrap {
	z-index: 100;
}*/

/* ubermenu 
#ubermenu-main-2-primary-2-sticky-wrapper {
	width: 100%;
}
#mobile-header {
	background-color: #000;
}
.menu-toggle {
	display: none !important;
}
#shiftnav-toggle-main {
	display: none;
}
.inside-navigation .shiftnav-toggle {
	padding: 12px;
}
#shiftnav-toggle-main .shiftnav-toggle-burger, #shiftnav-toggle-main.shiftnav-toggle-main-entire-bar::before {
	float: right !important;
	padding: 10px 0px !important;
}
#shiftnav-toggle-main .shiftnav-main-toggle-content {
	padding: 8px 20px !important;
	text-align: center !important;
}
@media only screen and (max-width: 1200px) {
    .ubermenu.ubermenu-main .ubermenu-item-level-0 {
	margin: 20px 20px 0 0 !important;
    }
    .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
	font-size: 14px !important;
    }
    #menu-item-2945 .ubermenu-target, #menu-item-2959 .ubermenu-target, #menu-item-3962 .ubermenu-target, #menu-item-3962 .ubermenu-target {
	padding: 12px 0 0 0;
    }
	.site-header .widget-area {
		width: 580px;
	}
	.content {
		width: 520px;
	}
	.full-width-content .content {
		padding: 0 110px;
	}
	.front-page-1,
	.front-page-3,
	.front-page-5,
	.front-page-7 {
		background-attachment: fixed;
	}
}
 @media only screen and (max-width: 1070px) {
.ubermenu-main .menu-talk.ubermenu-item-level-0 > .ubermenu-target {
	font-size: 12px !important;
	padding: 6px 9px !important;
}
#menu-item-210 a {
	font-size: 12px !important;
	padding: 8px 15px;
}
}
.ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target {
	background: transparent;
}
.ubermenu.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
	border: none;
	box-shadow: none;
	background: transparent;
}
.ubermenu.ubermenu-main .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {
	color: #b9b9ba;
	background: transparent;
}*/
/* hover states for ubermenu */
/*.ubermenu.ubermenu-main .hovbord.ubermenu-item-level-0 > .ubermenu-target {
	border-bottom: 2px solid transparent !important;
	z-index: 99999;
	font-family: "avenir-next-medium";
	letter-spacing: 0.04em;
}
.ubermenu.ubermenu-main .hovbord.ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-main .hovbord.ubermenu-item-level-0.ubermenu-active > .ubermenu-target {
	border-bottom: 2px solid #AA33FF !important;
}
ul.ubermenu-submenu {
	border-radius: 0 0 6px 6px !important;
}*/
/* login menu 
.ubermenu.ubermenu-loginsignup_1 .ubermenu-item-layout-icon_right > .ubermenu-target-title {
	margin-right: .2em;
	display: inline-block;
}*/
/*menu talk to us 
#menu-item-210.ubermenu-item-level-0 {
	margin-right: 12px;
}*/
/* login menu 
#menu-item-209.ubermenu-item-level-0 {
	margin-right: 12px;
}*/
/* uber menu outline button
.ubermenu.ubermenu-main .menu-talk.ubermenu-item-level-0 > .ubermenu-target {
	border: 2px solid;
	border-color: #ffffff;
	border-radius: 26px;
	padding: 6.5px 16px;
	font-size: 14px;
	display: inline-block;
	line-height: 150%;
	margin-top: .5em;
    color: #fff;
    box-shadow: 0px 1px 2px 1px rgb(97 97 97 / 18%), 0px 1px 8px 1px rgb(97 97 97 / 18%);
    letter-spacing: 0.06em;
}
.ubermenu.ubermenu-main .menu-talk.ubermenu-item-level-0 > .ubermenu-target:hover {
	background-color: rgba(177, 133, 255, 0.2);
	color: #fff;
    box-shadow: 0px 2px 4px rgba(97, 97, 97, 0.18), 0px 4px 8px rgba(97, 97, 97, 0.18);
}*/
/* end uber menu outline button
#menu-item-210 a {
	display: inline-block;
	background: linear-gradient(99.69deg, #3E44FE -10.66%, #BB5CFF 114.64%);
	box-shadow: 0px 2px 4px rgba(97, 97, 97, 0.18), 0px 4px 8px rgba(97, 97, 97, 0.18);
	border-radius: 26px;
	outline: none;
	padding: 6.5px 24px;
	border: 1.5px solid;
	border-color: transparent;
	font-weight: bold;
	font-size: 15px;
	line-height: 150%;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 126% 126%;
	-webkit-transition: border-color 0.3s ease;
	-o-transition: border-color 0.3s ease;
	transition: border-color 0.3s ease;
	margin-top:.5em;
}
#menu-item-210 a:hover, .shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu li.menu-item-type-custom.menu-item-3569 > .shiftnav-target:hover {
	background: linear-gradient(0deg, rgba(62, 68, 254, 0.6), rgba(62, 68, 254, 0.6)) !important;
    border-color: #3E49F4;
    box-sizing: border-box;
    box-shadow: 0px 8px 14px rgb(62 68 254 / 26%);
    color: #fff;
}*/
/* mobile icons and badges 
.fa-bars::before {
	content: none !important;
}*/
/* shiftnav mobile menu 
#shiftnav-menu-image-shiftnav-main img {
	max-width: 100%;
	height: 32px !important;
	width: 44px !important;
}*/
/* end uber menu - start shifnav 
#shiftnav-toggle-main {
	background: transparent !important;
	color: #eee;
}
	
#shiftnav-toggle-main {
    position: absolute !important;
    right: 15px !important;
    top: 22px !important;
}

#shiftnav-toggle-main-button:hover {
	background-color: transparent !important;
	border: none;
}
#shiftnav-toggle-main,
.shiftnav-open.shiftnav-open-left #shiftnav-toggle-main{
    left:auto !important;
    -webkit-transform: none !important;
	-moz-transform: none !important;
	-ms-transform: none !important;
	-o-transform: none !important;
	transform: none !important;
}
.shiftnav.shiftnav-nojs.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target:hover, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-active > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-in-transition > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-accordion.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-shift.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-highlight li.menu-item > .shiftnav-target:active, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-on-hover li.menu-item > .shiftnav-target:hover {
	color: #eee;
	background: #35AC6A;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border: none;
}
#shiftnav-menu-image-shiftnav-main {
	padding: 1em;
	margin-left: 118px;
}
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target {
	display: block;
	color: #eee;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	text-shadow: none;
}
.shiftnav.shiftnav-skin-standard-dark li.menu-item .shiftnav-submenu-activation {
	background: #26262B;
	border-bottom: none;
	border-top: none;
}
.shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu li.menu-item > .shiftnav-target {
	border-top: none !important;
	border-bottom: .5px solid rgba(255, 255, 255, 0.2) !important;
}
.shiftnav.shiftnav-shiftnav-main ul.sub-menu li.menu-item > .shiftnav-target {
	padding-left: 60px !important;
}
.men_desc {
	font-size: 14px;
	color: #B9B9BA;
	letter-spacing: .01em;
}
.menu-item-3570 .shiftnav-target .ubermenu-icon.fas.fa-angle-right {
	padding-left: 6px;
}
.shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu li.menu-item-3570.menu-item > .shiftnav-target {
	border-bottom: none !important;
}
.shiftnav.shiftnav-nojs.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target:hover, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-active > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-in-transition > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-accordion.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-shift.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-highlight li.menu-item > .shiftnav-target:active, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-on-hover li.menu-item > .shiftnav-target:hover {
	border-top-color: rgba(255,255,255,.2) !important;
	border-bottom-color: rgba(255, 255, 255, 0.2) !important;
}
.shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu li.menu-item-type-custom.menu-item-8809 > .shiftnav-target {
    color: #ffffff;
	font-size: 14px;
	width: 75%;
	margin: 18px auto;
	border-radius: 26px;
	text-align: center;
	padding: .25em .5em;
	font-weight: 700;
	letter-spacing: .05em;
	font-family: 'avenir-next-medium';
	text-transform: uppercase;
	border: 2px solid #fff !important;
}
.shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu li.menu-item-type-custom.menu-item-3569 > .shiftnav-target {
	background: linear-gradient(99.69deg, #3E44FE -10.66%, #BB5CFF 114.64%);
	color: #ffffff;
	font-size: 14px;
	width: 75%;
	margin: 12px auto;
	border-radius: 26px;
	text-align: center;
	padding: .25em .5em;
	font-weight: 700;
	letter-spacing: .05em;
	font-family: 'avenir-next-medium';
}
.menu-item-3570 .shiftnav-target {
	text-align: center;
}*/
/* end shift main styles 
    #shiftnav-toggle-main {
	position: absolute !important;
	right: 12px !important;
	top: 7px !important;
}
.shiftnav-open #shiftnav-toggle-main.shiftnav-toggle-icon-x .shiftnav-toggle-burger .fa::before, .shiftnav-open #shiftnav-toggle-main.shiftnav-toggle-main-entire-bar.shiftnav-toggle-icon-x::before {
	content: none !important;
}
.shiftnav-enabled.shiftnav-open .shiftnav .fa-bars, .shiftnav-enabled.shiftnav-open .shiftnav-toggle .fa-bars {
	background-image: url(/wp-content/uploads/2021/10/close-x.png);
	width: 19px;
	height: 19px;
	background-repeat: no-repeat;
}
.shiftnav-enabled .shiftnav .fa-bars, .shiftnav-enabled .shiftnav-toggle .fa-bars {
	background-image: url(/wp-content/uploads/2021/10/mobile-ham.png);
	width: 28px;
	height: 18px;
	background-repeat: no-repeat;
}
#shiftnav-main .menico {
	background-repeat: no-repeat !important;
	background-position: 18px 50% !important;
	padding-left: 0 !important;
	background-size: 32px 32px !important;
}
#shiftnav-main .menu-video {
	background-image: url('/wp-content/uploads/2021/08/dolbyio-icon-product-video-dark-bg.svg') !important;
}
#shiftnav-main .menu-voice {
	background-image: url('/wp-content/uploads/2021/08/dolbyio-icon-product-voice-dark-bg.svg') !important;
}
#shiftnav-main .menu-recording {
	background-image: url('/wp-content/uploads/2021/08/dolbyio-icon-product-call-recording-dark-bg.svg') !important;
}
#shiftnav-main .menu-messaging {
	background-image: url('/wp-content/uploads/2021/08/dolbyio-icon-product-messaging-dark-bg.svg') !important;
}
#shiftnav-main .menu-enhance {
	background-image: url('/wp-content/uploads/2021/08/dolbyio-icon-product-enhance-dark-bg.svg') !important;
}
#shiftnav-main .menu-analyze {
	background-image: url('/wp-content/uploads/2021/08/dolbyio-icon-product-diagnostics-dark-bg.svg') !important;
}
#shiftnav-main .menu-transcode {
	background-image: url('/wp-content/uploads/2021/08/dolbyio-icon-product-transcoding-dark-bg.svg') !important;
}
#shiftnav-main .menu-mastering {
	background-image: url('/wp-content/uploads/2021/10/DLB_IO_Icon_Prdct_MusicMstrng_rgb_Artboard_DRK.svg') !important;
}
#shiftnav-main .menu-interactive {
	background-image: url('/wp-content/uploads/2021/08/dolbyio-icon-interactive-streaming-dark-bg.svg') !important;
}
#shiftnav-main .menu-live {
	background-image: url('/wp-content/uploads/2021/08/dolbyio-icon-live-streaming-dark-bg.svg') !important;
}
#shiftnav-main .menu-telehealth {
	background-image: url('/wp-content/uploads/2021/10/DLB_IO_Icon_Soltn_Telehlth_rgb_DRK.svg') !important;
}
#shiftnav-main .menu-collaboration {
	background-image: url('/wp-content/uploads/2021/10/DLB_IO_Icon_Soltn_Collab_rgb_DRK.svg') !important;
}
#shiftnav-main .menu-podcasting {
	background-image: url('/wp-content/uploads/2021/10/DLB_IO_Icon_Soltn_Podcast_rgb_DRK.svg') !important;
}
#shiftnav-main .menu-social {
	background-image: url('/wp-content/uploads/2021/10/DLB_IO_Icon_Soltn_Social_rgb_DRK.svg') !important;
}
#shiftnav-main .menu-content {
	background-image: url('/wp-content/uploads/2021/10/DLB_IO_Icon_Soltn_ContentCreation_rgb_DRK.svg') !important;
}
#shiftnav-main .menu-blog {
	background-image: url('/wp-content/uploads/2021/10/dolbyio-icon-dev-blog-dark-bg.svg') !important;
}
#shiftnav-main .menu-docs {
	background-image: url('/wp-content/uploads/2021/10/dolbyio-documentation-white.svg') !important;
}
#shiftnav-main .menu-support {
	background-image: url('/wp-content/uploads/2022/06/DLB_IO_Icon_Support_DRK.svg') !important;
}
#shiftnav-main .menu-engagement {
	background-image: url('/wp-content/uploads/2021/10/DLB_IO_Icon_Soltn_CustomerEngagement_rgb_DRK.svg') !important;
}
#shiftnav-main .menu-events {
	background-image: url('/wp-content/uploads/2021/10/DLB_IO_Icon_Soltn_Evnts_rgb_DRK.svg') !important;
}
#shiftnav-main .menu-resources {
	background-image: url('/wp-content/uploads/2021/11/DLB_IO_Icon_ResourceHub-DRK.svg') !important;
}
#shiftnav-main .menu-eventweb {
	background-image: url('/wp-content/uploads/2021/10/DLB_IO_Icon_Soltn_Evnts_rgb_DRK.svg') !important;
}
#shiftnav-main .menu-music {
	background-image: url('/wp-content/uploads/2022/02/DLB_IO_Icon_Soltn_Music_rgb_DRK.svg') !important;
}
#shiftnav-main .menu-faq {
	background-image: url('/wp-content/uploads/2022/06/faq-dolbyio-icon.svg') !important;
}
#shiftnav-main .menu-supportplans {
	background-image: url('/wp-content/uploads/2022/06/DLB_IO_Icon_SupportPlans_DRK-1.svg') !important;
}
#shiftnav-main .menu-platformadvantage {
	background-image: url('/wp-content/uploads/2022/07/DLB_IO_Icon_FeatBen_PlatformAdvantage_DRK.svg') !important;
}
#shiftnav-main .menu-remi {
	background-image: url('/wp-content/uploads/2022/10/DLB_IO_Icon_RemoteProduction_DRK.svg') !important;
}
#shiftnav-main .menu-virtual {
	background-image: url('/wp-content/uploads/2022/11/DLB_IO_Icon_Soltn_VirtualWorlds_rgb_DRK-.svg') !important;
}
#shiftnav-main .menu-auctions {
	background-image: url('/wp-content/uploads/2022/11/DLB_IO_Icon_Soltn_Auctions_rgb_DRK.svg') !important;
}
#shiftnav-main .menu-betting {
	background-image: url('/wp-content/uploads/2022/11/DLB_IO_Icon_Soltn_SportsBetting_DRK.svg') !important;
}
#shiftnav-main .menu-engines {
	background-image: url('/wp-content/uploads/2023/11/dio-game-engines-white.svg') !important;
}
#shiftnav-main .menu-igaming {
	background-image: url('/wp-content/uploads/2023/11/dio-igaming-white.svg') !important;
}
#shiftnav-main .menu-horse {
	background-image: url('/wp-content/uploads/2024/03/horse-race-icon-white.svg') !important;
}
#shiftnav-main .menu-fan {
	background-image: url('/wp-content/uploads/2024/04/fan-engagement-icon-white-dk-bg.svg') !important;
}
#shiftnav-main .menu-multiviewer {
	background-image: url('/wp-content/uploads/2024/05/RemoteMultivewer-white.svg') !important;
}
#shiftnav-main .menu-realtime {
	background-image: url('/wp-content/uploads/2024/05/real-time-streaming-demo-white-dark-bg.svg') !important;
}
#shiftnav-main .menu-stories {
	background-image: url('/wp-content/uploads/2023/04/DLB_IO_Icon_CustomerStories_rgb_DRK.svg') !important;
    background-color: #2C2C31;
}
#shiftnav-main .menu-advertising {
	background-image: url('/wp-content/uploads/2024/12/advertising-icon-navigation-dk-bg@1.5x-1.png') !important;
}
#shiftnav-main .menu-playback {
	background-image: url('/wp-content/uploads/2024/12/playback-icon-navigation-dk-bg@1.5x-1.png') !important;
}
#shiftnav-main .menu-solstreaming {
	background-image: url('/wp-content/uploads/2024/12/streaming-icon-navigation-dk-bg@1.5x-1.png') !important;
}
.nav-below-header .main-navigation .inside-navigation.grid-container {
    padding: unset;
}
body.single-post .content-area,
body.page-template-dolby-blog .content-area,
body.page-template-blog-ajax-search .content-area,
body.search .content-area,
body.archive .content-area {
    padding-top: 140px;
}
.ubermenu-sticky.ubermenu-sticky-full-width{position: relative !important;}
 .shiftnav--scroll-up header#masthead, .shiftnav--scroll-down header#masthead {
    position: fixed;
    width: 100%;
	background-color: #14141A;
	transition: all 0.2s linear !important;
}*/
/* light theme css */
body.dbio_light_theme.page-template-default .entry-content p {
  color: #6a6a6d;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 0.01em;
  margin-bottom: 1em;
}
body.dbio_light_theme.page-template-default .inside-header.grid-container {
  background-color: transparent !important;
}
/* Start Author Header 
------------------------------ */
.dbio_author_header.force_fullscreen_width {
  background: linear-gradient(
    180deg,
    rgba(204, 133, 255, 0) 0%,
    rgba(204, 133, 255, 0.1) 100%
  );
  padding: 0px 20px 55px 20px;
  margin-bottom: 55px;
}
.dbio_author_header.force_fullscreen_width
  .archive-description.author-archive-description.author-description {
  margin-bottom: 0px;
}
.dbio_author_header_box {
  max-width: 850px;
  margin: 0 auto;
  text-align: center;
}
.dbio_author_header_box h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  letter-spacing: -0.005em;
  color: #2c2c31;
}
.dbio_author_header_box h4 {
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  line-height: 27px;
  text-align: center;
  letter-spacing: 0.01em;
  font-feature-settings: "tnum" on, "lnum" on;
  color: #6a6a6d;
}
.dbio_author_header_desc img.dbio_author_avatar {
  border-radius: 50%;
  width: 96px;
  height: 96px;
}

.single-post .dbio_blog_card:hover .dbio_author_desc {
  width: 136px !important;
}

ul.dbio_author_social_icons {
  display: inline-flex;
  margin: 0px;
}
ul.dbio_author_social_icons li {
  margin: 5px 8px;
  line-height: 12px;
}
ul.dbio_author_social_icons i {
  font-size: 20px;
  color: #6a6a6d;
}
.dbio_author_desc a.dbio_author_name:hover,
.dbio_author_bottom_desc .dbio_author_bottom_name:hover {
  color: #aa33ff;
}
ul.dbio_author_social_icons a:hover i {
  opacity: 0.8;
}
.dbio-post-meta.dbio_align_flex.dbio_flex_jcsb.dbio_header_extra_authors {
  display: block;
}
.dbio_header_extra_authors .post_meta_social_container {
  justify-content: flex-end;
  flex-direction: row;
  margin-top: 5px;
}
.dbio_author_header_desc p {
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  line-height: 30px;
  letter-spacing: 0.01em;
  font-feature-settings: "tnum" on, "lnum" on;
  color: #6a6a6d;
  text-align: left;
}
/* End Author Header */
/* Start Category Header 
---------------------------------------*/
.dbio_category_header.force_fullscreen_width {
  margin-bottom: 15px;
  padding: 0px 20px 0px 20px;
}
.dolby_category_content {
  width: 75%;
  margin-right: 3%;
}
.dolby_category_container.force_extended_width {
  display: flex;
  padding-bottom: 50px;
}
.dolby_category_icon {
  width: 22%;
  margin-top: 15px;
}
.dolby_category_icon h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.005em;
  font-feature-settings: "tnum" on, "lnum" on;
  color: #2c2c31;
}
.dolby_category_content p {
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  line-height: 30px;
  letter-spacing: 0.01em;
  font-feature-settings: "tnum" on, "lnum" on;
  color: #6a6a6d;
}
.dolby_category_container.force_extended_width .dbio-eyebrow-headline {
  font-weight: 600;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #35c8ff;
}
.dolby_category_container.force_extended_width .dbio_category_name {
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 42px;
  letter-spacing: -0.005em;
  color: #000000;
  padding-bottom: 23px;
}
.dbio-second-button-container a:hover svg.static {
  display: none;
}
.dbio-second-button-container a .hover {
  display: none;
}
.dbio-second-button-containe a:hover .static {
  display: none;
}
.dbio-second-button-container a:hover .hover {
  display: inline;
}
.dolby_category_icon img {
  margin-bottom: 22px;
}
.dbio_category_header.force_fullscreen_width
  .dbio_wave_svg.force_extended_width {
  margin-bottom: 50px;
}
/* End Category Header */
.dbio_single_post_container .dbio-eyebrow-headline {
  color: #30b4e6 !important;
}
.dbio_wave_svg {
  margin-bottom: 100px;
}
body .site-main .facetwp-template {
  /* max-width: 1080px;*/
  margin: 0 auto;
}
.dbio_blogcard_excerpt,
.dbio-excerpt p {
  font-weight: 500;
  font-size: 17px;
  line-height: 1.6;
  letter-spacing: 0.01em;
  color: #6a6a6d;
  margin-bottom: 0;
}
.dbio-excerpt p {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 24px;
}
.wp-block-pb-accordion-item {
  border-bottom: 1px solid #b9b9ba;
  padding-bottom: 6px;
  margin-bottom: 24px;
}
.pricing-faq h6.c-accordion__title {
  font-size: 20px;
  color: #2c2c31 !important;
}
.c-accordion__title {
  cursor: pointer;
  padding-right: 2rem;
  position: relative;
}
.pricing-faq p {
  font-size: 17px;
  color: #6a6a6d;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.01em;
  margin-bottom: 1em;
}
body.dbio_light_theme.page-template-default
  .entry-content
  .light_theme_parawhite
  p {
  color: #fff;
}
.price-banner h1 {
  font-family: "avenir-next-medium";
}
/* Custom dbio block additional CSS
--------------------------------------------- */
.face-wp-gallery-search input.facetwp-search {
  background-color: #fff;
}
/* Blog custom CSS addons 
/* summary styles
--------------------------------------------- */
.dbio_blogcard_excerpt,
.dbio-excerpt p {
  font-weight: 600;
}
.dbio-sumhead {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1px;
  padding-bottom: 6px;
}
body.single-post .dbio-excerpt {
  margin: 0px;
}
.dbio-excerpt p {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 24px;
}
.hrline {
  margin: 40px 0;
}
/* Badges
--------------------------------------------- */
.badge-heading.bdg-purp {
  padding: 5px 6px 6px;
  background: #aa33ff;
  border-radius: 3px;
  font-size: 12px;
  color: #fff;
  display: inline-block;
  text-align: center;
  margin-left: 1em;
  line-height: 1.2em;
  font-weight: 600;
  letter-spacing: normal;
  text-transform: initial;
}
.badge-credit {
  padding: 5px 10px 6px;
  background: #bb5cff;
  border-radius: 3px;
  font-size: 12px;
  color: #fff;
  display: inline-block;
  text-align: center;
  line-height: 1.2em;
  font-weight: 600;
  margin-top: 9px;
}
/* additional random or temporary styles
--------------------------------------------- */
#ss-sticky-bar.ss-as-inline-sticky-bar .ss-social-icons-container > li > a,
.ss-inline-share-wrapper .ss-social-icons-container > li > a {
  border: none !important;
}

/*.page-template-dolby-blog .header-wrap,
.post-template-default .header-wrap,
.archive.category .header-wrap,
.page-template-blog-ajax-search .header-wrap,
.archive .header-wrap,
.single-project_gallery .header-wrap,
.single-customer_stories .header-wrap {
  background-color: #14141a;
}*/
/*author wgjk*/
.page-template-dolby-blog .site-header,
.post-template-default .site-header,
.archive.category .site-header,
.page-template-blog-ajax-search .site-header,
.archive .site-header,
.page-template-dolby-blog .main-navigation,
.archive .main-navigation,
.single .main-navigation,
.single .site-header {
  background-color: #14141a;
}
/* blog author fix */
.dbio_author_bottom_box h4 {
  font-size: 17px !important;
  color: #6a6a6d !important;
}
/* media query styles 
--------------------------------------------- */
/*@media only screen and (max-width: 480px) {
a.gb-button-77fe8f20 {
	border: 1.5px solid;
	line-height: 1.4 !important;
    border-color: transparent !important;
}
}*/
@media only screen and (max-width: 768px) {
.hd-hero-hm h2, .hd-hero h2 {
font-weight: 600;
  font-size: 36px;
  letter-spacing: -.02em;
  line-height: 1.2em;
  margin-bottom: 12px;
}
}
/* Overrides
--------------------------------------------- */
@media screen and (max-width: 1024px) {
  .navigation-branding .main-title,
  .header-wrap .mobile-header-navigation .site-logo {
    margin-left: 0;
  }
}

/* Utils
--------------------------------------------- */
@media screen and (min-width: 1025px) {
  .mobile-only {
    display: none !important;
  }
}

@media screen and (max-width: 1024px) {
  .desktop-only {
    display: none !important;
  }
}

/* Header
--------------------------------------------- */
.header {
  height: 90px;
  left: 0px;
  position: fixed;
  right: 0px;
  transition: all 0.35s linear;
  width: 100%;
  z-index: 10;
}

.header .inside-header {
  height: 90px;
}

@media screen and (max-width: 1024px) {
  .header {
    background-color: #14141a;
    height: auto;
    top: 0px;
  }

  .header .inside-header {
    height: auto;
  }

  #masthead.is-open {
    bottom: 0px;
    overflow: auto;
  }
}

.project_gallery-template-default .header,
.customer_stories-template-default .header,
.dbio_light_theme .header,
.is-scrolled .header {
  background-color: #14141a;
}

.header .inside-header {
  position: relative;
  padding: 20px 0;
  text-align: left;
}

@media screen and (max-width: 1024px) {
  .header .inside-header {
    padding: 0;
  }
}

.single-post .site-main,
.page-template-blog-ajax-search .site-main,
.page-template-dolby-blog .site-main,
body.tag .site-main, body.category .site-main {
  margin-top: 110px;
}

@media screen and (max-width: 1024px) {
  .single-post .site-main,
  .page-template-blog-ajax-search .site-main,
  .page-template-dolby-blog .site-main,
  body.tag .site-main {
    margin-top: 95px;
  }
}

/* Menu
--------------------------------------------- */
.menu,
.menu[data-theme="dark"] {
  --theme-color: #000000;
  --theme-background: #ffffff;
  --theme-color-secondary: #6a6a6d;
  --theme-link-color: #000000;
  --theme-link-color-hover: #aa33ff;
  --theme-link-color-secondary: #aa33ff;
  --theme-border-color: #ebebeb;
  --theme-svg-color: invert(100%);
  --theme-button-gradient: linear-gradient(
    0deg,
    rgba(71, 77, 248, 0.2) 0%,
    rgba(3, 232, 134, 0.2) 100%
  );
  --theme-image-opacity: 0.6;
}

.customer_stories-template-default .menu,
.project_gallery-template-default .menu,
.dbio_light_theme .menu,
.menu[data-theme="light"] {
  --theme-color: #ffffff;
  --theme-background: #14141a;
  --theme-color-secondary: #b9b9ba;
  --theme-link-color: #ffffff;
  --theme-link-color-hover: #aa33ff;
  --theme-border-color: #2c2c31;
  --theme-svg-color: invert(0%);
  --theme-button-gradient: linear-gradient(
    195.82deg,
    rgba(252, 99, 156, 0.2) 10.99%,
    rgba(131, 57, 252, 0.2) 88.92%
  );
  --theme-image-opacity: 0.1;
}

.menu {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .menu {
    flex-direction: column;
    position: relative;
    top: 75px;
  }
}

/* Menu - Logo
--------------------------------------------- */
.menu__logo {
  max-width: 125px;
  width: 100%;
}

.menu__logo .site-logo {
  display: block;
  max-width: unset;
}

.menu__logo .site-logo a {
  display: block;
}

.menu__logo .site-logo a img {
  display: block;
  height: auto;
  width: 125px;
}

@media screen and (max-width: 1024px) {
  .menu__logo {
    align-items: center;
    display: flex;
    height: 100%;
    max-width: 115px;
  }

  .menu__logo .site-logo a img {
    width: 115px;
  }
}

/* Menu - Mobile Toggle
--------------------------------------------- */
@media screen and (max-width: 1024px) {
  .menu__logo__toggle {
    align-items: center;
    background: #353434;
    border-bottom: 1px solid #353434;
    display: flex;
    height: 75px;
    left: 0;
    padding: 5px 25px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100000000;
    width: 100vw;
  }

  .mobile-header .menu__logo__toggle .site-logo > a {
    height: auto;
    margin: 0;
  }
}

.menu__toggle {
  align-items: center;
  background: none;
  border: none;
  color: #ffffff;
  display: none;
  justify-content: center;
  margin-left: auto;
  outline: 0;
  padding: 0;
  width: 40px;
}

@media screen and (max-width: 1024px) {
  .menu__toggle {
    display: flex;
  }
}

.menu__toggle:hover,
.menu__toggle:focus {
  background: none;
}

.menu__toggle svg {
  width: 25px;
  height: 25px;
  fill: #ffffff;
}

.menu__toggle__svg--open {
  display: block;
}

#masthead.is-open .menu__toggle__svg--open {
  display: none;
}

.menu__toggle__svg--close {
  display: none;
}

#masthead.is-open .menu__toggle__svg--close {
  display: block;
}

@media screen and (max-width: 1024px) {
  .menu__primary,
  .menu__auxiliary {
    display: none !important;
  }

  #masthead.is-open .menu__primary {
    display: block !important;
  }

  #masthead.is-open .menu__auxiliary {
    display: block !important;
  }
}

/* Menu - Primary Navigation
--------------------------------------------- */
.menu__primary {
  color: var(--theme-color);
  display: flex;
  gap: 30px;
  list-style: none;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 1024px) {
  .menu__primary {
    flex-direction: column;
    gap: 0;
    width: 100%;
  }
}

.menu__primary h1,
.menu__primary h2,
.menu__primary h3,
.menu__primary h4,
.menu__primary h5,
.menu__primary p {
  color: var(--theme-color);
}

.menu__primary a {
  text-decoration: none;
}

.menu__item {
  padding: 0;
}

@media screen and (max-width: 1024px) {
  .menu__item {
    border-bottom: 1px solid #353434;
    padding: 0;
    width: 100%;
  }
}

.menu__item--has-dropdown .menu__item__link::after {
  background: #00eb81;
  content: "";
  display: none;
  height: 3px;
  left: 0;
  position: absolute;
  top: calc(100% - 3px);
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .menu__item--has-dropdown .menu__item__link::after {
    display: none !important;
  }
}

.menu__item--has-dropdown:hover .menu__item__link::after {
  display: block;
}

@media screen and (max-width: 1024px) {
  .menu__item--has-dropdown::after {
    display: none !important;
  }
}

.menu__item__link {
  color: #ffffff;
  font-family: "avenir-next-medium", sans-serif;
  font-size: 16px;
  letter-spacing: 0.36px;
  line-height: 150%;
  text-decoration: none;
  text-transform: capitalize;
  padding: 25px 10px 35px;
  position: relative;
}

@media screen and (max-width: 1024px) {
  .menu__item__link {
    padding: 25px;
    width: 100%;
    display: block;
  }
}

.menu__item:hover .menu__item__link,
.menu__item .menu__item__link:focus {
  color: #00eb81;
}

.link-with-svg {

}

.link-with-svg .svg-line {
  display: none;
}

.link-with-svg:hover .svg-line {
  display: block;
}

/* Menu - Primary Navigation - Tab
--------------------------------------------- */
.menu__item__tab {
}

.menu__item__tab__container {
  background: var(--theme-background);
  display: none;
  grid-template-columns: 200px 1fr;
  grid-template-rows: 100% auto;
  left: 0;
  height: 610px;
  position: absolute;
  right: 0;
  top: 100%;
  width: 100%;
  max-width: 900px;
  z-index: 100;
}

.menu__item__tab:hover .menu__item__tab__container {
  display: grid;
}

@media screen and (max-width: 1024px) {
  .menu__item__tab__container {
    display: none !important;
    grid-template-columns: 1fr;
    height: unset;
    min-width: unset;
    position: relative;
    transform: translateX(0);
    width: 100%;
  }

  .menu__item__tab__container.is-active {
    display: block !important;
  }
}

.menu__item__tab__container::after {
  background: linear-gradient(90deg, #3e44fe 0%, #bb5cff 100%);
  bottom: 0;
  content: "";
  display: block;
  height: 4px;
  position: absolute;
  width: 100%;
}

.menu__item__tab__sub-menu {
  display: grid;
  grid-template-rows: repeat(3, 1fr);
  list-style: none;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 1024px) {
  .menu__item__tab__sub-menu {
    display: block;
  }
}

.menu__item__tab-child {
  border-bottom: 1px solid var(--theme-border-color);
  border-right: 1px solid var(--theme-border-color);
  display: flex;
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .menu__item__tab-child {
    border-right: none;
    width: 100%;
    display: block;
  }
}

.menu__item__tab-child:last-of-type {
  border-bottom: none;
}

.menu__item__tab-child__button {
  align-items: center;
  background-color: var(--theme-background);
  border: none;
  box-shadow: none;
  color: var(--theme-link-color);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  font-family: "avenir-next-demi", sans-serif;
  font-size: 18px;
  gap: 15px;
  inset: 0;
  justify-content: center;
  letter-spacing: 0.36px;
  line-height: 150%;
  max-width: 200px;
  padding: 50px;
  text-transform: capitalize;
  width: 100%;
  min-height: 200px;
}

@media screen and (max-width: 1024px) {
  .menu__item__tab-child__button {
    font-size: 16px;
    padding: 25px;
    gap: 20px;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    min-height: unset;
    max-width: unset;
  }
}

.menu__item__tab-child__button.is-active,
.menu__item__tab-child__button:hover,
.menu__item__tab-child__button:focus {
  background: var(--theme-button-gradient);
  color: var(--theme-link-color);
}

.menu__item__tab-child__button__img,
.menu__item__tab-child__button__img--color {
  height: 45px;
  width: 45px;
}

@media screen and (max-width: 1024px) {
  .menu__item__tab-child__button__img,
  .menu__item__tab-child__button__img--color {
    height: 30px;
    width: 30px;
  }
}

.menu__item__tab-child__button__img {
  filter: var(--theme-svg-color);
}

.menu__item__tab-child__button__img--color {
  display: none;
}

.menu__item__tab-child__button.is-active .menu__item__tab-child__button__img,
.menu__item__tab-child__button:hover .menu__item__tab-child__button__img {
  display: none;
}

.menu__item__tab-child__button.is-active
  .menu__item__tab-child__button__img--color,
.menu__item__tab-child__button:hover
  .menu__item__tab-child__button__img--color {
  display: block;
}

.menu__item__tab-child__container {
  display: none;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto 1fr;
}

.menu__item__tab-child__container.is-active {
  display: grid;
}

@media screen and (max-width: 1024px) {
  .menu__item__tab-child__container.desktop-only {
    display: none !important;
  }

  .menu__item__tab-child__container.is-active {
    display: flex;
  }

  .menu__item__tab-child__container {
    flex-direction: column;
  }
}

.menu__item__tab-child__container__header {
  background-position: calc(100% - 20px) 20px, top right;
  background-repeat: no-repeat;
  background-size: 200px auto;
  border-bottom: 1px solid var(--theme-border-color);
  display: flex;
  flex-direction: column;
  grid-column: span 2;
  justify-content: start;
  padding: 35px 250px 35px 50px;
  height: 203px;
  box-sizing: border-box;
}

@media screen and (max-width: 1024px) {
  .menu__item__tab-child__container__header {
    padding: 25px;
    background-size: 0, 200px auto;
    height: unset;
  }
}

.menu__item__tab-child__container__header a {
  border-radius: 8px;
  cursor: pointer;
  padding: 10px 20px;
  margin: -10px -20px;
  width: fit-content;
}

.menu__item__tab-child__container__header a:hover {
  background: var(--theme-button-gradient);
}

.menu__item__tab-child__container__header h3 {
  font-family: "avenir-next-demi", sans-serif;
  font-size: 20px;
  letter-spacing: 0.36px;
  line-height: 150%;
  margin: 0 0 5px;
  text-transform: capitalize;
  vertical-align: middle;
}

.menu__item__tab-child__container__header__description {
  color: var(--theme-color-secondary);
  font-family: "avenir-next-medium", sans-serif;
  font-size: 16px;
  letter-spacing: 0.16px;
  line-height: 1.6em;
  max-width: 420px;
}

@media screen and (max-width: 1024px) {
  .menu__item__tab-child__container__header__description {
    max-width: unset;
  }
}

.menu__item__tab-child__container__feature,
.menu__item__tab-child__container__menu {
  padding: 35px 50px;
}

@media screen and (max-width: 1024px) {
  .menu__item__tab-child__container__feature,
  .menu__item__tab-child__container__menu {
    padding: 25px;
  }
}

.menu__item__tab-child__container__menu {
  border-right: 1px solid var(--theme-border-color);
  order: 1;
}

@media screen and (max-width: 1024px) {
  .menu__item__tab-child__container__menu {
    border-right: none;
    border-bottom: 1px solid var(--theme-border-color);
  }
}

.menu__item__tab-child__container__feature {
  order: 2;
  position: relative;
}

.menu__item__tab-child__container__feature h4 {
  color: #35c8ff;
  font-family: "avenir-next-demi", sans-serif;
  font-size: 16px;
  letter-spacing: 0.4px;
  line-height: 158%;
  margin: 0 0 15px;
  text-transform: uppercase;
}

.menu__item__tab-child__container__feature__list,
.menu__item__tab-child__container__menu__sub-menu {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  z-index: 1;
}

.menu__item__tab-child__container__feature__list li,
.menu__item__tab-child__container__menu__sub-menu li {
  margin-bottom: 20px;
}

.menu__item__tab-child__container__feature__list li:last-of-type,
.menu__item__tab-child__container__menu__sub-menu li:last-of-type {
  margin-bottom: 0;
}

.menu__item__tab-child__container__feature__list li a,
.menu__item__tab-child__container__menu__sub-menu li a {
  align-items: center;
  color: var(--theme-link-color);
  display: flex;
  font-family: "avenir-next-medium", sans-serif;
  font-size: 16px;
  gap: 15px;
  letter-spacing: 0.36px;
  line-height: 150%;
  text-decoration: none;
}

.menu__item__tab-child__container__feature__list li a:hover,
.menu__item__tab-child__container__menu__sub-menu li a:hover,
.menu__item__tab-child__container__feature__list li a:focus,
.menu__item__tab-child__container__menu__sub-menu li a:focus {
  color: var(--theme-link-color-hover);
}

.menu__item__tab-child__container__feature__list__image {
  height: 75%;
  opacity: var(--theme-image-opacity);
  position: absolute;
  bottom: 15px;
  right: 15px;
  z-index: 0;
}

.menu__item__tab-child__container__feature__cover {
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  gap: 15px;
  height: calc(100% + 70px);
  justify-content: flex-end;
  margin: -35px -50px;
  padding: 35px 50px 50px;
  position: relative;
  width: calc(100% + 100px);
}

@media screen and (max-width: 1024px) {
  .menu__item__tab-child__container__feature__cover {
    padding-bottom: 35px;
  }
}

.menu__item__tab-child__container__feature__cover::before {
  background: linear-gradient(195.82deg, #8339fc 10.99%, #474df8 88.92%);
  bottom: 0;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: 0.75;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 0;
}

.menu__item__tab-child__container__feature__cover h4 {
  color: #ffffff;
  margin: 0;
  position: relative;
  z-index: 1;
  -webkit-text-fill-color: #ffffff;
}

.menu__item__tab-child__container__feature__cover p {
  color: #ffffff;
  font-family: "avenir-next-semi", sans-serif;
  font-size: 14px;
  font-size: 20px;
  letter-spacing: 0.36px;
  line-height: 150%;
  margin: 0;
  position: relative;
  text-transform: capitalize;
  z-index: 1;
}

.menu__item__tab-child__container__feature__cover a {
  align-items: center;
  color: #ffffff;
  display: flex;
  font-family: "avenir-next-bold", sans-serif;
  font-size: 16px;
  gap: 5px;
  letter-spacing: 0.2688px;
  line-height: 150%;
  padding-top: 10px;
  position: relative;
  z-index: 1;
}

.menu__item__tab-child__container__feature__cover a svg {
  position: relative;
  top: 2px;
  color: #ffffff;
}

.menu__item__tab-child__container__feature__post {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.menu__item__tab-child__container__feature__post h4 {
  margin: 0;
  color: transparent; /* Fallback color */
  background: linear-gradient(25deg, #00b5e6 15%, #03e886 45%);
  background-clip: text;
  display: inline-block;
}

.menu__item__tab-child__container__feature__post img {
  border-radius: 4px;
  height: auto;
  width: 100%;
}

.menu__item__tab-child__container__feature__post p {
  font-family: "avenir-next-thin", sans-serif;
  font-size: 14px;
  letter-spacing: 0.36px;
  line-height: 150%;
  margin: 0;
  text-transform: capitalize;
}

.menu__item__tab-child__container__feature__post
  .menu__item__tab-child__container__feature__post__link {
  align-items: center;
  color: var(--theme-link-color-secondary);
  display: flex;
  font-family: "avenir-next-bold", sans-serif;
  font-size: 16px;
  gap: 5px;
  letter-spacing: 0.2688px;
  line-height: 150%;
  padding-top: 10px;
}

.menu__item__tab-child__container__feature__post
  .menu__item__tab-child__container__feature__post__link
  svg {
  position: relative;
  top: 2px;
}

/* Menu - Primary Navigation - Two Columns
--------------------------------------------- */
.menu__item__two-column {
}

.menu__item__two-column__container {
  background: var(--theme-background);
  display: none;
  left: 0;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 900px;
  z-index: 100;
}

.menu__item__two-column:hover .menu__item__two-column__container {
  display: block;
}

@media screen and (max-width: 1024px) {
  .menu__item__two-column__container {
    display: none !important;
    left: 0;
    position: relative;
    transform: translateX(0);
    width: 100%;
  }

  .menu__item__two-column__container.is-active {
    display: block !important;
  }
}

.menu__item__two-column__container::after {
  background: linear-gradient(90deg, #3e44fe 0%, #bb5cff 100%);
  bottom: 0;
  content: "";
  display: block;
  height: 4px;
  position: absolute;
  width: 100%;
}

.menu__item__two-column_sub-menu {
  display: grid;
  grid-template-columns: 1fr 1fr;
  list-style: none;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 1024px) {
  .menu__item__two-column_sub-menu {
    grid-template-columns: 1fr;
  }
}

.menu__item__two-column__link {
  margin: 35px 50px;
  align-items: center;
  color: var(--theme-link-color-secondary);
  display: flex;
  font-family: "avenir-next-bold", sans-serif;
  font-size: 16px;
  gap: 5px;
  letter-spacing: 0.2688px;
  line-height: 150%;
}

.menu__item__two-column__link img {
  filter: var(--theme-svg-color);
  top: 2px;
  width: 24px;
  margin-right: 8px;
}

@media screen and (max-width: 1024px) {
  .menu__item__two-column__link {
    margin: 25px;
  }
}

.menu__item__two-column__link svg {
  position: relative;
  top: 2px;
}

.menu__item__two-column-child--has-background {
  background-position: 20px calc(100% - 20px), bottom left;
  background-repeat: no-repeat;
  background-size: auto 200px;
  border-right: 1px solid var(--theme-border-color);
  padding-bottom: 250px;
}

@media screen and (max-width: 1024px) {
  .menu__item__two-column-child--has-background {
    border-right: none;
    padding-bottom: 0;
    background: none !important;
  }
}

.menu__item__two-column-child__parent {
  color: var(--theme-link-color);
  display: block;
  font-family: "avenir-next-demi", sans-serif;
  font-size: 18px;
  letter-spacing: 0.36px;
  line-height: 150%;
  padding: 15px 50px;
  text-transform: capitalize;
}

.menu__item__two-column-child__parent:hover {
  color: var(--theme-link-color);
}

@media screen and (max-width: 1024px) {
  .menu__item__two-column-child__parent {
    padding: 25px;
  }
}

.menu__item__two-column-child_sub-menu {
  border-top: 1px solid var(--theme-border-color);
  list-style: none;
  margin: 0;
  padding: 35px 50px;
}

@media screen and (max-width: 1024px) {
  .menu__item__two-column-child_sub-menu {
    padding: 25px;
  }
}

.menu__item__two-column-child-item {
  margin-bottom: 20px;
}

.menu__item__two-column-child-item:last-of-type {
  margin-bottom: 0;
}

.menu__item__two-column-child-item a {
  align-items: center;
  color: var(--theme-link-color);
  display: flex;
  font-family: "avenir-next-medium", sans-serif;
  font-size: 16px;
  gap: 15px;
  letter-spacing: 0.36px;
  line-height: 150%;
  text-decoration: none;
}

.menu__item__two-column-child-item a:hover,
.menu__item__two-column-child-item a:focus {
  color: var(--theme-link-color-hover);
}

.menu__item__two-column-child-item a img {
  filter: var(--theme-svg-color);
  top: 2px;
  width: 24px;
}

.menu__item__two-column-child__container__feature__post {
  display: flex;
  flex-direction: column;
  gap: 16px;
  order: 2;
  padding: 35px 50px;
}

@media screen and (max-width: 1024px) {
  .menu__item__two-column-child__container__feature__post {
    padding: 25px;
    order: 2;
  }
}

.menu__item__two-column-child__container__feature__post h4 {
  color: transparent; /* Fallback color */
  background: linear-gradient(25deg, #00b5e6 15%, #03e886 45%);
  background-clip: text;
  font-family: "avenir-next-demi", sans-serif;
  font-size: 16px;
  letter-spacing: 0.4px;
  line-height: 158%;
  margin: 0;
  text-transform: uppercase;
  display: inline-block; /* Important for gradient to work */
}

.menu__item__two-column-child__container__feature__post img {
  height: auto;
  width: 100%;
  border-radius: 8px;
}

.menu__item__two-column-child__container__feature__post p {
  font-family: "avenir-next-demi", sans-serif;
  font-size: 15px;
  letter-spacing: 0.16px;
  line-height: 155%;
  margin: 0;
}

.menu__item__two-column-child__container__feature__post a {
  align-items: center;
  color: var(--theme-link-color-secondary);
  display: flex;
  font-family: "avenir-next-bold", sans-serif;
  font-size: 16px;
  gap: 5px;
  letter-spacing: 0.2688px;
  line-height: 150%;
}

.menu__item__two-column-child__container__feature__post a svg {
  position: relative;
  top: 2px;
}

/* Menu - Primary Navigation - One Columns
--------------------------------------------- */
.menu__item__one-column {
}

.menu__item__one-column__container {
  background: var(--theme-background);
  display: none;
  gap: 10px;
  grid-template-columns: 1fr 1fr;
  left: 50%;
  max-width: 725px;
  position: absolute;
  top: 100%;
  transform: translateX(-50%);
  width: 100%;
  z-index: 100;
}

@media screen and (max-width: 1024px) {
  .menu__item__one-column__container {
    transform: translateX(0);
    width: 100%;
    left: 0;
    max-width: unset;
    position: relative;
    display: none !important;
    flex-direction: column;
  }

  .menu__item__one-column__container.is-active {
    display: flex !important;
  }
}

.menu__item__one-column:hover .menu__item__one-column__container {
  display: grid;
}

.menu__item__one-column__container::after {
  background: linear-gradient(90deg, #3e44fe 0%, #bb5cff 100%);
  bottom: 0;
  content: "";
  display: block;
  height: 4px;
  position: absolute;
  width: 100%;
}

.menu__item__one-column_sub-menu {
  border-right: 1px solid var(--theme-border-color);
  list-style: none;
  order: 1;
  padding: 35px 50px;
}

@media screen and (max-width: 1024px) {
  .menu__item__one-column_sub-menu {
    border-right: none;
    padding: 25px;
    order: 1;
    border-bottom: 1px solid var(--theme-border-color);
  }
}

.menu__item__one-column_sub-menu--has-background {
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: auto 200px;
}

@media screen and (max-width: 1024px) {
  .menu__item__one-column_sub-menu--has-background {
    background: none !important;
  }
}

.dbio_light_theme .menu .menu__item__one-column_sub-menu--has-background,
.menu[data-theme="light"] .menu__item__one-column_sub-menu--has-background {
  background: none !important;
}

.menu__item__one-column_sub-menu li {
  margin-bottom: 20px;
}

.menu__item__one-column-child a {
  align-items: center;
  color: var(--theme-link-color);
  display: flex;
  font-family: "avenir-next-medium", sans-serif;
  font-size: 16px;
  gap: 10px;
  letter-spacing: 0.36px;
  line-height: 150%;
  text-decoration: none;
}

.menu__item__one-column-child a:hover,
.menu__item__one-column-child a:focus {
  color: var(--theme-link-color-hover);
}

.menu__item__one-column-child a svg {
  height: 10px;
  width: 10px;
}

.menu__item__one-column-child a.is-active svg {
  transform: rotate(180deg);
}

.menu__item__one-column_sub-menu li:last-of-type {
  margin-bottom: 0;
}

.menu__item__one-column-child_sub-menu {
  display: none;
  list-style: none;
  margin: 15px 0 0 25px;
  padding: 0;
}

.menu__item__one-column-child_sub-menu.is-active {
  display: block;
}

.menu__item__one-column__container__feature__post {
  display: flex;
  flex-direction: column;
  gap: 16px;
  order: 2;
  padding: 35px 50px;
}

@media screen and (max-width: 1024px) {
  .menu__item__one-column__container__feature__post {
    padding: 25px;
    order: 2;
  }
}

.menu__item__one-column__container__feature__post img {
  height: auto;
  width: 100%;
}

.menu__item__one-column__container__feature__post p {
  font-family: "avenir-next-thin", sans-serif;
  font-size: 14px;
  letter-spacing: 0.16px;
  line-height: 155%;
  margin: 0;
}

.menu__item__one-column__container__feature__post a {
  align-items: center;
  color: var(--theme-link-color-secondary);
  display: flex;
  font-family: "avenir-next-bold", sans-serif;
  font-size: 16px;
  gap: 5px;
  letter-spacing: 0.2688px;
  line-height: 150%;
}

.menu__item__one-column__container__feature__post a svg {
  position: relative;
  top: 2px;
}

/* Menu - Primary Navigation - Basic Dropdown
--------------------------------------------- */
.menu__item__basic-dropdown {
}

.menu__item__basic-dropdown__container {
  background: var(--theme-background);
  display: none;
  max-width: fit-content;
  position: absolute;
  top: 100%;
  transform: translateX(calc(-50% + 25px));
  width: 100%;
  z-index: 100;
}

@media screen and (max-width: 1024px) {
  .menu__item__basic-dropdown__container {
    transform: translateX(0);
    width: 100%;
    left: 0;
    max-width: unset;
    position: relative;
    display: none !important;
  }

  .menu__item__basic-dropdown__container.is-active {
    display: block !important;
  }
}

.menu__item__basic-dropdown:hover .menu__item__basic-dropdown__container {
  display: block;
}

.menu__item__basic-dropdown__container::after {
  background: linear-gradient(90deg, #3e44fe 0%, #bb5cff 100%);
  bottom: 0;
  content: "";
  display: block;
  height: 4px;
  position: absolute;
  width: 100%;
}

.menu__item__basic-dropdown_sub-menu {
  border-right: 1px solid var(--theme-border-color);
  list-style: none;
  order: 1;
  padding: 35px 50px;
}

@media screen and (max-width: 1024px) {
  .menu__item__basic-dropdown_sub-menu {
    border-right: none;
    padding: 25px;
    order: 1;
    border-bottom: 1px solid var(--theme-border-color);
  }
}

.menu__item__basic-dropdown_sub-menu li {
  margin-bottom: 20px;
}

.menu__item__basic-dropdown-child a {
  align-items: center;
  color: var(--theme-link-color);
  display: flex;
  font-family: "avenir-next-medium", sans-serif;
  font-size: 16px;
  gap: 10px;
  letter-spacing: 0.36px;
  line-height: 150%;
  text-decoration: none;
}

.menu__item__basic-dropdown-child a:hover,
.menu__item__basic-dropdown-child a:focus {
  color: var(--theme-link-color-hover);
}

.menu__item__basic-dropdown-child a svg {
  height: 10px;
  width: 10px;
}

.menu__item__basic-dropdown-child a.is-active svg {
  transform: rotate(180deg);
}

.menu__item__basic-dropdown_sub-menu li:last-of-type {
  margin-bottom: 0;
}

.menu__item__basic-dropdown-child_sub-menu {
  display: none;
  list-style: none;
  margin: 15px 0 0 25px;
  padding: 0;
}

.menu__item__basic-dropdown-child_sub-menu.is-active {
  display: block;
}

/* Menu - Auxiliary Navigation
--------------------------------------------- */
.menu__auxiliary {
  align-items: center;
  display: flex;
  gap: 20px;
  list-style: none;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 1024px) {
  .menu__auxiliary {
    width: 100%;
  }
}

.menu__auxiliary .menu__item:hover::after {
  display: none;
}

.menu__auxiliary .menu__item__link {
  text-transform: initial;
}

.menu__auxiliary .menu__item a.menu__item__button {
  background: linear-gradient(
    99deg,
    var(--global-color-9),
    var(--global-color-8)
  );
  border-radius: 26px;
  box-shadow: 0px 2px 4px rgba(97, 97, 97, 0.18),
    0px 4px 8px rgba(97, 97, 97, 0.18);
  color: #ffffff;
  display: inline-flex;
  flex-wrap: nowrap;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.05em;
  outline: 1px solid transparent;
  padding: 13.5px 24px;
  text-decoration: none;
  text-transform: uppercase;
  transition: outline 0.3s ease;
}

.menu__auxiliary .menu__item a.menu__item__button:hover {
  background: linear-gradient(
    0deg,
    rgba(62, 68, 254, 0.8),
    rgba(62, 68, 254, 1)
  ) !important;
  outline-color: #3e49f4;
  box-sizing: border-box;
  box-shadow: 0px 8px 14px rgb(62 68 254 / 26%);
  color: #fff;
}

@media screen and (max-width: 1024px) {
  .menu__auxiliary .menu__item {
    width: 100%;
  }

  .menu__auxiliary .menu__item:last-of-type {
    border-bottom: 0;
    padding: 25px;
    text-align: center;
  }
}
