.exp{position:relative}.exp .backgroundImg{z-index:0;position:absolute;top:0}.exp .expFeature{z-index:1;background-image:url(/images/experience-bg.jpg);background-position:50%;background-size:cover;width:100%}.fan_experiance{align-items:center;display:flex}.fan-remote{border:8px solid var(--secondary-color);background-color:#03000b;border-radius:13px;flex-flow:wrap;justify-content:center;min-width:200px;max-width:250px;margin:0 auto;padding:1rem;display:flex;box-shadow:10px 20px 60px #0000001a}.button_circle{background:#fff;background-color:var(--primary-color);border:10px solid #f2f2f2;border-radius:100%;width:130px;height:130px;margin-bottom:1.5rem;display:flex;position:relative;box-shadow:inset 0 0 4px #0000004d}.direction{text-align:center;flex-flow:wrap;width:100%;margin:0 7px 0 6px;display:flex}.direction .heading{color:var(--secondary-color);width:100%;margin-bottom:.5rem;font-size:10px;font-weight:400;line-height:14px}.direction .light{color:#233332;-webkit-text-fill-color:#233332;border:none;border-radius:4px;width:80px;height:30px;padding:0 5px;font-size:9px;line-height:12px}.direction .light.n_white{margin:0 5px}.button_circle .on,.button_circle .off{background:#f2f2f2;border-radius:20px;width:38px;height:38px;padding:5px;position:absolute;bottom:40px;left:36px;box-shadow:inset 0 0 4px #0000004d}.button_circle button{color:#0009;background:0 0;border:none;padding:7px;font-size:10px;font-weight:600;position:absolute}.button_circle .one{bottom:8px;left:-23px}.button_circle .two{top:10px;left:-26px}.button_circle .three{top:-35px;left:42px}.button_circle .four{top:14px;right:-26px}.button_circle .five{bottom:6px;right:-26px}.button_circle .speed{color:#798483;font-size:10px;position:absolute;bottom:18px;left:41px}.direction .back,.direction .next{color:#233332;-webkit-text-fill-color:#233332;border:none;border:3px solid var(--secondary-color);border-radius:7px;width:35px;height:35px;font-size:10px}.fan_off{justify-content:center;margin-bottom:2rem;padding:30px;animation-timing-function:linear;animation-iteration-count:infinite;display:flex;position:relative}.fan_on{animation-name:spin;animation-duration:2s;overflow:hidden}.fan_light{z-index:9;width:480px;height:480px;display:none;position:absolute;transform:translate(-50%,-50%);top:318px!important;left:318px!important}.fan-image{margin:auto;display:block}.rotate{animation-name:spin;animation-timing-function:linear;animation-iteration-count:infinite}.forward{animation-direction:normal}.reverse{animation-direction:reverse}.speed-1{animation-duration:1s}.speed-2{animation-duration:.8s}.speed-3{animation-duration:.6s}.speed-4{animation-duration:.4s}.speed-5{animation-duration:.2s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.direction_btn .active{background-color:#5d5e5d69}.fan_light{z-index:9;width:480px;height:480px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.remoteBtn{justify-content:space-between;width:100%;display:flex}.remoteBtn h3{text-transform:uppercase;color:#fff;text-align:center;font-family:switzer;font-size:14px}.circle-container{background:#211f20;border-radius:50%;justify-content:center;align-items:center;width:300px;height:206px;margin:0 auto;display:flex;position:relative}.center-icon{z-index:2;color:#fff;background:#03000b;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.segment{clip-path:polygon(54% 54%,144% 0,99% 84%);color:#fff;background:#03000b;border-radius:50%;justify-content:center;width:90%;height:100%;font-weight:700;position:absolute}.circle-container:before{content:"";z-index:2;background:0 0;border:2px solid #fff;border-radius:50%;outline:20px solid #03000b;width:80%;height:80%;position:absolute;top:21px}.segment span{position:absolute;transform:translate(-50%,-50%)}.seg-1{transform:rotate(0)translateY(-10px)}.seg-2{transform:rotate(72deg)translateY(-10px)}.seg-3{transform:rotate(144deg)translateY(-10px)}.seg-4{transform:rotate(216deg)translateY(-10px)}.seg-5{transform:rotate(288deg)translateY(-10px)}.text{z-index:2;color:#fff;text-align:center;width:40px;font-size:20px;font-weight:700;position:absolute;top:53px;left:35px}.text1{top:118px}.text3{top:33px;left:97px}.text4{top:84px;left:135px}.text5{top:138px;left:97px}.expFeature .heading{font-family:jost;font-size:24px}.direction_btn p{text-align:center;text-transform:uppercase;color:#fff;margin-bottom:0;font-family:switzer;font-size:14px}.fan_off{margin-top:60px}.btnstyle{margin:0 16px}.onBtn,.offBtn{background:var(--secondary-color);color:#fff;border:1px solid var(--secondary-color);border-radius:3px;justify-content:center;align-items:center;width:35px;height:35px;margin-bottom:10px;display:flex}.offBtn{background:#2765a2}@media (max-width:992px){.exp{position:relative;height:484px!important;margin:0!important;padding:0!important}.exp .backgroundImg{z-index:0;height:100%;position:absolute;top:0}.expFeature .heading{margin-bottom:61px;font-family:jost;font-size:20px!important}.fan_off{margin-top:0!important;margin-bottom:0!important;padding:0!important}.brown_fan_list{width:99%;margin-top:95px!important}.fan-remote{min-width:200px;max-width:245px}.remoteBtn h3{margin-bottom:0!important;font-size:15px!important}.remoteBtn img{width:21px;height:21px}.direction .back,.direction .next{width:20px;height:20px}.direction{margin-top:10px}.center-icon{width:55px;height:55px}.circle-container{width:173px;height:173px;position:relative}.circle-container:before{border:7px solid #c3c3c3;width:77%;height:76%;top:20px}.fan-remote{border:8px solid var(--secondary-color);background-color:#03000b;border-radius:13px;flex-flow:wrap;justify-content:center;min-width:150px;max-width:202px;margin:0 auto;padding:8px;display:flex;box-shadow:10px 20px 60px #0000001a}.center-icon img{width:43px}.text3{top:27px!important;left:78px!important}.text{position:absolute;top:47px}.text1{top:96px!important;left:27px!important}.text4{top:70px!important;left:108px!important}.text5{top:112px!important;left:80px!important}}@media (max-width:768px){.center-icon img{width:43px}.exp{position:relative;height:843px!important;margin:0!important;padding:0!important}.brown_fan_list{width:80%;margin-top:0!important}.remoreLogo img{width:40px!important;height:40px!important}.fan-image{width:80%;margin:0 auto!important}.fan-remote{margin-top:-10px}.exp{height:930px!important}}@media (max-width:520px){.exp{position:relative;height:803px!important;margin:0!important;padding:0!important}.TimerBox{margin-left:57px!important}}@media (max-width:430px){.expFeature .heading{text-align:center;margin-bottom:30px;font-family:jost;font-size:15px!important}.exp{position:relative;height:850px!important;margin:0!important;padding:0!important}}.hBtn{background:0 0;border:1px solid #fff;border-radius:7px;width:35px;height:35px}.TimerBox{text-align:center;width:50px;height:auto;margin-top:56px;margin-left:72px;position:absolute}.exp img.ExpImg{width:100%;height:690px}.SmtBox{margin-left:3px}.center-icon img{width:52px}