.Installationscreen-main{background-color:var(--lightBlueColor);width:100%;height:100%;padding:1px}.Installationscreen-headingcontent{text-align:center;margin:2% 8%}.common-heading-des{font-size:15px}.Installationscreen-h1{text-align:center;margin:15px 0;font-size:32px}.Installationscreen-bottomconatiner{border:2px solid var(--mainColor);text-align:center;background-color:var(--whiteColor);border-radius:20px;margin:2% 5% 4%;padding:30px;display:flex}.In-step-content{text-align:left;margin:20px 0;font-size:16px}.In-step-ul{margin-bottom:10px;font-weight:500;line-height:1.5;list-style:decimal}.In-step-ul li{margin-left:18px}.step-slider-container{background:var(--mainColor);z-index:0;align-items:center;margin:100px 0;padding:40px;display:flex;position:relative;overflow:visible}.sliderstep-headone{font-size:32px}.sliderstep-headtwo{font-size:32px;line-height:1}.step-slider-left-des{max-height:160px;margin:10px 0;font-size:16px;overflow-x:auto}.step-slider-left-des::-webkit-scrollbar{width:2px}.step-slider-left-des::-webkit-scrollbar-track{background:0 0}.step-slider-left-des::-webkit-scrollbar-thumb{background-color:var(--whiteColor);border-radius:10px}.step-slider-left{color:#fff;flex-direction:column;flex:1;justify-content:center;min-height:281px;padding:0 40px;display:flex}.dots{margin-top:auto}.dot{border:1px solid var(--whiteColor);cursor:pointer;background-color:#0000;border-radius:50%;width:10px;height:10px;margin:5px;display:inline-block}.dot.active{background-color:var(--whiteColor)}.step-slider-right{flex:1;justify-content:center;align-items:center;gap:70px;display:flex;position:relative;overflow:visible}.video-player{width:400px;height:auto;display:block}.step-buttons{z-index:2;flex-direction:column;gap:10px;display:flex;top:20px;right:20px}.image-wrapper{z-index:1;margin-top:-120px;margin-bottom:-120px;position:relative}.image-wrapper img{object-fit:contain;width:auto;height:465px}.step-image{opacity:0;transition:opacity .5s ease-in-out}.fade-in{opacity:1}.Installationscreen-left{padding-right:40px;position:relative}.Installationscreen-left:after{content:"";background-color:var(--mainColor);width:2px;height:85%;position:absolute;top:50%;right:0;transform:translateY(-50%)}.Installationscreen-right{padding-left:40px}.step-buttons button{border:1px solid var(--whiteColor);cursor:pointer;color:var(--whiteColor);background:0 0;border-radius:20px;padding:8px 15px;font-weight:600}.step-buttons button.active{background-color:var(--whiteColor)}.description-liHead,.troubleshooting-subhead{font-size:18px}.stepactive{color:var(--TextBlue)}.stepunactive{color:var(--whiteColor)}@media (max-width:1650px){.video-player{width:450px}.Installationscreen-left:after{height:70%;top:50%}}@media (max-width:1450px){.video-player{width:400px}.Installationscreen-left:after{height:75%;top:55%}}@media (max-width:1250px){.Installationscreen-bottomconatiner{margin:2% 6% 4%;padding:30px}.video-player{width:320px}.Installationscreen-right{padding-left:25px}.Installationscreen-left{padding-right:25px}}@media (max-width:865px){.step-slider-left-des{padding:0 10px 0 0}.Installationscreen-bottomconatiner{flex-direction:column-reverse}.video-player{width:100%}.Installationscreen-left{border-right:none;width:100%;padding:0}.Installationscreen-left:after{display:none}.Installationscreen-right{width:100%;padding:0}}@media (max-width:600px){.Installationscreen-h1{margin:15px 0;font-size:22px}.step-slider-right{display:none}.Installationscreen-bottomconatiner{margin:20px;padding:20px!important}.step-slider-container{z-index:0;align-items:center;margin:50px 0;padding:40px 30px}.step-slider-left{padding:0}.common-heading-des{font-size:14px}.Installationscreen-headingcontent{text-align:left;margin:6% 8%}.step-slider-left-des{font-size:14px}.sliderstep-headone{font-size:22px}.sliderstep-headtwo{font-size:22px;line-height:1}.description-liHead{font-size:16px}.In-step-content{font-size:14px}.troubleshooting-subhead{font-size:16px}.dots{text-align:center}.step-slider-left{min-height:258px}}@media (max-width:1080px){.Installationscreen-bottomconatiner{margin:2% 4% 4%}.step-slider-right{gap:40px}.step-buttons button{min-width:71px}}.video-section-wrapper{text-align:center;max-width:1150px;margin:0 auto;padding:0 20px 40px}.video-title{margin-bottom:24px;font-size:2.1rem}.video-container{background:#000;border-radius:20px;width:100%;max-width:1150px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000026}@media (max-width:768px){.video-section-wrapper{padding:0 20px}.video-title{font-size:1.7rem}}
