@import"https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Winky+Rough:ital,wght@0,300..900;1,300..900&display=swap";:root{--color-1: #ffda7e;--color-2: #2534ff;--color-3: #3bbbf1;--color-4: #d18e37;--color-5: #bb9e57;--text-color-1: rgb(230, 230, 230);--text-color-2: #b2aa92;--text-color-3: #131a35}html{font-family:Inter Tight,sans-serif;font-optical-sizing:auto}body{overflow:hidden;background-color:#000}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none}.center-cont{display:flex;width:100%;justify-content:center;padding:20px}.animated-link{position:relative;display:inline-block;overflow:hidden;padding:20px 40px;background-image:linear-gradient(to right,var(--color-2),var(--color-3),var(--color-2));color:#fff;background-size:200%;text-decoration:none;cursor:none;border-radius:20px;font-size:1.5rem;font-weight:600;margin-left:1vw;width:245px;transform:translate(-10px);animation:background-move 7s linear infinite}.animated-link .layer{position:absolute;width:300px;height:200px;top:-100px;left:-10px;transform:rotate(12deg) scaleX(0);transform-origin:left;transition:transform 1s ease;z-index:0}.animated-link .layer-white{background-color:#fff;transition-duration:1s}.animated-link .layer-purple-light{background-color:var(--color-1);transition-duration:.7s}.animated-link .layer-purple-dark{background-image:linear-gradient(to right,var(--color-1),var(--color-4),var(--color-1));background-size:200%;animation:background-move 5s linear infinite;transition-duration:.5s}.animated-link:hover .layer-white{transform:rotate(12deg) scaleX(1);transition-duration:.5s}.animated-link:hover .layer-purple-light{transform:rotate(12deg) scaleX(1);transition-duration:.7s}.animated-link:hover .layer-purple-dark{transform:rotate(12deg) scaleX(1);transition-duration:1s}.animated-link .hover-text{color:#000;position:absolute;top:20px;left:40px;z-index:10;opacity:0;transition:opacity 1s ease}.animated-link:hover .hover-text{opacity:1}.homepage i,nav i{transform:scaleY(-1) scaleX(-1) rotate(270deg) translate(2px)}.cursor-1,.cursor-2,.cursor-3,.cursor-4{pointer-events:none!important;position:fixed;width:5px;height:5px;transform:translate(-50%,-50%);z-index:9999;border-radius:100px}.cursor-1{background-color:#fff}.cursor-2{z-index:9997;background-color:var(--color-2);width:20px;height:20px;mix-blend-mode:screen;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cursor-3{z-index:9998;width:20px;height:20px;mix-blend-mode:screen;background-image:radial-gradient(var(--color-3),transparent 75%);opacity:100%}.cursor-4{z-index:9998;width:150px;height:150px;mix-blend-mode:screen;background-image:radial-gradient(var(--color-2),transparent 75%);opacity:25%}.spacer{height:600vh;width:1000px}.main{height:11920px;overflow:hidden;position:relative}@keyframes star-animate{0%{background-position-y:0}to{background-position-y:-100%}}.overlay2{position:absolute;top:0;left:0;width:2000px;height:8000px;background-image:url(/images/stars.png);filter:brightness(0);animation:star-animate 60s linear infinite;opacity:100%;background-size:50%;z-index:10;pointer-events:none}@media (max-width: 1700px){.portfolio .port-title1,.portfolio .port-title2,.portfolio .port-title3{font-size:3.5rem}.portfolio .port-paragraph1,.portfolio .port-paragraph2,.portfolio .port-paragraph3{font-size:1rem}}@media (max-width: 1500px){.homepage h1{font-size:6rem;text-align:left}.homepage .title-2{font-size:4rem;text-align:right}.homepage .homepage-container p{margin:0;font-size:1.25rem}.homepage a{margin-left:auto}.what-i-do .what-i-do-cont h2{font-size:5rem}.what-i-do .what-i-do-cont h4,.what-i-do .what-i-do-cont p{font-size:1.25rem}.what-i-do .what-i-do-cont h3{font-size:2rem}.testimonials .testimonials-cont h2{font-size:5.5rem}.homepage .title-2:before{transform:translate(15%,-10%)}.homepage .title-1.active:after{transform:translate(-20%,-10%)}}@media (max-width: 1200px){.price .price-option{width:230px}.price .price-option h3{font-size:1.75rem}.price .price-option p,.price .price-option ul li{font-size:.9rem}.what-i-do .what-i-do-cont h2{font-size:3.5rem}.what-i-do .what-i-do-cont h4,.what-i-do .what-i-do-cont p{font-size:1rem}.process-cont2{transform:translateY(-60px)}.portfolio .info-cont{padding-left:30px}.footer .footer-container{display:flex;justify-content:space-between;flex-wrap:wrap}.footer-container div{margin-right:10px}}@media (max-width: 1000px){.portfolio .black-bg1{transform:translateY(-1130px)}.portfolio-cont2{display:flex;flex-wrap:wrap}.portfolio .web-cont{max-width:60vw;margin:0 0 0 auto}.portfolio .black-bg3{transform:translateY(-1030px)}.portfolio .project-text-cont{height:120px;grid-template-columns:1fr 600px 1fr}.portfolio .recent-work{height:120px;width:600px}.portfolio .info-cont{position:absolute;top:30vw}.portfolio .num-cont{transform:translateY(-30vw)}.process .process-cont h3{font-size:3.5rem;margin-top:50px}.testimonials .testimonials-cont h2{font-size:4rem}.testimonials .testimonials-cont p{font-size:1rem}.contact .contact-text-cont h2{font-size:5rem}.contact .dream-writing{height:70px;width:200px;position:absolute;top:80px;left:170px;filter:invert(1) contrast(1.2);mix-blend-mode:screen;background-image:url(/images/dream-writing.png);background-size:contain;background-repeat:no-repeat}.contact .dream-writing-glow{height:70px;width:200px;position:absolute;top:80px;left:170px;mix-blend-mode:screen;background-image:radial-gradient(var(--color-1),transparent 72%,transparent);filter:brightness(25%)}.contact .dream-writing:after{height:58px;width:190px;position:absolute}.contact .contact-text-cont p{font-size:1rem;padding-right:30px}.footer-container div:first-child{display:none}}@media (max-width: 900px){nav .nav-container2{display:block}nav .nav-container{display:none}.homepage .title-1{font-size:5rem}.homepage .title-2{font-size:3.5rem;margin-top:80px}.homepage .homepage-container p{font-size:1rem;max-width:300px}.homepage .c2{position:absolute;right:3vw;top:450px}.process .process-cont h3{font-size:2.5rem}.contact .contact-text-cont h2{font-size:4rem}.contact .contact-text-cont p{width:330px}}@media (max-width: 800px){.price .price-option{height:290px}.price .price-option ul li{display:none}.price .po2 .po2-cont p{padding:5px 0}.price-option{margin:10px}}@media (max-width: 700px){.contact .contact-text-cont h2,.contact .contact-text-cont p{display:none}.contact form{margin:0 auto}.footer div:nth-child(4){display:none}.footer{justify-content:space-around}}@media (max-width: 600px){.homepage .homepage-container p{display:none}.price .price-option{height:190px;width:400px}.price .price-option ul li{display:none}.price p{padding:5px 0;max-width:50%}.price-option{margin:10px}.price .price-option h5{position:absolute;top:90px;left:58%}.price .price-option h6{position:absolute;top:150px;left:58%}.price{padding:0}.portfolio .project-text-cont{height:60px;margin-top:30px;grid-template-columns:1fr 300px 1fr}.portfolio .recent-work{height:60px;width:300px}.portfolio .info-cont{position:absolute;top:30vw}.portfolio .black-spacer{height:60px}.portfolio .black-bg1{transform:translateY(-1130px)}.portfolio-cont2{display:flex;flex-wrap:wrap}.portfolio .web-cont{max-width:60vw;margin:0 0 0 auto}.portfolio .black-bg3{transform:translateY(-1050px)}.process .process-cont h3{font-size:2rem}}@media (max-width: 500px){.portfolio .portfolio-cont .info-cont .num-cont{display:none}.portfolio .portfolio-cont2 .web-cont{max-width:90vw}.portfolio .info-cont{position:absolute;top:62vw}}@media (max-width: 450px){.process .process-cont h3{font-size:1.5rem}}#bg-video{filter:brightness(80%) saturate(1.25);z-index:-5;width:100vw;object-fit:cover;object-position:center;height:1040px;position:absolute;top:-25px;left:0}.vid-cont:before{content:"";position:absolute;top:0;left:0;width:100%;height:1400px;background-image:linear-gradient(transparent 800px,#000 1000px,#000);z-index:100;pointer-events:none}.homepage{height:945px;padding:170px 3vw 70px}.homepage-container{height:100%;display:flex;justify-content:space-between;align-items:end}.container{height:100%;max-width:550px;display:flex;flex-direction:column;justify-content:space-between}h1{color:var(--text-color-1);font-size:8rem;font-weight:600;line-height:90%;text-align:right;letter-spacing:-2px;position:relative}.c2{max-height:450px}.title-2{font-size:5rem;line-height:95%;text-align:left;letter-spacing:-1px}.yellow-text{color:#ffef97;position:relative}.title-1:after{content:"";mix-blend-mode:screen;width:120%;height:120%;transform:translate(-5%,-7%);position:absolute;top:0;left:0;background-image:radial-gradient(var(--color-1),transparent 72%,transparent);filter:brightness(0%);transition:1s}.title-1.active:after{filter:brightness(25%)}.c2 :after{transform:translate(-10%,-15%);width:110%}.homepage p{color:var(--text-color-2);font-size:1.5rem;margin-left:50px;filter:brightness(85%) saturate(.9)}@property --mask-size{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --mask-difference{syntax: "<length>"; inherits: false; initial-value: 0px;}.loading-screen{background-color:#000;width:100vw;height:calc(100vh + 100px);position:fixed;top:-100px;left:0;--mask-size: 0px;--mask-difference: 0px;transition:--mask-size 2s cubic-bezier(.2,0,.2,1);-webkit-mask-image:radial-gradient(circle at center,transparent var(--mask-size),black calc(var(--mask-size) + var(--mask-difference)));mask-image:radial-gradient(circle at center,transparent var(--mask-size),black calc(var(--mask-size) + var(--mask-difference)));z-index:10000;touch-action:none;overscroll-behavior:none}.loading-screen:before{content:"Click to skip";text-transform:uppercase;top:90px;left:-20px;color:transparent;position:absolute;font-size:1rem;z-index:20;padding:30px;font-weight:600;letter-spacing:4px;transition:.5s;background-image:linear-gradient(to right,var(--color-2),var(--color-3));-webkit-background-clip:text;background-clip:text;cursor:pointer}.loading-screen.active:before{content:"Click to skip";text-transform:uppercase;top:50px;left:0%;color:#fff;position:absolute;font-size:1.25rem;z-index:20;padding:30px;font-weight:600;opacity:5%;scale:1.5}.loading-screen.active{--mask-size: 1080px;--mask-difference: 100px;pointer-events:none}.loading-screen:after{content:"";width:100px;height:100px;position:absolute;top:50%;left:50%;background-image:linear-gradient(to right,var(--color-1),var(--color-4));transform:translate(-45%,-40%);pointer-events:none;z-index:11;mask:url(/images/BOB-THE-WEBSITE-BUILDER-LOGO.png) center / contain no-repeat;opacity:50%}.overflow-hidden{overflow:hidden;line-height:80%}.title-2:before{background-image:none;background-color:transparent}.title-2:before{content:"";width:120%;height:120%;transform:translate(-15%,-10%);position:absolute;top:0;left:0;background-image:radial-gradient(var(--color-1),transparent 72%,transparent);filter:brightness(25%);transition:1s;z-index:5;mix-blend-mode:screen}@property --mask-size2{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --mask-difference2{syntax: "<length>"; inherits: false; initial-value: 0px;}.loading-percent:before{content:attr(data-progress);color:#fff;position:absolute;top:100px;right:20px;width:125px;height:125px;display:flex;justify-content:center;align-items:center;font-size:1.5rem;transition:1s}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-percent:after{content:"";position:absolute;top:100px;right:20px;width:125px;height:125px;transition:1s;background-image:linear-gradient(to left,var(--color-2),var(--color-3));-webkit-mask-image:url(/images/mask-image-loading.png);mask-image:url(/images/mask-image-loading.png);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;animation:rotate 3s infinite linear}.loading-screen.active .loading-percent:before,.loading-screen.active .loading-percent:after{opacity:0;scale:1.5}nav{height:100px;padding:10px 3vw;display:flex;z-index:99;position:fixed;width:100%}nav img{height:100px;cursor:none}.nav-container{background-color:#0003;border-radius:10px;padding:10px 20px;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);width:100%;height:100%;display:flex;justify-content:space-between}nav .animated-link{margin:0;padding:17.5px 30px;height:100%;width:190px;transform:translate(0);font-size:1.25rem;display:block;cursor:none}nav .animated-link .hover-text{top:17.5px;left:30px}.links-container{display:flex;align-items:center}nav img{filter:invert(1);height:55px;width:190px;object-fit:contain;object-position:right;transition:.5s}nav img:hover{filter:invert(1) brightness(.5)}.links-container a p{color:#fff;margin:20px;font-size:1.125rem;position:relative;overflow:hidden}.link-container{display:flex;flex-direction:column;height:20px;overflow:hidden;margin:15px}.link-container:hover a{transform:translateY(-20px)}.link-container a{color:#fff;transition:.5s;font-size:1rem;cursor:none}.transition-vid-cont{z-index:999999;top:50%;transform:translateY(-50%);height:300vh;position:fixed;width:200vw;display:grid;grid-template-rows:1fr 300vh 1fr;pointer-events:none}.black-spacer-eye{width:100%;height:101%;transform:translateY(-2px);background-color:#000;pointer-events:none}.transition-vid{width:100vw;height:300vh;background-color:#000;-webkit-mask-image:url(/images/eye-mask.png);mask-image:url(/images/eye-mask.png);-webkit-mask-position:center;mask-position:center;-webkit-mask-size:200vw 300vh;mask-size:200vw 300vh;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;pointer-events:none}.nav-container2{background-color:#000000bf;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:fixed;top:10px;left:10px;padding:10px;border-radius:10px;min-width:70px;min-height:70px;display:none}.nav-container2.nactive{background-color:#000000bf;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:fixed;top:0;left:0;display:flex;flex-direction:column-reverse;justify-content:flex-end;padding:80px 20px 20px;width:100%;height:100vh}.nav-container2 button{color:#fff;background-color:transparent;outline:0;border:0;font-size:2rem;position:absolute;top:20px;left:20px;margin-bottom:auto;cursor:pointer}.nav-container2 button i{transform:scaleY(.9)}.nav-container2 img{display:none}.nav-container2 .links-container{flex-direction:column;justify-content:start;align-items:start}.nav-container2 .animated-link{height:auto;margin-top:20px}.nav-container2 .nav-exit,.nav-container2 .links-container,.nav-container2 .animated-link{display:none}.nav-container2.nactive .nav-exit,.nav-container2.nactive .animated-link{display:block}.nav-container2.nactive .nav-menu{display:none}.nav-container2.nactive .links-container{display:flex}.what-i-do{padding:70px 3vw;width:100%;height:945px}.what-i-do-cont{width:100%;z-index:1000}.what-i-do-cont h2{font-size:6rem;margin-top:40px;font-weight:600;text-transform:uppercase;letter-spacing:-1px;z-index:1000;line-height:90%;color:var(--text-color-1)}.what-i-do h4{color:var(--text-color-2);font-size:1.5rem;font-weight:400;max-width:450px;margin-top:50px}.cards-container{display:flex;width:3200px;margin-top:70px}.what-i-do h4 i{transform:rotate(90deg) translateY(5px);color:var(--color-1)}.card span{background-image:linear-gradient(to right,var(--color-2),var(--color-3));aspect-ratio:1 / 1;height:50px;font-size:2rem;font-weight:500;display:flex;justify-content:center;align-items:center;border-radius:1000px;margin-bottom:10px}.card{margin:0 200px 0 0;background-color:#0003;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:20px;padding:40px;max-width:600px;height:350px;display:flex;flex-direction:column;justify-content:space-between}@keyframes background-move{0%{background-position-x:0%}to{background-position-x:-200%}}.title-bubble{background-image:linear-gradient(to left,var(--color-1),var(--color-4),var(--color-1));background-size:200%;display:inline-block;padding:10px 20px;border-radius:1000px;color:#000;font-size:1rem;font-weight:500;animation:background-move 3s linear infinite}.card h3{color:var(--text-color-1);font-weight:600;font-size:3rem}.card p{color:var(--text-color-2);font-size:1.25rem}.portfolio{width:100vw;position:relative;padding:0;margin:70px 0 0;max-height:945px;overflow:hidden}.portfolio-cont{width:100%}.project-text-cont{width:100%;display:grid;height:200px;grid-template-columns:1fr 1000px 1fr}.black-spacer{background-color:transparent;height:100%;width:100%;padding:0}.recent-work{height:200px;width:1000px;-webkit-mask-image:url(/images/recent-work.png);mask-image:url(/images/recent-work.png);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.border-design{background-image:url(/images/border.png);height:100px;width:100vw;background-size:600px 100px;background-position:bottom;background-repeat:repeat-x}.portfolio-cont img{filter:brightness(0);transform:translateY(10px)}.portfolio-cont2{padding:0px 3vw;display:flex;perspective:4000px;position:relative}.web-cont{height:1000px;max-width:87vw;width:100%;position:relative;overflow-x:hidden;z-index:200;transform-style:preserve-3d;transform-origin:center;will-change:transform;perspective:999999999999px}.web-cont div{aspect-ratio:1;width:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.border1{background:linear-gradient(to left,var(--color-1),var(--color-4));z-index:-1;height:60%;width:50%;border-radius:50px;margin-top:1%}.border2{background-color:var(--color-1);z-index:-1;clip-path:polygon(2% 62%,0 60%,0 2%,2% 0,38% 0,40% 2%,60% 2%,62% 0,98% 0,100% 2%,100% 60%,98% 62%,62% 62%,60% 60%,40% 60%,38% 62%)}.padding-cont{z-index:100}.website1 .padding-cont{z-index:10}.website1 .web-img{height:calc(100% - 8px);width:calc(100% - 4px);top:2px;background-image:url(/images/website1.png);background-size:cover;clip-path:polygon(2% 62%,0 60%,0 2%,2% 0,38% 0,40% 2%,60% 2%,62% 0,98% 0,100% 2%,100% 60%,98% 62%,62% 62%,60% 60%,40% 60%,38% 62%);z-index:100}@keyframes overlay-transition{0%{background-position:0% 0%}to{background-position:0% -100%}}.web-img:after{content:"";width:100%;height:62%;background:linear-gradient(to bottom,transparent,transparent 6px,rgb(40,108,255) 6px,rgb(40,108,255) 9px);mix-blend-mode:screen;opacity:7%;position:absolute;background-size:100% 9px;z-index:10;animation:overlay-transition infinite 20s linear}.website2 .web-img:after{content:"";width:100%;height:62%;background:linear-gradient(to bottom,transparent,transparent 6px,rgb(255,171,36) 6px,rgb(255,171,36) 9px);opacity:7%;mix-blend-mode:screen;position:absolute;background-size:100% 9px;z-index:10;animation:overlay-transition infinite 20s linear}.website3 .web-img:after{content:"";width:100%;height:62%;background:linear-gradient(to bottom,transparent,transparent 6px,rgb(0,0,0) 6px,rgb(0,0,0) 9px);opacity:7%;position:absolute;mix-blend-mode:normal;background-size:100% 9px;z-index:10;animation:overlay-transition infinite 20s linear}.website2 .web-img{height:calc(100% - 8px);width:calc(100% - 4px);top:2px;background-image:url(/images/website2.png);background-size:cover;clip-path:polygon(2% 62%,0 60%,0 2%,2% 0,38% 0,40% 2%,60% 2%,62% 0,98% 0,100% 2%,100% 60%,98% 62%,62% 62%,60% 60%,40% 60%,38% 62%)}.website3 .web-img{height:calc(100% - 8px);width:calc(100% - 4px);top:2px;background-image:url(/images/website4.png);background-size:cover;clip-path:polygon(2% 62%,0 60%,0 2%,2% 0,38% 0,40% 2%,60% 2%,62% 0,98% 0,100% 2%,100% 60%,98% 62%,62% 62%,60% 60%,40% 60%,38% 62%)}.website4 .web-img{height:calc(100% - 8px);width:calc(100% - 4px);top:2px;background-image:url(/images/website4.png);filter:saturate(0);background-size:cover;clip-path:polygon(2% 62%,0 60%,0 2%,2% 0,38% 0,40% 2%,60% 2%,62% 0,98% 0,100% 2%,100% 60%,98% 62%,62% 62%,60% 60%,40% 60%,38% 62%)}.website5 .web-img{height:calc(100% - 8px);width:calc(100% - 4px);top:2px;background-image:url(/images/html-web.png);filter:contrast(.9);background-size:cover;clip-path:polygon(2% 62%,0 60%,0 2%,2% 0,38% 0,40% 2%,60% 2%,62% 0,98% 0,100% 2%,100% 60%,98% 62%,62% 62%,60% 60%,40% 60%,38% 62%)}.padding-cont{padding:100px}.website1{z-index:4}.website2{z-index:5}.website3{z-index:6}.website4{z-index:3;opacity:0}.website5{z-index:2;opacity:0}.info-cont{width:100%;padding-left:100px}.info-cont h3{color:#fff;font-size:5rem;font-weight:600;letter-spacing:0px;line-height:85%;text-transform:uppercase}.info-cont p{color:var(--text-color-2);font-size:1.4rem;font-weight:400}.info-cont h4{color:var(--text-color-2);font-weight:500;font-size:1.2rem;margin:10px 0}.num-cont{height:100px;width:100px;background:linear-gradient(to left,var(--color-3),var(--color-2));overflow:hidden;border-radius:100px;margin-bottom:10px}.num-cont2{width:300px;height:100px;display:flex}.num{font-size:5rem;width:100px;height:100px;display:flex;justify-content:center;align-items:center}.info-web-cont{position:relative;max-width:90vw}.info-web-cont div{position:absolute;top:0;left:0}.stars2{width:100%;height:10000px;background-image:url(/images/stars.png);background-size:100%;opacity:60%;transform:translateY(-1250px);z-index:-10;position:absolute}.stars3{width:100%;height:10000px;background-image:url(/images/stars.png);background-size:70%;opacity:40%;transform:translateY(-1250px);z-index:-10;position:absolute}.stars4{width:100%;height:10000px;background-image:url(/images/stars.png);background-size:50%;opacity:20%;transform:translateY(-1250px);z-index:-10;position:absolute}.black-bg1{width:100%;height:1000vh;background-size:50%;opacity:100%;transform:translateY(-1200px);z-index:-20;position:absolute}.black-bg1 .black-spacer,.black-bg1 .recent-work{background-color:#000}.black-bg2{width:100%;height:1000vh;background-size:50%;opacity:100%;transform:translateY(-1000px);z-index:-20;position:absolute}.black-bg3{height:1000px;width:2000px;background-image:url(/images/background.png);filter:brightness(1.5) contrast(1.2);background-size:cover;background-position:0px -50px;background-repeat:no-repeat;opacity:100%;transform:translateY(-1050px);z-index:-19;position:absolute}.process{width:100%;height:100vh;transform:translateY(-1000px);z-index:0;position:relative}.process-cont{width:100%;height:100px;position:absolute;top:-675px;left:0;display:grid;padding:0 8vw;transform:translate(-20px)}.main-prog-line{content:"";position:absolute;top:400px;right:0;width:100%;height:5px;background-color:#323232;border-radius:3px;z-index:3}.main-prog-line2{content:"";position:absolute;top:400px;left:0;width:100%;height:5px;background:linear-gradient(to right,var(--color-2),var(--color-3));border-radius:3px;z-index:2}.process-cont2{display:grid;grid-template-columns:1fr 1fr 1fr;position:relative}.process-cont2 .cont{display:flex;justify-content:center;flex-direction:column;text-align:center}.process .line-cont{display:flex;justify-content:center;align-items:center;height:150px;overflow:hidden}@keyframes overlay-transition2{0%{background-position:0% 0%}to{background-position:0% 200%}}.prog-line{height:150px;width:2px;background:linear-gradient(to bottom,#000,#000 12px,#fff 12px,#fff);opacity:50%;background-size:2px 24px;background-repeat:repeat-y;animation:overlay-transition2 infinite 10s linear;position:relative}.process p{color:#1e1e1e;font-weight:500;font-size:5rem;margin:20px}.process h3{color:#fff;filter:brightness(1.3);font-weight:500;font-size:4.5rem;line-height:90%;margin-top:20px}.process h4{color:var(--text-color-2);font-weight:400;font-size:1rem;filter:brightness(.8);margin:20px 0 0;text-align:justify}.testimonials{width:100%;padding:70px 3vw;height:640px;overflow:hidden;background-color:#000;position:absolute;bottom:1875px;left:0}.testimonials-cont{width:100%}.testimonials-cont2{display:flex;width:2200px}.testimonials h2{margin-top:20px;color:var(--text-color-1);font-size:7rem;font-weight:600;line-height:90%;letter-spacing:-2px;position:relative}.gold{color:var(--color-1);display:inline-block;position:relative}.gold:after{content:"";mix-blend-mode:screen;width:120%;height:120%;position:absolute;top:-10%;left:-10%;background-image:radial-gradient(var(--color-1),transparent 72%,transparent);opacity:0%;transition:.5s}.gold.active:after{opacity:25%}.testimonial{background-color:#000;border-radius:10px;margin:50px 50px 0 0;position:relative;height:250px;width:500px;padding:30px;display:flex;flex-wrap:wrap}.testimonial::After{content:"";width:100%;height:100%;position:absolute;top:-1px;left:-1px;background:conic-gradient(from var(--angle),var(--color-2),var(--color-3),var(--text-color-3),var(--color-2),var(--color-3),var(--text-color-3),var(--color-2));border-radius:10px;padding:1px;z-index:-1;animation:5s spin linear infinite}.testimonial:before{content:"";width:100%;height:100%;position:absolute;top:-1px;left:-1px;background:conic-gradient(from var(--angle),var(--color-2),var(--color-3),var(--text-color-3),var(--color-2),var(--color-3),var(--text-color-3),var(--color-2));border-radius:10px;padding:1px;z-index:-1;animation:5s spin linear infinite;filter:blur(250px);mix-blend-mode:screen;opacity:50%}.testimonial .test-pfp{width:50px;height:50px;background-color:green;border-radius:500px;position:relative}.testimonial h3{color:#fff;filter:brightness(.8);font-size:1.5rem;font-weight:500;margin:10px 0 0 10px}.testimonial .stars{color:var(--color-1);font-size:1.25rem;margin:12.5px 0 0 auto}.testimonial p{color:var(--text-color-2);font-size:1.25rem;margin-top:auto}.testimonials-cont-cont{width:4400px;display:flex;animation:move-left 20s linear infinite}@keyframes move-left{0%{transform:translate(0)}to{transform:translate(-2200px)}}.testimonial .tp1{background-color:#0f5000}.testimonial .tp2{background-color:#001950}.testimonial .tp3{background-color:#500050}.testimonial .tp4{background-color:#502d00}.testimonial .tp1:after{content:"I";height:50px;width:50px;color:#fff;position:absolute;display:flex;justify-content:center;align-items:center;font-size:1.75rem}.testimonial .tp2:after{content:"E";height:50px;width:50px;color:#fff;position:absolute;display:flex;justify-content:center;align-items:center;font-size:1.75rem}.testimonial .tp3:after{content:"N";height:50px;width:50px;color:#fff;position:absolute;display:flex;justify-content:center;align-items:center;font-size:1.75rem}.testimonial .tp4:after{content:"G";height:50px;width:50px;color:#fff;position:absolute;display:flex;justify-content:center;align-items:center;font-size:1.75rem}.contact{width:100%;position:absolute;padding:100px 3vw;display:flex;align-items:center;justify-content:space-around;overflow:hidden;height:775px;background-color:none;bottom:300px;left:0;background-color:#000;z-index:1}.contact-text-cont{z-index:2}.bg-video5{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.bg-video5 video{height:100%;width:100%;max-width:1500px;margin:0 auto;display:block;object-fit:cover;object-position:center;z-index:-10;filter:brightness(75%) saturate(1.25)}.dream-writing{height:100px;width:300px;position:absolute;top:90px;left:190px;background-image:url(/images/dream-writing.png);filter:invert(1)}.dream-writing-glow{height:100px;width:300px;position:absolute;top:90px;left:190px;mix-blend-mode:screen;background-image:radial-gradient(var(--color-1),transparent 72%,transparent);filter:brightness(25%);display:none}.contact h2{color:var(--text-color-1);font-size:6rem;font-weight:500;line-height:90%;letter-spacing:-2px;position:relative}.contact form{background-color:#000;padding:30px;border-radius:10px;width:400px;height:575px;position:relative;z-index:4;border:1px solid var(--color-1)}.contact input{width:100%;padding:15px;border-radius:10px;outline:0;border:0;font-family:inherit;background-color:#111;color:#fff;height:45px}.contact form p{color:gray;font-size:1rem;margin:5px 0;height:20px}.contact textarea{resize:none;height:75px;width:100%;padding:15px;border-radius:10px;outline:0;border:0;background-color:#111;font-family:inherit;color:#fff}.contact button{width:100%;margin-top:20px;padding:10px;font-size:1.25rem;border:0;outline:0;border-radius:10px;height:45px;font-weight:600;font-family:inherit}.contact .animated-link .hover-text{top:10px;left:50%;transform:translate(-50%)}.contact .animated-link .layer{width:350px}.contact-text-cont{display:flex;flex-direction:column;justify-content:space-between;height:500px}.contact-text-cont p{width:500px;color:var(--text-color-2);font-size:1.25rem}.gold-text-2{color:var(--text-color-1);font-weight:500}.gold-writing-contact{color:var(--color-1);position:relative;font-weight:400;letter-spacing:3px}.gold-writing-contact:before{content:"";position:absolute;height:100%;width:100%;top:0;left:0;background-image:radial-gradient(var(--color-1),transparent 72%);mix-blend-mode:screen;opacity:50%}@keyframes pulse{0%{opacity:100%}50%{opacity:50%}to{opacity:100%}}.footer{position:fixed;width:100%;height:300px;bottom:0;left:0;overflow:hidden;padding:50px 3vw;pointer-events:auto}.footer::After{position:absolute;content:"";width:100%;height:200%;bottom:0;left:0;background-image:linear-gradient(to top,var(--color-2),transparent);mix-blend-mode:screen;filter:brightness(.25);pointer-events:none;animation:pulse 3s ease-in-out infinite}.footer:before{position:absolute;content:"";width:100%;height:100%;bottom:0;left:0;background-image:linear-gradient(to top,var(--color-3),transparent);mix-blend-mode:screen;filter:brightness(.15);pointer-events:none;animation:pulse 2s ease-in-out infinite}.footer-container{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.logo2{background-image:url(/images/BOB-THE-WEBSITE-BUILDER-LOGO.png);filter:invert(1);width:100%;height:100px;margin-bottom:20px;background-size:contain;background-position:left;background-repeat:no-repeat}.footer p,.footer a{color:transparent;font-size:1rem;max-width:250px;background-image:linear-gradient(to right,var(--color-1),var(--text-color-2));filter:brightness(.75) saturate(.4);-webkit-background-clip:text;background-clip:text;display:block;margin:10px 0;transition:.5s}.footer a:hover,.footer p:hover{filter:brightness(1.5)}.footer h3{color:#fff}.footer input{padding:15px;background-image:linear-gradient(to right,var(--color-2),var(--color-3));outline:0;border:0;margin-top:20px;color:#fff;border-radius:10px 0 0 10px;font-family:inherit;font-weight:500;position:relative}.footer input::placeholder{color:#969696;opacity:1}.footer button{background-image:linear-gradient(to right,var(--color-1),var(--color-4));padding:15px;border-radius:0 10px 10px 0;outline:0;border:0;font-family:inherit;font-weight:500;position:relative}.spacer-footer{background-image:linear-gradient(to right,var(--color-1),var(--color-4));width:250px;height:30px;-webkit-mask-image:url(/images/spacer-img.png);mask-image:url(/images/spacer-img.png);-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.spacer-footer2{background-image:linear-gradient(to right,var(--color-1),var(--color-4));width:150px;height:30px;-webkit-mask-image:url(/images/spacer-img.png);mask-image:url(/images/spacer-img.png);-webkit-mask-position:right;mask-position:right;margin-top:5px;-webkit-mask-size:155%;mask-size:155%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.price{width:100%;padding:100px 3vw;display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;overflow:hidden;height:800px;background-image:radial-gradient(#000,#131313 10%,#000 11%);background-size:75px 75px;position:absolute;bottom:1075px;left:0}.price-option{background-color:#000;color:#fff;padding:40px 10px;border-radius:10px;height:600px;width:350px;position:relative;z-index:5}.price-option h3{text-align:center;font-size:2.5rem;font-weight:500;padding:0 5px}.po2{padding:0;border-radius:10px;background-color:transparent}.po2-cont{padding:10px 10px 40px;background-color:#000;height:calc(100% - 30px);border-radius:0 0 10px 10px}.spacer3-cont{display:flex;justify-content:space-between;height:30px;align-items:center;background-image:linear-gradient(var(--color-1),var(--color-4));border-radius:12px 12px 0 0}.spacer3{border-radius:10px 0 0;width:100%;height:30px;background-color:#000;clip-path:polygon(0 0,90% 0,100% 100%,0% 100%)}.spacer4{border-radius:0 10px 0 0;width:100%;height:30px;background-color:#000;clip-path:polygon(10% 0%,100% 0,100% 100%,0% 100%)}.price h4{color:#000;padding:0 10px}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.price-option::After{content:"";width:100%;height:100%;position:absolute;top:-2px;left:-2px;background:conic-gradient(from var(--angle),var(--color-1),var(--color-4),black,var(--color-1),var(--color-4),black,var(--color-1));border-radius:10px;padding:2px;z-index:1;animation:10s spin linear infinite}.price-option:nth-child(3)::After{content:"";width:100%;height:100%;position:absolute;top:-2px;left:-2px;background:conic-gradient(from var(--angle),var(--color-3),var(--color-2),black,var(--color-3),var(--color-2),black,var(--color-3));border-radius:10px;padding:2px;z-index:1;animation:15s spin linear infinite}.price-option:nth-child(1)::After{content:"";width:100%;height:100%;position:absolute;top:-2px;left:-2px;background:conic-gradient(from var(--angle),rgba(128,128,128,.5),rgba(255,255,255,.5),black,rgba(128,128,128,.5),rgba(255,255,255,.5),black,rgba(128,128,128,.5));border-radius:10px;padding:2px;z-index:1;animation:20s spin linear infinite}.price-option:nth-child(2):before{content:"";width:100%;height:100%;position:absolute;top:-2px;left:-2px;background:conic-gradient(from var(--angle),var(--color-1),var(--color-4),black,var(--color-1),var(--color-4),black,var(--color-1));border-radius:10px;padding:2px;z-index:-1;animation:20s spin linear infinite;filter:blur(200px) brightness(50%);mix-blend-mode:screen}@keyframes spin{0%{--angle: 0deg}to{--angle: 360deg}}.title3-cont{background-color:#000;height:70px;display:flex;align-items:center;justify-content:space-between}.spacer7{width:100%;height:70px;background-color:#fff;-webkit-mask-image:url(/images/Design-img1.png);mask-image:url(/images/Design-img1.png);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.price-background{background-color:#000;height:100%;width:100%;top:0;left:0;border-radius:10px;padding:20px 10px 10px;z-index:100;position:absolute}.po2 .price-background{padding:0 10px 10px}.flip{transform:scaleX(-1)}.spacer8{width:100%;height:70px;-webkit-mask-image:url(/images/Design-img2.png);mask-image:url(/images/Design-img2.png);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-image:linear-gradient(to left,var(--color-1),var(--color-4))}.spacer9{width:100%;height:70px;-webkit-mask-image:url(/images/Design-img3.png);mask-image:url(/images/Design-img3.png);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-image:linear-gradient(to right,var(--color-2),var(--color-3))}.price p{color:var(--text-color-2);padding:10px 0 30px;text-align:center;filter:brightness(.6);font-size:1rem}.price ul li{color:var(--text-color-2);list-style-type:none;padding:5px 20px;font-size:1.25rem}.price i{background-image:linear-gradient(to right,var(--color-1),var(--color-4));color:transparent;-webkit-background-clip:text;background-clip:text;margin-right:10px}.price h5{font-size:2rem;text-align:center;margin:10px 0}.price h6{font-size:1rem;text-align:center;font-weight:500;color:#ababab}