:root{--ks-clr-white:#fff;--ks-clr-lit:#eee;--ks-clr-black:#000;--ks-clr-gray:#333;--ks-clr-1:#fdc500;--ks-clr-2:#e71d36;--ks-clr-3:#d1105a;--ks-clr-4:#bf0603;--ks-clr-5:#1f7af1;--ks-clr-6:#a7c957;--ks-clr-7:#1c78f1;--ks-fs:16px;--ks-pd:8px;--ks-bd:none;--ks-bdr:0;--ks-ol:none;--ks-crs:pointer;--ks-trn:.4s ease}.ks-btn{--txt-clr:var(--ks-clr-white);--bg-clr:var(--ks-clr-4);--fs:var(--ks-fs);--pdg:var(--ks-pd);--bd:var(--ks-bd);--bdr:var(--ks-bdr);--ol:var(--ks-ol);--crs:var(--ks-crs);--trn:var(--ks-trn);font-family:inherit;font-size:var(--fs);font-weight:500;color:var(--txt-clr);background-color:var(--bg-clr);padding:calc(var(--pdg) * 1.5) calc(var(--pdg) * 2);border:var(--bd);border-radius:var(--bdr);outline:var(--ol);cursor:var(--crs);overflow:hidden;-webkit-transition:var(--trn);-o-transition:var(--trn);transition:var(--trn)}.ks-fs-s1{--txt-clr:var(--ks-clr-gray);--bg-clr:var(--ks-clr-1);position:relative;z-index:1}.ks-fs-s1:before,.ks-fs-s1:after{content:'';width:80%;height:0;background-color:transparent;border-left:10px solid transparent;border-right:10px solid transparent;position:absolute;left:50%;z-index:-1;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease;-webkit-filter:opacity(0.6) brightness(80%) contrast(100%);filter:opacity(0.6) brightness(80%) contrast(100%)}.ks-fs-s1:before{border-top:10px solid var(--bg-clr);top:0}.ks-fs-s1:after{border-bottom:10px solid var(--bg-clr);bottom:0}.ks-fs-s1:hover{--txt-clr:var(--ks-clr-white);-webkit-transition:.3s ease .1s;-o-transition:.3s ease .1s;transition:.3s ease .1s}.ks-fs-s1:hover:before,.ks-fs-s1:hover:after{width:calc(100% + 2px);height:50%;background-color:var(--bg-clr)}.ks-fs-s1-1{--txt-clr:var(--ks-clr-white);--bg-clr:var(--ks-clr-2);position:relative;z-index:1}.ks-fs-s1-1:before,.ks-fs-s1-1:after{content:'';width:80%;height:0;background-color:transparent;border-left:10px solid transparent;border-right:10px solid transparent;position:absolute;left:50%;z-index:-1;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);-webkit-transition:.5s ease,background-color .5s ease .1s;-o-transition:.5s ease,background-color .5s ease .1s;transition:.5s ease,background-color .5s ease .1s;-webkit-filter:opacity(0.6) brightness(80%) contrast(100%);filter:opacity(0.6) brightness(80%) contrast(100%)}.ks-fs-s1-1:before{border-top:10px solid var(--bg-clr);top:0}.ks-fs-s1-1:after{border-bottom:10px solid var(--bg-clr);bottom:0}.ks-fs-s1-1:hover{--txt-clr:var(--ks-clr-gray);-webkit-transition:.3s ease .1s;-o-transition:.3s ease .1s;transition:.3s ease .1s}.ks-fs-s1-1:hover:before,.ks-fs-s1-1:hover:after{width:100%;height:50%;background-color:var(--ks-clr-white);-webkit-filter:opacity(0.3) brightness(100%) contrast(100%);filter:opacity(0.3) brightness(100%) contrast(100%)}.ks-fo-s1{background-color:transparent;border:1px solid var(--bg-clr)}.ks-fo-s1-1{--txt-clr:var(--ks-clr-gray);background-color:transparent;border:1px solid var(--bg-clr)}.ks-fs-s2{--txt-clr:var(--ks-clr-lit);--bg-clr:var(--ks-clr-5);position:relative;left:-.5px;z-index:1}.ks-fs-s2:before,.ks-fs-s2:after{content:'';width:0;height:90%;background-color:transparent;border-top:10px solid transparent;border-bottom:10px solid transparent;position:absolute;top:50%;z-index:-1;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease;-webkit-filter:opacity(0.6) brightness(80%) contrast(100%);filter:opacity(0.6) brightness(80%) contrast(100%)}.ks-fs-s2:before{border-left:15px solid var(--bg-clr);left:0}.ks-fs-s2:after{border-right:15px solid var(--bg-clr);right:0}.ks-fs-s2:hover{--txt-clr:var(--ks-clr-white);-webkit-transition:.3s ease .1s;-o-transition:.3s ease .1s;transition:.3s ease .1s}.ks-fs-s2:hover:before,.ks-fs-s2:hover:after{width:100%;height:50%;background-color:var(--bg-clr)}.ks-fo-s2{--txt-clr:var(--ks-clr-gray);background-color:transparent;border:1px solid var(--bg-clr)}.ks-fs-s3{--txt-clr:var(--ks-clr-lit);--bg-clr:var(--ks-clr-2);position:relative;left:.5px;z-index:1}.ks-fs-s3:before,.ks-fs-s3:after{content:'';width:0;height:0;background-color:transparent;border-top:20px solid transparent;border-bottom:20px solid transparent;position:absolute;z-index:-1;-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);-webkit-transition:background-color .5s ease 0.2s,-webkit-transform .5s ease;transition:background-color .5s ease 0.2s,-webkit-transform .5s ease;-o-transition:transform .5s ease,background-color .5s ease .2s;transition:transform .5s ease,background-color .5s ease .2s;transition:transform .5s ease,background-color .5s ease 0.2s,-webkit-transform .5s ease;-webkit-filter:opacity(0.6) brightness(80%) contrast(100%);filter:opacity(0.6) brightness(80%) contrast(100%)}.ks-fs-s3:before{border-left:20px solid var(--bg-clr);top:-15px;left:-5px}.ks-fs-s3:after{border-right:20px solid var(--bg-clr);bottom:-15px;right:-5px}.ks-fs-s3:hover{--txt-clr:var(--ks-clr-white);-webkit-transition:.3s ease .1s;-o-transition:.3s ease .1s;transition:.3s ease .1s}.ks-fs-s3:hover:before,.ks-fs-s3:hover:after{width:100%;height:50%;border-left:15px solid var(--bg-clr);border-top:15px solid transparent;border-bottom:15px solid transparent;background-color:var(--bg-clr);-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);left:0}.ks-fo-s3{--txt-clr:var(--ks-clr-gray);background-color:transparent;border:1px solid var(--bg-clr)}.ks-fo-s3:hover{--txt-clr:var(--ks-clr-gray)}.ks-fs-s4{--txt-clr:var(--ks-clr-lit);--bg-clr:var(--ks-clr-3);position:relative;z-index:1}.ks-fs-s4:before,.ks-fs-s4:after{content:'';width:15px;height:15px;background-color:var(--bg-clr);position:absolute;z-index:-1;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease;-webkit-filter:opacity(0.6) brightness(80%) contrast(100%);filter:opacity(0.6) brightness(80%) contrast(100%)}.ks-fs-s4:before{left:0;top:0}.ks-fs-s4:after{right:0;bottom:0}.ks-fs-s4:hover{--txt-clr:var(--ks-clr-white);-webkit-transition:.3s ease .1s;-o-transition:.3s ease .1s;transition:.3s ease .1s}.ks-fs-s4:hover:before,.ks-fs-s4:hover:after{width:100%;height:50%}.ks-fo-s4{--txt-clr:var(--ks-clr-gray);background-color:transparent;border:1px solid var(--bg-clr)}.ks-fs-s5{--txt-clr:var(--ks-clr-lit);--bg-clr:var(--ks-clr-black);--shdw:var(--ks-clr-lit);--width:10px;--height:10px;position:relative;top:.5px;z-index:1}.ks-fs-s5:before,.ks-fs-s5:after{content:'';width:var(--width);height:var(--height);background-color:transparent;position:absolute;left:50%;z-index:-1;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease;-webkit-filter:opacity(0.6) brightness(80%) contrast(100%);filter:opacity(0.6) brightness(80%) contrast(100%)}.ks-fs-s5:before{top:0;-webkit-box-shadow:10px 0 0 var(--shdw),30px 0 0 var(--shdw),50px 0 0 var(--shdw),-10px 0 0 var(--shdw),-30px 0 0 var(--shdw),-50px 0 0 var(--shdw);box-shadow:10px 0 0 var(--shdw),30px 0 0 var(--shdw),50px 0 0 var(--shdw),-10px 0 0 var(--shdw),-30px 0 0 var(--shdw),-50px 0 0 var(--shdw)}.ks-fs-s5:after{bottom:0;background-color:var(--shdw);-webkit-box-shadow:20px 0 0 var(--shdw),40px 0 0 var(--shdw),60px 0 0 var(--shdw),-20px 0 0 var(--shdw),-40px 0 0 var(--shdw),-60px 0 0 var(--shdw);box-shadow:20px 0 0 var(--shdw),40px 0 0 var(--shdw),60px 0 0 var(--shdw),-20px 0 0 var(--shdw),-40px 0 0 var(--shdw),-60px 0 0 var(--shdw)}.ks-fs-s5:hover{--txt-clr:var(--ks-clr-white);-webkit-transition:.3s ease .1s;-o-transition:.3s ease .1s;transition:.3s ease .1s}.ks-fs-s5:hover:before,.ks-fs-s5:hover:after{width:100%;height:50%;background-color:var(--shdw);left:0;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-box-shadow:none;box-shadow:none;-webkit-filter:opacity(0.9) brightness(100%) contrast(100%);filter:opacity(0.9) brightness(100%) contrast(100%)}.ks-fo-s5{--txt-clr:var(--ks-clr-gray);background-color:transparent;border:1px solid var(--bg-clr)}.ks-fs-s6{--txt-clr:var(--ks-clr-gray);--bg-clr:var(--ks-clr-6);position:relative;left:-.5px;z-index:1}.ks-fs-s6:before{content:'';width:100%;height:100%;background-color:var(--ks-clr-white);position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%) skewX(45deg);-ms-transform:translate(-50%,-50%) skewX(45deg);transform:translate(-50%,-50%) skewX(45deg);z-index:-1;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease;-webkit-filter:opacity(0.3);filter:opacity(0.3)}.ks-fs-s6:hover{--txt-clr:var(--ks-clr-white);-webkit-transition:.3s ease .1s;-o-transition:.3s ease .1s;transition:.3s ease .1s}.ks-fs-s6:hover:before{width:80%;height:50%;-webkit-transform:translate(-50%,-50%) skewX(0deg);-ms-transform:translate(-50%,-50%) skewX(0deg);transform:translate(-50%,-50%) skewX(0deg)}.ks-fo-s6{background-color:transparent;border:1px solid var(--bg-clr)}.ks-fo-s6:hover{--txt-clr:var(--ks-clr-gray)}.ks-fo-s6:before{background-color:var(--bg-clr)}.ks-fs-s7{--txt-clr:var(--ks-clr-gray);--bg-clr:var(--ks-clr-5);position:relative;z-index:1}.ks-fs-s7:before{content:'';width:100%;height:100%;background-color:var(--ks-clr-white);position:absolute;left:0;top:50%;-webkit-transform:translate(-50%,-50%) skewX(45deg);-ms-transform:translate(-50%,-50%) skewX(45deg);transform:translate(-50%,-50%) skewX(45deg);z-index:-1;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease;-webkit-filter:opacity(0.2);filter:opacity(0.2)}.ks-fs-s7:hover{--txt-clr:var(--ks-clr-white);-webkit-transition:.3s ease .1s;-o-transition:.3s ease .1s;transition:.3s ease .1s}.ks-fs-s7:hover:before{width:80%;height:50%;-webkit-transform:translate(-50%,-50%) skewX(0deg);-ms-transform:translate(-50%,-50%) skewX(0deg);transform:translate(-50%,-50%) skewX(0deg)}.ks-fo-s7{--txt-clr:var(--ks-clr-gray);background-color:transparent;border:1px solid var(--bg-clr)}.ks-fo-s7:hover{--txt-clr:var(--ks-clr-gray)}.ks-fo-s7:before{background-color:var(--bg-clr)}.ks-fs-s8{--txt-clr:var(--ks-clr-gray);--bg-clr:var(--ks-clr-1);background-color:transparent;position:relative;z-index:1}.ks-fs-s8:before,.ks-fs-s8:after{content:'';width:100%;height:100%;background-color:var(--bg-clr);position:absolute;top:50%;z-index:-1;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease}.ks-fs-s8:before{right:-25px;-webkit-transform:translate(0%,-50%) skewX(45deg);-ms-transform:translate(0%,-50%) skewX(45deg);transform:translate(0%,-50%) skewX(45deg)}.ks-fs-s8:after{width:0;height:0;background-color:transparent;border-top:30px solid var(--bg-clr);border-left:30px solid transparent;border-right:30px solid transparent;left:-20px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.ks-fs-s8:hover{--txt-clr:var(--ks-clr-white);-webkit-transition:.3s ease .1s;-o-transition:.3s ease .1s;transition:.3s ease .1s}.ks-fs-s8:hover:after{border-top:100px solid var(--bg-clr);border-left:100px solid transparent;border-right:100px solid transparent;left:-80px}.ks-fo-s8{--txt-clr:var(--ks-clr-gray);border-right:1px solid var(--bg-clr)}.ks-fo-s8:before{background-color:transparent;border:1px solid var(--bg-clr)}.ks-fo-s8:hover:before{background-color:var(--bg-clr);border:1px solid transparent}.ks-fs-s9{--txt-clr:var(--ks-clr-lit);--bg-clr:var(--ks-clr-3);--hp-clr:var(--ks-clr-white);position:relative;z-index:1}.ks-fs-s9:before,.ks-fs-s9:after{content:'';background-color:var(--hp-clr);position:absolute;z-index:-1;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease}.ks-fs-s9:before{border-top:15px solid transparent;border-left:15px solid var(--bg-clr);border-right:0 solid transparent;left:0;bottom:0}.ks-fs-s9:after{border-bottom:15px solid transparent;border-right:15px solid var(--bg-clr);border-left:0 solid transparent;right:0;top:0}.ks-fs-s9:hover{--txt-clr:var(--ks-clr-white);-webkit-transition:.3s ease .1s;-o-transition:.3s ease .1s;transition:.3s ease .1s}.ks-fs-s9:hover:before,.ks-fs-s9:hover:after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.ks-fo-s9{--txt-clr:var(--ks-clr-gray);background-color:transparent;border:1px solid var(--bg-clr)}.ks-fo-s9:hover{--txt-clr:var(--ks-clr-gray)}.ks-fs-s10{--txt-clr:var(--ks-clr-lit);--bg-clr:var(--ks-clr-6);--hp-clr:var(--ks-clr-white);position:relative;z-index:1}.ks-fs-s10:before,.ks-fs-s10:after{content:'';width:10px;height:10px;background-color:var(--hp-clr);position:absolute;z-index:-1;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease}.ks-fs-s10:before{background-color:var(--bg-clr);border-top:3px solid var(--hp-clr);border-left:3px var(--hp-clr);border-right:3px solid var(--hp-clr);left:0;bottom:0}.ks-fs-s10:after{background-color:var(--bg-clr);border-bottom:3px solid var(--hp-clr);border-top:3px var(--hp-clr);border-left:3px solid var(--hp-clr);right:0;top:0}.ks-fs-s10:hover{--txt-clr:var(--ks-clr-white);-webkit-transition:.3s ease .1s;-o-transition:.3s ease .1s;transition:.3s ease .1s}.ks-fs-s10:hover:before,.ks-fs-s10:hover:after{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}.ks-fo-s10{--txt-clr:var(--ks-clr-gray);background-color:transparent;border:1px solid var(--bg-clr)}.ks-fo-s10:hover{--txt-clr:var(--ks-clr-gray)}.ks-ad-s1{--txt-clr:var(--ks-clr-lit);--bg-clr:var(--ks-clr-7);background-color:transparent;position:relative;z-index:1}.ks-ad-s1:before{content:'';width:100%;height:100%;background-color:var(--bg-clr);position:absolute;top:0;left:0;z-index:-1;-webkit-transform:skewX(45deg) scale(1.2);-ms-transform:skewX(45deg) scale(1.2);transform:skewX(45deg) scale(1.2);-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease}.ks-ad-s1:hover{--txt-clr:var(--ks-clr-white);-webkit-transition:.3s ease .1s;-o-transition:.3s ease .1s;transition:.3s ease .1s}.ks-ad-s1:hover:before{-webkit-transform:skewX(-45deg) scale(1.2);-ms-transform:skewX(-45deg) scale(1.2);transform:skewX(-45deg) scale(1.2)}.ks-ad-s2{--txt-clr:var(--ks-clr-7);--bg-clr:var(--ks-clr-7);background-color:transparent;position:relative;z-index:1}.ks-ad-s2:before{content:'';width:90%;height:70%;background-color:transparent;border-top:1px solid var(--bg-clr);border-left:1px solid var(--bg-clr);position:absolute;top:0;left:0;z-index:-1;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease}.ks-ad-s2:after{content:'';width:90%;height:70%;background-color:transparent;border-bottom:1px solid var(--bg-clr);border-right:1px solid var(--bg-clr);position:absolute;bottom:0;right:0;z-index:-1;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease}.ks-ad-s2:hover:before{left:100%;-webkit-transform:translateX(-100%) rotateY(180deg);transform:translateX(-100%) rotateY(180deg)}.ks-ad-s2:hover:after{right:100%;-webkit-transform:translateX(100%) rotateY(180deg);transform:translateX(100%) rotateY(180deg)}.ks-ad-s3{--txt-clr:var(--ks-clr-7);--bg-clr:var(--ks-clr-7);background-color:transparent;position:relative;z-index:1}.ks-ad-s3:before{content:'';width:95%;height:70%;background-color:transparent;border-top:10px solid var(--bg-clr);border-left:1px solid var(--bg-clr);border-right:1px solid var(--bg-clr);position:absolute;top:0;left:0;z-index:-1;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease}.ks-ad-s3:after{content:'';width:95%;height:70%;background-color:transparent;border-bottom:10px solid var(--bg-clr);border-left:1px solid var(--bg-clr);border-right:1px solid var(--bg-clr);position:absolute;bottom:0;right:0;z-index:-1;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease}.ks-ad-s3:hover:before{left:100%;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}.ks-ad-s3:hover:after{right:100%;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.ks-ad-s4{--txt-clr:var(--ks-clr-7);--bg-clr:var(--ks-clr-7);background-color:transparent;position:relative;z-index:1}.ks-ad-s4:before{content:'';width:95%;height:70%;background-color:transparent;border-top:1px solid var(--bg-clr);border-bottom:20px solid transparent;border-left:1px solid var(--bg-clr);border-right:1px solid var(--bg-clr);position:absolute;top:0;left:0;z-index:-1;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease}.ks-ad-s4:after{content:'';width:95%;height:70%;background-color:transparent;border-top:20px solid transparent;border-bottom:1px solid var(--bg-clr);border-left:1px solid var(--bg-clr);border-right:1px solid var(--bg-clr);position:absolute;bottom:0;right:0;z-index:-1;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease}.ks-ad-s4:hover:before{border-right:1px solid var(--bg-clr);border-left:1px solid transparent;left:100%;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}.ks-ad-s4:hover:after{border-right:1px solid transparent;border-left:1px solid var(--bg-clr);right:100%;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.ks-ad-s5{--txt-clr:var(--ks-clr-7);--bg-clr:var(--ks-clr-7);background-color:transparent;position:relative;z-index:1}.ks-ad-s5:before{content:'';width:95%;height:50%;background-color:transparent;border-top:1px solid var(--bg-clr);border-left:10px solid var(--bg-clr);position:absolute;top:0;left:0;z-index:-1;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease}.ks-ad-s5:after{content:'';width:95%;height:50%;background-color:transparent;border-bottom:1px solid var(--bg-clr);border-right:10px solid var(--bg-clr);position:absolute;bottom:0;right:0;z-index:-1;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease}.ks-ad-s5:hover:before,.ks-ad-s5:hover:after{height:100%}.ks-ad-s6{--txt-clr:var(--ks-clr-7);--bg-clr:var(--ks-clr-7);background-color:transparent;position:relative;z-index:1}.ks-ad-s6:before{content:'';width:95%;height:50%;background-color:transparent;border-top:5px solid var(--bg-clr);border-left:6px solid var(--bg-clr);border-right:1px solid var(--bg-clr);position:absolute;top:0;left:0;z-index:-1;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease}.ks-ad-s6:after{content:'';width:95%;height:50%;background-color:transparent;border-bottom:5px solid var(--bg-clr);border-left:1px solid var(--bg-clr);border-right:6px solid var(--bg-clr);position:absolute;bottom:0;right:0;z-index:-1;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease}.ks-ad-s6:hover:before,.ks-ad-s6:hover:after{height:100%}.ks-ad-s7{--txt-clr:var(--ks-clr-7);--bg-clr:var(--ks-clr-7);background-color:transparent;position:relative;z-index:1;border:1px solid var(--bg-clr)}.ks-ad-s7:before{content:'';width:0;background-color:transparent;border-top:8px solid var(--bg-clr);border-left:8px solid var(--bg-clr);position:absolute;top:0;left:0;z-index:-1;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease}.ks-ad-s7:after{content:'';background-color:transparent;border-bottom:8px solid var(--bg-clr);border-right:8px solid var(--bg-clr);position:absolute;bottom:0;right:0;z-index:-1;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease}.ks-ad-s7:hover:before{left:calc(100% - 8px)}.ks-ad-s7:hover:after{right:calc(100% - 8px)}.ks-ad-s8{--txt-clr:var(--ks-clr-white);--bg-clr:var(--ks-clr-7);background-color:transparent;position:relative;z-index:1}.ks-ad-s8:before{content:'';width:100%;height:50%;background-color:transparent;border-top:1px solid var(--bg-clr);border-left:1px solid var(--bg-clr);border-right:1px solid var(--bg-clr);border-bottom:10px solid var(--bg-clr);position:absolute;top:0;left:0;z-index:-1;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease}.ks-ad-s8:after{content:'';width:100%;height:50%;background-color:transparent;border-top:10px solid var(--bg-clr);border-left:1px solid var(--bg-clr);border-right:1px solid var(--bg-clr);border-bottom:1px solid var(--bg-clr);position:absolute;bottom:0;right:0;z-index:-1;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease}.ks-ad-s8:hover{--txt-clr:var(--bg-clr)}.ks-ad-s8:hover:before,.ks-ad-s8:hover:after{height:100%}.ks-ad-s9{--txt-clr:var(--ks-clr-white);--bg-clr:var(--ks-clr-7);--hp-clr:var(--ks-clr-white);position:relative;z-index:1}.ks-ad-s9:before{content:'';width:100%;height:20px;border-left:3px solid var(--hp-clr);border-right:5px solid var(--hp-clr);border-bottom:3px solid var(--hp-clr);position:absolute;left:0;bottom:0}.ks-ad-s9:after{content:'';width:10px;height:10px;background-color:var(--bg-clr);border-bottom:3px solid var(--hp-clr);border-top:3px var(--hp-clr);border-left:3px solid var(--hp-clr);position:absolute;right:0;top:0;z-index:-1;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease}.ks-ad-s9:hover:after{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.ks-ad-s10{--txt-clr:var(--ks-clr-white);--bg-clr:var(--ks-clr-7);--hp-clr:var(--ks-clr-white);position:relative;z-index:1}.ks-ad-s10:before{content:'';width:10px;height:10px;border-bottom:5px solid var(--hp-clr);border-top:5px var(--hp-clr);border-left:5px solid var(--hp-clr);position:absolute;left:0;bottom:0;z-index:-1;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease}.ks-ad-s10:after{content:'';width:10px;height:10px;border-top:5px solid var(--hp-clr);border-right:5px solid var(--hp-clr);position:absolute;right:0;top:0;z-index:-1;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease}.ks-ad-s10:hover:before,.ks-ad-s10:hover:after{height:100%}.ks-ad-s11{--txt-clr:var(--ks-clr-7);--bg-clr:var(--ks-clr-7);--hp-clr:var(--ks-clr-white);--b-radius:5px;background-color:var(--ks-clr-white);border:1px solid var(--bg-clr);border-radius:var(--b-radius);position:relative;z-index:1;overflow:visible}.ks-ad-s11:before{content:'';width:20px;height:20px;background-color:var(--bg-clr);border-radius:var(--b-radius);-webkit-box-shadow:92px 0 0 var(--bg-clr),0 31px 0 var(--bg-clr),92px 31px 0 var(--bg-clr);box-shadow:92px 0 0 var(--bg-clr),0 31px 0 var(--bg-clr),92px 31px 0 var(--bg-clr);position:absolute;left:-1.98px;top:-2.2px;z-index:-1;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease}.ks-ad-s11:after{content:'';width:calc(101% - 0.5px);height:101%;background-color:var(--hp-clr);border-radius:var(--b-radius);position:absolute;left:0;top:0;z-index:-1;-webkit-transition:.3s ease-in;-o-transition:.3s ease-in;transition:.3s ease-in}.ks-ad-s11:hover{--txt-clr:var(--ks-clr-white)!important}.ks-ad-s11:hover:after{background-color:var(--bg-clr)}.ks-np-s1{--bg-clr:var(--ks-clr-lit);--txt-clr:var(--ks-clr-2);--mg:5px;position:relative;z-index:1;overflow:hidden}.ks-np-s1:before{content:'';width:calc(100% - calc(var(--mg) * 2));height:70%;margin-inline:var(--mg);background-color:var(--bg-clr);border-radius:50px;-webkit-box-shadow:5px 5px 10px rgba(0,0,0,0.1),-5px -5px 10px rgba(255,255,255,1);box-shadow:5px 5px 10px rgba(0,0,0,0.1),-5px -5px 10px rgba(255,255,255,1);-webkit-filter:blur(1px);filter:blur(1px);position:absolute;top:50%;left:calc(50% - var(--mg));-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:-1}.ks-np-s1:hover:before{-webkit-box-shadow:-5px -5px 10px rgba(0,0,0,0.1),5px 5px 10px rgba(255,255,255,1);box-shadow:-5px -5px 10px rgba(0,0,0,0.1),5px 5px 10px rgba(255,255,255,1)}.ks-np-s2{--bg-clr:var(--ks-clr-lit);--txt-clr:var(--ks-clr-2);--mg:5px;position:relative;z-index:1;overflow:hidden}.ks-np-s2:before{content:'';width:calc(100% - calc(var(--mg) * 2));height:70%;margin-inline:var(--mg);background-color:var(--bg-clr);border-radius:50px;-webkit-box-shadow:-5px -5px 10px rgba(0,0,0,0.1),5px 5px 10px rgba(255,255,255,1);box-shadow:-5px -5px 10px rgba(0,0,0,0.1),5px 5px 10px rgba(255,255,255,1);-webkit-filter:blur(1px);filter:blur(1px);position:absolute;top:50%;left:calc(50% - var(--mg));-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:-1}.ks-np-s2:hover:before{-webkit-box-shadow:5px 5px 10px rgba(0,0,0,0.1),-5px -5px 10px rgba(255,255,255,1);box-shadow:5px 5px 10px rgba(0,0,0,0.1),-5px -5px 10px rgba(255,255,255,1)}.ks-np-s3{--bg-clr:var(--ks-clr-lit);--txt-clr:var(--ks-clr-white);--mg:5px;text-shadow:1px 1px 3px rgba(0,0,0,0.2);position:relative;z-index:1;overflow:hidden}.ks-np-s3:before{content:'';width:calc(100% - calc(var(--mg) * 2));height:70%;margin-inline:var(--mg);background-color:var(--bg-clr);border-radius:15px 0 15px 0;-webkit-box-shadow:5px 5px 10px rgba(0,0,0,0.1),-5px -5px 10px rgba(255,255,255,1);box-shadow:5px 5px 10px rgba(0,0,0,0.1),-5px -5px 10px rgba(255,255,255,1);-webkit-filter:blur(1px);filter:blur(1px);position:absolute;top:50%;left:calc(50% - var(--mg));-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:-1}.ks-np-s3:hover:before{-webkit-box-shadow:-5px -5px 10px rgba(0,0,0,0.1),5px 5px 10px rgba(255,255,255,1);box-shadow:-5px -5px 10px rgba(0,0,0,0.1),5px 5px 10px rgba(255,255,255,1)}.ks-np-s4{--bg-clr:var(--ks-clr-lit);--txt-clr:var(--ks-clr-5);--mg:5px;position:relative;z-index:1;overflow:hidden}.ks-np-s4:before{content:'';width:calc(100% - calc(var(--mg) * 2));height:80%;margin-inline:var(--mg);background-color:var(--bg-clr);border-radius:30px;-webkit-box-shadow:5px 5px 10px rgba(0,0,0,0.1),-5px -5px 10px rgba(255,255,255,1),inset -5px -5px 10px rgba(0,0,0,0.1),inset 5px 5px 10px rgba(255,255,255,1);box-shadow:5px 5px 10px rgba(0,0,0,0.1),-5px -5px 10px rgba(255,255,255,1),inset -5px -5px 10px rgba(0,0,0,0.1),inset 5px 5px 10px rgba(255,255,255,1);-webkit-filter:blur(1px);filter:blur(1px);position:absolute;top:50%;left:calc(50% - var(--mg));-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:-1}.ks-np-s4:hover:before{-webkit-box-shadow:-5px -5px 10px rgba(0,0,0,0.1),5px 5px 10px rgba(255,255,255,1);box-shadow:-5px -5px 10px rgba(0,0,0,0.1),5px 5px 10px rgba(255,255,255,1)}.ks-np-s5{--bg-clr:var(--ks-clr-lit);--txt-clr:var(--ks-clr-6);--mg:5px;position:relative;z-index:1;overflow:hidden}.ks-np-s5:before{content:'';width:calc(100% - calc(var(--mg) * 2));height:80%;margin-inline:var(--mg);background-color:var(--bg-clr);border-radius:30px;-webkit-box-shadow:5px 5px 10px rgba(0,0,0,0.1),-5px -5px 10px rgba(255,255,255,1),inset -2px -2px 2px rgba(0,0,0,0.2),inset 2px 2px 2px rgba(255,255,255,1);box-shadow:5px 5px 10px rgba(0,0,0,0.1),-5px -5px 10px rgba(255,255,255,1),inset -2px -2px 2px rgba(0,0,0,0.2),inset 2px 2px 2px rgba(255,255,255,1);-webkit-filter:blur(1px);filter:blur(1px);position:absolute;top:50%;left:calc(50% - var(--mg));-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:-1}.ks-np-s5:hover:before{-webkit-box-shadow:-5px -5px 10px rgba(0,0,0,0.1),5px 5px 10px rgba(255,255,255,1);box-shadow:-5px -5px 10px rgba(0,0,0,0.1),5px 5px 10px rgba(255,255,255,1)}.ks-np-s6{--bg-clr:var(--ks-clr-lit);--txt-clr:var(--ks-clr-1);--mg:5px;position:relative;z-index:1;overflow:hidden}.ks-np-s6:before{content:'';width:calc(100% - calc(var(--mg) * 2));height:80%;margin-inline:var(--mg);background-color:var(--bg-clr);border-radius:30px;-webkit-box-shadow:5px 5px 10px rgba(0,0,0,0.1),-5px -5px 10px rgba(255,255,255,1),inset -2px -2px 2px 2px var(--bg-clr),inset -3px -3px 2px 2px rgba(0,0,0,0.2),inset 0 0 2px 2px rgba(0,0,0,0.2),inset 2px 2px 2px 2px var(--bg-clr),inset 3px 3px 2px 2px rgba(255,255,255,1);box-shadow:5px 5px 10px rgba(0,0,0,0.1),-5px -5px 10px rgba(255,255,255,1),inset -2px -2px 2px 2px var(--bg-clr),inset -3px -3px 2px 2px rgba(0,0,0,0.2),inset 0 0 2px 2px rgba(0,0,0,0.2),inset 2px 2px 2px 2px var(--bg-clr),inset 3px 3px 2px 2px rgba(255,255,255,1);-webkit-filter:blur(1px);filter:blur(1px);position:absolute;top:50%;left:calc(50% - var(--mg));-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:-1}.ks-np-s6:hover:before{-webkit-box-shadow:5px 5px 10px rgba(0,0,0,0.1),-5px -5px 10px rgba(255,255,255,1);box-shadow:5px 5px 10px rgba(0,0,0,0.1),-5px -5px 10px rgba(255,255,255,1)}.ks-gl-s1{--txt-clr:var(--ks-clr-white);--bg-clr:var(--ks-clr-1);--hp-clr:var(--ks-clr-2);position:relative;z-index:1;overflow:hidden}.ks-gl-s1:before{content:'';width:10px;height:10px;background-color:var(--hp-clr);-webkit-box-shadow:18px 15px 0 var(--hp-clr),25px 40px 0 var(--hp-clr),60px 25px 0 var(--hp-clr);box-shadow:18px 15px 0 var(--hp-clr),25px 40px 0 var(--hp-clr),60px 25px 0 var(--hp-clr);border-radius:50%;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease}.ks-gl-s1:after{content:'';width:100%;height:100%;background-color:rgba(255,255,255,0.2);border:5px solid rgba(255,255,255,0.5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);position:absolute;top:0;left:0;z-index:-1;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease}.ks-gl-s1:hover:after{border:5px solid var(--bg-clr)}.ks-gl-s2{--txt-clr:var(--ks-clr-white);--bg-clr:var(--ks-clr-2);--hp-clr:var(--ks-clr-1);position:relative;z-index:1;overflow:hidden}.ks-gl-s2:before{content:'';width:10px;height:10px;background-color:var(--hp-clr);-webkit-box-shadow:18px 15px 0 var(--hp-clr),25px 40px 0 var(--hp-clr),60px 25px 0 var(--hp-clr);box-shadow:18px 15px 0 var(--hp-clr),25px 40px 0 var(--hp-clr),60px 25px 0 var(--hp-clr);border-radius:50%;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease}.ks-gl-s2:after{content:'';width:90%;height:80%;background-color:rgba(255,255,255,0.2);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);-webkit-box-shadow:0 0 2px rgba(0,0,0,0.3);box-shadow:0 0 2px rgba(0,0,0,0.3);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:-1;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease}.ks-gl-s2:hover:after{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.ks-gl-s3{--txt-clr:var(--ks-clr-white);--bg-clr:var(--ks-clr-7);--hp-clr:var(--ks-clr-4);position:relative;z-index:1;overflow:hidden}.ks-gl-s3:before{content:'';width:10px;height:10px;background-color:var(--hp-clr);-webkit-box-shadow:18px 15px 0 var(--hp-clr),25px 40px 0 var(--hp-clr),60px 25px 0 var(--hp-clr);box-shadow:18px 15px 0 var(--hp-clr),25px 40px 0 var(--hp-clr),60px 25px 0 var(--hp-clr);border-radius:50%;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease}.ks-gl-s3:after{content:'';width:90%;height:80%;background-color:rgba(255,255,255,0.2);border-radius:30px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);-webkit-box-shadow:-2px -2px 10px rgba(255,255,255,0.5),2px 2px 10px rgba(0,0,0,0.3),inset 3px 3px 5px rgba(0,0,0,0.1),inset -3px -3px 5px rgba(255,255,255,0.3);box-shadow:-2px -2px 10px rgba(255,255,255,0.5),2px 2px 10px rgba(0,0,0,0.3),inset 3px 3px 5px rgba(0,0,0,0.1),inset -3px -3px 5px rgba(255,255,255,0.3);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:-1;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease}.ks-gl-s3:hover:after{background-color:rgba(255,255,255,0.4)}