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

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

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
/* webfont embedded*/
@font-face {
    font-family: "RealHead";
    src: url("//6585952.fs1.hubspotusercontent-na1.net/hubfs/6585952/raw_assets/public/StreamNative%20RoadMap%20Webinar%20Q3%202024/Fonts/Real%20Head%20Pro%20Light.woff2")format("woff2"),
    url("//6585952.fs1.hubspotusercontent-na1.net/hubfs/6585952/raw_assets/public/StreamNative%20RoadMap%20Webinar%20Q3%202024/Fonts/Real%20Head%20Pro%20Light.woff")format("woff");
}
/* General CSS */
*{
  box-sizing:border-box;
}
body{
  margin:0;
  padding:0;
  font-family: "RealHead";
  min-height: 150vh;
}
.container-fluid {
    padding: 0 !important;
}

h1,h2,h3,h4,h5,h6,p{margin:0;color:#252a2d;}
a{color:#252a2d;}
h1{font-size:32px;line-height:40px;}
h2{font-size:28px;line-height:35px;}
h3{font-size:22px;line-height:28px;}
h4{font-size:18px;line-height:24px;}
h5{font-size:16px;line-height:22px;}
h6{font-size:16px;line-height:22px;}
p{font-size:16px;line-height:22px;}

header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
}
.hs_cos_wrapper_type_social_sharing {
    display: flex;
    flex-direction: column;
    gap: 8px;
    top: 50%;
    position: fixed;
    z-index: 99999;
    /* width: 100%; */
    transform: translateY(-50%);
    background: #ffff;
    padding: 10px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}
/* Topbar CSS*/
.topbar {
    background: #8de8ee;
    padding: 10px 0;
    display:none;
}
.event-wrap{
  display:flex;
  align-items:center;
  justify-content:self-start;
  gap:10px;
}
.event-wrap h2 {
    margin: 0;
    font-size: 16px;
    line-height: 22px;
}
.event-wrap p {
    margin: 0;
    font-size: 16px;
    line-height: 22px;
}
.registerlink {
    text-align: right;
}
.registerlink a {
    text-decoration: none;
    font-size: 16px;
    line-height: 22px;
}
/* menu css*/
.navbar-brand img {
    max-width: 160px;
}
a.navbar-brand {
    padding: 10px 0;
}
.su-header nav.navbar.navbar-default {
    padding: 15px 0;
}
.su-header .navbar-nav>li {
    padding: 20px 0;
}
.su-header .navbar-default .navbar-nav>li>a {
    font-size: 16px !important;
    padding: 0 13px !important;
}
header.su-header.scrolled-nav .navbar-default .navbar-nav>li>a {
    color: #313131;
    font-weight: 400;
}
.navbar-nav > li > .megamenu {
	border-radius: 0;
	padding: 20px 50px;
	border-top: 1px solid #efefef;
}
.bg_black_op {
    background-color: #fff;
    border: none;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .13);
}
.su-header .dropdown-item {
    color: #000 !important;
    font-size: 13px;
    display: block;
    width: 100%;
    padding: 5px 20px;
    clear: both;
    font-weight: 400;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.navbar a.dropdown-toggle::after {
    content: '';
    border: solid #151819;
    margin-left: 6px;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 0;
    height: 0;
    vertical-align: 0.255em;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover
{
  background-color:transparent !important;
}
.item-five a::after, .item-six a::after, .item-seven a::after{display:none !important;}
li.nav-item.item-seven {
    padding-left: 40px;
}
li.nav-item.demo-book {
    background: #0a74f5;
    border-radius: 5px;
    padding: 11px 10px;
    margin-top: 8px;
}
a.nav-link.demo-btn {
    color: #fff !important;
}
.nav-item ul.dropdown-menu.bg_black_op {
    padding-bottom: 16px;
    padding: 10px 20px!important;
    transform: translate(-260px,10px);
    width: 1050px;
    border-style: solid;
    border-width: 1px 0 0 0;
}
.item-two ul.dropdown-menu.bg_black_op {
    transform: translate(-249px,10px);
    width: 926px !important;
}
.item-three ul.dropdown-menu.bg_black_op {
    transform: translate(-730px, 10px);
}
.item-four ul.dropdown-menu.bg_black_op {
    transform: translate(-435px,10px);
    width: 925px !important;
}
ul.navbar-nav {padding: 0;}
nav.navbar {border-bottom: 1px solid #efefef;padding: 21px 0;background:#ffffff;}

a.nav-link.dropdown-toggle::after {
	content: '';
	border: solid #151819;
	margin-left: 6px;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 3px;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	width: 0;
	height: 0;
	vertical-align: 0.255em;
    margin: 0px 0px -1px 0.8rem;
}
.dropdown-wrapper {
    margin: 0 auto;
    max-width: 1216px;
    display: grid;
    grid-row-gap: 1rem;
    grid-column-gap: 1rem;
    grid-template-columns: 2fr 1fr 1fr;
}
.dropdown-wrapper.columns-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.link-head {
    min-height: 67px;
	border-bottom: 1px solid #c7d2d6;
}
.links h3, .links p {margin: 0;}
.links .link-head h3 {
    display: flex;
    color: #81949c;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 166.4%;
}
.links .link-head p {
    font-weight: 600;
    color: #a5b4bb;
    font-size: .875rem;
}

.link-items {
	padding-top: 16px;
}
.link-items > ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    list-style: none;
    display: flex;
    row-gap: 1rem;
}
.link-items > ul > li {
    flex: 1 0 100%;
    display: flex;
    column-gap: .75rem;
}
.link-items.columns-2 > ul > li {
    flex: 1 0 50%;
}
.link-items li a {
    grid-column-gap: .75rem;
    grid-row-gap: 0px;
    color: #151819 !important;
    align-items: flex-start;
    padding-top: .5rem;
    padding-bottom: .5rem;
    text-decoration: none;
    transition: color .2s;
    display: flex;
    font-weight: 600;
}
.link-items li a:hover, .link-items li:hover > svg {
    color: #0a74f5 !important;
}
.link-items li span.menu-icon {
    display: inline-block;
    max-width: 24px;
}
.link-items li span.menu-icon.size-16 {
    max-width: 16px;
    margin-top: -4px;
    align-self: flex-start;
}

.main-menu > .nav-item > .nav-link {
    font-weight: 600;
    padding: 0.5rem 1rem;
    transition: color .2s;
    color: #252a2d !important;
}
.navbar-nav.nav1  {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    margin-left: 2.5rem;
}
.navbar-nav.nav1 .nav-item {
    padding: 0;
}
.nav-item .nav-link.nav_log-in_button {
    line-height: inherit;
    cursor: pointer;
    border: 0;
    font-weight: 600;
    border-radius: 0;
    padding: 9px 15px;
    text-decoration: none;
    display: inline-block;
    color: #81949c !important;
    background-color: transparent;
    padding-left: 1rem;
    padding-right: 1rem;
}
.nav-item .nav-link.nav-bar-btn {
    border: 0;
    font-weight: 600;
    color: #ffffff !important;
    cursor: pointer;
    text-align: center;
    border-radius: 5px;
    line-height: 20px;
    transition: all .2s;
    text-decoration: none;
    display: inline-block;
    padding: .75rem 1.5rem;
    background-color: #0a74f5;
    width: 158px;
    display: block;
    font-size: 16px;
}
button:focus {
    outline: none !important;
    box-shadow: none !important;
}
.nav-link.dropdown-toggle.show::after {
    -ms-transform: rotate(135deg) rotateY(-175deg);
    transform: rotate(135deg) rotateY(-175deg);
    -webkit-transform: rotate(135deg) rotateY(-175deg);
}
.navbar-toggler {
    border: 0;
}
.navbar-toggler[aria-expanded=true] .navbar-toggler-icon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAUCAMAAACgaw2xAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAALdQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAWuWfQwAAAD10Uk5TAMDQKQIBHrOlyv621SWyIMW/MCbRuK3dMQO0/9oqIcvBLyK9r+EsJ7nJK6ot2M671NwjzygkzdbTt9nHzAxcoiwAAAEZSURBVHicZZHLT8JAEIfnt2npg5Qa9KLGR9JQ4gExevTv9+ZBQyMBH1UwYoziq1JCt+Buy0LRvezOfLs7mW9ABLE4LZcu4jGByBJ7WgAlxlgkgQPOYpaovIuJgaEEmotRefqm8kbkAAMJiNYN8e1z9mYXXEcoDhnQd15cc9KX+VJsI0wUIKqjx2LA3nowNq+yzBzoFYww3nbC6lonKQJRJ+EebmppMI8XQLO8LtV/7vhfoDfQJs+4+AeOH6PqRnfpQBU/QlA2P8D9Flsp7kxnjacBFRzkDVZqfec6XXGQK/F7e52vRDm4T3Ogue9mM/imhQO/JeaDrLVDfqm0Zw4OziU4aaf7ncKgxEX7VYLT5PazOFrNas7O6Bf8j2QVtog/QgAAAABJRU5ErkJggg==");
    background-size: 72%;
    background-position: center center;
}

/* banner css*/
.stremnativelogo {
    padding-bottom: 40px;
}
section.banner {
    position: relative;
    padding:170px 0 100px;
}
.leftlogo img {
    max-width: 350px;
}
.leftlogo {
    padding-bottom: 10px;
}
.leftblock {
    padding-top: 55px;
}
.stremnativelogo img {
    max-width: 400px;
}
.webinarlogo img {
    position: relative;
}
.webinarlogo img:after {
    position: absolute;
    content: url('https://6585952.fs1.hubspotusercontent-na1.net/hubfs/6585952/Webinar%20LP/webinar_icon.png');
    left: 0;
    width: 100%;
}
.lefttext {
    padding-top: 15px;
}
.lefttext h3 {
    color: #C7D2D6;
    font-size: 20px;
    line-height: 33px;
    padding-bottom:15px;
}
.overlay {
    position: absolute;
    background: #000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.5;
}
.lefttext h1 {
    color: #fff;
    font-size: 48px;
    line-height: 56px;
    padding-bottom: 20px;
    width: 100%;
    font-weight: 700;
}
.lefttext p {
    color: #c7d2d6;
    font-size: 24px;
    font-weight: 400;
    line-height: 33px;
    padding-top: 0;
    width: 81%;
}
.date-time {
    padding-top: 30px;
    display: flex;
    gap: 60px;
}
.datetext, .timetext, .durationtext
{
  display:flex;
  align-items:center;
  gap:15px;
  padding-bottom:20px;
}
.datetext p {
    color: #fff;
    font-size: 19px;
    line-height: 30px;
    font-weight:700;
}
.timetext p {
    color: #fff;
    font-size: 19px;
    line-height: 30px;
    font-weight:700;
}
.durationtext p {
    color: #fff;
    font-size: 19px;
    line-height: 30px;
    font-weight:700;
}
/*datetime css*/
.timings {
    display: flex;
    gap: 50px;
    align-items: center;
    padding-top: 18px;
}
.timings .date, .timings .time {
    display: flex;
    align-items: center;
    gap: 12px;
}
.timings img {
    max-width: 44px;
    height: 53px;
    object-fit: contain;
}
.timings .date p, .timings .time p {
    margin: 0;
    font-size: 20px;
    line-height: 25px;
    color: #ffffff;
    font-weight: 600;
}
/* speaker css*/
.speaker-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: start;
    gap: 0;
    padding-top: 9px;
    padding-bottom: 30px;
}
.Speaker {
    width: 100%;
}
.speaker-wrap h2 {
    color: #fff;
    font-weight: 700;
    position: relative;
    margin: 0 0 0 0;
    letter-spacing: 1.8px;
    font-size: 18px;
    line-height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-transform:uppercase;
}

.speaker-info {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.rows-speakers {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
} 

.Information {
    display: flex;
    align-items: center;
    flex: 1;
}

.Information img {
    width: 100%;
    max-width: 78px;
    border-radius: 50%;
    object-fit: cover;
}

.speaker-details {
    padding: 0 0 0 18px;
}
p.name-of-speaker {
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    margin: 0;
    letter-spacing: 1.5px;
}
p.position-speakers {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    margin: 0;
    padding: 4px 0 0 0;
    width: 100%;
    letter-spacing: 1.2px;
}
.top-space span {
    display: block;
}
.web-text {
    background: #F6F8F9;
    border-radius: 14px;
    padding: 4px 21px 6px;
    float: right;
    max-width:200px;
    margin-bottom: 30px;
    margin-right: 8px;
}
.web-text p {
    font-size: 16px;
    line-height: 21px;
    color: #000;
    text-align:center;
}
/* form css*/
.form-columns-2 div:nth-child(1) {
    padding-right: 10px;
}
.hs-form-field {
    width: 100%;
    margin-bottom:20px;
}
div#hs_form_target_form_67830837 .hs-form-field {
    margin-bottom: 17px !important;
}
.form-title {
    display: none;
}
.form-outer {
    background: #fff;
    border-radius: 24px;
    padding: 25px 30px 30px;
    margin: 0 auto;
    clear:both;
}
.form-outer h3 {
    text-align: center;
    color: #0a74f5;
    font-size: 23px;
    line-height: 33px;
    font-weight: 600;
  padding-bottom:12px;
}

.hs-error-msg {
    color: red;
    font-size: 11px;
  display:block !important;
}
.no-list {
    padding: 0 !important;
  margin:0 !important;
}
.no-list li {
    list-style-type: none;
}
.hs-input {
    background: transparent;
    border: solid #A5B4BB;
    border-width: 1px 1px 1px;
    padding: 7px 9px;
    width: 100%!important;
    border-radius: 6px;
}
.input {
    padding: 8px 0 0;
}
.hs-input:focus {
    border: solid #A5B4BB;
    border-width: 1px 1px 1px;
    outline: none;
}
input.hs-button.primary.large {
    width: 100%;
}
.hs_submit.hs-submit {
    max-width: 160px;
    margin: 0;
}
select {
    color: #8b758b;
}
fieldset {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
}
label span {
    font-size: 14px!important;
    line-height: 20px!important;
    color:#3E484C !important;
    font-weight:600;
    
}
form .hs-form-field input::placeholder {
  color:#000000;
}
.inputs-list .hs-input {
    width: auto !important;
    float: left;
}
legend.hs-field-desc {
    font-size: 10px;
    color: #ffffff;
}
.hs-error-msgs{color:red;font-size:11px;position: absolute;}
.hs_error_rollup .hs-error-msgs {
    position: relative !important;
}
.hs-button {
    background: #0a74f5;
    border: 1px solid #fff;
    color: #fff;
    font-weight: 700;
    padding: 7px 22px;
    text-transform: capitalize;
    width: 40%;
    border-radius: 6px;
}
/* Custom Input */
ul.inputs-list li.hs-form-booleancheckbox {
  margin: 0 0;
  list-style-type:none;
}
ul.inputs-list li.hs-form-booleancheckbox label {
  position: relative;
  display:block !important;
}
ul.inputs-list li.hs-form-booleancheckbox label span {
    display: inline-block;
    margin-left: 23px;
    margin-right: 16px;
}
/* Hide the original checkbox */
ul.inputs-list li.hs-form-booleancheckbox label input {
  height: 24px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 24px;
}
.form-outer ul {
    margin-bottom: 0!important;
    padding-top: 0;
    padding-left: 0;
}
/* Add new checkbox */
ul.inputs-list li.hs-form-booleancheckbox label span:before {
    border: 1px solid #000000;
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 4px;
    width: 16px;
}
/* Style new checked item */
ul.inputs-list li.hs-form-booleancheckbox label span:after {
border: 2px solid #000;
    border-left: 0;
    border-top: 0;
    content: "";
    height: 10px;
    left: 5px;
    opacity: 0;
    position: absolute;
    top: 6px;
    transform: rotate(45deg);
    transition: opacity .2s ease-in-out;
    width: 5px;
}
/* Show when checked */
ul.inputs-list li.hs-form-booleancheckbox label input:checked + span::after {
  opacity: 1;
}
/* Style when focused */
ul.inputs-list li.hs-form-booleancheckbox label input:focus + span::after {
  outline: 3px solid transparent; /* For Windows high contrast mode. */
}
.actions {
    left: 0;
    margin: 8px auto 0;
    right: 0;
    text-align: center;
}
.legal-consent-container .hs-form-booleancheckbox-display p {
    margin: 0;
    display: inline;
    color: #000;
    font-size: 13px;
    line-height: 19px;
}
/* section1 css*/
section.section1 {
    padding: 60px 0 50px;
}
.rightimage img {
    width: 100%;
    max-width: 371px !important;
}
.rightimage {
    text-align: center;
}
.storydraft {
    background: #ecf9ec;
    padding: 43px 41px;
    position: relative;
}
.storydraft h3 {
    font-size: 18px;
    line-height: 33px;
    font-weight: 600;
    font-style: italic;
}.storydraft:after {
    content: url('https://6585952.fs1.hubspotusercontent-na1.net/hubfs/6585952/RoadMap%20Webinar%20Q3%202024/Quotes_accela-blue.png');
    position: absolute;
    left: 37px;
    top: -13px;
}
.storydraft h4 {
    padding-top: 12px;
    font-weight: 600;
    font-style: italic;
    font-size: 18px;
    line-height: 21px;
}
.section1 h2 {
    color: #0a74f5;
    font-size: 28px;
    line-height: 34px;
    font-weight: 600;
    text-align:left;
    padding-bottom:30px;
}
.fullwidth-heading p {
    color: #252a2d;
    font-size: 24px;
    font-weight: 400;
    line-height: 33px;
    padding-bottom: 10px;
    text-align: left;
    padding-top: 27px;
}
/* section 2 css*/
section.fullwidth {
    padding: 60px 0 80px;
}
.fullwidth-heading {
    max-width: 682px;
}
.fullwidth-heading p {
    color: #252a2d;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    padding-bottom: 43px;
    text-align: left;
    padding-top: 10px;
}
.fullwidth-heading h2 {
    color: #252a2d;
    font-size: 30px;
    line-height: 37px;
    font-weight: 600;
}
.fullwidth-content p {
    text-align: left;
    color: #000;
    font-size: 24px;
    line-height: 34px;
    font-weight: 400;
    margin-left: auto;
}
.fullwidth-content h2 {
    color: #0a74f5;
    font-size: 28px;
    font-weight: 600;
    line-height: 34px;
    padding-bottom: 15px;
}
.textrow.row {
    display: flex;
    flex-wrap: wrap;
    padding-top: 15px;
}
.contentbox img {
    max-width: 53px;
    height: 44px;
    object-fit: contain;
}
.contentbox h2 {
    color: #151819;
    display: inline-flex;
    font-size: 24px;
    font-weight: 600;
    line-height: 33px;
    padding-top: 20px;
    position: relative;
}
.contentbox p {
    color: #505D62;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    padding-top: 15px;
}
.contentbox {
    align-items: flex-start;
    border: 1px solid #A5B4BB;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 40px 20px 40px;
    text-align: center;
    text-align: left;
    border-radius: 8px;
}
section.section2 {
    padding: 70px 0px;
}
.singlecontent h2 {
    font-size: 24px;
    line-height: 31px;
    font-weight: 600;
    padding: 0 0 30px 0;
    text-align: left;
    color: #252a2d;
}
.listing ul li {
    list-style: none;
}
ul.innerlist1 {
    padding-left: 30px;
}
ul.innerlist2 {
    padding-left: 50px;
}
.listing ul li {
    padding-bottom: 11px;
    font-size: 20px;
    line-height: 32px;
    position: relative;
    padding: 0px 0 5px 17px;
    background: url(https://6585952.fs1.hubspotusercontent-na1.net/hubfs/6585952/RoadMap%20Webinar%20Q3%202024/list-arrow-blue.png) no-repeat left top 12px;
    color: #252a2d;
}
/* section3 css*/
section.section3 {
    padding: 60px 0;
}
.speaker-heading h2 {
    color: #0a74f5;
    font-size: 28px;
    line-height: 34px;
    font-weight: 600;
    text-align: left;
    padding-bottom: 30px;
}
.image-desig {
    display: flex;
    align-items: center;
    gap: 20px;
}
.image-desig-one {
    display: flex;
    align-items: center;
    gap: 20px;
  flex-direction:column;
}
.image-desig img {
    max-width: 100px;
    border-radius: 50%;
    object-fit: cover;
}
.image-desig-one img {
    max-width: 100px;
}
.image-desig h2 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
}
.image-desig p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
}
.image-desig-one h2 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    text-align:center;
}
.image-desig-one p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    text-align:center;
}
.speaker-desc {
    padding: 20px 0 30px 0;
    width: 80%;
    margin: 0;
}
.speaker-desc p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
}
/* download cta css */
section.downloadcta {
    padding: 60px 0 60px;
}
.ctatext h2 {
    color: #0a74f5;
    font-size: 30px;
    line-height: 37px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 30px;
}
.ctatext {
    position: relative;
  padding-bottom:5px;
}
.ctaheading h2 {
    color: #fff !important;
    font-size: 24px;
    font-weight: 400;
    line-height: 33px;
    padding-bottom: 20px;
    text-align: left;
}
.ctatext h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: 33px;
    text-align: left;
    padding-bottom: 20px;
}
.ctabtn {
    background: #0a74f5;
    border-radius: 5px;
    max-width: 126px;
    padding: 10px 8px 12px;
    position: relative;
    margin: 0;
}
.submitted-message {
    text-align: center;
}
.downloadcta .row {
    display: flex;
}
.ctabtn a {
    color: #fff!important;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
}
/* footer css */
section.footer {
    padding: 60px 0;
}
.borderline {
    border-bottom: 1px solid #000000;
    padding-bottom: 7px;
}
.linksfooter {
    padding-top: 40px;
}
.righticons {
    text-align: right;
}
.righticons img {
    max-width: 23px;
    height: 23px;
    object-fit: contain;
}
.links h3 {
    margin-bottom: .75rem;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 33px;
    color: #151819;
}
ul {
    padding: 0;
}
.links ul li {
    display: block;
    padding-bottom: 21px;
}
.links ul {
    padding-top: 20px !important;
}
.links ul li a {
    color: #505d62 !important;
    font-size: 1rem;
    line-height: 26.62px;
    text-decoration: none;
    transition: color .2s;
    font-weight: 600;
}
.links li a:hover {
    color:#0a74f5 !important;
}
.copyrighttext h3 {
    font-size: 14px;
    line-height: 20px;
    color: #3E484C;
}
.footerbottom {
    padding-top: 30px;
}
.assoc-images {
    text-align: right;
}
.assoc-images img {
    max-width: 60px !important;
}
.assoc-images img:nth-child(1) {
    margin-right: 10px !important;
}
@media only screen and (min-width:1300px)
 {
   .container {max-width: 1170px !important;}
}
@media (min-width: 768px) {
    .dnd_area3-row-0-vertical-alignment > .row-fluid {
        display: -ms-flexbox !important;
        -ms-flex-direction: column !important;
        display: flex !important;
        flex-direction: column !important;
    }
}
@media all and (min-width: 992px) {
	.navbar .has-megamenu {position: static !important;}
	.navbar .megamenu {left: 0;right: 0;width: 100%;margin-top: 0;}
}
@media only screen and (min-width:992px) and (max-width:1199px)
  {
   
      .navbar-nav.nav1 {
    margin-left: 0;
        grid-column-gap: 0rem;
}
    .Speaker {
    width: 100%;
}
    .speaker-details {
    padding: 0 5px 0 11px !important;
}
  .main-menu > .nav-item > .nav-link {
    padding: 0.5rem 9px;
}
    .lefttext h1 {
    font-size: 40px;
    line-height: 51px;
}
    .lefttext p {
    width: 61%;
}
    p.position-speakers {
    font-size: 14px;
    line-height: 21px;
}
    .fullwidth-content p {
    font-size: 22px;
    line-height: 30px;
    width: 88%;
}

    .contentbox h2 {
    color: #151819;
    display: inline-flex;
    font-size: 22px;
    font-weight: 600;
    line-height: 32px;
    padding-top: 20px;
    position: relative;
}
    .fullwidth-content h2 {
    font-size: 28px;
    line-height: 34px;
}
    .fullwidth-heading h2 {
    font-size: 22px;
    line-height: 30px;
}
    .fullwidth-heading p {
    font-size: 22px;
    line-height: 30px;
}
    .fullwidth-heading {
    max-width: 612px;
}
}
@media screen and (max-width: 991px) {
  .linksfooter {
    padding-top: 25px;
}
     .rightimage {
    text-align: center;
    padding-top: 60px;
}
     .righticons {
    text-align: left; 
    padding-bottom: 10px;
}
   .logofooter {
    padding-bottom: 22px;
}
    .navbar-collapse {
    padding: 1rem 1% 1rem;
    overflow-y: scroll;
    height: calc(100dvh - 96px);
}

    .navbar-nav > li > .megamenu {
        border: none;
        padding: 30px 0px 50px; 
    }
    
    a.nav-link.dropdown-toggle::after {
        float: right;
    }
    .main-menu > .nav-item > .nav-link {
        padding-top: .75rem;
        padding-bottom: .75rem;
        padding-left: 0;
        font-size: 1.125rem;
    }
    .navbar-nav.nav1 {
        align-items: stretch;
        margin-top: 1.5rem;
        padding-bottom: 3rem;
      margin-left:0 !important;
    }
    .nav-item .nav-link.nav-bar-btn, .nav-item .nav-link.nav_log-in_button {
        width: 100%;
        display: block;
        text-align: center;
    }
   .assoc-images {
    text-align: left;
     padding-bottom:20px;
}
  .fblock{order:2;}
  .fullwidth-content h2 {
    font-size: 23px;
    line-height: 30px;
}

}

@media only screen and (min-width:768px) and (max-width:991px) 
{
  .ctatext {
    position: relative;
    padding-bottom: 17px;
}
  .date-time {
    display: flex;
    gap: 0;
    flex-direction: column;
}
  .form-columns-2 .hs-error-msgs {
    width: 19%;
}
  .dropdown-wrapper, .dropdown-wrapper.columns-4 {
        grid-template-columns: 1fr 1fr;
    }
  .ctawrapper {
    max-width: 100%;
    margin: 0;
}
  .fullwidth-content p {
    text-align: left;
    color: #000;
    font-size: 23px;
    line-height: 30px;
    font-weight: 400;
    width: 100%;
    margin:0;
}
  .fullwidth-heading p {
    font-size: 23px;
    line-height: 30px;
}
  .fullwidth-heading h2 {
    font-size: 23px;
    line-height: 30px;
}
  .form-outer h3 {
    font-size: 20px;
}
.form-outer {
    padding: 25px 12px 30px;
}
  .lefttext h2 {
    font-size: 19px;
    line-height: 25px;
}
  .lefttext p {
    font-size: 20px;
    line-height: 30px;
    padding-top: 0;
    width: 100%;
}
  .contentbox h2 {
    font-size: 21px;
    line-height: 30px;
}
  .lefttext h1 {
    color: #fff;
    font-size: 30px;
    line-height: 44px;
    padding-bottom: 10px;
    width: 81%;
}
.speaker-wrap {
    width: 100% !important;
    padding: 0 0 9px !important;
    margin: 0 auto !important;
}
  .Speaker {
    width: 100% !important;
}
  .speaker-info {
    padding-top: 0;
}
 .rows-speakers {
    flex-direction: column;
}
  .speaker-details {
    padding: 14px 16px !important;
}
  .image-desig img {
    max-width: 70px;
}
  .image-desig h2 {
    font-size: 20px;
}
  .image-desig p {
    font-size: 16px;
    line-height: 20px;
}
.singlecontent h2 {
    font-size: 21px;
    line-height: 30px;
}
.ctatext h3 {
    font-size: 21px;
    line-height: 30px;
}
}
@media only screen and (max-width:767px)
 {
	 .section1 h2 {
    text-align: center;
}
   .webinar-icon {
    text-align: center;
  }
   ul.innerlist2 {
      padding-left: 29px;
  }
   .listing ul li {
    font-size: 17px;
    line-height: 29px;
}
   .speaker-desc {
    width: 100%;
}
   .image-desig {
    gap: 20px;
    flex-direction: column;
    justify-content: center;
}
   .image-desig h2 {
    text-align: center;
}
   .speaker-desc p {
    text-align: center;
}
   .storydraft {
    padding: 43px 15px;
}
   .date-time {
    gap: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom:0;
}
   .singlecontent h2 {
    font-size: 17px !important;
    line-height: 30px !important;
    text-align: center;
}

   .fullwidth-heading h2 {
    color: #a6cdfd;
    font-size: 22px;
    line-height: 30px;
    font-weight: 400;
}
   .contentbox h2 {
    font-size: 20px;
    line-height: 32px;
}
     .fullwidth-content h2, .section1 h2, .speaker-heading h2, .ctaheading h2 {
    font-size: 22px;
    line-height: 30px;
    text-align:center;
}
.ctatext h3 {
    font-size: 17px;
    line-height: 28px;
}
   .fullwidth-heading p {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    padding-bottom: 7px;
    text-align: left;
}
     .ctaheading h2 {
    text-align:center;
      
}
   .ctabtn {
    margin: 0 auto;
}
   .ctatext h3{text-align:center;}
   .leftlogo{text-align:center;}
   .leftlogo img {
    max-width: 273px;
}
   .lefttext h3, .lefttext h1, .lefttext p, .fullwidth-heading h2{text-align:center;}
   .webinarlogo img {
    position: relative;
    max-width: 200px;,
}
   .timings img {
    height: 40px;
    max-width: 34px;
    object-fit: contain;
}
   .timings .date p, .timings .time p {
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    line-height: 25px;
    margin: 0;
}
.lefttext h1 {
    font-size: 30px;
    line-height: 39px;
    width: 100%;
}
   .event-wrap {
    justify-content: center;
}
   .event-wrap p {
    display: none;
}
   .registerlink {
    text-align: center;
     padding-top:10px;
}
   .ctawrapper {
    max-width: 100%;
    margin: 0 auto;
}
   .leftblock {
    padding-top: 0;
}
   .lefttext h2 {
    font-size: 22px;
    line-height: 29px;
     text-align:center;
}
   .hiddenbr{display:none;}
   .lefttext p {
    font-size: 20px;
    width: 100%;
     text-align:center;
     line-height:30px !important;
}
   .form-outer {
    max-width: 480px;
}
   .stremnativelogo {
    padding-bottom: 50px;
     text-align:center;
}
   .lefttext {
    padding-top: 30px;
    padding-bottom: 0;
}
  .web-text {
    float: none;
    margin:0 auto 40px;
}
   .ctatext {
    padding-top: 20px;
}
.timings {
    justify-content: center;
    gap: 20px;
}
  .rows-speakers, .speaker-info {
    display: flex;
    justify-content: center;
}
   .speaker-wrap {
    width: 100% !important;
    margin: 0 !important;
    flex-direction: column !important;
    align-items: center !important;
    padding-top: 10px;
     padding-bottom:40px !important;
}
   .Speaker {
    width: 100% !important;
    text-align: center;
}
   .speaker-wrap h2 {
    text-align: center;
    letter-spacing: 0;
}
   .fullwidth-content p {
    text-align: center;
    font-size: 22px;
    line-height: 30px;
    width: 100%;
    margin:0 !important;
}
   .rows, .Information {
    flex-direction: column !important;
}
   .rows-speakers {
    flex-direction: column !important;
    gap: 22px;
}

   .rows-speakers .Information {
    margin-bottom: 0 !important;
    padding-top: 0 !important;
     align-items:center;
}
   .fullwidth-heading p {
   text-align:center;
}

   .fullbr{display:none;}
   .speaker-details {
    padding-top: 11px !important;
     text-align: center;
      padding-left: 0;
}
   p.position-speakers {
    padding: 0 0 5px 0px;
}
   .textrow.row {
    display: flex;
    flex-wrap: wrap;
    padding-top: 16px;
    gap: 25px;
}

     .contentbox {
    width: 70%;
       margin:0 auto;
}
   .dropdown-wrapper, .dropdown-wrapper.columns-4 {
        grid-template-columns: 1fr;
    }
   .borderline{padding-bottom:0;}
}

@media screen and (max-width: 600px) {
    .link-items.columns-2 > ul > li {
        flex: 1 0 100%;
    }
  .contentbox {
    width: 100%;
}
}


.pt-120-px {
  padding-top: 120px !important;
}