section.compatible-devices-block{position:relative}.compatible-devices-block .compatible-devices-box .click-area{border-radius:5px;padding:20px 0 0 0;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.compatible-devices-block .compatible-devices-box.active .click-area{border-radius:5px 5px 0 0}.compatible-devices-block .compatible-devices-box .click-area i{padding-left:5px;font-size:15px}.compatible-devices-block .compatible-devices-box.active{border-bottom:1px solid #e0e0e0}.compatible-devices-block .compatible-devices-box .icon-open-close{display:inline-block;width:1.5em;text-align:center;vertical-align:middle;transition:transform .2s ease-in-out;transform-origin:center center}.compatible-devices-block .compatible-devices-box.active .icon-open-close{transform:rotate(180deg) translateX(-5px);font-weight:600;color:var(--tripsim-white)}.compatible-devices-block .compatible-devices-box .content-area{background-color:#fff;min-height:auto}.compatible-devices-block .compatible-devices-box .content-area .content{opacity:0;visibility:hidden;overflow:hidden;max-height:0}.compatible-devices-block .compatible-devices-box.active .content-area .content{opacity:1;visibility:visible;max-height:inherit;display:flex;transition:opacity .5s ease-in-out,visibility .5s ease-in-out,max-height .5s ease-in-out}.compatible-devices-block .compatible-devices-box.active .content-area.add-content.position-left .content{flex-direction:row-reverse}.compatible-devices-block .compatible-devices-box.active .content-area.add-content.position-right .content div.text-wrapper{margin-right:100px}.compatible-devices-block .compatible-devices-box .content-area .content div.text-wrapper h2,.compatible-devices-block .compatible-devices-box .content-area .content div.text-wrapper h3{font-weight:var(--font-weight-500);font-size:30px;margin:15px 0}.compatible-devices-block .compatible-devices-box.active .content-area .content div.text-wrapper p{margin:15px 0}.compatible-devices-block .compatible-devices-box.active .content-area.add-content.position-left .content div.text-wrapper{margin-left:100px}.compatible-devices-block .compatible-devices-box.active .content-area.add-content.position-layout-file-50-left .content{flex-direction:row-reverse}.compatible-devices-block .compatible-devices-box.active .content-area.add-content.position-layout-file-50-left .content div.text-wrapper,.compatible-devices-block .compatible-devices-box.active .content-area.add-content.position-layout-file-50-right .content div.text-wrapper{width:50%}.compatible-devices-block .compatible-devices-box.active .content-area.add-content.position-layout-file-50-right .content div.add-content-wrapper,.compatible-devices-block .compatible-devices-box.active .content-area.add-content.position-layout-file-50-left .content div.add-content-wrapper{width:50%}.compatible-devices-block .compatible-devices-box.active .content-area.add-content.position-layout-file-50-right .content div.text-wrapper{margin-right:2%}.compatible-devices-block .compatible-devices-box.active .content-area.add-content.position-layout-file-50-left .content div.text-wrapper{margin-left:2%}.compatible-devices-block .compatible-devices-box.active .content-area.add-content.position-layout-file-100 .content div.text-wrapper{display:none}.compatible-devices-block .compatible-devices-box.active .content-area.add-content.position-layout-file-100 .content div.add-content-wrapper{width:100%}.compatible-devices-block .compatible-devices-box .title{font-size:18px;font-weight:var(--font-weight-500)}.compatible-devices-block .compatible-devices-box p.title{margin-bottom:0}.compatible-devices-block .compatible-devices-box h1.title,.compatible-devices-block .compatible-devices-box h2.title,.compatible-devices-block .compatible-devices-box h4.title{margin-bottom:0;line-height:normal}.compatible-devices-block .compatible-devices-box .plus{display:inline-block;width:40px;height:40px;border-radius:100%;background:linear-gradient(var(--tripsim-white) 0 0),linear-gradient(var(--tripsim-white) 0 0),var(--tripsim-black);background-position:center;background-size:50% 3px,3px 50%;background-repeat:no-repeat;border:1px solid #8c8c8c;color:#fff;flex:none;margin-left:15px}.compatible-devices-block .compatible-devices-box.active .plus{background:linear-gradient(var(--tripsim-white) 0 0),linear-gradient(var(--tripsim-primary-dark) 0 0),var(--tripsim-primary-dark);background-position:center;background-size:50% 3px,3px 50%;background-repeat:no-repeat;border:1px solid var(--tripsim-primary-dark)}.compatible-devices-block ul{list-style:none;margin:0 0 1rem 0}.compatible-devices-block ul li{font-size:16px;line-height:25px;position:relative;padding-left:35px}.compatible-devices-block ul li::before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;background-image:url("/wp-content/themes/tripsim/assets/tripsim-icons/icon-card.svg");background-repeat:no-repeat;background-size:contain}@media(max-width:1199px){.compatible-devices-block .compatible-devices-box.active .content-area.add-content.position-layout-file-50-right .content,.compatible-devices-block .compatible-devices-box.active .content-area.add-content.position-layout-file-50-left .content{flex-direction:column}.compatible-devices-block .compatible-devices-box.active .content-area.add-content.position-layout-file-50-right .content div.text-wrapper,.compatible-devices-block .compatible-devices-box.active .content-area.add-content.position-layout-file-50-right .content div.add-content-wrapper,.compatible-devices-block .compatible-devices-box.active .content-area.add-content.position-layout-file-50-left .content div.text-wrapper,.compatible-devices-block .compatible-devices-box.active .content-area.add-content.position-layout-file-50-left .content div.add-content-wrapper{width:100%}.compatible-devices-block .compatible-devices-box.active .content-area.add-content.position-layout-file-50-right .content div.text-wrapper{margin-right:0;margin-bottom:25px}.compatible-devices-block .compatible-devices-box.active .content-area.add-content.position-layout-file-50-left .content div.text-wrapper{margin-left:0;margin-bottom:25px}}@media(max-width:991px){.compatible-devices-block .compatible-devices-box.active .content-area .content,.compatible-devices-block .compatible-devices-box.active .content-area.add-content.position-left .content{flex-direction:column}.compatible-devices-block .compatible-devices-box.active .content-area.add-content.position-right .content div.text-wrapper,.compatible-devices-block .compatible-devices-box.active .content-area.add-content.position-left .content div.text-wrapper{margin-right:0}.compatible-devices-block-style-2 .left{text-align:center}.compatible-devices-block-style-2 .left a.btn-outline.btn-outline-primary{display:none}}@media(max-width:767px){.compatible-devices-block .compatible-devices-box .click-area{padding:15px 15px}.compatible-devices-block .compatible-devices-box.active .content{line-height:22pt}}@media(max-width:575px){.compatible-devices-block .compatible-devices-box .content-area ul{word-break:break-word}}@media(max-width:575px){section.compatible-devices-block{padding:0 5px}}.device-section{scroll-margin-top:160px;padding:25px;border:1px solid #e0e0e0;border-radius:15px;margin-bottom:50px}.device-nav{position:sticky;top:250px;display:flex;flex-direction:column;border-left:2px solid #e0e0e0;padding-left:15px;gap:8px}.device-nav-link{color:#999;text-decoration:none;font-weight:500;transition:color .2s ease,font-weight .2s ease;position:relative;padding:10px 0}.device-nav-link.active{color:#2ecc71;font-weight:600}.device-nav-link.active::before{content:"";position:absolute;left:-15px;top:50%;transform:translateY(-50%);width:2px;height:100%;background-color:#2ecc71}.device-group-title{scroll-margin-top:120px}.device-search{position:sticky;top:120px;padding-top:50px;background:white;z-index:2}.search-model-devices{top:58px;right:22px;background:var(--tripsim-primary-dark);padding:7px 10px;border-radius:10px;pointer-events:none}input#deviceSearchInput:focus{outline:0;box-shadow:none}.found-word{color:#2ecc71;font-weight:bold}.device-section{scroll-margin-top:250px}@media(max-width:991px){.device-section{scroll-margin-top:300px}}.compatible-devices-box{scroll-margin-top:250px}@media(max-width:991px){.compatible-devices-box{scroll-margin-top:300px}}@media(max-width:991px){.col-12.col-lg-2.left-nav{position:sticky;top:223px;background:white;z-index:2}.device-nav{position:sticky;top:250px;border-left:0;border-bottom:1px solid #eee;flex-direction:row;flex-wrap:wrap;gap:15px;padding-left:0;justify-content:flex-start;background-color:white}.device-nav-link.active::before{display:none}}@media(max-width:400px){.device-nav{font-size:14px}}