#login-page-container #banner-panel div#banner-content > *{ font-family:  BeVietnamPro,Helvetica,Arial,sans-serif; }
#login-page-container{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: table; width: 100%; height: 100%; }
#login-panel{ display: table-cell; vertical-align: middle; width: 50%; background: #000; }
#banner-panel{ display: table-cell; vertical-align: middle; width: 100%; background-color: #EFEFEF; background-image: url('https://resources.nice.com/wp-content/uploads/2025/11/NiCE-World-2026-Events-gradient-banner.jpg'); background-size: cover; background-position: right center; }
#banner-content{ padding: 0 9% 5vh; color: #FFFFFF; text-align:center; }
#login-page-container #banner-panel div#banner-content h2{ color: #000000; font-size: 124px; line-height: 0.9em; font-weight: 600; margin-top: 0px; margin-bottom: 0px;  }
#login-page-container #banner-panel div#banner-content h2.world{ color: #FFFFFF; font-size: 99px; font-weight: 600;position: relative;left: 3px; margin-bottom: 7vh; }
#login-page-container #banner-panel div#banner-content h3{ color: #000000; margin-top: 0px; margin-bottom: 0px; font-size: 34px; font-weight: 600; line-height: 1.2em; }
#banner-content h3 span,
#banner-content h3 svg,
#banner-content h3 img{ 
display: inline-block;
vertical-align: middle;
}
#banner-content h3 svg{
height: 1.3em;
width: auto;
margin-left: 10px;
}
div.cta-wrapper{
margin-top: 7vh;
}
@media(min-height: 900px){
#banner-content h2.world{ margin-bottom: 60px; }
div.cta-wrapper{
margin-top: 60px;
}
}
.button-nice {
position: relative;
letter-spacing: -.16px;
font-size: 16px;
border-radius: 38px;
justify-content: center;
align-items: center;
height: 48px;
padding-left: 18px;
padding-right: 18px;
font-weight: 300;
line-height: 120%;
transition-property: all;
transition-duration: .3s;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
display: inline-flex;
}
.button-nice.button-arrow{
padding: 5px 5px 5px 1.5rem;
}
.button-nice.button-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(34 33 43 / var(--tw-text-opacity, 1));
}
.button-nice.button-arrow:before, .button-nice.button-arrow:after {
--tw-content: "";
content: var(--tw-content);
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 38px;
height: 38px;
margin-left: 14px;
transition-property: all;
transition-duration: .3s;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
display: block;
}
.button-nice.button-arrow:before{
right: 5px;
opacity: 0;
background-image: url('../img/button-arrow-blue.svg');
position: absolute;
}
.button-nice.button-arrow.button-white:after{
background-image: url('../img/button-arrow-empty-blue.svg');
}
.button-nice.button-arrow:hover:before {
opacity: 1;
}
.button-nice.button-arrow:hover:after {
opacity: 0;
}