.text-show{display: block !important;}
[id*="custom-html"],.zyx-tab-content.zyx-product-benefits{padding:0!important}
[id*="hero"] .col-md-5{width:100%}
.linecards-container{width:100%}
.linecard-headers{display:flex;justify-content:center;margin-bottom:1rem}
.linecard-header {margin:0 1rem;cursor:pointer;text-align:center; padding: 10px 25px; border:1px solid #00b2ff; color: #00b2ff; background-color: #fff; border-radius: 50px;}
.linecard-header.active, .linecard-header:hover{background-color: #00b2ff; color: #fff;}
.linecard-content[hidden]{display:none!important}
.linecard-header.color-adjusted.active, .linecard-header.border-adjusted.active{background-color: #003eab !important; color: #fff !important;}
.linecard-header.color-adjusted, .linecard-header.border-adjusted{background-color: #fff!important; color: #003eab!important;}
.dropdown{position:relative;width:100%;max-width:300px;margin:0 0 1rem 0}
.dropbtn{background-color:#fff!important;color:#555;padding:1rem;font-size:1rem;border:1px solid #555;border-radius:15px;cursor:pointer;width:100%;text-align:left;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center}
.dropbtn[aria-expanded="true"]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-color:#00b2ff}
.dropbtn .material-icons-round{font-size:1.5rem;transition:transform .3s ease}
.dropbtn[aria-expanded="true"] .material-icons-round{transform:rotate(180deg)}
.dropdown-lineCard{display:none;position:absolute;background-color:#fff;min-width:100%;z-index:100;border:1px solid #00b2ff;border-top:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px;max-height:200px;overflow-y:auto;padding:1rem}
.dropdown-lineCard.show{display:block}
.dropdown-item{color:black;padding:0;text-decoration:none;display:block;cursor:pointer;text-align:left}
.dropdown-item:last-child{border-bottom:none}
.dropdown-item:hover,.dropdown-item:focus{background-color:#fff;color:#00b2ff;outline:none}
.dropdown-item.active{background-color:#fff;color:#00b2ff}
.desktop-block{display:block}
.mobile-block{display:none}
#solution-brief {padding-bottom: 0 !important;}
#solution-brief h3{display: none;}
.feature-list {margin-left: 1rem;}
.feature-list li{list-style: disc!important;}

#deployment-section {position: relative; overflow:hidden; padding: 0!important;}
#deployment-section .row {align-items: center; min-height: 450px;}
#deployment-section .col-md-5{width:100%;}
#deployment-section h2{display:none;}
.deployment-cavas {display:flex;}
.position-bottom {position:absolute; bottom: 0; left:10%; width:950px;}
.feature-text {position: relative;}

#lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:1000;justify-content:center;align-items:center}
#lightbox-content{background-color:#fff;padding:10px;max-width:100%;width:50%;text-align:center;max-height:90%;position:relative;overflow-y:auto;overflow-x:hidden}
.close-btn{position:absolute;right:10px;top:10px}
#close-lightbox{cursor:pointer;font-size:20px;width:30px;height:30px;color:#444;background:#fff;border-radius:50%;border:2px solid #444;display:flex;justify-content:center;align-items:center}

.popup-homepage-video {display: none; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.9); justify-content: center; align-items: center; position: fixed; top: 0; left: 0; z-index: 1050;}
.popup-homepage-video .homepage-video {margin: 0 auto; width: 71vw; height: 40vw; text-align: center; max-height: calc(100vh - 60px);}
.popup-homepage-video .close {position: absolute; border: 0; outline: none; cursor: pointer; background: none; font-size: 50px; z-index: 1; top: 0; right: 1%; color: #fff; opacity: 1;  margin: 0; padding: 0;}
.show { display: flex !important; }

#wcag-panel{display:none}
#wcag-panel.active{display:block}

@media (min-width:2500px){
.position-bottom {left:20%;}
}

@media (max-width:1500px){
.position-bottom {left:-10%;}
}

@media (max-width:1100px){
    .position-bottom {left:-25%;}
    #lightbox-content{width:85%}
}

@media (max-width:820px){
    #hero:first-child .col-md-6 {width: 100%;}
    #deployment-section {padding-top: 5rem !important;}
    .deployment-cavas {flex-direction: column-reverse;}
    .deployment-cavas .col-md-6 {width: 100%; text-align: center;}
    .linecardCanvas .col-md-6{width: 100%;}
    .position-bottom {position:relative; left:0; right:0; max-width:100%;}
    .desktop-block{display:none}
    .mobile-block{display:block}
}