:root{--thumb-height:38px;--text-color:#5440f1;--thumb-background:#5440f1;--dark-mode-text-color:#afadff;--dark-mode-thumb-background:#afadff} .draggable-feature .primary-sub-heading{color:var(--text-color)} .draggable-feature .posterImgOverlay{position:absolute} .d-none{display:none !important} @media(forced-colors:active){.draggable-feature .custom-range-slide .custom-range-input-slide::-webkit-slider-runnable-track{forced-color-adjust:none;background-color:#fff} .draggable-feature .range-button.right,.draggable-feature .range-button.left{forced-color-adjust:none;border-color:#fff;background-color:#000} .draggable-feature .range-buttons .range-button{forced-color-adjust:none;background-color:#000 !important} .draggable-feature button.range-button:focus-visible,.draggable-feature .range-buttons .range-thumb:focus-visible{forced-color-adjust:none;outline:3px dashed #fff !important;background-color:#000 !important} .draggable-feature .df-animation-on .animation-buttons .animation-button{forced-color-adjust:none;border:2px solid #fff !important;background:#000 !important} .draggable-feature .animation-buttons .animation-button:focus-visible{outline:.1875rem dotted #fff;outline-offset:4px} } .draggable-feature .custom-range-slide{position:relative;max-width:80%;margin:40px auto;z-index:1;cursor:auto;margin-top:30px} .draggable-feature .custom-range-slide.angle-slider{top:30px;max-width:80%;margin-top:0} .draggable-feature .custom-range-input-slide{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;height:38px;outline:0;cursor:grab;background:transparent} .draggable-feature .custom-range-slide.vertical-slider{position:relative;transform:none;right:auto} .draggable-feature .range-buttons{position:absolute;transform:translate(-50%,-50%);left:50%;display:flex;top:20px;pointer-events:none;background-color:var(--thumb-background);border-radius:50%;color:#fff} .draggable-feature .range-buttons.theme-dark{color:#0a0520} .draggable-feature .range-buttons.theme-dark svg{fill:#0a0520} .draggable-feature .angle-slider .range-buttons{top:51px} .draggable-feature .range-buttons .range-button{background-color:var(--thumb-background);height:var(--thumb-height);border:0;pointer-events:auto;cursor:pointer;display:inherit;align-items:center} .draggable-feature .range-buttons .range-button.theme-dark{background-color:#afadff} .draggable-feature .range-buttons .range-thumb{background-color:var(--thumb-background);height:var(--thumb-height);border:0;display:flex;align-items:center;min-width:34px;justify-content:center} .draggable-feature .range-buttons .range-thumb.theme-dark{background-color:#afadff;color:#0a0520} .draggable-feature .range-buttons .range-button.left{border-top-left-radius:80px;border-bottom-left-radius:80px;padding-right:5px;padding-left:12px;color:#fff} .draggable-feature .range-buttons .range-button.left.theme-dark,.draggable-feature .range-buttons .range-button.right{color:#0a0520} .draggable-feature .range-buttons .range-button:foucs{outline:1px dotted #fff} .draggable-feature .range-buttons .range-button.right{border-top-right-radius:80px;border-bottom-right-radius:80px;padding-left:5px;padding-right:12px;color:#fff} .draggable-feature .custom-range-input-slide::-webkit-slider-thumb{background:transparent;cursor:grab;visibility:hidden} .draggable-feature .custom-range-input-slide::-moz-range-thumb{background:transparent;cursor:grab;visibility:hidden} .draggable-feature .slider-wrapper{text-align:center;font-size:14px;font-style:normal;font-weight:400;line-height:20px} .draggable-feature .custom-range-slide .ticks .first-degree{position:relative;left:-2px;top:10px} .draggable-feature .custom-range-slide .ticks .middle-degree{position:relative;left:12px;top:10px} .draggable-feature .custom-range-slide .ticks .last-degree{position:relative;left:16px;top:10px} .draggable-feature .custom-range-input-slide:focus{outline:0} .draggable-feature .image360{cursor:grab;position:relative} .draggable-feature .vertical-slide-text{display:none} .draggable-feature .vertical-slider .vertical-slide-text{display:block;position:absolute;left:0;transform:rotate(270deg);margin-left:-40px;margin-top:5px} .draggable-feature .custom-range-tooltip{display:none} .draggable-feature{padding:30px .75rem;position:relative} .draggable-feature.theme-light .range-value{color:#eeecfe} .draggable-feature.theme-dark .range-value{color:#231e41} .draggable-feature .row{display:flex;flex-direction:column} .draggable-feature .container{width:100%;margin-right:auto;margin-left:auto} .draggable-feature .area-heading{text-align:center !important;position:relative;width:65%;margin:0 auto} .draggable-feature .primary-heading .h1{font-size:32px;font-weight:600;line-height:84px;margin:0} .draggable-feature .sub-heading{font-size:18px;font-style:normal;font-weight:400;line-height:26px} .draggable-feature .primary-heading .h1,.draggable-feature .sub-heading{text-align:center;margin:5px 0 15px} .draggable-feature span.input-custom-border{border-bottom:1px solid #757575;width:100%;height:1px;display:block;position:absolute;top:19px;z-index:-9} .draggable-feature .steplist,.draggable-feature .ticks,.range-value{display:none} .draggable-feature .angle-slider .steplist{display:flex;justify-content:space-between;line-height:16px} .draggable-feature .angle-slider .steplist option:first-child,.draggable-feature .angle-slider .steplist option:last-child,.draggable-feature .steplist .center-tick{transform:scale(2,3.6)} .draggable-feature .angle-slider .steplist option:first-child{position:relative;left:-3px} .draggable-feature .angle-slider .steplist option:last-child{position:relative;left:3px} .draggable-feature .angle-slider .steplist option{z-index:-1;color:#757575} .draggable-feature .angle-slider .ticks{display:flex;justify-content:space-between;top:-75px;position:relative} .draggable-feature .angle-slider .ticks .o_txt{font-size:16px;font-weight:400;color:#757575} .draggable-feature .angle-slider .ticks .o_txt.theme-dark{color:#d2d2d2} .draggable-feature .angle-slider .custom-range-input-slide{top:30px;position:relative;height:37px} .draggable-feature .range-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:120px;z-index:-1;color:#eeecfe} .draggable-feature .blue-text{color:#5440f1} .draggable-feature .ticks .blue-text{transform:scale(1.05)} .draggable-feature option.blue-text{transform:scale(3,3.6) !important} .draggable-feature button.range-button:focus-visible,.draggable-feature .range-buttons .range-thumb:focus-visible{outline:3px dashed #000;z-index:1} .draggable-feature button.range-button svg{width:18px;fill:#fff} .draggable-feature button.animation-button svg{width:30px} .draggable-feature .custom-range-slide.angle-slider .input-custom-border{border:0} .draggable-feature .animation-buttons{width:100%;position:relative;display:flex;justify-content:center} .draggable-feature .animation-buttons button{margin:0 12px} .draggable-feature .animation-buttons.animation-buttons[data-variant="angle-slider"] button{margin:0} .animation-off .draggable-feature .rotator.df-animation-on{position:relative} .draggable-feature .animation-buttons .animation-button{min-width:48px;width:48px;height:48px;border-radius:50px;cursor:pointer;border:2px solid transparent !important;background:#fff;background:linear-gradient(white,white) padding-box,linear-gradient(to right,#5440f1,#e1dfff) border-box !important;align-items:center;display:inherit;justify-content:center} .draggable-feature .animation-buttons[data-variant="angle-slider"]{transform:translate(-50%,-50%);width:100%;position:absolute;top:40%;left:50%;display:flex;justify-content:space-between;z-index:1} .draggable-feature .animation-buttons[data-variant="vertical-slider"] .animation-button{margin:0 12px;transform:rotate(90deg)} .draggable-feature.theme-light.applyingAsGradient{background:#e8f5fe} .draggable-feature.theme-dark{background:rgba(10,5,32,1);color:#fff} .draggable-feature.theme-dark .primary-sub-heading{color:var(--dark-mode-text-color)} .draggable-feature.theme-dark .range-buttons,.draggable-feature.theme-dark .range-buttons .range-button,.draggable-feature.theme-dark .range-buttons .range-thumb{background-color:var(--dark-mode-thumb-background);color:#0a0520} .draggable-feature.theme-dark .range-buttons .range-button svg{fill:#0a0520} .draggable-feature.theme-dark button.animation-button svg{fill:#fff} .draggable-feature.theme-dark .angle-slider .steplist option{color:#d2d2d2} .draggable-feature.theme-dark .blue-text{color:var(--dark-mode-thumb-background)} .draggable-feature.theme-dark .range-value{color:#231e41} .draggable-feature.theme-dark button.range-button:focus-visible,.draggable-feature.theme-dark .range-buttons .range-thumb:focus-visible{outline:3px dashed #fff;z-index:1} .draggable-feature.theme-dark .angle-slider .ticks .o_txt{color:#fff;background:transparent} .draggable-feature.theme-dark .animation-buttons .animation-button{background:linear-gradient(#302e3c,#302e3c) padding-box,linear-gradient(to right,#afadff,#5440f1) border-box !important;color:#fff} .draggable-feature.theme-dark span.input-custom-border{border-bottom:1px solid #fff} .draggable-feature.theme-dark .animation-buttons .animation-button:focus-visible{outline:.1875rem dotted #fff;outline-offset:4px} .draggable-feature .animation-buttons .animation-button:focus-visible{outline:.1875rem dotted #000;outline-offset:4px} @media(prefers-contrast:more){.draggable-feature .custom-range-input-slide::-moz-range-thumb{background:transparent} .draggable-feature .custom-range-input-slide::-webkit-slider-thumb{background:transparent} .draggable-feature .custom-range-slide .custom-range-input-slide::-webkit-slider-runnable-track{background-color:transparent} .draggable-feature .range-buttons .range-thumb{border-top:1px solid;border-bottom:1px solid;height:40px} .draggable-feature .range-button.right{border-right:1px solid;border-bottom:1px solid;border-top:1px solid} .draggable-feature .range-button.left{border-left:1px solid;border-bottom:1px solid;border-top:1px solid} .draggable-feature .range-buttons .range-button{height:40px} .draggable-feature .angle-slider .custom-range-input-slide{border:0} .draggable-feature button.animation-button svg path{fill:#fff} .draggable-feature .range-buttons .range-button.left.theme-dark,.draggable-feature .range-buttons .range-button.right{color:#fff} .draggable-feature.theme-dark .range-buttons .range-button svg{fill:#fff} .draggable-feature.theme-dark .range-buttons .range-thumb{color:#fff} .draggable-feature .animation-buttons .animation-button:focus-visible{outline:.1875rem dotted #fff;outline-offset:4px} } @-moz-document url-prefix(){.draggable-feature .angle-slider .steplist option:first-child,.draggable-feature .angle-slider .steplist option:last-child,.draggable-feature .steplist .center-tick{line-height:16px} .draggable-feature .angle-slider .range-buttons{top:57px !important} .draggable-feature .angle-slider .steplist{line-height:20px !important} .draggable-feature .angle-slider .custom-range-input-slide{top:36px} } @media(min-width:540px){.draggable-feature .range-value{font-size:180px} .draggable-feature .animation-buttons{transform:translate(-50%,-50%);width:100%;position:absolute;top:50%;left:50%;display:flex;justify-content:center;z-index:1} .draggable-feature .animation-buttons[data-variant="angle-slider"]{justify-content:center} .draggable-feature .animation-buttons[data-variant="vertical-slider"]{transform:none;width:100%;position:relative;top:auto;left:auto;display:flex;justify-content:center} .draggable-feature .animation-buttons button,.draggable-feature .animation-buttons.animation-buttons[data-variant="angle-slider"] button{margin-left:40%;margin-right:40%} } @media(min-width:860px){.draggable-feature .custom-range-slide{max-width:60%} .draggable-feature .range-value{font-size:350px} .draggable-feature .primary-heading .h1{font-size:56px;line-height:50px} .draggable-feature .animation-buttons[data-variant="angle-slider"]{top:50%} .draggable-feature .custom-range-slide.angle-slider{max-width:56%} } @media(max-width:1083.99px){.draggable-feature .image360 .posterImgOverlay{width:100%} } @media(min-width:1084px){.posterSizeCheck{top:43%} .rotator-container{margin-top:50px} .draggable-feature .custom-range-slide.vertical-slider{position:absolute;right:-7%;transform:rotate(90deg);top:40% !important} [dir=rtl] .draggable-feature .custom-range-slide.vertical-slider{position:absolute;left:-7%;transform:rotate(90deg);top:40% !important;right:auto} .draggable-feature .image360 .posterImgOverlay{width:100%;transform:translate(-50%,-50%);left:50%;top:43%} .draggable-feature .animation-buttons[data-variant="vertical-slider"]{transform:translate(-50%,-50%);width:100%;position:absolute;top:50%;left:50%;display:flex;justify-content:flex-end;z-index:1;flex-wrap:wrap;align-items:flex-end;align-content:flex-end;flex-direction:column} .draggable-feature .animation-buttons[data-variant="vertical-slider"] .animation-button{margin:12px 0} .draggable-feature .container{padding-right:5%;padding-left:5%;width:90%;box-sizing:content-box} .draggable-feature .primary-heading .h1{font-size:56px} .draggable-feature .range-value{font-size:400px} } @media(min-width:1400px){.draggable-feature .container{max-width:1600px;margin:0 auto} .draggable-feature .range-value{font-size:530px} .draggable-feature .primary-heading .h1{font-size:71px;line-height:84px} } @media(max-width:859px){.draggable-feature .area-heading{width:90%} .draggable-feature .rotator-container{width:90%;margin:30px auto} } .draggable-feature h1,.draggable-feature h2,.draggable-feature h3,.draggable-feature h4,.draggable-feature h5,.draggable-feature h6,.draggable-feature .h1,.draggable-feature .h2,.draggable-feature .h3,.draggable-feature .h4,.draggable-feature .h5,.draggable-feature .h6{font-weight:600;line-height:1.2} .draggable-feature h6,.draggable-feature .h6{font-size:1.0625rem;margin-bottom:.5rem} @media(min-width:1084px){.draggable-feature h6,.draggable-feature .h6{font-size:1.125rem;margin-bottom:.5rem} } @media(min-width:1400px){.draggable-feature h6,.draggable-feature .h6{font-size:1.1875rem;margin-bottom:.5rem} } .draggable-feature h5,.draggable-feature .h5{font-size:1.125rem;margin-bottom:.5rem} @media(min-width:1084px){.draggable-feature h5,.draggable-feature .h5{font-size:1.1875rem;margin-bottom:.5rem} } @media(min-width:1400px){.draggable-feature h5,.draggable-feature .h5{font-size:1.3125rem;margin-bottom:.5rem} } .draggable-feature h4,.draggable-feature .h4{font-size:1.1875rem;margin-bottom:.5rem} @media(min-width:1084px){.draggable-feature h4,.draggable-feature .h4{font-size:1.3125rem;margin-bottom:.5rem} } @media(min-width:1400px){.draggable-feature h4,.draggable-feature .h4{font-size:1.5rem;margin-bottom:.75rem} } .draggable-feature h3,.draggable-feature .h3{font-size:1.3125rem;margin-bottom:.5rem} @media(min-width:1084px){.draggable-feature h3,.draggable-feature .h3{font-size:1.5rem;margin-bottom:.75rem} } @media(min-width:1400px){.draggable-feature h3,.draggable-feature .h3{font-size:1.8125rem;margin-bottom:1rem} } .draggable-feature h2,.draggable-feature .h2{font-size:1.5rem;margin-bottom:.75rem} @media(min-width:1084px){.draggable-feature h2,.draggable-feature .h2{font-size:1.8125rem;margin-bottom:1rem} } @media(min-width:1400px){.draggable-feature h2,.draggable-feature .h2{font-size:2.3125rem;margin-bottom:1.25rem} } .draggable-feature h1,.draggable-feature .h1{font-size:1.8125rem;margin-bottom:1rem} @media(min-width:1084px){.draggable-feature h1,.draggable-feature .h1{font-size:2.3125rem;margin-bottom:1.25rem} } @media(min-width:1400px){.draggable-feature h1,.draggable-feature .h1{font-size:3.125rem;margin-bottom:1.5rem} } .draggable-feature .display-4{font-size:2.3125rem;margin-bottom:1.25rem} @media(min-width:1084px){.draggable-feature .display-4{font-size:3.125rem;margin-bottom:1.5rem} } @media(min-width:1400px){.draggable-feature .display-4{font-size:4.4375rem;margin-bottom:1.75rem} } .draggable-feature .display-3{font-size:3.125rem;margin-bottom:1.5rem} @media(min-width:1084px){.draggable-feature .display-3{font-size:4.4375rem;margin-bottom:1.75rem} } @media(min-width:1400px){.draggable-feature .display-3{font-size:6.5625rem;margin-bottom:2rem} } .draggable-feature .display-2{font-size:4.4375rem;margin-bottom:1.75rem} @media(min-width:1084px){.draggable-feature .display-2{font-size:6.5625rem;margin-bottom:2rem} } @media(min-width:1400px){.draggable-feature .display-2{font-size:10rem;margin-bottom:2.25rem} } .draggable-feature .display-1{font-size:6.5625rem;margin-bottom:2rem} @media(min-width:1084px){.draggable-feature .display-1{font-size:10rem;margin-bottom:2.25rem} } @media(min-width:1400px){.draggable-feature .display-1{font-size:15.5625rem;margin-bottom:2.5rem} } .draggable-feature .reel-preloader{display:none} .draggable-feature .area-heading .primary-heading .headingGradient{background-clip:text;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent} .draggable-feature .image360 img{z-index:1} @media(min-width:3000px){.draggable-feature .custom-range-slide.vertical-slider{right:15%} } .draggable-feature .gradient-effect,.draggable-feature.theme-dark .gradient-effect{width:137%;height:37.3%;position:absolute;left:-64.6%;bottom:24%;border-radius:50%;opacity:.75;filter:blur(10vw)} .draggable-feature .image360 .spin__image img{max-width:1080px;margin:0 auto} .draggable-feature .slider-wrapper p{margin:0} [dir=rtl] .draggable-feature .gradient-effect,[dir=rtl] .draggable-feature.theme-dark .gradient-effect{left:54.6%} .draggable-feature .container cascade-block-heading{word-break:break-word} html[dir=rtl] .draggable-feature cascade-block-heading{--ds-block-heading-text-align:right} .draggable-feature div[slot='paragraph']{margin-bottom:15px} .draggable-feature button:focus{outline:0} .draggable-feature .rotator-container{user-select:none;width:100%} @media screen and (max-width:539px){.draggable-feature button.range-button svg{width:12px} .draggable-feature .range-buttons .range-button.left{padding-left:10px} .draggable-feature .range-buttons .range-button.right{padding-right:10px} .draggable-feature .range-buttons .range-button,.draggable-feature .range-buttons .range-thumb{height:34px} } .draggable-feature{touch-action:pan-y} [dir=rtl] .draggable-feature .animation-buttons:not([data-variant="vertical-slider"]){flex-direction:row-reverse} .draggable-feature .custom-range-slide{margin-bottom:10px} .draggable-feature .row:has(.rotator-container .vertical-slider){margin-bottom:25px} .draggable-feature .custom-range-slide.angle-slider{margin-bottom:40px} .draggable-feature .spin__image.sprite-hidden.reel-overlay{visibility:visible} .draggable-feature .sprite-hidden{visibility:hidden} .posterSizeCheck{transform:translate(-50%,-50%);left:50%;position:absolute;width:100%;max-width:1080px;z-index:1}