#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; position: relative; width: 100%; background-color: #EFEFEF; background-image: url('https://resources.nice.com/wp-content/uploads/2026/05/agentic_experience_automation-desktop.jpg'); background-size: cover; background-position: 90% center; }
#banner-content{ padding: 0 9% 5vh; color: #FFFFFF; text-align:center; position: relative; z-index: 2; }
#banner-panel:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(90deg, #f2f0eb, rgb(242 240 235 / 66%), transparent);
}
#login-page-container #banner-panel div#banner-content h2{ color: #000; font-size: 56px; line-height: 1.3em; max-width: 600px; margin: 0 auto 0.5em; font-weight: 600; text-shadow:0px 3px 12px rgba(0,0,0,0.15);  }
#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: #000;  max-width: 600px; margin: 0 auto 0.5em; font-size: 28px; font-weight: 400; line-height: 1.2em;  text-shadow:0px 3px 12px rgba(0,0,0,0.15); }
#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;
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
align-items: center;
}
@media(min-height: 900px){
#banner-content h2.world{ margin-bottom: 60px; }
div.cta-wrapper{
margin-top: 50px;
}
}
.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-normal{
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.button-nice.button-arrow{
padding: 5px 5px 5px 1.5rem;
}
.button-nice.button-white {
--tw-bg-opacity: 1;
background-color: rgb(54 148 253/var(--tw-bg-opacity,1));
--tw-text-opacity: 1;
color: #FFFFFF;
}
.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-white.svg');
position: absolute;
}
.button-nice.button-arrow.button-white:after{
background-image: url('../img/button-arrow-empty-white.svg');
}
.button-nice.button-arrow:hover:before {
opacity: 1;
}
.button-nice.button-arrow:hover:after {
opacity: 0;
}
.button-nice.button-black {
    position: relative;
    --tw-bg-opacity: 1;
    background-color: rgb(34 33 43 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.button-nice.button-play {
    padding: 5px 1.5rem 5px 5px;
}
.button-nice.button-play:before, .button-nice.button-play:after {
    --tw-content: "";
    content: var(--tw-content);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 32px;
    height: 32px;
    margin-right: .75rem;
    transition-property: all;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    display: block;
}
.button-nice.button-play:after {
    opacity: 0;
    background-image: url('../img/new-play-icon-blue.svg');
    position: absolute;
    left: 3px;
}
.button-nice.button-play.button-black:before, .button-nice.button-play.button-blue:before {
    background-image: url('../img/new-play-icon.svg');
}