.content-wrapper{     max-width: 1060px !important;  }

.black_header #main-navigation {
/*     background: linear-gradient(178.42deg, #E5F3FF -30.09%, #E8ECFF 25.38%, #FFFFFF 80.86%); */
    background-color: #edf1ff;
}
.header_scroll .black_header #main-navigation {

  background-color: #fff;
}

.back_btn a { color: #0060B3; font-size: 14px; display: inline-flex; align-items: center; gap: 8px; text-decoration: none; }
.back_btn a svg { display: block; vertical-align: middle; }
.back_btn a svg path { fill: #0060B3; }


.type_search_content .type_box a.link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}


.hubdb_box_element .hubdb_box .tag { display: flex; gap: 4px; padding: 20px 0 28px; flex-flow: wrap; }
.hubdb_box_element .hubdb_box .tag span { background-color: #E5F3FF; padding: 4px 10px; border-radius: 20px; color: #333333; font-size: 12px; line-height: 18px; }
.hubdb_box_element .hubdb_box .hubdb_box_btn a { width: 100%; }
.hubdb_box_btn_link a { display: inline-flex; align-items: center; gap: 8px; color: #400080; font-weight: 500; }
.hubdb_box_btn_link a svg path { fill: currentColor; }
.hubdb_box_btn_link a svg { width: 11px; }

.event_blank { padding-top: 40px; }
.search_strip { display: flex; gap: 8px; padding: 25px 0 20px; }
.hubdb_dropdown { position: relative; }
.hubdb_dropdown label { background: #fff; color: #3c4853; font-size: 14px; border: 1px solid #B8C2CC; padding: 8px; border-radius: 4px; height: 32px; width: 72px; display: flex; align-items: center; gap: 6px; position: relative; cursor: pointer; }
.hubdb_dropdown label:before { content: ""; position: absolute; border: 0; border-left: 5px solid transparent; border-radius: 5px; border-right: 5px solid transparent; border-top: 5px solid; display: block; right: 5px; top: 50%; transform: translateY(-50%); cursor: pointer; }
.search_input { position: relative; }
.search_input input[type="text"] { border: 1px solid #8795A1; background: #F3F5F7; border-radius: 4px; padding: 11px 40px; height: 32px; width: 324px; outline: none; color: #000; font-size: 14px; }
.search_input input[type=text]::placeholder { color: #6E8191 !important; }
.search_input svg { bottom: 0; height: 16px; left: 16px; position: absolute; top: 0; width: 16px; transform: translateY(10px); }
.search_input svg path { fill: #4A5864; }
.hubdb_dropdown_list { position: absolute; width: 100%; min-width: 193px; z-index: 99; background: #FFFFFF; border: 1px solid #B8C2CC; box-shadow: 0px 0px 10px 0px #00000014; border-radius: 4px; padding: 8px 16px; top: 100%; margin-top: 10px; transition: all 0.4s ease; left: 0; display: none; }
.hubdb_dropdown.active .hubdb_dropdown_list { display: block; }
.hubdb_dropdown_list a { color: #333333; font-size: 14px; padding-bottom: 8px; display: block; text-align: left; transition: all 0.4s ease; }
.hubdb_dropdown_list a:hover { color: #400080; }

.search_strip.full .search_input input[type=text] { width: 820px; background: #FFFFFF; border: 1.2px solid #CCCCCC; height: 50px; padding: 14px 45px; font-size: 17px; border-radius: 8px; }
.search_strip.full .search_input .clear_btn { background-image: url(https://3987482.fs1.hubspotusercontent-na1.net/hubfs/3987482/Close%20Icon.svg); background-position: 50%; background-repeat: no-repeat; background-size: cover; cursor: pointer; height: 22px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 22px; }
.search_strip.full .hubdb_dropdown label { width: 193px; height: 50px; border-radius: 8px; border: 1.2px solid #CCCCCC; font-size: 16px; display: inline-flex; align-items: center; justify-content: center; }
.hubdb_dropdown.active > label { color: #400080; }
.search_strip.full .hubdb_dropdown.active label:after { border-color: #400080; }
.search_strip.full .hubdb_dropdown label:after { content: ""; position: static; border-width: 0 2px 2px 0; border-color: #4A5864; border-style: solid; height: 10px; width: 10px; border-radius: 2px; transform: rotate(45deg) translateY(-50%); display: block; }
.search_strip.full .hubdb_dropdown label:before { display: none;}
.search_strip.full .search_input input[type=text]::placeholder { color: #333333 !important; }
.search_strip.full .search_input svg { width: 19px; height: 19px; top: 5px; }
.search_cover { background: linear-gradient(178.42deg, #E5F3FF -30.09%, #E8ECFF 25.38%, #FFFFFF 80.86%); padding-top: 100px; }

.hubdb_box_element .row.three_box { grid-template-columns: repeat(3, 1fr); }
.hubdb_box_element .row.three_box .hubdb_box { padding: 0; }
.hubdb_box_element .row.three_box .hubdb_box .image img { border-radius: 8px 8px 0 0; height: 177px !important; object-fit: cover; }
.hubdb_box_element .row.three_box .hubdb_box .image_info { padding: 18px 20px 0 18px; }
.hubdb_box_element .row.three_box .hubdb_box_btn { padding: 0 18px 25px 18px; }
.hubdb_box_element .row.three_box .hubdb_box_btn_link { padding: 0 18px 25px 18px; }

.events-webinars-page .title h1 { background: linear-gradient(90.14deg, #418BE5 32.45%, #7C5DD9 68.93%); -webkit-text-fill-color: transparent; -webkit-background-clip: text; font-size: 48px; font-weight: 700; }
.events-webinars-page .title_cover { background: linear-gradient(178.42deg, #E5F3FF -30.09%, #E8ECFF 25.38%, #FFFFFF 80.86%); padding-top: 100px; }
.events-webinars-page .title_cover .title { margin: 0 auto; text-align: center; max-width: 640px; padding-top: 34px; }
.events-webinars-page .title_cover .content { font-weight: 500; color: #333333; }



/* Events and Webinars HubDB Pages design */
.hubdb_box_element { padding: 35px 0; }
.whitepaper_hubdb_box_link {
  border: none !important;
  background-color: #EBE5FF80 !important;
  padding: 25px !important;
}
.videos_hubdb_box_link{   border: none !important;
  background-color: #E5FFF0CC !important; } 
.videos_hubdb_box_link .image_btn {  padding-top: 0 !important; }
.videos_hubdb_box_link .image { transform: scale(1.1); }
.hubdb_box_link:hover{  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.10) !important; }   

.hubdb_box_element span.sub_title { font-size: 16px; font-weight: 600; color: #4A5864; text-transform: uppercase; line-height: 21px; }
.hubdb_box_element .row { gap: 17px 24px; display: grid; grid-template-columns: repeat(4, 1fr); padding: 7px 0; }
.hubdb_box_element .box_feature { grid-column: span 4; }
.hubdb_box_element .hubdb_box {     transition: all 0.4s ease; grid-column: span 1; background: #fff; border: 1px solid #B8C2CC; border-radius: 8px; box-shadow: 0px 0px 10px 0px #00000014; padding: 0px; position: relative; }
.hubdb_box_element .row a.box_link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-decoration: none; font-size: 0; line-height: 0; color: #fff; }
.hubdb_box_element .hubdb_box:hover {  transform: translateY(-5px);  box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.15);}
 
.hubdb_box_element  .hubdb_box__card .image_info{     padding: 15px; }

.hubdb_box.hubdb_box_link { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.hubdb_box_element .box_feature .top_cover { display: flex; flex-flow: wrap; padding-top: 12px; }
.hubdb_box_element .box_feature .top_left { width: 50%; position: relative; }
.hubdb_box_element .box_feature .top_right { width: 50%; padding-left: 35px; }
.hubdb_box_element .box_feature .top_image img { display: block; border-radius: 8px; width: 100%; }
.hubdb_box_element .box_feature h4 { font-weight: 700; color: #333333; }
.hubdb_box_element .box_feature .content { font-size: 14px; line-height: 21px; color: #333333; font-weight: 400; }
.hubdb_box_element .box_feature .top_right .hubdb_box_btn { padding: 30px 0 0 0; }
.hubdb_box_btn a { text-decoration: none; display: inline-block; font-size: 16px; line-height: 21px; color: #400080; background: #fff; font-weight: 500; text-align: center; border: 1px solid #400080; border-radius: 30px; padding: 8px 20px; transition: all 0.4s ease; min-width: 208px; }
.hubdb_box_btn a:hover { background: #400080; color: #fff; }
.hubdb_box_element .hubdb_box .image img { display: block; width: 100%; border-radius: 4px; }
.hubdb_box_element .hubdb_box .image_info { padding-top: 12px; }
.hubdb_box_element .hubdb_box span.event_time { font-size: 16px; color: #5600CF; font-weight: 600; line-height: 21px; display: inline-block; padding-bottom: 10px; }
.hubdb_box_element .hubdb_box .image_info h6 { color: #333333; font-weight: 600; }
.hubdb_box_element .hubdb_box .image_btn { text-align: center; padding-top: 30px; }
.hubdb_box_element .hubdb_box .image_btn a { display: inline-flex; align-items: center; gap: 8px; transition: all 0.4s ease; font-size: 18px; color: #5600CF; font-weight: 600; line-height: 21px; }
.hubdb_box_element .hubdb_box .image_btn a span.link_arrow svg { width: 24px; height: 24px; vertical-align: middle; display: block; object-fit: cover; }
.hubdb_box_element .hubdb_box .venue_col { display: inline-flex; gap: 5px; }
.hubdb_box_element .hubdb_box span.venue_icon svg { width: 8px; height: 11px; display: inline-block; object-fit: contain; }
.hubdb_box_element .hubdb_box span.venue_text { font-size: 14px; line-height: 21px; font-weight: 400; color: #4A5864; }

.events_webinar.hubdb_box_element span.timing { color: #5600CF; font-weight: 600; font-size: 16px; line-height: 21px; padding-bottom: 11px; display: inline-block; }
.events_webinar.hubdb_box_element .location_col { display: inline-flex; gap: 5px; align-items: center; padding-bottom: 17px; }
.events_webinar.hubdb_box_element span.icon svg { width: 8px; height: 11px; display: block; vertical-align: middle; object-fit: contain; }
.events_webinar.hubdb_box_element span.text { font-size: 14px; line-height: 21px; font-weight: 400; color: #4A5864; }
.hubdb_box.hubdb_box_link.events_hubdb_box_link { background: #E5F3FF; border-color: #E5F3FF; }

.tag a span{     transition: all 0.4s ease; }
.tag a:hover span {  background: #0060b3 !important;  color: #fff !important; }


/* White Paper */
.hubdb_box.hubdb_box_link.white-paper_hubdb_box_link { background: #EBE5FF80; border-color: #EBE5FF80; }
.hubdb_box_element .box_feature h2 { color: #333333; }
.white_paper.hubdb_box_element .box_feature .content { color: #3C4853; }
.white_paper.hubdb_box_element .hubdb_box_btn a { min-width: 240px; }

/* Video Gallery */
.video_box_feature .top_cover { align-items: center; }
.hubdb_box_element .video_box_feature .content { font-size: 24px; line-height: 30px; color: #00294D; }
.video_box_feature .top_right { padding-left: 70px; position: relative; }
.video_box_feature span.quote_icon { position: absolute; top: -40px; left: 25px; }
.video_box_feature span.quote_icon svg { display: block; width: 78px; height: 54px; object-fit: cover; }
.video_gallery .hubdb_box.hubdb_box_link.event_hubdb_box_link { background-color: #E5FFF0CC; border-color: #E5FFF0CC; }
.video_box_feature .video_hubdb_box_link { background: #E5FFF0CC; border-color: #E5FFF0CC; }

.hubdb_box_element .box_feature.video_box_feature .top_right{     padding-left: 58px; }


.hubdb_box_element .video-play-icon { position: relative; }
.hubdb_box_element .video-play-icon:before { content: ""; pointer-events:none; position: absolute; background-image: url(https://3987482.fs1.hubspotusercontent-na1.net/hubfs/3987482/Primary%20L.svg); background-position: 50%; background-repeat: no-repeat; background-size: cover; height: 58px; width: 58px; left: 50%; top: 50%; transform: translate(-50%, -50%); cursor: pointer; border-radius: 50%; box-shadow: 0px 20px 40px 0px #418BE526, 0px 5px 10px 0px #418BE50D; }
.hubdb_box_element .video_box_feature a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; color: #fff; text-decoration: none; line-height: 0; }
.hubdb_box_element .video_hubdb_box .video-play-icon:before { width: 40px; height: 40px; }


/*resource_lib_toolkit*/
.resource_lib_toolkit .image_info h6{  font-size: 18px; line-height: 24px;     margin-bottom: 12px;  }
.resource_lib_toolkit .hubdb_box { position:relative;     padding-bottom: 70px !important; }
.resource_lib_toolkit .hubdb_box_btn_link{ position:absolute; bottom:0; }
.resource_lib_toolkit .content{ font-size:14px; line-height:20px; }

.hubdb_box__page .content { font-size: 14px;  line-height: 20px; }
.hubdb_box__page { position: relative;  padding-bottom: 60px !important; }
.hubdb_box__page .hubdb_box_btn_link,.events_hubdb_box .hubdb_box_btn {  position: absolute;  bottom: 0; }

.rs_drop_foot {
    display: none;
}



.resource_search_wrapper .search_input input:focus{  border-color:#418BE5; box-shadow: 0px 0px 12px 0px #007BE699; }
.upcoming_event_form form input{ border:1px solid transparent !important; }
.upcoming_event_form form input:focus,.search_input input[type="text"]:focus{  border-color:#418BE5 !important; box-shadow: 0px 0px 12px 0px #007BE699 !important; }
.search_strip.full .hubdb_dropdown label::after {  position: relative;  top: 3px; }
.hubdb_box__page .image_info h6{  font-size:18px; line-height:23px;      margin-bottom: 15px; }
.hubdb_box__page .image {  position: relative; }
.resource_lib_stories .three_box .hubdb_box__page .logo_cover img.logo {  width: 50px !important;  height: 50px !important;  object-fit: contain !important; }
.three_box .logo_cover{     position: absolute;  top: auto;  bottom: 0;  right: 0;  padding: 20px 20px;  background: border-box;  border-radius: 7px; }
.resource_lib_stories .event_blank {   display: none; }
.resource_lib_toolkit .events_webinar {  padding-top: 10px; }

.search_cover + div {  padding-bottom: 50px; }







@media(max-width:991px){
  .hubdb_box_element .hubdb_box_link, .hubdb_box_element .hubdb_box { grid-column: span 2; }
  .hubdb_box_element .box_feature .hubdb_box_btn { padding-top: 20px; }

  .video_gallery.hubdb_box_element span.quote_icon { left: 20px; }
  .video_gallery.hubdb_box_element span.quote_icon svg { height: 65px; width: 65px;}  

  .hubdb_box_element .row.three_box .hubdb_box, .hubdb_box_element .row.three_box .hubdb_box_link { grid-column: span 1; }
}

@media(max-width:767px){
  .hubdb_box_element .box_feature .top_left { width: 100%; }
  .hubdb_box_element .box_feature .top_right { width: 100%;padding: 30px 0 20px; }  

  .video_gallery.hubdb_box_element .content { font-size: 20px; line-height: 26px; } 
  .video_gallery.hubdb_box_element span.quote_icon svg { height: 42px;width: 42px; }
  .video_gallery.hubdb_box_element span.quote_icon { left: 0; top: -3px; }    

  .events-webinars-page .title_cover { padding-top: 80px; }
  .events-webinars-page .title_cover .title { max-width: 100%; }
  .events-webinars-page .title h1 { font-size: 40px; }	

  .search_cover { padding-top: 80px; }
  .search_input input[type=text] { width: 100%; }
  .hubdb_box_element .row.three_box { grid-template-columns: repeat(2, 1fr); }
  
  .hubdb_box_element .row.three_box .hubdb_box .image img { height: auto !important; }
  .hubdb_box_element .row.three_box .hubdb_box .image_info { padding: 12px 12px 0 12px; }
  .hubdb_box_element .row.three_box .hubdb_box_btn_link { padding: 0 12px 19px 12px; }
  
  .hubdb_box_element .box_feature.video_box_feature .top_right { padding-left: 20px; }
  .hubdb_box_element .video_box_feature .content{ font-size: 18px;  line-height: 28px;}
  
}

@media (max-width: 575px){
  /* .hubdb_box_element .hubdb_box_link, .hubdb_box_element .hubdb_box { grid-column: span 4; } */
   .hubdb_box_element .row.three_box .hubdb_box, .hubdb_box_element .row.three_box .hubdb_box_link { grid-column: span 3; }
}


@media (max-width: 389px){
  .hubdb_box_element .hubdb_box_link, .hubdb_box_element .hubdb_box { grid-column: span 4; }
}





}