.btn-outline-primary:focus{border-color:#cd204f!important;box-shadow:0 0 0 .25rem #cd204f;box-shadow:0 0 0 .2rem #cd204f40}.compare-resolution-container{min-height:100vh}.compare-resolution-container .device-dropdown-container{position:relative}.compare-resolution-container .device-dropdown{background-color:#fff;border-radius:6px;box-shadow:0 .5rem 1rem #00000026;max-width:90vw;overflow:hidden;position:absolute;right:0;width:320px;z-index:1000}.compare-resolution-container .dropdown-header{border-bottom:1px solid #e9ecef;padding:10px}.compare-resolution-container .screen{position:relative;transition:all .3s ease}.compare-resolution-container .screen .screen-label{background-color:#ffffffe6;border-radius:0 0 4px 0;bottom:0;box-shadow:0 1px 3px #0003;color:#331818;font-size:.85rem;padding:4px 8px;position:absolute;right:0;text-align:center;z-index:10}.compare-resolution-container .screen .screen-label h5{font-size:.9rem;margin-bottom:2px!important}.compare-resolution-container .screen .screen-label p{font-size:.7rem;margin-bottom:0}.compare-resolution-container .vertical-display .screen .screen-label{border-left:none;border-radius:0 0 4px 0;border-top:none;bottom:auto;left:0;right:auto;top:0}.compare-resolution-container .screen-bigger{box-shadow:0 4px 8px #0000001a;opacity:.85;z-index:1}.compare-resolution-container .screen-smaller{box-shadow:0 2px 4px #0000001a;opacity:.95;z-index:2}.compare-resolution-container .comparison-visualization{margin:2rem 0}.compare-resolution-container .comparison-visualization .screens-container{min-height:450px}.compare-resolution-container .btn-custom{background-color:#cd204f;border-color:#cd204f;border-radius:25px;color:#fff;font-family:Montserrat,sans-serif!important;font-size:15px;font-weight:500;letter-spacing:1px;margin:0;padding:14px 34px;text-transform:uppercase;transition:all .5s linear}.compare-resolution-container .btn-custom.active,.compare-resolution-container .btn-custom.focus,.compare-resolution-container .btn-custom:active,.compare-resolution-container .btn-custom:focus,.compare-resolution-container .btn-custom:hover{background-color:#a61a3f;border-color:#a61a3f;color:#fff}.compare-resolution-container .btn-outline-custom{background-color:#0000;border-color:#cd204f;border-radius:25px;color:#cd204f;font-family:Montserrat,sans-serif!important;font-size:14px;font-weight:500;letter-spacing:1px;padding:10px 20px;text-transform:uppercase;transition:all .3s linear}.compare-resolution-container .btn-outline-custom.active,.compare-resolution-container .btn-outline-custom.focus,.compare-resolution-container .btn-outline-custom:active,.compare-resolution-container .btn-outline-custom:focus,.compare-resolution-container .btn-outline-custom:hover{background-color:#cd204f;color:#fff}.compare-resolution-container .section-title{margin-bottom:15px;margin-top:10px;padding-bottom:15px;position:relative}.compare-resolution-container .section-title:after{background:linear-gradient(90deg,#cd204f 0,#550207cc);bottom:0;content:"";height:4px;left:50%;margin-left:-30px;position:absolute;width:60px}.compare-resolution-container hr{background:linear-gradient(90deg,#cd204f 0,#550207cc);border:0;height:2px;margin-bottom:20px;position:relative;width:70px}.compare-resolution-container .comparison-page{margin-top:2rem}.compare-resolution-container .comparison-page .screens-container{align-items:flex-start;display:flex;justify-content:flex-start;margin-bottom:2rem;min-height:300px;overflow:visible;position:relative}.compare-resolution-container .comparison-page .screens-container.vertical-display{align-items:center;display:flex;justify-content:center;min-height:600px}.compare-resolution-container .comparison-page .screens-container.vertical-display .screen{border-radius:20px;box-shadow:0 4px 15px #00000026;overflow:hidden}.compare-resolution-container .comparison-page .screens-container.vertical-display .screen:before{background-color:#333;border-radius:3px;content:"";height:6px;left:50%;opacity:.1;position:absolute;top:10px;transform:translateX(-50%);width:40%}.compare-resolution-container .list-group-item-action:hover{background-color:#f8f9fa}.compare-resolution-container .scrollable-container{-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden;position:relative;white-space:nowrap;width:100%}.compare-resolution-container .scrollable-container::-webkit-scrollbar{display:none}.compare-resolution-container .scrollable-container{-ms-overflow-style:none;padding-bottom:5px;scrollbar-width:none}.compare-resolution-container .scrollable-container.auto-scroll{overflow-x:hidden}.compare-resolution-container .scrollable-container.auto-scroll .scrollable-content{animation:scrollContent 30s linear infinite}.compare-resolution-container .scrollable-container.auto-scroll .scrollable-content:before{content:attr(data-clone-before);height:0;overflow:hidden;visibility:hidden}.compare-resolution-container .scrollable-container.auto-scroll .scrollable-content{transition:animation-play-state .3s ease}.compare-resolution-container .scrollable-container.auto-scroll .scrollable-content:hover{animation-play-state:paused}@keyframes scrollContent{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.compare-resolution-container .scrollable-content{display:inline-flex!important;flex-wrap:nowrap!important;padding:4px 0}.compare-resolution-container .scrollable-content:after{content:"";min-width:15px}.compare-resolution-container .scrollable-content .btn{flex-shrink:0;white-space:nowrap}.compare-resolution-container .comparison-tabs .comparison-tab{border-radius:20px;font-weight:500;transition:all .2s ease}.compare-resolution-container .comparison-tabs .comparison-tab.active{background-color:#cd204f;border-color:#cd204f;color:#fff}.compare-resolution-container .comparison-carousel{padding:5px 0;position:relative}.compare-resolution-container .comparison-carousel:hover .scrollable-content{animation-play-state:paused}.compare-resolution-container .comparison-carousel:after,.compare-resolution-container .comparison-carousel:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:50px;z-index:2}.compare-resolution-container .comparison-carousel:before{background:linear-gradient(90deg,#fff 0,#fff0);left:0}.compare-resolution-container .comparison-carousel:after{background:linear-gradient(270deg,#fff 0,#fff0);right:0}