@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap);:root{--primary-color:#8200a9;--secondary-color:#9a30e5;--text-dark:#0e0d16;--text-light:#767268;--extra-light:#f7f8fd;--white:#fff;--max-width:1200px}*{box-sizing:border-box;margin:0;padding:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn 1s ease-in forwards;opacity:0}.text-gradient-switch{-webkit-text-fill-color:#0000;animation:gradientSwitch 3s infinite alternate;background:linear-gradient(90deg,#fff,purple);-webkit-background-clip:text;background-size:200%}@keyframes gradientSwitch{0%{background:linear-gradient(90deg,#fff,#fa0637)}50%{background:linear-gradient(90deg,#fe0335,#fff)}to{background:linear-gradient(90deg,#fff,#ff0436)}}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff 20%,purple);-webkit-background-clip:text}.play-icon{animation:flipScale 1.5s ease-in-out infinite;color:purple}@keyframes flipScale{0%{color:#8200a9;color:var(--primary-color);transform:scale(1)}50%{color:#fff;transform:scale(.9)}to{color:purple;transform:scale(1)}}.btn{background-color:#8200a9;background-color:var(--primary-color);border:none;color:var(--white);cursor:pointer;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:500;outline:none;padding:.75rem 1.5rem;transition:.3s;white-space:nowrap}.btn:hover{box-shadow:0 5px 20px #0003}img{display:flex;width:100%}a{text-decoration:none;transition:.3s}ul{list-style:none}body,html{scroll-behavior:smooth}body{font-family:Montserrat,sans-serif}nav{isolation:isolate;position:fixed;width:100%;z-index:9}#live{color:#fff}.nav__header{align-items:center;background-color:#8200a9;background-color:var(--primary-color);display:flex;justify-content:space-between;padding:1rem;width:100%}.nav__logo a{font-size:1.25rem;font-weight:800;line-height:1.5rem}.nav__logo a,.nav__menu__btn{color:#fff;color:var(--white)}.nav__menu__btn{cursor:pointer;font-size:1.5rem}.nav__links{align-items:center;background-color:#8200a9;background-color:var(--primary-color);bottom:0;display:flex;flex-direction:column;gap:2rem;justify-content:center;left:0;padding:2rem;position:absolute;transition:transform .5s;width:100%;z-index:-1}.nav__links.open{transform:translateY(100%)}.nav__links a{color:#fff;color:var(--white);font-size:1rem;font-weight:500;white-space:nowrap}.nav__btns{display:none}.section__container{margin:auto;max-width:1200px;max-width:var(--max-width);padding:5rem 1rem}.section__header{color:#0e0d16;color:var(--text-dark);font-size:2.5rem;font-weight:800;text-align:center}.section__description{color:#767268;color:var(--text-light);font-size:1rem;font-weight:500;line-height:1.5rem;text-align:center}.header__container{grid-gap:2rem;display:grid;gap:2rem;overflow:hidden}.header__image img{margin-inline:auto;max-width:550px}.header__content h1{color:#0e0d16;color:var(--text-dark);font-size:4rem;font-weight:800;line-height:4.75rem;margin-bottom:1rem;text-align:center}.header__content h1 span{color:#9a30e5;color:var(--secondary-color)}.header__btns{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:2rem}.header__btns a{color:#0e0d16;color:var(--text-dark);font-size:1rem;font-weight:500}.header__btns a span{align-items:center;aspect-ratio:1;border:2px solid #0e0d16;border:2px solid var(--text-dark);border-radius:100%;display:inline-flex;font-size:1.25rem;justify-content:center;margin-right:.5rem;width:2.5rem}.service{background-color:#f7f8fd;background-color:var(--extra-light)}.service__container.section__header{margin-inline:auto;max-width:750px}.service__grid{grid-gap:1rem;display:grid;gap:1rem;margin-block:4rem}.service__card{background-color:#fff;background-color:var(--white);border-bottom:2px solid #0000;border-radius:.75rem;padding:1rem;transition:.3s}.service__card:hover{box-shadow:0 5px 30px #0000001a}.service__card:first-child:hover{border-color:#00d5be}.service__card:nth-child(2):hover{border-color:#ff637e}.service__card:nth-child(3):hover{border-color:#c27aff}.service__card:nth-child(4):hover{border-color:#00bcff}.service__card div{border-radius:5px;font-size:1.75rem;margin-bottom:1rem;max-width:-webkit-max-content;max-width:max-content;padding:5px 8px}.service__card:first-child div{background-color:#f0fdfa;color:#00d5be}.service__card:nth-child(2) div{background-color:#fff1f2;color:#ff637e}.service__card:nth-child(3) div{background-color:#faf5ff;color:#c27aff}.service__card:nth-child(4) div{background-color:#f0f9ff;color:#00bcff}.service__card h4{color:#0e0d16;color:var(--text-dark);font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.service__card .section__description{text-align:left}.service__btn{display:flex;justify-content:center}.about__container{grid-gap:2rem;display:grid;gap:2rem}.about__image img{margin-inline:auto;max-width:450px}.about__content .section__header{margin-bottom:2rem;text-align:left}.about__list{grid-gap:2rem;display:grid;gap:2rem}.about__list li{align-items:flex-start;display:flex;gap:1rem}.about__list li span{border-radius:5px;font-size:1.75rem;max-width:-webkit-max-content;max-width:max-content;padding:5px 8px}.about__list li:first-child span{background-color:#f0fdfa;color:#00d5be}.about__list li:nth-child(2) span{background-color:#fff1f2;color:#ff637e}.about__list li:nth-child(3) span{background-color:#faf5ff;color:#c27aff}.about__list h4{color:#0e0d16;color:var(--text-dark);font-size:1.125rem;font-weight:700;margin-bottom:.5rem}.about__list .section__description{text-align:left}.portfolio{background-color:#f7f8fd;background-color:var(--extra-light);overflow:hidden}.portfolio__header{grid-gap:2rem;display:grid;gap:2rem;margin-bottom:4rem}.portfolio__image{isolation:isolate;position:relative}.portfolio__image__content{align-items:center;background-color:#9a30e5;background-color:var(--secondary-color);border-radius:.25rem;display:flex;padding-block:1.5rem;position:absolute;right:2rem;top:0;transform:translateY(-50%);z-index:1}.portfolio__image__content div{align-items:center;display:flex;gap:1rem;padding-inline:1.5rem}.portfolio__image__content div:first-child{border-right:1px solid #f7f8fd;border-right:1px solid var(--extra-light)}.portfolio__image img{border-radius:.5rem}.portfolio__image__content h4{color:#fff;color:var(--white);font-size:2rem;font-weight:700}.portfolio__image__content p{color:#f7f8fd;color:var(--extra-light);font-size:.9rem}.portfolio__content,.portfolio__list{grid-gap:2rem;display:grid;gap:2rem}.portfolio__list li{align-items:flex-start;display:flex;gap:1rem}.portfolio__list li span{aspect-ratio:1;background-color:#9a30e5;background-color:var(--secondary-color);border-radius:.25rem;color:#fff;color:var(--white);display:grid;font-size:1.2rem;font-weight:600;place-content:center;width:5rem}.portfolio__list h4{color:#0e0d16;color:var(--text-dark);font-size:1.125rem;font-weight:700;margin-bottom:.5rem}.portfolio__list .section__description{text-align:left}.feedback__container{padding-bottom:3rem}.swiper{padding-block:4rem 2rem;width:100%}.swiper-slide{min-width:375px}.feedback__card{border:1px solid #0000001a;border-radius:.5rem;padding:1.5rem 1rem;transition:.3s}.feedback__card:hover{box-shadow:0 5px 20px #0003}.feedback__card .section__description{text-align:left}.feedback__details{align-items:center;border-top:1px solid #0000001a;display:flex;gap:1rem;justify-content:space-between;margin-top:1rem;padding-top:1rem}.feedback__user{align-items:center;display:flex;gap:10px}.feedback__user img{border-radius:100%;box-shadow:0 5px 20px #0000001a;max-width:50px}.feedback__user h4{color:#0e0d16;color:var(--text-dark);font-size:1.125rem;font-weight:700;margin-bottom:.25rem}.feedback__user h5{color:#767268;color:var(--text-light);font-size:.9rem;font-weight:500}.feedback__rating{align-items:center;display:flex;gap:.25rem}.feedback__rating span{color:#daa520;font-size:1rem}.subscribe__content{background-color:#9a30e5;background-color:var(--secondary-color);border-radius:1rem;box-shadow:0 5px 20px #0000001a;padding:5rem 1rem}.subscribe__content .section__header{color:#fff;color:var(--white);margin-bottom:2rem;margin-inline:auto;max-width:750px}.subscribe__content form{align-items:center;background-color:#fff;background-color:var(--white);border-radius:.5rem;display:flex;margin-inline:auto;max-width:600px;padding:.25rem;width:100%}.subscribe__content input{border:none;color:#0e0d16;color:var(--text-dark);font-size:1rem;outline:none;padding-inline:1rem;width:100%}.footer__container{grid-gap:4rem 2rem;display:grid;gap:4rem 2rem}.footer__logo{margin-bottom:2rem}.footer__logo a{color:#0e0d16;color:var(--text-dark);font-size:1.25rem;font-weight:800}.footer__logo a span{color:#9a30e5;color:var(--secondary-color)}.footer__col .section__description{margin-bottom:2rem;text-align:left}.footer__col h3{color:#0e0d16;color:var(--text-dark);font-size:1.2rem;font-weight:700;margin-bottom:1rem}.footer__socials{align-items:center;display:flex;gap:.5rem}.footer__socials a{border:1px solid #9a30e5;border:1px solid var(--secondary-color);border-radius:100%;color:#9a30e5;color:var(--secondary-color);font-size:1.125rem;padding:4px 6px}.footer__socials a:hover{background-color:#9a30e5;background-color:var(--secondary-color);color:#fff;color:var(--white)}.footer__col h4{color:#0e0d16;color:var(--text-dark);font-size:1.2rem;font-weight:700;margin-bottom:2rem}.footer__links{grid-gap:1rem;display:grid;gap:1rem}.footer__links a{color:#767268;color:var(--text-light);font-size:1rem;font-weight:500}.footer__links a span,.footer__links a:hover{color:#9a30e5;color:var(--secondary-color)}.footer__links a span{font-size:1.2rem;margin-right:.5rem}.footer__bar{color:#767268;color:var(--text-light);font-size:1rem;font-weight:500;padding:1rem;text-align:center}@media (min-width:541px){.footer__container,.service__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:769px){nav{align-items:center;border-bottom:2px solid #f7f8fd;border-bottom:2px solid var(--extra-light);display:flex;gap:1rem;justify-content:space-between;margin-inline:auto;max-width:1200px;max-width:var(--max-width);padding:1rem;position:static}.nav__header{background-color:initial;flex:1 1;padding:0}.nav__logo a{color:#0e0d16;color:var(--text-dark)}.nav__logo a span{color:#9a30e5;color:var(--secondary-color)}.nav__menu__btn{display:none}.nav__links{background-color:initial;flex-direction:row;padding:0;position:static;transform:none!important;width:-webkit-fit-content;width:fit-content}.nav__links a{color:#767268;color:var(--text-light)}.nav__links a:hover{color:#8200a9;color:var(--primary-color)}.nav__btns{display:flex;flex:1 1;justify-content:flex-end}.header__container{align-items:center;gap:0;grid-template-columns:repeat(2,1fr);padding-top:2rem}.header__image{grid-area:1/2/2/3}.header__content :is(h1,.section__description){text-align:left}.header__btns{justify-content:flex-start}.service__grid{grid-template-columns:repeat(4,1fr)}.about__container{align-items:center}.about__container,.portfolio__header{grid-template-columns:repeat(2,1fr)}.portfolio__header :is(.section__header,.section__description){text-align:left}.portfolio__content{align-items:center;grid-template-columns:repeat(2,1fr)}.portfolio__image{grid-area:1/2/2/3}.footer__container{grid-template-columns:repeat(5,1fr)}.footer__col:first-child{grid-column:1/3;max-width:350px}}@media (min-width:1025px){.service__grid{gap:1.5rem}.feedback__card{padding:2rem 1.5rem}}#home{background:linear-gradient(90deg,purple,#000)}.buy-coffee{text-decoration:none}.section1{background:linear-gradient(#000,#fff),url(https://i.pinimg.com/736x/a7/64/45/a7644524e486b6641d08c1639ea99a01.jpg);background-blend-mode:multiply;background-size:cover;bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:3}.txt{-webkit-text-fill-color:#fff0;animation:animate 3s linear infinite;background:linear-gradient(90deg,#fff 10%,#4d4d4d 20%);-webkit-background-clip:text;background-repeat:no-repeat;background-size:80%;font-family:sans-serif;font-size:3rem;letter-spacing:4px;overflow:hidden;position:relative;text-align:center}@keyframes animate{0%{background-position:-500%}to{background-position:500%}}.motor-name{margin-top:40%}.continue-btn{margin-left:30%;margin-top:95%;width:40%}.continue-btn button{background-color:initial;border:2px solid #fff;color:#fff;cursor:pointer;font-size:1rem;height:40px;padding:10px 2px;width:100%}.section2{display:none;position:absolute}.section2,.section2-active{background:#00000080;bottom:0;grid-template-columns:repeat(2,1fr);height:100%;left:0;right:0;top:0;width:100%;z-index:2}.section2-active{align-content:center;display:flex;display:grid;justify-content:center;position:fixed}.section2 img{display:none;height:100%;width:100%}.section2-active img{display:block;height:100%;width:100%}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.image{animation:fadeOut 1s ease-out forwards}.image:first-child{animation-delay:5s}.image:nth-child(2){animation-delay:7s}.image:nth-child(3){animation-delay:9s}.image:nth-child(4){animation-delay:11s}.loader{display:flex;justify-content:space-between;margin-left:60%;margin-top:80%;width:100px}.dot{animation:bounce 1.5s ease-in-out infinite;background-color:#651b1b;border-radius:50%;height:20px;width:20px}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}.dot:nth-child(4){animation-delay:.6s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media(min-width:768px){.section1,.section2{display:none}.section2-active{background:#00000080;bottom:0;display:grid;height:100vh;left:0;place-items:center;position:fixed;right:0;top:0;width:100%;z-index:2}}.header__container h1{animation:loader 1s ease-in-out}@keyframes gunshot{0%{transform:translateX(0)}20%{transform:translateX(10px)}40%{transform:translateX(-5px)}60%{transform:translateX(3px)}80%{transform:translateX(-2px)}to{transform:translateX(0)}}.fa-arrow-right{animation:gunshot 1s ease-out infinite;padding-left:10px}.contact{background-image:linear-gradient(#00000080,#00000080),url(https://images.unsplash.com/photo-1487017159836-4e23ece2e4cf?q=80&w=871&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-position:50%;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;margin-top:20px;padding:125px 0;width:100%}.contact h1{color:#fff;text-align:center}.contactcontanner{align-items:center;box-sizing:border-box;display:flex;margin:0 auto;width:70%}.contactcontanner .contanner{width:30%}.contactcontanner .contanner .heading{align-items:center;border:2px solid #fff;box-shadow:0 4px 8px #00000012;display:flex;margin-bottom:8px;width:100%}.heading .icon{color:var(--primary-color);font-size:20px;padding:0 0 0 20px}.heading .info{color:#fff;margin:25px auto;width:70%}.heading .info #contactinfo{color:#ffffffb3;font-size:small;font-weight:500}#contactinfo a{border:none;color:#ffffffb3;font-size:small;text-decoration:none}.messageform{background-color:#0003;box-shadow:0 4px 8px #00000012;box-sizing:border-box;margin-left:20px;width:70%}.messageform .form{margin:50px auto;width:80%}.messageform #inputbox,.messageform input{background-color:initial;border:2px solid #fff;box-sizing:border-box;color:#fff;margin-top:10px;outline:none;padding:10px;width:100%}.messageform button{background:linear-gradient(to right,#0000 50%,var(--primary-color) 50%);background-position:0;background-size:200%;border:2px solid #fff;color:#fff;cursor:pointer;font-size:14px;letter-spacing:1px;margin-top:20px;padding:10px 50px;transition:.3s}.messageform button:hover{background-position:100%}.footer{background-color:gray}.info p{color:var(--primary-color)}.error{color:#ef3939}@media (max-width:899px){.header__content h1{color:#fff;font-size:large}#messageform .form{margin:50px auto;width:90%}.form input::placeholder{color:#fff;text-transform:uppercase}#contactcontanner{align-items:center;box-sizing:border-box;display:flex;margin:0 auto;width:90%}#contactcontanner .contanner{width:100%}.link a:not(.nav__btn){display:none}#message-subform,#messageform{width:100%}.container{grid-template-columns:repeat(1,1fr)}.content__container{text-align:center}.content__container .form{margin-left:auto;margin-right:auto}.image__container{grid-area:1/1/2/2}.image__container img{transform:translateY(0)!important}.form input{width:100%}}::placeholder{color:#fff}@media (max-width:768px){iframe{height:auto;min-height:500px}.contactcontanner{align-items:center;flex-direction:column}.contercontent{display:block}#messageform,.contact,.contactcontanner .contanner{width:100%}.contact{background-image:linear-gradient(#00000080,#00000080),url(https://i.pinimg.com/736x/a7/64/45/a7644524e486b6641d08c1639ea99a01.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;margin-top:20px;padding:125px 0}.heading{max-width:100%}.contact h1{font-size:28px}.contanner,.messageform{max-width:100%}.form-form input,.form-form textarea,button{font-size:14px}.custom-footer__container{align-items:center;flex-direction:column}.custom-footer__col{margin-bottom:20px;max-width:100%;text-align:center}.custom-footer__header{font-size:20px}.custom-footer__subheader{font-size:16px}.custom-footer__description{font-size:14px}.custom-subscribe__input{margin-bottom:10px;width:100%}.custom-btn{width:100%}#custom-footer{background-color:#000;height:auto}.hover-div:hover,.nav-link:hover+.hover-div{display:none}}#toast{align-items:center;background-color:purple;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;font-size:16px;gap:10px;padding:16px 24px;position:fixed;right:-100%;top:20px;transition:right .5s ease;z-index:1000}#toast.show{right:20px}.faq-body{color:#000;font-family:Arial,sans-serif;height:100vh;margin:0 0 1rem;padding:0}.faq-container{background-image:linear-gradient(#fff9,#80808099),url();background-repeat:no-repeat;background-size:cover;border-radius:8px;height:100%;margin:50px auto;max-width:1200px;padding:20px}@keyframes loader{0%{opacity:0}to{opacity:1}}.faq-container h1{color:#000;text-align:center}.faq-item{margin-bottom:20px}.question{cursor:pointer;font-weight:700;margin-bottom:10px}.answer{animation:loader 1s;margin-top:5px}.question:hover{color:grey}@media (max-width:767px){.faq-container h1{padding-bottom:10px}.video-section{height:auto}}@media(max-width:899px){.faq-body{height:100%;padding-top:3rem}.faq-container h1{color:var(--primary-color)}.faq-container p{color:#000;padding:1rem auto}.faq-container{background-image:linear-gradient(#fff9,#80808099),url(https://i.pinimg.com/736x/19/b3/0f/19b30ff21edf26c934e04324fe2c19e8.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;margin:0;text-align:center}.question,.question:hover{color:#000}}iframe{border:0}.contercontent{background-color:#f0f8ff;box-sizing:border-box;display:flex;width:100%}.counterbox{height:250px;width:100%}.contercontent .one{background-color:var(--primary-color)}.counterbox .information{align-items:center;display:flex;height:100%;margin:0 auto;padding-top:20px;width:50%}.information .number p{color:var(--primary-color);font-size:50px;padding-right:10px}.information .text p{color:#000000b3;font-size:20px;font-weight:400}.fa-magnifying-glass{color:red}#big-number,#big-text{color:#fff}@media(max-width:899px){.contercontent{display:block}}@keyframes moveUp{0%{transform:translateY(0)}to{transform:translateY(-30px)}}.about-section{align-items:center;display:flex;gap:40px;justify-content:center;padding:60px 10%}.about-image{animation:moveUp 1s ease forwards;flex:1 1;position:relative}.about-image img{border-radius:4px;display:block;max-width:280px;width:100%}.about-image:after{border:4px solid var(--primary-color);content:"";height:100%;left:20px;position:absolute;top:20px;width:100%;z-index:-1}.about-content{flex:2 1}.about-content h2{font-size:2rem;font-weight:700;margin-bottom:20px}.about-content p{color:#333;font-size:1rem;line-height:1.6;margin-bottom:20px}.about-content .btn{background:var(--primary-color);border-radius:4px;color:#fff;font-weight:700;padding:10px 20px;text-decoration:none;transition:background .3s}.about-content .btn:hover{background:#704a2f}@media (max-width:768px){.about-section{flex-direction:column;padding-top:120px;text-align:center}.about-image:after{display:none}}.fade-in2{animation:fadeIn 2s ease-in forwards;opacity:0}.fade-in3{animation:fadeIn 3s ease-in forwards;opacity:0}.testimonial__container{text-align:center}.swiper{margin-top:4rem;padding-bottom:4rem;width:90%}.testimonial__card{margin:auto;transform:translateX(-10px)}.testimonial__card2,.testimonial__card3{display:none;margin:auto;max-width:700px;transform:translateX(-10px)}.testimonial__card-active{animation:loaderParagraph1 3s;display:block;font-size:medium;margin:auto;max-width:700px;text-align:center;transform:translateX(-10px)}.testimonial__card img,.testimonial__card-active img{animation:loaderParagraph1 1s;border-radius:50%;box-shadow:5px 5px 20px #0003;height:160px;margin:auto auto 1rem;text-align:center;width:150px}.testimonial__card-active p{text-align:center}.testimonial__card p,.testimonial__card-active p{animation:loaderParagraph1 2s;color:var(--secondary-color-dark);margin-bottom:1rem}.testimonial__card p{font-family:Times New Roman,Times,serif;font-size:20px;font-weight:100}.testimonial__card-active h4{animation:loaderParagraph1 3s}.testimonial__card h4,.testimonial__card-active h4{color:var(--primary-color);font-size:1.2rem;font-weight:500}@keyframes toleft{0%{opacity:0;transform:translateX(50px)}50%{transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.activetestimonial{animation:toleft 1s forwards}.pagination{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:20px}.pagination button{background-color:#fff;border:2px solid var(--primary-color);color:var(--primary-color);cursor:pointer;height:30px;transition:background-color .3s ease,color .3s ease;width:30px}.pagination button.active,.pagination button:hover{background-color:var(--primary-color);color:#fff}.split-container{display:flex;height:80vh;margin:auto;width:90%}.loader-area{align-items:center;background:#f9f9f9;display:flex;flex:0 0 20%;flex-direction:column;gap:10px;justify-content:center}.dott{background:#aaa;border-radius:50%;height:12px;width:12px}.loader-area .active{background:purple}.image-area{align-items:center;box-shadow:0 4px 15px #6a0dad4d;display:flex;flex:1 1 80%;justify-content:center;overflow:hidden}.image-area img{border-radius:8px;height:100%;object-fit:cover;width:100%}@media (max-width:899px){.image-area img{height:auto;max-width:400px}.image-area,.image-area img{box-shadow:none;margin-top:1rem;padding-top:1rem}.image-area{align-items:center;display:flex;flex:1 1 80%;height:300px;justify-content:center}.split-container{display:flex;height:auto;margin:1rem auto auto;padding-top:1rem;width:90%}}.navlink-explore{color:#fff}.product-page{display:flex;gap:40px;padding:50px 2%}.product-left{display:flex;flex:2 1;gap:20px}.thumbnails{display:flex;flex-direction:column;gap:10px;max-height:350px;overflow-y:scroll;width:150px}.thumbnails-img{border:2px solid #0000;border-radius:6px}.thumbnails-active,.thumbnails-img{cursor:pointer;height:100px;object-fit:cover;padding-right:10px;transition:border .3s;width:100%}.thumbnails-active{border:2px solid #b00020;border-radius:6px}.thumbnails img:hover{border:2px solid #b00020}.main-image img{border-radius:8px;box-shadow:0 2px 6px #00000026;max-width:100%;width:1200px}.product-right{flex:1 1}.product-right h1{font-size:2rem;margin-bottom:20px}.product-right h2{color:#333;font-size:1.3rem;margin-bottom:10px}.product-right p{color:#444;font-size:.7rem;line-height:1.6;margin-bottom:20px}.btn{background:var(--primary-color);border-radius:5px;color:#fff;display:inline-block;font-weight:700;padding:12px 24px;text-decoration:none;transition:background .3s}.btn:hover{background:var(--secondary-color)}.web-btns{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(10,1fr);margin:1rem auto auto;width:90%}.web-btn{background-color:initial;border:1px solid var(--primary-color);border-radius:3px;color:var(--primary-color);cursor:pointer;padding:5px 10px;transition:forwards .5s ease-in-out;width:100%}.web-btn:hover{transform:scale(1.1)}.web-btn.active,.web-btn:hover{background-color:var(--secondary-color);color:#fff}#explore{color:#fff;text-decoration:none}@media (max-width:900px){.product-page{display:block}.product-left{align-items:center;flex-direction:column}.web-btns{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:2rem;width:90%}.web-btn{background-color:initial;border:1px solid var(--primary-color);border-radius:3px;color:var(--primary-color);cursor:pointer;padding:5px 10px;width:100%}.product-left{display:block;gap:20px;width:100%}.thumbnails{display:flex;flex-direction:row;gap:10px;margin-bottom:1rem;max-height:auto;overflow-x:scroll;width:100%}.thumbnails-img{border:2px solid #0000;border-radius:6px}.thumbnails-active,.thumbnails-img{cursor:pointer;height:100px;object-fit:cover;padding-right:10px;transition:border .3s;width:40%}.thumbnails-active{border:2px solid #b00020;border-radius:6px}.product-page{gap:40px;padding:3rem auto}.portfolioo{display:block;padding-top:120px}}.purple{color:var(--primary-color)}
/*# sourceMappingURL=main.6f69f53e.css.map*/