22

✏️ Editing: ps-dragon.css

.bdt-ps-blur-effect--yes .bdt-ps-dragon-bg .bdt-ps-slide-img{filter:blur(8px) brightness(90%)}.bdt-prime-slider-dragon{position:relative}.bdt-prime-slider-dragon .bdt-slideshow-items li{margin:0}.bdt-prime-slider-dragon .bdt-ps-dragon-bg{height:100%;width:100%;pointer-events:none;z-index:0;position:fixed;overflow:hidden}.bdt-prime-slider-dragon .bdt-ps-dragon-bg .bdt-ps-slide-img{position:absolute;min-width:calc(100% + 50px);height:100%;max-width:none;background-position:center;background-repeat:no-repeat;background-size:cover}.bdt-prime-slider-dragon .bdt-ps-dragon-slide-image{position:absolute;height:100%;width:100%}.bdt-prime-slider-dragon .bdt-ps-dragon-slide-image .bdt-ps-slide-img{position:absolute;min-width:calc(100% + 50px);height:100%;max-width:none;background-position:center;background-repeat:no-repeat;background-size:cover}.bdt-prime-slider-dragon .bdt-prime-slider-wrapper{position:relative}.bdt-prime-slider-dragon .bdt-prime-slider-content{max-width:270px;margin-left:20px;width:100%}.bdt-prime-slider-dragon .bdt-sub-title-inner{font-size:clamp(15px, 3vw, 32px);font-weight:300;color:#fff;text-transform:uppercase;line-height:1.7;margin:0;letter-spacing:1px;padding-bottom:10px;display:inline-block}.bdt-prime-slider-dragon .bdt-title-tag{font-size:clamp(32px, 7vw, 90px);font-weight:700;color:#fff;text-transform:uppercase;line-height:1;margin:0;padding-bottom:clamp(20px, 5vw, 50px);letter-spacing:1px}.bdt-prime-slider-dragon .bdt-slider-excerpt{color:#fff;font-size:clamp(14px, 2vw, 18px);font-weight:300;margin-bottom:clamp(20px, 3vw, 50px);max-width:clamp(270px, 52vw, 620px)}.bdt-prime-slider-dragon .bdt-ps-button{display:inline-flex;cursor:pointer;align-items:center;padding-right:40px}.bdt-prime-slider-dragon .bdt-ps-button:hover .bdt-ps-button-border-circle{transform:translateX(60px)}.bdt-prime-slider-dragon .bdt-ps-button:hover .bdt-ps-button-mask-circle{clip-path:circle(25px at 85px)}.bdt-prime-slider-dragon .bdt-ps-button-text{z-index:1;font-size:14px;margin-right:-18px;color:#FAFAFA;letter-spacing:.05em;transition:color .3s ease}.bdt-prime-slider-dragon .bdt-ps-button-wrapper{position:relative;display:flex;align-items:center}.bdt-prime-slider-dragon .bdt-ps-button-arrow{left:30px;height:3px;width:50px;display:flex;position:absolute;align-items:center;background-color:#fe506c}.bdt-prime-slider-dragon .bdt-ps-button-arrow:after{content:'';width:0;height:0;top:-5px;right:-7px;position:absolute;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid #fe506c}.bdt-prime-slider-dragon .bdt-ps-button-border-circle{width:40px;height:40px;border-radius:50%;border:1px solid #BFBFBF;transition:transform 987ms}.bdt-prime-slider-dragon .bdt-ps-button-mask-circle{width:40px;height:40px;position:absolute;border-radius:50%;display:flex;align-items:center;justify-content:center;clip-path:circle(25px);transition:clip-path 987ms}.bdt-prime-slider-dragon .bdt-ps-button-small-circle{width:16px;height:16px;border-radius:50%;transform:translateX(60px);background-color:#fe506c}.bdt-prime-slider-dragon .bdt-prime-slider-social-icon{position:absolute;left:20px;bottom:20px}.bdt-prime-slider-dragon .bdt-prime-slider-social-icon a{font-size:10px;text-transform:uppercase;color:#fff;margin-right:5px;letter-spacing:1px;position:relative;display:inline-flex}.bdt-prime-slider-dragon .bdt-prime-slider-social-icon a:before{content:'';position:absolute;top:50%;left:0;width:25px;height:25px;border-radius:50%;border:1px solid rgba(255,255,255,0.5);transition:all .7s ease;opacity:0;transform:translate(0, -50%)}.bdt-prime-slider-dragon .bdt-prime-slider-social-icon a:hover:before{opacity:1;transform:translate(100%, -50%)}.bdt-prime-slider-dragon .bdt-prime-slider-social-icon .bdt-social-share-title{z-index:1;position:relative}.bdt-prime-slider-dragon .bdt-dotnav{position:absolute;top:auto;bottom:15px;right:30px;transform:translateY(0)}.bdt-prime-slider-dragon .bdt-dotnav li{position:relative;padding:5px 0;opacity:.5;transition:all .3s ease}.bdt-prime-slider-dragon .bdt-dotnav li:after{content:attr(data-label);font-size:15px;color:#fff;transition:all .3s ease;cursor:pointer}.bdt-prime-slider-dragon .bdt-dotnav li:before{content:'';position:absolute;right:20px;background:#fff;height:1px;width:0;top:50%;transform:translateY(-50%);transition:all .3s ease;border-radius:3px;opacity:0}.bdt-prime-slider-dragon .bdt-dotnav li a{position:absolute;height:40px;width:40px;background-color:transparent !important;left:-10px;top:4px}.bdt-prime-slider-dragon .bdt-dotnav li a:focus,.bdt-prime-slider-dragon .bdt-dotnav li a:hover{outline:0}.bdt-prime-slider-dragon .bdt-dotnav li.bdt-active{opacity:1}.bdt-prime-slider-dragon .bdt-dotnav li.bdt-active:before{width:40px;opacity:1}@media (min-width:768px){.bdt-prime-slider-dragon .bdt-prime-slider-content{max-width:480px;margin-left:50px}.bdt-prime-slider-dragon .bdt-ps-button{margin-bottom:50px}.bdt-prime-slider-dragon .bdt-ps-button-arrow{left:35px}.bdt-prime-slider-dragon .bdt-ps-button-border-circle,.bdt-prime-slider-dragon .bdt-ps-button-mask-circle{width:50px;height:50px}.bdt-prime-slider-dragon .bdt-prime-slider-social-icon{left:50px;bottom:30px}.bdt-prime-slider-dragon .bdt-prime-slider-social-icon a{font-size:11px;margin-right:10px;letter-spacing:2px}.bdt-prime-slider-dragon .bdt-dotnav{top:50%;bottom:auto;transform:translateY(-50%)}.bdt-prime-slider-dragon .bdt-dotnav li{padding:10px 0}.bdt-prime-slider-dragon .bdt-dotnav li:after{font-size:18px}.bdt-prime-slider-dragon .bdt-dotnav li:before{right:25px}.bdt-prime-slider-dragon .bdt-dotnav li.bdt-active:before{width:50px}}@media (min-width:1024px){.bdt-prime-slider-dragon .bdt-ps-dragon-slide-image{-webkit-mask-image:url(../images/side-round-mask.svg);mask-image:url(../images/side-round-mask.svg);-webkit-mask-position:left;mask-position:left;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.bdt-prime-slider-dragon .bdt-prime-slider-content{max-width:840px;margin-left:100px}.bdt-prime-slider-dragon .bdt-prime-slider-social-icon{left:100px;bottom:50px}.bdt-prime-slider-dragon .bdt-dotnav{right:100px}}

MR SKB