.device-preview{min-height:400px}.device-preview__container{padding:0 15px;width:100%;max-width:1200px;margin-left:auto;margin-right:auto}.device-preview__wrapper{width:100%;height:100%;margin:0 auto}.device-preview__title{color:#003cdb;font-size:24px;line-height:31px;font-weight:700;margin:0 0 30px 0}.device-preview__switch{display:none;align-items:center;gap:10px}.device-preview__switch-btn{background-color:#f0f0f0;margin:0;padding:0;border:none;border-radius:100px;min-width:100px;min-height:100px;cursor:pointer}.device-preview__switch-btn .icon-svg--desktop,.device-preview__switch-btn .icon-svg--mobileIcon{width:50px;height:50px;color:#003cdb}.device-preview__switch-btn.active{background-color:#003cdb}.device-preview__switch-btn.active .icon-svg--desktop,.device-preview__switch-btn.active .icon-svg--mobileIcon{color:#fff}.device-preview__content-wrapper{display:flex;flex-direction:column;justify-content:center;max-width:800px}.device-preview__content{position:relative;max-width:800px}.device-preview__scroll-up,.device-preview__scroll-down{display:none;position:absolute;height:84px;width:42px;left:0;border:0;opacity:.6;background:rgba(0,0,0,0);cursor:pointer;transition:color .2s ease;z-index:4}.device-preview__scroll-up .icon-svg,.device-preview__scroll-down .icon-svg{color:#003cdb;height:100%}.device-preview__scroll-up span::before,.device-preview__scroll-down span::before{display:none}.device-preview__scroll-up{bottom:calc(50% + 35px)}.device-preview__scroll-down{top:calc(50% + 35px)}.device-preview__arrow-prev,.device-preview__arrow-next{position:absolute;top:50%;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:50%;border:1px solid #ffa900;transform:translateY(-50%);cursor:pointer;z-index:2;background:rgba(0,0,0,0)}.device-preview__arrow-prev .icon-svg,.device-preview__arrow-next .icon-svg{width:16px;height:16px;color:#ffa900}.device-preview__arrow-next{right:-10px}.device-preview__arrow-prev{left:-10px}.device-preview__slider{position:relative;display:flex;overflow:hidden}.device-preview__viewport{display:flex;align-items:center;width:100%;height:100%}.device-preview__item{width:100%;min-width:100%}.device-preview__btn{background:#003cdb;border:1px solid #003cdb;align-items:center;align-self:center;padding:12px 20px;margin:30px 0 -5px 0;border-radius:33px;font-size:18px;font-weight:600;text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .2s ease;z-index:3}.device-preview__btn .icon-svg{color:#ffa900;width:16px;height:16px;margin-left:10px}.device-preview__btn-text{color:#fff;font-weight:600;font-size:16px;text-decoration:none}@media(min-width: 480px){.device-preview__container{padding:0 25px}}@media(min-width: 768px){.device-preview__container{padding:0 30px}.device-preview__inner{display:flex}.device-preview__nav{flex:2;margin-right:30px}.device-preview__content-wrapper{flex:6}.device-preview__switch{display:flex}.device-preview__arrow-prev{left:0}.device-preview__arrow-next{right:0}.device-preview__arrow-next,.device-preview__arrow-prev{width:40px;height:40px}.device-preview__arrow-next .icon-svg,.device-preview__arrow-prev .icon-svg{width:20px;height:20px}.device-preview__scroll-up,.device-preview__scroll-down{display:block}.device-preview__btn{padding:10px 20px;font-size:16px}}@media(min-width: 1200px){.device-preview__container{max-width:1920px;padding:0 60px}.device-preview__wrapper{max-width:1180px}.device-preview__title{font-size:28px;line-height:37px}.device-preview__switch-btn .icon-svg--desktop,.device-preview__switch-btn .icon-svg--mobileIcon{width:60px;height:60px}.device-preview__btn{padding:15px 25px}.device-preview__btn-text{font-size:19px}.device-preview__scroll-up,.device-preview__scroll-down{height:110px}}.hoverevents .device-preview__arrow-next:hover,.device-preview__arrow-prev:hover{background:#003cdb;border:#003cdb}.device-preview__scroll-up:hover .icon-svg,.device-preview__scroll-down:hover .icon-svg{color:#ffa900}.device-preview__switch-btn:hover{background-color:#003cdb}.device-preview__switch-btn:hover .icon-svg--desktop,.device-preview__switch-btn:hover .icon-svg--mobileIcon{color:#fff}.device-preview__btn:hover{background:rgba(0,0,0,0);border-color:#ffa900}.device-preview__btn:hover .device-preview__btn-text{color:#003cdb}