@import"https://fonts.googleapis.com/css2?family=Bangers&family=Bungee+Spice&family=Caveat&family=Combo&family=Concert+One&family=Dancing+Script&family=DynaPuff:wght@400;500&family=Lexend:wght@500&family=Lobster&family=Pacifico&family=Permanent+Marker&family=Poppins:wght@100&family=Qwitcher+Grypen&family=Roboto:ital,wght@1,100&family=Rubik:wght@300&family=Silkscreen&family=Varela+Round&display=swap";body{background-color:var(--primary-background-color);width:100%;caret-color:transparent;-webkit-user-select:none;user-select:none}.no-caret{caret-color:transparent;-webkit-user-select:none;user-select:none}p{font-family:shiridhar-font}section,#footerId{overflow:hidden;white-space:wrap;word-break:break-word}nav.navbar{padding:1rem 2rem;width:100%;display:flex;justify-content:space-between;align-items:center;z-index:999;position:fixed;top:0;color:var(--color)}::selection{background:var(--btn-text-color);color:var(--black-white)}input{-webkit-text-size-adjust:none}nav.navbar-scrolled{padding:1rem 2rem;background:var(--primary-background-color);width:100%;display:flex;justify-content:space-between;align-items:center;position:fixed;z-index:999;color:var(--color);top:0;box-shadow:0 4px 6px #0000001a}nav .logo img{height:8rem;width:8rem}nav ul{list-style:none;display:flex;justify-content:center;align-items:center}nav .otherSec{display:flex;justify-content:flex-end;align-items:center}nav .otherSec form{background:#fff;display:flex;justify-content:center;margin-right:5rem;border-radius:3rem;border:.1rem solid var(--btn-text-color);position:relative}#DropDown{position:absolute;background:var(--primary-background-color);top:9rem;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;box-shadow:0 4px 10px #0000001a;right:15rem;padding:2rem;border-radius:2rem;transform:scale(0);transition:.2s ease}.topMenuSecInfo{display:flex}#DropDown li{color:var(--color);width:100%;display:flex;justify-content:flex-start;align-items:center;margin:.5rem .5rem .5rem 0;height:100%;border-radius:1rem;position:relative;padding:.5rem;cursor:pointer;overflow:hidden;transition:.3s ease}#DropDown li:before{content:"";height:2rem;width:2rem;border-radius:50%;position:absolute;right:-2rem;background:var(--btn-text-color);transition:.3s ease}#DropDown li:hover:before{content:"";height:100%;width:2rem;border-radius:50%;position:absolute;right:-1rem;background:var(--btn-text-color);transition:.3s ease}#DropDown li:hover{background:var(--btn-bg-color);color:var(--btn-text-color)}#DropDown li span{background:var(--btn-bg-color);height:5rem;width:5rem;margin-right:1rem;display:flex;justify-content:center;align-items:center;font-size:2.3rem;border-radius:1rem;color:var(--btn-text-color)}#DropDown li P{font-size:.9rem;background:red;color:#fff;height:2.5rem;padding:1rem;display:flex;justify-content:center;align-items:center;margin-left:1rem;border-radius:1rem}nav .otherSec form #voice{background:var(--btn-text-color);border-radius:0 3rem 3rem;color:var(--black-white);width:5rem;transition:.2s ease}nav .otherSec form #voice:hover{background-color:var(--btn-bg-color);color:var(--btn-text-color)}nav .otherSec form input{padding:1.2rem 1.2rem 1.2rem 2rem;outline:none;border-radius:3rem 0 0 3rem;border:none;background:transparent}nav .otherSec form button{border:none;padding:1.2rem;font-size:1.7rem;background:transparent;cursor:pointer;border-radius:3rem;width:5rem;border-radius:1rem 3rem 3rem}nav ul li{font-size:1.5rem;font-weight:700;margin:0 1.5rem;display:flex;justify-content:center;align-items:center;cursor:pointer;font-family:sans-serif;color:var(--color)}.hidden,#hiddeOnDesktop{display:none}#headerId .themeSection{position:absolute;right:1rem;bottom:1rem}#headerId .loadImage{height:100vh;width:100%;background-color:#fff;z-index:9999;display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0}#headerId .loadImage img{width:100%;height:auto}#headerId .themeSection .themeDisplay{display:flex;justify-content:center;align-items:center;padding:1rem;background:#facd3d;color:#445;border-radius:1rem;cursor:pointer}#headerId .themeSection .themeDisplay h2{display:flex;justify-content:center;align-items:center}.ping{--uib-size: 9rem;--uib-speed: 2s;--uib-color: #5224bc;position:absolute;height:var(--uib-size);width:var(--uib-size)}.ping:before,.ping:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;border-radius:50%;background-color:var(--uib-color);animation:pulse7132 var(--uib-speed) linear infinite;transform:scale(0);opacity:0}.ping:after{animation-delay:calc(var(--uib-speed) / -2)}@keyframes pulse7132{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}#contact{padding:1rem;height:4.5rem;font-size:1.8rem;border-radius:3rem;color:#fff;display:flex;justify-content:center;align-items:center;transition:.2s ease;font-weight:400}#contact:hover{background-color:#5626c440;color:#fff}#headerId{padding:7rem 2rem 0;display:flex;justify-content:center;align-items:center;height:100vh;position:relative;background:var(--secondary-background-color)}#headerId .headContainer{display:flex;align-items:center;justify-content:center;width:95%;height:100%;border-bottom:.1rem solid #cccccc;padding-bottom:6rem}#headerId .headContainer .text{width:50rem;margin-left:4rem;position:relative;top:5rem}#headerId .headContainer .text h1{font-size:3rem;color:var(--color)}#headerId .headContainer .text p{font-size:1.4rem;color:var(--color);opacity:.7;margin:1.5rem 0;line-height:1.5}#headerId .headContainer .text h1 span{color:var(--btn-text-color);font-size:4.5rem!important;font-family:header-font}#headerId .headContainer .image{width:58rem;position:relative;display:flex;justify-content:center;align-items:center}#headerId .headContainer .image h1.shadow{box-shadow:0 0 144px 63px var(--btn-text-color);position:absolute;height:10rem;width:10rem;top:12rem;right:15rem;z-index:-1;background:var(--btn-text-color)}#headerId .headContainer .image .clients{position:absolute;width:15rem;background:#ffffff4d;padding:2rem 2rem 1rem;border-radius:1rem;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);top:10rem;left:100px;border:.1rem solid rgba(255,255,255,.2);display:flex;flex-direction:column;justify-content:center;align-items:center;transform:scale(0);transition:.4s ease}#headerId .headContainer .image .clients p{margin-top:1.5rem}#headerId .headContainer .image .projectss{position:absolute;width:auto;background:#ffffff4d;padding:1rem 2rem 1rem 1rem;border-radius:1rem;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);top:18rem;right:0;border:.1rem solid rgba(255,255,255,.2);display:flex;justify-content:center;align-items:center;transform:scale(0);transition:.4s ease}#headerId .headContainer .image .starss{position:absolute;width:auto;background:#ffffff80;padding:1.5rem;border-radius:1rem;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);top:27rem;right:25rem;border:.1rem solid rgba(255,255,255,.2);display:flex;justify-content:center;align-items:center;transform:scale(0);transition:.4s ease;flex-direction:column}#headerId .headContainer .image .starss h2{font-size:2rem;color:var(--btn-text-color)}#headerId .headContainer .image .starss p{font-size:1.3rem}#headerId .headContainer .image .projectss h2{display:flex;justify-content:center;align-items:center;height:3rem;width:3rem;border-radius:1rem;padding:.5rem;background-color:var(--btn-bg-color);color:var(--btn-text-color);margin-right:1rem}#headerId .headContainer .image .clients .imgs{display:flex;position:relative;justify-content:center;align-items:center}#headerId .headContainer .image .clients img{height:2.5rem;width:2.5rem;border-radius:50%;padding:0;margin:0;position:relative;margin-left:-1rem;border:.1rem solid #ffffff}#headerId .headContainer .image .clients h2{height:2.5rem;width:2.5rem;border-radius:50%;background:var(--btn-text-color);font-size:1.1rem;display:flex;justify-content:center;align-items:center;font-weight:400;margin-left:-1rem;z-index:2;color:var(--black-white)}#headerId .headContainer img{height:30rem;margin-left:15rem;border-radius:2rem}#headerId .headContainer .buttons{display:flex;margin:3rem 0}#headerId .headContainer .buttons a{text-decoration:none}#headerId .headContainer .buttons button{display:flex;justify-content:center;align-items:center;padding:1rem;height:4rem;width:15rem;margin:0 1rem 0 0;cursor:pointer;background:var(--btn-text-color);color:#fff;border:.1rem solid var(--btn-text-color);border-radius:3rem;transition:.2s ease}#headerId .headContainer .buttons button:hover{-webkit-box-shadow:0px 0px 105px 1px var(--btn-text-color);-moz-box-shadow:0px 0px 105px 1px var(--btn-text-color);box-shadow:0 0 105px 1px var(--btn-text-color)}section.container{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--secondary-background-color)}section.container h1{width:100%}section.container .textHead{width:93%;display:flex;justify-content:center;align-items:center}section.container .textHead h1{width:50rem;font-size:2.4rem;margin:2rem 0 5rem;color:var(--color);text-align:center;line-height:1.5;font-weight:700}section.container .textHead h1 span{background:var(--btn-text-color);color:var(--black-white);padding:.7rem 1.5rem;border-radius:1rem}section.container h1.headText{margin:5rem 0 10rem;font-size:3rem;display:flex;justify-content:center;align-items:center;position:relative;color:var(--color);font-family:header-font;letter-spacing:.3rem;width:fit-content}section.protfolio h1.headText{margin:4rem 0}section.container h1.headText:before{content:"";width:70%;height:.8rem;background:var(--btn-text-color);border-radius:3rem;position:absolute;bottom:-1.5rem}section.BelowButton{display:none;justify-content:center;align-items:center;margin-top:5rem;background:none;flex-direction:column;padding:5rem 0}section.BelowButton ul{list-style:none;display:flex;justify-content:center;align-items:center}section.BelowButton li{display:flex;justify-content:center;align-items:center;margin:0 1rem;font-size:1.7rem;padding:1.3rem;border-radius:1rem;color:#fff;cursor:pointer;transition:.3s ease;width:15rem}section.BelowButton li:hover{background:#5526c473}section.expertise .mainContent{height:30rem;display:flex;padding:2rem 0;margin:0rem 1rem 1rem;width:95%;overflow-x:scroll}section.expertise .mainContent::-webkit-scrollbar{display:none}section.expertise .mainContent .contentCard{display:flex;justify-content:center;align-items:center;margin:.5rem;border-radius:2rem;width:100%;position:relative;transition:.2s ease;cursor:pointer}section.expertise .mainContent .contentCard h2{font-size:7rem;display:flex;justify-content:center;align-items:center;position:absolute}section.expertise .mainContent .contentCard h3{position:absolute;bottom:2rem;font-size:1.5rem;color:#fff}section.expertise .banner{padding:1rem;width:100%;margin:5rem 0rem;height:15rem;display:flex;justify-content:center;align-items:center;position:relative;flex-direction:column;color:var(--color)}section.expertise .banner h1{font-size:3rem;margin:.5rem;color:#f7cd46;text-align:center;font-family:header-font}section.expertise .banner h3{font-weight:400;color:#fff}section.expertise button.learn-more{width:11rem;height:auto;position:absolute;right:1rem;bottom:1.5rem;display:inline-block;cursor:pointer;outline:none;border:0;vertical-align:middle;text-decoration:none;background:transparent;padding:0;font-size:inherit;font-family:inherit}section.expertise button.learn-more .circle{transition:all .45s cubic-bezier(.65,0,.076,1);position:relative;display:block;margin:0;width:3rem;height:3rem;background:#f7cd46;border-radius:1.625rem}section.expertise button.learn-more .circle .icon{transition:all .45s cubic-bezier(.65,0,.076,1);position:absolute;top:0;bottom:0;margin:auto;background:#445}section.expertise button.learn-more .circle .icon.arrow{transition:all .45s cubic-bezier(.65,0,.076,1);left:.625rem;width:1.125rem;height:.125rem;background:none}section.expertise button.learn-more .circle .icon.arrow:before{position:absolute;content:"";top:-.29rem;right:.0625rem;width:.625rem;height:.625rem;border-top:.125rem solid #445;border-right:.125rem solid #445;transform:rotate(45deg)}section.expertise button.learn-more .button-text{transition:all .45s cubic-bezier(.65,0,.076,1);position:absolute;top:0;left:0;right:0;bottom:0;padding:.75rem 0;margin:0 0 0 1.85rem;color:#f7cd46;font-weight:700;line-height:1.6;text-align:center;text-transform:uppercase}section.expertise button.learn-more:hover .circle{width:100%}section.expertise button.learn-more:hover .circle .icon.arrow{background:#445;transform:translate(1rem)}section.expertise button.learn-more:hover .button-text{color:#445}section.service .servicesContainer{display:flex;width:95%;justify-content:center;align-items:center;margin-bottom:5rem}section.service .servicesContainer .primaryCard{background:var(--card-primary-color);border-radius:1rem;padding:.1rem;width:35rem;height:30rem;margin:0 1rem}section.service .servicesContainer .cards{display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;padding:2rem;background:var(--card-secondary-color);height:100%;width:100%;border-radius:.8rem}section.service .servicesContainer .cards h3{font-size:1.7rem;margin-top:2rem;color:var(--color)}.testimonial h1{width:100%;text-align:center;font-size:3rem;font-family:header-font;color:#fff;margin-bottom:2rem}.testimonial .header-paragraph{width:50rem;margin:.5rem auto;text-align:center;font-size:1.4rem}#reference{position:absolute;right:1rem;top:1rem;font-size:2rem;padding:1rem;height:4rem;width:4rem;display:flex;justify-content:center;align-items:center;border-radius:50%}.imageTestimonial{position:relative;margin:0 0 1rem;padding:1rem 10rem;display:flex;justify-content:center;align-items:center}.nextPrevtest{position:absolute;width:100%;display:flex;justify-content:space-between;padding:0 1rem}.nextPrevtest button{padding:1rem;height:4rem;width:4rem;border-radius:50%;border:none;font-size:3rem;display:flex;justify-content:center;align-items:center;cursor:pointer;background:#f7cd46;color:#101010}.imageSection{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative}.imageSection h2{font-family:Belanosima,sans-serif;margin-bottom:1.5rem}.imageSelectionSection{position:absolute;display:none;grid-template-columns:repeat(5,1fr);left:0;right:0;top:14rem;background:var(--btn-text-color);z-index:2;padding:2rem;justify-content:center;align-items:center;margin:2rem;border-radius:2rem}.nextPrevtest button:disabled{background:#f7cd4670;color:var(--color)}.testimonial{margin:4rem 0 10rem;padding:6rem 0;background-position:center;background-repeat:no-repeat;background-size:cover;color:var(--color);position:relative}.rating{display:flex;flex-direction:row-reverse;gap:.3rem;--stroke: var(--color);--fill: #ffc73a}.rating input{-webkit-appearance:unset;-moz-appearance:unset;appearance:unset}.rating label{cursor:pointer}.rating svg{width:2rem;height:2rem;overflow:visible;fill:transparent;stroke:var(--stroke);stroke-linejoin:bevel;stroke-dasharray:12;animation:idle 4s linear infinite;transition:stroke .2s,fill .5s}@keyframes idle{0%{stroke-dashoffset:24}}.rating label:hover svg{stroke:var(--fill)}.rating input:checked~label svg{transition:0s;animation:idle 4s linear infinite,yippee .75s backwards;fill:var(--fill);stroke:var(--fill);stroke-opacity:0;stroke-dasharray:0;stroke-linejoin:miter;stroke-width:8px}@keyframes yippee{0%{transform:scale(1);fill:var(--fill);fill-opacity:0;stroke-opacity:1;stroke:var(--stroke);stroke-dasharray:10;stroke-width:1px;stroke-linejoin:bevel}30%{transform:scale(0);fill:var(--fill);fill-opacity:0;stroke-opacity:1;stroke:var(--stroke);stroke-dasharray:10;stroke-width:1px;stroke-linejoin:bevel}30.1%{stroke:var(--fill);stroke-dasharray:0;stroke-linejoin:miter;stroke-width:8px}60%{transform:scale(1.2);fill:var(--fill)}}.starReview{margin:2rem 0}.mainSectiontestimonial{display:flex;justify-content:center;align-items:center;width:95%;margin:auto;color:#fff}.mainSectiontestimonial .testimonial-card{flex:0 0 100%;display:flex;justify-content:center;align-items:center;background:transparent;margin:1rem;padding:2rem;border-radius:3rem;box-sizing:border-box;flex-direction:column;height:33rem}.mainSectiontestimonial .testimonial-card q{width:70rem;text-align:center;margin:3rem 0;font-size:1.5rem}.mainSectiontestimonial .testimonial-card img#currentImage{height:10rem;width:10rem;border-radius:50%;margin:0 3rem;padding:.4rem;background-image:linear-gradient(135deg,#fdd819 10%,#e80505)}#profile-img-select{height:7.5rem;width:7.5rem;border-radius:50%;margin-top:.5rem;border:none}#prevImg,#nextImg{height:7.5rem;width:7.5rem;border-radius:50%;margin-top:.5rem;border:none;background:#f7cd46}.mainSectiontestimonial .testimonial-card h2{font-size:2rem}.mainSectiontestimonial .testimonial-card .star{display:flex;justify-content:center;align-items:center}.mainSectiontestimonial .testimonial-card .star h3{font-size:2rem;margin:.5rem 0 0;color:#ff9529}.imageTestimonial{position:relative;margin:0 0 1rem;padding:1rem 10rem}#reference,.imageTestimonial{display:flex;justify-content:center;align-items:center}section.mainMailSection{padding:2rem}section.mainMailSection .error{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;width:320px;padding:12px;display:flex;flex-direction:row;align-items:center;justify-content:start;background:#ef665b;border-radius:8px;box-shadow:0 0 5px -3px #111}section.mainMailSection .error__icon{width:20px;height:20px;transform:translateY(-2px);margin-right:8px}section.mainMailSection .error__icon path{fill:#fff}section.mainMailSection .error__title{font-weight:500;font-size:14px;color:#fff}section.mainMailSection .error__close{width:20px;height:20px;cursor:pointer;margin-left:auto}section.mainMailSection .error__close path{fill:#fff}section.mainMailSection .successMessage{position:fixed;top:-40rem;z-index:9999;width:100%;display:flex;justify-content:center;transition:.2s ease}section.mainMailSection .success{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;width:320px;padding:12px;display:flex;flex-direction:row;align-items:center;justify-content:start;background:#edfbd8;border-radius:8px;border:1px solid #84d65a;box-shadow:0 0 5px -3px #111}section.mainMailSection .success__icon{width:20px;height:20px;transform:translateY(-2px);margin-right:8px}section.mainMailSection .success__icon path{fill:#84d65a}section.mainMailSection .success__title{font-weight:500;font-size:14px;color:#2b641e}section.mainMailSection .success__close{width:20px;height:20px;cursor:pointer;margin-left:auto}section.mainMailSection .success__close path{fill:#2b641e}.mailSection{background:var(--card-primary-color);height:55rem;width:95%;margin:0 auto;border-radius:6rem;margin-bottom:4rem;padding:.1rem}.mailSection .cardMail{background:var(--card-secondary-color);padding:2rem;display:flex;justify-content:center;align-items:center;height:100%;width:100%;margin:0 auto;border-radius:6rem;margin-bottom:4rem}.mailContent form{display:flex;justify-content:center;align-items:flex-end;flex-direction:column;width:100%}.mailSection form p{margin:.5rem;color:#70709b}.mailContent form textarea{width:100%;height:10rem;padding:1.3rem;border-radius:1.2rem;outline:none;transition:all .3s cubic-bezier(.19,1,.22,1);box-shadow:0 0 20px -18px;margin-top:2rem;background:transparent;color:var(--color);border:.1rem solid #445}.mailContent form textarea:hover{border:2px solid lightgrey;box-shadow:0 0 20px -17px}.mailContent form textarea:active{transform:scale(.95)}.mailContent form textarea:focus{border:2px solid var(--btn-text-color)}.mailContent form input{width:100%;height:45px;padding:12px;border-radius:12px;border:1.5px solid #445;outline:none;transition:all .3s cubic-bezier(.19,1,.22,1);box-shadow:0 0 20px -18px;background:transparent;color:var(--color)}.mailContent form input:hover{border:2px solid lightgrey;box-shadow:0 0 20px -17px}.mailContent form input:active{transform:scale(.95)}.mailContent form input:focus{border:2px solid var(--btn-text-color)}.mailContent h2{font-size:3rem;width:100%;font-family:header-font;color:var(--color)}.mailContent h4{font-size:1.2rem;margin-bottom:4rem;font-weight:400;margin-top:.5rem;color:var(--color)}.mailContent form button{padding:1rem;width:15rem;height:4rem;margin:3rem 0 1rem;border-radius:4.5rem;border:none;background:var(--btn-text-color);cursor:pointer;color:#fff}.mailImage{width:50%;height:100%;display:flex;justify-content:center;align-items:center;padding:4rem}#welcomeTe{width:90%;margin:1rem 0 0}#welcomeTe h4{font-size:2.5rem;color:#445}.mailImage img{height:auto;width:100%}.mailContent{width:40%;height:100%;display:flex;justify-content:center;align-items:flex-start;flex-direction:column}#footerP{color:var(--black-white);width:27rem;text-align:left;padding:2rem 2rem 0;line-height:1.5;opacity:.5}#footerId{background:#000;padding:1rem;color:var(--color)}#footerId ul{list-style:none}#footerId .socialMedia ul{list-style:none;display:flex;justify-content:center;align-items:center;border-top:.1rem solid #445;padding-top:3rem}#footerId .socialMedia{padding:2rem}#footerId .topSection{display:flex;justify-content:space-between;align-items:center;padding:1rem}#footerId .topSection .flex-disp-footer{display:flex;justify-content:space-between;align-items:center;width:75%;padding:1rem}#footerId .topSection h1{font-family:header-font;font-size:2.2rem;margin:1rem 0;color:#fff}#footerId .topSection .item ul li{font-size:1.2rem;margin:.7rem 0;display:flex;color:#fff}#footerId .topSection .item ul li a{text-decoration:none;color:#fff;transition:.2s ease}#footerId .topSection .item ul li a:hover{color:#f7cd46;text-decoration:underline}#footerId .topSection .item ul li span{padding:0rem 1rem;border-radius:.5rem;margin-left:1rem;display:flex;justify-content:center;align-items:center}#footerId .topSection .item{padding:1rem;height:23rem}#footerId .fourthSection{color:#fff;padding:1rem;height:23rem}#footerId .fourthSection a{text-decoration:none;color:#fff;font-size:1.4rem}#footerId .fourthSection span{font-size:2rem;padding:1rem;background:#445;border-radius:50%;display:flex;justify-content:center;align-items:center;width:4rem;height:4rem;margin-right:1rem}#footerId .fourthSection h1{padding:0 0 1rem 1rem}#footerId .fourthSection ul li{display:flex;justify-content:left;align-items:center;margin:1rem}#footerId .socialMedia ul li{display:flex;justify-content:center;align-items:center;padding:1rem;height:5rem;width:5rem;margin:.5rem;border-radius:50%;font-size:2rem;cursor:pointer;color:#fff;border:.1rem solid #ffffff;transition:.2s ease}#footerId .socialMedia ul li:hover{background:transparent}#footerId .socialMedia p{text-align:center;margin:1.5rem 1rem 1rem;font-size:1.3rem;color:#fff}#footerId .topSection .topLogo img{height:12rem}#footerId .topSection .topLogo{display:flex;flex-direction:column;justify-content:center;align-items:center}section.protfolio .gallery{display:flex}section.protfolio .left{width:50%}section.protfolio .detailsWrapper{margin:auto;width:80%}section.protfolio .details{height:100vh;display:flex;flex-direction:column;justify-content:center}section.blogs .details a{text-decoration:none}section.protfolio .right{width:50%;height:100vh;display:flex;flex-direction:column;justify-content:center}section.protfolio .photos{width:40vw;height:33.5vw;position:relative;margin-left:8rem;background:var(--secondary-background-color);cursor:pointer}section.protfolio .photo button{position:absolute;padding:1rem;font-size:2.5rem;height:6rem;width:6rem;border-radius:50%;border:none;background:var(--btn-text-color);color:var(--black-white);cursor:pointer;display:flex;justify-content:center;align-items:center;z-index:1;pointer-events:none}section.protfolio .photo button:before{content:"";height:6rem;width:6rem;position:absolute;background:var(--btn-bg-color);border-radius:50%;animation:liveWebsite 1.5s linear infinite}@keyframes liveWebsite{0%{height:6rem;width:6rem}25%{height:7.5rem;width:7.5rem}25%{height:8rem;width:8rem}50%{height:8.5rem;width:8.5rem}75%{height:9rem;width:9rem}to{height:10rem;width:10rem}}section.protfolio .photo{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;cursor:pointer}section.protfolio .photo .glowEffect{height:25rem;width:25rem;position:absolute;box-shadow:0 0 125px #2dffc4}section.protfolio .photo img{width:100%;position:relative;pointer-events:none}section.protfolio .details h1{font-size:2.8rem;color:var(--btn-text-color);font-weight:400}section.protfolio .details p{font-size:1.5rem;color:var(--color);line-height:1.5;margin-top:1rem}section.protfolio .details p a{color:var(--btn-text-color)}section.protfolio .details .icons{margin:2rem 0;display:flex}section.protfolio .details ul{list-style:none;margin:0rem 0 2rem 1rem}section.protfolio .details ul li{font-size:1.7rem;display:flex;justify-content:start;align-items:center;position:relative;margin:3rem 0;color:var(--color)}section.protfolio .details ul li.points0:before{content:"";width:3.4rem;height:.3rem;background:var(--btn-text-color);position:absolute;transform:rotate(90deg);left:-.7rem;top:3.4rem}section.protfolio .details ul li.points1:before{content:"";width:3.4rem;height:.3rem;background:var(--btn-text-color);position:absolute;transform:rotate(90deg);left:-.7rem;top:3.4rem}section.protfolio .details ul li span{margin-right:1rem;display:flex;font-size:2rem;color:var(--btn-text-color)}section.protfolio .details .icons h4{font-size:3rem;padding:2rem;background:var(--btn-bg-color);color:var(--btn-text-color);margin-right:1rem;display:flex;justify-content:center;align-items:center;border-radius:1.5rem}section.protfolio .cssbuttons-io-button{background:#a370f0;color:#fff;font-family:inherit;padding:.35em 3.3em .35em 1.2em;font-size:17px;font-weight:500;border-radius:.9em;border:none;letter-spacing:.05em;display:flex;align-items:center;box-shadow:inset 0 0 1.6em -.6em #714da6;overflow:hidden;position:relative;height:2.8em;cursor:pointer;width:17rem}section.protfolio .cssbuttons-io-button .icon{background:#fff;margin-left:1em;position:absolute;display:flex;align-items:center;justify-content:center;height:2.2em;width:2.2em;border-radius:.7em;box-shadow:.1em .1em .6em .2em #7b52b9;right:.3em;transition:all .3s}section.protfolio .cssbuttons-io-button:hover .icon{width:calc(100% - .6em)}section.popupIframe{position:fixed;z-index:99999;top:0;bottom:0;background:var(--btn-bg-color);display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;-webkit-backdrop-filter:blur(.3rem);backdrop-filter:blur(.3rem);transform:scale(0)}section.popupIframe h1{position:absolute;right:2rem;top:2rem;font-size:2.5rem;background:#fff6;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);padding:1rem;display:flex;justify-content:center;align-items:center;border-radius:50%;cursor:pointer}section.popupIframe .liveViewContainer{width:90%;height:90%;padding:6rem;border-radius:1rem}section.popupIframe .liveViewContainer .preview{display:flex;justify-content:center;align-items:center}section.popupIframe .liveViewContainer .preview img{width:100%;height:100%;position:absolute;bottom:0;pointer-events:none}section.popupIframe .liveViewContainer .pageNotFoundDisplay{width:100%;height:100%;background:#fff6;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:1rem}section.popupIframe .liveViewContainer .pageNotFoundDisplay img{height:25rem}section.popupIframe .liveViewContainer .pageNotFoundDisplay h2{font-size:2rem;margin-top:2rem;color:#101010;font-weight:400}section.popupIframe .liveViewContainer iframe{width:84.5%;background:#fff;display:flex;position:relative;top:-4.5rem;border-radius:1.8rem;z-index:0;border:none;height:57rem}section.protfolio .cssbuttons-io-button .icon svg{width:1.1em;transition:transform .3s;color:#7b52b9}section.protfolio .cssbuttons-io-button:hover .icon svg{transform:translate(.1em)}section.protfolio .cssbuttons-io-button:active .icon{transform:scale(.95)}section.protfolio .star span{display:flex;font-size:1.2rem;color:#ff9529;margin-right:1rem}section.protfolio .star h3{display:flex}section.protfolio .star{display:flex;justify-content:start;align-items:center;margin:1.5rem 0 0;color:var(--color)}section.blogs{margin:5rem 0 0;width:100%}section.blogs .blogContainer{display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr;gap:.5rem;height:50rem;width:93%;margin-bottom:10rem}section.blogs .blogContainer .blogCards{padding:2rem;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;box-shadow:-23px -200px 187px -67px #000 inset;-webkit-box-shadow:-23px -200px 187px -67px rgba(0,0,0,1) inset;-moz-box-shadow:-23px -200px 187px -67px rgba(0,0,0,1) inset}section.blogs .blogContainer .loading{background:#eeecec;box-shadow:none}section.blogs .blogContainer .loading .details{width:90%}section.blogs .blogContainer .loading h2{background:#e0e0e0;height:2rem;width:100%;border-radius:3rem;margin-top:.5rem;animation:loaderBlog 2s linear infinite}section.blogs .blogContainer .loading button{width:20rem;height:4rem;border-radius:3rem;background:#445;animation:loaderBlog 2s linear infinite}@keyframes loaderBlog{0%{background:#e0e0e0}25%{background:#bdbaba}50%{background:#9f9c9c}75%{background:#bdbaba}to{background:#e0e0e0}}section.blogs .blogContainer .blogCards .details{position:absolute;z-index:3;bottom:2rem;left:1rem}section.blogs .blogContainer .blogCards .details button{padding:.5rem 1rem .5rem 1.5rem;margin-top:1rem;border:none;border-radius:3rem;display:flex;justify-content:center;align-items:center;height:3.5rem;cursor:pointer;color:#fff}section.blogs .blogContainer .blogCards .details h2{color:#fff}section.blogs .blogContainer .blogCards:last-child .details h2,section.blogs .blogContainer .blogCards:first-child .details h2{font-size:2.5rem}section.blogs .blogContainer .blogCards img{width:100%;height:100%;position:absolute;top:0;left:0}section.blogs .blogContainer .blogCards:first-child{grid-row-start:1;grid-column-start:1;grid-row-end:3;grid-column-end:3;box-shadow:-23px -340px 235px -90px #000 inset}section.blogs .blogContainer .loading:first-child{box-shadow:none}section.blogs .blogContainer .blogCards:last-child{grid-row-start:2;grid-column-start:3;grid-row-end:3;grid-column-end:5}section.indBlog .blogContainer{width:70%;margin-bottom:10rem}section.indBlog .blogContainer h2{font-size:3rem;margin:1.5rem 0;line-height:1.5;color:var(--color)}section.indBlog .blogContainer p{line-height:2;font-size:1.5rem;color:var(--color)}section.indBlog .blogContainer p b{font-size:1.8rem;margin-right:1rem}section.indBlog .blogContainer .points h3{margin-top:4rem;font-size:2.5rem;color:var(--color)}section.indBlog .blogContainer .points ul{list-style:none}section.indBlog .blogContainer .points ul li{margin:2rem 0;font-size:1.3rem;font-weight:400;color:var(--color);line-height:1.8;display:flex;justify-content:start}section.loading{display:flex;justify-content:center;align-items:center;height:100vh;width:100%}section.loading .loader{height:30px;display:inline-block}section.loading .loader>div{width:10px;height:10px;border-radius:100%;box-shadow:0 0 10px var(--btn-bg-color);background:var(--btn-text-color);float:left;margin:5px;transform:scale(2)}section.loading .loader>div:nth-child(1){animation:anm-BL-53-move1 1s infinite linear}section.loading .loader>div:nth-child(2){animation:anm-BL-53-move2 1s infinite linear;animation-delay:.2s}section.loading .loader>div:nth-child(3){animation:anm-BL-53-move3 1s infinite linear;animation-delay:.3s}section.loading .loader>div:nth-child(4){animation:anm-BL-53-move4 1s infinite linear;animation-delay:.4s}section.loading .loader>div:nth-child(5){animation:anm-BL-53-move5 1s infinite linear;animation-delay:.5s}@keyframes anm-BL-53-move1{50%{background:var(--btn-text-color);transform:scale(1)}}@keyframes anm-BL-53-move2{50%{background:var(--btn-text-color);transform:scale(1)}}@keyframes anm-BL-53-move3{50%{background:var(--btn-text-color);transform:scale(1)}}@keyframes anm-BL-53-move4{50%{background:var(--btn-text-color);transform:scale(1)}}@keyframes anm-BL-53-move5{50%{background:var(--btn-text-color);transform:scale(1)}}section.aboutme .aboutContainer{display:flex;width:90%;margin:5rem 0 20rem}section.aboutme .aboutContainer .image{margin:0 3rem 0 15rem;display:flex;justify-content:center;align-items:center;position:relative;height:35rem}section.aboutme .aboutContainer .image span.react{position:absolute;left:6rem;font-size:3rem;background:#ffffff4d;padding:1.5rem;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(.7rem);backdrop-filter:blur(.7rem);border-radius:1rem;color:#61dbfb;top:12rem}section.aboutme .aboutContainer .image span.html{position:absolute;right:5rem;font-size:3rem;background:#ffffff4d;padding:1.5rem;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(.7rem);backdrop-filter:blur(.7rem);border-radius:1rem;color:#ea4335;top:15rem}section.aboutme .aboutContainer .image span.javascript{position:absolute;left:5rem;font-size:3rem;background:#ffffff4d;padding:1.5rem;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(.7rem);backdrop-filter:blur(.7rem);border-radius:1rem;color:#f0db4f;bottom:1rem}section.aboutme .aboutContainer .image span.nextjs{position:absolute;right:5rem;font-size:3rem;background:#ffffff4d;padding:1.5rem;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(.7rem);backdrop-filter:blur(.7rem);border-radius:1rem;color:#000;bottom:1rem}section.aboutme .aboutContainer .image img{height:100%}section.aboutme .aboutContainer .image h1{box-shadow:0 0 144px 63px var(--btn-text-color);position:absolute;height:5rem;width:5rem;top:20rem;right:14rem;z-index:-1;background:var(--btn-text-color)}section.aboutme .aboutContainer .flexOne h2{font-size:3rem;color:var(--color)}section.aboutme .aboutContainer .flexOne p{margin-top:1rem;font-size:1.5rem;line-height:1.8;color:var(--color);text-align:justify}section.aboutme .aboutContainer .flexOne .social{display:flex;margin-top:2rem;flex-wrap:wrap}section.aboutme .aboutContainer .flexOne .social h3{display:flex;justify-content:center;align-items:center;padding:1rem 1.5rem;border-radius:1rem;margin-right:3rem;color:#fff;font-weight:400;cursor:pointer;height:8rem;margin-top:1rem;flex-direction:column;width:10rem}section.aboutme .aboutContainer .flexOne .social h3 span{font-size:2rem;margin-bottom:.4rem}section.responsiveness{width:100%;margin:0rem auto;background-image:var(--responsive-sec-bg);padding:0 3rem 0 7rem;display:flex;justify-content:center;align-items:center}section.responsiveness .description{width:46%;padding:7rem 0;color:var(--color);margin-right:3rem}section.responsiveness .description h4{font-family:shiridhar-font;padding:1rem;background:var(--btn-bg-color);color:var(--btn-text-color);border-radius:3rem;height:3.3rem;width:9rem;display:flex;justify-content:center;align-items:center;text-transform:capitalize;font-size:1.2rem;font-weight:400}section.responsiveness .description h1 span{color:var(--btn-text-color)}section.responsiveness .description h1{font-size:3rem;margin:.5rem 0 2rem;font-family:Lexend,sans-serif;color:var(--color);font-weight:700}section.responsiveness .description p{font-size:1.5rem;width:100%;text-align:justify;line-height:1.5}section.responsiveness .images{width:60rem;display:flex;justify-content:center;align-items:center;position:relative;height:50rem}section.responsiveness .images img{width:auto;height:30rem;position:absolute;transition:.3s ease all;box-shadow:0 77px 67px -54px #000000cf;border-radius:2rem}section.responsiveness .images img.top{z-index:5;transition:.3s ease all;height:35rem}section.responsiveness .images img.second{transition:.3s ease all;height:27rem;z-index:4}section.responsiveness .images img.third{transition:.3s ease all;height:27rem;z-index:4}section.responsiveness .images img.forth{z-index:3;transition:.3s ease all;height:24rem}section.responsiveness .images img.fifth{z-index:3;transition:.3s ease all;height:24rem}.portfolio-showcase{display:flex;align-items:center;justify-content:center;margin:2rem 0;padding:2rem;position:relative;min-height:60vh}.device-container{flex:0 0 50%;display:flex;justify-content:center;align-items:center;perspective:1000px}.laptop-mockup{position:relative;width:500px;height:300px;transform-style:preserve-3d}.laptop-screen{width:500px;height:300px;background:#000;border-radius:10px 10px 0 0;padding:10px;box-shadow:0 0 20px #0000004d;overflow:hidden}.laptop-screen img{width:100%;height:100%;object-fit:cover;border-radius:5px}.laptop-base{width:500px;height:20px;background:#e0e0e0;border-radius:0 0 10px 10px;position:relative;transform:perspective(500px) rotateX(10deg);transform-origin:top;box-shadow:0 5px 15px #0003}.laptop-keyboard{width:80%;height:5px;background:#ccc;position:absolute;top:5px;left:10%;border-radius:2px}.laptop-trackpad{width:30%;height:8px;background:#bbb;position:absolute;bottom:5px;left:35%;border-radius:4px}.phone-mockup{position:relative;width:250px;height:500px;transform-style:preserve-3d}.phone-frame{width:250px;height:500px;background:#111;border-radius:30px;padding:10px;box-shadow:0 0 20px #0000004d;position:relative;overflow:hidden}.phone-notch{width:80px;height:25px;background:#000;position:absolute;top:0;left:50%;transform:translate(-50%);border-radius:0 0 15px 15px;z-index:2}.phone-screen{width:230px;height:480px;background:#fff;border-radius:25px;overflow:hidden}.phone-screen img{width:100%;height:100%;object-fit:cover}.phone-button{width:40px;height:5px;background:#333;position:absolute;bottom:10px;left:50%;transform:translate(-50%);border-radius:3px}.tablet-mockup{position:relative;width:400px;height:550px;transform-style:preserve-3d}.tablet-frame{width:400px;height:550px;background:#222;border-radius:20px;padding:15px;box-shadow:0 0 20px #0000004d;position:relative;overflow:hidden}.tablet-camera{width:8px;height:8px;background:#444;position:absolute;top:15px;left:50%;transform:translate(-50%);border-radius:50%;z-index:2}.tablet-screen{width:370px;height:520px;background:#fff;border-radius:10px;overflow:hidden}.tablet-screen img{width:100%;height:100%;object-fit:cover}.tablet-button{width:40px;height:40px;background:#333;position:absolute;bottom:15px;left:50%;transform:translate(-50%);border-radius:50%;border:2px solid #444}.project-info{flex:0 0 40%;padding:2rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 10px 30px #0000001a;margin-left:2rem}.project-info h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.project-info p{font-size:1.4rem;line-height:1.6;margin-bottom:2rem;color:var(--color)}.tech-stack{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.tech-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;background:var(--btn-bg-color);border-radius:10px;font-size:2rem;transition:transform .2s ease}.tech-icon:hover{transform:translateY(-5px)}.tech-icon span{font-size:.9rem;margin-top:.5rem}.project-features{margin-bottom:2rem}.project-features h3{font-size:1.8rem;margin-bottom:1rem;color:var(--color)}.project-features ul{list-style:none}.project-features li{display:flex;align-items:center;margin-bottom:.8rem;font-size:1.4rem;color:var(--color)}.project-features li svg{margin-right:1rem;color:var(--btn-text-color);font-size:1rem}.project-actions{display:flex;gap:1rem}.project-actions button{padding:1rem 1.5rem;border:none;border-radius:50px;font-size:1.4rem;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease}.github-btn{background:#333;color:#fff}.github-btn:hover{background:#555;transform:translateY(-3px)}.live-btn{background:var(--btn-text-color);color:#fff}.live-btn:hover{background:var(--btn-bg-color);color:var(--btn-text-color);transform:translateY(-3px)}.nav-btn{width:35px;height:35px;border-radius:50%;background:var(--btn-text-color);color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:2rem;cursor:pointer;transition:all .2s ease;position:absolute;z-index:10}.pagBtn{position:relative;bottom:0;display:flex;gap:1rem;width:100%;height:5rem;justify-content:center;align-items:center}.pagBtn button{margin:0 1rem}.prev-btn{left:0}.next-btn{right:0}.nav-btn:hover{background:var(--btn-bg-color);color:var(--btn-text-color);transform:scale(1.1)}.portfolio-pagination{display:flex;justify-content:center;gap:.5rem;margin-bottom:3rem}.pagination-dot{width:12px;height:12px;border-radius:50%;background:#ccc;cursor:pointer;transition:all .2s ease}.pagination-dot.active{background:var(--btn-text-color);transform:scale(1.2)}.pagination-dot:hover{background:var(--btn-text-color)}@media (max-width: 1200px){.portfolio-showcase{flex-direction:column}.project-info{margin-left:0;margin-top:3rem;width:90%}.laptop-mockup,.laptop-screen{width:400px;height:240px}.laptop-base{width:400px}.tablet-mockup,.tablet-frame{width:300px;height:400px}.tablet-screen{width:270px;height:370px}}@media (max-width: 768px){.laptop-mockup,.laptop-screen{width:300px;height:180px}.laptop-base{width:300px}.phone-mockup,.phone-frame{width:200px;height:400px}.phone-screen{width:180px;height:380px}.tablet-mockup,.tablet-frame{width:250px;height:350px}.tablet-screen{width:220px;height:320px}.project-info{padding:1.5rem}.tech-stack{gap:.5rem}.tech-icon{padding:.8rem;font-size:1.5rem}}.driver-active .driver-overlay,.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in .2s ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in .2s}.driver-popover{all:unset;box-sizing:border-box;color:#2d2d2d;margin:0;padding:15px;border-radius:5px;min-width:250px;max-width:300px;box-shadow:0 1px 10px #0006;z-index:1000000000;position:fixed;top:0;right:0;background-color:#fff}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif}.driver-popover-title{font:19px/normal sans-serif;font-weight:700;display:block;position:relative;line-height:1.5;zoom:1;margin:0}.driver-popover-close-btn{all:unset;position:absolute;top:0;right:0;width:32px;height:28px;cursor:pointer;font-size:18px;font-weight:500;color:#d2d2d2;z-index:1;text-align:center;transition:color;transition-duration:.2s}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{margin-bottom:0;font:14px/normal sans-serif;line-height:1.5;font-weight:400;zoom:1}.driver-popover-footer{margin-top:15px;text-align:right;zoom:1;display:flex;align-items:center;justify-content:space-between}.driver-popover-progress-text{font-size:13px;font-weight:400;color:#727272;zoom:1}.driver-popover-footer button{all:unset;display:inline-block;box-sizing:border-box;padding:3px 7px;text-decoration:none;text-shadow:1px 1px 0 #fff;background-color:#fff;color:#2d2d2d;font:12px/normal sans-serif;cursor:pointer;outline:0;zoom:1;line-height:1.3;border:1px solid #ccc;border-radius:3px}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:hover,.driver-popover-footer button:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{display:flex;flex-grow:1;justify-content:flex-end}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";position:absolute;border:5px solid #fff}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{left:100%;border-right-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-right{right:100%;border-left-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-top{top:100%;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.driver-popover-arrow-side-bottom{bottom:100%;border-left-color:transparent;border-top-color:transparent;border-right-color:transparent}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-start,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-end,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{top:50%;margin-top:-5px}.driver-popover-arrow-side-top.driver-popover-arrow-align-center,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center{left:50%;margin-left:-5px}.driver-popover-arrow-none{display:none}.blogs-container{width:100%;max-width:1200px;margin:0 auto;padding:2rem 0 5rem}.featured-blog{margin-bottom:4rem}.featured-blog-card{display:flex;background:var(--card-secondary-color);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;position:relative;min-height:400px}.featured-blog-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0003}.featured-blog-content{flex:1;padding:3rem;display:flex;flex-direction:column;justify-content:center;z-index:2}.featured-blog-tag{display:inline-block;padding:.5rem 1.5rem;border-radius:50px;color:#fff;font-weight:600;font-size:1.2rem;margin-bottom:2rem;box-shadow:0 5px 15px #0000001a}.featured-blog-content h2{font-size:3rem;margin-bottom:1.5rem;color:var(--color);line-height:1.3}.featured-blog-content p{font-size:1.6rem;margin-bottom:2.5rem;line-height:1.6;color:var(--color);opacity:.9}.featured-read-more-btn{display:flex;align-items:center;padding:1.2rem 2.5rem;border:none;border-radius:50px;font-size:1.6rem;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #0000001a;width:fit-content}.featured-read-more-btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px #00000026}.featured-read-more-btn svg{margin-left:.5rem;font-size:2rem;transition:transform .3s ease}.featured-read-more-btn:hover svg{transform:translate(5px)}.featured-blog-image{flex:1;position:relative;overflow:hidden}.featured-blog-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,var(--card-secondary-color) 0%,transparent 100%);z-index:1}.featured-blog-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.featured-blog-card:hover .featured-blog-image img{transform:scale(1.1)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}.blog-card{background:var(--card-secondary-color);border-radius:15px;overflow:hidden;box-shadow:0 10px 20px #0000001a;transition:all .3s ease;height:100%;display:flex;flex-direction:column}.blog-card-image{height:200px;position:relative;overflow:hidden}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.blog-card-overlay{position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,.9),transparent);opacity:.5}.blog-card-content{padding:2rem;flex:1;display:flex;flex-direction:column}.blog-card-content h3{font-size:2rem;margin-bottom:1rem;color:var(--color);line-height:1.4}.blog-card-content p{font-size:1.4rem;margin-bottom:2rem;line-height:1.6;color:var(--color);opacity:.9;flex:1}.read-more-btn{display:flex;align-items:center;padding:1rem 2rem;background:transparent;border:2px solid;border-radius:50px;font-size:1.4rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:fit-content;margin-top:auto}.read-more-btn:hover{transform:translateY(-3px)}.read-more-btn svg{margin-left:.5rem;font-size:1.8rem;transition:transform .3s ease}.read-more-btn:hover svg{transform:translate(5px)}.blog-post-container{width:90%;margin:0 auto;padding:4rem 2rem}.blog-post-header{margin-bottom:4rem;position:relative}.blog-post-image{width:100%;height:400px;border-radius:20px;overflow:hidden;margin-bottom:3rem;box-shadow:0 15px 30px #00000026}.blog-post-image img{width:100%;height:100%;object-fit:cover}.blog-post-title{font-size:4rem;margin-bottom:2rem;line-height:1.3;color:var(--color)}.blog-post-meta{display:flex;align-items:center;margin-bottom:2rem;font-size:1.4rem;color:var(--color);opacity:.8}.blog-post-meta .date{margin-right:2rem;display:flex;align-items:center}.blog-post-meta .date svg,.blog-post-meta .read-time svg{margin-right:.5rem}.blog-post-meta .read-time{display:flex;align-items:center}.blog-post-description{font-size:1.8rem;line-height:1.8;margin-bottom:4rem;color:var(--color);font-weight:500}.blog-post-content{font-size:1.6rem;line-height:1.8;color:var(--color)}.blog-post-section{margin-bottom:4rem}.blog-post-section h2{font-size:2.8rem;margin-bottom:2rem;color:var(--color);position:relative;padding-left:2rem}.blog-post-section h2:before{content:"";position:absolute;left:0;top:.5rem;height:80%;width:.5rem;background-color:var(--btn-text-color);border-radius:5px}.blog-post-section p{margin-bottom:2rem}.blog-post-conclusion{background:var(--card-secondary-color);padding:3rem;border-radius:15px;margin-top:5rem;box-shadow:0 10px 20px #0000000d}.blog-post-conclusion h3{font-size:2.4rem;margin-bottom:1.5rem;color:var(--color)}.blog-post-conclusion p{font-size:1.6rem;line-height:1.8;color:var(--color)}.blog-post-share{margin-top:5rem;display:flex;align-items:center}.blog-post-share span{font-size:1.6rem;font-weight:600;margin-right:2rem;color:var(--color)}.blog-post-share-buttons{display:flex;gap:1rem}.blog-post-share-button{width:4rem;height:4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#fff;cursor:pointer;transition:all .3s ease}.blog-post-share-button:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.blog-post-related{margin-top:8rem}.blog-post-related h3{font-size:1.8rem;margin-bottom:3rem;color:var(--color);text-align:center}.blog-post-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media (max-width: 1200px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 992px){.featured-blog-card{flex-direction:column}.featured-blog-image{height:300px}.featured-blog-image:after{background:linear-gradient(to top,var(--card-secondary-color) 0%,transparent 100%)}}@media (max-width: 768px){.blog-grid{grid-template-columns:1fr}.blog-post-title{font-size:3rem}.blog-post-image{height:300px}.blog-post-related-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.featured-blog-content{padding:2rem}.featured-blog-content h2{font-size:2.4rem}.blog-post-related-grid{grid-template-columns:1fr}.blog-post-section h2{font-size:2.2rem}}.creative-hero{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:var(--secondary-background-color);position:relative;overflow:hidden}.creative-hero-container{max-width:1200px;width:100%;padding:0 2rem;margin:0 auto;position:relative}.creative-hero-content{display:flex;align-items:center;justify-content:space-between;gap:4rem}.creative-hero-text{flex:1;max-width:600px}.creative-hero-text h1{font-size:4.5rem;line-height:1.2;margin-bottom:1.5rem;color:var(--color);display:flex;flex-direction:column}.creative-greeting{font-size:2.2rem;font-weight:500;margin-bottom:.5rem;color:var(--color);opacity:.9}.creative-name{font-size:5rem;font-weight:700;color:var(--btn-text-color);position:relative;display:inline-block}.creative-name:after{content:"";position:absolute;bottom:5px;left:0;width:100%;height:5px;background-color:var(--btn-text-color);opacity:.2;border-radius:2px}.creative-hero-text h2{font-size:2.8rem;color:var(--color);margin-bottom:2rem;font-weight:500}.creative-hero-text p{font-size:1.6rem;line-height:1.7;margin-bottom:3rem;color:var(--color);opacity:.8;max-width:540px}.creative-hero-cta{display:flex;gap:1.5rem;margin-bottom:3rem}.creative-primary-btn,.creative-secondary-btn{padding:1.2rem 2.5rem;border-radius:8px;font-size:1.6rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;overflow:hidden}.creative-primary-btn{background-color:var(--btn-text-color);color:#fff;box-shadow:0 5px 15px #00abe133}.creative-primary-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00abe14d}.creative-primary-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.creative-primary-btn:hover:before{left:100%}.creative-secondary-btn{background-color:transparent;color:var(--btn-text-color);border:2px solid var(--btn-text-color)}.creative-secondary-btn:hover{background-color:var(--btn-bg-color);transform:translateY(-3px)}.creative-hero-stats{display:flex;gap:3rem;margin-bottom:3rem}.creative-stat{display:flex;flex-direction:column;position:relative}.creative-stat:after{content:"";position:absolute;bottom:-10px;left:0;width:0;height:2px;background-color:var(--btn-text-color);transition:width .3s ease}.creative-stat:hover:after{width:100%}.creative-stat-number{font-size:3rem;font-weight:700;color:var(--btn-text-color);line-height:1}.creative-stat-label{font-size:1.4rem;color:var(--color);opacity:.7}.creative-hero-social{display:flex;gap:1.5rem}.creative-hero-social a{width:4rem;height:4rem;border-radius:8px;display:flex;align-items:center;justify-content:center;background-color:var(--card-secondary-color);color:var(--btn-text-color);font-size:1.8rem;transition:all .3s ease;border:1px solid rgba(0,171,225,.1);position:relative;overflow:hidden}.creative-hero-social a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,171,225,.2),transparent);transition:.5s}.creative-hero-social a:hover:before{left:100%}.creative-hero-social a:hover{transform:translateY(-3px) rotate(5deg);background-color:var(--btn-text-color);color:#fff;box-shadow:0 5px 15px #00abe133}.creative-hero-image-wrapper{flex:1;display:flex;justify-content:center;align-items:center;position:relative;perspective:1000px}.creative-orbs-container{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.creative-orb{position:absolute;border-radius:50%;filter:blur(15px);z-index:1}.image-glow{position:absolute;width:100%;height:100%;background:radial-gradient(circle at center,var(--btn-text-color) 0%,transparent 70%);opacity:.3;filter:blur(30px);z-index:2}.image-frame{position:relative;width:350px;height:350px;border-radius:20px;border:4px solid rgba(0,171,225,.3);overflow:hidden;box-shadow:0 10px 30px #0000001a,0 0 20px #00abe133;z-index:3;transform-style:preserve-3d;transition:all .5s ease}.image-frame:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,171,225,.2) 0%,transparent 100%);z-index:4}.creative-hero-image{width:100%;height:100%;transform-style:preserve-3d}.creative-hero-image img{width:100%;height:100%;object-fit:cover;transform-style:preserve-3d;transition:all .5s ease}.image-reflection{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);width:80%;height:20px;background:radial-gradient(ellipse at center,rgba(0,171,225,.3) 0%,transparent 70%);filter:blur(5px);z-index:2}.creative-scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;color:var(--color);font-size:1.4rem;cursor:pointer;opacity:.7;transition:all .3s ease}.creative-scroll-indicator:hover{opacity:1;color:var(--btn-text-color)}.creative-scroll-indicator span{margin-bottom:.5rem}.creative-scroll-indicator svg{font-size:2rem}.creative-hero-image-wrapper:hover .image-frame{border-color:#00abe1cc;box-shadow:0 15px 40px #00000026,0 0 30px #00abe14d}.creative-hero-image-wrapper:hover .image-glow{opacity:.5}@media (max-width: 1200px){.creative-hero-content{max-width:900px}.image-frame{width:300px;height:300px}}@media (max-width: 992px){.creative-hero-content{flex-direction:column-reverse;text-align:center;gap:3rem}.creative-hero-text,.creative-hero-text p{max-width:100%}.creative-hero-cta,.creative-hero-stats,.creative-hero-social{justify-content:center}.image-frame{width:280px;height:280px}}@media (max-width: 768px){.creative-hero-text h1{font-size:3.5rem}.creative-greeting{font-size:2rem}.creative-name{font-size:4rem}.creative-hero-text h2{font-size:2.4rem}.creative-hero-text p{font-size:1.5rem}.image-frame{width:250px;height:250px}}@media (max-width: 576px){.creative-hero-text h1{font-size:3rem}.creative-greeting{font-size:1.8rem}.creative-name{font-size:3.5rem}.creative-hero-text h2{font-size:2rem}.creative-hero-cta{flex-direction:column;gap:1rem}.creative-primary-btn,.creative-secondary-btn{width:100%}.creative-hero-stats{flex-wrap:wrap;gap:2rem}.image-frame{width:220px;height:220px}}.professional-hero{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:var(--secondary-background-color);position:relative;overflow:hidden}.professional-hero-container{max-width:1200px;width:100%;padding:0 2rem;margin:0 auto;position:relative}.professional-hero-content{display:flex;align-items:center;justify-content:space-between;gap:4rem;margin-top:10rem}.professional-hero-text{flex:1;max-width:600px}.professional-hero-text h1{font-size:4.5rem;line-height:1.2;margin-bottom:1.5rem;color:var(--color);display:flex;flex-direction:column}.professional-greeting{font-size:2.2rem;font-weight:500;margin-bottom:.5rem;color:var(--color);opacity:.9}.professional-name{font-size:5rem;font-weight:700;color:var(--btn-text-color);position:relative;display:inline-block}.professional-name:after{content:"";position:absolute;bottom:5px;left:0;width:73%;height:5px;background-color:var(--btn-text-color);opacity:.2;border-radius:2px}.professional-hero-text h2{font-size:2.8rem;color:var(--color);margin-bottom:2rem;font-weight:500}.professional-hero-text p{font-size:1.6rem;line-height:1.7;margin-bottom:3rem;color:var(--color);opacity:.8;max-width:540px}.professional-hero-cta{display:flex;gap:1.5rem;margin-bottom:3rem}.professional-primary-btn,.professional-secondary-btn{padding:1.2rem 2.5rem;border-radius:8px;font-size:1.6rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease}.professional-primary-btn{background-color:var(--btn-text-color);color:#fff;box-shadow:0 5px 15px #00abe133}.professional-primary-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00abe14d}.professional-secondary-btn{background-color:transparent;color:var(--btn-text-color);border:2px solid var(--btn-text-color)}.professional-secondary-btn:hover{background-color:var(--btn-bg-color);transform:translateY(-3px)}.professional-hero-stats{display:flex;gap:3rem;margin-bottom:3rem}.professional-stat{display:flex;flex-direction:column;position:relative}.professional-stat:after{content:"";position:absolute;bottom:-10px;left:0;width:0;height:2px;background-color:var(--btn-text-color);transition:width .3s ease}.professional-stat:hover:after{width:100%}.professional-stat-number{font-size:3rem;font-weight:700;color:var(--btn-text-color);line-height:1}.professional-stat-label{font-size:1.4rem;color:var(--color);opacity:.7}.professional-hero-social{display:flex;gap:1.5rem}.professional-hero-social a{width:4rem;height:4rem;border-radius:8px;display:flex;align-items:center;justify-content:center;background-color:var(--card-secondary-color);color:var(--btn-text-color);font-size:1.8rem;transition:all .3s ease;border:1px solid rgba(0,171,225,.1)}.professional-hero-social a:hover{transform:translateY(-3px);background-color:var(--btn-text-color);color:#fff}.professional-image-section{flex:1;display:flex;justify-content:center;align-items:center}.professional-image-container{position:relative;width:380px;height:380px;display:flex;justify-content:center;align-items:center}.particles-container{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.particle{position:absolute;background-color:var(--btn-text-color);border-radius:50%;z-index:1}.image-border{position:absolute;width:100%;height:100%;border:1px dashed var(--btn-text-color);border-radius:50%;z-index:2}.image-mask{position:absolute;width:100%;height:100%;background:conic-gradient(from 0deg,transparent 0deg,transparent 60deg,rgba(0,171,225,.1) 60deg,rgba(0,171,225,.1) 120deg,transparent 120deg,transparent 180deg,rgba(0,171,225,.1) 180deg,rgba(0,171,225,.1) 240deg,transparent 240deg,transparent 300deg,rgba(0,171,225,.1) 300deg,rgba(0,171,225,.1) 360deg);border-radius:50%;z-index:3}.professional-image{width:320px;height:320px;border-radius:50%;overflow:hidden;position:relative;z-index:4;box-shadow:0 10px 30px #0000001a}.professional-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(0,171,225,.3);border-radius:50%;z-index:5}.professional-image img{width:100%;height:100%;object-fit:cover}.professional-scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;color:var(--color);font-size:1.4rem;cursor:pointer;opacity:.7;transition:all .3s ease}.professional-scroll-indicator:hover{opacity:1;color:var(--btn-text-color)}.professional-scroll-indicator span{margin-bottom:.5rem}.professional-scroll-indicator svg{font-size:2rem}@media (max-width: 1200px){.professional-hero-content{max-width:900px}.professional-image-container{width:340px;height:340px}.professional-image{width:280px;height:280px}}@media (max-width: 992px){.professional-hero-content{flex-direction:column-reverse;text-align:center;gap:3rem}.professional-hero-text,.professional-hero-text p{max-width:100%}.professional-hero-cta,.professional-hero-stats,.professional-hero-social{justify-content:center}.professional-image-container{width:320px;height:320px}.professional-image{width:260px;height:260px}}@media (max-width: 768px){.professional-hero-text h1{font-size:3.5rem}.professional-name:after{display:none}.portfolio-showcase{gap:7rem;padding:0}.professional-greeting{font-size:2rem}.professional-name{font-size:4rem}.professional-hero-text h2{font-size:2.4rem}.professional-hero-text p{font-size:1.5rem}.professional-image-container{width:280px;height:280px}.professional-image{width:230px;height:230px}}@media (max-width: 576px){.professional-hero-text h1{font-size:3rem}.professional-greeting{font-size:1.8rem}.professional-name{font-size:3.5rem}.professional-hero-text h2{font-size:2rem}.professional-hero-cta{flex-direction:column;gap:1rem}.professional-primary-btn,.professional-secondary-btn{width:100%}.professional-hero-stats{flex-wrap:wrap;gap:2rem}.professional-image-container{width:260px;height:260px}.professional-image{width:210px;height:210px}}.apix-showcase{background:var(--secondary-background-color);padding:6rem 0;position:relative;overflow:hidden}.apix-showcase:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 40%,rgba(0,171,225,.08) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(250,205,61,.08) 0%,transparent 50%);pointer-events:none}.apix-container{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.apix-main-content{display:flex;align-items:center;gap:4rem;margin-bottom:6rem;min-height:70vh}.apix-text-content{flex:1}.apix-badge{display:inline-flex;align-items:center;gap:.8rem;background:var(--btn-bg-color);color:var(--btn-text-color);padding:.8rem 1.5rem;border-radius:50px;font-size:1.3rem;font-weight:600;margin-bottom:2rem;border:1px solid rgba(0,171,225,.2)}.apix-text-content h1{font-size:4rem;line-height:1.2;margin-bottom:1.5rem;color:var(--color);font-weight:700}.apix-brand{color:var(--btn-text-color);position:relative}.apix-brand:after{content:"";position:absolute;bottom:2px;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--btn-text-color),transparent);border-radius:2px}.apix-text-content p{font-size:1.7rem;line-height:1.6;color:var(--color);opacity:.85;margin-bottom:3rem;max-width:500px}.quick-install{display:flex;flex-direction:column;gap:1.5rem}.install-command{display:flex;align-items:center;background:var(--card-secondary-color);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:1rem 1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:300px}.command-text{font-family:Courier New,monospace;color:var(--btn-text-color);font-size:1.4rem;flex:1}.copy-btn{background:none;border:none;color:var(--color);cursor:pointer;padding:.5rem;border-radius:5px;transition:all .2s ease}.copy-btn:hover{background:var(--btn-bg-color);color:var(--btn-text-color)}.install-buttons{display:flex;gap:1rem}.apix-install-btn,.apix-github-btn{display:flex;align-items:center;gap:.8rem;padding:1.2rem 2rem;border-radius:50px;font-size:1.5rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none}.apix-install-btn{background:var(--btn-text-color);color:#fff;box-shadow:0 4px 15px #00abe14d}.apix-install-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00abe166}.apix-github-btn{background:transparent;color:var(--color);border:2px solid rgba(255,255,255,.2)}.apix-github-btn:hover{background:var(--color);color:var(--primary-background-color);transform:translateY(-2px)}.apix-visual-content{flex:1;display:flex;justify-content:center;align-items:center}.vscode-window{background:var(--card-secondary-color);border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #00000026;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;max-width:400px}.window-header{background:#0000001a;padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.window-controls{display:flex;gap:.5rem}.control{width:12px;height:12px;border-radius:50%}.control.close{background:#ff5f57}.control.minimize{background:#ffbd2e}.control.maximize{background:#28ca42}.window-title{color:var(--color);font-size:1.3rem;opacity:.8}.window-content{padding:2rem}.vscode-icon{text-align:center;margin-bottom:2rem}.vscode-icon svg{font-size:3.5rem;color:#007acc}.api-demo{background:#0000000d;border-radius:8px;padding:1.5rem}.request-bar{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:.8rem;background:#ffffff0d;border-radius:6px}.method{background:#28a745;color:#fff;padding:.3rem .8rem;border-radius:4px;font-size:1.1rem;font-weight:600}.url{flex:1;color:var(--color);font-family:monospace;font-size:1.1rem;opacity:.8}.send-btn{background:var(--btn-text-color);color:#fff;border:none;border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.send-btn:hover{transform:scale(1.1)}.response-items{display:flex;flex-direction:column;gap:.8rem}.response-item{display:flex;align-items:center;gap:1rem;padding:.8rem;background:#ffffff0d;border-radius:6px;color:var(--color);font-size:1.2rem}.response-item svg{color:var(--btn-text-color)}.apix-features{text-align:center}.apix-features h2{font-size:3rem;margin-bottom:3rem;color:var(--color)}.features-compact{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-card{background:var(--card-secondary-color);padding:2rem 1.5rem;border-radius:12px;text-align:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a}.feature-icon{width:5rem;height:5rem;background:var(--btn-bg-color);color:var(--btn-text-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 1.5rem}.feature-card h3{font-size:1.8rem;margin-bottom:.8rem;color:var(--color)}.feature-card p{font-size:1.3rem;line-height:1.5;color:var(--color);opacity:.8}@media (max-width: 992px){.apix-main-content{flex-direction:column;text-align:center;gap:3rem;min-height:auto}.apix-text-content h1{font-size:3.5rem}.install-buttons{justify-content:center}.features-compact{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.apix-showcase{padding:4rem 0}.apix-text-content h1{font-size:3rem}.apix-text-content p{font-size:1.5rem}.install-buttons{flex-direction:column;gap:1rem}.apix-install-btn,.apix-github-btn{width:100%;justify-content:center}.apix-features h2{font-size:2.5rem}.features-compact{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 576px){.apix-container{padding:0 1rem}.apix-text-content h1{font-size:2.5rem}.apix-features h2{font-size:2rem}.feature-card,.window-content{padding:1.5rem}.quick-install{align-items:center}.install-command{max-width:100%}}.product-showcase{background:var(--secondary-background-color);padding:8rem 0;position:relative;overflow:hidden}.product-showcase:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 70% 20%,rgba(0,171,225,.05) 0%,transparent 50%),radial-gradient(circle at 30% 80%,rgba(250,205,61,.05) 0%,transparent 50%);pointer-events:none}.showcase-container{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.showcase-header{text-align:center;margin-bottom:5rem}.header-badge{display:inline-flex;align-items:center;gap:.8rem;background:var(--btn-bg-color);color:var(--btn-text-color);padding:.8rem 1.5rem;border-radius:50px;font-size:1.3rem;font-weight:600;margin-bottom:2rem;border:1px solid rgba(0,171,225,.2)}.showcase-header h2{font-size:3.5rem;margin-bottom:1.5rem;color:var(--color);font-weight:700}.showcase-header p{font-size:1.7rem;color:var(--color);opacity:.8;max-width:600px;margin:0 auto;line-height:1.6}.products-wrapper{position:relative}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem;margin-bottom:4rem}.product-card{background:var(--card-secondary-color);border-radius:20px;overflow:hidden;border:2px solid transparent;transition:all .3s ease;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.product-card:hover{transform:translateY(-10px);box-shadow:0 25px 50px #00000026}.product-card-ecommerce{border-color:#667eea4d}.product-card-ecommerce:hover{border-color:#667eea99;box-shadow:0 25px 50px #667eea33}.product-card-portfolio{border-color:#f093fb4d}.product-card-portfolio:hover{border-color:#f093fb99;box-shadow:0 25px 50px #f093fb33}.product-card-landing{border-color:#4facfe4d}.product-card-landing:hover{border-color:#4facfe99;box-shadow:0 25px 50px #4facfe33}.product-card-dashboard{border-color:#ff6b6b4d}.product-card-dashboard:hover{border-color:#ff6b6b99;box-shadow:0 25px 50px #ff6b6b33}.card-header{position:relative}.product-badge{position:absolute;top:1.5rem;left:1.5rem;color:#fff;padding:.5rem 1.2rem;border-radius:25px;font-size:1.1rem;font-weight:600;z-index:3;box-shadow:0 5px 15px #0003}.badge-available{background:linear-gradient(135deg,#4caf50,#45a049)}.badge-coming-soon{background:linear-gradient(135deg,#ff9800,#f57c00)}.product-image{height:auto;position:relative;overflow:hidden}.product-image img{width:100%;height:100%;transition:transform .5s ease}.product-card:hover .product-image img{transform:scale(1.1)}.image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.product-card:hover .image-overlay{opacity:1}.view-btn{width:5rem;height:5rem;border-radius:50%;border:none;background:#fff3;color:#fff;font-size:1.8rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3)}.view-btn:hover:not(:disabled){background:#ffffff4d;transform:scale(1.1)}.view-btn:disabled{cursor:not-allowed;opacity:.6}.card-content{padding:2rem}.product-header{margin-bottom:1.5rem}.product-header h3{font-size:2rem;margin-bottom:.5rem;color:var(--color);font-weight:700}.subtitle{font-size:1.3rem;color:var(--btn-text-color);font-weight:500;opacity:.9}.description{font-size:1.4rem;line-height:1.6;color:var(--color);opacity:.8;margin-bottom:2rem}.tech-stack{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.tech-item{display:flex;align-items:center;gap:.5rem;background:var(--btn-bg-color);padding:.6rem 1rem;border-radius:25px;font-size:1.2rem;font-weight:500;transition:transform .2s ease}.tech-item:hover{transform:translateY(-2px)}.tech-item svg{font-size:1.4rem}.tech-react{color:#61dafb}.tech-node{color:#68a063}.tech-mongo{color:#4db33d}.tech-next{color:#000}.tech-tailwind{color:#38bdf8}.tech-css{color:#1572b6}.tech-mobile{color:#ff6b6b}.tech-database{color:#4caf50}.tech-fast{color:#ff9800}.features-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin-bottom:2rem}.feature-item{display:flex;align-items:center;gap:.8rem;font-size:1.3rem;color:var(--color)}.feature-item svg{color:#4caf50;font-size:1rem}.pricing{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding:1.5rem;background:#ffffff0d;border-radius:15px;border:1px solid rgba(255,255,255,.1)}.price-section{display:flex;align-items:center;gap:1rem}.original-price{font-size:1.6rem;color:#999;text-decoration:line-through}.current-price{font-size:2.5rem;color:var(--btn-text-color);font-weight:700}.discount-badge{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:1.1rem;font-weight:600;box-shadow:0 3px 10px #ff6b6b4d}.action-btn{width:100%;padding:1.5rem 2rem;border:none;border-radius:50px;color:#fff;font-size:1.5rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:1rem;transition:all .3s ease;position:relative;overflow:hidden}.action-btn.available{background:linear-gradient(135deg,var(--btn-text-color),#0099cc);box-shadow:0 5px 15px #00abe14d}.action-btn.available:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00abe166}.action-btn.coming-soon{background:#666;cursor:not-allowed;opacity:.7}.action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.action-btn:hover:before{left:100%}.navigation{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:3rem}.nav-btn{width:4rem;height:4rem;border-radius:50%;border:none;background:var(--btn-text-color);color:#fff;font-size:1.5rem;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #00abe133}.nav-btn:hover{background:var(--btn-bg-color);color:var(--btn-text-color);transform:scale(1.1);box-shadow:0 8px 20px #00abe14d}.slide-indicators{display:flex;gap:1rem}.indicator{width:1.2rem;height:1.2rem;border-radius:50%;border:2px solid var(--btn-text-color);background:transparent;cursor:pointer;transition:all .3s ease}.indicator.active{background:var(--btn-text-color);transform:scale(1.3);box-shadow:0 0 10px #00abe180}.indicator:hover{transform:scale(1.2)}.showcase-footer{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.showcase-footer p{font-size:1.4rem;color:var(--color);opacity:.7}@media (max-width: 1200px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 992px){.showcase-header h2{font-size:3rem}.card-content{padding:1.5rem}.features-list{grid-template-columns:1fr}}@media (max-width: 768px){.product-showcase{padding:6rem 0}.showcase-container{padding:0 1rem}.showcase-header h2{font-size:2.5rem}.showcase-header p{font-size:1.5rem}.products-grid{grid-template-columns:1fr;gap:2rem}.product-header h3{font-size:1.8rem}.tech-stack{gap:.8rem}.pricing{flex-direction:column;gap:1rem;text-align:center}.navigation{gap:1rem}.nav-btn{width:3.5rem;height:3.5rem;font-size:1.3rem}}@media (max-width: 576px){.showcase-header h2{font-size:2rem}.card-content{padding:1.2rem}.product-header h3{font-size:1.6rem}.tech-stack{flex-direction:column;gap:.8rem}.tech-item{justify-content:center}.product-image{height:200px}.current-price{font-size:2rem}.action-btn{font-size:1.3rem;padding:1.2rem 1.5rem}}.promo-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:none;align-items:center;justify-content:center;padding:2rem}.popup-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}.popup-content{position:relative;background:#fff;border-radius:16px;width:700px;max-width:90%;box-shadow:0 25px 50px #00000040;overflow:hidden}.darkMode .popup-content{background:#1a1a2e}.close-btn{position:absolute;top:15px;right:15px;width:30px;height:30px;border-radius:50%;border:none;background:#0000001a;color:#333;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:10}.darkMode .close-btn{background:#ffffff1a;color:#fff}.close-btn:hover{background:#0003;transform:scale(1.1)}.darkMode .close-btn:hover{background:#fff3}.popup-container{display:flex;height:100%}.popup-left{width:40%;position:relative;overflow:hidden}.popup-image{width:100%;height:100%}.popup-image img{width:100%;height:100%;object-fit:cover}.popup-right{width:60%;padding:40px;display:flex;flex-direction:column;justify-content:center}.popup-badge{display:inline-block;background:linear-gradient(135deg,#ff6b6b,#ff8e8e);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:15px;width:fit-content}.popup-right h2{font-size:28px;margin-bottom:15px;color:#333;font-weight:700;line-height:1.3}.darkMode .popup-right h2{color:#fff}.popup-right p{font-size:16px;color:#666;margin-bottom:25px;line-height:1.5}.darkMode .popup-right p{color:#ccc}.pricing-section{margin-bottom:25px;padding:20px;background:#f8f9fa;border-radius:12px;border:2px solid #e9ecef}.darkMode .pricing-section{background:#ffffff0d;border-color:#ffffff1a}.price-container{display:flex;align-items:center;gap:15px;margin-bottom:8px}.original-price{font-size:20px;color:#999;text-decoration:line-through;font-weight:500}.discounted-price{font-size:32px;color:var(--btn-text-color);font-weight:700}.discount-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:4px 8px;border-radius:8px;font-size:12px;font-weight:600}.price-note{font-size:14px;color:#666;margin:0;font-style:italic}.darkMode .price-note{color:#ccc}.popup-stats{display:flex;margin-bottom:30px;gap:20px}.stat{display:flex;flex-direction:column}.stat-number{font-size:24px;font-weight:700;color:var(--btn-text-color)}.stat-label{font-size:14px;color:#666}.darkMode .stat-label{color:#ccc}.cta-button{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--btn-text-color);color:#fff;border:none;border-radius:8px;padding:16px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00abe133}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00abe14d}@media (max-width: 768px){.popup-container{flex-direction:column}.popup-left,.popup-right{width:100%}.popup-left{height:200px;display:none}.popup-right{padding:30px}.popup-right h2{font-size:24px}.pricing-section{padding:15px;margin-bottom:20px}.discounted-price{font-size:28px}.original-price{font-size:18px}.popup-stats{margin-bottom:20px}}@media (max-width: 480px){.popup-right{padding:20px}.popup-right h2{font-size:20px}.popup-right p{font-size:14px;margin-bottom:15px}.pricing-section{padding:12px}.price-container{flex-direction:column;align-items:flex-start;gap:8px}.discounted-price{font-size:24px}.original-price{font-size:16px}.stat-number{font-size:20px}.stat-label{font-size:12px}.cta-button{padding:14px 20px;font-size:14px}}.notFoundContainer{height:60vh;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;margin:5rem 0 8rem}#goToHome{padding:1rem 2rem;border-radius:3rem;height:4.5rem;width:17rem;cursor:pointer;background:var(--btn-text-color);color:var(--black-white);border:none;transition:.2s ease}#goToHome:hover{color:var(--btn-text-color);background:var(--btn-bg-color)}.main_wrapper{display:flex;align-items:center;justify-content:center;width:30em;height:30em}.main{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:5em}.antenna{width:5em;height:5em;border-radius:50%;border:2px solid black;background-color:#f27405;margin-bottom:-6em;margin-left:0;z-index:-1}.antenna_shadow{position:absolute;background-color:transparent;width:50px;height:56px;margin-left:1.68em;border-radius:45%;transform:rotate(140deg);border:4px solid transparent;box-shadow:inset 0 16px #a85103,inset 0 16px 1px 1px #a85103;-moz-box-shadow:inset 0px 16px #a85103,inset 0px 16px 1px 1px #a85103}.antenna:after{content:"";position:absolute;margin-top:-9.4em;margin-left:.4em;transform:rotate(-25deg);width:1em;height:.5em;border-radius:50%;background-color:#f69e50}.antenna:before{content:"";position:absolute;margin-top:.2em;margin-left:1.25em;transform:rotate(-20deg);width:1.5em;height:.8em;border-radius:50%;background-color:#f69e50}.a1{position:relative;top:-102%;left:-130%;width:12em;height:5.5em;border-radius:50px;background-image:linear-gradient(#171717,#171717,#353535,#353535,#171717);transform:rotate(-29deg);clip-path:polygon(50% 0%,49% 100%,52% 100%)}.a1d{position:relative;top:-211%;left:-35%;transform:rotate(45deg);width:.5em;height:.5em;border-radius:50%;border:2px solid black;background-color:#979797;z-index:99}.a2{position:relative;top:-210%;left:-10%;width:12em;height:4em;border-radius:50px;background-color:#171717;background-image:linear-gradient(#171717,#171717,#353535,#353535,#171717);margin-right:5em;clip-path:polygon(47% 0,47% 0,34% 34%,54% 25%,32% 100%,29% 96%,49% 32%,30% 38%);transform:rotate(-8deg)}.a2d{position:relative;top:-294%;left:94%;width:.5em;height:.5em;border-radius:50%;border:2px solid black;background-color:#979797;z-index:99}.notfound_text{background-color:#000;padding-left:.3em;padding-right:.3em;font-size:.75em;color:#fff;letter-spacing:0;border-radius:5px;z-index:10}.tv{width:17em;height:9em;margin-top:3em;border-radius:15px;background-color:#d36604;display:flex;justify-content:center;border:2px solid #1d0e01;box-shadow:inset .2em .2em #e69635}.tv:after{content:"";position:absolute;width:17em;height:9em;border-radius:15px;background:repeating-radial-gradient(#d36604 0,#d36604,#00000070,#00000070 .0002%) 50% 0/2500px 2500px,repeating-conic-gradient(#d36604 0,#d36604 .0001%,#00000070 0,#00000070 .0002%) 60% 60%/2500px 2500px;background-blend-mode:difference;opacity:.09}.curve_svg{position:absolute;margin-top:.25em;margin-left:-.25em;height:12px;width:12px}.display_div{display:flex;align-items:center;align-self:center;justify-content:center;border-radius:15px;box-shadow:3.5px 3.5px #e69635}.screen_out{width:auto;height:auto;border-radius:10px}.screen_out1{width:11em;height:7.75em;display:flex;align-items:center;justify-content:center;border-radius:10px}.screen{width:13em;height:7.85em;font-family:Montserrat;border:2px solid #1d0e01;background:repeating-radial-gradient(#000 0,#000,#fff,#fff .0002%) 50% 0/2500px 2500px,repeating-conic-gradient(#000 0,#000 .0001%,#fff 0,#fff .0002%) 60% 60%/2500px 2500px;background-blend-mode:difference;animation:b .2s infinite alternate;border-radius:10px;z-index:99;display:flex;align-items:center;justify-content:center;font-weight:700;color:#252525;letter-spacing:.15em;text-align:center}@keyframes b{to{background-position:50% 0,60% 50%}}.lines{display:flex;column-gap:.1em;align-self:flex-end}.line1,.line3{width:2px;height:.5em;background-color:#000;border-radius:25px 25px 0 0;margin-top:.5em}.line2{flex-grow:1;width:2px;height:1em;background-color:#000;border-radius:25px 25px 0 0}.buttons_div{width:4.25em;align-self:center;height:8em;background-color:#e69635;border:2px solid #1d0e01;padding:.6em;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;row-gap:.75em;box-shadow:3px 3px #e69635}.b1{width:1.65em;height:1.65em;border-radius:50%;background-color:#7f5934;border:2px solid black;box-shadow:inset 2px 2px 1px #b49577,-2px 0 #513721,-2px 0 0 1px #000}.b1:before{content:"";position:absolute;margin-top:1em;margin-left:.5em;transform:rotate(47deg);border-radius:5px;width:.1em;height:.4em;background-color:#000}.b1:after{content:"";position:absolute;margin-top:.9em;margin-left:.8em;transform:rotate(47deg);border-radius:5px;width:.1em;height:.55em;background-color:#000}.b1 div{content:"";position:absolute;margin-top:-.1em;margin-left:.65em;transform:rotate(45deg);width:.15em;height:1.5em;background-color:#000}.b2{width:1.65em;height:1.65em;border-radius:50%;background-color:#7f5934;border:2px solid black;box-shadow:inset 2px 2px 1px #b49577,-2px 0 #513721,-2px 0 0 1px #000}.b2:before{content:"";position:absolute;margin-top:1.05em;margin-left:.8em;transform:rotate(-45deg);border-radius:5px;width:.15em;height:.4em;background-color:#000}.b2:after{content:"";position:absolute;margin-top:-.1em;margin-left:.65em;transform:rotate(-45deg);width:.15em;height:1.5em;background-color:#000}.speakers{display:flex;flex-direction:column;row-gap:.5em}.speakers .g1{display:flex;column-gap:.25em}.speakers .g1 .g11,.g12,.g13{width:.65em;height:.65em;border-radius:50%;background-color:#7f5934;border:2px solid black;box-shadow:inset 1.25px 1.25px 1px #b49577}.speakers .g{width:auto;height:2px;background-color:#171717}.bottom{width:100%;height:auto;display:flex;align-items:center;justify-content:center;column-gap:8.7em}.base1,.base2{height:1em;width:2em;border:2px solid #171717;background-color:#4d4d4d;margin-top:-.15em;z-index:-1}.base3{position:absolute;height:.15em;width:17.5em;background-color:#171717;margin-top:.8em}.text_404{position:absolute;display:flex;flex-direction:row;column-gap:6em;z-index:-5;margin-bottom:2em;align-items:center;justify-content:center;opacity:.5;font-family:Montserrat}.text_4041,.text_4042,.text_4043{transform:scaleY(24.5) scaleX(9);color:var(--color)}@font-face{font-family:rosiana-font;src:url(/assets/RosianaRegular-JRxEB-C-gOfZ4H.ttf);font-weight:400}@font-face{font-family:header-font;src:url(/assets/BespokeSerif-Extrabold-8VvTzq_I.otf);font-weight:400}@font-face{font-family:shiridhar-font;src:url(/assets/NeueMontreal-Regular-CxM6MvLr.otf);font-weight:400}@font-face{font-family:shiridhar-font-bold;src:url(/assets/NeueMontreal-Bold-sjQCZh1u.otf);font-weight:400}*{margin:0;padding:0;box-sizing:border-box;font-family:Lexend,sans-serif;scroll-behavior:smooth}html{font-size:62.5%}:root{--primary-background-color: #ffffff;--secondary-background-color: radial-gradient( 50% 50% at 50% 50%, rgba(82, 57, 233, .1) 0, rgba(147, 115, 238, 0) 100% );--card-primary-color: #ffffff;--card-secondary-color: transparent;--color: #101010;--headTextColor: #000000;--btn-text-color: #00abe1;--btn-bg-color: #00ace13a;--black-white: #ffffff;--responsive-sec-bg: linear-gradient(315deg, #d5fefd 0%, #fffcff 74%)}.darkMode{--primary-background-color: #0d0a1a;--secondary-background-color: radial-gradient( 50% 50% at 50% 50%, rgba(82, 57, 233, .1) 0, rgba(147, 115, 238, 0) 100% );--card-primary-color: linear-gradient( 117.75deg, rgba(59, 51, 102, 0) 32.76%, rgba(59, 51, 102, .5) 100% ), linear-gradient( 117.75deg, rgba(59, 51, 102, .5) 0%, rgba(36, 36, 77, 0) 67.24%, rgba(43, 36, 77, 0) 67.24% );--card-secondary-color: rgba(17, 14, 36, .8);--color: hsla(249, 100%, 96%, .9);--headTextColor: rgb(250 205 61);--btn-text-color: #facd3d;--btn-bg-color: #facd3d2e;--black-white: #101010;--responsive-sec-bg: radial-gradient( 50% 50% at 50% 50%, rgba(82, 57, 233, .1) 0, rgba(147, 115, 238, 0) 100% )}@media (max-width: 1000px){html{font-size:55%}body{-webkit-tap-highlight-color:transparent}#headerId .headContainer .image .clients{left:14rem}#headerId .headContainer .image .projectss{right:1rem}#hiddeOnDesktop{display:none}#themes{border-top:.1rem solid #cccccc;border-bottom:.1rem solid #cccccc}nav .otherSec form{background:transparent}nav .otherSec form button{color:var(--btn-text-color)}.otherSec .closeSearch{display:none}nav .otherSec{transition:.2s ease}.topMenuSecInfo{width:100%;flex-direction:column;justify-content:center;align-items:center}.hidden{display:inline-flex}.banner{margin:5rem 0rem;border-radius:0}nav #logo img{height:8rem;width:8rem;border-radius:50%}nav #logo .imageProfile{display:flex;justify-content:center;align-items:center}nav #logo .imageProfile .profileDe{margin-left:2rem}nav #logo .imageProfile .profileDe h1{font-size:2.5rem;color:#f7cd46}nav #logo .imageProfile .profileDe p{font-size:1.4rem;color:#fff}nav ul{position:fixed;height:90rem;background:var(--primary-background-color);top:0;display:flex;flex-direction:column;left:-100%;width:55rem;padding:1rem;z-index:99999;transition:.2s cubic-bezier(.65,.05,.44,.53) all;border-radius:0 0 3rem;justify-content:start}nav ul .sideMenuContainer{width:100%;overflow-y:scroll;height:auto}nav ul .sideMenuContainer::-webkit-scrollbar{display:none}section.BelowButton{padding:0;margin:3rem 0;width:100%}section.BelowButton ul{width:95%;margin:auto}.blogs{padding:1rem}.blogs p{width:90%}nav .otherSec .menu h1{font-size:5rem;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:1rem;border-radius:1rem;color:var(--color)}#headerId .headContainer img{height:40rem;margin-left:9rem}#headerId .headContainer .image .clients{left:9rem}nav .otherSec form{justify-content:space-between;position:relative;height:6rem;width:31rem;transition:.2s ease}nav ul li span{background:var(--btn-bg-color);color:var(--btn-text-color);height:4rem;width:4rem;margin-right:1rem;display:flex;justify-content:center;align-items:center;font-size:2rem;border-radius:1rem}nav .otherSec form input{padding:1.2rem 0 1.2rem 2rem}section.projects .projectCards .card .project-card-items{background:transparent;border-radius:0;height:100%;width:100%;padding:.5rem;color:var(--color)}.expertise .mainContent .contentCard{flex:0 0 18rem}.items{flex:0 0 30rem}.BlogContainer::-webkit-scrollbar{display:none}#DropDown{overflow-x:hidden;overflow-y:scroll;display:flex;position:relative;top:0;left:0;margin-bottom:1.5rem;background:transparent;border-radius:0;box-shadow:none;height:auto;padding:1rem;border:none;transform:scale(1)!important}#DropDown::-webkit-scrollbar{display:none}#DropDown li{height:auto;color:var(--color);font-size:2rem;margin:.5rem 0rem;padding:.8rem}nav ul .topMenuSecInfo .more{font-size:1.7rem;padding:1rem;margin-bottom:1rem;width:100%;border-top:.1rem solid #445;border-bottom:.1rem solid #445;color:var(--color)}.cardsSecParent{grid-template-columns:repeat(3,1fr)}#DropDown li span{height:4rem;width:4rem;font-size:2rem;background-color:var(--btn-bg-color);color:var(--btn-text-color)}nav ul .topMenuSecInfo .more h3{display:flex;justify-content:left;align-items:center}nav ul .topMenuSecInfo .more h3 span{display:flex;justify-content:center;align-items:center;margin-right:1rem}#contact{display:none}#contactMobile{width:100%!important;border-radius:3rem;height:5rem;display:flex;justify-content:center;align-items:center;margin:0 auto}#AuthIco{width:96%;height:6rem;font-size:2rem;background:linear-gradient(135deg,#6b73ff 10%,#000dff);display:flex;justify-content:center;align-items:center;border-radius:2.5rem;margin:0}section.freeCode .codeSection{grid-template-columns:repeat(3,1fr);margin:1rem 0}#moreItem{display:none}#logo{width:100%;display:flex;justify-content:space-between;align-items:center;height:12rem}#logo .cancel h2{font-size:5rem;display:flex;justify-content:center;align-items:center;margin-right:1rem;color:#445}nav ul li{font-size:2rem;width:100%;padding:.8rem;justify-content:flex-start;margin:.5rem}section.projects .titleHead h3{font-size:1.9rem;margin:0}section.projects .titleHead{margin-top:8rem}section.projects .projectCards .card{background-color:transparent;border-radius:0;margin:2rem 0}section.projects .projectCards .card .buttons{margin:1rem 0 0;padding:1rem 0 0 .5rem}section.projects .projectCards img{border-radius:2rem}section.projects .projectCards{padding:0;grid-template-columns:repeat(1,1fr)}.showMore button{border-radius:3rem;width:20rem;font-size:2rem;height:5rem}section.projects .projectCards .card .techUsed ul li{font-size:2.5rem;margin:1rem .2rem .2rem}section.projects .projectCards .card .buttons button{font-size:2rem;background:transparent;border-radius:5rem;height:auto;margin:1rem;color:var(--color)}section.expertise{margin:0}section.BelowButton li span{display:none}section.BelowButton li{width:100%;margin:0 .5rem}section.projects p{width:95%;text-align:center;margin-left:1rem}section.projects .projectCards .card .details h2{font-size:2rem}#footerId .topSection{align-items:flex-start;flex-direction:column}#footerId .topSection .topLogo{background:#060606;width:100%;display:flex;justify-content:center;align-items:center;border-radius:3rem}#footerId .topSection .flex-disp-footer{width:100%;margin-top:1rem}#footerId .fourthSection{padding:0;margin-top:3rem}}@media (max-width: 860px){nav.navbar,nav.navbar-scrolled{position:relative}#headerId .headContainer{flex-direction:column;justify-content:center}#headerId .headContainer .text{width:100%}#headerId{padding:0}#headerId .headContainer img{margin:0}#headerId .headContainer .image .projectss{right:9rem}#headerId .headContainer .image .clients{left:9rem}#headerId .headContainer .image{margin-top:6rem;margin-bottom:0rem}#headerId .headContainer .image h1.shadow{right:27rem}#headerId .headContainer .image .starss{right:32rem}section.protfolio .photo .glowEffect{height:15rem;width:15rem}section.blogs .blogContainer{display:grid;grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;height:65rem;width:100%}section.blogs .blogContainer .blogCards:last-child{background-color:#9d6be5;grid-row-start:3;grid-column-start:1;grid-row-end:4;grid-column-end:4}section.blogs .blogContainer .blogCards:first-child{background-color:#687f97;grid-row-start:1;grid-column-start:1;grid-row-end:3;grid-column-end:3}section.blogs .blogContainer .blogCards:last-child .details h2,section.blogs .blogContainer .blogCards:first-child .details h2{font-size:2rem}section.indBlog .blogContainer{width:95%}section.indBlog .blogContainer h2{font-size:2rem}section.responsiveness{flex-direction:column;width:100%;padding:5rem 0rem}section.responsiveness .description{width:95%;padding-top:0;padding-bottom:0;margin:auto}section.responsiveness .images{margin:auto}section.responsiveness .description p{width:100%}}@media (max-width: 460px){#headerId .headContainer img{height:30rem}#headerId .headContainer .image .clients{width:12rem}#headerId .headContainer .image .clients img,#headerId .headContainer .image .clients h2{height:2rem;width:2rem}#headerId .headContainer .image .clients{top:10rem;left:13rem}#headerId .headContainer .image .clients p{margin-top:1rem;font-size:.9rem}#headerId .headContainer .image h1.shadow{box-shadow:0 0 144px 40px var(--btn-text-color);height:4rem;width:4rem;top:17rem}#headerId .headContainer .image .projectss{right:10rem;top:13rem}#headerId{padding:0}#headerId .headContainer .image .starss{top:25rem;right:25rem}}@media (max-width: 722px){nav ul{height:100vh}section.protfolio .gallery{flex-direction:column-reverse}section.protfolio .left{width:100%}section.protfolio .detailsWrapper{margin:auto;width:90%}section.protfolio .cssbuttons-io-button{font-size:1.5rem}.pin-spacer{display:none!important}section.protfolio .details{height:auto;margin:10rem 0}section.projects .projectCards-loader .card-loader .project-card-items-loader .image-loader{border-radius:1rem}section.service .servicesContainer{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}section.service .servicesContainer .primaryCard{width:100%;height:20rem;margin:0}#footerId .topSection .topLogo img{margin:0}#footerId .topSection .topLogo{background:transparent;margin:2rem 0}section.protfolio .portfolioContainer{grid-template-columns:repeat(2,1fr)}section.protfolio .portfolioContainer .cards button{width:auto}#lowOpacityText{font-size:8rem}section.service .servicesContainer .cards lord-icon{width:10rem!important;height:10rem!important}section.profileSec .mainProfileSection{flex-direction:column}section.profileSec .mainProfileSection .profile-first{width:95%;margin-bottom:1rem}.likeBtnImg{border-radius:1rem}section.profileSec .mainProfileSection .profile-first .cardSec{width:100%;height:50rem;padding:3rem 0}.suggestionCard{padding:1rem 0;background:transparent}.profile-second .suggestions{background:transparent}.suggestionCard{margin-top:1rem}section.profileSec .mainProfileSection .profile-second{width:95%}section.projects .projectCards img{border-radius:.5rem}section.projects .projectCards .card .buttons .container{font-size:2.3rem}.cardsSecParent{grid-template-columns:repeat(2,1fr);margin:2rem 0}#animationText{font-size:7rem}section.aboutSection .about-header{height:65rem;width:100%;position:relative}.bannerNumber .itms .number h2{font-size:2rem;height:4rem;width:4rem}.bannerNumber .itms .number h3{font-size:1.5rem}.bannerNumber .itms .number h1{font-size:2.8rem;color:var(--btn-text-color)}section.aboutme .aboutContainer .flexOne .social{flex-wrap:nowrap}.mailContent h2,.mailContent h4{color:var(--color)}.blogHead .content{width:95%}.allBlogsSec{padding:1rem .5rem}.cardsSecParent .cards{box-shadow:none;background:transparent}.cardsSecParent .cards{margin:0}.cardsSecParent .cards img{border-radius:1rem}.blogHead .content h1,.blogHead .content p{width:100%}.mailImage{display:none}.mailContent{width:100%}.mailSection{width:100%;border-radius:6rem}.mailContent form button{height:5rem;border-radius:3rem}.mainServiceBox .cards-item h4{font-size:2rem}.mainServiceBox{padding:1rem 0;margin:3rem 0rem;width:100%}.banner{height:18rem}.secComment .sendSec form{width:100%}.commentSec{height:90vh}section.freeCode .codeSection{display:grid;grid-template-columns:repeat(2,1fr);justify-content:center;align-items:center;margin:1rem 0}section.aboutme .aboutContainer{flex-direction:column;width:95%;margin:6rem 0 20rem}section.aboutme .aboutContainer .image{margin:9rem 0 0}section.aboutme .aboutContainer .image:before{right:0}section.aboutme .aboutContainer .image h1{top:20rem;right:35rem}section.aboutme .aboutContainer .flexOne .social h3{font-size:1.5rem;width:12rem;height:7rem;margin-right:3rem}section.aboutme .aboutContainer .image span.react{font-size:5rem}section.aboutme .aboutContainer .image span.html{font-size:5rem;top:10rem}section.aboutme .aboutContainer .image span.javascript{font-size:5rem}section.aboutme .aboutContainer .image span.nextjs{font-size:5rem}}@media (max-width: 580px){section.responsiveness .images{width:100%}.mailContent form,.mailSection .cardMail{background:transparent}nav ul{height:100vh;border-radius:0}section.aboutme .aboutContainer .image h1{right:20rem}nav.navbar,nav.navbar-scrolled{position:relative}#headerId .headContainer .image h1.shadow{right:19rem}#headerId .headContainer .text{margin:0;padding:0 1rem}#headerId .headContainer .text p{width:100%}#headerId .headContainer .text h1{width:100%!important;display:flex;flex-direction:column;font-size:2rem}#headerId .headContainer .buttons button{height:5rem}#headerId .headContainer .image{width:100%}#headerId .headContainer .image .clients{left:5rem}#headerId .headContainer .image .projectss{right:3rem}#headerId{padding:0;height:auto}section.container .textHead h1{width:90%;font-size:2rem;line-height:1.8}#footerP{color:var(--black-white);width:90%;text-align:center;padding:2rem 0;line-height:1.5;opacity:.5}#headerId .headContainer .text h1 span{font-size:4rem}section.aboutme .aboutContainer .flexOne .social{flex-direction:column}section.aboutme .aboutContainer .flexOne .social h3{width:100%;height:8rem}section.aboutme .aboutContainer .flexOne .social h3 span{font-size:2rem}section.protfolio button.viewAllBtn{margin:5rem 0 0rem}section.protfolio .portfolioContainer .cards p{color:var(--color);font-size:1.4rem}section.protfolio .portfolioContainer .cards h2{font-size:2.4rem}section.protfolio .portfolioContainer{grid-template-columns:repeat(1,1fr)}.otherSec .closeSearch{display:none;color:var(--color);font-size:3rem;justify-content:center;align-items:center;margin-right:.5rem}#hiddenInMobile{display:none}#hiddeOnDesktop{display:flex}.cardsSecParent .cards button{width:70%;margin:2rem 1rem 1rem 0rem}nav .otherSec{width:75%}.aboutMainSec{padding:.5rem}section.searchSec{padding:.5rem}section.searchSec .headerTitle{margin:6rem 0 7rem}section.freeCode{padding:2rem 0}section.freeCode .codeSection .codeCard .secCodeCard{background-color:transparent}section.freeCode .codeSection .codeCard{background:transparent}section.freeCode .codeSection .codeCard{margin:0}section.freeCode .codeSection .codeCard .imageCode{border-radius:1.5rem}.btnsCode button{height:4.5rem}.freeCode h1{margin:1rem 2rem}.notfoundSection p{width:90%}#animationText{font-size:6rem}.bannerNumber{margin:0;border-radius:0;width:100%;top:-7rem}.bannerNumber .itms .number h1{font-size:2.8rem;color:#445}.blogTitleHead select{padding:1rem;border:none;border-radius:2.5rem;background:var(--btn-bg-color)}.secComment .sendSec form{width:100%}.postReviewSection{width:95%}.postReviewSection .chooseUser{height:5rem;display:flex;justify-content:space-between;align-items:center}.rating svg{width:3rem;height:4rem}#profile-img-select{height:9.5rem;width:9.5rem}.login .errorPopuo{font-size:1rem;width:90%}.postReviewSection ul li{font-size:1.5rem}.postReviewSection button{height:5rem}.postReviewSection h5{width:100%}#AuthIco{width:100%;height:5.5rem;font-size:2rem;display:flex;justify-content:center;align-items:center;border-radius:3rem;margin:0}section.projects p{font-size:1.5rem}nav ul{width:100%}#DropDown{padding:0;display:flex}nav .logo img{height:7rem;width:7rem}section.expertise .banner h1{font-size:2.5rem;text-align:center;margin:.5rem;color:#f7cd46}nav .otherSec form{margin-right:1rem}nav .otherSec form button{border-radius:0rem 3rem 3rem 0rem;display:flex;justify-content:center;align-items:center}nav .otherSec form input{padding:1.2rem 0 1.2rem 2rem;width:85%}nav .otherSec form{height:5.5rem;width:100%}nav.navbar{padding:2rem 1.5rem 1.5rem 1rem}section.mainMailSection{padding:1rem}.mailSection{width:100%;border-radius:6rem;padding:1rem;background:transparent}img#currentImage{height:8rem;width:8rem}.cardsSecParent .cards .sec-card{padding:1rem;height:100%;width:100%;background:transparent;border-radius:3rem}#prevImg,#nextImg{height:6.8rem;width:6.8rem}nav ul li{font-family:system-ui;font-weight:500}section.projects .titleHead h3{font-size:1.5rem}.blogTitleHead{margin:10rem 0rem 0}.indBlogDesc img{height:10rem;width:13rem;border-radius:1rem;margin-right:1rem}.indBlogDesc{margin:3rem 1rem;padding:2rem 1rem}.indBlogDetails h2{font-size:1.5rem;margin:.5rem 0 0}.indBlogDesc .indBlogDetails .profile img{width:2rem;height:2rem}.descriptionOfBlog h1{margin-bottom:1rem}.descriptionOfBlog{padding:2rem;margin-bottom:6rem}.services{padding:.5rem}.mainServiceBox .cards-item h4{font-size:1.7rem;text-align:center;padding:0;margin:2rem 0 0;display:flex;justify-content:center;align-items:center}.btn-view-all button.learn-more{margin-right:0}.services p{width:100%}.mainServiceBox .cards-item img{height:12rem;width:12rem}section.projects .projectCards .card .project-card-items{background:transparent}section.projects .projectCards .card{background:transparent;margin:2rem 0}#footerId .topSection .flex-disp-footer{width:100%;margin-top:1rem;display:grid;grid-template-columns:repeat(2,1fr)}.mainSectiontestimonial .testimonial-card q{width:85%}.imageTestimonial{width:90%}.mainSectiontestimonial .testimonial-card img#currentImage{height:9rem;width:9rem;margin:0 2rem}.mainServiceBox .cards-item{height:21rem;flex-direction:column;justify-content:center;align-items:center}section.projects .projectCards .card .buttons button span.projectIco{font-size:2.5rem}section.projects .projectCards img{border-radius:1rem}section.projects .projectCards .card .buttons button{font-size:2rem;display:flex;justify-content:center;align-items:center;margin:1rem 1.5rem 0 1rem}section.projects{padding:1rem 0;margin:5rem 0}section.projects .projectCards .card .details{padding:0rem 1rem 0}section.projects .projectCards .card .buttons{margin:0}#blogStatus{width:9rem}.banner h1{font-size:2rem;margin:.5rem}.banner h1{font-size:2.5rem;margin:.5rem}.banner h3{font-weight:400;font-size:1.3rem;text-align:center;width:100%;margin-bottom:3rem}section.blogs .blogContainer .blogCards:last-child .details h2,section.blogs .blogContainer .blogCards:first-child .details h2{font-size:1.5rem;width:90%}section.blogs .blogContainer .blogCards .details h2{color:#fff;font-size:1.1rem;width:90%}section.blogs .blogContainer .blogCards .details button{padding:.5rem 1rem .5rem 1.5rem;margin-top:1rem;border:none;border-radius:1rem;display:flex;justify-content:center;align-items:center;height:3.5rem;width:11rem;cursor:pointer;color:#fff;font-size:1.2rem}section.protfolio .details .icons{flex-wrap:wrap}section.protfolio .details .icons h4{margin:.5rem}}@media (max-width: 340px){section.login,section.signup{background:transparent;padding:0}section.login .mainLoginCard,section.signup .mainSignupCard{background-color:transparent;width:100%}.mainSignupCard form button,.mainSignupCard form p,.mainSignupCard form input,.mainSignupCard form label{width:100%}section.verify .mainVerifyCard{width:100%;background:transparent}section.verify{background:transparent;padding:0;height:60rem}nav ul .topMenuSecInfo .more{font-size:1.7rem;padding:.5rem}nav ul li span{height:2rem;width:2rem;font-size:1.1rem;border-radius:.5rem}nav .otherSec form{height:5rem;width:19rem}#DropDown li span{height:2rem;width:2rem;font-size:1.1rem;border-radius:.5rem}#DropDown li,nav ul li{font-size:1.5rem;margin-left:0}#logo .cancel h2{font-size:5rem}nav #logo img{height:6rem}nav ul .topMenuSecInfo .more h3{font-weight:400;font-size:1.7rem}#AuthIco{height:4rem;font-size:1.5rem;border-radius:1rem}#footerId .topSection .flex-disp-footer{width:100%;margin-top:1rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}#footerId .topSection{padding:0}}