.video-header .video-element{
height: 100%;
}
.video-header-mobile .video-element{
max-height: 100%;
}
.video-header-dark .video-element{
  background-color:#0a0a3f;
}
.video-header-mobile-dark .video-element{
background-color:#0a0a3f;
}
.webinar-header h1{
    text-transform: none;
}
.webinar-header span{
    font-style: normal;
}
.color-1-background-opacity{
background-color:#f4f8fb;
}
/*@media screen and (max-width: 768px) {
.home .video-header{
display: none;
}
  .home .webinar-header-desktop {
    display:none;
  }
  .webinar-header-small-img {
   font-size: 30px;
  }
}*/
@media screen and (min-width: 769px) {
.home .video-header-mobile{
display:none;
}
  .home .webinar-header-mobile {
    display:none;
  }
  .webinar-header-person .col-sm-offset-1 {
    margin-left:0;
    text-align:left;
  }
  .webinar-header-person .date-venue-holder, 
  .webinar-header-person .date-venue-holder .custom-font,
  .webinar-header-person .form-group {
    text-align:left;
  }
  .webinar-header-small-img .element-groups,
  .wm-about-the-event .element-groups
  {
	    display: flex;
	    align-items: center;
	}
}

.webinar-header-small-img .element-12928663{
  margin: auto 0;
}
h1, h2, h2, h4, h5{
  text-transform: none !important;
}
@media screen and (min-width: 616px) and (max-width: 768px) {
  .webinar-header-bg .main-app-container{
  padding-bottom:500px;
  }
}
@media screen and (min-width: 481px) and (max-width: 615px) {
  .webinar-header-bg .main-app-container{
  padding-bottom:410px;
  }
}
.element-28529888 {text-align: left;}

.element-28825352 {
  text-align: left;
}

body {
  /*background-image: url('https://www.walkme.com/wp-content/uploads/2025/04/back8_267feada.jpg');*/
  background-image: url('https://www.walkme.com/wp-content/uploads/2025/04/sappire-bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
}
/* higher desktop resolution */
@media (min-width: 2100px) {
  body{
  	background-size:125%;
    background-position:center;
  }
}
@media (max-width: 1600px) and (min-width:992px){
  body{ background-size:160%;}
}
/* Tablet background */
@media (max-width: 991px) {
  body {
    background-image: url('https://www.walkme.com/wp-content/uploads/2025/04/sappire-mob-bg.jpg');
    /*background-image: url('https://www.walkme.com/wp-content/uploads/2025/04/back8-tablet_4467fec3.jpg');*/
    /*background-attachment: fixed; */
  }
  .home .video-header{
display: none;
}
  .home .webinar-header-desktop {
    display:none;
  }
  .webinar-header-small-img {
   font-size: 30px;
  }
}

/* Mobile background */
@media (max-width: 425px) {
  body {
    /*background-image: url('https://www.walkme.com/wp-content/uploads/2025/04/backmb9_7267fec8-scaled.jpg');
    background-attachment: fixed;*/
  }
}
/*  .video-container-sapphire {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
#vimeo-video {
  width: 100%;
  display: block;
}
*/
.trade-template .venue-information{
	background-color: transparent !important;
}
.navColors .template-nav{
	background-color: rgba(8, 7, 7, 0.65) !important;
}
.home-page{
	padding-top:0px !important;
}
.navColors .navbar-nav.nabar-right,.navColors .navbar-nav li:not(.logo-li-holder){display:none;}
.navColors .navbar-nav li.logo-li-holder{
  margin-right:0px !important;
  max-height:inherit;
  width:200px;
}
.navColors .navbar-nav li.logo-li-holder .image-container-item{
	height:110px;
}
h2:empty ,p:empty,div:empty{
    display: none;
}
.video-container-sapphire {
    width: 100%;
    max-width: 1200px; /* Match your iframe's max width */
    margin: 0 auto;
    position: relative;
  }
  .section-02 .element-28825346{text-align:left !important;} 
  .video-container-sapphire iframe {
    max-width: 100% !important; /* Override inline styles */
    height:591px !important;
  }
.section-02 p{
line-height:1.4 !important;}
.section-02 h2{line-height:1.2 !important;margin-bottom:20px !important;}
.section-02 .Component-elementGroups-0-2-1{
  display:flex;
  align-items:center;
}
.header-section h2.atom-main{
  line-height:1 !important;
  margin-bottom:20px !important;
}
/*.header-section .btn,.section-02 .btn,.chapter-sec .btn{
	box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.85);
  	padding-left:39px !important;
  	padding-right:39px !important;
}*/
.header-section .btn,
.chapter-sec .btn {
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.85);
  padding-left: 36px !important;
  padding-right: 72px !important;
  position: relative;

  background: -webkit-linear-gradient(90deg, #F5D9A3 0%, #D5AD70 81.31%);
  /* Chrome, Safari */
  background: -moz-linear-gradient(90deg, #F5D9A3 0%, #D5AD70 81.31%);
  /* Firefox */
  background: -o-linear-gradient(90deg, #F5D9A3 0%, #D5AD70 81.31%);
  /* Opera */
  background: linear-gradient(90deg, #F5D9A3 0%, #D5AD70 81.31%);
  /* Standard */
}

.header-section .btn:after,
.chapter-sec .btn:after,
.section-02 .btn:after {
  position: absolute;
  content: '';
  right: 30px;
  top: 50%;
  transform: translateY(-50%) translateX(0);
  width: 24px;
  height: 22px;
  background-size: contain;
  pointer-events: none;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkFycm93IHJpZ2h0Ij4KPHBhdGggaWQ9IlRleHQiIGQ9Ik0yMy4xNTggMTAuODA0OEwxMi42NjkxIDIxLjI5MzdMOS43MzM3OCAxOC4zNTg0TDE0Ljg2MDggMTMuMDM1N0gwLjI2MjQ1MVY4LjU3Mzk3SDE0Ljg2MDhMOS43MzM3OCAzLjI1MTI1TDEyLjY2OTEgMC4zMTU5MThMMjMuMTU4IDEwLjgwNDhaIiBmaWxsPSJibGFjayIvPgo8L2c+Cjwvc3ZnPgo=);
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
  /* smoother curve */
}

.section-02 .btn:after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkFycm93IHJpZ2h0Ij4KPHBhdGggaWQ9IlRleHQiIGQ9Ik0yMy40OTQ5IDExLjM1NDlMMTMuMDA2IDIxLjg0MzhMMTAuMDcwNyAxOC45MDg1TDE1LjE5NzcgMTMuNTg1N0gwLjU5OTM2NVY5LjEyNDAySDE1LjE5NzdMMTAuMDcwNyAzLjgwMTNMMTMuMDA2IDAuODY1OTY3TDIzLjQ5NDkgMTEuMzU0OVoiIGZpbGw9IiNENUFENzAiLz4KPC9nPgo8L3N2Zz4K");
  right: -45px;
}

.header-section .btn:hover::after,
.chapter-sec .btn:hover::after,
.section-02 .btn:hover::after {
  transform: translateY(-50%) translateX(7px);
}

.section-02 .btn {
  position: relative;
  padding: 0px !important;
  background: transparent;
  border: none;
  color: #ff7e5f !important;
  background: linear-gradient(314deg, #D5AD70 39.48%, #F7D993 70.5%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  height: auto !important;
}
.section-02 img{
	margin-bottom:0px !important;
}
.section-02 .margin-vertical-small,.section-02 .btn{
	margin-bottom:0px !important;
}
.section-02 .sec-title{
	margin-bottom:20px !important;
}
.section-02 .sec-para{
	margin-bottom:18px !important;
}
.chapter-sec h2{
	margin-bottom:20px !important;
}
.section-eventVenue .venue-address{
	padding-bottom:50px;
}
/* -- new update popup video start -- */
.navColors .collapse.navbar-collapse{
  display: flex !important;
    align-items: center;
    justify-content: space-between;
    max-width: 100%;
    width: 100%;
    position: relative;
    padding-left: 80px;
    padding-right: 35px;
}
.navColors .collapse.navbar-collapse .hidden-sm{
	display:block !important;
}
.navColors .collapse.navbar-collapse .navbar-nav{
  flex-grow: 1;
}
.navColors .collapse.navbar-collapse .nav-link-video{
  display: block;
    text-align: right;
    font-size: 20px;
    flex-shrink: 0;
    font-family: 'Raleway';
      color: #ff7e5f !important;
      background: linear-gradient(314deg, #D5AD70 39.48%, #F7D993 70.5%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      position: relative;
  padding-right:45px;
  font-weight:700;
}

.navColors .collapse.navbar-collapse .nav-link-video:after{
    position: absolute;
    content: '';
    right: 0px;
    top: 50%;
    transform: translateY(-50%) translateX(0);
    width: 36px;
    height: 37px;
    background-size: contain;
    pointer-events: none;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzciIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzNyAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlBsYXktMi0tU3RyZWFtbGluZS1CbG9jay1GcmVlLnN2ZyI+CjxwYXRoIGlkPSJWZWN0b3IiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTguODQzMiAzNS45NDkyQzI3Ljg5MTQgMzUuOTQ5MiAzNS4yMjY0IDI4LjQxMDUgMzUuMjI2NCAxOS4xMTA5QzM1LjIyNjQgOS44MTE0NCAyNy44OTE0IDIuMjcyNzEgMTguODQzMiAyLjI3MjcxQzkuNzk1MDcgMi4yNzI3MSAyLjQ2MDA4IDkuODExNDQgMi40NjAwOCAxOS4xMTA5QzIuNDYwMDggMjguNDEwNSA5Ljc5NTA3IDM1Ljk0OTIgMTguODQzMiAzNS45NDkyWk0yOC4wNTg4IDE5LjExMDlMMTMuNzIzNSAxMC42OTE4VjI3LjUzMDFMMjguMDU4OCAxOS4xMTA5WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzIyNl82MjEpIi8+CjwvZz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8yMjZfNjIxIiB4MT0iMi40NjAwOCIgeTE9IjE5LjExMDkiIHgyPSIzMC4wMjg4IiB5Mj0iMTkuMTEwOSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRjVEOUEzIi8+CjxzdG9wIG9mZnNldD0iMC45NjYzNDYiIHN0b3AtY29sb3I9IiNENUFENzAiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K");
  }

#popupBizzabo {
  display: none; /* Hidden by default */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(10,10,33,1); /* Black with transparency */
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

#popupBizzabo .popup-content {
  background-color: transparent;
  padding: 20px;
  border-radius: 5px;
  width: 80%; /* Responsive width */
  max-width: 800px; /* Max width for large screens */
  text-align: center;
  position: relative;
}
#popupBizzabo .popup-content iframe{
	width:100%;
  height:545px;
}
#popupBizzabo .popup-close {
  position: absolute;
  top: 25px;
  right: 20px;
  font-size: 35px;
  cursor: pointer;
  color: white;
}
/* -- new update popup video end -- */
@media (max-width: 1199px) {
  .navbar-header .navbar-toggle{display:none;}
  .navbar-header .navbar-brand{
  	/*width:100%;
	margin-left:0;*/
    display:none !important;
  }
  .navbar-header .image-container-item{
  	margin:0px auto;
  }
  .navColors .navbar-header .image-container-item{
      height:90px;
      width:160px;
    }
}
  @media (max-width: 992px) {
    .video-container-sapphire iframe {
      width: 90vw !important;
      height: calc(90vw * 0.5625) !important; /* Maintain 16:9 ratio */
    }
    .section-2525800.sleek-template .count-number{
    	margin-bottom:0px !important;
    }
    .magic-heading .atom-sectionMain{
    	padding-bottom:10px !important;
      padding-top:60px !important;
    }
    .magic-heading h2{
    font-size:35px !important;
    }
    .section-space .main-app-container{
    	padding-bottom:0px !important;
      padding-top:40px !important;
    }
    .section-02 .sec-para{
      margin-bottom:13px !important;
  }
    
    /*.section-02 .sec-title span{font-size:35px !important; }*/
    .section-6012707 .custom-space-bottom{
    padding-bottom:40px !important;
      padding-top:180px !important;
  }
  /*
     .header-section .btn,
     .section-02 .btn,
     .chapter-sec .btn {
       padding-left: 25px !important;
       padding-right: 25px !important;
       font-size: 24px !important;
       height: 64px !important;
     }
  */
     .header-section .btn,
     .chapter-sec .btn {
       padding-left: 20px !important;
       padding-right: 60px !important;
       font-size: 25px !important;
       height: 64px !important;
     }
  
     .header-section .btn:after,
     .chapter-sec .btn:after {
       right: 22px;
     }
  
     .section-02 .btn {
       font-size: 25px !important;
     }
    .chapter-sec h2{
    	font-size:40px !important;
    }
    .chapter-sec .main-app-container{
      padding-top:75px !important;
      padding-bottom:40px !important;
    }
   /*-- new update popup video --*/
     .navColors .collapse.navbar-collapse{
  	flex-direction:column;
    margin:0;
    padding:0;
    box-shadow:none;
  }
  .navColors .template-nav{
  	padding:24px 0px;
  }
  .navColors .navbar-nav li.logo-li-holder .image-container-item{
	height:60px;
    margin:0px auto;
	}
  .navColors .navbar-nav li.logo-li-holder .image-container-item img{
	margin:0px auto;
	}
  .navColors .collapse.navbar-collapse .nav-link-video{
  	margin-top:20px;
    font-size:17px;
    padding-right:38px;
  }
  .navColors .collapse.navbar-collapse .nav-link-video:after{
  	width:28px;
    height:28px;
  }
  #popupBizzabo .popup-content{
  	width:100%;
  }
  #popupBizzabo .popup-content iframe{
  	height:430px;
  }
  #popupBizzabo .popup-close{
  	top:-30px;
  }
  /*-- new update popup video --*/
  }
@media (max-width: 480px) {
  .section-02 .Component-elementGroups-0-2-1{
  display:block;}
  .button-center .Component-elementGroups-0-2-1{
    	display:flex;
      flex-direction:column;
    }
    .button-center .Component-elementGroups-0-2-1 .col-sm-6:first-child{
     order:2;
    }
  
  .section-02 .margin-horizontal-auto{
      margin-bottom:45px !important;      
    }
  
  .header-section .main-app-container h2{
  	font-size:45px !important;
    margin-bottom:15px !important;
  }
  .header-section .Component-elementGroups-0-2-1 p span:first-child{
  font-size:30px !important;margin-bottom:27px !important;}
  .header-section .Component-elementGroups-0-2-1 p span.header-desc{
  font-size:27px !important;line-height:1.27 !important;}
  .header-section .Component-elementGroups-0-2-1 p span.event-date{
  font-size:25px !important;}
   #popupBizzabo .popup-content iframe{
  	height:220px;
  }
}