:root {
  --light-blue: #007db8;
}

@font-face {
  font-family: BentonSans;
  src: url("https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/BentonSansBook_1633462494848001GQ3g.woff2")
    format("woff2");
  font-style: normal;
  font-display: swap;
  font-weight: 400;
}

@font-face {
  font-family: BentonSans;
  src: url("https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/BentonSansMedium_1633462495546001Gj1z.woff2")
    format("woff2");
  font-style: normal;
  font-display: swap;
  font-weight: 500;
}

@font-face {
  font-family: BentonSans;
  src: url("https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/BentonSansBold_1633462495387001GCrz.woff2")
    format("woff2");
  font-style: normal;
  font-display: swap;
  font-weight: 700;
}

/*DEC-546*/
/* contingency */ 
#workflow-login-page .rf-input:nth-of-type(2) { 
  visibility:hidden;   
  height:0px; 
} 
#workflow-login-page .md-frame-footer a { 
  visibility:hidden; 
} 
#workflow-login-page .md-frame .md-frame-body { 
  min-height: 155px; 
} 
/*DEC-546*/

.swe_posts .swe_post_social_link * {
  font-family: "swe_icon" !important;
}

a,
div,
h1,
h2,
h3,
h4,
span,
p,
label {
  font-family: BentonSans, sans-serif !important;
}

html {
  scroll-padding-top: 76px;
}

body {
  height: auto;
}

.h-full {
  height: 100%;
}

.w-full {
  width: 100%;
}

#rf-content .flex-box-section-full > .flex-box-section-full-interior {
  padding: 0px;
  margin: 0px;
  max-width: none;
  width: 100%;
}

/*DEC-547*/
/*heart icons for channel 1 live*/
.room-info-container .rfSI.rfSI-disabled svg{
  fill: #0076CB;
}

.room-info-container .rfSI.rfSI-pink svg{
  fill: #0076CB;
}

[id*="rf-"].rf-widget .catalog-result .catalog-result-title .catalog-result-options .favorite-catalog-result.favorited svg,
[id*="rf-"].rf-widget .catalog-result .catalog-result-title .session-actions .favorite-catalog-result.favorited svg,
[id*="rf-"].rf-widget .session-details-page .catalog-result-title .catalog-result-options .favorite-catalog-result.favorited svg,
[id*="rf-"].rf-widget .session-details-page .catalog-result-title .session-actions .favorite-catalog-result.favorited svg,
.rf-default-modal .catalog-result .catalog-result-title .catalog-result-options .favorite-catalog-result.favorited svg,
.rf-default-modal .catalog-result .catalog-result-title .session-actions .favorite-catalog-result.favorited svg,
.rf-default-modal .session-details-page .catalog-result-title .catalog-result-options .favorite-catalog-result.favorited svg,
.rf-default-modal .session-details-page .catalog-result-title .session-actions .favorite-catalog-result.favorited svg{
  fill: #0076CB;
}
/*hopefully all other heart icons*/
/*DEC-547*/

/*overwtiting default rf mtnbr styles*/

.mdBtnR-primary,
a.mdBtnR-primary {
 color:#fff;
 background-color:#0076cb;
 border-color:#0076cb;
}

.mdBtnR-primary:hover,
.mdBtnR-primary:focus,
.mdBtnR-primary.active,
a.mdBtnR-primary:hover,
a.mdBtnR-primary:focus,
a.mdBtnR-primary.active {
 color:#fff;
 background-color:#065893;
 border-color:#065893;
}

/*overwtiting default rf mtnbr styles*/

/* == Header ================================================= */

/*green bar for current page*/
.header-home nav .green-bar-under{
  border-bottom: 5px solid #93c939;
  padding-bottom: 10px;
}

.mobile-menu-trigger {
  display: none;
  width: 20px;
  margin-left: 20px;
  margin-right: 10px;
}

.mobile-menu {
  display: none;
  position: absolute;
  top: 105px;
  right: 0px;
  width: 306px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
  z-index: 5;
  /*DEC-534*/
  max-height: 90vh;
  background-color: white;
  overflow-y: scroll;
  /*DEC-534*/
}

.mobile-menu ul {
  list-style: none;
  background-color: white;
  padding: 0px;
  margin: 0px;
  height: 100vh;
  /*DEC-534*/
  height: fit-content;
  /*DEC-534*/
}

.mobile-menu ul li {
  margin: 0px 22px 0px 22px;
  padding: 22px 0px 22px 0px;
  border-bottom: 1px solid grey;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/*DEC-534*/
.mobile-menu ul li:last-of-type{
  border-bottom: none;
}
/*DEC-534*/

.mobile-menu ul li b {
  font-size: 19px;
}

.nav-search-wrapper {
  display: flex;
}

.nav-search-wrapper #nav-search-input {
  height: 40px;
  width: 223px;
  border-color: #969696;
  border-style: solid;
  border-width: 1px;
  font-size: 21px;
  line-height: 27px;
  border-right: none;
}

.nav-search-wrapper .nav-search-btn {
  height: 40px;
  background-color: #ffffff;
  border-width: 1px;
  border-style: solid;
  border-color: #969696;
  border-left: none;
}

.nav-search-wrapper .nav-search-btn svg {
  fill: #727272;
  width: 23px;
  height: 23px;
}

.mobile-menu ul li a:not(.reg-btn-mobile) {
  text-decoration: none;
  color: #000000;
  font-size: 19px;
}

.mobile-menu ul li > p {
  color: #000000;
  font-size: 19px;
  margin: 0px;
}

.footer-menu {
  background-color: black;
  min-height: 64px;
  display: none;
  justify-content: center;
}

.footer-menu-container {
  max-width: 1280px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer-menu ul {
  margin-bottom: 0;
  list-style: none;
  padding-left: 0px;
}

.footer-menu ul li {
  display: inline-block;
  padding: 10px;
}

.footer-menu li a {
  color: #878787;
}

.rf-org-header-container {
  position: sticky;
  top: 0px;
  left: 0px;
  z-index: 100;
  /* body has to be the full page size for this to work*/
}

/*
Header NavBar
================================
*/

.header-section {
  z-index: 10;
  background-color: black;
}

.header-home {
  display: flex;
  align-items: center;
  height: 105px;
  max-width: 1280px;
  justify-content: space-between;
  text-align: center;
  align-items: flex-end;
  margin: 0 auto;
  background-color: #000;
  font-family: helvetica, arial, sans-serif;
  -moz-transition: top 0.5s ease;
  -o-transition: top 0.5s ease;
  -webkit-transition: top 0.5s ease;
  transition: top 0.5s ease;
}

.header-home .header-col1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.header-home .header-col2 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

p.login-out {
  color: #ffffff;
  margin-right: 10px;
}

a.header-register-button {
  background-color: #35860d;
  color: #ffffff;
  padding: 8px 25px;
  margin-left: 14px;
  margin-top: 20px;
}

a.header-register-button:hover {
  background-color: #246205;
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.hdr-nest-reg-btn a.reg-btn-mobile {
  position: relative;
  margin-top: 0px;
  margin-left: 0px;
}

/*DEC-486*/
.mobile-menu li.mainMenu.hdr-nest-reg-btn {
  flex-direction: column;
  align-items: flex-start;
}

.mobile-menu li.mainMenu.hdr-nest-reg-btn p {
  padding: 20px 0px 10px 0px;
}

.mobile-menu li.mainMenu.hdr-nest-reg-btn p.regular-nav-p {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  color: #000000;
}

.mobile-menu li.mainMenu.hdr-nest-reg-btn a.login-a {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  color: #0076cb;
}
/*DEC-486*/

.hdr-nest-reg-btn {
  display: none;
}

.header-home.hidden {
  top: -6em;
}

.header-home nav {
  /* text-transform: uppercase; */
  z-index: 95;
}

.header-home nav ol {
  margin: 0;
  padding: 0;
  position: relative;
}

.header-home nav ol li {
  display: inline-block;
  list-style: none;
  position: relative;
  margin: 0;
  padding: 0;
}

.header-home nav ol li .megaMenuDropdown {
  display: none;
  width: 750px;
}

.header-home .megaMenuDropdown .row {
  display: flex;
  flex-direction: row;
  padding: 0px;
}

.header-home .megaMenuDropdown .row .col {
  display: flex;
  flex-direction: column;
}

.header-home .megaMenuDropdown .row .col div {
  padding: 30px 40px 0px 40px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.header-home .megaMenuDropdown .row .col a {
  font-weight: 500;
  size: 16px;
  line-height: 21px;
  color: #0076cb;
  text-decoration: none;
  padding: 0px;
  margin: 0px;
}

.header-home .megaMenuDropdown .row .col a:hover {
  border: none;
  color: #0f46a7;
  padding: 0px;
}

.header-home .megaMenuDropdown .row .col p {
  color: #000000;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  padding: 0px;
  margin-top: 7px;
  text-align: left;
}

.header-home nav ol li .nav-menu-drop-wrapper:hover .megaMenuDropdown {
  position: absolute;
  top: 55px;
  left: 0px;
  display: block;
  background-color: #ffffff;
  box-shadow: 0px 0px 15px 0px #00000033;
}

.header-home nav ol li #learnMoreMegaMenu {
  left: -332px;
}

.header-home nav ol li:hover ul {
  display: block;
}

.header-home nav ol li.mobileMenu {
  display: none;
}

#regular-nav .mobile-menu .megaMenu-mobile {
  display: none;
  background-color: #ffffff;
  width: 306px;
  position: fixed;
  top: 105px;
  right: 0px;
  height: 100%;
}

#regular-nav .mobile-menu .socials-mobile {
  justify-content: flex-start;
}

#regular-nav .mobile-menu img {
  fill: #727272;
  float: right;
}

#regular-nav .mobile-menu .megaMenu-mobile ul {
  columns: 1;
  padding: 0px;
  width: 100%;
}

#regular-nav .mobile-menu .megaMenu-mobile .no-bottom-border {
  border: none;
  padding-bottom: 0px;
}
#regular-nav .mobile-menu .megaMenu-mobile .no-bottom-border img {
  float: none;
}

/*once we get to desktop hide this regardless if its open*/
@media (min-width: 961px) {
  .mobile-menu {
    display: none !important;
  }
}

.header-home nav ol li.mobileSub {
  display: none;
}

.header-home nav ol li a {
  color: #fff;
  cursor: pointer;
  display: block;
  padding: 23px 0px 15px 0px;
  margin-right: 20px;
  position: relative;
  text-decoration: none;
  font-size: 14px;
}

.header-home nav ol li a:hover,
.header-home nav ol li .megaMenuDropdown:hover ~ a {
  color: #ffffff;
  text-decoration: none;
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
  border-bottom: 5px;
  border-style: solid;
  border-color: #93c939;
  padding-bottom: 10px;
}

.header-home nav ol li a:after {
  content: "";
  /* border-bottom: 1px dashed #fff; */
  bottom: 21px;
  left: 10%;
  /* opacity: 0; */
  position: absolute;
  width: 80%;
  z-index: 111;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
}

.header-home nav ol li a:visited {
  color: #fff;
}

.header-home nav ol li a:visited:after {
  content: "";
  opacity: 1;
}

.header-home nav ol li a:hover:after {
  content: "";
  opacity: 1;
}

.header-home nav ol li a.active {
  color: #808080;
}

.header-home nav ol li a.active:after {
  content: "";
  opacity: 1;
}

.header-home nav ol li a.active:visited {
  color: #808080;
}

.header-home nav ol li a.active:visited:after {
  content: "";
  opacity: 1;
}

.header-home nav ol li svg {
  display: none;
}

.header-home nav ol ul.submenu {
  background-color: #000;
  display: none;
  left: 0;
  padding: 10px 0;
  position: absolute;
  top: 100%;
  width: 150px;
  -moz-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.05);
}

.header-home nav ol ul.submenu li {
  display: block;
  width: 100%;
}

.header-home nav ol ul.submenu li a {
  color: #fff;
  line-height: 25px;
  padding: 10px 27px;
  text-decoration: none;
}

.header-home nav ol ul.submenu li a:after {
  content: "";
  display: none;
}

.header-home nav ol ul.submenu li a:hover {
  color: #808080;
  background-color: #fff;
}

.header-home nav ol ul.submenu li a.button {
  border: none;
  color: #fff;
  font-size: ems(18px);
  margin: 0;
}

.header-home nav ol ul.submenu li a.button:hover {
  background: none;
  color: #808080;
}

.header-home nav ol ul.submenu li:before {
  content: "";
}

.header-home nav .dimmer {
  left: 100%;
  z-index: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  background-color: rgba(0, 0, 0, 0.7);
}

.header-home nav .dimmer.active {
  display: block;
  left: 50%;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.header-home nav .hamburger {
  display: none;
  z-index: 1;
}

.header-home .contentHolder {
  padding: 0px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.header-home .contentHolder .logo a img {
  max-height: 50px;
}

.no-scrolling {
  overflow: hidden;
  position: fixed;
}

.social-header {
  line-height: 0;
  margin: 26px 0px 0px 0px;
  padding: 0;
  align-items: center;
  display: flex;
  margin-right: 10px;
}

#promo-nav .social-header {
  margin: 0px 10px 26px 0px;
}

.social-header img {
  width: 24px;
  height: 24px;
}

.social-header svg:nth-child(1) {
  margin: 0 10px;
}

.social-header svg path {
  fill: #fff;
}

.social-header svg:hover path {
  fill: #808080;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.social-header li {
  list-style: none;
  display: inline-block;
}

/* .social-header li:before {
  content: "";
} */

@media (max-width: 1350px) {
  .header-home {
    padding-left: 30px;
    padding-right: 30px !important;
  }
}

@media screen and (max-width: 1250px) {
  .header-home .contentHolder {
    padding: 0 40px;
  }
  .header-home .contentHolder nav ol li a {
    padding-left: 8px;
    padding-right: 8px;
  }
  .header-home .contentHolder .logo {
    max-width: 325px;
  }
}

@media screen and (max-width: 1175px) {
  .header-home .contentHolder nav ol li a {
    font-size: ems(17px);
  }
  .header-home .contentHolder .logo {
    max-width: 300px;
  }
}

@media screen and (max-width: 1100px) {
  .header-home .contentHolder nav ol li a {
    font-size: ems(16px);
    padding-left: 5px;
    padding-right: 5px;
  }
  .header-home .contentHolder .logo {
    max-width: 285px;
  }
  .header-home nav {
    margin-right: 0;
  }
}

@media screen and (max-width: 1024px) {
  .header-home .contentHolder {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .header-home .contentHolder nav {
    order: 2;
    width: 100%;
    margin-right: 0;
    padding-left: 25px;
    padding-right: 25px;
  }
  .header-home .contentHolder nav ol {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
  .header-home .contentHolder nav ol li a {
    font-size: ems(18px);
    padding: 18px;
  }
  .header-home .contentHolder nav ol li a:after {
    content: "";
    bottom: 14px;
  }
  .header-home .contentHolder .logo {
    margin-top: 15px;
    max-width: 325px;
    padding-top: 0;
  }

  .header-home.hidden {
    top: -7em;
  }
}

@media (max-width: 960px) {
  .mobile-menu-trigger {
    display: block;
  }

  .header-home {
    align-items: center;
  }

  p.login-out {
    display: none !important;
  }
  .social-header {
    margin: 0px;
  }
  #promo-nav .social-header {
    margin: 0px;
  }
  .menu {
    display: none;
  }
}

@media screen and (max-width: 850px) {
  .header-home .contentHolder nav {
    padding-left: 12px;
    padding-right: 12px;
  }
}

@media screen and (max-width: 800px) {
  .header-home .contentHolder nav {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .header-home .contentHolder nav ol li a {
    font-size: ems(17px);
    padding-left: 10px;
    padding-right: 10px;
  }
  .header-home .contentHolder nav ol ul.submenu li a {
    font-size: 0.8em;
  }
  .header-home .contentHolder nav ol ul.submenu.sub-about {
    width: 218px;
  }
}

@media screen and (max-width: 620px) {
  .header-home .contentHolder {
    padding: 0;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .header-home .contentHolder nav {
    display: block;
    height: 45px;
    left: 0;
    margin: 0;
    order: 1;
    position: fixed;
    top: 0px;
    width: 100%;
    -moz-transition: top 0.5s ease;
    -o-transition: top 0.5s ease;
    -webkit-transition: top 0.5s ease;
    transition: top 0.5s ease;
  }
  .header-home .contentHolder nav ol {
    background-color: #000;
    bottom: 0;
    display: block;
    left: 0;
    margin-left: -1000px;
    position: fixed;
    top: 0;
    width: 75vw;
    z-index: 20;
    -moz-transition: margin-left 0.5s ease;
    -o-transition: margin-left 0.5s ease;
    -webkit-transition: margin-left 0.5s ease;
    transition: margin-left 0.5s ease;
  }
  .header-home .contentHolder nav ol.active {
    margin-left: 0;
    overflow-y: scroll;
    -moz-transition: margin-left 0.5s ease;
    -o-transition: margin-left 0.5s ease;
    -webkit-transition: margin-left 0.5s ease;
    transition: margin-left 0.5s ease;
  }
  .header-home .contentHolder nav ol li {
    display: block;
    border-bottom: 1px dashed #fff;
  }
  .header-home .contentHolder nav ol li.mobileMenu {
    display: block;
  }
  .header-home .contentHolder nav ol li.mobileMenu.mobileSocial {
    border-bottom: none;
  }

  .header-home .contentHolder nav ol li.mobileMenu ul.social-header {
    display: block;
    margin: 0;
    padding-left: 15px;
  }
  .header-home .contentHolder nav ol li.mobileMenu ul.social-header li {
    border-bottom: none;
    display: inline-block;
  }
  .header-home .contentHolder nav ol li.mobileMenu ul.social-header li:before {
    content: "";
  }
  .header-home .contentHolder nav ol li.mobileMenu ul.social-header li a {
    width: inherit;
    padding: 5px 5px 0 0;
  }
  .header-home .contentHolder nav ol li.mobileMenu ul.social-header li svg {
    width: 25px;
    height: 25px;
    margin: 10px 0;
  }
  .header-home
    .contentHolder
    nav
    ol
    li.mobileMenu
    ul.social-header
    li
    svg
    path {
    fill: #fff;
  }
  .header-home
    .contentHolder
    nav
    ol
    li.mobileMenu
    ul.social-header
    li
    svg:hover
    path {
    fill: #808080;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .header-home .contentHolder nav ol li a {
    display: inline-block;
    font-size: ems(16px);
    padding: 16px 15px;
    width: 85%;
    color: #fff;
  }
  .header-home .contentHolder nav ol li a:after {
    content: "";
    display: none;
  }
  .header-home .contentHolder nav ol li a:visited {
    color: #808080;
  }
  .header-home .contentHolder nav ol li a:hover {
    color: #808080;
  }
  .header-home .contentHolder nav ol li svg {
    cursor: pointer;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 10px 15px 10px 0;
  }
  .header-home .contentHolder nav ol li svg path {
    fill: #fff;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .header-home .contentHolder nav ol ul.submenu {
    background-color: #000;
    display: none;
    margin-top: -1px;
    max-height: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
  }
  .header-home .contentHolder nav ol ul.submenu li a {
    color: #fff;
    font-size: ems(18px);
  }
  .header-home .contentHolder nav ol ul.submenu li a:hover {
    color: #808080;
  }
  .header-home .contentHolder nav ol ul.submenu li a.button {
    background-color: #fff;
    color: #fff;
    border: none;
    margin: 0;
    max-width: 100%;
    text-align: left;
  }
  .header-home .contentHolder nav ol ul.submenu li a.button:hover {
    background-color: #808080;
    color: #fff;
  }
  .header-home .contentHolder nav ol ul.submenu.sub-about {
    width: 100%;
  }
  .header-home .contentHolder nav .hamburger {
    display: inline-block;
    position: absolute;
    top: 22px;
    right: 10px;
    height: 100%;
    padding: 12px 25px;
    color: "$.header-home-link-color";
    cursor: pointer;
    z-index: 100;
  }
  .header-home .contentHolder nav .hamburger span {
    left: 0;
  }
  .header-home .contentHolder nav .hamburger span,
  .header-home .contentHolder nav .hamburger span:before,
  .header-home .contentHolder nav .hamburger span:after {
    cursor: pointer;
    border-radius: 1px;
    height: 7px;
    width: 38px;
    background: "$.header-link-color";
    position: absolute;
    display: block;
    content: "";
    transition: background 500ms ease-in-out;
  }
  .header-home .contentHolder nav .hamburger span:before {
    top: -13px;
    transition: all 500ms ease-in-out;
  }
  .header-home .contentHolder nav .hamburger span:after {
    bottom: -13px;
    transition: all 500ms ease-in-out;
  }
  .header-home .contentHolder nav .hamburger.active span {
    background-color: transparent;
  }
  .header-home .contentHolder nav .hamburger.active span:before,
  .header-home .contentHolder nav .hamburger.active.active span:after {
    top: 0;
  }
  .header-home .contentHolder nav .hamburger.active span:before {
    transition: all 500ms ease-in-out;
    transform: rotate(-45deg);
  }
  .header-home .contentHolder nav .hamburger.active span:after {
    transition: all 500ms ease-in-out;
    transform: rotate(45deg);
  }
  .header-home .contentHolder .logo {
    order: 2;
    margin-bottom: 10px;
    margin-left: 21px;
    padding-top: 0;
    max-width: 100%;
  }
  .header-home .contentHolder .logo img {
    max-width: 100%;
  }
  .header-home .contentHolder .social-header {
    display: none;
  }
}

.header-home .logo {
  max-width: 350px;
}

@media screen and (max-width: 600px) {
  .header-home {
    border-top: 0;
    position: relative;
  }

  .header-home.hidden .contentHolder nav.menu {
    top: -3em;
  }
}

@media (max-width: 767px) {
  .social-header li:nth-child(-n + 4) {
    display: none !important; /*overides inline styles from js*/
  }

  .mobile-menu {
    top: 64px;
    right: 0px;
  }

  .header-home {
    padding-left: 10px;
    padding-right: 10px !important; /*so custom breakpoint container doesnt overwrite*/
    height: 64px;
  }

  .header-section a.header-register-button {
    display: none;
  }

  .hdr-nest-reg-btn {
    display: list-item;
  }

  #regular-nav .mobile-menu .megaMenu-mobile {
    top: 64px;
  }
}

@media screen and (min-width:768px){
  #regular-nav .mobile-menu .socials-mobile{
    display:none;
  }
}

/*
=====================================================
end of header nav
*/

/* Footer CSS  */

.footer-widget p {
  margin-bottom: 27px;
}
/* ==========================

    Contact

=============================*/

.contact-us {
  position: relative;
  z-index: 2;
  margin-top: 65px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.contact-icon {
  position: absolute;
}

.contact-icon i {
  font-size: 36px;
  top: -5px;
  position: relative;
  color: #007bff;
}

.contact-info {
  margin-left: 75px;
  color: #fff;
}

.contact-info h3 {
  font-size: 20px;
  color: #fff;
  margin-bottom: 0;
}

.copyright {
  padding: 28px 0;
  /*margin-top: 55px;*/
  background-color: #000;
}

.copyright span,
.copyright a {
  color: #878787;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.copyright a:hover {
  color: #007bff;
}

.copyright-menu ul {
  text-align: left;
  margin: 0;
  padding-left: 0px;
}

.copyright-menu li {
  display: inline-block;
  padding-right: 28px;
}

ul.social-footer {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 0px;
  list-style: none;
  padding-left: 0px;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}

ul.social-footer li {
  margin-left: 30px;
}

.social-footer li a img {
  width: 25px;
  height: 25px;
}
/*
Component: Buttons
Description: Slider implementation
*/

/*DEC-487 temp fix*/
button.mdBtnR.mdBtnR-primary {
  border-radius: 0px;
}

button.mdBtnR.mdBtnR-primary span {
  font-size: 16px;
  font-weight: 500;
}
/*DEC-487 temp fix*/

.primary-btn {
  background: #0076cb;
  border: 1px solid white;
  padding: 8px 25px;
  color: white;
  text-transform: uppercase;
  font-size: 16px;
  font-family: BentonSans, sans-serif;
  cursor: pointer;
  font-weight: 500;
}

a.primary-btn {
  background: #0076cb;
  border: 1px solid white;
  padding: 8px 25px;
  color: white;
  text-transform: uppercase;
  font-size: 16px;
  font-family: BentonSans, sans-serif;
  cursor: pointer;
  color: white;
  text-decoration: none;
  width: fit-content;
  font-weight: 500;
}

a.primary-btn:hover {
  background-color: #065893;
  color: #ffffff;
  text-decoration: none;
}

.primary-btn:hover {
  background-color: #065893;
  color: #ffffff;
  text-decoration: none;
}

.secondary-btn {
  border: 1px solid #0076cb;
  background-color: #ffffff;
  padding: 8px 25px;
  color: #0076cb;
  font-weight: 500;
  font-size: 16px;
}

a.secondary-btn {
  display: block;
  border: 1px solid #0076cb;
  background-color: #ffffff;
  padding: 8px 25px;
  color: #0076cb;
  font-weight: 500;
  font-size: 16px;
}

.secondary-btn:hover {
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0px 4px 4px 0px #00000040 inset;
}

a.secondary-btn:hover {
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0px 4px 4px 0px #00000040 inset;
}

.outline-btn {
  background: #ffffff33;
  border: 1px solid #ffffff;
  color: #ffffff;
  font-family: BentonSans;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  padding: 8px 25px;
}

.outline-btn:hover {
  box-shadow: 0px 4px 4px 0px #00000040 inset;
  color: #ffffff;
  text-decoration: none;
}

a.outline-btn {
  display: block;
  width: fit-content;
  background: #ffffff33;
  border: 1px solid #ffffff;
  color: #ffffff;
  font-family: BentonSans;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  padding: 8px 25px;
  width: max-content;
}

a.outline-btn:hover {
  box-shadow: 0px 4px 4px 0px #00000040 inset;
  color: #ffffff;
  text-decoration: none;
}

.mySlides .text a.primary-btn:hover {
  background-color: #065893;
  color: #ffffff;
  text-decoration: none;
}

.form-footer-actions .mdBtnR-primary:hover {
  background-color: #065893;
  color: #ffffff;
  text-decoration: none;
}

.beyond-sap.primary-btn {
  width: fit-content;
  align-self: center;
  margin-top: 20px;
}

/*mobile button styles*/

@media (max-width: 500px) {
  .primary-btn {
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
  }
  a.primary-btn {
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
  }

  .secondary-btn {
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
  }

  .outline-btn {
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
  }

  a.outline-btn {
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
  }
}

/*================================================ end*/

/*ribbon banner DEC-516*/
.ribbon-banner{
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: linear-gradient(360deg, rgba(229, 229, 229, 0.73) 0%, rgba(229, 229, 229, 0.29) 13.02%, rgba(229, 229, 229, 0) 100%);
}

.ribbon-banner p{
  max-width: 1280px;
  margin: 18px 0px;
  padding: 0px;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  color: #000000;
}

.ribbon-banner p a{
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  color: #0076CB;
}

@media screen and (max-width:1280px){
  .ribbon-banner p{
    max-width: 720px;
    margin: 10px 0px;
  }
}

@media screen and (max-width:500px){
  .ribbon-banner p{
    max-width: 287px;
  }
}
/*ribbon banner DEC-516*/

/*targteted agenda injection start */
div#targetBanner {
  width: 100%;
  background: linear-gradient(
    98.53deg,
    #93c939 -6%,
    #4fb81c 20.06%,
    #0075ca 54.81%,
    #0760bb 75.66%,
    #0b51b0 98.24%,
    #0e49a9 126.04%,
    #0f46a7 167.74%
  );
  height: 150px;
}
#targetBanner .targetContainer {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  height: 150px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

#targetBanner .targetContainer .text {
  z-index: 3;
}

#targetBanner .targetContainer .text .banner-h1 {
  font-size: 46px;
  font-style: normal;
  font-weight: 700;
  line-height: 55px;
  color: #ffffff;
  margin: 0;
}

#targetBanner .banner-img {
  background: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/my%20schedule1920%20-%20DESKTOP-3_16349202830760011wYe.png);
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center;
  height: 150px;
  width: 100%;
  position: relative;
  top: -150px;
  z-index: 1;
}

@media (min-width: 1920px) {
  div#targetBanner,
  div#targetBanner.banner-container.expert-playlist-banner-container {
    background: linear-gradient(to right, #93c939 50%, #0f46a7 50%);
  }

  #targetBanner .banner-img {
    background-size: contain;
  }
}

@media (max-width: 1280px) {
  #targetBanner .banner-img {
    background: url("https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/attendee%201280_1633352385634001WSef.png");
  }
}

@media (max-width: 768px) {
  #targetBanner .banner-img {
    background: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/targeted%20agenda%20768%20-%20TABLET-3_1634846146545001qv7n.png);
    background-size: cover !important;
  }

  #targetBanner .targetContainer .text .banner-h1 {
    font-size: 35px;
    line-height: 39px;
  }
}

@media (max-width: 500px) {
  #targetBanner .banner-img {
    background: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/targeted%20agenda%20320%20-%20MOBILE-3_1634846145663001q8sY.png);
    background-size: cover !important;
  }
}

/*targteted agenda injection end*/

/*300 hieght banners*/
.h300-banner {
  width: 100%;
  background: linear-gradient(
    90deg,
    #93c939 0%,
    #93c939 50%,
    #e4e4e6 50%,
    #e4e4e6 100%
  );
  height: 300px;
}
.h300-banner .targetContainer {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  max-width: 1280px;
}
@media screen and (min-width: 1280px) {
  .h300-banner .targetContainer {
    padding-left: 30px;
  }
}
@media screen and (min-width: 1351px) {
  .h300-banner .targetContainer {
    padding-left: 0;
  }
}

.h300-banner .targetContainer .text {
  z-index: 3;
}

.h300-banner .targetContainer .text .banner-h1 {
  font-size: 46px;
  font-style: normal;
  font-weight: 700;
  line-height: 55px;
  color: #ffffff;
  margin: 55px 0px 0px 0px;
}

.h300-banner .targetContainer .text .banner-p {
  font-size: 21px;
  font-weight: 400;
  line-height: 27px;
  color: #ffffff;
  margin: 10px 0px 0px 0px;
  max-width: 400px;
}

.h300-banner .targetContainer .text .banner-btn {
  margin: 18px 0px 0px 0px;
  display: block;
  height: auto;
  width: fit-content;
}

.h300-banner .banner-img {
  /*currently only being used by the agenda banner
  will need to be changed once we refactor
  */
  background-image: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/agenda%20at%20a%20glance1920%20-%20DESKTOP_1635168141305001BeGU.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 300px;
  width: 100%;
  position: relative;
  top: -300px;
  z-index: 1;
}

@media (max-width: 1279px) {
  .h300-banner .targetContainer .text {
    padding: 0px 30px;
  }

  .h300-banner .banner-img {
    background-image: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/agenda%20at%20a%20glance768%20-%20TABLET_1635168141116001BYv7.png);
  }
}

@media (max-width: 700px) {
  .h300-banner .targetContainer .text .banner-h1 {
    font-size: 35px;
    line-height: 39px;
    margin-top: 31px;
  }

  .h300-banner .targetContainer .text .banner-p {
    font-size: 19px;
    line-height: 24px;
    margin: 0px;
  }

  .h300-banner .targetContainer .text .banner-btn {
    width: 100%;
    text-align: center;
    margin: 10px 0px 0px 0px;
  }

  .h300-banner .banner-img {
    background-image: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/agenda%20at%20a%20glance320%20-%20MOBILE_1635168140591001BknR.png);
  }
}

/*end of 300 height banenr*/

/*
Pages: Promo Page
Components: top carousel, middle carousel, sponsor carousel
Description: Slider implementation
*/

* {
  box-sizing: border-box;
}

body {
  font-family: Verdana, sans-serif;
  margin: 0;
}

.mySlides {
  display: none;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  max-height: 300px;
  width: 100%;
}

.mySlides img.devtoberfest {
  height: auto;
  max-height: 202px;
  margin-left: -10px;
}

img {
  vertical-align: middle;
}

.mySlides.show {
  animation: fadeIn 2s;
  -webkit-animation: fadeIn 2s;
  -moz-animation: fadeIn 2s;
  -o-animation: fadeIn 2s;
  -ms-animation: fadeIn 2s;
  justify-content: center;
}

.mySlides .text {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 0px;
  width: 100%;
  max-width: 1280px;
  z-index: 3;
  /*  position: absolute;
bottom: 31%;
left: 20%;
width: 60%;*/
}

.mySlides img {
  max-height: 300px;
  z-index: 2;
}

.mySlides .content {
  max-width: 1280px;
  max-height: 300px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 80px;
}

.mySlides:nth-child(1) .banner-images {
  position: absolute;
  top: 0;
  display: flex;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/Banner%201920x300_1631417026477001tKUf.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 100% 100%;
}

.mySlides:nth-child(2) .banner-images {
  position: absolute;
  top: 0;
  display: flex;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/devtoberfest-banner_1631418767061001t1c3.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 100% 100%;
}

.mySlides .banner-images .overlay {
  position: absolute;
  top: 0;
  background-image: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/banner-overlay_1631398393458001ml8Z.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.mySlides .banner-images .devtoberfest-people {
  position: absolute;
  top: 0;
  float: right;
  background-image: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/devtoberfest-right_1631398392931001miBE.jpg);
  background-repeat: no-repeat;
  background-position: 200% 20%;
  background-size: 75%;
  width: 100%;
  height: 100%;
}

.mySlides .banner-images .sapteched-people {
  position: absolute;
  top: 0;
  float: right;
  background-image: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/sapteched-right_1631402326899001EMqL.jpg);
  background-repeat: no-repeat;
  background-position: 200% 20%;
  background-size: 75%;
  width: 100%;
  height: 100%;
}

.mySlides .text h4 {
  color: #fff;
  margin: 0px;
  font-size: 35px;
  /* line-height: 55px; */
  font-weight: bold;
  font-style: normal;
}

.mySlides .text h3 {
  color: #fff;
  margin: 5px 0px 5px 0px;
  font-size: 21px;
  /* line-height: 35px; */
  font-weight: normal;
  font-style: normal;
  width: 30%;
}

.mySlides .text a {
  background-color: rgba(255, 255, 255, 0.2);
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Slideshow container */

.slideshow-container {
  height: 300px;
  position: relative;
  margin: auto;
  background: linear-gradient(to right, #93c939 25%, white 50%);
}

.slideshow-container .mySlides.show:nth-child(1) {
  height: 300px;
  position: relative;
  margin: auto;
  background-size: cover;
}

.slideshow-container .mySlides.show:nth-child(2) {
  height: 300px;
  position: relative;
  margin: auto;
  background-size: cover;
}
/* Next & previous buttons */

.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}
/* Position the "next button" to the right */

.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */

.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
/* Caption text */

.text-image {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 20%;
  left: 25%;
  width: 35%;
  display: flex;
  flex-direction: column;
}
/* Number text (1/3 etc) */

.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}
/* The dots/bullets/indicators */

.dot-container {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  z-index: 1;
}

.dot-wrapper {
  max-width: 525px;
  width: 100%;
  margin-bottom: 20px;
}

.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 5px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active,
.dot:hover {
  background-color: white;
}
/* Fading animation */

.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
/* On smaller screens, decrease text size */

@media only screen and (max-width: 300px) {
  .prev,
  .next,
  .text {
    font-size: 11px;
  }
}

.concept-c2 .flex-box-section-full-interior,
.you-dont-want-to-miss .flex-box-section-full-interior,
.channel .flex-box-section-full-interior {
  width: 100%;
  max-width: 100%;
  padding: 0px;
}

.flex-box-section {
  margin: 0 auto;
}

.flex-box-section-full,
.flex-box-child {
  padding: unset;
}

.slider-img {
  width: 1280px;
  height: 300px;
  opacity: unset;
}
/*
================================= end 
*/
/*
*/

.join-us-for-teched {
  background: linear-gradient(
    360deg,
    rgba(229, 229, 229, 0.73) 0%,
    rgba(229, 229, 229, 0.29) 13.02%,
    rgba(229, 229, 229, 0) 100%
  );
}

.banner-with-half {
  margin-bottom: 100px;
  background-image: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/Lozenge%20Short_16306078285900015Cjo.svg);
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}

.banner-with-half::after {
  content: "";
  background-color: #0076cb;
  position: fixed;
  height: 100%;
  width: 50%;
  left: 50%;
}

.info-bubble {
  font-style: normal;
  font-weight: bold;
  letter-spacing: 0px;
  height: 80px;
  width: fit-content;
  align-items: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: 0 20px;
}

.info-bubble-number {
  font-size: 50px;
  font-weight: 700;
  margin: 0px;
  color: #4fb81c;
  font-weight: bold;
}

.info-bubble-text {
  font-size: 12px;
  margin: 0px auto;
  width: 100%;
  font-weight: lighter;
  color: black;
  margin-top: 10px;
}
/*tablet view for TechEd by the numbers*/
/*btw this is a janky fix for the clipping... but it works ¯\_(ツ)_/¯ */

@media (max-width: 768px) {
  div .lozenge div:nth-child(6) {
    margin-bottom: 125px;
  }
  div .lozenge div:nth-child(6) .lozenge-text-container {
    flex-wrap: wrap;
  }
}
/* mobile view for TechEd by the numbers. switch over to green circles*/

@media (max-width: 480px) {
  div .lozenge div:nth-child(6) {
    margin-bottom: 300px;
  }
  div .lozenge div:nth-child(6) .lozenge-text-container {
    height: auto;
  }
  .info-bubble {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: auto;
    margin-bottom: 20px;
  }
  .info-bubble-number {
    width: 90px;
    height: 90px;
    background-color: #4fb81c;
    border-radius: 50%;
    font-size: 33px;
    font-weight: bold;
    line-height: 40px;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .info-bubble-text {
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    color: #000000;
  }
}

.you-dont-want-to-miss .teched-by-the-numbers {
  font-style: normal;
  font-weight: bold;
  letter-spacing: 0px;
  width: fit-content;
  align-items: center;
  display: flex;
  justify-content: center;
}

.you-dont-want-to-miss .teched-by-the-numbers .text {
  font-size: 21px;
  font-weight: 400;
  margin: 0px auto;
  width: 100%;
  font-weight: lighter;
  color: black;
}

#channel-one-overview-section {
  padding: 20px 0px;
  background: linear-gradient(
    118.4deg,
    #93c939 6.13%,
    #4fb81c 21.11%,
    #0075ca 41.07%,
    #0760bb 53.04%,
    #0b51b0 66.02%,
    #0e49a9 81.99%,
    #0f46a7 105.94%
  );
  background-size: cover;
}

#channel-one-overview-section h4 {
  color: white;
  font-size: 46px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0px;
  text-align: center;
  padding: 24px;
  margin: 0px;
}

.channel-one-overview {
  margin: 27px 0px 92px 0px;
  height: 455px;
  background-size: contain;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

.channel-one-video-text {
  display: flex;
  flex-grow: 1;
  padding: 0px 20px;
  background-color: white;
  height: 100%;
  align-items: center;
  border-top-right-radius: 4000px;
  border-bottom-right-radius: 4000px;
  margin-right: 10%;
}

.channel-one-video-container {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: white;
  height: 100%;
  flex-grow: 1;
  padding: 0px 20px;
}

.channel-one-video-container video {
  max-width: 450px;
  width: 100%;
  height: 100%;
}

.channel-one-video-container .video-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.channel-desc {
  width: 80%;
  max-width: 600px;
}

.channel-desc p:first-child {
  color: black;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: left;
  font-weight: bold;
}

.channel-desc p:nth-child(2) {
  margin: 30px 0px;
  color: black;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: left;
}

.channel-desc p:nth-child(3) {
  color: black;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: left;
}

.join-slides {
  height: 100%;
  width: 100%;
  justify-content: center;
  border-radius: 100px;
  background-color: #0076cb;
}

.join-slides .text {
  color: #f2f2f2;
  font-size: 15px;
  width: 100%;
  max-width: 680px;
  height: 115px;
  position: unset;
  left: unset;
  bottom: unset;
  display: flex;
  justify-content: center;
  align-items: center;
}

.join-slides .text h4 {
  color: #fff;
  font-size: 21px;
  font-weight: normal;
  font-style: normal;
  font-family: BentonSans, sans-serif;
  text-align: center;
  width: 100%;
  max-width: 645px;
  line-height: unset;
}

.joinsap-slideshow-container {
  font-size: 59px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  width: 100%;
  max-width: 680px;
  color: white;
  align-items: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.joinsap-promo-containers {
  align-items: center;
  display: flex;
  height: 361px;
  justify-content: center;
}

.joinsap-dot-wrapper {
  margin-top: 10px;
}

.join-dots.active {
  background-color: #0076cb;
}

.join-dots {
  background-color: #9fb5dc;
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.filler {
  position: relative;
  width: 10%;
  height: 809px;
  max-height: 809px;
  background-color: #0076cb;
}

.joinus-container {
  height: 809px;
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-bottom: 50px;
}

.promo-containers {
  align-items: center;
  display: flex;
  width: 100%;
  justify-content: center;
}

.testimonial-slide .text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 20px 35px;
  width: 100%;
  height: fit-content;
  max-width: 800px;
  position: unset;
  left: unset;
  bottom: unset;
  border-radius: 45px;
  background-color: #222222;
  text-align: center;
}

.testimonial-slide .text h4 {
  color: #fff;
  margin: 0px;
  font-size: 27px;
  font-weight: normal;
  font-style: normal;
  font-family: BentonSans, sans-serif;
}

.testimonial-slideshow-container {
  margin: 0 auto;
  font-size: 59px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  height: auto;
  width: 100%;
  color: white;
  align-items: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 10px 0px;
  min-height: 300px;
}

.testimonial-dot-wrapper {
  margin-top: 10px;
}

.testimonial-dots.active {
  background-color: #eaeaea;
}

.testimonial-dots {
  background-color: #727272;
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
/*==================================================*/
/* FAQ Page*/

.faq-page-container {
  background-size: cover;
  height: 100%;
  background-position: initial !important;
}

#lozenge {
  max-width: 1220px;
  max-height: 809px;
  height: 809px;
  width: 1220px;
}
/* this is a sub container that lines up with the navbar*/

#FAQ-wrapper {
  max-width: 1280px;
  margin: auto;
}
/* FAQ page h1*/

.faq-page-header h2 {
  margin-top: 70px;
  margin-bottom: 70px;
  font-size: 46px;
  line-height: 55px;
  color: #ffffff;
}
/* Accordion styles */

.sap-accordion-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background: white;
  box-shadow: 3px 4px 4px -2px rgba(0, 0, 0, 0.5);
  padding: 50px 70px;
  margin-bottom: 40vh;
}

.sap-accordion-row .sap-accordion-col {
  width: 50%;
}

.tabs {
  overflow: hidden;
}

.tab {
  width: 100%;
  color: #4fb81c;
  overflow: hidden;
}

.tab-label {
  font-style: normal;
  font-weight: bold;
  font-size: 21px;
  line-height: 27px;
  display: flex;
  padding: 1em 1em 0px 1em;
  background: white;
  cursor: pointer;
  margin: 0px;
  margin-bottom: 32px;
  color: #0f46a7;
}

.tab-label:hover {
  background: white;
}

.tab-label::before {
  border-style: solid;
  border-width: 1px 1px 0 0;
  border-color: #727272;
  content: "";
  display: inline-block;
  left: 0.15em;
  position: relative;
  top: 0.15em;
  transform: rotate(135deg);
  vertical-align: top;
  width: 15px;
  height: 15px;
  margin-right: 20px;
}

.tab-content .tab-label {
  font-style: normal;
  font-weight: normal;
  font-size: 21px;
  line-height: 24px;
  text-decoration-line: underline;
  color: #0076cb;
  padding: 0;
}

.tab-content .tab-label::before {
  border: none;
}

.tab-content {
  max-height: 0;
  padding: 0 1em;
  color: black;
  background: white;
  transition: all 0.35s;
}

.tab-content p {
  margin-left: 38px;
  color: #000000;
}

.tab-content ol {
  padding-left: 80px;
  list-style: auto;
}

.tab-content #ol-hard-break {
  margin: 25px 0px;
}

.tab-content ol li {
  list-style: inherit;
  color: #000000;
}

.tab-content ul {
  padding-left: 80px;
  list-style: disc;
  /* margin: 25px 0px; */
}

.tab-content ul li {
  list-style: inherit;
  color: #000000;
}

.linebreak {
  height: 1px;
  width: 90%;
  background-color: #c6c6c6;
  float: left;
  margin-left: 20px;
}

.faq-page-container input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.faq-page-container input:checked + .tab-label {
  background: white;
  color: #4fb81c;
  text-decoration: none;
  display: none;
}

.faq-page-container input:checked + .tab-label::before {
  transform: rotate(-45deg);
  transition: 0.5s;
}

.faq-page-container input:checked ~ .tab-content {
  max-height: 100%;
  padding: 0 1em;
}

.faq-page-container input:checked ~ .tab-content  input:checked ~ .tab-content{
  padding: 0;
  margin-bottom:32px;
}

.faq-page-container [type="radio"]:checked ~ label ~ .close-tab {
  display: flex;
  z-index: 3;
}

.close-tab {
  display: none;
  width: 100%;
}

.close-tab .tab-label {
  background: white;
  color: #4fb81c;
  text-decoration: none;
}

.close-tab .tab-label::before {
  border-style: solid;
  border-width: 1px 1px 0 0;
  border-color: #727272;
  content: "";
  display: inline-block;
  left: 0.15em;
  position: relative;
  top: 0.15em;
  transform: rotate(-45deg);
  vertical-align: top;
  width: 15px;
  height: 15px;
  margin-right: 20px;
}

.tab-content .close-tab .tab-label {
  font-style: normal;
  font-weight: normal;
  font-size: 21px;
  line-height: 24px;
  text-decoration: none;
  color: #4fb81c;
}

.tab-content .close-tab .tab-label::before {
  border: none;
}
/*tablet view*/

@media (max-width: 1280px) {
  #FAQ-wrapper {
    padding-left: 30px;
    padding-right: 30px;
    max-width: 768px;
  }

  .sap-accordion-row .sap-accordion-col{
    width: 100%;
  }

  .tab-content .tab-label{
    font-size: 18px;
  }

  .faq-page-header h2 {
    margin-top: 32px;
    margin-bottom: 72px;
    font-size: 35px;
    line-height: 42px;
  }
  .tab-label {
    font-size: 18px;
    line-height: 27px;
  }
  .tab-content p {
    font-size: 14px;
    line-height: 21px;
  }
  .tab-content ul li,
  .tab-content ol li {
    font-size: 14px;
    line-height: 21px;
  }

  .sap-accordion-row {
    padding: 15px;
  }
}

@media (max-width: 500px) {
  .sap-accordion-row .sap-accordion-col {
    width: 100%;
  }

  #FAQ-wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/*mobile view*/

@media (max-width: 330px) {
  .faq-page-header h2 {
    margin-top: 32px;
    margin-bottom: 58px;
    font-size: 27px;
    line-height: 35px;
  }
  .tab-label {
    font-size: 16px;
    line-height: 21px;
  }
  .faq-page-container input:checked ~ .tab-content {
    padding: 0px;
  }
  .faq-page-container input:checked ~ .tab-content input:checked ~ .tab-content{
    margin-bottom: 32px;
  }
}
@media (max-width: 400px) {
  #FAQ-wrapper
    > div.sap-accordion-row
    > div
    > div
    > div
    > div.tab-content
    > div
    > label {
    margin-left: 37px !important;
  }
  #FAQ-wrapper
    > div.sap-accordion-row
    > div
    > div
    > div
    > div.tab-content
    > div
    > label::before {
    display: none !important;
  }
  #FAQ-wrapper
    > div.sap-accordion-row
    > div
    > div
    > div
    > div.tab-content
    > div
    > div.tab.close-tab
    > label::before {
    display: none !important;
  }
  #FAQ-wrapper
    > div.sap-accordion-row
    > div
    > div
    > div
    > div.tab-content
    > div
    > div.tab.close-tab
    > label {
    margin-left: 37px !important;
  }
}

.notify-me-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 20px 0px;
  align-items: center;
}

.notify-me-section h3 {
  color: #000000;
  margin: 0px;
  font-size: 35px;
  line-height: 42px;
  text-align: center;
  font-weight: 400;
  font-style: normal;
  margin-top: 30px;
}

.notify-me-section p {
  margin-top: 20px;
  color: #000000;
  font-size: 21px;
  line-height: 27px;
  text-align: center;
  font-weight: 400;
  font-style: normal;
}

.notify-me-section h4 {
  color: #000000;
  font-size: 20px;
  line-height: 27px;
  text-align: center;
  font-weight: 400;
  font-style: normal;
  font-family: BentonSans, sans-serif;
  width: 40%;
  margin-top: 50px;
}

.notify-me-section a {
  background: #0076cb;
  padding: 8px 25px;
  font-weight: bold;
  color: white;
  height: 40px;
  border: 1px solid #0076cb;
  margin: 10px 0px 65px 0px;
  width: fit-content;
}

.lozenge {
  width: 100%;
  margin-bottom: 50px;
}

.lozenge .outset {
  background-color: #0076cb;
  border-top-right-radius: 9000px;
  border-bottom-right-radius: 9000px;
  height: 115px;
}

.lozenge .inset {
  background-color: white;
  border-radius: 9000px;
  height: 115px;
  width: 80%;
  margin-left: -55px;
}

.lozenge-text-container {
  position: absolute;
  width: 100%;
  justify-content: center;
  height: 115px;
  text-align: center;
  align-items: center;
  display: flex;
}

.lozenge-text-container h4 {
  position: absolute;
  width: 100%;
  justify-content: center;
  height: 115px;
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 42px;
  letter-spacing: 0px;
  text-align: center;
  align-items: center;
  display: flex;
  color: white;
}

.lozenge-text-container p {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  align-items: center;
  color: black;
  max-width: 600px;
}

.lozenge-text-container h1 {
  font-size: 35px;
  font-style: normal;
  font-weight: 500;
  line-height: 45.5px;
  text-align: center;
  align-items: center;
  color: black;
  max-width: 540px;
}

.lozenge-text-container h2 {
  font-size: 27px;
  font-style: normal;
  font-weight: 400;
  text-align: center;
  align-items: center;
  color: black;
  max-width: 740px;
}

.lozenge-text-container.mid {
  padding-left: 150px;
}

.lozenge-text-container.mid div {
  font-size: 59px;
  font-style: normal;
  font-weight: 400;
  line-height: 65px;
  letter-spacing: 0px;
  height: 115px;
  width: 115px;
  background: #0076cb;
  color: white;
  border-radius: 50%;
  align-items: center;
  display: flex;
  justify-content: center;
  margin-left: 20px;
}

.lozenge-text-container.promo {
  height: unset;
}

.l1 {
  width: 75%;
}

.l2 {
  width: 30%;
}

.l3 {
  width: 35%;
}

.l4 {
  width: 20%;
}

.l5 {
  width: 30%;
}

.l6 {
  width: 15%;
}

.l7 {
  width: 20%;
}

.lozenge-text-container.you-dont-want-to-miss
  .info-bubble:nth-child(1)
  .info-bubble-text::after {
  content: "Hours of live content";
  white-space: pre;
}

.lozenge-text-container.you-dont-want-to-miss
  .info-bubble:nth-child(2)
  .info-bubble-text::after {
  content: "Tracks";
  white-space: pre;
}

.lozenge-text-container.you-dont-want-to-miss
  .info-bubble:nth-child(5)
  .info-bubble-text::after {
  content: "Skill-building sessions";
  white-space: pre;
}

.beyond-sap-teched {
  width: 100%;
  padding: 32px 0px 60px 0px;
  display: flex;
  justify-content: center;
}

.beyond-sap-teched-container {
  max-width: 1280px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.beyond-sap-teched-container h4 {
  color: #222222;
  font-size: 35px;
  font-style: normal;
  font-weight: 400;
  line-height: 42px;
  letter-spacing: 0px;
  text-align: center;
}

.beyond-sap-teched-container .circle-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 40px;
  justify-content: center;
  /* padding-bottom: 56.25%; */
}

.beyond-sap-teched-container .circle-container {
  /* max-width: 380px;
max-height: 380px;
width: 100%;
height: auto; */
  margin: 10px;
  padding: 0px 0px;
  width: 100vw;
  height: 100vw;
  max-height: 380px;
  max-width: 380px;
}

.beyond-sap-teched-container .circle-container .circle {
  /* width: 380px;
height: 380px; */
  width: 100%;
  height: 100%;
  background: #0076cb;
  border-radius: 50%;
  padding-top: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

@media screen and (max-width: 1720px) {
  .l1 {
    width: 85%;
  }
  .l2 {
    width: 25%;
  }
  .l3 {
    width: 30%;
  }
  .l4 {
    width: 15%;
  }
  .l5 {
    width: 20%;
  }
  .l6 {
    width: 0%;
  }
  .l7 {
    width: 10%;
  }
}

@media screen and (max-width: 1440px) {
  .mySlides:nth-child(1) .banner-images {
    background: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/sapteched-1440_1631419950523001tfLP.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 100%;
  }
  .mySlides:nth-child(2) .banner-images {
    background: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/devtoberfest-1440_1631419572268001Eyii.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 100%;
  }
}

@media screen and (max-width: 1345px) {
  .l1 {
    width: 95%;
  }
  .l2 {
    width: 20%;
  }
  .l3 {
    width: 25%;
  }
  .l4 {
    width: 10%;
  }
  .l5 {
    width: 15%;
  }
  .l6 {
    width: 0%;
  }
  .l7 {
    width: 10%;
  }
  .channel-one-video-text {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 auto;
  }
  .channel-one-video-text .channel-desc {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .channel-desc p:first-child,
  .channel-desc p:nth-child(2),
  .channel-desc p:nth-child(3) {
    text-align: center;
  }
}

@media screen and (max-width: 1280px) {
  .mySlides:nth-child(1) .banner-images {
    background: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/sapteched-1280_1631420032305001Z8It.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 100%;
  }
  .mySlides:nth-child(2) .banner-images {
    background: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/devtoberfest-1280_1631420232738001TB4l.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 100%;
  }
}

@media screen and (max-width: 1086px) {
  .channel-one-overview {
    flex-direction: column;
    width: 80%;
    background-color: white;
    margin: 0 auto;
    padding: 40px 0px;
    height: 100%;
  }
  .channel-one-video-text {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 auto;
  }
  .channel-one-video-text .channel-desc {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .channel-desc p:first-child,
  .channel-desc p:nth-child(2),
  .channel-desc p:nth-child(3) {
    text-align: center;
  }
}

@media screen and (max-width: 1050px) {
  .l1 {
    width: 95%;
  }
  .l2 {
    width: 19%;
  }
  .l3 {
    width: 25%;
  }
  .l4 {
    width: 12%;
  }
  .l5 {
    width: 20%;
  }
  .l6 {
    width: 0%;
  }
  .l7 {
    width: 10%;
  }
}

@media screen and (max-width: 500px) {
  .footer-menu {
    height: unset;
  }
  .footer-menu ul li {
    display: block;
  }

  ul.social-footer li:first-child {
    margin-left: 0px;
  }

  .footer-menu-container {
    justify-content: center;
    flex-direction: column;
    max-width: unset;
  }
  .footer-social-link {
    padding-top: 20px;
    border-top: 2px solid #878787;
  }
  .footer-menu ul {
    padding: 0;
    margin-top: 0px;
  }
  .social-footer li a img {
    margin-left: 0px;
    width: auto;
  }
  .devtoberfest {
    display: none;
  }
}

@media screen and (max-width: 960px) {
  .l3 ~ .lozenge-text-container.mid h1 {
    font-size: 21px;
    line-height: unset;
    font-weight: 700;
    width: 375px;
    margin-left: 160px;
  }
  .l4 ~ .lozenge-text-container h2 {
    font-size: 21px;
    max-width: 580px;
  }
  .l1 {
    width: 95%;
  }
  .l2 {
    width: 19%;
  }
  .l3 {
    width: 25%;
  }
  .l4 {
    width: 12%;
  }
  .l5 {
    width: 20%;
  }
  .l6 {
    width: 0%;
  }
  .l7 {
    width: 10%;
  }
  .lozenge-text-container.mid {
    padding-left: 0px;
  }
}

@media screen and (max-width: 768px) {
  .mySlides {
    flex-direction: row;
    justify-content: flex-start;
    padding-left: 0px;
  }

  .mySlides .devtoberfest {
    display: none;
  }
  .mySlides .text {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 0px;
    position: absolute;
    bottom: 31%;
    left: 64px;
    width: 70%;
  }
  .mySlides .text h4 {
    color: #fff;
    margin: 0px;
    font-size: 35px;
    line-height: normal;
    font-weight: bold;
    font-style: normal;
  }
  .mySlides .text h3 {
    color: #fff;
    margin: 5px 0px 5px 0px;
    font-size: 21px;
    /* line-height: 35px; */
    font-weight: normal;
    font-style: normal;
    width: 80%;
  }
  .mySlides:nth-child(1) .banner-images {
    background: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/sapteched-768_1631421193302001Zu9Q.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 100%;
  }
  .mySlides:nth-child(2) .banner-images {
    background: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/devtoberfest-768_1631421192784001ZdZr.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 100%;
  }
  .wrapper {
    margin-left: -580px;
  }
  .filler {
    display: none;
  }
  .dot-wrapper {
    position: unset;
    display: flex;
    justify-content: center;
  }
  .channel-one-overview {
    flex-direction: column;
    width: 100%;
  }
  .l1 {
    width: 95%;
  }
  .l2 {
    width: 12%;
  }
  .l3 {
    width: 30%;
  }
  .l3 ~ .lozenge-text-container.mid h1 {
    font-size: 21px;
    line-height: unset;
    font-weight: 700;
    width: 375px;
    margin-left: 160px;
  }
  .l4 {
    width: 0%;
  }
  .l4 ~ .lozenge-text-container h2 {
    font-size: 16px;
  }
  .l5 {
    width: 15%;
  }
  .l6 {
    width: 0%;
  }
  .l7 {
    width: 0%;
  }
  .lozenge-text-container.mid {
    padding-left: 0px;
  }
  .lozenge-text-container.mid div {
    margin-left: 0px;
  }
  .notify-me-section h3 {
    font-size: 31px;
  }
  .notify-me-section h3 span {
    white-space: nowrap;
  }
  .notify-me-section h4 {
    width: 100%;
    font-weight: bold;
  }
  .join-slides .text h4 {
    font-size: 16px;
    font-weight: bold;
    max-width: 90%;
  }
  .lozenge-text-container h4 {
    width: 90%;
    line-height: normal;
  }
  .lozenge-text-container h2 {
    font-size: 19px;
  }
  .channel-one-video-text {
    margin-top: 30px;
  }
  .testimonial-slide .text {
    padding: 20px 0px;
  }
  .testimonial-slide .text h4 {
    font-size: 19px;
  }
  .channel-one-video-text {
    margin-top: 30px;
  }
  .lozenge-text-container p,
  .lozenge-text-container h1,
  .lozenge-text-container h2 {
    padding: 10px;
  }
}

@media screen and (max-width: 760px) {
  .l1 {
    width: 100%;
    border-radius: 0px !important;
  }
  .l2 {
    width: 0%;
  }
  .l3 {
    width: 0%;
  }
  .l3 ~ .lozenge-text-container.mid h1 {
    font-size: 21px;
    line-height: unset;
    font-weight: 700;
    margin-left: 0px;
  }
  .l4 {
    width: 0%;
  }
  .l4 ~ .lozenge-text-container h2 {
    font-size: 16px;
  }
  .l5 {
    width: 0%;
  }
  .l6 {
    width: 0%;
  }
  .l7 {
    width: 0%;
  }
  .lozenge-text-container.mid div {
    display: none;
  }
}

@media screen and (max-width: 431px) {
  .lozenge-text-container.you-dont-want-to-miss {
    padding: 0px 20px;
  }
  .lozenge-text-container.you-dont-want-to-miss
    .info-bubble:nth-child(1)
    .info-bubble-text::after {
    content: "Hours of live \A content";
    white-space: pre;
  }
  .lozenge-text-container.you-dont-want-to-miss
    .info-bubble:nth-child(2)
    .info-bubble-text::after {
    content: "Tracks \A\00a0\A ";
    white-space: pre;
  }
  .lozenge-text-container.you-dont-want-to-miss
    .info-bubble:nth-child(5)
    .info-bubble-text::after {
    content: "Skill-building \A sessions";
    white-space: pre;
  }
  div .lozenge div:nth-child(6) {
    margin-bottom: 350px;
  }
}

@media screen and (max-width: 500px) {
  div .lozenge div:nth-child(6) {
    margin-bottom: 350px;
  }
}

@media screen and (max-width: 680px) {
  .join-slides {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }
  .mySlides.show .text {
    justify-content: center !important;
    bottom: 15%;
  }
  .mySlides:nth-child(1) .banner-images,
  .mySlides:nth-child(2) .banner-images {
    background: linear-gradient(
      121deg,
      #93c939 -0.56%,
      #4fb81c 10.37%,
      #0076cb 32.21%,
      #0f46a7 97.22%
    ) !important;
  }
  .dot-wrapper {
    bottom: 0px;
  }
  .mySlides .text a {
    align-self: center;
  }
}

/*registration landing page*/

.registration-page-container {
  background: linear-gradient(
    118.4deg,
    #93c939 6.13%,
    #4fb81c 21.11%,
    #0075ca 41.07%,
    #0760bb 53.04%,
    #0b51b0 66.02%,
    #0e49a9 81.99%,
    #0f46a7 105.94%
  ) !important;
  background-size: cover;
}

.registration-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  background-color: white;
  margin: 90px auto;
  padding: 64px;
  font-size: large;
  max-width: 1280px;
}

.registration-header {
  width: 315px;
}

.registration-header h1 {
  font-size: 46px;
  line-height: 55px;
  font-weight: 400;
  margin-top: 20px;
  margin-bottom: 30px;
  color: #000000;
}

.registration-header h2 {
  font-size: 27px;
  line-height: 35px;
  color: #000000;
  font-weight: 500;
}

p.registration-header-description {
  margin-top: 10%;
  max-width: 600px;
  margin: 0px 0px 24px 10px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

p.registration-header-top {
  font-size: 21px;
  line-height: 27px;
  font-weight: 400;
  margin-top: 0;
  color: #000000;
}

.registration-card {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
  padding: 20px 30px;
  margin: 0px 0px 20px 0px;
  width: 618px;
}

.registration-card img {
  width: 48px;
  aspect-ratio: auto;
}

.registration-card p {
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  color: #000000;
}

.registration-card h1 {
  font-size: 27px;
  line-height: 35px;
  font-weight: 400;
  color: #000000;
}

.registration-card .card-number {
  color: #4fb81c;
  font-size: 96px;
  font-weight: 900;
  line-height: 65px;
}

.registration-card ol {
  padding-left: 0px;
}

.registration-card ol li {
  margin-top: 12px;
  margin-bottom: 12px;
  color: #000000;
}

.registration-card-content {
  margin-left: 48px;
}

.registration-card-content li b {
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 21px;
}

.desktop-reg-btn.primary-btn {
  margin-top: 32px;
  display: flex;
  float: right;
  margin-right: 10px;
}

.reg-gets-u-dv {
  margin-top: 48px;
}

.reg-gets-u-dv li {
  margin: 10px 0px;
  list-style-type: disc !important;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}

.reg-gets-u-dv h3 {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}

.reg-gets-u-mv h3 {
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}

#registration-disclaimer-mv {
  flex-direction: column;
  align-items: flex-start;
  display: none;
}

#registration-disclaimer-mv .primary-btn {
  align-self: flex-end;
  margin-top: 30px;
  margin-bottom: 30px;
}

#registration-disclaimer-mv .reg-gets-u-mv {
  display: flex;
  flex-direction: column;
}

#registration-disclaimer-mv .reg-gets-u-mv ul {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  column-gap: 48px;
}

#registration-disclaimer-mv .reg-gets-u-mv ul li {
  list-style-type: disc !important;
  color: #000000;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  padding-bottom: 10px;
}

/*below 1180px*/

@media (max-width: 1280px) {
  .desktop-reg-btn.primary-btn {
    display: none;
  }
  .registration-container {
    flex-direction: column;
    font-size: small;
    padding: 72px 64px;
  }
  .registration-header {
    width: 90%;
  }
  .registration-card {
    width: 100%;
  }

  #registration-disclaimer-mv {
    display: flex;
  }
  .reg-gets-u-dv {
    display: none;
  }
}
/* tablet*/

@media (max-width: 768px) {
  .registration-container {
    padding: 32px 45px;
    margin-top: 32px;
  }
  .registration-header-top {
    font-size: 21px;
    line-height: 27px;
  }
  .registration-header h1 {
    font-size: 35px;
    line-height: 42px;
  }
  .registration-header h2 {
    font-size: 21px;
    line-height: 27px;
  }

  .registration-card {
    margin: 20px 0px;
  }
  .registration-card-content {
    margin-left: 5%;
  }
  .registration-card p {
    font-size: 14px;
    line-height: 21px;
  }
  .registration-card h1 {
    font-size: 27px;
    line-height: 35px;
  }
  .registration-card .card-number {
    font-size: 72px;
    line-height: 65px;
  }
  .registration-disclaimer a.primary-btn {
    font-size: 16px;
    line-height: 24px;
    width: 228px;
  }

  #registration-disclaimer-mv .reg-gets-u-mv ul {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
  }
}
/*mobile*/

@media (max-width: 500px) {
  #registration-disclaimer-mv .primary-btn {
    align-self: center;
    width: fit-content;
  }

  .registration-container {
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 20px;
    margin-right: 20px;
  }
  .registration-header-top {
    font-size: 12px;
    line-height: 16px;
  }
  .registration-header h1 {
    font-size: 27px;
    line-height: 35px;
  }
  .registration-header h2 {
    font-size: 16px;
    line-height: 21px;
  }
  .registration-card h1 {
    font-size: 21px;
    line-height: 27px;
  }
  .registration-card .card-number {
    font-size: 48px;
  }
  .registration-card {
    flex-direction: column;
    padding: 24px 24px 24px 24px;
  }

  .registration-card-content {
    margin-left: 0px;
  }
  .registration-card > img {
    margin-bottom: 18px;
  }
  p.registration-header-description {
    margin: 0px 0px 32px 10px;
  }
  .registration-disclaimer a.primary-btn {
    width: auto;
  }
}

.form-footer-actions .mdBtnR-cancel {
  display: none;
}

.custom-form-content .rfwf-full-panel {
  background: linear-gradient(
    118.4deg,
    #93c939 6.13%,
    #4fb81c 21.11%,
    #0075ca 41.07%,
    #0760bb 53.04%,
    #0b51b0 66.02%,
    #0e49a9 81.99%,
    #0f46a7 105.94%
  );
  background-size: cover;
}

.custom-form-content .rfwf-full-panel .rfwf-panel-interior {
  background-color: white;
  padding: 32px 108px;
  margin: 32px auto;
  max-width: 1280px;
}

.form-footer-actions .mdBtnR-primary {
  border-radius: 0px;
  background-color: #0076cb;
  color: white;
}
/* registration portal*/

.wf-form-element-div .rf-text-container h4 {
  font-weight: 400;
  font-size: 35px;
  line-height: 42px;
  color: #000000;
}

.wf-form-element-div .rf-input label {
  display: flex;
  align-items: center;
  max-width: 300px;
  flex-wrap: wrap;
}

.wf-form-element-div .rf-input .rf-label .label-text {
  font-family: BentonSans sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}

.wf-form-element-div
  .rf-input
  input:not([type="checkbox"]):not([type="radio"]):not(.mdBtnR),
.rf-input textarea {
  max-width: 982px;
  height: 35px;
  background: #ffffff;
  border-radius: 0%;
}

.wf-form-element-div .rf-phone-number .rf-standalone-label {
  max-width: 300px;
}

.wf-form-element-div .rf-phone-number .phone-number-wrapper {
  display: flex;
  max-width: 982px;
}

.wf-form-element-div
  .rf-phone-number
  .phone-number-wrapper
  .rf-input
  input:not([type="checkbox"]):not([type="radio"]):not(.mdBtnR),
.rf-input textarea {
  width: 100%;
  border-radius: 0%;
}

.rf-select select,
.rf-select select:not([multiple]) {
  border-radius: 0%;
}

.has-error .rf-multi-select span.error-msg {
  color: #f7412d;
  display: block;
  margin-top: 2px;
  font-size: 12px;
  line-height: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}

.rf-select input:not([type="checkbox"]):not([type="radio"]):not(.mdBtnR) {
  border-radius: 0%;
}

.rf-select .select-dropdown-icon .dropdown-icon-background {
  border-radius: 0%;
}

.rf-select .rf-dropdown-container .rf-dropdown-trigger {
  border-radius: 0%;
}

.rf-select .rf-dropdown-container {
  max-width: 982px;
  background-color: #ffffff;
}
/*lot of duplicate code here but the specificity was fighting with me*/

.wf-form-element-div .rf-label .label-text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}

.wf-form-element-div .rf-read-only .rf-label .label-text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}

.wf-form-element-div
  .rf-phone-number
  .rf-standalone-label
  .rf-label
  .label-text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}

.wf-form-element-div .rf-select .rf-label .label-text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}

.wf-form-element-div fieldset .rf-label .label-text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}

.wf-form-element-div .rf-text-container div p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}

.wf-form-element-div .rf-single-select {
  max-width: 982px;
}

.rf-select select:hover,
.rf-select select:not([multiple]):hover {
  border-color: #9fc1f0;
}

.rf-select select:hover + .select-dropdown-icon .dropdown-icon-background,
.rf-select
  select:not([multiple]):hover
  + .select-dropdown-icon
  .dropdown-icon-background {
  border-color: #9fc1f0;
}

@media (max-width: 1280px) {
  .custom-form-content .rfwf-full-panel .rfwf-panel-interior {
    margin: 32px 83px;
  }
}
/* tablet view*/

@media (max-width: 768px) {
  .custom-form-content .rfwf-full-panel .rfwf-panel-interior {
    padding: 32px 20px;
    margin: 0px 20px 0px 20px;
  }
  .wf-form-element-div .rf-input {
    display: block;
  }
  .wf-form-element-div .rf-phone-number {
    display: block;
  }
  .rf-phone-number .phone-number-wrapper .rf-select {
    width: 120px;
  }
}
/*mobile view*/

@media (max-width: 330px) {
  .wf-form-element-div .rf-text-container h4 {
    font-size: 27px;
    line-height: 35px;
  }
}

/*--- registration questions form tablet view   ---*/
@media (max-width: 768px) {
  #wf-btn-submit > span {
    font-weight: 500;
  }
  #contact-info {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
/*-------------------------------------------------*/

/*registration confirm*/

.reg-confirm {
  background: linear-gradient(
    121deg,
    #93c939 -0.56%,
    #4fb81c 10.37%,
    #0076cb 32.21%,
    #0f46a7 97.22%
  ) !important;
  background-size: cover;
  background-position: initial !important;
  height: 100%;
}

.reg-confirm .card-container-p {
  margin-bottom: 24px;
}

.reg-confirm .invite-friend-btn {
  margin-top: 56px;
  width: fit-content;
}

.reg-confirm .card-container-footer {
  margin-top: 24px;
  margin-left: 10px;
}

.reg-confirm .card-container-footer .continue-btn {
  float: right;
  margin-top: 24px;
}

@media (max-width: 1300px) {
  .reg-confirm .invite-friend-btn {
    margin: 40px 0px;
  }
}

@media (max-width: 768px) {
  .reg-confirm .invite-friend-btn {
    width: 100%;
  }

  .reg-confirm .continue-btn {
    width: 100%;
  }
}
@media (max-width: 375px) {
  .reg-confirm p.registration-header-top {
    font-weight: 500;
  }
  .reg-confirm .registration-container {
    padding-left: 20px;
    padding-right: 20px;
  }
  .reg-confirm .registration-card {
    margin-top: 32px;
    display: block;
  }
  .reg-confirm .registration-card > img {
    padding-bottom: 10px;
  }
  .reg-confirm .registration-card-container {
    margin-left: 10px;
    margin-right: 10px;
  }
}

/* channel 1 demo video. This is not on the promo page*/

.channel1-demo-container {
  background: linear-gradient(
    118.4deg,
    #93c939 3.13%,
    #4fb81c 10.11%,
    #0075ca 21.07%,
    #0760bb 34.04%,
    #0b51b0 46.02%,
    #0e49a9 51.99%,
    #0f46a7 60.94%
  );
  background-size: cover;
}

/*promo page carousel*/
#featured-sponsors .splide {
  margin: 75px auto 130px auto;
  max-width: 1170px;
}

#featured-sponsors .splide__slide div {
  background-color: white;
  height: 100%;
}

#featured-sponsors .splide__arrow {
  background: transparent !important;
}

#featured-sponsors .splide__arrow--prev {
  left: -2em !important;
}

#featured-sponsors .splide__arrow--next {
  right: -2em !important;
}

#featured-sponsors .splide__arrow svg {
  width: 2.2em;
  height: 2.2em;
  fill: #fff;
}

#featured-sponsors .splide__track {
  position: relative;
  z-index: 0;
  overflow: hidden;
  width: 95% !important;
  left: 2.5% !important;
}

#featured-sponsors .tricentis img {
  position: relative;
  top: 80px;
  padding: 20px;
}

#featured-sponsors .redhat img {
  padding: 20px;
  position: relative;
  top: 20px;
}

#featured-sponsors .dell img {
  padding: 20px;
  position: relative;
  top: 40px;
}

#featured-sponsors .vmware img {
  position: relative;
  top: 80px;
}

#featured-sponsors .HP img {
  position: relative;
  top: 50px;
  padding: 20px;
}

#featured-sponsors .pureStorage img {
  position: relative;
  top: 80px;
  padding: 20px;
}

#featured-sponsors .intel img {
  padding: 20px;
  position: relative;
  top: 60px;
}
#featured-sponsors .ibm img,
#featured-sponsors .infosys img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

@media (max-width: 768px) {
  #featured-sponsors .splide {
    padding: 0px 25px;
  }

  #featured-sponsors .splide__arrow--prev {
    left: 1em !important;
  }

  #featured-sponsors .splide__arrow--next {
    right: 1em !important;
  }

  #featured-sponsors .tricentis img {
    top: 65px;
  }

  #featured-sponsors .vmware img {
    top: 65px;
  }

  #featured-sponsors .intel img {
    top: 50px;
  }

  #featured-sponsors .pureStorage img {
    top: 63px;
  }
}

@media (max-width: 430px) {
  #featured-sponsors .splide__track {
    position: relative;
    z-index: 0;
    overflow: hidden;
    width: 85% !important;
    left: 11.5% !important;
  }
}

/*================================*/
/* DEC-7 (Session Catalogue Page) */
/*================================*/

/*DEC-556 5 min before styles*/
.session-catalog #rf-catalog ul.session-actions > li .rf-tooltip-container.webinar-status-tooltip-container button span{
  color: #565656;
  font-size: 16px;
  line-break: 24px;
  font-weight: 400;
}

.session-catalog #rf-catalog ul.session-actions > li .rf-tooltip-container.webinar-status-tooltip-container button{
  border: none;
  padding-left: 0px !important;
}
/*DEC-556 5 min before styles*/

/*fixing date and time alignment for steven*/
.session-time-and-location{
  align-items: center;
}
/*fixing date and time alignment for steven*/

/*brightcove player styles for Steven*/
.bc-player-tL3m6x8ftM_default .vjs-time-control{
  align-items: center;
}

.video-js .vjs-time-control{
  padding-left: 0px;
  padding-right: 0px;
}
/*brightcove player styles for Steven*/

/*DEC-541 btn styles*/
#widget-page-session-details .rf-attribute .mdBtnR.mdBtnR-primary,
#widget-page-session-details .rf-attribute .mdBtnR.mdBtnR-primary.slackChannelLink{
  background: #0076cb;
  padding: 8px 25px;
  cursor: pointer;
  border-radius: 0px;
  border: none;
}

#widget-page-session-details .rf-attribute .mdBtnR.mdBtnR-primary:hover,
#widget-page-session-details .rf-attribute .mdBtnR.mdBtnR-primary.slackChannelLink:hover{
  background-color: #065893;
  cursor: pointer;
}

.session-catalog #widget-page-session-details .rf-attribute .mdBtnR.mdBtnR-primary span,
.session-catalog #widget-page-session-details .rf-attribute .mdBtnR.mdBtnR-primary.slackChannelLink span{
  color: white;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 24px;
  font-family: BentonSans, sans-serif;
  margin:0px;
}

.session-catalog #widget-page-session-details .rf-attribute .mdBtnR.mdBtnR-primary span:hover,
.session-catalog #widget-page-session-details .rf-attribute .mdBtnR.mdBtnR-primary.slackChannelLink span:hover{
  text-decoration: none;
}


#widget-page-session-details .rf-attribute .mdBtnR.mdBtnR-primary:not(.slackChannel1Link){
  margin-top: 10px;
}

/*removing white space at bottom of page*/
.session-catalog [id*="rf-"].rf-widget #widget-page-session-details .session-details-container .rf-attribute:last-of-type{
  margin-bottom: 7vh;
}

/*DEC-541*/

.session-catalog #rf-catalog .search-container .title-text {
  /*Card title text*/
  color: #0076cb;
  font-weight: 400;
  margin-bottom: 24px;
}
.session-catalog
  #rf-catalog
  .search-container
  .search-bar
  .catalog-search
  .rf-input
  input {
  /*search input*/
  border-top-left-radius: 999999px;
  border-bottom-left-radius: 999999px;
}
.session-catalog #rf-catalog .search-container.top-filters .search-bar {
  /*filter search bar container*/
  border-bottom: none;
  padding: 30px 0px;
}
.session-catalog #rf-catalog .search-container.top-filters .search-content {
  /*card container*/
  max-width: 1280px;
}
.session-catalog
  #rf-catalog
  .search-container
  .search-bar
  .catalog-search
  .search-submit {
  /*search magnif glass*/
  border-radius: 999999px;
}
.session-catalog > .flex-box-section-full-interior {
  /*1 of the containers for entire page content*/
  padding: 0;
  width: 100%;
}
.session-catalog #rf-catalog .search-container .search-actions svg {
  /*Filter button svg*/
  width: 25px;
  fill: #717074;
}
.rf-filtersModal-modal .modal-header {
  /*filter modal 'Filter' text container*/
  background: none;
  padding: 10px 0px;
  margin: 12px 20px;
  border-bottom: 1px solid #7f7f7f;
}
.rf-default-modal .modal-content .modal-header .modal-title {
  /*filter modal 'Filter' text*/
  font-size: 27px;
  font-weight: 400;
  color: black;
}
.modal-close svg {
  /* 'X' Modal close*/
  fill: #727272;
  transform: scale(2);
}
.rf-filtersModal-modal .search-filters .filters > li {
  /*filter submenu list items*/
  padding: 0;
  margin: 0 20px;
}
.rf-filtersModal-modal .search-filters .filters > li span {
  /*filter sub menu text*/
  font-size: 16px;
  font-weight: 400;
}
.rf-filtersModal-modal .results-count {
  /*Results counter*/
  background: none;
  padding: 20px 0px;
  border-top: none;
  position: relative;
}
.rf-filtersModal-modal .modal-footer {
  /* 'clear'and'done' footer area*/
  background: none;
}
.rf-filtersModal-modal .modal-footer .mdBtnR {
  /*'clear' and 'done' btns*/
  height: 40px;
  border-radius: 0;
}
.rf-filtersModal-modal .search-filters .filters-body-scroll {
  /*filter submenu container*/
  margin-bottom: 0px;
}

.session-catalog #rf-catalog .search-container .search-content .section-title {
  /*random info*/
  display: none;
}
.session-catalog #rf-catalog .search-container .total-results-count span {
  /*random info*/
  /* display: none; */
}
.session-catalog #rf-catalog .search-container .main-content {
  /*page content container (excludes filtering section)*/
  padding-top: 0;
}
.session-catalog .rf-default-modal .search-filters .filters button svg {
  /*small arrow svgs on filter list items*/
  transform: rotate(180deg) scale(1.5);
}
.session-catalog
  #rf-catalog
  .session-time-and-location
  .session-date-time
  .session-date {
  border-right: 1px solid lightgrey;
}

/*DEC-487 styling to look like a tags*/
.rf-attribute button.mdBtnR.mdBtnR-primary.looks-like-a-tag{
  border: none;
  background: none;
  display: inline-block;
  padding: 0px;
}

.rf-attribute button.mdBtnR.mdBtnR-primary.looks-like-a-tag span{
  color: #0076cb;
  text-decoration: underline;
  text-transform: capitalize;
}

/*DEC-487 fix for outlying buttons
some are anchor tags, some are buttons, some have no classes to identify them with
AMAZING
*/
main.main-content ul.search-results .rf-attribute .mdBtnR.mdBtnR-primary {
  border-radius: 0px;
}

main.main-content ul.search-results .rf-attribute .mdBtnR.mdBtnR-primary span {
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
}
/*DEC-487 fix*/

.session-catalog #rf-catalog ul.session-actions > li button {
  height: 40px;
  max-width: 235px;
  background: white;
  margin-bottom: 12px;
  order: 1;
}
.session-catalog #rf-catalog ul.session-actions > li button span {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0076cb;
  font-weight: 500;
  font-size: 16px;
}
.session-catalog
  #rf-catalog
  ul.session-actions
  > li
  button.session-scheduled
  span {
  margin: 5px;
}
.session-catalog
  #rf-catalog
  ul.session-actions
  > li
  button:enabled
  span:first-child:before {
  content: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/calendar_1632332934321001YGyO.svg);
  margin-right: 10px;
}
.session-catalog
  [id*="rf-"].rf-widget
  .catalog-result
  .rf-attribute
  .attribute-name {
  font-weight: 400;
}
.session-catalog .session-time-and-location .session-date-time span {
  margin-bottom: 0;
}
.session-catalog
  #rf-catalog
  .search-container.top-filters
  .search-content
  .catalog-result {
  padding: 0;
}
.session-catalog [id*="rf-"].rf-widget .catalog-result .speaker-details p {
  margin-bottom: 10px;
}

.session-catalog
  #rf-catalog
  .search-container.top-filters
  .search-content
  .catalog-result
  > * {
  padding-left: 24px;
  padding-right: 24px;
}
.session-catalog
  [id*="rf-"].rf-widget
  .catalog-result.recommended
  .recommendation-bar {
  position: relative;
  background: #3fa40e;
  color: white;
  display: flex;
  flex-direction: column;
  padding: 8px 20px;
}
.session-catalog
  [id*="rf-"].rf-widget
  .catalog-result.recommended
  .recommendation-bar
  .recommendation-actions {
  width: 100%;
  margin: 0;
  display: flex;
  justify-content: flex-start;
}
.session-catalog
  [id*="rf-"].rf-widget
  .catalog-result.recommended
  .recommendation-bar
  .recommendation-actions::before {
  content: "Rate this recommendation";
  font-weight: 390;
  font-size: 16px;
  line-height: 24px;
  margin-right: 10px;
}
.session-catalog
  [id*="rf-"].rf-widget
  .catalog-result.recommended
  .recommendation-bar::before {
  content: "Recommended For You";
  font-size: 21px;
  font-weight: 500;
  line-height: 31px;
}
.session-catalog
  [id*="rf-"].rf-widget
  .catalog-result.recommended
  .recommended-for-you-text {
  display: none;
}
.session-catalog
  [id*="rf-"].rf-widget
  .catalog-result.recommended
  .recommendation-actions
  .rfSI:first-of-type {
  width: 30px;
  height: 30px;
}
.session-catalog
  [id*="rf-"].rf-widget
  .catalog-result.recommended
  .recommendation-actions
  .rfSI:last-of-type {
  /*thumbs down btn in recommended sessions*/
  /*display: none;*/
}
[id*="rf-"].rf-widget .catalog-result .catalog-result-title {
  margin-top: 24px;
}
#rf-catalog .recommendation-bar .recommendation-message {
  display: none;
}
#rf-catalog .search-container .search-content .search-results {
  margin-bottom: 48px;
}
[id*="rf-"].rf-widget .catalog-result.recommended .recommendation-actions svg {
  fill: white;
  opacity: 1;
}
#rf-catalog .search-container {
  max-width: 1280px;
}
/*session catalog*/

.session-catalog-header h1 {
  font-weight: 700;
  font-size: 46px;
  line-height: 55px;
  margin: 47px 0px;
  color: white;
  padding: 0px;
}

.session-catalog #rf-catalog {
  background-color: #ffffff;
}

.session-catalog
  .rf-widget
  .catalog-result
  .catalog-result-title
  .catalog-result-options
  button.favorite-catalog-result
  svg {
  fill: #0076cb;
}

.session-catalog [id*="rf-"].rf-widget .catalog-result {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
}

.session-catalog
  [id*="rf-"].rf-widget
  .catalog-result
  .catalog-result-title
  a
  .title-text {
  font-size: 21px;
  font-weight: 400;
  color: #0076cb;
}

.session-catalog [id*="rf-"].rf-widget .catalog-result .description p span {
  font-size: 16px;
  font-weight: 400;
  color: #565656;
  line-height: 24px;
}

.session-catalog
  [id*="rf-"].rf-widget
  .catalog-result
  ul.session-actions
  > li
  button {
  border-radius: 0px;
  border-color: #0076cb;
  border-width: 1px;
}

.session-catalog
  [id*="rf-"].rf-widget
  .catalog-result
  ul.session-actions
  > li
  .session-action {
  margin: 0 12px 0 0;
}

.session-catalog #rf-catalog .search-filters {
  width: 356px;
}

.session-catalog
  #rf-catalog
  .search-container.left-filters-search
  .search-filters
  .search-bar {
  max-width: 282px;
}

.session-catalog #rf-catalog button.mdBtnR.mdBtnR-text-button.clear-search {
  margin-right: 75px;
}

.session-catalog #rf-catalog .search-filters .filters-header {
  border-bottom: none;
}

.session-catalog #rf-catalog .search-filters .filters button svg {
  fill: #727272;
}

.session-catalog
  #rf-catalog
  .search-container
  .search-bar
  .catalog-search
  .rf-input
  input {
  border-radius: 0px;
}

.session-catalog
  #rf-catalog
  .search-container
  .search-bar
  .catalog-search
  .search-submit {
  border-radius: 0px;
}

.session-catalog div[id*="rf-"].rf-widget .semibold.session-date {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}

.session-catalog div[id*="rf-"].rf-widget .semibold.session-time {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #565656;
}
/*sessions search*/

.session-catalog button.mdBtnR-primary.search-submit {
  background-color: #0076cb;
}

.session-catalog #rf-catalog .search-filters .filters button {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

/* session catalog bug fixes */
.session-catalog
  #rf-catalog
  > div
  > div.main-content
  > div.search-content
  > ul
  > li {
  margin-bottom: 40px !important;
  border: none !important;
}
#rf-catalog
  > div
  > div.main-content
  > div.search-content
  > ul
  > li
  > div.badges {
  display: block !important;
  margin: 24px 0px !important;
}
#rf-catalog
  > div
  > div.main-content
  > div.search-content
  > ul
  > li
  > div.badges
  > div.badge {
  border-radius: 100px !important;
  border-color: #0f46a7 !important;
  color: #0f46a7 !important;
}
.session-catalog-header {
  background: linear-gradient(to right, #93c939 50%, #0f46a7 50%);
  height: 150px;
}
.session-catalog-header .flex-box-section-full-interior {
  padding: 0px;
  margin: 0px;
  width: 100%;
  max-width: 100%;
}
.session-catalog-header .header-img-background {
  background: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/session%20catalog1920%20-%20DESKTOP-3_1634916476912001vREM.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 150px;
  width: 100%;
  position: absolute;
  top: 0px;
  z-index: 1;
}
.sap-catalog-header {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.sap-catalog-header .text {
  z-index: 3;
}

/*DEC-548 overflowing btn*/
.session-catalog #rf-catalog ul.session-actions > li button{
  display: flex;
  padding: 8px 25px !important;
  height: fit-content;
  justify-content: center;
}
/*DEC-548 overflowing btn*/

@media screen and (min-width: 550px) {
  .session-catalog #rf-catalog ul.session-actions > li button {
    order: 0;
    margin-bottom: 0;
  }
  .session-catalog
    [id*="rf-"].rf-widget
    .catalog-result
    ul.session-actions
    > li:last-child {
    align-items: center;
    margin-bottom: 24px;
  }
}

/*DEC-574 buttton alignment*/
#widget-page-session-details .mdBtnR.mdBtnR-link.webinar-join-btn{
  margin-top: 0px;
}
/*DEC-574 buttton alignment*/

/*session details similar session banner fix*/
#widget-page-session-details .session-tile-container .no-banner {
  background: linear-gradient(
    98.53deg,
    #93c939 -6%,
    #4fb81c 20.06%,
    #0075ca 54.81%,
    #0760bb 75.66%,
    #0b51b0 98.24%,
    #0e49a9 126.04%,
    #0f46a7 167.74%
  );
  padding-top: 44px;
}
#widget-page-session-details .session-tile-container .no-banner span,
#rf-sessionrecommendations .rf-tile-container .rf-tile .no-banner span {
  display: none;
}
.rf-tile-avatars .rf-tile-avatar .rf-tile-avatar-img {
  position: absolute;
  top: 0;
  left: 0;
}
/*dashboard recommended session changes*/
#rf-sessionrecommendations .mdBtnR-outline-primary {
  /* display:none; */
}
#rf-sessionrecommendations
  .is-carousel
  .carousel-actions
  > div.carousel-action {
  margin-left: 0;
}

@media screen and (min-width: 768px) {
  .session-catalog
    [id*="rf-"].rf-widget
    .catalog-result.recommended
    .recommendation-bar {
    flex-direction: row;
    align-items: center;
  }
  .session-catalog
    [id*="rf-"].rf-widget
    .catalog-result.recommended
    .recommendation-bar
    .recommendation-actions::before {
    content: "";
  }
  #rf-catalog .recommendation-bar .recommendation-message {
    display: inline-block;
    margin-left: auto;
    margin-right: 10px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
  }
  .session-catalog
    #rf-catalog
    .search-container.top-filters
    .search-content
    .catalog-result
    > .recommendation-banner {
    padding-top: 9px;
    padding-bottom: 9px;
  }
  .session-catalog
    [id*="rf-"].rf-widget
    .catalog-result.recommended
    .recommendation-bar
    .recommendation-actions {
    width: auto;
  }
  .session-catalog #rf-catalog .search-container.top-filters .search-bar {
    padding: 50px 0px;
  }
  .session-catalog-header h1 {
    /*header text*/
    font-size: 39px;
    padding-left: 30px;
  }
}
@media screen and (min-width: 913px) {
  [id*="rf-"].rf-widget .catalog-result.recommended {
    padding: 0;
    padding-bottom: 20px;
  }
  [id*="rf-"].rf-widget .catalog-result.recommended > * {
    padding-left: 20px;
    padding-right: 20px;
  }
  .session-catalog #rf-catalog .search-filters .filters-header h2 {
    /*search filters title*/
    font-weight: 400;
  }
  .session-catalog
    #rf-catalog
    .search-filters
    .filters-header
    button:nth-of-type(1) {
    /*'header' for the search filter input + title + clear btn*/
    margin-right: 0;
  }
  .session-catalog
    #rf-catalog
    .search-container.left-filters-search
    .search-filters
    .search-bar {
    /*search filter input container*/
    max-width: 100%;
  }
  .session-catalog
    #rf-catalog
    .search-container
    .search-bar
    .catalog-search
    .rf-input
    input {
    /*search filter input*/
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }
  .session-catalog
    #rf-catalog
    .search-container
    .search-bar
    .catalog-search
    .search-submit {
    /*search filter magnif glass*/
    border-radius: 0px;
  }
}

@media screen and (min-width: 1280px) {
  .session-catalog-header h1 {
    /*header text*/
    font-size: 46px;
    padding: 0px;
  }
  .session-catalog #rf-catalog .search-filters {
    /*nav menu where search filters are*/
    margin-left: 0;
  }
}

@media (min-width: 1920px) {
  .session-catalog-header .header-img-background {
    background-size: contain;
  }
}

/* @media (max-width: 1280px) {
  .session-catalog-header .header-img-background {
    background: url("https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/attendee%201280_1633352385634001WSef.png");
  }
} */

@media screen and (max-width: 1024px) {
  .session-catalog-header h1 {
    margin: 47px 20px;
  }
}

@media (max-width: 768px) {
  .session-catalog-header .header-img-background {
    background: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/session%20catalog768%20-%20TABLET-3_1634916476360001vhHp.png);
    background-size: cover;
  }
}

@media (max-width: 500px) {
  .session-catalog-header .header-img-background {
    background: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/session%20catalog320%20-%20MOBILE-3_1634916477167001vqAT.png);
    background-size: cover;
  }

  .session-catalog-header h1 {
    padding-left: 10px;
    font-size: 35px;
    line-height: 39px;
  }
}

/*====================================*/
/* END DEC-7 (Session Catalogue Page) */
/*====================================*/
/*====================================*/
/* DEC-8 (Session Detail Page)        */
/*====================================*/

/*DEC-391*/
.exhibitor-details-content #exhibitor-sessions .session-attributes {
  display: none;
}

.session-catalog
  [id*="rf-"].rf-widget
  #widget-page-session-details
  .session-details-back-to-catalog {
  /*'back to session catalog' container*/
  border-bottom: none;
  text-transform: uppercase;
  margin-top: 50px;
}
.session-catalog
  [id*="rf-"].rf-widget
  #widget-page-session-details
  .session-details-container {
  /*session details container*/
  margin-top: 0;
  max-width: 1280px;
  display: flex;
  flex-direction: column;
}
.session-catalog
  [id*="rf-"].rf-widget
  #widget-page-session-details
  .session-details-container
  .rf-attribute {
  margin-bottom: 8px;
  order: 1;
}
.session-catalog
  [id*="rf-"].rf-widget
  #widget-page-session-details
  .session-details-container
  .rf-attribute:last-of-type {
  order: 3;
}
.session-catalog
  [id*="rf-"].rf-widget
  #widget-page-session-details
  .session-details-container
  .rf-attribute:nth-child(3) {
  margin-bottom: 8px;
  order: 2;
}
.session-catalog
  [id*="rf-"].rf-widget
  #widget-page-session-details
  .session-title {
  margin-top: 8px;
}
.session-catalog
  [id*="rf-"].rf-widget
  #widget-page-session-details
  .session-title
  button
  .title-text {
  /*session title text*/
  color: #565656;
  font-size: 27px;
  font-weight: 400;
  line-height: 32px;
}
.session-catalog
  [id*="rf-"].rf-widget
  .session-details-page
  .catalog-result-title
  .session-actions
  .favorite-catalog-result
  svg {
  /*heart shaped favorite btn*/
  fill: #0076cb;
}
.session-catalog
  [id*="rf-"].rf-widget
  .session-details-page
  .description
  p
  span {
  /*session description text*/
  color: #565656;
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 20px;
}
.session-catalog
  [id*="rf-"].rf-widget
  #widget-page-session-details
  .session-details-back-to-catalog
  .back-to-catalog-container {
  padding-top: 0;
  padding-bottom: 0px;
  display: flex;
  align-items: center;
  max-width: 1280px;
}
.session-catalog
  [id*="rf-"].rf-widget
  #widget-page-session-details
  .session-details-back-to-catalog
  .back-to-catalog-container
  a
  span
  svg {
  display: none;
}
.session-catalog
  [id*="rf-"].rf-widget
  #widget-page-session-details
  .session-details-back-to-catalog
  .back-to-catalog-container
  a
  span {
  margin-right: -10px;
}
.session-catalog
  [id*="rf-"].rf-widget
  #widget-page-session-details
  .session-details-back-to-catalog
  .back-to-catalog-container
  a {
  color: #0076cb;
  /*DEC-541*/
  display: flex;
  align-items: center;
  /*DEC-541*/
}
.session-catalog
  [id*="rf-"].rf-widget
  #widget-page-session-details
  .session-details-back-to-catalog
  .back-to-catalog-container
  a
  span::before {
  content: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/arrow%20right_16325169408160014MHY.svg);
}
.session-catalog
  [id*="rf-"].rf-widget
  .session-details-page
  ul.session-actions
  > li
  button {
  /*add to schedule btn*/
  max-width: 235px;
  height: 40px;
  border-radius: 0;
  order: 1;
  margin-top: 20px;
  border: 1px solid #0076cb;
}
#widget-page-session-details
  > div.session-details-container
  > div:nth-child(3)
  > ul
  > li
  > div
  > div
  > button {
  display: none;
}
.session-catalog
  [id*="rf-"].rf-widget
  #widget-page-session-details
  ul.session-actions
  > li
  button
  span {
  display: flex;
  align-items: center;
  justify-content: space-around;
  font-weight: 500;
}
/* .session-catalog
  [id*="rf-"].rf-widget
  .session-details-page
  ul.session-actions
  > li
  button:enabled
  span::before {
  content: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/calendar_1632332934321001YGyO.svg);
} */
.session-catalog .session-time-and-location .session-location:last-child {
  /*session location span*/
  display: none;
}
.session-catalog
  [id*="rf-"].rf-widget
  #widget-page-session-details
  .rf-attribute
  span {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
.session-catalog
  [id*="rf-"].rf-widget
  .session-details-page
  .speaker-details
  p {
  font-weight: 390;
}
.session-catalog
  #widget-page-session-details
  .session-time-and-location
  .session-date-time
  .session-date {
  /*session date*/
  border-right: 1px solid lightgrey;
}
.session-catalog
  #widget-page-session-details
  .session-time-and-location
  .session-date-time
  .session-date
  span:first-child {
  /*session date*/
  margin-bottom: 0;
}
.session-catalog #widget-page-session-details .take-survey-btn a {
  background-color: #0076cb;
  border-radius: 0;
}

.session-catalog
  [id*="rf-"].rf-widget
  .session-details-page
  ul.session-actions
  > li
  .session-date-time
  span {
  margin-bottom: 0;
}
.session-catalog
  [id*="rf-"].rf-widget
  .session-details-page
  .session-details
  p
  span {
  color: #007ab8;
}
.session-catalog [id*="rf-"].rf-widget .catalog-result .session-details,
[id*="rf-"].rf-widget .session-details-page .session-details {
  margin-bottom: 12px;
}
.session-catalog
  [id*="rf-"].rf-widget
  #widget-page-session-details
  .attribute-Resources
  span:first-of-type,
.session-catalog
  [id*="rf-"].rf-widget
  #widget-page-session-details
  .attribute-KeepLearning
  span:first-of-type,
.session-catalog
  [id*="rf-"].rf-widget
  #widget-page-session-details
  .attribute-TryItOut
  span:first-of-type {
  font-size: 33px;
  font-weight: normal;
  margin-top: 24px;
  margin-bottom: 24px;
  display: inline-block;
  color: #565656;
}
.session-catalog
  [id*="rf-"].rf-widget
  #widget-page-session-details
  .attribute-Resources
  span:first-of-type {
  display: none;
}
.session-catalog
  [id*="rf-"].rf-widget
  #widget-page-session-details
  .attribute-Resources::before {
  content: "Helpful Materials";
  font-size: 33px;
  font-weight: normal;
  margin-top: 24px;
  margin-bottom: 24px;
  display: inline-block;
  color: #565656;
}
#widget-page-session-details
  > div.session-details-back-to-catalog
  > div
  > a
  > span {
  display: none;
}
#widget-page-session-details > div.session-details-back-to-catalog > div > a {
  text-transform: capitalize;
}
#widget-page-session-details
  > div.session-details-back-to-catalog
  > div
  > a::before {
  content: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/arrow%20right_16325169408160014MHY.svg);
  /*zoom: 37%; not supported on firefox*/
  display: inline-block;
  padding-left: 10px;
  /*DEC-541 changed to scale3d was just scale(-1)*/
  transform: scale3d(-37%, 37%, 1);
  -webkit-transform: rotateY(180deg) scale(.5);
}
#widget-page-session-details button.favorited > svg{
  fill:#3e82e0;
}
#widget-page-session-details > div.session-details-container > div > div > div.webinar-info-content > div > div > button.webinar-status-active{
  height:unset;
}
#widget-page-session-details > div.session-details-container > div:nth-child(8) > div > div.webinar-info-actions.rf-flex-frame.rf-flex-vertical-center.rf-flex-wrap > button.mdBtnR.mdBtnR-primary.session-scheduled.session-action.mdBtnR-adv{
  margin:0;
}
@media screen and (min-width: 550px) {
  .session-catalog
    [id*="rf-"].rf-widget
    .session-details-page
    ul.session-actions
    > li
    .session-date-time {
    display: flex;
    align-items: center;
  }
  .session-catalog
    [id*="rf-"].rf-widget
    .session-details-page
    ul.session-actions
    > li
    button {
    order: 0;
  }
  .session-catalog [id*="rf-"].rf-widget .catalog-result .session-details,
  [id*="rf-"].rf-widget .session-details-page .session-details {
    margin-bottom: 12px;
  }
}

/*session detail white calendar fix for steven*/
.session-catalog #rf-catalog #widget-page-session-details ul.session-actions > li button.mdBtnR-primary span:first-child::before{
  content: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/calendar_white_1636657520079001n7Di.svg);
  padding-top: 10px;
  padding-right: 10px;
}
 
/*====================================*/
/* END DEC-8 (Session Detail Page)    */
/*====================================*/

/* 
Tracks 
=================================
*/

.tracks-header-background {
  background: linear-gradient(to right, #93c939 50%, #d7e2ea 50%);
}

.tracks-header-background .flex-box-section-full-interior {
  padding: 0px;
  margin: 0px;
  width: 100%;
  max-width: 100%;
}

.tracks-header-background .header-img-background {
  background: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/tracks%20page1920%20-%20DESKTOP-2_1634918262319001YFQY.png);
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center;
  height: 320px;
  width: 100%;
  position: absolute;
  top: 0px;
  z-index: 1;
}

.tracks-header {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.tracks-header .text {
  z-index: 3;
}

@media (min-width: 1025px) {
  .tracks-header .text {
    padding: 0px 30px;
  }
}

@media (min-width: 1351px) {
  .tracks-header .text {
    padding: 0px 0px;
  }
}

.tracks-header h1 {
  margin-top: 70px;
  margin-bottom: 13px;
  font-size: 46px;
  font-weight: bold;
  color: #ffffff;
}

.tracks-header p {
  font-size: 21px;
  color: #ffffff;
  margin-bottom: 80px;
}

.tracks-body {
  display: flex;
  flex-direction: row;
  max-width: 1280px;
  margin: 63px auto;
}

#tracksMobile {
  display: flex;
  flex-direction: column;
}

.track-menu {
  display: flex;
  flex-direction: column;
}

.tracks-body .track-menu ul {
  padding: 0px;
  border-left: solid 8px #0076cb;
  width: 360px;
}

.tracks-body .track-menu ul li {
  border-radius: 0px 26.5px 26.5px 0px;
  border: solid 1px #0076cb;
  border-left: none;
  color: #0076cb;
  padding: 13px 7px;
  font-size: 16px;
  line-height: 21px;
  font-weight: 500;
  margin-bottom: 10px;
}
.tracks-body .track-menu ul li:hover {
  background-color: #eaeaea;
}

.tracks-body .track-menu ul .active {
  background-color: #0076cb;
  color: #ffffff;
}

.tracks-body .track-menu ul .active:hover {
  background-color: #0076cb;
  color: #ffffff;
}

#tracks-channel1 {
  display: flex;
  margin-bottom: 0px;
  background: linear-gradient(
    104.32deg,
    #93c939 1.68%,
    #4fb81c 7.58%,
    #0076cb 20.67%,
    #0f46a7 62.42%
  );
  color: #ffffff;
  padding: 0px;
  border: none;
}

#tracks-channel1:hover {
  background: #eaeaea;
}

#tracks-channel1 a {
  color: #ffffff;
  text-decoration: none;
  width: 100%;
  height: 100%;
  padding: 13px 7px;
}

#tracks-channel1 a:hover {
  color: #0076cb;
}

.tracks-content {
  margin-left: 22px;
}

.track .indent {
  padding-left: 20px;
}

.tracks-body .track h2 {
  font-size: 27px;
  line-height: 35px;
  color: #000000;
  font-weight: 400;
}

.tracks-body .track .primary-btn {
  margin: 20px 0px;
  display: block;
}

.tracks-body .track p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 30px;
  color: #000000;
}

.tracks-body .track h3 {
  font-size: 21px;
  line-height: 27px;
  font-weight: 400;
  color: #000000;
}

.tracks-body .track .indent a {
  color: #0076cb;
  text-decoration: underline;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  padding: 5px 0px;
}

.tracks-body .track .indent p {
  color: #3c3c3c;
}

/*mobile menu styles*/

#tracksMobile {
  display: none;
}

#tracksMobile.tracks-body .track-menu .nestedTrack {
  border: 0px;
  padding: 0px;
}

#tracksMobile.tracks-body .track-menu .nestedTrack .track {
  padding: 7px;
  margin-bottom: 10px;
}

#tracksMobile.tracks-body .track-menu .nestedTrack:hover {
  background-color: #ffffff;
}

#tracksMobile.tracks-body .track-menu ul {
  width: 100%;
  margin-left: -10px;
}

#tracksMobile.tracks-body .track-menu .trackTab {
  max-width: 360px;
}

/*breakpoints*/

/*don't scale over 1920px*/
@media (min-width: 1940px) {
  .tracks-header-background .header-img-background {
    background-size: contain;
  }
}

@media (max-width: 1200px) {
  .tracks-header-background .header-img-background {
    background-size: cover !important;
    background-image: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/tracks%20page768%20-%20TABLET-2_1634918262511001YKlZ.png) !important;
  }

  .tracks-header {
    padding-left: 30px;
    padding-right: 30px;
  }

  /*DEC-577 fix*/
  #tracksMobile.tracks-body .track-menu ul{
    margin-left: 0px;
  }
}

@media (max-width: 500px) {
  .tracks-header h1 {
    font-size: 39px;
    line-height: 39px;
  }

  .tracks-header p {
    font-size: 21px;
    line-height: 27px;
  }

  .tracks-body .track-menu ul li {
    font-size: 16px;
    line-height: 21px;
  }

  .tracks-body .track h2 {
    font-size: 25px;
    line-height: 32px;
  }

  .tracks-body .track p {
    font-size: 14px;
    line-height: 20px;
  }

  .tracks-body .track h3 {
    font-size: 20px;
    line-height: 26px;
  }

  .tracks-body .track .indent p {
    font-size: 14px;
    line-height: 20px;
  }

  .tracks-header-background {
    background: linear-gradient(
      121deg,
      #93c939 -0.56%,
      #4fb81c 10.37%,
      #0076cb 32.21%,
      #0f46a7 97.22%
    );
  }

  .tracks-header-background .header-img-background {
    background-size: cover !important;
    background-image: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/tracks%20page320%20-%20MOBILE_1634918261749001Yyku.png) !important;
  }

  #tracksMobile {
    display: block;
  }
  #tracksDesktop {
    display: none;
  }
}

@media (max-width: 500px) {
  .tracks-header {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 350px) {
  .tracks-header h1 {
    font-size: 35px;
    line-height: 39px;
  }

  .tracks-header p {
    font-size: 19px;
    line-height: 25px;
  }

  .tracks-body .track-menu ul li {
    font-size: 12px;
    line-height: 20px;
  }

  .tracks-body .track h2 {
    font-size: 23px;
    line-height: 30px;
  }
}

/* End of tracks --------------------------------------------------- */

/* Learning Zone --------------------------------------------------- */
#learning-zone-container .container-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#learning-zone-container > div:nth-child(1) {
  background: white
    url("https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/discover-more-header-bg_1632860338013001ia6Q.png")
    no-repeat bottom right;
  height: 320px;
}
@media screen and (min-width: 767px) {
  #learning-zone-container > div:nth-child(1) {
    background-image: url("https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/Vector_1632865213062001FEiz.png");
  }
}
@media screen and (min-width: 1280px) {
  #learning-zone-container > div:nth-child(1) {
    height: 300px;
    background-image: url("https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/1920%20x%20300%20Banner_1633441168034001pRSB.png"),
      -webkit-gradient(linear, left top, right top, from(white), color-stop(80%, white), color-stop(81%, #0f46a7), to(#0f46a7));
    background-image: url("https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/1920%20x%20300%20Banner_1633441168034001pRSB.png"),
      linear-gradient(to right, white, white 80%, #0f46a7 81%, #0f46a7);
    background-position: center;
  }
}

#learning-zone-banner {
  position: relative;
  overflow: hidden;
  padding-bottom: 53px;
  max-width: 1280px;
}
@media screen and (min-width: 768px) {
  #learning-zone-banner {
    padding-left: 30px;
    align-self: flex-start;
    width: 100%;
    margin: auto;
  }
}
@media screen and (min-width: 1351px) {
  #learning-zone-banner {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 1150px) {
  #learning-zone-learn-more-section h1 {
    display: flex;
    justify-content: center;
  }
}

#learning-zone-banner img {
  position: absolute;
  left: 48%;
  height: 100%;
  width: 100%;
}
#learning-zone-banner h1 {
  font-size: 2.875rem;
  color: #0f46a7;
  margin-top: 3.063rem;
  margin-bottom: 1.438rem;
  font-weight: 700;
  line-height: 3.438rem;
}

#learning-zone-banner p {
  font-size: 1.313rem;
  color: #0f46a7;
  font-weight: 400;
  margin-bottom: 2.438rem;
  line-height: 1.688rem;
}

#learning-zone-banner a {
  width: 17.313rem;
  height: 2.5rem;
  color: #0076cb;
  font-size: 1rem;
  text-transform: uppercase;
  padding: 8px 25px;
  border: 1px solid #0076cb;
  font-weight: 500;
  background-color: #ffff;
}

#learning-zone-banner a:hover {
  text-decoration: none;
  color: #0076cb;
}
#learning-zone-container > div:nth-child(2) {
  background: linear-gradient(
    rgba(229, 229, 229, 0.73) 0%,
    rgba(229, 229, 229, 0.29) 13.02%,
    rgba(229, 229, 229, 0) 100%
  );
}
#learning-zone-container > div:nth-child(3) {
  background: #f8f8f8;
}
#learning-zone-container > div:nth-child(4) {
  background: #ffffff;
}
#learning-zone-container > div:nth-child(5) {
  background: #222222;
}
#learning-zone-container > div:nth-child(6) {
  background: #ffffff;
}

#learning-zone-learn-more-section h1 {
  margin-top: 5rem;
  font-weight: 400;
  font-size: 2.188rem;
  line-height: 2.625rem;
  margin-bottom: 1.188rem;
}

#learning-zone-learn-more-section > div {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

#learning-zone-learn-more-section > div > div > video {
  width: 38.75rem;
}

#learning-zone-learn-more-section > div > div:nth-child(1) {
  padding: 20px 20px 20px 0px;
}

#learning-zone-learn-more-section > div > div:nth-child(2) {
  padding: 20px 0px 20px 20px;
}

#learning-zone-learn-more-section > div > div:nth-child(1) > iframe {
  margin-right: 1.5rem;
}

#learning-zone-learn-more-section > div > div > p {
  margin-top: 1.125rem;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.313rem;
  width: 22.188rem;
}
#learning-zone-cert-section {
  margin-top: 5rem;
  height: 1128px;
}

#learning-zone-cert-section > div:nth-child(1) {
  display: flex;
  justify-content: center;
}

#learning-zone-cert-section > div:nth-child(1) > div:nth-child(1) {
  width: 57.188rem;
}

#learning-zone-cert-section > div:nth-child(1) h1 {
  font-size: 2.188rem;
  font-weight: 400;
  line-height: 2.625rem;
  text-align: left;
  margin-bottom: 1.875rem;
}

#learning-zone-cert-section > div:nth-child(1) > div:nth-child(2) {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 365px;
  height: 274px;
}
#learning-zone-cert-section > div:nth-child(1) > div:nth-child(2) > img {
  height: 150px;
  width: 200px;
}

#learning-zone-cert-section > div:nth-child(1) > div:nth-child(1) > ul > li {
  list-style: disc !important;
  margin-bottom: 0.625rem;
  margin-left: -1rem;
  margin-right: 0rem;
}

#learning-zone-cert-section > div:nth-child(2) {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2.563rem;
  justify-content: center;
  margin-right: 0px;
  margin-bottom: 2.813rem;
  width: 80rem;
}

#learning-zone-cert-section .learning-zone-card {
  height: 10.5rem;
  width: 38.938rem;
  border-radius: 0rem;
  padding: 1.25rem;
  padding-bottom: 1.875rem;
  background: #ffffff;
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px,
    rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  margin-right: 1.875rem;
  margin-bottom: 1.875rem;
}

#learning-zone-cert-section .learning-zone-card:nth-child(2n + 2) {
  margin-right: 0px;
}

#learning-zone-cert-section .learning-zone-card h4 {
  font-size: 1.313rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.688rem;
  letter-spacing: 0rem;
  text-align: left;
  margin-bottom: 1.25rem;
}

#learning-zone-cert-section .learning-zone-card p {
  font-size: 1rem;
  font-style: normal;
  font-weight: 390;
  line-height: 1.5rem;
  letter-spacing: 0rem;
  text-align: left;
}

#learning-zone-cert-stats-section {
  padding-top: 98.38px;
  padding-bottom: 80px;
}
#learning-zone-cert-stats-section > div:nth-child(1) {
  display: flex;
  justify-content: center;
}

#learning-zone-cert-stats-section > div:nth-child(1) > div:nth-child(1) > h1 {
  font-size: 35px;
  font-style: normal;
  font-weight: 400;
  line-height: 42px;
  letter-spacing: 0px;
  text-align: left;
  margin-bottom: 12px;
}

#learning-zone-cert-stats-section > div:nth-child(1) > div:nth-child(1) > p {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: left;
  height: 114px;
}

#learning-zone-cert-stats-section > div:nth-child(1) > div:nth-child(2) {
  width: 365px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#learning-zone-cert-stats-section > div:nth-child(1) > div:nth-child(2) > img {
  height: auto;
  width: 173px;
}

#learning-zone-cert-stats-section > div:nth-child(2) {
  margin-top: 30px;
  max-width: 1280px;
}

#learning-zone-cert-stats-section > div:nth-child(2) > h2 {
  font-size: 27px;
  font-style: normal;
  font-weight: 400;
  line-height: 35px;
  letter-spacing: 0px;
  text-align: left;
}

#learning-zone-cert-stats-section > div:nth-child(2) > div {
  margin-top: 32px;
  display: flex;
  justify-content: center;
}
#learning-zone-cert-stats-section > div:nth-child(2) > div > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 32px;
}

#learning-zone-cert-stats-section
  > div:nth-child(2)
  > div
  > div:not(:last-child) {
  margin-right: 309px;
}

#learning-zone-cert-stats-section
  > div:nth-child(2)
  > div
  > div
  > div:nth-child(1) {
  font-size: 59px;
  font-style: normal;
  font-weight: 700;
  line-height: 65px;
  letter-spacing: 0px;
  text-align: left;
  margin-bottom: 7px;
}

#learning-zone-cert-stats-section
  > div:nth-child(2)
  > div
  > div
  > div:nth-child(2) {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
}

#learning-zone-cert-stats-section
  > div:nth-child(2)
  > div
  > div:nth-child(1)
  > div:nth-child(1) {
  color: #4fb81c;
}

#learning-zone-cert-stats-section
  > div:nth-child(2)
  > div
  > div:nth-child(2)
  > div:nth-child(1) {
  color: #0076cb;
}

#learning-zone-cert-stats-section
  > div:nth-child(2)
  > div
  > div:nth-child(3)
  > div:nth-child(1) {
  color: #0f46a7;
}

#learning-zone-cert-stats-section > div:nth-child(2) > p {
  font-size: 12px;
  font-style: normal;
  font-weight: 390;
  line-height: 18px;
  letter-spacing: 0px;
  text-align: left;
}

#learning-zone-teched-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 80px;
}

#learning-zone-teched-section > div > div:nth-child(2) > img {
  height: 52px;
  width: 173px;
  border-radius: 0px;
  margin-bottom: 60px;
}
#learning-zone-teched-section > div {
  display: flex;
}
#learning-zone-teched-section > div > div:nth-child(1) {
  margin-right: 75px;
  margin-top: 112px;
}
#learning-zone-teched-section > div > div:nth-child(1) > img {
  height: 237px;
  width: 305px;
  border-radius: 0px;
}
#learning-zone-teched-section > div > div:nth-child(2) {
  max-width: 56.25rem;
}
#learning-zone-teched-section > div > div:nth-child(2) > h1 {
  font-size: 35px;
  font-style: normal;
  font-weight: 700;
  line-height: 42px;
  letter-spacing: 0px;
  text-align: left;
  color: #ffffff;
  margin-bottom: 36px;
}
#learning-zone-teched-section > div > div:nth-child(2) > a {
  border: none !important;
}
#learning-zone-teched-section > div > div:nth-child(2) > p {
  color: #ffffff;
}
#learning-zone-teched-section > div > div:nth-child(2) > p:nth-child(3) {
  font-size: 27px;
  font-style: normal;
  font-weight: 400;
  line-height: 35px;
  letter-spacing: 0px;
  text-align: left;
  margin-bottom: 48px;
}

#learning-zone-teched-section > div > div:nth-child(2) > p:nth-child(5) {
  margin-top: 56px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0px;
  text-align: left;
}

#learning-zone-teched-section > div > div:nth-child(2) > p:nth-child(6) {
  font-size: 14px;
  font-style: normal;
  font-weight: 390;
  line-height: 21px;
  letter-spacing: 0px;
  text-align: left;
}

#learning-zone-learning-section {
  display: flex;
  flex-direction: column;
  padding: 80px 0;
}
#learning-zone-learning-section > h1 {
  font-size: 35px;
  font-style: normal;
  font-weight: 400;
  line-height: 42px;
  letter-spacing: 0px;
  text-align: left;
  margin-bottom: 1rem;
  height: 77px;
}

#learning-zone-learning-section > div {
  display: flex;
}
#learning-zone-learning-section > div > div {
  max-width: 39.063rem;
}
#learning-zone-learning-section > div > div:nth-child(1) {
  margin-right: 30px;
}
#learning-zone-learning-section > div > div > img {
  height: auto;
  width: 39.063rem;
  border-radius: 0px;
}

#learning-zone-learning-section > div > div > h1 {
  font-size: 27px;
  font-style: normal;
  font-weight: 400;
  line-height: 35px;
  letter-spacing: 0px;
  text-align: left;
  margin-top: 20px;
}

#learning-zone-learning-section > div > div > p {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: left;
  margin-bottom: 12px;
}

#learning-zone-learning-section > div > div:nth-child(1) > p:nth-child(4) {
  margin-bottom: 25px;
}

#learning-zone-learning-section > div > div > a {
  color: #007db8;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: left;
}

/*slides*/
#learning-zone-cert-section #learning-zone-mobile-slider {
  display: none;
  margin: 40px 0px;
}

#learning-zone-cert-section #learning-zone-mobile-slider .splide__arrow {
  background: none;
}

#learning-zone-cert-section
  #learning-zone-mobile-slider
  .splide__pagination__page {
  background: rgba(15, 70, 167, 0.2);
}

/*remove the dots in the slides*/
#overview-sponsor-splide > ul li {
    list-style: none;
}

#learning-zone-cert-section
  #learning-zone-mobile-slider
  .splide__pagination__page.is-active {
  background: #0076cb;
}

#learning-zone-cert-section #learning-zone-mobile-slider .splide__slide > div {
  margin: 15px;
  display: flex;
  justify-content: center;
}

#learning-zone-cert-section
  #learning-zone-mobile-slider
  .learning-slide-shadow {
  flex-direction: column;
  justify-content: center;
  padding: 20px;
  box-shadow: 0px 0px 15px 0px #00000033;
  width: 224px;
  height: 319px;
}

#learning-zone-cert-section
  #learning-zone-mobile-slider
  .learning-slide-shadow
  h4 {
  font-size: 1.188rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #000000;
  margin-bottom: 20px;
}

#learning-zone-cert-section
  #learning-zone-mobile-slider
  .learning-slide-shadow
  p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #000000;
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 1280px) and (min-width: 500px) {
  #learning-zone-banner h1 {
    font-size: 2.188rem;
    line-height: 2.438rem;
  }

  #learning-zone-learn-more-section > div > div:nth-child(1) {
    padding: 20px 12px 20px 0px;
  }

  #learning-zone-learn-more-section > div > div:nth-child(2) {
    padding: 20px 0px 20px 12px;
  }

  #learning-zone-teched-section > div > div:nth-child(2) > h1 {
    line-height: 2.438rem;
  }

  #learning-zone-learning-section > div > div {
    max-width: 21.063rem;
  }

  #learning-zone-teched-section > div > div:nth-child(2) {
    max-width: 44rem;
  }

  #learning-zone-container .container-wrapper {
    justify-content: start;
    align-items: center;
  }
  #learning-zone-banner > div > p {
    width: 420px;
    font-size: 1.25rem;
    line-height: 1.5rem;
  }

  #learning-zone-banner > div > p > br {
    display: none;
  }

  #learning-zone-banner h1 {
    font-size: 2.438rem;
    width: 462px;
    margin-top: 2rem;
  }

  #learning-zone-container > div:nth-child(2) {
    margin-top: 0px;
  }

  #learning-zone-learn-more-section > h1 {
    font-size: 31px;
    line-height: 2.5rem;
  }

  #learning-zone-learn-more-section > div > div > p {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0px;
    text-align: left;
    max-width: 21.25rem;
  }

  #learning-zone-learn-more-section > div > div > video {
    width: 21.25rem;
  }

  #learning-zone-learn-more-section {
    height: auto;
    padding-bottom: 60px;
  }
  #learning-zone-cert-section {
    height: auto;
    padding-bottom: 60px;
  }

  #learning-zone-cert-section > div:nth-child(1) > div:nth-child(1) {
    width: 700px;
  }

  #learning-zone-cert-section .learning-zone-card {
    width: 337px;
    height: auto;
  }

  #learning-zone-cert-section > div:nth-child(1) h1 {
    font-size: 1.938rem;
    line-height: 2.5rem;
  }

  #learning-zone-cert-stats-section > div:nth-child(1) > div:nth-child(1) > h1 {
    font-size: 1.9rem;
    line-height: 2.5;
  }

  #learning-zone-cert-section > div:nth-child(1) > div:nth-child(2) {
    display: none;
  }

  #learning-zone-cert-section > div:nth-child(2) {
    margin-right: 0;
    max-width: 44rem;
  }

  #learning-zone-cert-section > div:nth-child(4) {
    margin-left: 0px;
  }

  #learning-zone-cert-stats-section > div:nth-child(2) > h2 {
    font-size: 1.563rem;
    line-height: 2rem;
  }

  #learning-zone-teched-section > div > div:nth-child(2) > p:nth-child(2) {
    font-size: 1.563rem;
    line-height: 2rem;
  }

  #learning-zone-cert-section > div:nth-child(3) {
    margin-left: 0;
  }

  #learning-zone-cert-stats-section {
    max-width: 44rem;
    padding-top: 69px;
  }

  #learning-zone-cert-stats-section
    > div:nth-child(1)
    > div:nth-child(2)
    > img {
    height: auto;
    width: 165.42999267578125px;
  }

  #learning-zone-cert-stats-section
    > div:nth-child(2)
    > div
    > div:not(:last-child) {
    margin-right: 74px;
  }

  #learning-zone-teched-section > div > div:nth-child(1) {
    display: none;
  }

  #learning-zone-learning-section {
    padding: 60px 0;
  }

  #learning-zone-learning-section > h1 {
    font-size: 1.9rem;
    line-height: 2.5;
  }

  #learning-zone-learning-section > div > div > img {
    width: 337px;
    height: auto;
  }

  #learning-zone-learning-section > div > div:nth-child(1) > h1 {
    margin-top: 20px;
    font-size: 1.563rem;
    line-height: 2rem;
  }
  #learning-zone-learning-section > div > div:nth-child(2) > h1 {
    font-size: 1.563rem;
    line-height: 2rem;
  }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 1200px) {
  #learning-zone-banner {
    min-width: 1120px;
  }

  #learning-zone-cert-stats-section > div:nth-child(1) > div:nth-child(1) {
    width: 915px;
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1275px) {
  #learning-zone-banner {
    min-width: 1120px;
  }
}

/* Small devices (portrait tablets and large phones, 768px and below) */
@media screen and (max-width: 500px) {
  #learning-zone-container > div:nth-child(1) {
    height: auto;
  }

  #learning-zone-banner {
    max-width: 18.5rem;
  }

  #learning-zone-learn-more-section > div > div > video {
    width: 18.5rem;
  }

  #learning-zone-learn-more-section > div > div:nth-child(1) {
    padding: 20px 0px 20px 0px;
  }

  #learning-zone-learn-more-section > div > div:nth-child(2) {
    padding: 20px 0px 20px 0px;
  }

  #learning-zone-learn-more-section,
  #learning-zone-cert-stats-section,
  #learning-zone-teched-section,
  #learning-zone-learning-section {
    max-width: 18.5rem;
  }

  #learning-zone-banner h1 {
    font-size: 2.188rem;
    line-height: 2.438rem;
  }
  #learning-zone-banner > div > p {
    width: 88%;
    font-size: 1.188rem;
    line-height: 1.5rem;
  }
  #learning-zone-learning-section > div {
    flex-direction: column;
  }

  #learning-zone-learn-more-section h1 {
    font-size: 1.688rem;
    line-height: 2rem;
  }

  #learning-zone-learn-more-section > div {
    flex-direction: column;
  }
  #learning-zone-learn-more-section > div > div > p {
    width: 296px;
    line-height: 1.25rem;
  }

  #learning-zone-cert-section {
    max-width: 18.5rem;
    height: 981px;
  }

  #learning-zone-cert-section #learning-zone-mobile-slider {
    display: block;
  }

  #learning-zone-cert-section > div:nth-child(1) h1 {
    font-size: 1.688rem;
    line-height: 2rem;
  }

  #learning-zone-cert-section > div:nth-child(2) {
    display: none;
  }
  #learning-zone-cert-section > div:nth-child(1) > div:nth-child(1) {
    width: 100%;
  }

  #learning-zone-cert-section > div:nth-child(4) {
    margin-left: 0px;
  }

  #learning-zone-cert-section > div:nth-child(4) a.primary-btn {
    width: 100%;
    display: block;
    text-align: center;
  }

  #learning-zone-cert-stats-section > div:nth-child(1) > div:nth-child(1) {
    margin-right: 0px;
  }

  #learning-zone-cert-stats-section > div:nth-child(1) > div:nth-child(1) > h1 {
    font-size: 1.688rem;
    line-height: 2rem;
  }

  #learning-zone-cert-stats-section > div:nth-child(1) > div:nth-child(2) {
    display: none;
  }

  #learning-zone-cert-stats-section > div:nth-child(2) > h2 {
    font-size: 1.438rem;
    line-height: 1.813rem;
  }

  #learning-zone-cert-stats-section > div:nth-child(2) > div {
    flex-direction: column;
  }

  #learning-zone-teched-section > div > div:nth-child(2) > h1 {
    font-size: 1.688rem;
    line-height: 2rem;
  }

  #learning-zone-teched-section
    > div:nth-child(2)
    > div:nth-child(2)
    > p:nth-child(2) {
    font-size: 1.438rem;
    line-height: 1.875rem;
  }

  #learning-zone-cert-stats-section
    > div:nth-child(2)
    > div
    > div:not(:last-child) {
    margin-left: auto;
    margin-right: auto;
  }
  #learning-zone-cert-stats-section
    > div:nth-child(2)
    > div
    > div
    > div:nth-child(2) {
    margin-left: auto;
    margin-right: auto;
  }

  #learning-zone-learning-section > h1 {
    font-size: 1.688rem;
    line-height: 2rem;
  }

  #learning-zone-learning-section > div > div > img {
    height: 184px;
    width: auto;
  }

  #learning-zone-learning-section > div > div > h1 {
    margin-top: 20px;
    font-size: 1.438rem;
    line-height: 1.875rem;
  }

  #learning-zone-learning-section > div > div:nth-child(1) {
    margin-bottom: 48px;
  }

  #learning-zone-cert-section > div:nth-child(1) > div:nth-child(2) {
    display: none;
  }
  #learning-zone-teched-section > div > div:nth-child(1) {
    display: none;
  }
}
/*ending learning zone*/
/* ------------------------------------------------------------------- */

/* attendee dashboard*/

/*sprinklr fix dec-545*/

.swe_post_footer_container .swe_post_meta_container .swe_post_date.swe_post_action {
  color:#000000 !important;
}

.swe_packery_simple.swe_embed .swe_post.swe_has_video .swe_post_image_container::after, 
.swe_packery_simple.swe_embed .swe_post_icon, 
.swe_packery_simple.swe_embed .swe_post_icon_arrow, 
.swe_packery_simple .swe_feed_selector .swe_post.swe_has_video .swe_post_image_container::after, 
.swe_packery_simple .swe_feed_selector .swe_post_icon, 
.swe_packery_simple .swe_feed_selector .swe_post_icon_arrow{
  font-family: swe_icon !important;
}

.swe_card .swe_post_icon_close {
  font-family: swe_icon !important;
}
.swe_post_meta_container .swe_post_date.swe_post_action {
  color: #fff !important;
}

/*sprinklr font fix*/

.attendee-header {
  background: linear-gradient(to right, #93c939 50%, #0f46a7 50%);
}

.attendee-header .flex-box-section-full-interior {
  padding: 0px;
  margin: 0px;
  max-width: 100%;
  width: 100%;
}

.attendee-header .header-img-background {
  background: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/attendee%20dashboard%201920%20-%20DESKTOP-3_1634845307760001Ot74.png);
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center;
  height: 150px;
  width: 100%;
  position: absolute;
  top: 0px;
  z-index: 1;
}

.attendee-header .attendee-header-container {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  height: 150px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.attendee-header .attendee-header-container .text {
  z-index: 3;
}

.attendee-header .attendee-header-container .text h1 {
  margin: 48px 0px;
  font-weight: 700;
  font-size: 46px;
  line-height: 55px;
  color: #ffffff;
}

.upcoming-sessions {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 40px auto;
  max-width: 1280px;
}

.upcoming-sessions .rf-card .card-header .card-header-title {
  font-size: 35px;
  font-weight: 400;
  line-height: 42px;
  color: #000000;
  white-space: pre-wrap;
  overflow: initial;
}

.upcoming-sessions .welcome-card {
  max-width: 356px;
  background-color: #ffffff;
  box-shadow: 0px 0px 15px rgb(0 0 0 / 20%);
  padding: 30px;
 /* margin-right: 30px; */
}

.upcoming-sessions .welcome-card h1 {
  font-size: 35px;
  line-height: 42px;
  font-weight: 400;
  color: #0f46a7;
  margin-bottom: 60px;
}

.upcoming-sessions .welcome-card p {
  font-size: 21px;
  line-height: 31px;
  font-weight: 400;
  color: #000000;
}


.upcoming-sessions .welcome-card .primary-btn {
  display: block;
  margin-bottom:10px;
  width:100%;
  max-width:296px;
  text-align:center;
}
.upcoming-sessions .welcome-card > div{
  margin-top: 66px;
}

/*my upcoming sessions card*/

.rf-tile-container .rf-tile .rf-tile-info {
  max-height: none;
  -webkit-line-clamp: 4;
}

.rf-tile .rf-tile-body .rf-tile-title {
  max-height: none;
}

.upcoming-sessions .rf-card .card-header {
  border: none;
  padding: 0px;
}

.upcoming-sessions .rf-card .card-body {
  margin-top: 30px;
  width: 100%;
  border: none;
  height: 500px;
}
@media screen and (min-width:1101px){
  .upcoming-sessions .rf-card .card-body{
    height:556px;
  }
}

.upcoming-sessions .rf-card .card-body:empty {
  height: auto;
}

.upcoming-sessions .rf-card .card-body .card-body-row {
  border: none;
  padding: 23px 30px;
  box-shadow: 0px 0px 15px rgb(0 0 0 / 20%);
  margin: 10px 10px 20px 10px;
}

.upcoming-sessions .rf-card .card-body .card-body-row span.rf-pill-purple {
  background-color: #35860d;
  border-color: #35860d;
  display: none;
}

.upcoming-sessions .rf-card .card-body .card-body-row h6 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #0076cb;
}

.upcoming-sessions .rf-card .card-body .card-body-row span.schedule-details {
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #000000;
}

.upcoming-sessions h3.card-header-title {
  font-size: 35px;
  line-height: 42px;
  font-weight: 400;
  color: #000000;
}

.upcoming-sessions .page-builder-display-reset .all-sessions-card a {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  max-width: 463px;
}

/* recommended sessions styling*/
#rf-sessionrecommendations .is-carousel {
  max-width: 1280px;
  margin: auto;
}

#rf-sessionrecommendations .is-carousel .carousel-actions {
  margin-top: 0px;
}

#rf-sessionrecommendations .is-carousel .rf-tile-container {
  max-width: 1280px;
  margin: 0px;
}

#rf-sessionrecommendations .is-carousel .rf-tile-container .rf-tile-wrapper {
  width: 356px;
  padding: 0;
  margin-right:24px;
}

#rf-sessionrecommendations .is-carousel .rf-tile-container .rf-tile {
  box-shadow: 0px 0px 15px 0px #00000033;
}

#rf-sessionrecommendations .is-carousel .carousel-header h4 {
  font-size: 35px;
  font-weight: 400;
  line-height: 42px;
}

.is-carousel .rf-tile-container .rf-tile {
  height: inherit;
}

.is-carousel .rf-tile-container .rf-tile .rf-tile-banner {
  padding-top: 50px;
  background: linear-gradient(
    98.53deg,
    #93c939 -6%,
    #4fb81c 20.06%,
    #0075ca 54.81%,
    #0760bb 75.66%,
    #0b51b0 98.24%,
    #0e49a9 126.04%,
    #0f46a7 167.74%
  );
}

.is-carousel .rf-tile .rf-tile-body .session-date-time {
  margin: 30px 0px 12px 0px;
}

.is-carousel
  .rf-tile-container
  .rf-tile
  .rf-tile-footer
  .favorite-catalog-result
  svg {
  fill: #0076cb;
}

.is-carousel .rf-tile-container .rf-tile .rf-tile-title a {
  font-size: 21px;
  font-weight: 400;
  color: #000000;
}

.is-carousel .rf-tile .rf-tile-body .session-date-time .session-date {
  font-size: 14px;
  font-weight: 400;
  color: #000000;
}

.is-carousel .rf-tile .rf-tile-body .session-date-time .session-time {
  font-size: 14px;
  font-weight: 400;
  color: #000000;
}

.is-carousel .rf-tile-container .rf-tile .rf-tile-info {
  font-size: 16px;
  font-weight: 400;
  color: #000000;
}

.is-carousel .session-schedule.session-action {
  background: #3391d5;
  border: 1px solid #ffffff;
  padding: 8px 25px;
  font-family: BentonSans, sans-serif;
  cursor: pointer;
  border-radius: 0px;
}

.is-carousel .session-schedule.session-action:hover {
  background-color: #065893;
  text-decoration: none;
}

.is-carousel .session-schedule.session-action span {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
}

#rf-sessionrecommendations .is-carousel .mdBtnR-outline-primary {
  width: fit-content;
  height: fit-content;
}

/*gamification styles*/

.gameification1 .container-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 60px;
  margin-bottom: 40px;
}

.gameification1 .container-flex .text-wrapper {
  width: 890px;
}

.gameification1 .container-flex .text-wrapper h1 {
  font-size: 35px;
  font-weight: 400;
  line-height: 42px;
  color: #000000;
  margin-bottom: 30px;
}

.gameification1 .container-flex .text-wrapper h2 {
  font-size: 27px;
  font-weight: 400;
  line-height: 35px;
  color: #000000;
  margin: 0px;
}

.gameification1 .container-flex .text-wrapper p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #000000;
}

.gameification1 .container-flex svg {
  width: 150px;
  height: 180px;
  margin: 23px 120px;
}

.tech-rover-trophycase .trophy-card-header.rfwf-game-card-header {
  display: none;
}

.tech-rover-trophycase .game-trophy-card.rfwf-game-card {
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  margin-bottom: 20px;
}

.tech-rover-trophycase .game-trophy-card .trophy-card-list {
  padding: 0px;
  width: 1280px;
  height: auto;
  justify-content: center;
}

.tech-rover-trophycase .game-trophy-card .trophy-card-list .trophy {
  width: 150px;
  height: 222px;
  max-width: none;
  margin: 0px 132px 0px 0px;
}

.tech-rover-trophycase .game-trophy-card .trophy-card-list .trophy:last-child {
  margin: 0px;
}

.tech-rover-trophycase .trophy .rf-tooltip-container img {
  width: 118px;
  height: auto;
}

.tech-rover-trophycase .game-trophy-card .trophy-card-list .trophy p {
  font-size: 21px;
  font-weight: 500;
  line-height: 31px;
  color: #000000;
}

.how-to-badges .container-flex {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.how-to-badges .container-flex > div:nth-of-type(1) {
  max-width: 1280px;
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
}
#game-slide-list {
  align-items: center;
}

.how-to-badges .badge-card a {
  color: #0f46a7;
}

.how-to-badges .container-flex > div:nth-of-type(1) .badge-card-content {
  background: #f8f8f8;
  box-shadow: 0px 0px 15px 0px #00000033;
}

.how-to-badges .container-flex > div:nth-of-type(2) {
  display: flex;
  flex-direction: row;
  margin-bottom: 24px;
}

.how-to-badges .container-flex .badge-card-content {
  padding: 24px;
}

.how-to-badges
  .container-flex
  > div:nth-of-type(1)
  .badge-card-content
  .badge-card {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.how-to-badges
  .container-flex
  > div:nth-of-type(1)
  .badge-card-content
  .badge-card
  > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 400px;
  justify-content: space-between;
}

.how-to-badges
  .container-flex
  > div:nth-of-type(1)
  .badge-card-content
  .badge-card
  > div
  > div {
  display: flex;
  flex-direction: column;
  width: 248px;
}

.how-to-badges
  .container-flex
  > div:nth-of-type(1)
  .badge-card-content
  .badge-card
  > div:not(:nth-last-child(1)) {
  margin-right: 20px;
}

.how-to-badges
  .container-flex
  > div:nth-of-type(1)
  .badge-card-content
  .badge-card
  > div:not(:nth-child(1)) {
  padding-left: 40px;
  border: solid #222222 1px;
  border-right: none;
  border-bottom: none;
  border-top: none;
}

.how-to-badges .container-flex > div:nth-of-type(2) .badge-card-content {
  width: 628px;
  height: 438px;
  background: #f8f8f8;
  box-shadow: 0px 0px 15px 0px #00000033;
}

.how-to-badges
  .container-flex
  > div:nth-of-type(2)
  .badge-card-content:nth-of-type(1) {
  margin-right: 24px;
}

.how-to-badges .container-flex > div:nth-of-type(3) {
  display: flex;
  flex-direction: row;
  margin-bottom: 60px;
}

.how-to-badges .container-flex > div:nth-of-type(3) .badge-card-content {
  width: 628px;
  height: auto;
  background: #f8f8f8;
  box-shadow: 0px 0px 15px 0px #00000033;
}

.how-to-badges
  .container-flex
  > div:nth-of-type(3)
  .badge-card-content:nth-of-type(1) {
  margin-right: 24px;
}

.how-to-badges .container-flex h1 {
  font-size: 21px;
  font-weight: 500;
  line-height: 31px;
  color: #000000;
}

.how-to-badges .container-flex .badge-card-content h1 {
  font-size: 27px;
  font-weight: 700;
  line-height: 35px;
  color: #000000;
}

.how-to-badges .container-flex .badge-card-content > p {
  margin-bottom: 10px;
}

.how-to-badges .container-flex .badge-card-content p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #000000;
  margin: 0px;
}

/*sessions seeker levels*/

#game-slide .ses-lvls {
  border: none;
}

#game-slide .beginner {
  border: none;
  flex-direction: column;
  padding: 0px;
  margin: 0px;
}

#game-slide .advanced {
  flex-direction: column;
  border: none;
  padding: 0px;
  margin: 0px;
}

#game-slide .expert {
  flex-direction: column;
  border: none;
  padding: 0px;
  margin: 0px;
}

#game-slide .ses-lvls span.active {
  padding-bottom: 8px;
}

#game-slide .beginner > div,
#game-slide .advanced > div,
#game-slide .expert > div {
  width: 248px;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

#game-slide .beginner > div > div,
#game-slide .advanced > div > div,
#game-slide .expert > div > div {
  width: 180px;
  display: flex;
  flex-direction: column;
}

#game-slide .beginner > div:not(:nth-last-child(1)),
#game-slide .advanced > div:not(:nth-last-child(1)),
#game-slide .expert > div:not(:nth-last-child(1)) {
  border-bottom: solid 1px #000000;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.badge-card-content .ses-lvls,
#game-slide .ses-lvls {
  margin-top: 10px;
}

.badge-card-content .ses-lvls span,
#game-slide .ses-lvls span {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #7f7f7f;
  margin-right: 20px;
  padding-bottom: 10px;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .badge-card-content .ses-lvls span,
  #game-slide .ses-lvls span {
    margin-bottom: 10px;
  }
}

.badge-card-content .ses-lvls span:hover,
#game-slide .ses-lvls span:hover {
  cursor: pointer;
}

.badge-card-content .ses-lvls span.active,
#game-slide .ses-lvls span.active {
  color: #000000;
  border-bottom: 2px solid #0f46a7;
  background-color: inherit;
}

.how-to-badges .container-flex > div:not(:nth-of-type(1)) .badge-card > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0px;
}

.how-to-badges
  .container-flex
  > div:not(:nth-of-type(1))
  .badge-card
  > div:not(:first-child) {
  margin-top: 10px;
}

.how-to-badges
  .container-flex
  > div:not(:nth-of-type(1))
  .badge-card
  > div:not(:nth-last-child(1)) {
  border-bottom: solid 1px #000000;
}

.how-to-badges .container-flex > div:not(:nth-of-type(1)) .badge-card p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #000000;
  margin: 0px;
}

.how-to-badges .badge-card a img {
  margin-left: 7px;
}

.how-to-badges .container-flex.gamificationSlide {
  display: none;
}

.how-to-badges .container-flex.gamificationSlide > h1 {
  width: 296px;
}

.how-to-badges .splide__pagination__page.is-active {
  background-color: #0076cb;
}

.how-to-badges #game-slide li.splide__slide > div {
  display: flex;
  align-items: center;
  justify-content: center;
}

.how-to-badges #game-slide li.splide__slide .nested-card {
  margin: 10px;
  box-shadow: 0px 0px 15px 0px #00000033;
  width: 296px;
  height: auto;
  background: #f8f8f8;
  padding: 24px;
  display: flex;
  flex-direction: column;
}

.splide__slide .nested-card > div,
.splide__slide .nested-card .beginner > div,
.splide__slide .nested-card .advanced > div,
.splide__slide .nested-card .expert > div {
  width: 248px;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.splide__slide .nested-card > div > div,
.splide__slide .nested-card .beginner > div > div,
.splide__slide .nested-card .advanced > div > div,
.splide__slide .nested-card .expert > div > div {
  width: 188px;
  display: flex;
  flex-direction: column;
}

.splide__slide .nested-card > div > div:first-of-type,
.splide__slide .nested-card .beginner > div > div:first-of-type,
.splide__slide .nested-card .advanced > div > div:first-of-type,
.splide__slide .nested-card .expert > div > div:first-of-type {
  margin-top: 10px;
}

.splide__slide .nested-card > div > div p,
.splide__slide .nested-card .beginner > div > div p,
.splide__slide .nested-card .advanced > div > div p,
.splide__slide .nested-card .expert > div > div p {
  margin: 0px;
}

.splide__slide .nested-card > div:not(:nth-last-child(1)),
.splide__slide .nested-card .beginner > div:not(:nth-last-child(1)),
.splide__slide .nested-card .advanced > div:not(:nth-last-child(1)),
.splide__slide .nested-card .expert > div:not(:nth-last-child(1)) {
  border-bottom: solid 1px #000000;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.splide__slide .nested-card img {
  vertical-align: inherit;
}

.splide__slide .nested-card h1 {
  font-size: 21px;
  font-weight: 700;
  line-height: 27px;
  color: #000000;
}

.splide__slide .nested-card p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 0px;
  color: #000000;
}

@media screen and (min-width: 768px) and (max-width: 1280px) {
  .gameification1 .container-flex .text-wrapper {
    width: 340px;
  }

  .gameification1 .container-flex svg {
    margin: 23px 110px;
  }

  .tech-rover-trophycase .trophy .rf-tooltip-container img {
    width: 78px;
    height: 100px;
  }

  .tech-rover-trophycase .game-trophy-card .trophy-card-list .trophy {
    margin: 0px 0px 0px 0px;
  }

  .tech-rover-trophycase .game-trophy-card .trophy-card-list .trophy p {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
  }

  .how-to-badges .container-flex > div:nth-of-type(1) {
    width: 704px;
    height: auto;
  }

  .how-to-badges
    .container-flex
    > div:nth-of-type(1)
    .badge-card-content
    .badge-card {
    margin-top: 10px;
  }

  .how-to-badges
    .container-flex
    > div:nth-of-type(1)
    .badge-card-content
    .badge-card
    > div {
    width: 191px;
    align-items: flex-start;
  }

  .how-to-badges
    .container-flex
    > div:nth-of-type(1)
    .badge-card-content
    .badge-card
    > div
    > div {
    width: 111px;
  }

  .how-to-badges
    .container-flex
    > div:nth-of-type(1)
    .badge-card-content
    .badge-card
    > div:not(:nth-child(1)) {
    padding-left: 20px;
  }

  .how-to-badges .container-flex > div:nth-of-type(2) .badge-card-content {
    width: 340px;
    height: auto;
  }

  .how-to-badges .container-flex > div:nth-of-type(3) .badge-card-content {
    width: 340px;
  }

  .badge-card > div > div {
    width: 222px;
  }

  /*font updates*/
  .gameification1 .container-flex .text-wrapper h1 {
    font-size: 31px;
    line-height: 40px;
  }

  .gameification1 .container-flex .text-wrapper h2 {
    font-size: 25px;
    line-height: 32px;
  }

  .how-to-badges .container-flex .badge-card-content h1 {
    font-size: 25px;
    line-height: 32px;
  }
}

@media screen and (max-width: 767px) {
  .splide-container {
    width: 320px;
  }
  /*font updates*/
  .gameification1 .container-flex .text-wrapper h1 {
    font-size: 27px;
    line-height: 32px;
  }

  .gameification1 .container-flex .text-wrapper h2 {
    font-size: 23px;
    line-height: 29px;
  }

  .how-to-badges .container-flex h1 {
    font-size: 19px;
    line-height: 28px;
  }

  .how-to-badges .container-flex .badge-card-content h1 {
    font-size: 21px;
    line-height: 27px;
  }

  .how-to-badges .container-flex.gamificationSlide {
    display: flex;
  }

  .gameification1 .container-flex {
    padding: 0px 10px;
    margin-bottom: 0px;
  }

  .gameification1 .container-flex .text-wrapper {
    width: 100%;
  }

  .gameification1 .container-flex svg {
    display: none;
  }

  .how-to-badges .container-flex {
    display: none;
  }

  .how-to-badges .container-flex.splide-container {
    display: block;
  }

  .tech-rover-trophycase .game-trophy-card .trophy-card-list .trophy {
    height: auto;
    width: 98px;
    margin: 0px 8px 0px 0px;
  }

  .tech-rover-trophycase .trophy .rf-tooltip-container img {
    width: 60px;
    height: 75px;
  }

  .tech-rover-trophycase .game-trophy-card .trophy-card-list .trophy p {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
  }
}

/*social media feed*/
.attendee-social-container {
  background: linear-gradient(
    180deg,
    #c4c4c4 -95.65%,
    #ffffff 20.71%,
    #ffffff 74.17%,
    #c4c4c4 206.25%
  );
}

.attendee-social {
  max-width: 1280px;
  margin: auto;
}

.attendee-social h1 {
  font-weight: 400;
  font-size: 35px;
  color: #000000;
  margin-bottom: 20px;
  margin-top: 60px;
}
#special-div
  > div
  > div
  > div.flex-box-section-full.attendee-social-container
  > div
  > div
  > div
  > div
  > div
  > div:nth-child(2)
  > p:nth-child(1) {
  font-size: 21px;
  line-height: 27px;
  margin-bottom: 5px;
}
#special-div
  > div
  > div
  > div.flex-box-section-full.attendee-social-container
  > div
  > div
  > div
  > div
  > div
  > div:nth-child(2)
  > p:nth-child(2) {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 5px;
}
#special-div
  > div
  > div
  > div.flex-box-section-full.attendee-social-container
  > div
  > div
  > div
  > div
  > div
  > div:nth-child(2)
  > div {
  margin-bottom: 20px;
}
#special-div
  > div
  > div
  > div.flex-box-section-full.attendee-social-container
  > div
  > div
  > div
  > div
  > div
  > div:nth-child(2)
  > div
  > div {
  display: inline-block;
  border-right: 1px solid black;
  padding-right: 10px;
}

#special-div
  > div
  > div
  > div.flex-box-section-full.attendee-social-container
  > div
  > div
  > div
  > div
  > div
  > div:nth-child(2)
  > div
  > div:nth-child(n + 2) {
  padding-left: 10px;
}
#special-div
  > div
  > div
  > div.flex-box-section-full.attendee-social-container
  > div
  > div
  > div
  > div
  > div
  > div:nth-child(2)
  > div
  > div:last-child {
  border-right: none;
}
#special-div
  > div
  > div
  > div.flex-box-section-full.attendee-social-container
  > div
  > div
  > div
  > div
  > div
  > div:nth-child(2)
  > div
  > div
  > img {
  width: 14px;
}

.attendee-social .social-card .social-card-header {
  width: 100%;
  background: linear-gradient(
    104.32deg,
    #93c939 1.68%,
    #4fb81c 7.58%,
    #0076cb 20.67%,
    #0f46a7 62.42%
  );
  padding: 18px 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
}

.attendee-social .social-card .social-card-header h2 {
  font-size: 21px;
  font-weight: 500;
  color: #ffffff;
  margin: 0px 24px 0px 0px;
}

.attendee-social .social-card .social-card-header img {
  margin-right: 24px;
  fill: #ffffff;
}

.attendee-social .social-feed-live {
  background: #c4c4c4;
  /*width: 1280px;*/
  height: 430px;
  margin-bottom: 100px;
  overflow-y: scroll;
  overflow-x: hidden;
}

@media (min-width: 1921px) {
  .attendee-header .header-img-background {
    background-size: contain;
  }
}
@media (min-width: 1100px) {
  .upcoming-sessions .welcome-card {
    margin-right: 40px;
  }
}
@media (min-width: 1280px) {
  #rf-sessionrecommendations .is-carousel {
    padding: 0;
  }
}

@media (max-width: 1280px) {
  .attendee-header .header-img-background {
    background: url("https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/attendee%201280_1633352385634001WSef.png");
  }

  .attendee-header .attendee-header-container .text h1 {
    padding: 0px 30px;
  }

  .upcoming-sessions {
    padding: 0px 30px;
  }

  .attendee-session-recommendations {
    padding: 0px 30px;
  }

  .attendee-social-container {
    padding: 0px 30px;
  }
}

@media (max-width: 1100px) {
  #rf-sessionrecommendations .is-carousel {
    /* width: 680px; */
    margin-top: 40px;
  }
  #rf-sessionrecommendations .is-carousel .rf-tile-container .rf-tile-wrapper {
    width: 340px;
  }

  .upcoming-sessions {
    flex-direction: column;
    /* margin: 0px 30px; */
  }

  .upcoming-sessions .all-sessions-card {
    margin-top: 72px;
    margin-left: 0px;
    margin-bottom: 72px;
  }

  .upcoming-sessions .welcome-card {
     /* margin-top: 40px; */
    max-width: 100%;
  }
  div.flex-box-section-full.upcoming-sessions
  > div
  > div
  > div.flex-box-child.rf-grid-layout-33,
div.flex-box-section-full.upcoming-sessions
  > div
  > div
  > div.flex-box-child.rf-grid-layout-66 {
  width: 100%;
}
}

@media (max-width: 768px) {
  .attendee-header {
    background: linear-gradient(
      114.44deg,
      #93c939 6.83%,
      #4fb81c 15.91%,
      #0075ca 31.64%,
      #0760bb 39.8%,
      #0b51b0 52.41%,
      #0e49a9 67.93%,
      #0f46a7 91.21%
    );
  }

  .attendee-header .header-img-background {
    background: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/attendee%20dashboard%20768%20-%20TABLET-3_1634845309036001O3Ty.png);
    background-size: cover !important;
  }

  .upcoming-sessions .welcome-card h1 {
    font-size: 31px;
    line-height: 40px;
  }

  .upcoming-sessions .welcome-card .primary-btn {
    margin-top: 0px;
  }

  .upcoming-sessions .rf-card .card-header .card-header-title {
    font-size: 31px;
    line-height: 40px;
  }

  #rf-sessionrecommendations .is-carousel .carousel-header h4 {
    font-size: 31px;
    line-height: 40px;   
    text-align: center;
  }

  #rf-sessionrecommendations
    .is-carousel
    .carousel-actions
    .carousel-action:first-of-type {
    margin-left: 0;
  }

  .attendee-social h1 {
    font-size: 31px;
    line-height: 40px;
  }

  #rf-sessionrecommendations .is-carousel .carousel-header {
    flex-direction: column;
  }

  #rf-sessionrecommendations .is-carousel {
    /* width: 280px; */
  }

  #rf-sessionrecommendations .is-carousel .carousel-mask{
    /* height: 430px; */
    /*DEC-554
    side note, do not forget container in rf page builder when going to prod
    custom-breakpoint-container
    */
  }

  #rf-sessionrecommendations .is-carousel .rf-tile-container .rf-tile-wrapper {
    width: 280px;
    /* height: 420px; */
  }

  .upcoming-sessions {
    flex-direction: column;
    /* margin: 0px 0px; */
  }

  .upcoming-sessions .all-sessions-card {
    margin-top: 30px;
  }

  .upcoming-sessions .welcome-card {
    margin-right: 0px;
    padding: 60px;
  }

  .attendee-header .attendee-header-container .text h1 {
    font-size: 35px;
    line-height: 39px;
  }
}

@media (max-width: 500px) {
  .attendee-header .header-img-background {
    background: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/Attendee%20Dashboard%20320%20-%20MOBILE-3_1634845308858001OlbH.png);
    background-size: cover !important;
  }

  .attendee-header .attendee-header-container .text h1 {
    padding: 0px 12px;
  }

  .upcoming-sessions {
    padding: 0px 12px;
  }

  .upcoming-sessions .welcome-card {
    padding: 20px;
  }

  .attendee-session-recommendations {
    padding: 0px 12px;
  }

  #rf-sessionrecommendations
    button.mdBtnR.mdBtnR-outline-primary.session-schedule.session-action
    span {
    font-size: 14px;
    font-weight: 400;
  }

  .attendee-social-container {
    padding: 0px 12px;
  }

  /*font changes*/
  .upcoming-sessions .welcome-card h1 {
    font-size: 27px;
    line-height: 32px;
  }

  .upcoming-sessions .welcome-card {
    font-size: 16px;
    line-height: 24px;
  }

  .upcoming-sessions .rf-card .card-header .card-header-title {
    font-size: 27px;
    line-height: 32px;
  }

  #rf-sessionrecommendations .is-carousel .carousel-header h4 {
    font-size: 27px;
    line-height: 32px;
  }

  .attendee-social h1 {
    font-size: 27px;
    line-height: 32px;
  }
}

@media (max-width: 350px) {
  .attendee-social .social-card .social-card-header img {
    margin: 10px 24px 0px 0px;
  }
}

/*
-----------------------------------------------------------------------
Targeted Agenda start
Apprently this is not a seperate page.... 
but comes from the show all button on the attendee dashbaord
*/

#rf-sessionrecommendations .rf-tile-container {
  max-width: 1280px;
  margin: 170px auto 110px auto;
}

#rf-sessionrecommendations .rf-tile-container .rf-tile .rf-tile-banner {
  padding-top: 44px;
  background: linear-gradient(
    98.53deg,
    #93c939 -6%,
    #4fb81c 20.06%,
    #0075ca 54.81%,
    #0760bb 75.66%,
    #0b51b0 98.24%,
    #0e49a9 126.04%,
    #0f46a7 167.74%
  );
}

#rf-sessionrecommendations
  .rf-tile-container
  .rf-tile
  .rf-tile-footer
  .favorite-catalog-result
  svg {
  fill: #0076cb;
}

#rf-sessionrecommendations .rf-tile-container .rf-tile .rf-tile-title a {
  font-size: 21px;
  font-weight: 400;
  line-height: 27px;
  color: #0076cb;
}

@media screen and (max-width: 1366px) {
  #rf-sessionrecommendations .rf-tile-container .rf-tile .rf-tile-title a {
    font-size: 14px;
  }
}

#rf-sessionrecommendations a.sessiondetailslink {
  color: #0076cb;
}

#rf-sessionrecommendations
  .rf-tile
  .rf-tile-body
  .session-date-time
  .session-date {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: #000000;
}

#rf-sessionrecommendations .rf-tile-container .rf-tile .rf-tile-info {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #000000;
}
#rf-sessionrecommendations .rf-tile-container .rf-tile p.rf-tile-info > *{
  display:none; /*removes weird nested p from a sessions button*/
}

#rf-sessionrecommendations .mdBtnR-outline-primary {
  background: #0076cb;
  border: 1px solid white;
  padding: 8px 25px;
  cursor: pointer;
  border-radius: 0%;
}

#rf-sessionrecommendations .mdBtnR-outline-primary:hover {
  background-color: #065893;
  color: #ffffff;
  text-decoration: none;
}

#rf-sessionrecommendations .mdBtnR .mdBtnR-text {
  font-weight: 500;
  color: white;
  text-transform: uppercase;
  font-size: 16px;
  font-family: BentonSans, sans-serif;
}

/*
Targeted Agenda end
-----------------------------------------------------------------------
*/

/*================================*/
/* DEC-17 (Sponsor Showcase)      */
/*================================*/

/*DEC-549 chat bubble color*/
.rf-chat.rf-fixed-chat .rf-chat-fab{
  background-color: #0076CB;
}

@media screen and (max-width: 768px) {
  .sap-container .rf-tile-container.exhibitor-tile-container {
    padding: 0 10px;
  }
  .sap-container
    #rf-exhibitorcatalog
    .search-container
    .search-content
    .section-title {
    padding: 0 10px;
  }
  .sap-container
    #rf-exhibitorcatalog
    .search-container.top-filters
    .top-search-content {
    padding: 0;
  }
}

@media screen and (min-width: 769px) {
  .sponsor-catalog-container.sap-container
    #rf-exhibitorcatalog
    .search-container.top-filters
    .search-content {
    padding: 10px;
  }
  #rf-exhibitorcatalog .search-container.top-filters .top-search-content {
    padding: 0;
  }
  .sponsor-catalog-container .rf-tile-container .rf-tile-wrapper {
    width: 33%;
  }
}

@media screen and (min-width: 913px) {
  /*gives margin to sponsor title to align to filters when no filters present*/
  div[data-test="empty-facet-values"] {
    margin-bottom: 50px;
  }
}
.sap-container
  .rf-tile-container
  .rf-tile
  .rf-tile-footer
  .favorite-catalog-result
  svg {
  fill: #007db8; /*Sponsor showcase heart icon color change*/
}

/*dec-258 page updates*/
.sap-container #rf-exhibitorcatalog .search-container.top-filters .search-bar {
  border-bottom: none;
  padding-top: 20px;
}
.sap-container
  #rf-exhibitorcatalog
  .search-container
  .search-bar
  .catalog-search
  .search-submit {
  background-color: #0091da;
  border-color: #0091da;
}
.sap-container
  #rf-exhibitorcatalog
  .search-container.top-filters
  .search-actions
  svg {
  fill: #717074;
  width: 24px;
}
.sap-container
  #rf-exhibitorcatalog
  .search-container
  .search-content
  .section-title {
  margin-top: 0;
}

.sap-container
  #rf-exhibitorcatalog
  .mdBtnR.mdBtnR-outline-primary.exhibitor-tile-view-booth
  span::after {
  content: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/arrow%20right_1632862952116001TYUL.svg);
  margin-left: 8px;
}
.sap-container #rf-exhibitorcatalog nav.search-filters {
  margin: 50px 20px 0 0;
}
.sap-container
  #rf-exhibitorcatalog
  .search-container.left-filters-search
  .search-filters
  .filters-header
  h2 {
  font-weight: 400;
  margin-top: 0;
}
.sap-container
  #rf-exhibitorcatalog
  nav.search-filters
  .filters
  .catalog-filter {
  font-weight: 400;
}
.sap-container
  #rf-exhibitorcatalog
  .search-container
  nav.search-filters
  .search-bar
  .catalog-search
  .rf-input
  input {
  border-radius: 0;
}
.sap-container
  #rf-exhibitorcatalog
  .search-container
  nav.search-filters
  .search-bar
  .catalog-search
  .search-submit {
  border-radius: 0;
}

@media screen and (min-width: 769px) {
  .sap-container .rf-tile-container .rf-tile-wrapper {
    width: 33%;
  }
}
/*fixes learn more + heart clipping */
@media screen and (min-width: 913px) and (max-width: 1024px) {
  .sap-container .rf-tile-container .rf-tile-wrapper {
    width: 50%;
  }
}

.sap-container
  #rf-exhibitorcatalog
  .mdBtnR.mdBtnR-outline-primary.exhibitor-tile-view-booth {
  background: #0076cb;
  border: 1px solid white;
  padding: 8px 25px;
  cursor: pointer;
}
.sap-container
  #rf-exhibitorcatalog
  .mdBtnR.mdBtnR-outline-primary
  .mdBtnR-text {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 16px;
  color: white;
}
.sap-container
  #rf-exhibitorcatalog
  .mdBtnR.mdBtnR-outline-primary.exhibitor-tile-view-booth:hover {
  background-color: #065893;
}
.sap-container
  #rf-exhibitorcatalog
  .mdBtnR.mdBtnR-outline-primary
  .mdBtnR-text:hover {
  color: #ffffff;
  text-decoration: none;
}
@media (max-width: 500px) {
  .sap-container
    #rf-exhibitorcatalog
    .mdBtnR.mdBtnR-outline-primary
    .mdBtnR-text {
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
  }
}
.sponsor-showcase-header {
  background: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/Main_1633187949112001wqFL.png),
    linear-gradient(
      114.75deg,
      #93c939 1.72%,
      #4fb81c 15.92%,
      #0075ca 25.77%,
      #0f46a7 46.84%
    );
}
.sponsor-showcase-header-wrapper {
  display: flex;
  height: 150px;
  align-items: center;
}
.sponsor-showcase-header-wrapper h1 {
  color: white;
  font-size: 46px;
  line-height: 55px;
  font-weight: 700;
}
.sponsor-showcase-header-wrapper {
  max-width: 1280px;
  margin: auto;
}
.sap-container
  #rf-exhibitorcatalog
  .search-container.top-filters
  .search-content {
 /* padding: 10px; */
  max-width: 1280px;
}
.sap-container #rf-exhibitorcatalog .search-container .total-results-count {
  display: none;
}
.sap-container #rf-exhibitorcatalog {
  background-color: white;
}

#rf-exhibitorcatalog {
  /*DEC-351*/
  overflow: initial;
}

#rf-exhibitorcatalog .search-container {
  max-width: 1280px;
  margin: 0px;
}

#rf-exhibitorcatalog .search-container::before {
  display: none;
}

#rf-exhibitorcatalog .search-container::after {
  display: none;
}

.sap-container #rf-exhibitorcatalog .search-container .search-content {
  max-width: 980px;
  padding: 0px;
  margin: auto;
}
.sap-container
  #rf-exhibitorcatalog
  .search-container
  .search-content
  .section-title {
  margin-bottom: 30px;
  font-size: 27px;
  line-height: 32.4px;
  font-weight: 400;
  color: black;
}
@media screen and (min-width: 768px) {
  .sap-container
    #rf-exhibitorcatalog
    .search-container
    .search-content
    .section-title {
    font-size: 31.25px;
    line-height: 40.62px;
  }
}
@media screen and (min-width: 1280px) {
  .sap-container
    #rf-exhibitorcatalog
    .search-container
    .search-content
    .section-title {
    font-size: 35px;
    line-height: 42px;
  }
}

.sap-container
  #rf-exhibitorcatalog
  .search-container
  .exhibitor-tile-container
  .rf-tile-body::before {
  color: white;
  background-color: #0f46a7;
  border-radius: 100px;
  margin: 10px 0px;
  margin-left: 10px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
}
.sap-container
  #rf-exhibitorcatalog
  .search-container
  .exhibitor-tile-container:first-of-type
  .rf-tile-body::before {
  content: "PREMIER";
}
.sap-container
  #rf-exhibitorcatalog
  .search-container
  .exhibitor-tile-container:last-of-type
  .rf-tile-body::before {
  content: "SELECT";
}
.sap-container
  #rf-exhibitorcatalog
  .search-container
  .exhibitor-tile-container
  .rf-tile-title {
  margin-top: 20px;
  margin-left: 10px;
}
.sap-container
  #rf-exhibitorcatalog
  .search-container
  .exhibitor-tile-container
  .rf-tile-title
  a {
  font-size: 21px;
  font-weight: 400;
  line-height: 27px;
  color: black;
}

/*old_stuff*/
.sap-sponsor-showcase-container:first-of-type {
  background: linear-gradient(
    112.62deg,
    #93c939 -1.19%,
    #4fb81c 17.64%,
    #0075ca 34.3%,
    #0f46a7 86.78%
  );
}
.sap-sponsor-showcase-container .hero-banner h3 {
  color: white;
  font-size: 35px;
  line-height: 39px;
  font-weight: 700;
  margin: 36px 0;
}
.sap-sponsor-showcase-container .catalog-search button {
  background-color: #0091da;
  border-color: #0091da;
}
.sap-sponsor-showcase-container .search-actions svg {
  fill: #717074;
  width: 20px;
}
.sap-sponsor-showcase-container
  #rf-exhibitorcatalog
  .search-container.top-filters
  .search-bar {
  border-bottom: none;
  padding: 20px 0;
}
.sap-sponsor-showcase-container .main-content {
  background-color: white;
}
/*================================*/
/* END DEC-17 (Sponsor Showcase)  */
/*================================*/

/*================================*/
/* DEC-20 (Discover More Page)    */
/*================================*/
.discover-more-header-section {
  background: white
    url("https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/discover-more-header-bg_1632860338013001ia6Q.png")
    no-repeat bottom right;
  height: 320px;
}

.discover-more-header-section .discover-more-header-container {
  padding: 0 20px;
  margin-top: 37px;
  color: #0f46a7;
}

.discover-more-header-section .discover-more-header-container h1 {
  margin-bottom: 23px;
  color: inherit;
  font-size: 35px;
  line-height: 39px;
  font-weight: 700;
}

.discover-more-header-section .discover-more-header-container p {
  color: inherit;
  max-width: 248px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
#free-start-section {
  padding: 30px 32px;
}
#free-start-icon {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}
#free-start-icon > img {
  width: 160px;
  height: auto;
}
#free-start-text * {
  color: white;
}
#free-start-text > h1 {
  font-size: 27px;
  line-height: 32.4px;
  font-weight: 400;
  margin-bottom: 5px;
}
#free-start-text > p {
  font-size: 19px;
  line-height: 24.7px;
  margin-bottom: 20px;
}
#free-start-text > a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #0076cb;
  width: 178px;
  height: 40px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500px;
}

@media screen and (min-width: 768px) {
  .discover-more-header-section {
    background-image: url("https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/Vector_1632865213062001FEiz.png");
  }
  .discover-more-header-section .discover-more-header-container {
    padding: 0 32px;
    margin-top: 51px;
  }
  .discover-more-header-section .discover-more-header-container h1 {
    font-size: 39px;
    line-height: 39px;
    font-weight: 700;
  }
  .discover-more-header-section .discover-more-header-container p {
    max-width: 434px;
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
  }

  .sap-container
    #rf-exhibitorcatalog
    .search-container.top-filters
    .search-content {
    /* padding: 30px; */
  }
  #free-start-icon {
    display: block;
  }
  #free-start-icon > img {
    width: 200px;
    height: auto;
  }
  #free-start-text > h1 {
    font-size: 31.25px;
    line-height: 40.5px;
  }
  #free-start-text > p {
    font-size: 20px;
    line-height: 26px;
  }
}

@media screen and (min-width: 1280px) {
  .discover-more-header-section {
    height: 300px;
    background-image: url("https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/1920%20x%20300%20Banner_1633441168034001pRSB.png"),
      -webkit-gradient(linear, left top, right top, from(white), color-stop(80%, white), color-stop(81%, #0f46a7), to(#0f46a7));
    background-image: url("https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/1920%20x%20300%20Banner_1633441168034001pRSB.png"),
      linear-gradient(to right, white, white 80%, #0f46a7 81%, #0f46a7);
    background-position: center;
  }
  .discover-more-header-section .discover-more-header-container {
    padding: 0 30px;
    margin-top: 60px;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
  }
  .discover-more-header-section .discover-more-header-container h1 {
    font-size: 46px;
    line-height: 55px;
    font-weight: 700;
  }
  .discover-more-header-section .discover-more-header-container p {
    max-width: 560px;
    font-size: 21px;
    line-height: 27px;
    font-weight: 400;
  }

  .sap-container
    #rf-exhibitorcatalog
    .search-container.top-filters
    .search-content {
    padding: 0px;
  }  
  #free-start-section {
    display: flex;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }
  #free-start-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    flex-basis: 33.3333%;
  }
  #free-start-icon > img {
    width: 225px;
    height: auto;
  }
  #free-start-text > h1 {
    font-size: 35px;
    line-height: 42px;
  }
  #free-start-text > p {
    font-size: 21px;
    line-height: 27px;
  }
}

@media screen and (min-width: 1351px) {
  .discover-more-header-section .discover-more-header-container {
    padding: 0;
  }
}

.discover-more-bg-grey {
  background-color: #3c3c3c;
}

.discover-more-bg-grey #discover-more-devtober {
  padding-top: 35px;
}

.discover-more-bg-grey #discover-more-devtober .devtober-logo-container {
  text-align: center;
  margin-bottom: 40px;
}

.discover-more-bg-grey #discover-more-devtober .devtober-logo-container img {
  height: 261px !important;
  width: 261px !important;
}

.discover-more-bg-grey #discover-more-devtober .devtober-header-container {
  padding: 0 32px;
  color: white;
}

.discover-more-bg-grey #discover-more-devtober .devtober-header-container h1 {
  color: inherit;
  margin-bottom: 5px;
  font-size: 27px;
  line-height: 32.4px;
  font-weight: 400;
}

.discover-more-bg-grey
  #discover-more-devtober
  .devtober-header-container
  h1
  + p {
  font-size: 19px;
  line-height: 24.7px;
  font-weight: 400;
}

.discover-more-bg-grey #discover-more-devtober .devtober-header-container p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: inherit;
  margin-bottom: 10px;
}
.discover-more-bg-grey
  #discover-more-devtober
  .devtober-header-container
  > p:last-of-type {
  margin-top: 10px;
  margin-bottom: 0;
}

.discover-more-bg-grey #discover-more-devtober .devtober-header-container p a {
  color: #93c939;
  text-decoration: none;
}

.discover-more-bg-grey #discover-more-devtober .devtober-header-container ul {
  padding-left: inherit;
}

.discover-more-bg-grey
  #discover-more-devtober
  .devtober-header-container
  ul
  li {
  color: white;
  list-style: disc;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 10px;
}

.discover-more-bg-grey
  #discover-more-devtober
  .devtober-header-container
  ul
  li:last-of-type {
  margin-bottom: 0;
}

.discover-more-bg-grey
  #discover-more-devtober
  .devtober-header-container
  ul
  li
  span {
  font-weight: 500;
}

.discover-more-bg-grey
  #discover-more-devtober
  .devtober-header-container
  .click-for-details-btn {
  padding: 8px 24px;
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 29px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  background-color: #0076cb;
}

.discover-more-bg-grey
  #discover-more-devtober
  .devtober-header-container
  .click-for-details-btn
  a {
  color: white;
}

@media screen and (min-width: 768px) {
  .discover-more-bg-grey #discover-more-devtober {
    padding-top: 55px;
  }
  .discover-more-bg-grey #discover-more-devtober .devtober-header-container h1 {
    font-size: 31px;
    line-height: 40.62px;
    font-weight: 400;
  }
  .discover-more-bg-grey
    #discover-more-devtober
    .devtober-header-container
    h1
    + p {
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
  }
  .discover-more-bg-grey #discover-more-devtober .devtober-header-container p {
    font-size: 16px;
    line-height: 22.4px;
    font-weight: 400;
  }
  .discover-more-bg-grey
    #discover-more-devtober
    .devtober-header-container
    .click-for-details-btn {
    padding: 8px 25px;
    display: inline-block;
    margin-bottom: 40px;
  }
}

@media screen and (min-width: 1024px) {
  .discover-more-bg-grey #discover-more-devtober {
    padding-top: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
  }
  .discover-more-bg-grey #discover-more-devtober .devtober-logo-container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .discover-more-bg-grey #discover-more-devtober .devtober-header-container {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    padding: 0;
    padding-right: 30px;
  }
  .discover-more-bg-grey #discover-more-devtober .devtober-header-container h1 {
    font-size: 35px;
    line-height: 42px;
    font-weight: 400;
  }
  .discover-more-bg-grey
    #discover-more-devtober
    .devtober-header-container
    h1
    + p {
    font-size: 21px;
    line-height: 27px;
    font-weight: 400;
  }
  .discover-more-bg-grey #discover-more-devtober .devtober-header-container ul {
    padding-left: 32px;
  }
  .discover-more-bg-grey
    #discover-more-devtober
    .devtober-header-container
    .click-for-details-btn {
    margin-bottom: 74px;
  }
}

.discover-more-section {
  background-color: #f8f8f8;
  padding: 0 12px;
}

.discover-more-section:nth-child(3) {
  padding-top: 40px;
}

.discover-more-section:nth-child(5) {
  padding-bottom: 20px;
}

.discover-more-section .discover-more-card {
  background-color: white;
  padding: 30px 10px 10px;
  margin-bottom: 27px;
  color: black;
}

.discover-more-section .discover-more-card h1 {
  color: inherit;
  font-size: 19px;
  line-height: 24.7px;
  font-weight: 400;
  margin: 20px 0;
}

.discover-more-section .discover-more-card p {
  color: inherit;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 10px;
}

.discover-more-section .discover-more-card a {
  text-decoration: none;
  color: #0076cb;
}

.discover-more-section .discover-more-card ul {
  padding-left: inherit;
  margin-top: 20px;
  margin-left: 15px;
}

.discover-more-section .discover-more-card ul li {
  color: black;
  list-style: disc;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 10px;
}

.discover-more-section .discover-more-card strong {
  font-weight: 500 !important;
}

.discover-more-section .discover-more-card em {
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  display: inline-block;
}

.discover-more-section .discover-more-card > div {
  display: block;
}

.discover-more-section .discover-more-card > div a {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 20px;
  color: #0076cb;
  display: inline-block;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.discover-more-section .discover-more-card > div img {
  margin-left: 5px;
}

.discover-more-section .discover-more-card > div:first-of-type {
  margin-top: 40px;
}

@media screen and (min-width: 768px) {
  .discover-more-section {
    padding: 0 32px;
  }
  .discover-more-section:nth-child(3) {
    padding-top: 80px;
  }
  .discover-more-section .discover-more-card {
    padding: 30px 40px 0px 40px;
  }
  .discover-more-section .discover-more-card h1 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
    margin: 20px 0;
  }
  .discover-more-section .discover-more-card p {
    color: inherit;
    font-size: 16px;
    line-height: 22.4px;
    font-weight: 400;
  }
  .discover-more-section .discover-more-card > div a {
    text-decoration: none;
    color: #0076cb;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .discover-more-section .discover-more-card > div img {
    margin-left: 10px;
  }
  .discover-more-section .discover-more-card ul {
    margin-left: 0;
  }
}

@media screen and (min-width: 1280px) {
  .discover-more-section .discover-more-card-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
  }
  .discover-more-section .discover-more-card-container .discover-more-card {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 20px;
    padding: 30px 40px 40px;
  }
  .discover-more-section
    .discover-more-card-container
    .discover-more-card:first-of-type {
    margin-left: 0;
    margin-right: 13px;
  }
  .discover-more-section
    .discover-more-card-container
    .discover-more-card:last-of-type {
    margin-right: 0;
    margin-left: 13px;
  }
  .discover-more-section .discover-more-card-container .discover-more-card h1 {
    font-size: 21px;
    line-height: 27px;
    font-weight: 400;
    margin: 20px 0;
  }
  .discover-more-section .discover-more-card-container .discover-more-card p {
    color: inherit;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
  }
  .discover-more-section .discover-more-card-container .discover-more-card a {
    text-decoration: none;
    color: #0076cb;
  }
}

@media screen and (min-width: 1351px) {
  .discover-more-section .discover-more-card-container {
    padding: 0;
  }
}
/*================================*/
/* END DEC-20 (Discover More Page)*/
/*================================*/

/*
=================================================
Expert playlist
*/

/*expert playlist splide img style*/
#dashboard-expert-sessions-splide img{
  width: 100%;
}
/*expert playlist splide img style*/

.expert-playlist-header {
  background-color: #93c939;
}

.expert-playlist-header .flex-box-section-full-interior {
  padding: 0px;
  margin: 0px;
  max-width: 100%;
  width: 100%;
}

.expert-playlist-header .playlist-header-container {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  height: 150px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.expert-playlist-header .header-img-background {
  background: url("https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/AttendeeDashboard_16327556512010014Y4b.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 150px;
  width: 100%;
  position: absolute;
  top: -1px;
  z-index: 1;
}

.expert-playlist-header .playlist-header-container .text {
  z-index: 3;
}

.expert-playlist-header .playlist-header-container .text h1 {
  margin: 48px 0px;
  font-weight: 700;
  font-size: 46px;
  line-height: 55px;
  color: #ffffff;
}
@media (max-width: 768px) {
  .expert-playlist-header .playlist-header-container .text h1 {
    font-size: 39px;
    line-height: 43px;
  }
}
@media (max-width: 330px) {
  .expert-playlist-header .playlist-header-container .text h1 {
    font-size: 35px;
    line-height: 39px;
  }
}

/*
=================================================
End expert playlist
*/

/*================================*/
/* DEC-22 (Home/Overview Page)    */
/*================================*/

/*DEC-586 styles for upskill*/
.flex-box-section-full.home-overview-video-slide1 {
  background: linear-gradient(360deg, rgba(229, 229, 229, 0.73) 0%, rgba(229, 229, 229, 0.29) 13.02%, rgba(229, 229, 229, 0) 100%)
}
#overview-post-event {
  margin: 95px 0px 87px 0px;
}

#overview-post-event p{
font-size: 21px;
font-weight: 400;
line-height: 31px;
color:#000000;
}

#overview-post-event h1{
font-size: 27px;
font-weight: 700;
line-height: 35px;
color:#000000;
}

#overview-post-event {
  display: flex;
  justify-content: center;
  align-items: center;
 }
 
#overview-post-event .video iframe{
  width:663px;
  aspect-ratio: 16 / 9;
}

#overview-post-event #video-text{
  width: 547px;
  margin-left:70px;
}

#overview-post-event #video-text > div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

#overview-post-event #video-text > div h1 {
  /* width: 180px; */
  margin-top: 30px;
}

#overview-post-event #video-text > div img{
  width: 78px;
  height: 78px;
}

#overview-post-event #video-text > img:last-of-type{
  width: 547px;
}

.homepage-overview-header{
  background: linear-gradient(138.37deg, #93C939 1%, #4FB81C 12.6%, #0076CB 31.65%, #0F46A7 63.94%);
}

#ho-video-splide .splide__pagination{
  position: absolute !important;
}

@media (max-width:1280px){
  #overview-post-event{
    flex-direction: column;
  }

  #overview-post-event #video-text{
    margin: 67px 0px 0px 0px;
    width: 663px;
  }

  #overview-post-event #video-text > div{
    align-items: center;
  }

  #overview-post-event #video-text > div h1{
    width: fit-content;
    margin: 0px;
  }

  #overview-post-event #video-text > img:last-of-type{
    width: 663px;
  }

  #overview-post-event h1{
    font-size: 27px;
    line-height: 35px;
  }

  #overview-post-event p{
    font-size: 21px;
    line-height: 31px;
  }
}

@media (max-width:500px){
  #overview-post-event .video iframe{
    width: 296px;
  }

  #overview-post-event #video-text{
    width: 291px;
  }
  #overview-post-event #video-text > img:last-of-type{
    width: 291px;
  }

  #overview-post-event h1{
    font-size: 21px;
    line-height: 27px;
  }

  #overview-post-event p{
    font-size: 19px;
    line-height: 28px;
  }
}

#ho-video-splide-list > li{
  height:360px;
}
#ho-video-splide-list > li > div{
  max-width: 1280px;
  margin: 0 auto;
  padding-top: 50.7px;
  padding-left: 30px;
}
#ho-video-splide-list > li > div > div {
  display: none;
}
#ho-video-splide-list > li > div > h1{
  color: white;
  font-size:39px;
  line-height:39px;
  font-weight:700;
}
#ho-video-splide-list > li > div > a{
  width:175px;
  height:40px;
  font-size:16px;
  line-height:24px;
  font-weight:500;
}
#ho-video-splide-slide02 > div > h1:nth-child(1){
  margin-bottom:0;
}

@media screen and (min-width: 768px) {
  #overview-sponsor-splide {
    margin: 82.5px auto;
  }
  
  #ho-video-splide-list > li{
    height:400px;
    background-size:cover;
    background-position:center;
  }
  #ho-video-splide-slide01{
    background-image: url("https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/Executive_Keynote_Banner_Tablet_1637199994084001Edh4.png");
  }
  #ho-video-splide-slide01 > div,
  #ho-video-splide-slide02 > div {
    padding-left: 30px !important;
  }
  #ho-video-splide-slide01 > div > div {
    display: none;
  }
  #ho-video-splide-list > li > div{
    padding-top:90.7px !important;
  }
  #ho-video-splide-slide02{
    background-image: url("https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/Developer_Keynote_Banner_Tablet_1637199993320001EU2w.png");
  }
}
@media screen and (min-width: 1280px) {
  #overview-sponsor-splide {
    margin: 80px auto;
  }
  #ho-video-splide-list > li{
    height:500px;
  }
  #ho-video-splide-slide01 > div > div {
    display: block !important;
  }
  #ho-video-splide-list > li > div{
    padding-top:90.7px !important;
  }
  #ho-video-splide-slide01{
    background-image: url("https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/Executive_Keynote_Banner_Desktop.png_163719547240200192KV.png");
  }
  #ho-video-splide-slide02{
    background-image: url("https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/Developer_Keynote_Banner_Desktop_1637197290582001ABZB.png");
  }
}

@media screen and (min-width:1920px){
  #ho-video-splide-slide01{
    background-image: url("https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/Executive_Keynote_Banner_Desktop.png_163719547240200192KV.png");
    background: url("https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/Executive_Keynote_Banner_Desktop.png_163719547240200192KV.png"),
    linear-gradient(to right, #93c939, #93c939 48%, #0F46A7 50%, #0F46A7);
    background-repeat: no-repeat;
    background-size:contain!important;
  }
}

/*DEC-586 styles*/

/*DEC 294 sponsor carousel */
#overview-sponsor-splide {
  margin: 27.5px auto;
}

/*fixing rfthing img width inital issue*/
#overview-sponsor-splide img{
  width: 100%;
}
/*fixing rfthing img width inital issue*/

#overview-sponsor-splide .splide__pagination {
  margin-top: 20px;
}
@media screen and (min-width: 500px) {
/*   #ho-video-splide-slide01 > div > h1{
    display:none;
  }
  #ho-video-splide-slide01,
  #ho-video-splide-slide02{
    background-size:cover;
    background-position:center;
  }
  #ho-video-splide-slide01{
    background-image: url("https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/Executive_Keynote_Banner_Tablet_1637187768853001miiK.png");
  }
  #ho-video-splide-slide02{
    background-image: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/Executive_Keynote_Banner_Tablet_1637187768853001miiK.png);
  } */
}

#overview-sponsor-splide .splide__pagination__page {
  background: rgba(15, 70, 167, 0.4);
  width: 12px;
  height: 12px;
  margin: 0 7px;
}

#overview-sponsor-splide .splide__pagination__page.is-active {
  background: #0076cb;
}

.homepage-overview-header-container {
  background: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/session%20catalog320%20-%20MOBILE-3_1634916477167001vqAT.png);
  background-size: cover;
  height:600px;
}

.homepage-overview-header-container .homepage-overview-header {
  margin-top: 57px;
  padding: 0 12px;
}

.homepage-overview-header-container .homepage-overview-header > div {
  width: 267px;
  height: 163px;
  margin-bottom: 30px;
}

.homepage-overview-header-container .homepage-overview-header > div h1 {
  font-size: 35px;
  line-height: 39px;
  font-weight: 700;
  color: white;
  margin: 0;
}

.homepage-overview-header-container .homepage-overview-header p {
  margin-bottom: 30px;
  color: white;
}

.homepage-overview-header-container .homepage-overview-header p:first-of-type {
  font-size: 19px;
  line-height: 24.7px;
  font-weight: 400;
}

.homepage-overview-header-container
  .homepage-overview-header
  p:first-of-type
  + p {
  font-size: 21px;
  line-height: 27.3px;
  font-weight: 700;
  height: 68px;
}

.homepage-overview-header-container .homepage-overview-header a {
  text-align: center;
  padding: 8px 0;
  width: 296px;
  color: white;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
@media screen and (max-width: 500px) {
  .homepage-overview-header-container .homepage-overview-header a {
    margin: 0 auto 108px;
  }
}

@media screen and (min-width: 321px) {
  .homepage-overview-header-container .homepage-overview-header > div {
    width: 267px;
    height: 163px;
    margin-bottom: 0;
  }
  .homepage-overview-header-container .homepage-overview-header > div h1 {
    font-size: 35px;
    line-height: 39px;
    font-weight: 700;
    color: white;
  }
  .homepage-overview-header-container .homepage-overview-header p {
    margin-bottom: 0;
  }
  .homepage-overview-header-container
    .homepage-overview-header
    p:first-of-type {
    margin: 0;
  }
  .homepage-overview-header-container
    .homepage-overview-header
    p:first-of-type
    + p {
    font-size: 21px;
    line-height: 27.3px;
    font-weight: 700;
    margin: 23px 0 80px 0;
  }
}

@media screen and (min-width: 501px) {
  .homepage-overview-header-container .homepage-overview-header {
    margin-top: 109px;
    padding: 0 32px;
  }
  .homepage-overview-header-container .homepage-overview-header > div {
    width: auto;
    height: auto;
    margin-bottom: 20px;
  }
  .homepage-overview-header-container .homepage-overview-header > div h1 {
    font-size: 39px;
    line-height: 39px;
    font-weight: 700;
  }
  .homepage-overview-header-container .homepage-overview-header p {
    color: white;
  }
  .homepage-overview-header-container
    .homepage-overview-header
    p:first-of-type {
    max-width: 458px;
    margin: 0;
    font-size: 25px;
    line-height: 32.5px;
    font-weight: 400;
  }
  .homepage-overview-header-container
    .homepage-overview-header
    p:first-of-type
    + p {
    font-size: 25px;
    line-height: 32.5px;
    font-weight: 700;
    margin: 40px 0;
  }
  .homepage-overview-header-container .homepage-overview-header a {
    width: 117px;
    margin-bottom: 27px;
  }
}

@media screen and (min-width: 768px) {
  .homepage-overview-header-container {
    background-image: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/OverviewHome%20Banner%20bg%20768_1635171302155001Vx8x.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
}

@media screen and (min-width: 1280px) {
  .homepage-overview-header-container {
    background-image: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/overviewHome%20Banner%20bg%201920_1635171302416001VLQw.png);
    /* background-size: contain; */
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    position: relative;
    z-index: 1;
  }
  .homepage-overview-header-container .homepage-overview-header {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1351px) {
  .homepage-overview-header-container .homepage-overview-header {
    padding: 0;
  }
}

@media screen and (min-width: 1280px) {
  .homepage-overview-header-container .homepage-overview-header > div h1 {
    font-size: 59px;
    line-height: 65px;
    font-weight: 700;
    color: white;
    margin: 0;
  }
  .homepage-overview-header-container .homepage-overview-header p {
    color: white;
  }
  .homepage-overview-header-container
    .homepage-overview-header
    p:first-of-type {
    font-size: 27px;
    line-height: 35px;
    font-weight: 400;
    max-width: 608px;
  }
  .homepage-overview-header-container
    .homepage-overview-header
    p:first-of-type
    + p {
    font-size: 27px;
    line-height: 35px;
    font-weight: 700;
    height: auto;
  }
}

.homepage-overview-header #splide__slide__container{
  width:100%;
  background-color: #0076CB;
}
.homepage-overview-header #splide__slide__container .splide__slide{
  height:360px;
  background-image: url('https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/Anvil%20BGMobile_1658771786351001dqmB.png');
  background-repeat: no-repeat;
  background-position: right;
}

.homepage-overview-header #splide__slide__container .splide__slide .custom-breakpoint-container{
  display:flex;
  height: 100%;
  align-items: center;
}

.homepage-overview-header #splide__slide__container .splide__slide h1{
  color:white;
  font-weight:700; line-height: 39px; font-size:39px;
  margin-bottom:12px;
}
.homepage-overview-header #splide__slide__container .splide__slide h2{
  color:white;
  font-weight:700; line-height: 35px; font-size:25px;
  margin-bottom:12px;
}
.homepage-overview-header #splide__slide__container .splide__slide h3{
  color:white;
  font-weight:500; line-height: 35px; font-size:20px;
  margin-bottom:12px;
}
@media screen and (min-width:768px){
  .homepage-overview-header #splide__slide__container .splide__slide{
    height:300px;
    background-image: url('https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/Anvil%20BGTablet_1658771766942001Jjm5.png');
  }
  .homepage-overview-header #splide__slide__container .splide__slide h2{
    font-weight:700; line-height: 35px; font-size:25px;
    margin-bottom:0px;
  }
}
@media screen and (min-width:1280px){
  .homepage-overview-header #splide__slide__container .splide__slide{
    height:500px;
    background-image: url('https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/Anvil%20BGdesktop_1658770516556001dAtG.png');
  }
  .homepage-overview-header #splide__slide__container .splide__slide h1{
    line-height: 55px; font-size:59px;
    margin-bottom:24px;
  }
  .homepage-overview-header #splide__slide__container .splide__slide h2{
    font-weight:700; line-height: 35px; font-size:35px;
    margin-bottom:12px;
  }
  .homepage-overview-header #splide__slide__container .splide__slide h3{
    font-weight:500; line-height: 35px; font-size:27px;
    margin-bottom:24px;
  }
}

.homepage-overview-section-2 {
  padding-bottom: 50px;
}

.homepage-overview-section-2 .homepage-overview-section2-wrapper {
  margin-top: 34.5px;
  padding: 0 12px;
}

.homepage-overview-section-2
  .homepage-overview-section2-wrapper
  .overview-h1-wrapper {
  width: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

.homepage-overview-section-2 .homepage-overview-section2-wrapper > * {
  text-align: center;
  margin-bottom: 40px;
}

div.flex-box-section-full.homepage-overview-section-2
  > div
  > div
  > div
  > div
  > div
  > div
  > p:nth-child(1) {
  text-align: center;
}
#homepage-overview-section2-footnote{
  flex-basis: 100%;
}
#homepage-overview-section2-footnote > p{
  font-weight: 500;
}

.homepage-overview-section-2 .homepage-overview-section2-wrapper h1 {
  font-size: 16px;
  line-height: 21px;
  font-weight: 500;
}

.homepage-overview-section-2
  .homepage-overview-section2-wrapper
  .homepage-overview-section2-card-container
  img {
  margin-bottom: 50px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}

.homepage-overview-section-2
  .homepage-overview-section2-wrapper
  .homepage-overview-section2-card-container
  p:nth-child(2)
  a {
  font-size: 23px;
  line-height: 30px;
  font-weight: 400;
  color: #0076cb;
  margin-bottom: 10px;
  display: inline-block;
}

.featured-guests, .homepage-overview-section-3, .homepage-overview-section-5{
  display:none;
}

@media screen and (min-width: 768px) {
  .homepage-overview-section-2 {
    padding-bottom: 71px;
    padding: 0 32px;
  }
  .homepage-overview-section-2 .homepage-overview-section2-wrapper {
    padding: 0;
    margin-top: 66.5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .homepage-overview-section-2 .homepage-overview-section2-wrapper > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 10px;
  }
  .homepage-overview-section-2 .homepage-overview-section2-wrapper > div h1 {
    width: 100%;
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    max-width: 823px;
    margin: auto;
  }
  .homepage-overview-section-2
    .homepage-overview-section2-wrapper
    .homepage-overview-section2-card-container
    img {
    margin-bottom: 30px;
    margin-top: 0;
  }
  .homepage-overview-section-2
    .homepage-overview-section2-wrapper
    .homepage-overview-section2-card-container:last-of-type
    img {
    margin-bottom: 70px;
  }
}

@media screen and (min-width: 1024px) {
  .homepage-overview-section-2 .homepage-overview-section2-wrapper > div h1 {
    font-size: 27px;
    line-height: 35px;
    font-weight: 400;
  }
  .homepage-overview-section-2
    .homepage-overview-section2-wrapper
    .homepage-overview-section2-card-container
    p:nth-child(2) {
    font-size: 35px;
    line-height: 42px;
    font-weight: 400;
  }
  .homepage-overview-section-2
    .homepage-overview-section2-wrapper
    .homepage-overview-section2-card-container
    p:nth-child(3) {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
  }
}

@media screen and (min-width: 769px) {
  .homepage-overview-section-3 .homepage-overview-section3-text-container {
    margin-top: -60px;
    margin-left: 70px;
  }
}

@media screen and (min-width: 1032px) {
  .homepage-overview-section-3 .homepage-overview-section3-text-container {
    margin-top: 0px;
    margin-left: 97px;
  }
}

@media screen and (min-width: 1280px) {
  .homepage-overview-section-2 .homepage-overview-section2-wrapper {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
  }
  .homepage-overview-section-2
    .homepage-overview-section2-wrapper
    .homepage-overview-section2-card-container:last-of-type
    img {
    margin-bottom: 70px;
  }
  .homepage-overview-section-2
    .homepage-overview-section2-wrapper
    .homepage-overview-section2-card-container
    p:last-of-type {
    max-width: 269px;
    margin: auto;
  }
}

@media screen and (min-width: 1351px) {
  .homepage-overview-section-2 .homepage-overview-section2-wrapper {
    padding: 0;
  }
}

.homepage-overview-section-3 {
  padding-top: 34px;
  background-color: #222222;
  margin-top:75px;
}

.homepage-overview-section-3 > div > div {
  padding: 0 12px;
}

.homepage-overview-section-3 .homepage-overview-section3-text-container > * {
  margin-bottom: 25px;
}

.homepage-overview-section-3 .homepage-overview-section3-text-container h1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: linear-gradient(
    90.79deg,
    #93c939 4.14%,
    #4fb81c 11.91%,
    #0076cb 29.15%,
    #0f46a7 84.15%
  );
  background-size: 100% 5px;
  background-position: bottom;
  background-repeat: no-repeat;
  font-size: 21px;
  line-height: 27.3px;
  font-weight: 700;
  margin-top: 56px;
  color: white;
  margin-bottom: 25px;
  padding-bottom: 10px;
}

.homepage-overview-section-3 .homepage-overview-section3-text-container img {
  height: 60px !important;
  width: 60px !important;
}

.homepage-overview-section-3 .homepage-overview-section3-text-container p {
  color: white;
  font-size: 19px;
  line-height: 28.5px;
  font-weight: 400;
}

.homepage-overview-section-3 #learning-zone-learn-more-section {
  padding: 0;
}
.homepage-overview-section-3
  #learning-zone-learn-more-section
  > div
  > div
  > video {
  width: auto;
  max-width: 100%;
}

.homepage-overview-section-3
  #learning-zone-learn-more-section
  > div
  > div:nth-child(1) {
  padding: 0;
}

@media screen and (min-width: 768px) {
  .homepage-overview-section-3 {
    padding-top: 74px;
    padding-bottom:74px;
  }
  .homepage-overview-section-3 > div > div {
    padding: 0 32px;
  }
  .homepage-overview-section-3 .homepage-overview-section3-text-container h1 {
    font-size: 25px;
    line-height: 32.5px;
    font-weight: 700;
  }
  .homepage-overview-section-3 .homepage-overview-section3-text-container p {
    color: white;
    font-size: 21px;
    line-height: 31px;
    font-weight: 400;
  }
  .homepage-overview-section-3
    .homepage-overview-section3-text-container
    p:last-child {
    margin-bottom: 88px;
  }
}

@media screen and (min-width: 1024px) {
  .homepage-overview-section-3 {
    padding-top: 77px;
    padding-bottom:77px;
  }
  .homepage-overview-section-3 .homepage-overview-section3-text-container {
    max-width: 383px;
    margin: auto;
  }
  .homepage-overview-section-3 .homepage-overview-section3-text-container h1 {
    margin: 0;
    margin-bottom: 23px;
    font-size: 27px;
    line-height: 35px;
    font-weight: 700;
  }
  .homepage-overview-section-3 .homepage-overview-section3-text-container img {
    width: 78px !important;
    height: 78px !important;
  }
  .homepage-overview-section-3 .homepage-overview-section3-text-container p {
    font-size: 21px;
    line-height: 31px;
    font-weight: 400;
  }
}

@media screen and (min-width: 1280px) {
  .homepage-overview-section-3 {
    padding-left: 0;
    padding-right: 0;
  }
  .homepage-overview-section-3 > div > div {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
  }
  .homepage-overview-section-3 .homepage-overview-section3-text-container {
    margin-right: auto;
    margin-left: 97px;
  }
  .homepage-overview-section-3 .homepage-overview-section3-text-container img {
    margin-left: 50px;
  }
}

@media screen and (min-width: 1351px) {
  .homepage-overview-section-3 > div > div {
    padding-left: 0;
    padding-right: 0;
  }
}

.homepage-overview-section-4 {
  background: linear-gradient(
    166.53deg,
    #93c939 2.54%,
    #4fb81c 13.19%,
    #0076cb 34.46%,
    #0f46a7 97.83%
  );
  background-size: cover;
}

@media screen and (min-width: 768px) {
  .homepage-overview-section-4 {
    background: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/Rectangle%201_1633537237625001rFwN.png);
    background-size: cover;
  }
}

@media screen and (min-width: 1280px) {
  .homepage-overview-section-4 {
    height: 600px;
    background: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/Banner%201920x300_1633537041304001xspf.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
  }
}

@media screen and (min-width: 1281px) {
  .homepage-overview-section-4 {
    background: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/Program%20Offering%201920_1637179278341001lFWb.png),
      -webkit-gradient(linear, left top, right top, from(#93c939), color-stop(48%, #93c939), color-stop(50%, #130f1f), to(#130f1f));
    background: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/Program%20Offering%201920_1637179278341001lFWb.png),
      linear-gradient(to right, #93c939, #93c939 48%, #130f1f, black);
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover;
  }
}
@media screen and (min-width:1920px){
  .homepage-overview-section-4 {
    background-size:contain;
    height:595px;
  }
}

.homepage-overview-section-4 .homepage-overview-section4-img-container {
  padding-top: 44px;
  padding-bottom: 70px;
}

.homepage-overview-section-4
  .homepage-overview-section4-img-container
  > p:last-of-type {
  display: none;
}

@media screen and (min-width: 768px) {
  .homepage-overview-section-4
    .homepage-overview-section4-img-container
    > p:first-of-type {
    display: none;
  }
  .homepage-overview-section-4
    .homepage-overview-section4-img-container
    > p:last-of-type {
    display: flex;
  }
}

.homepage-overview-section-5
  .testimonial-slideshow-container
  span.testimonial-dots.active {
  background-color: #0076cb;
}

@media screen and (min-width: 1280px) {
  .homepage-overview-section-4
    .homepage-overview-section4-img-container
    > p:last-of-type {
    display: none;
  }
}

.homepage-overview-section-4 .homepage-overview-section4-img-container p {
  text-align: center;
}

.homepage-overview-section-4 .homepage-overview-section4-img-container img {
  margin-left: auto;
  margin-right: auto;
}

.homepage-overview-section-5
  .testimonial-slideshow-container
  .testimonial-slide
  .text {
  background-color: black;
  margin: 0 21.5px;
}

@media screen and (min-width: 768px) {
  .homepage-overview-section-5
    .testimonial-slideshow-container
    .testimonial-slide
    .text {
    margin: 0 58.5px;
  }
}

@media screen and (min-width: 1280px) {
  .homepage-overview-section-5
    .testimonial-slideshow-container
    .testimonial-slide
    .text {
    margin: 0;
    max-width: 808px;
  }
}

.homepage-overview-section-5
  .testimonial-slideshow-container
  .testimonial-dots {
  height: 12px;
  width: 12px;
}

.homepage-overview-section-5
  .testimonial-slideshow-container
  .testimonial-dots
  .active {
  background-color: #0076cb;
}

.homepage-overview-section-6 {
  height: 420px;
}

.homepage-overview-section-6 h1 {
  color: white;
  font-size: 27px;
  line-height: 32.4px;
  font-weight: 700;
  margin-top: 40px;
  margin-bottom: 30px;
  text-align: center;
}

.homepage-overview-section-6 .splide .splide__arrows .splide__arrow {
  background: transparent;
}



@media screen and (min-width: 768px) {
  .homepage-overview-section-6 h1 {
    font-size: 35px;
    line-height: 39px;
    font-weight: 700;
    margin-top: 76px;
    margin-bottom: 52px;
  }
}

@media screen and (min-width: 1280px) {
  .homepage-overview-section-6 h1 {
    font-size: 46px;
    line-height: 55px;
    font-weight: 700;
    margin-top: 86px;
    margin-bottom: 46px;
  }
}

.homepage-overview-section-6 .splide {
  margin: 0 auto;
}

.homepage-overview-section-6 .splide img {
  margin-left: auto;
  margin-right: auto;
}
.homepage-overview-section-6 .splide li img {
  width: 110px !important;
  height: 110px !important;
}
#home-overview-splide
  > div.splide__arrows
  > button.splide__arrow.splide__arrow--next
  > img {
  padding-left: 10px;
}


.homepage-overview-section-6 .splide .splide__arrows {
  margin: auto;
}

.homepage-overview-section-6 .splide li.splide__slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.homepage-overview-section-6 .splide li.splide__slide > div {
  text-align: center;
  background-color: transparent;
  color: white;
  font-size: 16px;
  line-height: 21px;
  font-weight: 700;
}

.homepage-overview-section-6 .splide__arrows .splide__arrow--prev{
  left:0;
}
.homepage-overview-section-6 .splide__arrows .splide__arrow--next{
  right:0;
}

.homepage-overview-section-6 .splide li.splide__slide > div:last-of-type{
  width:70%;
  margin-left:auto; margin-right:auto;
}

.homepage-overview-section-6 .splide .splide__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: auto;
  bottom: -30px;
}

.homepage-overview-section-6 .splide .splide__pagination .is-active {
  background-color: #0076cb;
  -webkit-transform: none;
  transform: none;
}

.homepage-overview-section-6 .splide .splide__pagination button {
  width: 12px;
  height: 12px;
}

.homepage-overview-section-6 .splide .splide__pagination li {
  margin: 0 7px;
}

@media screen and (min-width: 1280px) {
  .homepage-overview-section-6 .splide#home-overview-splide {
    max-width: 1280px;
  }
  .homepage-overview-section-6 .splide .splide__arrows .splide__arrow {
    display: none;
  }
}
/*================================*/
/* END DEC-22 (Home/Overview Page)*/
/*================================*/

/*
Agenda page begin
*/
.flex-box-section-full.agenda-body > .flex-box-section-full-interior {
  margin: 0px;
  padding: 0px;
  width: 100%;
  max-width: none;
}

.agenda-body .max-width {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.agenda-body .agenda-parent .agen-day-btn:hover {
  cursor: pointer;
}

#day1-btn,
#day2-btn {
  font-size: 21px;
  font-weight: 500;
  line-height: 31px;
  color: #000000;
  padding-bottom: 10px;
}

#day2-btn {
  margin-left: 35px;
}

#day1-btn.active,
#day2-btn.active {
  border-bottom: solid 2px #4fb81c;
}

.agenda-body .agenda-parent {
  margin-top: 40px;
}

.agenda-body .agenda-container1 {
  display: grid;
  grid-template-columns: 178px 4fr;
  grid-template-rows: repeat(4, 160px);
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  margin-top: 20px;
}

.agenda-body .agenda-container2 {
  display: grid;
  grid-template-columns: 178px repeat(2, 2fr);
  grid-template-rows: minmax(311px, auto);
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  margin: 5px 0px 5px 0px;
}
.agenda-body .agenda-container3 {
  margin-top: 20px;
  display: grid;
  grid-template-columns: 178px 4fr;
  grid-template-rows: repeat(3, 160px);
  grid-column-gap: 5px;
  grid-row-gap: 5px;
}

.agenda-body .agenda-container4 {
  display: grid;
  grid-template-columns: 178px repeat(2, 2fr);
  grid-template-rows: minmax(311px, auto);
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  margin: 5px 0px 5px 0px;
}

.agenda-body .agenda-container5 {
  display: grid;
  grid-template-columns: 178px 4fr;
  grid-template-rows: 160px;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
}

.agenda-body .agenda-parent .back-grey {
  background-color: #eaeaea;
  padding: 20px;
}

.agenda-body .agenda-parent p.divider {
  display: none;
  background-color: black;
  width: 1px;
  height: 95%;
}

.agenda-body .agenda-parent .back-grey .desktop-agenda-continuous {
  display: block;
}

.agenda-body .agenda-parent .back-grey .mobile-agenda-continuous {
  display: none;
}

.agenda-body .back-grey .date {
  font-weight: 500;
  line-height: 31px;
  font-size: 18px;
  color: #000000;
  margin-bottom: 0px;
}

.agenda-body .back-grey .time {
  font-size: 14px;
  line-height: 31px;
  font-weight: 400;
  color: #000000;
  margin: 0px;
}

.back-grey .descript {
  font-size: 21px;
  font-weight: 500;
  line-height: 31px;
  color: #000000;
}

.agenda-body .agenda-parent #chnl1AG {
  background: linear-gradient(
    120.93deg,
    #93c939 3.81%,
    #4fb81c 9.04%,
    #0076cb 20.64%,
    #0f46a7 57.65%
  );
}

.agenda-body .agenda-parent #trkAG {
  background: #0f46a7;
}

#chnl1AG,
#trkAG {
  padding: 20px;
}

#chnl1AG h4,
#trkAG h4 {
  font-weight: 500;
  line-height: 31px;
  font-size: 21px;
  color: #ffffff;
  margin: 0px;
}

#chnl1AG h5,
#trkAG h5 {
  font-weight: 400;
  font-size: 21px;
  line-height: 31px;
  color: #ffffff;
  margin-bottom: 20px;
}

#chnl1AG p,
#trkAG p {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  margin-bottom: 5px;
}

#chnl1AG ul,
#trkAG ul {
  padding-left: 30px;
  margin-bottom: 20px;
}

#chnl1AG ul li,
#trkAG ul li {
  list-style: disc !important;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
}

#chnl1AG > a > img,
#trkAG > a > img {
  display: inline-block;
  margin-left: 5px;
  height: 13px;
}

#chnl1AG a,
#trkAG a {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  color: #ffffff;
  text-decoration: none;
}

.agenda-body .agenda-parent .agenda-container1 div,
.agenda-body .agenda-parent .agenda-container2 div,
.agenda-body .agenda-parent .agenda-container3 div,
.agenda-body .agenda-parent .agenda-container4 div,
.agenda-body .agenda-parent .agenda-container5 div {
  display: flex;
  flex-direction: column;
}

.agenda-body .session-types-container {
  margin-top: 60px;
  background-color: #222222;
}

.agenda-body .session-types-container h1 {
  margin-top: 64px;
  font-size: 35px;
  font-weight: 400;
  line-height: 42px;
  color: #ffffff;
}

.agenda-body .session-types-container p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #ffffff;
}

.agenda-body .session-types-container h2 {
  font-size: 27px;
  font-weight: 700;
  line-height: 35px;
  color: #ffffff;
  margin-bottom: 0px;
}

.agenda-body .session-types-container .splide {
  margin: 20px auto 0px auto;
}

.agenda-body .session-types-container .session-slide-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.agenda-body .session-types-container .session-type-track-container {
  margin-top: 40px;
  width: 100%;
  border-bottom: solid 5px #0f46a7;
  display: flex;
  flex-direction: row;
  padding-bottom: 10px;
  justify-content: space-between;
  align-items: flex-end;
}

.agenda-body .session-types-container .gradient-background {
  background: linear-gradient(
    104.32deg,
    #93c939 1.68%,
    #4fb81c 7.58%,
    #0076cb 20.67%,
    #0f46a7 62.42%
  );
  padding-bottom: 5px;
}

.agenda-body .session-types-container .session-type-channel1-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  padding-bottom: 10px;
  justify-content: space-between;
  align-items: flex-end;
  background-color: #222222;
}

.agenda-body .session-types-container .session-types-section {
  margin-bottom: 40px;
}

#session-types-section-slider h3,
#session-types-section-slider2 h3 {
  font-size: 21px;
  font-weight: 400;
  line-height: 27px;
  color: #ffffff;
  height: 55px;
  margin-bottom: 10px;
}
#session-types-section-slider span,
#session-types-section-slider2 span {
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  color: #ffffff;
}
#session-types-section-slider p,
#session-types-section-slider2 p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #ffffff;
}
#session-types-section-slider a,
#session-types-section-slider2 a {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #93c939;
}
#session-types-section-slider a > img,
#session-types-section-slider2 a > img {
  display: inline-block;
  height: 13px;
  margin-left: 5px;
  position: relative;
  top: -6px;
}
#session-types-section-slider a:hover,
#session-types-section-slider2 a:hover {
  color: #93c939;
  text-decoration: none;
}
#session-types-section-slider p span,
#session-types-section-slider2 p span {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #93c939;
  font-style: italic;
}

.agenda-body .expert-session-join {
  display: none;
}

.agenda-body .expert-session-join .what-session {
  max-width: 795px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto;
}

.agenda-body .expert-session-join .what-session h1 {
  margin-top: 77px;
  font-size: 35px;
  font-weight: 400;
  line-height: 42px;
  text-align: center;
}

.agenda-body .expert-session-join .what-session p {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
}

.agenda-body .expert-session-join .what-session a {
  margin-top: 20px;
  margin-bottom: 29px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0px;
  color: #0076cb;
  text-align: center;
}

.agenda-body .expert-session-join #expert-showcase-slider .expert-card {
  box-shadow: 0px 0px 15px 0px #00000033;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 15px;
}

#expert-showcase-slider .expert-card img {
  background-color: #c4c4c4;
  border-radius: 80px;
  height: 160px;
  width: 160px;
  margin: 20px auto 0px auto;
}

#expert-showcase-slider.expert-card h1 {
  font-size: 21px;
  font-weight: 500;
  line-height: 31px;
  text-align: center;
  color: #000000;
  margin: 10px 5px 0px 5px;
}

#expert-showcase-slider .expert-card p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  color: #000000;
  margin: 0px 5px 10px 5px;
}

.agenda-body .splide__pagination__page.is-active {
  background-color: #0076cb;
}

@media (max-width: 1280px) {
  .agenda-body .agenda-parent {
    padding: 0px 30px 0px 30px;
  }

  .agenda-body .session-types-container {
    padding: 0px 30px 0px 30px;
  }

  .agenda-body .expert-session-join {
    padding: 0px 30px 0px 30px;
  }
}

/*tablet*/
@media (max-width: 768px) {
  .agenda-body .agenda-container1 {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }

  .agenda-body .agenda-container2 {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    grid-template-rows: 160px minmax(311px, auto);
  }
  .agenda-body .agenda-container3 {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
  .agenda-body .agenda-container4 {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    grid-template-rows: 160px minmax(311px, auto);
  }
  .agenda-body .agenda-container5 {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }

  #day1-btn,
  #day2-btn {
    font-size: 16px;
    line-height: 22px;
  }

  .agenda-body .agenda-parent #trkAG {
    margin-top: 2px;
  }

  .agenda-body .agenda-parent .back-grey.mobile-top {
    flex-direction: row;
    margin-top: 15px;
    background-color: #eaeaea;
  }
  .agenda-body .agenda-parent .back-grey.mobile-bottom {
    background-color: #f8f8f8;
    border: 2px solid #eaeaea;
  }

  .agenda-body .agenda-parent p.divider {
    display: block;
    margin: 0px 10px;
  }

  .agenda-body .agenda-parent .back-grey {
    padding: 5px 20px;
  }

  .agenda-body .back-grey .date {
    font-size: 16px;
    line-height: 22px;
  }

  .agenda-body .back-grey .time {
    padding-left: 5px;
    font-size: 14px;
  }

  .back-grey .descript {
    font-size: 16px;
    line-height: 22px;
    margin: 0px;
  }
  #chnl1AG,
  #trkAG {
    border-right: 2px solid #eaeaea;
    border-left: 2px solid #eaeaea;
  }
  #trkAG {
    border-bottom: 2px solid #eaeaea;
  }
}

/*mobile*/
@media (max-width: 500px) {
  .agenda-body .agenda-parent .back-grey .desktop-agenda-continuous {
    display: none;
  }

  .agenda-body .agenda-parent .back-grey .mobile-agenda-continuous {
    display: flex;
  }

  .agenda-body .agenda-parent {
    padding: 0px 10px 0px 10px;
  }

  .agenda-body .session-types-container {
    padding: 0px 10px 0px 10px;
  }

  .agenda-body .expert-session-join {
    padding: 0px 10px 0px 10px;
  }

  .agenda-body .back-grey .date {
    font-weight: 500;
  }

  .agenda-body .session-types-container h1 {
    font-size: 27px;
    line-height: 32px;
  }

  .agenda-body .session-types-container h2 {
    font-size: 21px;
    line-height: 27px;
  }

  #session-types-section-slider h3,
  #session-types-section-slider2 h3 {
    font-size: 19px;
    line-height: 24px;
  }

  .agenda-body .expert-session-join .what-session h1 {
    font-size: 27px;
    line-height: 32px;
  }
  #special-div
    > div
    > div
    > div.flex-box-section-full.agenda-body
    > div
    > div
    > div
    > div
    > div.session-types-container
    > div
    > div:nth-child(4)
    > div.gradient-background
    > div
    > img {
    height: 60px;
  }
  #special-div
    > div
    > div
    > div.flex-box-section-full.agenda-body
    > div
    > div
    > div
    > div
    > div.session-types-container
    > div
    > div:nth-child(3)
    > div.session-type-track-container
    > img {
    height: 45px;
  }
}
/*
Agenda page end
*/

/***************** MY CALENDAR/SCHEDULE PAGE ***************************/
/******************* MOBILE FIRST APPROACH *****************************/

/*DEC 199 - recommended session modal in calendar page wrong banner color*/
.rf-default-modal .catalog-result.recommended .recommendation-bar {
  background-color: #3fa40e;
  color: white;
}
.rf-default-modal .catalog-result.recommended .recommendation-actions svg {
  fill: white;
}

.flex-box-section-full.my-schedule,
.flex-box-section-full.mycalendar {
  max-width: 1280px;
}
.flex-box-section-full.mycalendar {
  margin-bottom: 100px;
}
.flex-box-section-full.my-schedule * {
  margin: 0;
  padding: 0;
}
.flex-box-section-full.my-schedule > div {
  width: auto;
  margin: 0px 13px;
  margin-bottom: 32px;
}
#sap-schedule-breadcrumbs {
  margin-top: 50px;
  margin-bottom: 32px;
}
#sap-schedule-breadcrumbs * {
  line-height: 24px;
}
#sap-schedule-breadcrumbs > a {
  color: #727272;
  margin-right: 5px;
}
#sap-schedule-breadcrumbs > img {
  width: 8.5px;
  margin-right: 5px;
}
#sap-schedule-breadcrumbs > span {
  color: #0f46a7;
}
#sap-schedule-title > div:nth-child(1) {
  margin-bottom: 49px;
}
#sap-schedule-title > div:nth-child(1) > h2 {
  margin-bottom: 25px;
  font-size: 35px;
  line-height: 42px;
}
#sap-schedule-title > div:nth-child(1) > p {
  line-height: 24px;
}

#sap-schedule-title > div:nth-child(2) {
  margin-left: 80px;
}

#sap-schedule-title > div:nth-child(2) > img {
  zoom: 50%;
}
.flex-box-section-full.mycalendar * {
  margin: 0;
  padding: 0;
}
.flex-box-section-full.mycalendar > div {
  width: auto;
  margin: 0px 13px;
}
#rf-calendar > div > div.session-calendar-instructions {
  padding: 0;
}
#rf-calendar > div > div.schedule-calendar.editable.rbc-calendar {
  padding: 0;
}
#rf-calendar
  > div
  > div.schedule-calendar.editable.rbc-calendar
  > div.schedule-calendar-toolbar {
  margin-bottom: 44px;
  margin-top: 32px;
}
#rf-calendar
  > div
  > div.schedule-calendar.editable.rbc-calendar
  > div.schedule-calendar-toolbar
  > div.calendar-options {
  float: none;
  margin-bottom: 32px;
}
#rf-calendar
  > div
  > div.schedule-calendar.editable.rbc-calendar
  > div.schedule-calendar-toolbar
  > div.calendar-options
  > button {
  display: none;
}
#rf-calendar
  > div
  > div.schedule-calendar.editable.rbc-calendar
  > div.schedule-calendar-toolbar
  > div.calendar-options
  > button.mdBtnR.mdBtnR-primary.add-personal-time.mdBtnR-sm.mdBtnR-adv {
  display: none;
}
#rf-calendar
  > div
  > div.schedule-calendar.editable.rbc-calendar
  > div.schedule-calendar-toolbar
  > div.calendar-options
  > button.mdBtnR.mdBtnR-primary.add-session-btn.mdBtnR-sm.mdBtnR-adv {
  display: none;
}
#rf-calendar
  > div
  > div.schedule-calendar.editable.rbc-calendar
  > div.schedule-calendar-toolbar
  > div.calendar-options
  > div.rf-trigger-menu.menu-right.is-button-menu {
  display: none;
}
#rf-calendar
  > div
  > div.schedule-calendar.editable.rbc-calendar
  > div.schedule-calendar-toolbar
  > div.calendar-options
  > div
  > label
  > div {
  top: 50%;
  transform: translate(0, -50%);
}
#rf-calendar
  > div
  > div.schedule-calendar.editable.rbc-calendar
  > div.schedule-calendar-toolbar
  > div.calendar-options
  > div
  > label
  > span.rf-checkbox-label {
  margin-left: 20px;
  line-height: 24px;
  font-size: 16px;
}
#rf-calendar
  > div
  > div.schedule-calendar.editable.rbc-calendar
  > div.schedule-calendar-toolbar
  > div.calendar-head-container
  > div.calendar-head
  > div {
  font-weight: 500;
}
#rf-calendar
  > div
  > div.schedule-calendar.editable.rbc-calendar
  > div.schedule-calendar-toolbar
  > div.calendar-head-container
  > div.rf-page-indicator {
  padding: 0;
  margin: 0px 0px;
}
#rf-calendar
  > div
  > div.schedule-calendar.editable.rbc-calendar
  > div.schedule-calendar-toolbar
  > div.calendar-head-container
  > div.rf-page-indicator
  > span {
  margin: 0px 2px;
  width: 4px;
  height: 4px;
}
#rf-calendar
  > div
  > div.schedule-calendar.editable.day-count-4.rbc-calendar
  > div.rbc-time-view
  > div.rbc-time-content
  > div:nth-child(5) {
  display: none;
}
#rf-calendar
  > div
  > div.schedule-calendar.editable.day-count-4.rbc-calendar
  > div.rbc-time-view
  > div.rbc-time-header
  > div.rbc-time-header-content
  > div.rbc-row.rbc-time-header-cell
  div:nth-child(n + 4) {
  display: none;
}

/************ MODAL ***************/

body
  > div:nth-child(62)
  > div.fade.rf-default-modal.rf-session-details-modal.in.modal
  > div
  > div
  > div.modal-header {
  padding: 0;
  margin: 12px 12px 35px;
  border: none;
}
body
  > div:nth-child(62)
  > div.fade.rf-default-modal.rf-session-details-modal.in.modal
  > div
  > div
  > div.modal-body {
  padding: 0;
  margin: 0px 12px;
  border: none;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
}
body
  > div:nth-child(62)
  > div.fade.rf-default-modal.rf-session-details-modal.in.modal
  > div
  > div
  > div.modal-body
  > ul
  > li {
  padding: 0;
  margin: 24px;
  border: none;
}
body
  > div:nth-child(62)
  > div.fade.rf-default-modal.rf-session-details-modal.in.modal
  > div
  > div
  > div.modal-body
  > ul
  > li
  > div.badges {
  display: unset;
}
body
  > div:nth-child(62)
  > div.fade.rf-default-modal.rf-session-details-modal.in.modal
  > div
  > div
  > div.modal-body
  > ul
  > li
  > div.badges
  div {
  border: 1px solid #0f46a7;
  border-radius: 100px;
  color: #0f46a7;
}
body
  > div:nth-child(62)
  > div.fade.rf-default-modal.rf-session-details-modal.in.modal
  > div
  > div
  > div.modal-body
  > ul
  > li
  > div.catalog-result-title.session-title.rf-simple-flex-frame {
  margin-top: 20px;
  margin-bottom: 24px;
}
body
  > div:nth-child(62)
  > div.fade.rf-default-modal.rf-session-details-modal.in.modal
  > div
  > div
  > div.modal-body
  > ul
  > li
  > div.catalog-result-title.session-title.rf-simple-flex-frame
  > a
  > div {
  font-weight: 400;
  font-size: 21px;
  line-height: 27px;
}
body
  > div:nth-child(62)
  > div.fade.rf-default-modal.rf-session-details-modal.in.modal
  > div
  > div
  > div.modal-body
  > ul
  > li
  > div:nth-child(3)
  > ul
  > li {
  flex-direction: column;
  margin-bottom: 8px;
}
body
  > div:nth-child(62)
  > div.fade.rf-default-modal.rf-session-details-modal.in.modal
  > div
  > div
  > div.modal-body
  > ul
  > li
  > div:nth-child(3)
  > ul
  > li
  > button {
  background-color: inherit;
  border-radius: 0;
  max-width: 235px;
}
body
  > div:nth-child(62)
  > div.fade.rf-default-modal.rf-session-details-modal.in.modal
  > div
  > div
  > div.modal-body
  > ul
  > li
  > div:nth-child(3)
  > ul
  > li
  > button
  > span {
  color: #0076cb;
  font-weight: 500;
  font-size: 16px;
}
body
  > div:nth-child(62)
  > div.fade.rf-default-modal.rf-session-details-modal.in.modal
  > div
  > div
  > div.modal-body
  > ul
  > li
  > div:nth-child(3)
  > ul
  > li
  > div
  > div
  > div
  > span.semibold.session-date,
body
  > div:nth-child(62)
  > div.fade.rf-default-modal.rf-session-details-modal.in.modal
  > div
  > div
  > div.modal-body
  > ul
  > li
  > div:nth-child(5)
  > div
  > span.attribute-name,
body
  > div:nth-child(62)
  > div.fade.rf-default-modal.rf-session-details-modal.in.modal
  > div
  > div
  > div.modal-body
  > ul
  > li
  > div:nth-child(6)
  > div
  > span.attribute-name {
  font-weight: 400;
}
body
  > div:nth-child(62)
  > div.fade.rf-default-modal.rf-session-details-modal.in.modal
  > div
  > div
  > div.modal-body
  > ul
  > li
  > div:nth-child(3)
  > ul
  > li
  > div
  > div
  > div
  > span.semibold.session-time {
  font-weight: 400;
  color: gray;
}
body
  > div:nth-child(62)
  > div.fade.rf-default-modal.rf-session-details-modal.in.modal
  > div
  > div
  > div.modal-footer {
  border: none;
}
body
  > div:nth-child(62)
  > div.fade.rf-default-modal.rf-session-details-modal.in.modal
  > div
  > div
  > div.modal-footer
  > button {
  border-radius: 0;
  float: left;
  margin-top: 35px;
}
@media only screen and (max-width: 600px) {
  body
    > div:nth-child(52)
    > div.fade.rf-default-modal.rf-session-details-modal.in.modal
    > div
    > div
    > div.modal-body
    > ul
    > li
    > div.catalog-result-title.session-title.rf-simple-flex-frame {
    margin-top: 30px;
  }
}

/**********************************/

@media (max-width: 768px) {
  .flex-box-section-full.my-schedule,
  .flex-box-section-full.mycalendar {
    padding-left: 30px;
    padding-right: 30px;
  }

  #rf-calendar
    > div
    > div.schedule-calendar.editable.rbc-calendar
    > div.schedule-calendar-toolbar {
    display: flex;
    flex-direction: column;
  }
}

@media (max-width: 500px) {
  .flex-box-section-full.my-schedule,
  .flex-box-section-full.mycalendar {
    padding-left: 10px;
    padding-right: 10px;
  }

  #sap-schedule-breadcrumbs {
    margin-top: 32px;
  }

  #rf-calendar
    > div
    > div.schedule-calendar.editable.rbc-calendar
    > div.schedule-calendar-toolbar {
    margin-bottom: 32px;
  }

  #sap-schedule-title > div:nth-child(1) > h2 {
    font-size: 27px;
    font-weight: 400;
    line-height: 32px;
  }

  #rf-calendar .schedule-calendar .rbc-time-content {
    margin: 32px 0px;
  }
}

@media screen and (min-width: 550px) {
  /*     #sap-schedule-title > div:nth-child(1){
        display:inline-block;
        float:left
    }
    #sap-schedule-title > div:nth-child(2){
        display:inline-block;
        float:right
    } */
  #sap-schedule-title > div:nth-child(2) > img {
    zoom: 100%;
  }
  #sap-schedule-title {
    display: flex;
  }
  #rf-calendar
    > div
    > div.schedule-calendar.editable.rbc-calendar
    > div.schedule-calendar-toolbar
    > div.calendar-options
    > div.rfSI-toggle
    > button {
    width: 35px;
    display: block !important;
  }
  #rf-calendar
    > div
    > div.schedule-calendar.editable.rbc-calendar
    > div.schedule-calendar-toolbar
    > div.calendar-options {
    float: right;
  }
}
@media screen and (min-width: 950px) {
}

/************* END OF MY CALENDAR/SCHEDULE PAGE ************************/

/*DEC 21 (channel 1 page)*/

/*header*/
.channel1-header-banner {
  background: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/channel1%20desk_1634840065248001OFEb.png);
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center;
  height: 300px;
  width: 100%;
  z-index: 1;
}

.rf-inner-container-reset {
  padding: 0 12px;
  max-width: 1280px;
  margin: auto;
}
@media screen and (min-width: 768px) {
  .rf-inner-container-reset {
    padding: 0 32px;
  }
}
@media screen and (min-width: 1351px) {
  .rf-inner-container-reset {
    padding: 0;
  }
}

/*dev keynote container*/
.channel1-devkeynote-container
  .splide
  .rf-inner-container-reset
  .channel1-date {
  font-size: 23px;
  line-height: 29.9px;
  font-weight: 400;
}
.channel1-devkeynote-container
  .splide
  .rf-inner-container-reset
  .channel1-time {
  font-size: 16px;
  line-height: 21px;
  font-weight: 500;
}
.channel1-devkeynote-container
  .splide
  .rf-inner-container-reset
  .channel1-speaker {
  font-size: 19px;
  line-height: 24.7px;
  font-weight: 400;
  margin-bottom: 10px;
}
.channel1-devkeynote-container
  .splide
  .rf-inner-container-reset
  .channel1-speaker-detail {
  margin: 0;
}
.channel1-devkeynote-container .splide .rf-inner-container-reset {
  padding-bottom: 50px;
}
.channel1-devkeynote-container .splide {
  padding: 0 !important;
  background-color: transparent;
  margin: 0;
}
.channel1-devkeynote-container .splide .splide__track {
  left: 0 !important;
  width: 100% !important;
  background-color: transparent;
}
.channel1-devkeynote-container {
  background: linear-gradient(
    121deg,
    #93c939 -0.56%,
    #4fb81c 10.37%,
    #0076cb 32.21%,
    #0f46a7 97.22%
  );
}
.channel1-devkeynote-container h1 {
  margin-top: 49px;
  color: white;
  font-size: 35px;
  line-height: 39px;
}
.channel1-devkeynote-container p {
  color: white;
}
.channel1-devkeynote-container
  .splide
  .rf-inner-container-reset
  p:last-of-type {
  margin-bottom: 49.71;
}
.channel1-devkeynote-container .rf-inner-container-reset {
  background-color: transparent;
}
/*time for fun container*/
.channel1-timeforfun-container {
  background-color: #f8f8f8;
  text-align: center;
}
/*example topic*/
.channel1-example-topic {
  text-align: center;
  margin-top: 60px;
  padding-bottom: 60px;
}
/*channel1 live favorite container*/
.channel1live-favorite-container .rf-inner-container-reset{
  padding:0;
}
.channel1live-favorite-container .no-svg{
  margin-top:30px;
}
.channel1-favorite-container.channel1live-favorite-container h1 
{ font-size: 25px; line-height: 32.5px; font-weight: 700; }

.channel1-favorite-container.channel1live-favorite-container p 
{ font-size: 16px; line-height: 22.4px; font-weight: 400; }

.channel1-favorite-container.channel1live-favorite-container a { color: #0076CB; }

@media screen and (min-width: 1280px) { 
  .channel1-favorite-container.channel1live-favorite-container h1 
    { font-size: 35px; line-height: 45.5px; font-weight: 500; }
  .channel1-favorite-container.channel1live-favorite-container p 
    { font-size: 21px; line-height: 31px; font-weight: 400; } }

/*favourite container*/
.channel1-favorite-container {
  width: 100%;
}
.channel1-favorite-container h1 {
  font-weight: 500;
  font-size: 27px;
  line-height: 32.4px;
  margin-bottom: 24px;
  color: black;
}

.channel1-favorite-container p {
  color: black;
  font-weight: 400;
  font-size: 19px;
  line-height: 28.5px;
}
.channel1-favorite-container ul {
  padding: 0;
  margin-top: 24px;
}
.channel1-favorite-container ul li:not(:last-of-type) {
  display: flex;
  margin-bottom: 10px;
}
.channel1-favorite-container ul li:not(.no-svg)::before {
  content: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/history_1633230379909001vyeS.svg);
  margin-right: 10px;
}

.channel1-favorite-container .channel1-mobile-img {
  margin-top: 48px;
}
/*new in 2021 container*/
.channel1-tablet-img,
.channel1-desktop-img {
  display: none;
}
.channel1-favorite-container .channel1-tablet-img,
.channel1-favorite-container .channel1-desktop-img {
  float: right;
}

.channel1-favorite-container .rf-inner-container-reset .topic-hours-desktop {
  width: 100%;
  height: auto;
  margin: 60px 0px;
}

.channel1-favorite-container .rf-inner-container-reset .topic-hours-mobile {
  display: none;
  margin: 60px 0px 48px 0px;
}

.channel1-newin2021-container {
  padding: 32px 0;
  background: linear-gradient(
    180deg,
    #c4c4c4 -95.65%,
    #ffffff 20.71%,
    #ffffff 74.17%,
    #c4c4c4 206.25%
  );
  text-align: center;
  margin-top: 48px;
}
@media screen and (min-width:768px){
  .channel1-newin2021-container{
    padding:48px 0;
  }
}

.channel1-newin2021-container .custom-breakpoint-container { 
  display: -webkit-box; display: -ms-flexbox; display: flex; 
  -ms-flex-wrap: wrap; flex-wrap: wrap; 
  -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; 
}

.channel1-newin2021-container .custom-breakpoint-container h1 
  { font-size: 27px; line-height: 32.4px; font-weight: 400; width: 100%; }

.channel1-newin2021-container .custom-breakpoint-container p 
  { width: 120px; margin: auto; color: black; font-size: 16px; line-height: 24px; font-weight: 400; }

@media screen and (max-width: 500px) { 
  .channel1-newin2021-container .custom-breakpoint-container .newin2021-img-container:nth-child(2) 
    { margin-bottom: 25px; width: 100%; }
  .channel1-newin2021-container .custom-breakpoint-container .newin2021-img-container:nth-child(2) img 
    { content: url("https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/TechEd_pictograms_R_Developer%20Keynote_16363909467070017oyU.png"); }
  .channel1-newin2021-container .custom-breakpoint-container .newin2021-img-container:nth-child(3) 
    { width: 50%; }
  .channel1-newin2021-container .custom-breakpoint-container .newin2021-img-container:nth-child(3) img 
    { content: url("https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/TechEd_pictograms_R_Workshops%201_1636390974973001ClGn.png"); }
  .channel1-newin2021-container .custom-breakpoint-container .newin2021-img-container:nth-child(4) 
    { width: 50%; }
  .channel1-newin2021-container .custom-breakpoint-container .newin2021-img-container:nth-child(4) img 
    { content: url("https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/TechEd_pictograms_R_Trial%20Software-07_1636390998966001hcR1.png"); } 
  }
@media screen and (min-width: 768px) { 
  .channel1-newin2021-container .custom-breakpoint-container 
    { max-width: 786px; }
  .channel1-newin2021-container .custom-breakpoint-container h1 
    { font-size: 31.25px; line-height: 40.62px; font-weight: 400; }
  .channel1-newin2021-container .custom-breakpoint-container p 
    { font-size: 20px; line-height: 26px; font-weight: 400; width: 186px; } 
  }
@media screen and (min-width: 1280px) { 
  .channel1-newin2021-container .custom-breakpoint-container 
    { max-width: 784px; }
  .channel1-newin2021-container .custom-breakpoint-container h1 
    { font-size: 35px; line-height: 42px; font-weight: 400; }
  .channel1-newin2021-container .custom-breakpoint-container p 
    { font-size: 21px; line-height: 27px; font-weight: 400; } }
    
/*video container*/
.channel1-video-container video {
  max-width: 100%;
}
.channel1-video-container .channel1-video-description p {
  color: black;
}
.channel1-video-container {
  margin-top: 48px;
}
.channel1-video-container .video-container::after {
  content: "Channel 1 highlights from 2020";
  display: inline-block;
  margin-top: 15px;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 24px;
}
.channel1-video-container .flex-box-child:last-of-type h1 {
  font-size: 27px;
  font-weight: 400;
  line-height: 32.4px;
  margin-bottom: 16px;
}
.channel1-video-container .flex-box-child:last-of-type p {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
}
.channel1-video-container .flex-box-child:last-of-type p:last-of-type {
  margin-top: 30px;
  line-height: 24px;
}

/*theres more fun*/

.channel1-timeforfun-container .theres-more-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  max-width: 1280px;
  margin: auto;
}

.channel1-timeforfun-container .theres-more-container img {
  height: 184px;
  width: auto;
  margin: 85px 98px 115px 98px;
  margin-bottom: 110px;
}

.channel1-timeforfun-container .theres-more-container .theres-more-text {
  max-width: 736px;
  text-align: left;
  display: flex;
  flex-direction: column;
  margin-left: 85px;
}

.channel1-timeforfun-container .theres-more-container .theres-more-text h3 {
  font-size: 35px;
  font-weight: 700;
  line-height: 42px;
  color: #0076cb;
}

.channel1-timeforfun-container .theres-more-container .theres-more-text p {
  font-size: 21px;
  line-height: 31px;
  font-weight: 400;
  color: #000000;
}

.channel1-header-banner > div.flex-box-section-full-interior {
  padding: 0;
}
.channel1-header-banner > div.flex-box-section-full-interior,
.channel1-video-container > div.flex-box-section-full-interior {
  width: 100%;
}
.channel1-header-content {
  margin-top: 64px;
  margin-bottom: 12px;
  padding-left: 12px;
  max-width: 1280px;
  margin: auto;
}
.channel1-header-content h1 {
  color: white;
  font-size: 35px;
  font-weight: 700;
  line-height: 39px;
  margin-bottom: 12px;
  margin-top: 64px;
}
.channel1-header-content p {
  color: white;
  font-size: 19px;
  font-weight: 400;
  line-height: 24.7px;
  margin-bottom: 0;
}

.channel1-header-content .outline-btn {
  margin-top: 10px;
}

.channel1-devkeynote-container .splide .splide__pagination {
  background-color: white;
}
.channel1-devkeynote-container .splide .splide__pagination .is-active {
  background-color: #0e49a9;
}

@media screen and (min-width: 500px) {
  .channel1-header-content {
    padding-left: 30px;
  }
}

@media screen and (min-width: 1280px) {
  .channel1-devkeynote-container .splide__list .splide__slide:last-of-type {
    background-image: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/Channel%201%20Excutive%20Keynote%20bg%201280_1634843943329001oDm0.png);
    background-size: cover;
  }
  .channel1-devkeynote-container .splide__list .splide__slide:first-of-type {
    background: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/Channel%201%20Dev%20Keynote%20bg%201280_1634844458029001fBPI.png);
    background-size: cover;
  }
}

@media screen and (min-width: 1920px) {
  .channel1-devkeynote-container .splide__list .splide__slide:first-of-type {
    background: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/dev%20channel1%201920px_1634844110155001qg0g.png);
    background-size: cover;
  }

  .channel1-devkeynote-container .splide__list .splide__slide:last-of-type {
    background-image: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/Channel%201%20Excutive%20Keynote%20bg%201280_1634843943329001oDm0.png);
    background-size: cover;
  }
}

@media screen and (min-width: 768px) {
  .channel1-devkeynote-container .splide__list .splide__slide {
    height: 300px;
    background-repeat: no-repeat !important;
    background-position: center !important;
  }
  .channel1-devkeynote-container .splide__list .splide__slide:last-of-type {
    background-image: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/Channel%201%20Excutive%20tab_1634842977269001bx1N.png);
    background-size: cover;
  }
  .channel1-devkeynote-container .splide-text-container-1 {
    padding-bottom: 70px;
  }
  .channel1-devkeynote-container .splide-text-container-2 {
    padding-bottom: 36px;
  }
  .channel1-devkeynote-container .channel1-speaker {
    margin-bottom: 12px;
  }
  .channel1-devkeynote-container .channel1-speaker-detail {
    margin-bottom: 0;
  }
  .channel1-devkeynote-container .splide__list .splide__slide:first-of-type {
    background: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/Channel%201%20Dev%20Keynote%20bg%20768_1634844516765001ozvH.png);
    background-size: cover;
  }
  .channel1-newin2021-container {
    margin-top: 60px;
  }
  .channel1-favorite-container {
    padding-top: 60px;
  }
  .channel1-favorite-container h1 {
    font-size: 31.25px;
    line-height: 40.62px;
  }
  .channel1-video-container {
    margin-top: 60px;
  }
  .channel1-video-container .rf-inner-container-reset {
    display: flex;
  }

  .channel1-devkeynote-container h1 {
    margin-top: 43px;
    font-size: 39px;
    margin-bottom: 16px;
  }

  .channel1-mobile-img {
    display: none;
  }
  .channel1-tablet-img {
    display: inline-block;
  }

  .channel1-video-container .flex-box-child:first-of-type::after {
    font-size: 12.3px;
    line-height: 17.22px;
  }
  .channel1-video-container .flex-box-child:last-of-type h1 {
    font-size: 31.25px;
    font-weight: 400;
    line-height: 40.62px;
    color: black;
  }
  .channel1-video-container .flex-box-child:last-of-type p {
    font-weight: 500;
    line-height: 20.8px;
    color: black;
  }
  .channel1-video-container .flex-box-child:last-of-type p:last-of-type {
    line-height: 22.4px;
    margin-bottom: 48px;
    font-weight: 400;
  }
  .channel1-video-description {
    margin-left: 24px;
  }
  .channel1-header-content {
    margin-top: 57px;
    margin-bottom: 10px;
  }
  .channel1-header-content h1 {
    font-size: 39px;
    font-weight: 700;
    line-height: 39px;
  }
  .channel1-header-content p {
    color: white;
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 1280px) {
  .channel1-devkeynote-container .splide__list .splide__slide {
    height: 500px;
    background-repeat: no-repeat !important;
    background-position: center !important;
  }
  .channel1-devkeynote-container .splide__list .splide__slide:last-of-type {
    background-image: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/Channel%201%20Excutive%20Keynote%20bg%201920_1634842372655001fVe3.png);
    background-size: cover;
  }
  .channel1-devkeynote-container h1 {
    margin-top: 94px;
    font-size: 46px;
    line-height: 55px;
    margin-bottom: 30px;
  }
  .channel1-devkeynote-container .splide__list .splide__slide:last-of-type h1,
  .channel1-devkeynote-container .splide__list .splide__slide:last-of-type p {
  }
  .channel1-favorite-container {
    padding-top: 90px;
  }
  .channel1-favorite-container h1 {
    font-size: 35px;
    line-height: 42px;
  }
  .channel1-header-banner > div.flex-box-section-full-interior,
  .channel1-video-container > div.flex-box-section-full-interior {
    width: auto;
  }

  .channel1-tablet-img {
    display: none;
  }
  .channel1-desktop-img {
    display: inline-block;
  }

  .channel1-video-container,
  .channel1-video-container > div {
    padding: 0;
  }
  .channel1-video-container .flex-box-child:first-of-type::after {
    font-size: 12px;
    line-height: 18px;
  }
  .channel1-video-container .flex-box-child:last-of-type h1 {
    font-size: 35px;
    font-weight: 500;
    line-height: 42px;
  }
  .channel1-video-container .flex-box-child:last-of-type p {
    line-height: 20.8px;
  }
  .channel1-video-container .flex-box-child:last-of-type p:last-of-type {
    line-height: 24x;
    margin-bottom: 48px;
  }
  .channel1-video-description {
    margin-left: 48px;
  }
  .channel1-header-content {
    margin-top: 50.5px;
  }
  .channel1-header-content h1 {
    font-size: 46px;
    font-weight: 700;
    line-height: 55px;
  }
  .channel1-header-content p {
    font-size: 21px;
    font-weight: 400;
    line-height: 27px;
  }
}

@media screen and (min-width: 1351px) {
  .channel1-header-content {
    padding-left: 0;
  }
}

@media (min-width: 1921px) {
  .channel1-header-banner {
    background-size: contain;
  }
}

@media (max-width: 1280px) {
  .channel1-timeforfun-container .theres-more-container {
    padding: 0px 30px;
  }
}

@media (min-width: 769px) and (max-width: 1100px) {
  .channel1-header-banner {
    background-image: url("https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/Channel%201%20-%20TABLET-1_1634842178443001gaCd.png");
  }
}

@media (max-width: 768px) {
  .channel1-header-banner {
    background-image: url("https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/Channel%201%20-%20TABLET-1_1634842178443001gaCd.png");
  }

  .channel1-favorite-container .rf-inner-container-reset .topic-hours-desktop {
    display: none;
  }

  .channel1-favorite-container .rf-inner-container-reset .topic-hours-mobile {
    display: block;
    width: 100%;
  }

  .channel1-timeforfun-container .theres-more-container {
    padding: 0px 10px;
    flex-direction: column;
  }

  .channel1-timeforfun-container .theres-more-container img {
    margin: 50px auto 32px 0px;
  }

  .channel1-timeforfun-container .theres-more-container .theres-more-text {
    margin-left: 0px;
  }

  .channel1-timeforfun-container .theres-more-container .theres-more-text h3 {
    font-size: 27px;
    line-height: 32px;
  }

  .channel1-timeforfun-container .theres-more-container .theres-more-text p {
    font-size: 19px;
    line-height: 28px;
    margin-bottom: 48px;
  }
}

@media (max-width: 720px) {
  .channel1-header-banner {
    background-image: url("https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/Channel%201-%20MOBILE_1634842126319001faI6.png");
  }

  .channel1-header-content .outline-btn {
    width: 296px;
    text-align: center;
  }
}

.swe_posts {
  display: flex !important;
  flex-wrap: wrap !important;
}

/*adds padding to social header on registration page when logout button is hidden*/
@media screen and (min-width: 961px) {
  .no-logout-positioning {
    padding-bottom: 15px;
  }
}

.rf-tile.exhibitor-tile {
  box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
  border: unset !important;
}

.rf-tile-container .rf-tile .rf-tile-body {
  padding: 16px 16px 0px;
}

.sap-container
  #rf-exhibitorcatalog
  .mdBtnR.mdBtnR-outline-primary.exhibitor-tile-view-booth {
  background-color: transparent;
  padding: 8px 10px;
}

.sap-container
  #rf-exhibitorcatalog
  .mdBtnR.mdBtnR-outline-primary.exhibitor-tile-view-booth
  span {
  color: var(--light-blue);
}

.sap-container
  #rf-exhibitorcatalog
  .mdBtnR.mdBtnR-outline-primary.exhibitor-tile-view-booth:hover {
  background-color: transparent;
}

.sap-container
  #rf-exhibitorcatalog
  .mdBtnR.mdBtnR-outline-primary.exhibitor-tile-view-booth:hover
  span {
  color: var(--light-blue);
}

#rf-catalog .search-container .rf-facets {
  padding: 20px 40px 10px;
}

[id*="rf-"].rf-widget .catalog-result {
  border: unset !important;
}

.sap-sapteched2021-sponsorsettings-form-OptedOut
  .custom-form-content
  .rfwf-full-panel {
  height: 100vh;
}

.speaker-trigger {
  vertical-align: unset !important;
}

.splide__pagination {
  position: unset !important;
  padding: 20px 0px;
}

.rf-tile-container.exhibitor-tile-container {
  margin-bottom: 80px;
}

h4.rf-tile-title {
  min-height: 105px;
  display: inherit;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  max-height: 105px;
  overflow: inherit;
}
/*
.hidden-visibility {
  visibility: hidden !important;
}*/

/*sponsor opt out settings page fix for footer not being at bottom*/
.sap-sapteched2021-sponsorsettings-form-optsettings .rfwf-full-panel {
  height: 100vh;
}

.splide-text-left {
}

.splide-text-right-container {
  width: 100%;
}
.splide-text-right {
  float: right;
}

.carousel-actions .carousel-action .mdBtnR-outline-primary {
  display: none;
}

h4.rf-tile-title {
  min-height: 105px !important;
  display: block !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  max-height: 105px !important;
  overflow: unset !important;
}

/*sponsor page tile heights affected by !important above (need to refactor)*/
.sponsor-catalog-container h4.rf-tile-title {
  min-height: auto !important;
  margin-bottom: 30px;
}

/*sessions page track legend */

.sap-sapteched2021-portal-page-sessions
li:nth-child(1)
button.catalog-filter:before,
.sap-sapteched2021-portal-page-sessions
li:nth-child(1)
button.catalog-filter:before{
  content: "Channel 1 \A Partner Innovation with SAP  \A ANA \2014  Analytics \A DEV \2014  Application Development and Integration \A DAT \2014  Database and Data Management \A DT \2014  Digital Transformation with Intelligent ERP \A IIS \2014  Integrated Intelligent Suite \A ISP \2014  Intelligent Suite Solutions and Processes \A INT \2014  Intelligent Technologies \A ";
  display: block;
  white-space: pre-wrap;
  position: static;
  max-width: 385px !important;
  left: 10px;
  top: 10px;
  font-family: BentonSans !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 21px !important;
  color: #000000 !important;
  height: 201px;
  left: 0px;
  top: 32px;
  background: #f8f8f8;
  border: 0.5px solid #c6c6c6;
  box-sizing: border-box;
  padding: 7px;
  margin-bottom: 25px;
}

.sap-sapteched2021-portal-page-sessions .quick-filters:after,
.sap-sapteched2021-portal-page-sessions .quick-filters:after {
  content: "Track Names";
  font-family: BentonSans !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 16px !important;
  line-height: 24px;
  color: #000000 !important;
  padding-top: 34px;
  display: block;
}

.sap-sapteched2021-portal-page-sessions
  .filters-body-scroll
  .quick-filters,
  .sap-sapteched2021-portal-page-sessions
  .filters-body-scroll
  .quick-filters {
  border-bottom: none !important;
  padding-bottom: 0px !important;
}

/* end sessions page track legend */

/*expert playlist splide styles*/
div.expert-playlist-carousel-container {
  padding-top: 40px;
  padding-bottom: 40px;
}

.expert-playlist-carousel-container .expert-sessions-text-container,
.expert-playlist-page-container .expert-sessions-text-container {
  padding: 0 10px;
}

.expert-playlist-page-container .expert-sessions-text-container {
  margin-top: 40px;
}

.expert-playlist-carousel-container .expert-sessions-text-container h1,
.expert-playlist-page-container .expert-sessions-text-container h1 {
  font-size: 27px;
  line-height: 32.4px;
  font-weight: 400;
  color: black;
}

.expert-playlist-page-container .expert-sessions-text-container p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: black;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
.expert-playlist-carousel-container .expert-sessions-text-container p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: black;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.expert-playlist-carousel-container .expert-sessions-text-container p a,
.expert-playlist-page-container .expert-sessions-text-container p a {
  color: #0076cb;
}

@media screen and (min-width: 768px) {
  .expert-playlist-carousel-container .expert-sessions-text-container,
  .expert-playlist-page-container .expert-sessions-text-container {
    padding: 0 30px;
  }
  .expert-playlist-carousel-container .expert-sessions-text-container h1,
  .expert-playlist-page-container .expert-sessions-text-container h1 {
    font-size: 31.25px;
    line-height: 40.62px;
    font-weight: 400;
  }
}

@media screen and (min-width: 1280px) {
  .expert-playlist-carousel-container .expert-sessions-text-container p {
    max-width: 900px;
  }
  .expert-playlist-carousel-container .expert-sessions-text-container {
    text-align: center;
    padding: 0;
  }
  .expert-playlist-carousel-container .expert-sessions-text-container h1,
  .expert-playlist-page-container .expert-sessions-text-container h1 {
    font-size: 35px;
    line-height: 42px;
    font-weight: 400;
  }
}

#dashboard-expert-sessions-splide {
  margin: auto;
}

#dashboard-expert-sessions-splide .splide__arrow {
  background: transparent;
  height:33px;
}

#dashboard-expert-sessions-splide .splide__arrow--prev {
  left: 0;
}
#dashboard-expert-sessions-splide .splide__arrow--next {
  right: 0;
}
@media screen and (min-width: 578px) {
  #dashboard-expert-sessions-splide .splide__arrow--prev {
    left: -2em;
  }
  #dashboard-expert-sessions-splide .splide__arrow--next {
    right: -2em;
  }
}

#dashboard-expert-sessions-splide .splide__track {
  margin-left: 0;
  margin-right: 0;
}
#dashboard-expert-sessions-splide .splide__pagination li button {
  margin: 0 7px 0 7px;
  background: rgba(15, 70, 167, 0.2);
  width: 12px;
  height: 12px;
}

#dashboard-expert-sessions-splide .splide__pagination li button.is-active {
  background: #0076cb;
}

#dashboard-expert-sessions-splide .double-slide-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#dashboard-expert-sessions-splide .single-slide-container > p:last-of-type {
  position: absolute;
  bottom: 10px;
  left: 10px;
  margin: 0;
  border: 1px solid #0076cb;
  border-radius: 20px;
  padding: 3px;
  line-height: 15px;
  font-size: 12px;
  color: white;
  background: #0076cb;
}

#dashboard-expert-sessions-splide .single-slide-container {
  -webkit-box-shadow: 0px 0px 15px 0px #00000033;
  box-shadow: 0px 0px 15px 0px #00000033;
  text-align: center;
  margin: 10px auto;
  height: 350px;
  padding: 20px;
  background-color: white;
  width: 244px;
  position: relative;
}
#dashboard-expert-sessions-splide .single-slide-container .full-card-link,
.expert-playlist-page-container
  .expert-playlist-container
  .expert-card
  .full-card-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

@media screen and (min-width: 500px) {
  #dashboard-expert-sessions-splide .single-slide-container {
    width: 220px;
  }
}
@media screen and (min-width: 768px) {
  #dashboard-expert-sessions-splide .single-slide-container {
    width: 244px;
  }
}
@media screen and (min-width: 960px) {
  #dashboard-expert-sessions-splide .splide__arrow {
    display: none;
  }
  #dashboard-expert-sessions-splide .single-slide-container {
    height: 350px;
    width: 210px;
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 1024px) {
  #dashboard-expert-sessions-splide .single-slide-container {
    width: 220px;
  }
}
@media screen and (min-width: 1100px) {
  #dashboard-expert-sessions-splide .single-slide-container {
    width: 244px;
  }
}

#dashboard-expert-sessions-splide
  .single-slide-container
  .single-slide-img-container {
  overflow: hidden;
  height: 160px;
  width: 160px;
  border-radius: 50%;
  margin: auto;
  margin-bottom: 10px;
}

#dashboard-expert-sessions-splide .single-slide-container h1 {
  font-size: 21px;
  line-height: 31px;
  font-weight: 500;
  margin-bottom: 0;
}

#dashboard-expert-sessions-splide .single-slide-container h2 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

@media screen and (min-width: 1280px) {
  #dashboard-expert-sessions-splide .single-slide-container {
    margin: 15px;
    height: 350px;
  }
}

/*Expert Playlist Page (DEC-254)*/
.expert-playlist-container {
  max-width: 1280px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 60px;
}

.expert-playlist-container .expert-card {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -webkit-box-shadow: 0px 0px 15px 0px #00000033;
  box-shadow: 0px 0px 15px 0px #00000033;
  margin: 10px;
  max-width: 244px;
  text-align: center;
  height: 330px;
  padding: 0 10px;
  position: relative;
}

.expert-playlist-page-container .expert-sessions-text-container img {
  display: none;
}
.expert-playlist-container .expert-card h1 {
  font-size: 21px;
  line-height: 31px;
  font-weight: 500;
  margin: 0;
}

.expert-playlist-container .expert-card h2 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.expert-playlist-container .expert-img-container {
  width: 160px;
  height: 160px;
  overflow: hidden;
  margin: auto;
  border-radius: 50%;
  margin-top: 20px;
}

.expert-playlist-header .playlist-header-container {
  padding: 0 10px;
}


.expert-img-container img {
  max-width: 100% !important;
}


@media screen and (min-width: 768px) {
  .expert-playlist-container .expert-card {
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
  }

  .expert-playlist-page-container .expert-sessions-text-container {
    display: flex;
    align-items: center;
  }

  .expert-playlist-page-container
    .expert-sessions-text-container
    > div:first-of-type {
    min-width: 220px;
    margin-right: 20px;
  }

  .expert-playlist-page-container .expert-sessions-text-container img {
    display: inline-block;
  }

  .expert-playlist-header .playlist-header-container {
    padding: 0 30px;
  }
}

@media screen and (min-width: 1280px) {
  .expert-playlist-container {
    margin: 60px auto;
  }

  .expert-playlist-container .expert-card {
    margin-bottom: 15px;
  }

  .expert-playlist-page-container .expert-sessions-text-container {
    max-width: 1280px;
    margin: auto;
    width: 100%;
    padding: 0;
    margin-top: 40px;
  }

  .expert-playlist-page-container .expert-sessions-text-container a {
    display: none;
  }
  .expert-playlist-page-container .expert-sessions-text-container p {
    margin-bottom: 0;
  }
  .expert-playlist-container .expert-card {
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
    margin-left: 15px;
    margin-right: 15px;
  }
}

@media screen and (min-width: 1351px) {
  .expert-playlist-header .playlist-header-container {
    padding: 0;
  }
}
/*==================================================/*
/*DEC-272 expert playlist pages                     */
/*==================================================*/

/*breakpoints*/
.custom-breakpoint-container {
  width: 100%;
  padding-left:10px; padding-right:10px;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 500px) {
  .custom-breakpoint-container {
    padding-left:32px; padding-right:32px;
  }
}
@media screen and (min-width: 1351px) {
  .custom-breakpoint-container {
    padding-left:0; padding-right:0;
  }
}

/*injected header banner styles (class is given by the footer)*/
#targetBanner.expert-playlist-banner-container {
  background: linear-gradient(
    117.36deg,
    #93c939 -3.24%,
    #4fb81c 15.9%,
    #0075ca 41.42%,
    #0760bb 56.74%,
    #0b51b0 73.33%,
    #0e49a9 93.74%,
    #0f46a7 124.37%
  );
}
/* #targetBanner.expert-playlist-banner-container .banner-img{background:none;} */

/* @media screen and (max-width:768px){
  #targetBanner.expert-playlist-banner-container{
    background: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/sponsor%20showcase768%20-%20TABLET-3_1634847604496001OCXT.png)
  } */
/* #targetBanner.expert-playlist-banner-container .banner-img{
    background:url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/Main_1634320899495001hXOy.png);
    background-position:right;
    right:90px;
  } 
}*/
@media screen and (max-width: 1280px) {
  #targetBanner.expert-playlist-banner-container {
    background: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/sponsor%20showcase768%20-%20TABLET-3_1634847604496001OCXT.png);
    background-size: cover;
  }
  /* #targetBanner.expert-playlist-banner-container .banner-img{
    right:277px;
    max-width:1280px;
    margin:auto;
  } */
}

@media screen and (max-width: 500px) {
  #targetBanner.expert-playlist-banner-container {
    background: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/sponsor%20showcase320%20-%20MOBILE-3_1634847604771001OW7k.png);
  }
  /* #targetBanner.expert-playlist-banner-container .banner-img{
    right:277px;
    max-width:1280px;
    margin:auto;
  } */
}
/*styles for the expert img/bio section */
.expert-info-container {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.expert-info-container p {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 390;
  margin-right: auto;
}

.expert-info-container h1 {
  margin: 0;
  font-size: 19px;
  line-height: 28.5px;
  font-weight: 500;
}

.expert-info-container a {
  color: #0076cb;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 500px) {
  .expert-info-container a {
    padding-left: 10px;
  }
}

.expert-info-container a img {
  margin-right: 8px;
}

.expert-info-container .expert-text-container {
  border-bottom: 1px solid #0076cb;
  padding-bottom: 40px;
}

.expert-info-container .expert-text-container p:last-of-type {
  margin-top: 16px;
}

.expert-info-container .expert-profile-img {
  border-radius: 50%;
  margin: 40px auto;
}

.expert-info-container .expert-img-wrapper {
  margin: 48px auto;
  border-radius: 50%;
  overflow: hidden;
  height: 160px;
}

.expert-info-container .expert-img-wrapper img {
  margin: 0;
  border-radius: 0;
}

@media screen and (max-width: 499px) {
  .expert-info-container .expert-text-container {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media screen and (min-width: 768px) {
  .expert-info-container {
    align-items: flex-start;
    margin-top: 50px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .expert-info-container > p {
    width: 100%;
  }
  .expert-info-container a {
    font-size: 16px;
    line-height: 22.4px;
    font-weight: 400;
    margin-bottom: 40px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .expert-info-container .expert-profile-img {
    margin: 0;
    margin-right: 40px;
  }
  .expert-info-container .expert-img-container {
    padding-bottom: 40px;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    border-bottom: 1px solid #0076cb;
  }
  .expert-info-container h1 {
    margin: 0;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
  }
  .expert-info-container .expert-text-container {
    border-bottom: 1px solid #0076cb;
    padding-bottom: 40px;
    align-self: stretch;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .expert-info-container .expert-img-wrapper {
    margin: 0;
    margin-right: 83.5px;
  }
  .expert-info-container .expert-img-wrapper img {
    margin: 0;
    border-radius: 0;
  }
}

@media screen and (min-width: 1280px) {
  .expert-info-container h1 {
    font-size: 21px;
    line-height: 31px;
    font-weight: 500;
  }
  .expert-info-container a {
    margin-bottom: 50px;
  }
}
/*adding in static expert section in expert individual pages*/
.expert-picks-container h1 {
  font-size: 27px;
  line-height: 32.4px;
  font-weight: 400;
  color: #0076cb;
  padding: 40px 10px 20px 10px;
  margin: 0;
}

.expert-picks-container p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: black;
  padding: 0 20px;
  margin-bottom: 5px;
}

.expert-picks-container ul {
  padding: 0 10px 0 50px;
  margin-bottom: 20px;
}

.expert-picks-container ul li {
  list-style: disc;
  color: black;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  font-family: BentonSans, sans-serif !important;
}

@media screen and (min-width: 768px) {
  .expert-picks-container h1 {
    font-size: 31.25px;
    line-height: 40.62px;
    font-weight: 400;
    padding: 40px 0px 20px 0px;
  }
  .expert-picks-container p {
    font-size: 16px;
    line-height: 22.4px;
    font-weight: 500;
    padding: 0 40px;
  }
  .expert-picks-container ul {
    padding: 0 10px 0 70px;
  }
  .expert-picks-container ul li {
    font-size: 16px;
    line-height: 22.4px;
    font-weight: 400;
  }
}

@media screen and (min-width: 1280px) {
  .expert-picks-container h1 {
    font-size: 35px;
    line-height: 42px;
    font-weight: 400;
  }
  .expert-picks-container p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
  }
  .expert-picks-container ul li {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
  }
}

.expert-playlist-sessions
  div[id*="rf-"].rf-widget
  .rf-collections
  .sub-header-container,
.expert-playlist-sessions
  div[id*="rf-"].rf-widget
  .rf-collections
  .agenda-header {
  display: none;
}

.expert-container {
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgba(229, 229, 229, 0.73)),
    color-stop(13.02%, rgba(229, 229, 229, 0.29)),
    to(rgba(229, 229, 229, 0))
  );
  background: linear-gradient(
    360deg,
    rgba(229, 229, 229, 0.73) 0%,
    rgba(229, 229, 229, 0.29) 13.02%,
    rgba(229, 229, 229, 0) 100%
  );
  padding-bottom: 50px;
  margin-bottom: 40px;
}

/*styles for the experts session page widget*/

.expert-playlist-sessions
  [id*="rf-"].rf-widget
  .catalog-result
  .session-attributes
  .attribute-ItemofInterest,
.expert-playlist-sessions
  [id*="rf-"].rf-widget
  .catalog-result
  .session-attributes
  .attribute-ShowinCatalog,
.expert-playlist-sessions
  [id*="rf-"].rf-widget
  .catalog-result
  .session-attributes
  .attribute-SessionPlanned,
.expert-playlist-sessions
  [id*="rf-"].rf-widget
  .catalog-result
  .session-attributes
  .attribute-Subtrack,
.expert-playlist-sessions
  [id*="rf-"].rf-widget
  .catalog-result
  .session-attributes
  .attribute-DayTime,
.expert-playlist-sessions
  [id*="rf-"].rf-widget
  .catalog-result
  .session-attributes
  .attribute-Track {
  display: none;
}

.expert-playlist-sessions [id*="rf-"].rf-widget .catalog-result {
  display: flex;
  flex-direction: column;
}
.expert-playlist-sessions
  [id*="rf-"].rf-widget
  .catalog-result
  .catalog-result-title {
  order: 1;
}
.expert-playlist-sessions
  [id*="rf-"].rf-widget
  .catalog-result
  > div:nth-of-type(5) {
  order: 2;
}
.expert-playlist-sessions
  [id*="rf-"].rf-widget
  .catalog-result
  > div:nth-of-type(3) {
  order: 3;
}
.expert-playlist-sessions
  [id*="rf-"].rf-widget
  .catalog-result
  > div:nth-of-type(4) {
  order: 4;
}
.expert-playlist-sessions
  [id*="rf-"].rf-widget
  .catalog-result
  > div:nth-of-type(6) {
  order: 10;
}

.expert-playlist-sessions [id*="rf-"].rf-widget .catalog-result .badges .badge {
  border-color: #0f46a7;
  border-radius: 100px;
  color: white;
  background: #0f46a7;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  padding: 4px 10px;
  margin: 4px;
}

.expert-playlist-sessions
  [id*="rf-"].rf-widget
  .catalog-result
  .catalog-result-title
  button
  .title-text {
  color: #0076cb;
  font-size: 21px;
  line-height: 27px;
  font-weight: 400;
}

.expert-playlist-sessions
  [id*="rf-"].rf-widget
  .catalog-result
  .catalog-result-title
  .catalog-result-options
  .favorite-catalog-result
  svg {
  fill: #0076cb;
}
.expert-playlist-sessions
  [id*="rf-"].rf-widget
  .catalog-result
  .session-details
  p
  span {
  color: #0076cb;
}
.expert-playlist-sessions
  div[id*="rf-"].rf-widget
  .rf-collections
  .sub-header-container {
  max-width: 100%;
}
.expert-playlist-sessions
  div[id*="rf-"].rf-widget
  .rf-collections
  .agenda-header {
  border: none;
  padding: 0;
}
.expert-playlist-sessions
  div[id*="rf-"].rf-widget
  .rf-collections
  .agenda-header
  .agenda-header-text {
  width: 100%;
}
.expert-playlist-sessions
  div[id*="rf-"].rf-widget
  .rf-collections
  .agenda-header
  .agenda-header-text
  p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 390;
  color: black;
}
.expert-playlist-sessions
  div[id*="rf-"].rf-widget
  .rf-collections
  .agenda-header
  .agenda-header-text
  h2 {
  font-size: 27px;
  line-height: 32.4px;
  font-weight: 400;
  margin-bottom: 20px;
  color: #0076cb;
}

@media screen and (min-width: 768px) {
  .expert-playlist-sessions
    div[id*="rf-"].rf-widget
    .rf-collections
    .agenda-header
    .agenda-header-text
    h2 {
    font-size: 31.25px;
    line-height: 40.62px;
    font-weight: 400;
  }
}

@media screen and (min-width: 1280px) {
  .expert-playlist-sessions
    div[id*="rf-"].rf-widget
    .rf-collections
    .agenda-header
    .agenda-header-text
    h2 {
    font-size: 35px;
    line-height: 42px;
    font-weight: 400;
  }
}

@media screen and (max-width: 499px) {
  .expert-playlist-sessions
    div[id*="rf-"].rf-widget
    .rf-collections
    .agenda-header
    .agenda-header-text {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.expert-playlist-sessions
  div[id*="rf-"].rf-widget
  .rf-collections
  .collections-container
  .collection-body {
  background: white;
}
.expert-playlist-sessions
  div[id*="rf-"].rf-widget
  .rf-collections
  .collections-container
  .collection-header,
.expert-playlist-sessions
  div[id*="rf-"].rf-widget
  .rf-collections
  .collections-container
  h5 {
  display: none;
}

.expert-playlist-sessions [id*="rf-"].rf-widget .catalog-result {
  -webkit-box-shadow: 0px 0px 15px 0px #00000033;
  box-shadow: 0px 0px 15px 0px #00000033;
  margin-bottom: 30px;
}
.expert-playlist-sessions
  [id*="rf-"].rf-widget
  .catalog-result
  .catalog-result-title
  a
  .title-text {
  font-size: 21px;
  line-height: 27px;
  font-weight: 400;
  margin-bottom: 24px;
  color: #0076cb;
}

.expert-playlist-sessions
  [id*="rf-"].rf-widget
  .catalog-result
  ul.session-actions
  > li
  .session-action {
  border-radius: 0;
  border-width: 1px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.expert-playlist-sessions
  [id*="rf-"].rf-widget
  .catalog-result
  ul.session-actions
  > li
  .session-action
  span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.expert-playlist-sessions
  [id*="rf-"].rf-widget
  .catalog-result
  ul.session-actions
  > li
  .session-schedule
  span::before {
  content: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/calendar_1632332934321001YGyO.svg);
  margin-right: 10px;
}
.expert-playlist-sessions
  [id*="rf-"].rf-widget
  .catalog-result
  ul.session-actions
  > li
  .session-schedule
  span {
  color: #0076cb;
}
.expert-playlist-sessions
  [id*="rf-"].rf-widget
  .catalog-result
  ul.session-actions
  > li
  .session-scheduled {
  background-color: #0076cb;
}
.expert-playlist-sessions
  [id*="rf-"].rf-widget
  .catalog-result
  ul.session-actions
  > li
  .session-scheduled:hover {
  background-color: #065893;
}

.expert-playlist-sessions
  div[id*="rf-"].rf-widget
  .rf-collections
  .collections-container
  .speaker-card {
  display: none;
}

.expert-playlist-sessions .session-time-and-location .session-date-time span {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.expert-playlist-sessions
  .session-time-and-location
  .session-date-time
  .session-date {
  color: black;
  margin-bottom: 0;
}
.expert-playlist-sessions
  [id*="rf-"].rf-widget
  .catalog-result
  .session-attributes
  > div {
  margin-bottom: 8px;
}
.expert-playlist-sessions
  [id*="rf-"].rf-widget
  .catalog-result
  .session-attributes
  span {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: black;
}
.expert-playlist-sessions
  [id*="rf-"].rf-widget
  .catalog-result
  .description
  p
  span {
  color: #565656;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

@media screen and (min-width: 768px) {
  .expert-playlist-sessions .rfwf-full-panel .rfwf-panel-interior {
    padding: 0;
    max-width: 100%;
  }
}
/*end expert sessions page widget styles*/

/* Registration form fixes */


/* DEC-508, profile styles. shares same classes*/
.rf-accessibility .wf-form-element-div button.rfSI:focus,
.rf-accessibility .wf-form-element-div button.rfSI:hover,
.rf-accessibility .wf-form-element-div button.rfSI:active{
  box-shadow: none !important;
}
/*DEC-508, profile styles*/

/*DEC-553 profile form removing white space*/
#special-div .custom-form-content .rfwf-full-panel #contact-info{
  overflow: hidden;
}
/*DEC-553 removing white space*/

input#formAttendee-companyname:hover {
  border-color: #0076cb;
}

input#formAttendee-companyname:focus {
  border-color: #0076cb;
}

input#formAttendee-companyname {
  border-color: #222222;
}

input#formAttendee-email2:hover {
  border-color: #0076cb;
}

input#formAttendee-email2:focus {
  border-color: #0076cb;
}

input#formAttendee-email2 {
  border-color: #222222;
}

#contact-info .rf-input.no-padding.no-label input:hover {
  border-color: #0076cb;
}

#contact-info .rf-input.no-padding.no-label input:focus {
  border-color: #0076cb;
}

#contact-info .rf-input.no-padding.no-label input {
  border-color: #222222;
}

select#\31 600467098467005hdbd:hover {
  border-color: #0076cb;
}

select#\31 600467098467005hdbd:focus {
  border-color: #0076cb;
}

select#\31 600467098467005hdbd {
  border-color: #222222;
}

select#\31 600467098467005hdbd:hover
  + .select-dropdown-icon
  .dropdown-icon-background {
  border-color: #0076cb;
}

select#\31 600467098467005hdbd:focus
  + .select-dropdown-icon
  .dropdown-icon-background {
  border-color: #0076cb;
}

select#\31 600467098467005hdbd
  + .select-dropdown-icon
  .dropdown-icon-background {
  border-color: #222222;
}

div#wf-1615246242680001i6B9 .rf-dropdown-trigger:focus {
  border-color: #0076cb;
}
div#wf-1615246242680001i6B9 .rf-dropdown-trigger:hover {
  border-color: #0076cb;
}

div#wf-1615246242680001i6B9 .rf-dropdown-trigger {
  border-color: #222222;
}

div#wf-1615246242680001i6B9
  .rf-dropdown-trigger:focus
  + .select-dropdown-icon
  .dropdown-icon-background {
  border-color: #0076cb;
}

div#wf-1615246242680001i6B9
  .rf-dropdown-trigger:hover
  + .select-dropdown-icon
  .dropdown-icon-background {
  border-color: #0076cb;
}

div#wf-1615246242680001i6B9
  .rf-dropdown-trigger
  + .select-dropdown-icon
  .dropdown-icon-background {
  border-color: #222222;
}

select#\31 615246826743001dxbq:hover {
  border-color: #0076cb;
}

select#\31 615246826743001dxbq:focus {
  border-color: #0076cb;
}

select#\31 615246826743001dxbq {
  border-color: #222222;
}

select#\31 615246826743001dxbq:hover
  + .select-dropdown-icon
  .dropdown-icon-background {
  border-color: #0076cb;
}

select#\31 615246826743001dxbq:focus
  + .select-dropdown-icon
  .dropdown-icon-background {
  border-color: #0076cb;
}

select#\31 615246826743001dxbq
  + .select-dropdown-icon
  .dropdown-icon-background {
  border-color: #222222;
}

select#\31 615319634429001pdr9:hover {
  border-color: #0076cb;
}

select#\31 615319634429001pdr9:focus {
  border-color: #0076cb;
}

select#\31 615319634429001pdr9 {
  border-color: #222222;
}

select#\31 615319634429001pdr9:hover
  + .select-dropdown-icon
  .dropdown-icon-background {
  border-color: #0076cb;
}

select#\31 615319634429001pdr9:focus
  + .select-dropdown-icon
  .dropdown-icon-background {
  border-color: #0076cb;
}

select#\31 615319634429001pdr9
  + .select-dropdown-icon
  .dropdown-icon-background {
  border-color: #222222;
}

select#\31 615320198650001dbdz:hover {
  border-color: #0076cb;
}

select#\31 615320198650001dbdz:focus {
  border-color: #0076cb;
}

select#\31 615320198650001dbdz {
  border-color: #222222;
}

select#\31 615320198650001dbdz:hover
  + .select-dropdown-icon
  .dropdown-icon-background {
  border-color: #0076cb;
}

select#\31 615320198650001dbdz:focus
  + .select-dropdown-icon
  .dropdown-icon-background {
  border-color: #0076cb;
}

select#\31 615320198650001dbdz
  + .select-dropdown-icon
  .dropdown-icon-background {
  border-color: #222222;
}

select#\31 600467273778006ghyj:hover {
  border-color: #0076cb;
}

select#\31 600467273778006ghyj:focus {
  border-color: #0076cb;
}

select#\31 600467273778006ghyj {
  border-color: #222222;
}

select#\31 600467273778006ghyj:hover
  + .select-dropdown-icon
  .dropdown-icon-background {
  border-color: #0076cb;
}

select#\31 600467273778006ghyj:focus
  + .select-dropdown-icon
  .dropdown-icon-background {
  border-color: #0076cb;
}

select#\31 600467273778006ghyj
  + .select-dropdown-icon
  .dropdown-icon-background {
  border-color: #222222;
}

select#\31 600467354686001h2d0:hover {
  border-color: #0076cb;
}

select#\31 600467354686001h2d0:focus {
  border-color: #0076cb;
}

select#\31 600467354686001h2d0 {
  border-color: #222222;
}

select#\31 600467354686001h2d0:hover
  + .select-dropdown-icon
  .dropdown-icon-background {
  border-color: #0076cb;
}

select#\31 600467354686001h2d0:focus
  + .select-dropdown-icon
  .dropdown-icon-background {
  border-color: #0076cb;
}

select#\31 600467354686001h2d0
  + .select-dropdown-icon
  .dropdown-icon-background {
  border-color: #222222;
}

div#\31 634673010365 .rf-dropdown-trigger:hover {
  border-color: #0076cb;
}
div#\31 634673010365 .rf-dropdown-trigger:focus {
  border-color: #0076cb;
}

div#\31 634673010365 .rf-dropdown-trigger {
  border-color: #222222;
}

div#\31 634673010365
  .rf-dropdown-trigger:hover
  + .select-dropdown-icon
  .dropdown-icon-background {
  border-color: #007db8;
}
div#\31 634673010365
  .rf-dropdown-trigger:focus
  + .select-dropdown-icon
  .dropdown-icon-background {
  border-color: #007db8;
}

div#\31 634673010365
  .rf-dropdown-trigger
  + .select-dropdown-icon
  .dropdown-icon-background {
  border-color: #222222;
}

#myDynamicForm .note {
  color: #222222 !important;
}

#myDynamicForm .rf-select .select-dropdown-icon .rfSI svg {
  fill: #222222;
}

#myDynamicForm a,
#myDynamicForm a:link,
#myDynamicForm a:visited {
  color: #0076cb;
  text-decoration: underline;
}

#myDynamicForm .rf-read-only .rf-label .label-text + .rfSI svg {
  fill: #0076cb;
}

#myDynamicForm .icon-popover-trigger svg {
  width: 24px;
  height: 24px;
  /* padding-bottom: 0px; */
}

#myDynamicForm .icon-popover-trigger {
  margin-bottom: 4px;
}

#myDynamicForm .rf-dropdown-container .rf-dropdown-trigger {
  border-color: black;
}

#myDynamicForm .select-dropdown-icon .dropdown-icon-background {
  border-color: black;
}

/* Registration form fixes */

/*Start - Sponsor Detail */

/*DEC-401
if the li has no children it shouldn't take up space in the layout
MDN list it as having full support on all browsers
*/
.social-media-links li:empty {
  display: none;
}

body.rf-body.sap-sapteched2021-portal-page-sponsors
  .rf-contact-sidebar,
  body.rf-body.sap-sapteched2021-portal-page-sponsors
  .rf-contact-sidebar  {
  border-right: 0px !important;
  max-width: 100% !important;
}

body.rf-body.sap-sapteched2021-portal-page-sponsors
  .rf-contact-sidebar
  .rf-contact-actions,
  body.rf-body.sap-sapteched2021-portal-page-sponsors
  .rf-contact-sidebar
  .rf-contact-actions {
  display: flex;
}

body.rf-body.sap-sapteched2021-portal-page-sponsors
  .rf-contact-sidebar
  .rf-contact-actions
  ul.social-media-links.rf-simple-flex-grid,
  body.rf-body.sap-sapteched2021-portal-page-sponsors
  .rf-contact-sidebar
  .rf-contact-actions
  ul.social-media-links.rf-simple-flex-grid  {
  grid-column-start: 4;
  grid-column-end: 5;
  margin-left: auto !important;
}

body.rf-body.sap-sapteched2021-portal-page-sponsors
  .custom-side-bar-component,
body.rf-body.sap-sapteched2021-portal-page-sponsors
  .exhibitor-request-meeting,
  body.rf-body.sap-sapteched2021-portal-page-sponsors
  .custom-side-bar-component,
body.rf-body.sap-sapteched2021-portal-page-sponsors
  .exhibitor-request-meeting {
  margin-right: 20px;
}

div#custom-side-nav-component3 {
  margin-left: 10px;
  max-width: 500px;
}

body.rf-body.sap-sapteched2021-portal-page-sponsors
  .rf-contact-sidebar
  .rf-contact-actions
  .exhibitor-live-chat
  button,  body.rf-body.sap-sapteched2021-portal-page-sponsors
  .rf-contact-sidebar
  .rf-contact-actions
  .exhibitor-live-chat
  button{
  width: fit-content !important;
  border-radius: 0px !important;
}
#rf-exhibitorcatalog.rf-widget
  .exhibitor-details-page
  .rf-contact-sidebar
  .rf-contact-actions
  .mdBtnR-primary {
  background: #0076cb;
  border-color: #0076cb;
  margin-bottom: 20px;
}
#rf-exhibitorcatalog.rf-widget
  .exhibitor-details-page
  .rf-contact-sidebar
  .rf-contact-actions
  .mdBtnR-primary:hover {
  background: #065893;
}

#rf-exhibitorcatalog.rf-widget
  .exhibitor-details-page
  .exhibitor-details-page-frame
  .exhibitor-title
  .title-info
  h1 {
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 24px;
}
#rf-exhibitorcatalog.rf-widget
  .exhibitor-details-page
  .exhibitor-details-content
  .exhibitor-overview
  h2 {
  margin: 0;
}
#rf-exhibitorcatalog.rf-widget
  .exhibitor-details-page
  .exhibitor-details-content
  .download-file-link {
  padding-bottom: 0;
  margin-bottom: 32px;
}
@media screen and (min-width: 768px) {
  #rf-exhibitorcatalog.rf-widget
    .exhibitor-details-page
    .exhibitor-details-page-frame
    .exhibitor-title
    .title-info
    h1 {
    margin-top: 30px;
    margin-bottom: 34px;
  }
}

body.rf-body.sap-sapteched2021-portal-page-sponsors
  div#exhibitor-files
  ul
  li {
  margin-bottom: 32px !important;
}

body.rf-body.sap-sapteched2021-portal-page-sponsors
  div#exhibitor-files
  h2 {
  font-size: 23px;
  line-height: 29px;
  font-weight: 400;
  font-family: "BentonSans";
  margin-bottom: 32px !important;
}

body.rf-body.sap-sapteched2021-portal-page-sponsors
  .exhibitor-details-page
  .rf-flex-frame.exhibitor-details-page-frame {
  display: block;
}

body.rf-body.sap-sapteched2021-portal-page-sponsors
  .exhibitor-details-page
  .exhibitor-details-content {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

body.rf-body.sap-sapteched2021-portal-page-sponsors
  div#exhibitor-videos {
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 1 !important;
  grid-row-end: 3 !important;
  border-bottom: none !important;
}

body.rf-body.sap-sapteched2021-portal-page-sponsors
  div#exhibitor-files {
  grid-column-start: 4;
  grid-column-end: 5;
  grid-row-start: 5 !important;
  grid-row-end: 6 !important;
  padding-left: 20px !important;
}

body.rf-body.sap-sapteched2021-portal-page-sponsors
  div#exhibitor-sessions {
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 3 !important;
  grid-row-end: 8 !important;
}

body.rf-body.sap-sapteched2021-portal-page-sponsors
  .exhibitor-title.rf-flex-frame {
  display: block;
  margin: 20px 0px 0px 0px !important;
  grid-column-start: 4;
  grid-column-end: 5;
  grid-row-start: 1 !important;
  grid-row-end: 2 !important;
  min-width: 230px;
  padding-left: 20px;
  max-width: 290px;
}

.exhibitor-details-content .exhibitor-url{
  word-break: break-all;
}

body.rf-body.sap-sapteched2021-portal-page-sponsors
  .exhibitor-title.rf-flex-frame
  .exhibitor-logo {
  height: auto;
}

body.rf-body.sap-sapteched2021-portal-page-sponsors
  .exhibitor-title.rf-flex-frame
  .exhibitor-logo
  img {
  width: 100%;
  max-width: 100%;
}

body.rf-body.sap-sapteched2021-portal-page-sponsors
  .exhibitor-title.rf-flex-frame
  .title-info.rf-flex-frame.rf-flex-direction-column.rf-flex-horizontal-center
  h1 {
  font-size: 20px !important;
  display: none;
}

body.rf-body.sap-sapteched2021-portal-page-sponsors
  div#exhibitor-description {
  grid-column-start: 4;
  grid-column-end: 5;
  grid-row-start: 2 !important;
  grid-row-end: 5 !important;
  padding-left: 20px;
  min-width: 230px;
  max-width: 290px;
}

body.rf-body.sap-sapteched2021-portal-page-sponsors
  div#exhibitor-customComponent1 {
  grid-column-start: 4;
  grid-column-end: 5;
  grid-row-start: 6 !important;
  grid-row-end: 7 !important;
  margin-left: 20px !important;
  max-width: 290px;
}

body.rf-body.sap-sapteched2021-portal-page-sponsors
  div#exhibitor-description
  p {
  font-size: 16px;
  line-height: 24px;
  color: #565656;
  font-family: "BentonSans";
}

body.rf-body.sap-sapteched2021-portal-page-sponsors
  div#exhibitor-files {
  border-bottom: none !important;
}

body.rf-body.sap-sapteched2021-portal-page-sponsors
  div#exhibitor-sessions
  h2 {
  display: none;
}

body.rf-body.sap-sapteched2021-portal-page-sponsors
  div#exhibitor-sessions
  li {
  box-shadow: 0px 0px 15px rgb(0 0 0 / 20%);
}

body.rf-body.sap-sapteched2021-portal-page-sponsors
  div#exhibitor-sessions
  li
  .catalog-result-title.session-title.rf-simple-flex-frame
  .catalog-result-title-text
  button
  .title-text {
  color: #0076cb;
  font-weight: 400;
  font-size: 21px;
  line-height: 27px;
  font-family: "BENTONSANS";
}

body.rf-body.sap-sapteched2021-portal-page-sponsors
  div#exhibitor-sessions
  li
  .rf-attribute {
  padding-top: 12px;
}

body.rf-body.sap-sapteched2021-portal-page-sponsors
  div#exhibitor-sessions
  li
  .rf-attribute
  .description
  p
  span {
  font-size: 16px !important;
  line-height: 24px;
  color: #565656;
  font-family: "BentonSans";
}

body.rf-body.sap-sapteched2021-portal-page-sponsors
  .custom-side-bar-component
  div
  a {
  width: fit-content !important;
  border-radius: 0px !important;
}

body.rf-body.sap-sapteched2021-portal-page-sponsors
  .exhibitor-request-meeting
  button {
  width: fit-content !important;
  border-radius: 0px !important;
}

/*Hiding empty divs*/
body.rf-body.sap-sapteched2021-portal-page-sponsors
  div#exhibitor-files:empty {
  display: none;
}
body.rf-body.sap-sapteched2021-portal-page-sponsors
  .exhibitor-title.rf-flex-frame:empty {
  display: none;
}
body.rf-body.sap-sapteched2021-portal-page-sponsors
  div#exhibitor-description:empty {
  display: none;
}
body.rf-body.sap-sapteched2021-portal-page-sponsors
  div#exhibitor-customComponent1:empty {
  display: none;
}
body.rf-body.sap-sapteched2021-portal-page-sponsors
  div#exhibitor-sessions:empty {
  display: none;
}

@media screen and (max-width: 767px) {
  body.rf-body.sap-sapteched2021-portal-page-sponsors
    .rf-contact-sidebar
    .rf-contact-actions {
    display: flex;
    flex-direction: column-reverse;
  }

  body.rf-body.sap-sapteched2021-portal-page-sponsors
    .rf-contact-sidebar
    .rf-contact-actions
    ul.social-media-links.rf-simple-flex-grid {
    margin-left: 0px !important;
    margin-bottom: 24px !important;
  }

  body.rf-body.sap-sapteched2021-portal-page-sponsors
    .rf-contact-sidebar
    .rf-contact-actions
    ul.social-media-links.rf-simple-flex-grid
    li {
    float: left;
  }
}

@media screen and (max-width: 767px) {
  #rf-exhibitorcatalog.rf-widget
    .exhibitor-details-page
    .rf-contact-sidebar
    .mobile-only
    .exhibitor-logo {
    width: 100%;
    max-width: 100%;
  }
  #rf-exhibitorcatalog.rf-widget
    .exhibitor-details-page
    .rf-contact-sidebar
    .mobile-only
    .exhibitor-title {
    padding: 0;
    max-width: 100%;
    width: 66%;
  }
  body.rf-body.sap-sapteched2021-portal-page-sponsors
    div#exhibitor-videos {
    grid-column-start: 1;
    grid-column-end: 5;
    padding: 0px 10px !important;
  }
  body.rf-body.sap-sapteched2021-portal-page-sponsors
    div#exhibitor-sessions {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 5 !important;
    grid-row-end: 8 !important;
    padding: 0px 10px !important;
  }
  .rf-simple-flex-grid.rf-flex-layout-4.mobile-flex .sub-video {
    width: 50%;
  }

  body.rf-body.sap-sapteched2021-portal-page-sponsors
    .rf-contact-sidebar {
    display: flex;
    flex-direction: column-reverse;
    padding: 0px 15px !important;
  }

  body.rf-body.sap-sapteched2021-portal-page-sponsors
    .exhibitor-details-back-to-catalog {
    padding: 0px 15px !important;
    margin-bottom: 30px !important;
  }

  body.rf-body.sap-sapteched2021-portal-page-sponsors
    .exhibitor-title.rf-flex-frame
    .exhibitor-logo {
    height: auto;
  }

  body.rf-body.sap-sapteched2021-portal-page-sponsors
    #rf-exhibitorcatalog.rf-widget
    .exhibitor-details-page
    .exhibitor-details-content {
    padding: 0px !important;
  }

  body.rf-body.sap-sapteched2021-portal-page-sponsors
    div#exhibitor-description {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 3 !important;
    grid-row-end: 4 !important;
    min-width: 230px;
    padding: 0px 15px !important;
    max-width: 100%;
  }

  body.rf-body.sap-sapteched2021-portal-page-sponsors
    div#exhibitor-files {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 4 !important;
    grid-row-end: 5 !important;
    padding: 0px 15px !important;
  }

  body.rf-body.sap-sapteched2021-portal-page-sponsors
    div#exhibitor-customComponent1 {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 8 !important;
    grid-row-end: 9 !important;
    margin-left: 0px !important;
    max-width: 100%;
    padding: 0px 15px !important;
  }

  body.rf-body.sap-sapteched2021-portal-page-sponsors
    .rf-contact-sidebar
    .rf-contact-actions {
    display: flex;
    flex-direction: column-reverse;
  }

  body.rf-body.sap-sapteched2021-portal-page-sponsors
    .rf-contact-sidebar
    .rf-contact-actions
    ul.social-media-links.rf-simple-flex-grid {
    margin-left: 0px !important;
    margin-bottom: 24px !important;
  }

  body.rf-body.sap-sapteched2021-portal-page-sponsors
    .rf-contact-sidebar
    .rf-contact-actions
    ul.social-media-links.rf-simple-flex-grid
    li {
    float: left;
  }

  body.rf-body.sap-sapteched2021-portal-page-sponsors
    .exhibitor-details-page
    .exhibitor-details-content {
    margin-top: 0px !important;
  }
}
#rf-exhibitorcatalog.rf-widget
  .exhibitor-details-page
  .exhibitor-details-page-frame
  .exhibitor-title
  .exhibitor-logo
  img {
  max-width: 100%;
}
#rf-exhibitorcatalog.rf-widget
  .exhibitor-details-page
  .exhibitor-details-content,
#rf-exhibitorcatalog.rf-widget
  .exhibitor-details-page
  .exhibitor-details-back-to-catalog,
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .rf-contact-sidebar {
  padding: 0;
}
@media screen and (min-width: 768px) {
  #rf-exhibitorcatalog.rf-widget
    .exhibitor-details-page
    .rf-contact-sidebar
    .rf-contact-actions {
    margin-bottom: 20px;
  }
  #rf-exhibitorcatalog.rf-widget
    .exhibitor-details-page
    .rf-contact-sidebar
    .rf-contact-actions
    .mdBtnR-primary {
    margin-bottom: 0;
  }
  #rf-exhibitorcatalog.rf-widget
    .exhibitor-details-page
    .rf-contact-sidebar
    .social-media-links {
      /*
    position: absolute;
    right: 40px;
    top: 50px;
    switching to relative because the times will overflow into this div
    */
    position: relative;
  }
  #rf-exhibitorcatalog.rf-widget
    .exhibitor-details-page
    .exhibitor-details-back-to-catalog {
    margin-top: 30px;
    margin-bottom: 28px;
  }
  .exhibitor-details-page
    .exhibitor-videos
    .sub-video.selected
    .sub-video-overlay {
    left: 8px;
    bottom: 4px;
  }
}
@media screen and (min-width: 1280px) {
  #rf-exhibitorcatalog.rf-widget
    .exhibitor-details-page
    .rf-contact-sidebar
    .rf-contact-actions {
    margin-bottom: 40px;
  }
}

div#exhibitor-customComponent1 #id p {
  margin-top: 30px;
}

div#exhibitor-customComponent1 #id:before {
  content: "Links";
  font-size: 23px;
  line-height: 29px;
  font-weight: 400;
  font-family: "BentonSans";
}

div#exhibitor-files ul li a:hover {
  color: #0f46a7;
}

div#exhibitor-files ul li a:hover span svg {
  fill: #0f46a7;
}

div#exhibitor-customComponent1 #id p a:hover {
  color: #0f46a7;
}

.rf-contact-sidebar-content div div button:hover,
.rf-contact-sidebar-content div div a:hover {
  background-color: #065893;
  border-color: #065893;
}

.exhibitor-details-back-to-catalog a:hover {
  color: #0f46a7 !important;
}

.exhibitor-details-back-to-catalog a:hover span svg {
  fill: #0f46a7 !important;
}

/*End - Sponsor Detail */

/*DEC 266 channel 1 page speaker cards*/

.channel1-speakers-container
  .grid-targeted-agenda
  .targeted-agenda-header
  .targeted-agenda-headline {
  text-align: center;
  padding-top: 60px;
}

.channel1-speakers-container
  .grid-targeted-agenda
  .targeted-agenda-header
  .targeted-agenda-headline
  h2 {
  font-size: 27px;
  line-height: 32.4px;
  font-weight: 400;
}

@media screen and (min-width: 768px) {
  .channel1-speakers-container
    .grid-targeted-agenda
    .targeted-agenda-header
    .targeted-agenda-headline
    h2 {
    font-size: 31.25px;
    line-height: 40.62px;
    font-weight: 400;
  }
}
@media screen and (min-width: 1280px) {
  .channel1-speakers-container
    .grid-targeted-agenda
    .targeted-agenda-header
    .targeted-agenda-headline
    h2 {
    font-size: 35px;
    line-height: 42px;
    font-weight: 400;
  }
}

.channel1-speakers-container .rf-speaker-container {
  max-width: 1116px;
  margin: auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.channel1-speakers-container .rf-speaker-container .ta-grid-speaker-card {
  width: 256px;
  -webkit-box-shadow: 0px 0px 15px 0px #00000033;
  box-shadow: 0px 0px 15px 0px #00000033;
  height: 310px;
  margin-bottom: 24px;
  margin-left: 12px;
  margin-right: 12px;
}

.channel1-speakers-container
  .rf-speaker-container
  .ta-grid-speaker-card
  .speaker-photo {
  margin: 24px auto;
  width: 160px;
  height: 160px;
}

.channel1-speakers-container
  .rf-speaker-container
  .ta-grid-speaker-card
  .speaker-photo
  img {
  max-width: 100%;
}

.channel1-speakers-container .rf-speaker-container .ta-grid-speaker-card h3 {
  margin: 0;
}

@media screen and (min-width: 768px) {
  .channel1-speakers-container .rf-speaker-container .ta-grid-speaker-card {
    width: 210px;
  }
}
@media screen and (min-width: 904px) {
  .channel1-speakers-container .rf-speaker-container .ta-grid-speaker-card {
    width: 256px;
  }
}
/*speaker text*/
.channel1-speakers-container .targeted-agenda-header {
  display: none;
}

.speakers-text-container {
  padding-top: 60px;
  text-align: center;
}

.speakers-text-container h1 {
  font-size: 27px;
  line-height: 32.4px;
  font-weight: 400;
  margin-bottom: 10px;
}

.speakers-text-container p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 30px;
}

@media screen and (min-width: 768px) {
  .speakers-text-container h1 {
    font-size: 31.25px;
    line-height: 40.62px;
    font-weight: 400;
  }
  .speakers-text-container p {
    font-size: 16px;
    line-height: 22.4px;
    font-weight: 400;
  }
}

@media screen and (min-width: 1280px) {
  .speakers-text-container h1 {
    font-size: 35px;
    line-height: 42px;
    font-weight: 400;
  }
  .speakers-text-container p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    width: 386px;
    margin-left: auto;
    margin-right: auto;
  }
}

/*
=============================
sponsor schedule styles
=============================
*/

/*hide add participents btn*/
.rfwf-full-panel.meeting-program
  .rfG-row
  .rfG-sm-33:last-of-type
  button.mdBtnR.mdBtnR-outline-primary.input-aligned-label {
  display: none;
}

/*schedule meeting page*/
.rfwf-full-panel.meeting-program {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  border: none;
}

.rfwf-full-panel.meeting-program .rfwf-panel-interior {
  max-width: 1280px;
  padding: 0px;
  margin: 60px 0px 0px 0px;
}

.rfwf-full-panel.meeting-program .rfwf-panel-interior .rfG-row {
  margin: 0px;
}

.rfwf-full-panel.meeting-program .rfwf-panel-interior .rfG-sm-33 {
  width: auto;
  padding: 0px;
  margin-right: 50px;
  width: 314px;
}

.rfwf-full-panel.meeting-program .rfwf-panel-interior h2 {
  width: 51.625rem;
  font-size: 21px;
  font-weight: 400;
  line-height: 31px;
  color: #000000;
}

.rfwf-full-panel.meeting-program
  .rfwf-panel-interior
  > div:not(.meetings-calendar) {
  margin: 60px 0px;
}

.rfwf-full-panel.meeting-program
  .rfwf-panel-interior
  .rf-single-select
  > label
  span:first-of-type,
.rfwf-full-panel.meeting-program
  .rfwf-panel-interior
  .rf-single-select
  > label
  .label-text,
.rf-single-select .rf-label span:first-of-type,
.rfwf-full-panel.meeting-program
  .rfwf-panel-interior
  .rf-single-select
  .rf-label
  .label-text {
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  color: #000000;
}

.rfwf-full-panel.meeting-program .rf-select .rf-dropdown-container {
  width: 19.625rem;
}

.rfwf-full-panel.meeting-program .rf-input.meeting-with-button {
  padding-top: 8px;
}

.rfwf-full-panel.rfwf-orders-buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px 0px 5vh 0px;
}

.rfwf-full-panel.rfwf-orders-buttons .rfwf-panel-interior {
  margin: 0px;
  padding: 0px;
  max-width: none;
  margin-bottom: 10.5vh;
  padding-top: 60px;
  border-top: solid 1px #000000;
}

.rfwf-full-panel.rfwf-orders-buttons
  button.mdBtnR.mdBtnR-outline-primary.pull-left {
  margin-right: 997px;
}

/*loads of button styles*/
.rfwf-full-panel.meeting-program .mdBtnR-primary,
.rfwf-full-panel.meeting-program a.mdBtnR-primary {
  border-radius: 0px;
  background-color: #0076cb;
  width: auto;
  height: 40px;
  padding: 8px 25px;
}

.rfwf-full-panel.meeting-program .mdBtnR-primary span,
.rfwf-full-panel.meeting-program a.mdBtnR-primary span {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
}

.rfwf-full-panel.meeting-program .mdBtnR-outline-primary,
.rfwf-full-panel.meeting-program a.mdBtnR-outline-primary {
  border-radius: 0px;
  background-color: #ffffff;
  border: #0076cb 1px solid;
  width: auto;
  height: 40px;
  padding: 8px 25px;
}

.rfwf-full-panel.meeting-program .mdBtnR-outline-primary span,
.rfwf-full-panel.meeting-program a.mdBtnR-outline-primary span {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #0076cb;
}

.rfwf-full-panel.rfwf-orders-buttons .mdBtnR-outline-primary,
.rfwf-full-panel.rfwf-orders-buttons a.mdBtnR-outline-primary {
  border-radius: 0px;
  background-color: #ffffff;
  border: #0076cb 1px solid;
  width: auto;
  height: 40px;
  padding: 8px 25px;
}

.rfwf-full-panel.rfwf-orders-buttons .mdBtnR-outline-primary span,
.rfwf-full-panel.rfwf-orders-buttons a.mdBtnR-outline-primary span {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #0076cb;
}

.rfwf-full-panel.meeting-program .mdBtnR[class*="mdBtnR-outline"]:disabled,
.rfwf-full-panel.meeting-program .mdBtnR[class*="mdBtnR-outline"][disabled] {
  border-radius: 0px;
  border: #7f7f7f 1px solid;
}

.rfwf-full-panel.meeting-program .mdBtnR[class*="mdBtnR-outline"]:disabled span,
.rfwf-full-panel.meeting-program
  .mdBtnR[class*="mdBtnR-outline"][disabled]
  span {
  color: #7f7f7f;
}

.rfwf-full-panel.rfwf-orders-buttons .mdBtnR-primary,
.rfwf-full-panel.rfwf-orders-buttons a.mdBtnR-primary {
  border-radius: 0px;
  border: none;
  background-color: #0076cb;
  width: auto;
  height: 40px;
  padding: 8px 25px;
}

.rfwf-full-panel.rfwf-orders-buttons .mdBtnR-primary span,
.rfwf-full-panel.rfwf-orders-buttons a.mdBtnR-primary span {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
}

/*tablet and smaller laptops*/
@media screen and (max-width: 1280px) {
  .rfwf-full-panel.meeting-program .rfwf-panel-interior {
    padding: 0px 30px;
    width: 100%;
  }

  .rfwf-full-panel.meeting-program .rfwf-panel-interior h2 {
    max-width: 51.625rem;
    width: auto;
  }

  .rfwf-full-panel.meeting-program .rfwf-panel-interior .rfG-row:last-of-type {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }

  .rfwf-full-panel.rfwf-orders-buttons {
    padding: 0px 30px;
    align-items: normal;
  }

  .rfwf-full-panel.rfwf-orders-buttons
    button.mdBtnR.mdBtnR-outline-primary.pull-left {
    margin: 0px;
  }

  .rfwf-full-panel.rfwf-orders-buttons .rfwf-panel-interior {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .rfwf-full-panel.rfwf-orders-buttons .rfwf-panel-interior::before {
    display: none;
  }

  .rfwf-full-panel.rfwf-orders-buttons .rfwf-panel-interior::after {
    display: none;
  }
}

/*mobile*/
@media screen and (max-width: 500px) {
  .rfwf-full-panel.meeting-program .rfwf-panel-interior {
    padding: 0px 10px;
  }

  .rfwf-full-panel.meeting-program .rfwf-panel-interior h2 {
    font-size: 16px;
    line-height: 24px;
  }

  .rfwf-full-panel.meeting-program .rfwf-panel-interior .rfG-sm-33 {
    width: 18.5rem;
  }

  .rfwf-full-panel.meeting-program .rf-select .rf-dropdown-container {
    width: 18.5rem;
  }

  .rfwf-full-panel.meeting-program
    button.mdBtnR.mdBtnR-outline-primary.input-aligned-label {
    margin-top: 0px;
    margin-bottom: 8px;
  }

  .rfwf-full-panel.rfwf-orders-buttons {
    padding: 0px 10px;
  }
}

/*meeting form*/

.rfwf-full-panel.form-id-1625076429291017jSz4 {
  background: #ffffff;
  padding: 0px;
  margin: 0px;
}

.form-id-1625076429291017jSz4 #contact-info {
  padding: 0px;
  margin: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: none;
}

.form-id-1625076429291017jSz4 #contact-info:before {
  display: none;
}

.form-id-1625076429291017jSz4 #contact-info:after {
  display: none;
}

.form-id-1625076429291017jSz4 #contact-info form {
  width: 1280px;
  margin-top: 60px;
  margin-bottom: 22.8vh;
}

.form-id-1625076429291017jSz4 #contact-info form .rf-textarea textarea {
  border-radius: 0px;
}

.form-id-1625076429291017jSz4 #contact-info span.label-text {
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  color: #000000;
}

.form-id-1625076429291017jSz4
  #contact-info
  input:not([type="checkbox"]):not([type="radio"]):not(.mdBtnR),
.rf-input textarea {
  max-width: none;
}

.form-id-1625076429291017jSz4 #contact-info form .form-footer-actions {
  padding-top: 60px;
  border-top: solid 1px #000000;
}

/*smaller laptops and tablet*/
@media screen and (max-width: 1280px) {
  .form-id-1625076429291017jSz4 #contact-info form {
    width: 704px;
  }
}

/*mobile*/
@media screen and (max-width: 500px) {
  .form-id-1625076429291017jSz4 #contact-info form {
    width: 296px;
    margin-bottom: 40px;
  }
}

/*meeting confirm page*/

/*this class is coming from js*/
.meeting-confirm-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.meeting-confirm-wrapper .flex-box-section .rf-card {
  margin-bottom: 20vh;
}

.meeting-confirm-wrapper .flex-box-section-full.bannerStyle3 {
  display: flex;
  justify-content: flex-start;
  width: 1280px;
  margin-top: 60px;
  margin-bottom: 23px;
}

.meeting-confirm-wrapper .flex-box-section-full {
  width: 1280px;
}

.bg1 > .bg2 > .container {
  padding: 0px;
  margin: 0px;
}

.meeting-confirm-wrapper .flex-box-section-full.bannerStyle3 h3 {
  font-size: 27px;
  font-weight: 400;
  line-height: 35px;
  color: #000000;
}

.meeting-confirm-wrapper .flex-box-section-full p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #000000;
  margin-bottom: 23px;
}

.meeting-confirm-wrapper .col-md-6 {
  width: 50%;
  float: left;
}

.meeting-confirm-wrapper .list-group-item strong {
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  color: #000000;
}

.meeting-confirm-wrapper .rf-card .card-header {
  border-radius: 0px;
  border-color: #3c3c3c;
  margin-bottom: 23px;
}

.meeting-confirm-wrapper .card-header h5 {
  text-align: center;
}

.meeting-confirm-wrapper .card-header h5 b {
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  color: #000000;
}

ul.list-group.mb-3.list-group-flush .list-group-item {
  margin-bottom: 8px;
}

.meeting-confirm-wrapper .d-block.mb-3 h5 {
  font-size: 21px;
  font-weight: 400;
  line-height: 27px;
  color: #000000;
}

.meeting-confirm-wrapper .d-block.mb-3 p strong {
  font-size: 16px;
  font-weight: 400 !important;
  line-height: 24px;
  color: #000000;
}

.meeting-confirm-wrapper .rf-body.p-4.p-lg-5 .d-block.mb-3 {
  margin-top: 23px;
}

/*cleaning up line breaks*/
.rf-body.p-4.p-lg-5 p br:nth-last-of-type(-n + 2) {
  display: none;
}

/*tablet and smaller laptops*/
@media screen and (max-width: 1280px) {
  .meeting-confirm-wrapper .flex-box-section-full {
    width: 704px;
  }

  .meeting-confirm-wrapper .flex-box-section-full.bannerStyle3 {
    width: 704px;
  }
}

/*mobile*/
@media screen and (max-width: 500px) {
  .meeting-confirm-wrapper .flex-box-section-full {
    width: 296px;
  }

  .meeting-confirm-wrapper .flex-box-section-full.bannerStyle3 {
    width: 296px;
  }

  .meeting-confirm-wrapper .col-md-6 {
    width: 100%;
  }

  .meeting-confirm-wrapper .col-md-6:last-of-type {
    margin-top: 23px;
  }
}

/*meeting confirm page end*/

/*
=============================
sponsor schedule styles end
=============================
*/

/* DEC- 390*/
.homepage-overview-section-3
  .homepage-overview-section3-text-container
  p:last-child {
  display: none;
}
/* DEC- 390*/

/* DEC-397  sharpen image*/
img.channel1-desktop-img {
  image-rendering: pixelated;
}
/* DEC-397 */

/* DEC-394  overview page issues*/
#home-overview-splide .splide__slide:nth-child(2) a img {
  width: 100%;
  height: 199.27px;
}
/* DEC-394  overview page issues*/

/* DEC-475 */

img.channel1-mobile-img {
  image-rendering: pixelated;
}

/* DEC-475 */



/*========================
Start DEC-344 channel 1 live
==========================*/

/*post event header styles DEC-593*/

.post-event-channel1-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 80px 0px;
}

.post-event-channel1-header div:first-of-type{
  max-width: 720px;
  min-width: 296px;
}

.post-event-channel1-header h1 {
  font-size: 46px;
  font-style: normal;
  font-weight: 700;
  line-height: 55px;
  color: #000000;
}

.post-event-channel1-header p{
  font-size: 27px;
  font-style: normal;
  font-weight: 400;
  line-height: 35px;
  color: #000000;
  margin: 15px 0px;
} 

@media screen and (max-width:1280px){
  .post-event-channel1-header {
    margin: 60px 0px;
  }
  .post-event-channel1-header h1 {
    font-size: 39px;
    line-height: 46px;
  }
  .post-event-channel1-header p{
    font-size: 25px;
    line-height: 32px;
  }
}

@media screen and (max-width:760px){
  .post-event-channel1-header {
    flex-direction: column;  
  }
}
@media screen and (max-width:500px){
  .post-event-channel1-header {
    margin: 24px 0px;
  }
  .post-event-channel1-header h1 {
    font-size: 35px;
    line-height: 39px;
  }
  .post-event-channel1-header p{
    margin: 32px 0px;
    font-size: 23px;
    line-height: 29px;
  }
}

.post-event-channel1-header p:last-of-type span{
  display:block;
}
.page-builder-display-reset img{
  max-width:initial;
}
@media screen and (min-width:768px){
  .post-event-channel1-header p span{
    display:block;
  }
}
@media screen and (min-width:1280px){
  .post-event-channel1-header img{
    content:url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/Group%2042_1637105577063001KPpK.png);
  }
}

/*post event header styles DEC-593*/

/*box shadow for last card*/
#firstDaysSplide-track:before {
  content:'';
  position: absolute;
  top: 0px;
  left:0px;
  width: 100%;
  height: 330px;
  z-index: 5;
  -webkit-box-shadow: inset -30px 0px 30px -30px #222222;
  box-shadow: inset -30px 0px 30px -30px #222222;
  pointer-events: none;
}

#secondDaysSplide:before{
  content:'';
  position: absolute;
  top: 0px;
  left:0px;
  width: 100%;
  height: 330px;
  z-index: 5;
  -webkit-box-shadow: inset -30px 0px 30px -30px #222222;
  box-shadow: inset -30px 0px 30px -30px #222222;
  pointer-events: none;
}
/*box shadow for last card*/

/*DEC-571*/
.room-info-container .room-info-up-next{
  border: none;
  box-shadow: 0px 0px 15px 0px #00000033;
}


.pigeonhole-room-container .pigeonhole-room-video{
  margin-right: 0px;
}

.room-info-container .room-info-up-next {
  margin-right: 10px;
}

.pigeonhole-room-container .pigeonhole-room-qanda{
  margin-right: 10px;
}


.room-info-container .room-info-details .mdBtnR.mdBtnR-primary{
  border-radius: 0px;
  text-align: center;
  padding: 8px 25px !important;
}

.room-info-container .room-info-details .mdBtnR.mdBtnR-primary:hover{
  background: #065893;
  text-decoration:none;
}

.room-info-container .room-title-and-time .room-info-time{
  color: #727272;
}

#video-room-card-1631719193920001yQXx .video-room-card {
  margin-top: 30px;
}

.channel1live-video-container .vjs-loading-spinner{
  width: 50px;
}

@media (max-width:500px) {
  .pigeonhole-room-container .pigeonhole-room-qanda{
    margin-right: 0px;
  }

  .room-info-container .room-info-up-next{
    margin: auto;
  }
}

/*DEC-571*/

#channel1-guide-container{
  padding-top: 60px;
  padding-bottom: 60px;
}
#channel1-guide-header{
  display:flex;
}
#channel1-guide-header > h1{
  font-size:32px;
  line-height:45px;
  font-weight:700;
  color:white;
  margin-bottom:0;
  margin-top:auto;
}
#channel1-guide-header > img{
  margin-bottom:0;
  margin-left:auto;
  width:127.24px;
}
#channel1-guide-container > img{
  height:5px;
  width:100%;
}

.room-info-container .rfSI.rfSI-disabled svg:hover{
  fill: #0076CB;
}
/*DEC-547*/

@media screen and (max-width:767px){
  #channel1-guide-header > h1{
    font-size:27px; line-height:32.4px; font-weight:bold;
  }
  #channel1-guide-header > img,
  .lv-crslbtns{
    display:none;
  }
}

#channel1-guide-container > p{
  margin-top:30px;
  color:white;
  font-size: 21px;
  line-height: 31px;
}
#channel1-session-section{
  margin-top:30px;
}
.lv-spkrDtls{
  display:flex;
  flex-wrap:wrap;
  margin-top: 15px;
}
.lv-spkrDtls > div{
  display:flex;
  /*speakers line up for channel 1 live splide*/
  width: 280px;
  margin-bottom: 15px;
}
.lv-spkrDtls > div > div{
  flex-shrink:0;
}
#channel1-session-section div.splide__arrows{
  display:none;
}

#channel1-session-section div.splide__arrows > button{
  background-color:unset
}
#channel1-session-section ul.splide__pagination{
  margin-top:30px
}
#ssnDetails{
  overflow:hidden;
}
#ssnDetails > #generatedSessionDiv{
  margin-top:30px;
}
#generatedSessionDiv > div.ssnDetails-ssnSpecifics > div{
  margin-top:20px;
}

div#lv-days {
  display: inline-flex;
  width: 100%;
}

h4#lv-day1, h4#lv-day2 {
  margin-right: 20px;
  line-height: 24px;
  font-size: 16px;
  font-weight: 400;
  font-family: 'BentonSans' !important;
  padding-bottom: 10px;
  cursor: default;
}

h4#lv-day1.actv, h4#lv-day2.actv {
  border-bottom: 2px solid #4FB81C;
}

#firstDays, #secondDays {
  /* width: 100%; */
  /* display: inline-block; */
  /* overflow: auto; */
  /* overflow-y: hidden; */
  /* max-width: 100%; */
  /* margin: 0 -5px; */
  /* white-space: nowrap; */
  margin-top: 30px !important; 
  padding: 0px;
  gap: 5px;
}
#firstDays h1, #secondDays h1{
  display: none;
}
#firstDaysMobile, #secondDaysMobile {
  display:flex;
  flex-direction:column;
  gap:5px;
}
#firstDays li, #secondDays li,
#firstDaysMobile > div, #secondDaysMobile > div {
  background-color: #A5D3EA;
  list-style: none;
  min-height: 300px !important;
  padding: 15px;
  white-space: normal;
}
#firstDays li:hover, #secondDays li:hover,
#firstDaysMobile > div:hover, #secondDaysMobile > div:hover {
  background-color: #CBE8F7 ;
}
#firstDaysMobile > div, #secondDaysMobile > div{
  margin:0;
  min-height:120px !important;
  width: 100%;
}
#firstDaysMobile > div > span, #secondDaysMobile > div > span{
  margin-left:15px;
}
li.sessionCard p{
  margin:0;
  line-height:24px;
  color:black;
}
li.sessionCard > p.lv-endTime{
  font-weight:500;
}
li.sessionCard > p.lv-srtTime{
  margin-top:5px;
}
li.sessionCard > p.lv-subTitle{
  margin-top:9px;
}
.mobileCards > .sessionCard{
  padding:15px 0 0 !important;
}
.mobileCards > .sessionCard > p{
  padding:0;
  margin:0;
  font-size:14px;
  line-height:21px;
}
.mobileCards > .sessionCard > p.lv-endTime{
  font-weight:500;
  display:inline;
  padding-right: 5px;
  padding-left:15px;
}
.mobileCards > .sessionCard > p.lv-srtTime{
  display:inline;
}
.mobileCards > .sessionCard > p.lv-subTitle{
  margin:5px 15px 0;
  margin-bottom:15px;
}
.mobileCards > .sessionCard > p.lv-ssnId{
  height:0;
}
.mobileCards #generatedSessionDiv{
  background-color:#222222;
  padding:15px;
  margin:0 1px 1px 1px;
}
#generatedSessionDiv p{
  color:white;
  font-size:14px;
  line-height:21px;
}
#generatedSessionDiv > p > ul *{
  color:#93C939!important;
}
#generatedSessionDiv > p > ul {
  padding:0 ;
}
#firstDays svg, #secondDays svg{
  position: absolute;
  bottom: 20px;
  margin-left: 0;
  width: 100%;
  left: 0;
}
#firstDays  svg path, #secondDays svg path{
  fill: #A5D3EA ;
}
#firstDays .lv-ssnLive svg path, #secondDays .lv-ssnLive svg path{
  fill: #0f47a7;
}
#firstDays .pastSession svg path, #secondDays .pastSession svg path{
  fill: #3C3C3C ;
}
#firstDays li:hover svg path, #secondDays li:hover svg path{
  fill: #A5D3EA ;
}
#firstDays li.lv-ssnLive:hover svg path, #secondDays li.lv-ssnLive:hover svg path{
  fill: #007DB8 ;
}
#firstDays li.pastSession:hover svg path, #secondDays li.pastSession:hover svg path{
  fill: #969696 ;
}
#firstDays li.clickedCard svg path, #secondDays li.clickedCard svg path{
  fill: black ;
}
#firstDays li.lv-ssnLive.clickedCard svg path, #secondDays li.lv-ssnLive.clickedCard svg path{
  fill: white ;
}
#firstDays li.pastSession.clickedCard svg path, #secondDays li.pastSession.clickedCard svg path{
  fill: white ;
}
.lv-ssnLive {
  background: linear-gradient(117.92deg, #93C939 2.51%, #4FB81C 5.97%, #0076CB 13.63%, #0F46A7 38.07%);
}
.lv-ssnLive p, .lv-ssnLive span{
  color: white !important;
  /* height: 10px; */
}
.lv-btn {
  background-color: #0F46A7;
  padding: 4px 10px !important;
  border-radius: 25px;
  margin-bottom: 10px;
  display: inline-block;
}

#firstDays li.clickedCard, #secondDays li.clickedCard,
#firstDaysMobile div.clickedCard, #secondDaysMobile div.clickedCard {
  background-color: #43A2D0;
}

div.lv-spkrImg {
  background-color: black;
  height: 75px;
  width: 75px;
  border-radius: 50px;
  float: left;
  margin-right: 20px;
}
.lv-spkrDtls p {
  margin: 0 !important;
}
div#channel1-guide {
  background-color: #222222;
/*   padding: 0px 40px; */
}
div#lv-days h4 {
  color: white;
}
div#ssnDetails p,
div#ssnDetailsMobile p {
  color: white;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  font-family: 'BentonSans' !important;
}
p.lv-subtitle{
  margin:20px 0px 0px;
}
.ssnDetails-ssnSpecifics{
  margin-top:20px;
}
.ssnDetails-ssnSpecifics > p{
  margin:0;
}
svg.lv-crslbtn {
  height: 32px;
}
svg.lv-crslnext.lv-crslbtn {
  transform: rotate(180deg);
  margin-left: 20px;
}
.lv-crslbtns {
  margin-left: auto;
/*   padding: 20px 0px; */
}
div.lv-spkrImg img {
  height: inherit;
  width: inherit;
  border-radius: 50px;
}
#channel1-guide .lv-crslbtns img{
  margin-right:20px;
  cursor:pointer;
}

#ssnDetails > #generatedSessionDiv > a.lv-title {
  color: #93C939;
  font-size: 27px;
  line-height: 35px;
  margin:0;
}
#ssnDetails > #generatedSessionDiv p.fullName {
  font-weight: 500 !important;
}
.not-actv{
  display:none !important;
}
.pastSession{
  background-color: #3C3C3C !important;
}
.pastSession > p{
  color:white !important;
}
.pastSession:hover{
  background-color: #727272 !important;
}
.pastSession.clickedCard{
  background-color: black !important;
}
@media screen and (max-width:767px){
  #ssnDetails > #generatedSessionDiv > a.lv-title {
    font-size:25px;
    line-height:32.5px;
  }
}
@media screen and (max-width: 500px) {
  #firstDaysSplide.actv.desktop, #secondDaysSplide.actv.desktop{
    display:none !important;
  }
  #firstDaysMobile.actv.mobile, #secondDaysMobile.actv.mobile{
    display:flex !important;
  }
}
@media screen and (min-width: 501px) {
  #firstDaysSplide.actv.desktop, #secondDaysSplide.actv.desktop{
    display:block !important;
  }
  #firstDaysMobile.actv.mobile, #secondDaysMobile.actv.mobile{
    display:none !important;
  }
}
/*End DEC-344*/

/*DEC-515 Ribbon Banner styles*/
.ribbon-banner-container{
  background: linear-gradient(360deg, rgba(229, 229, 229, 0.73) 0%, rgba(229, 229, 229, 0.29) 13.02%, rgba(229, 229, 229, 0) 100%);
  margin:0;
  padding-top:10px; padding-bottom:10px;
}
.ribbon-banner-container .ribbon-text{
  font-size: 12px; line-height: 24px; font-weight: 390; margin:auto;}

.ribbon-banner-container .ribbon-text a {color: #0076CB;}

@media screen and (min-width:1024px){
  .ribbon-banner-container .ribbon-text{font-size:14px; line-height:21px; font-weight:400;}
}

.video-js .vjs-icon-placeholder {
  font-family: 'VideoJS' !important;
}

/*DEC-514 home speaker cards*/
.rfComp-canvas .channel1live-featured-speaker-heading 
  { text-align: center; margin-top: 44px; margin-bottom: 40px; font-size: 27px; line-height: 32.4px; font-weight: 700; }

.featured-guests .targeted-agenda-section 
  {margin-bottom:0;}

.page-builder-display-reset > .featured-guests ~ .featured-guests .targeted-agenda-header
  {margin-bottom:30px; margin-top:75px;}

.featured-guests .rf-speaker-container .ta-grid-speaker-card .speaker-photo 
  { margin-bottom: 24px; width:160px; height:160px }

.featured-guests .rf-speaker-container .ta-grid-speaker-card .speaker-photo img{
  max-width:160px;
}

.featured-guests .speaker-info .rf-result-title 
  { font-size: 19px; line-height: 28.5px; font-weight: 500; margin: 0; }

.featured-guests .speaker-info .company-info 
  { font-size: 16px; line-height: 24px; font-weight: 390; }

.featured-guests .targeted-agenda-headline h2 
  { font-size: 23px; line-height: 29.9px; font-weight: 400; text-align: center; margin-bottom: 30px; }

.featured-guests .rf-speaker-container { 
  margin: auto; 
  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; 
}
.featured-guests .rf-speaker-container .ta-grid-speaker-card { 
  width: 276px; 
  -webkit-box-shadow: 0px 0px 15px 0px #00000033; box-shadow: 0px 0px 15px 0px #00000033; 
  padding-top: 24px; 
  margin:12px;
  height: 325px; 
}
@media screen and (min-width: 550px) { 
  .featured-guests .rf-speaker-container .ta-grid-speaker-card 
    { width: 45%; } 
}
@media screen and (min-width: 768px) { 
  .rfComp-canvas .channel1live-featured-speaker-heading 
    { font-size: 25px; line-height: 32.5px; font-weight: 700; } 

  .featured-guests .targeted-agenda-headline h2 
    { font-size: 25px; line-height: 32.5px; font-weight: 400; }

  .featured-guests .rf-speaker-container .ta-grid-speaker-card 
    { width: 29%; margin:0 12px; }

  .featured-guests .speaker-info .rf-result-title 
    { font-size: 20px; line-height: 28px; font-weight: 500; }
}
@media screen and (min-width: 1280px) { 
  .featured-guests .rf-speaker-container .ta-grid-speaker-card 
    { margin:0 16px; }
  .rfComp-canvas .channel1live-featured-speaker-heading 
    { font-size: 35px; line-height: 42px; font-weight: 700; margin-top:80px; } 

  .featured-guests .targeted-agenda-headline h2 
    { font-size: 31.25px; line-height: 40.62px; font-weight: 400; }
}

/*modal styles*/
.rf-default-modal.rf-speaker-modal .modal-header 
  { border-bottom: none; }

.rf-default-modal.rf-speaker-modal .modal-header .modal-title 
  { font-size: 21px; line-height: 27px; font-weight: 400; color: #0076cb; }

.rf-default-modal.rf-speaker-modal .modal-header button 
  { opacity: 1; }

.rf-default-modal.rf-speaker-modal .modal-header svg 
  { fill: #0076cb; -webkit-transform: none; transform: none; }

.rf-default-modal.rf-speaker-modal .speaker-photo img 
  { border-radius: 0; }

.rf-default-modal.rf-speaker-modal .speaker-full-name 
  { font-size: 27px; line-height: 35px; font-weight: 400; color: #0F46A7; }

.rf-default-modal.rf-speaker-modal .speaker-company-name-job-title 
  { font-size: 21px; line-height: 27px; font-weight: 400; color: #727272; }

.rf-default-modal.rf-speaker-modal .speaker-bio 
  { font-size: 16px; line-height: 24px; font-weight: 390; }

.rf-default-modal.rf-speaker-modal .see-all-sessions-btn
  {align-items:center;}

.rf-default-modal.rf-speaker-modal .see-all-sessions-btn svg
  {fill:#0076cb;}
  
.rf-default-modal.rf-speaker-modal .see-all-sessions-btn span 
  { text-transform: capitalize; font-size: 16px; line-height: 24px; font-weight: 400; color: #0076cb; }

/*channel 1 live brightcove video section*/
.channel1live-video-container 
  { background: -webkit-gradient(linear, left top, left bottom, color-stop(-95.65%, #C4C4C4), color-stop(20.71%, #FFFFFF), color-stop(74.17%, #FFFFFF), color-stop(206.25%, #C4C4C4)); 
    background: linear-gradient(180deg, #C4C4C4 -95.65%, #FFFFFF 20.71%, #FFFFFF 74.17%, #C4C4C4 206.25%); 
    padding-top: 80px; padding-bottom: 80px; }

.channel1live-video-container .channel1live-video-header { margin-bottom: 30px; }
.channel1live-video-container div { width: 100%; }
.channel1live-video-container img { float: right; margin-left: 50px; margin-bottom: 30px; }
.channel1live-video-container h1 { margin: 0; font-size: 46px; line-height: 55px; font-weight: 700; }
.channel1live-video-container p { font-size: 21px; line-height: 27px; font-weight: 400; max-width: 663px; }

.survey_title,
.survey_iframe {
    display: none;
}

@media (max-width:500px){
  /*I know we already have queries but this is a quick fix
  DEC-523
  */
  .channel1live-video-container .channel1live-video-header {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .channel1live-video-container img{
    float: initial;
    margin-left: 0px;
  }

  .channel1live-video-container h1{
    font-size: 35px;
    line-height: 39px;
    align-self:flex-start;
  }

  .channel1live-video-container p{
    font-size: 19px;
    line-height: 24px;
  }
}

.room-info-container .room-info-up-next .up-next-overflow-fade{
  background-image:none;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff)); background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
}

#channel1-guide .lv-crslbtns img{
  margin-right:20px;
  cursor:pointer;
}

/*sponsor chat fix on mobile*/
.rf-chat.rf-mobile-chat .rf-chat-container{
  top:auto;
}

/*session play button fix*/
.video-js:hover .vjs-big-play-button{
  background-color:#0076cb;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before{
  font-size:3.5em!important;
  height:auto;
  top:50%;
  transform:translateY(-50%);
}

.video-js .vjs-big-play-button{
  width:100px;
  height:100px;
  margin:0;
  transform:translate(-50%,-50%);
  font-size: inherit;
}


/*safari grey bar fix to upcoming sessions on ch1 live*/
.room-info-container .room-info-up-next .up-next-overflow-fade{
  background-image:none;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff)); background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
}

/*DEC-551*/
@media screen and (max-width:767px){
  .ch1live-video-card .rf-carousel-slide-container .mtop-24,
  .ch1live-video-card .rf-carousel-slide-container .mbtn-16{
    margin-top:0!important;
    margin-bottom:0!important;
  }
  .ch1live-video-card .rf-carousel-slide-container{
    align-items:stretch;
  }
  .ch1live-video-card .rf-carousel-slide-container .room-info-container{
    justify-content: space-evenly ;
  }
  .ch1live-video-card .rf-carousel-slide-container .room-info-container>div{
    flex:0;
    margin-bottom:0;
  }
}

/*DEC-550*/
#widget-page-session-details > div.session-details-container > div > div > div.webinar-info-content > div > div > button.webinar-status-active{
  height:unset;
}
#widget-page-session-details > div.session-details-container > div:nth-child(8) > div > div.webinar-info-actions.rf-flex-frame.rf-flex-vertical-center.rf-flex-wrap > button.mdBtnR.mdBtnR-primary.session-scheduled.session-action.mdBtnR-adv{
  margin:0;
}
/*DEC-553 profile form removing white space*/
#special-div .custom-form-content .rfwf-full-panel #contact-info{
  overflow: hidden;
}
/*DEC-554 */
.rf-tile-container .rf-tile .rf-tile-info {
  max-height: none;
  -webkit-line-clamp: 4;
}

/*fix to session details similar sessions*/
#widget-page-session-details .rf-tile-container .rf-tile .rf-tile-info{
  max-height:75px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
/*fix to session catalog for 'you are a participant' text width accomodation*/
.session-catalog #rf-catalog ul.session-actions > li button{
  width:fit-content;
  max-width:100%;
}
@media screen and (max-width:499px){
  .session-catalog #rf-catalog ul.session-actions > li button{
    margin-right:0;
  }
  .session-catalog #rf-catalog ul.session-actions > li button span{
    font-size:14.5px;
  }
}

/*session details brightcove player time fix*/
#widget-page-session-details .vjs-current-time-display,
#widget-page-session-details .vjs-duration-display{
  align-self:center;
}
/*DEC-575 upskill career video fix tablet*/
@media screen and (min-width:768px) and (max-width:1279px){
  .homepage-overview-section-3 .homepage-overview-section3-text-container{
    max-width:798px;
    margin-left:auto;
    margin-right:auto;
  }
  .homepage-overview-section-3 .flex-box-child{
    width:100%;
  }
}

/*DEC-575 agenda/channel1/tracks tablet fix */
@media screen and (min-width:768px) and (max-width:1279px){
  .homepage-overview-section-2 .homepage-overview-section2-card-container > p{
    margin-bottom:0;
  }
  .homepage-overview-section-2
  .homepage-overview-section2-wrapper
  .homepage-overview-section2-card-container
  p:nth-child(2)
  a{
    margin-bottom:20px;
  }
}
/*DEC-575 footer socials 2x2 on tablet sizes*/
@media screen and (min-width:768px) and (max-width:1279px){
  ul.social-footer{
    width:200px;
  }
}
/*channel 1 favorite topic hours image*/
.channel1live-favorite-container .favorite-topic-hours-img{
  margin:48px auto;
  display:flex;
}
@media screen and (min-width:768px){
  .channel1live-favorite-container .favorite-topic-hours-img{
    float:right;
    margin:0 0 0 30px;
    content: url(https://static.rainfocus.com/sap/sapteched2021/static/staticfile/staticfile/Group%2036_1636726802459001sT4t.png);
  }
}
/*DEC-581 session video fix on safari*/
#widget-page-session-details .webinar-info-session-details .session-time-and-location button{
  height:100%;
  margin-bottom:0;
}
@media screen and (max-width:413px){
  #widget-page-session-details .video-js .vjs-control{
    width:40px !important
  }
}

/*Remove dots from SAP TechEd Tracks*/
.rf-workflow .keep-bullets ul li, .page-builder-content .keep-bullets ul li {
  list-style-type: none !important;
}