@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap";body{font-family:Arial,sans-serif}.navbar{z-index:10000;background:linear-gradient(to right,#127369,#10403b);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;height:5rem;position:fixed;width:100%}.nav-links{list-style:none;display:flex;flex-direction:column;gap:20px;position:fixed;top:68px;right:0;height:calc(100vh - 50px);background:#faf5f5;padding:20px;transform:translate(100%);transition:transform .3s ease-in-out;cursor:pointer}.nav-links a{color:#fff;text-decoration:none;transition:color .3s;font-family:Roboto,sans-serif}.nav-links-desktop li{list-style:none;margin:10px 30px;color:#fff;text-decoration:none;transition:color .3s;font-family:Roboto,sans-serif}.nav-links-desktop li a{color:#fff;text-decoration:none;position:relative;font-size:larger;font-family:Roboto,sans-serif}.nav-links-desktop li a:after{content:"";width:0;height:3px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%);background:#e7c777;transition:width .4s}.nav-links-desktop li a:hover:after{width:100%}.navbar{z-index:1000;background:linear-gradient(to right,#127369,#10403b);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;height:5rem}.logo img{width:90px;height:90px}.hamburger{display:none;flex-direction:column;cursor:pointer}.line{width:25px;height:3px;background-color:#fff;margin:3px;transition:transform .4s,opacity .4s}.nav-links{list-style:none;display:flex;flex-direction:column;gap:20px;position:fixed;top:5rem;right:0;height:calc(100vh - 50px);background:#114a44;padding:20px;transform:translate(100%);transition:transform .3s ease-in-out;cursor:pointer}.nav-links.active{transform:translate(0)}.nav-links a{color:#fff;text-decoration:none;transition:color .3s;font-family:signika}.nav-links a:hover{color:#c4db6f}.nav-links-desktop{text-align:right;justify-content:end}.nav-links-desktop a:hover{color:#c4db6f;transition:width .4s}.nav-links-desktop li{list-style:none;margin:10px 30px;font-family:signika}.nav-links-desktop li a{color:#fff;text-decoration:none;position:relative;font-size:larger;font-family:signika}.nav-links-desktop li a:after{content:"";width:0;height:3px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%);background:#c4db6f;transition:width .4s;color:#c4db6f}.nav-links-desktop li a:hover:after{width:100%;color:#c4db6f}@media (min-width: 769px){.nav-links-desktop{display:flex;gap:20px;list-style:none}}@media (max-width: 768px){.quote{margin-left:18rem;margin-top:-6rem;width:100vw;font-size:1.8rem}.round{margin-left:31rem}.semicircle{left:90%;top:20%;position:absolute;transform:translate(-50%,-50%)}.lap-img{margin-left:29rem}.one-r,.two-r{margin-left:23rem}.nav-links-desktop{display:none}.hamburger{display:flex}.nav-links.active{right:0;z-index:10}.hamburger.active .line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active .line:nth-child(2){opacity:0}.hamburger.active .line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}}.media{position:fixed}*{margin:0;padding:0;box-sizing:border-box}body{overflow-x:hidden;font-family:Arial,sans-serif;background-color:#d4ebe8}.round{margin-left:31rem}.semicircle{left:90%;top:20%;position:absolute;transform:translate(-50%,-50%)}.lap-img{margin-left:29rem}.arrow{width:15px;height:15px;border-bottom:2px solid #000;border-right:2px solid #000;transform:rotate(45deg);margin:-3px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.prime-text h1{font-size:60px;margin-bottom:40px;margin-top:21rem}.container-h{position:relative}.container-h .card{position:relative;width:320px;height:450px;background:#fff;border-radius:20px;overflow:hidden}.container-h .card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#8aa6a3,#10403b);clip-path:circle(150px at 80% 20%);transition:.5s ease-in-out}.container-h .card .imgBx{position:absolute;top:50%;transform:translateY(-50%);z-index:100;width:100%;height:220px;transition:.5s}.container-h .card .contentBx .color p{top:100px;font-size:12px;margin:70px 8px 0}.media{display:block}.wrapper2{height:10vh;position:relative;top:7rem;left:.8rem}.typing-demo{width:44ch;animation:typing 3s steps(22),blink .5s step-end infinite alternate;white-space:nowrap;overflow:hidden;border-right:3px solid;font-family:monospace;font-size:1.1em;-webkit-animation:typing 3s steps(22),blink .5s step-end infinite alternate}.heading-lefty h2,.heading-right h2{font-size:24px;font-family:"Exo 2"}.wrapper{height:auto;width:100%}.first-part{width:100%;height:auto}.media ul{list-style:none;position:fixed;right:20px;top:63%;padding:10px;z-index:1000}.media ul li{cursor:pointer;font-size:18px;margin:24px 0;transition:.3s}.media ul li:hover{transform:scale(1.8)}.semicircle{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);height:56.875rem;width:94.875rem;z-index:-2;border-radius:0 0 1150px 1150px;background:radial-gradient(#8aa6a3,#10403b);-webkit-border-radius:0 0 1150px 1150px;-moz-border-radius:0 0 1150px 1150px;-ms-border-radius:0 0 1150px 1150px;-o-border-radius:0 0 1150px 1150px}.homepage-content{width:100%}@media screen and (max-width: 576px){.semicircle{height:53.875rem;width:23.5rem;margin-left:0rem;border-radius:0 0 80% 80%}}.content{position:absolute;top:68%;left:50%;transform:translate(-50%)}.content h1{font-size:66px;margin:0;z-index:2;text-shadow:2px -1px 4px rgba(0,0,0,.5)}.content p{top:85%}.laptop-ele{position:absolute;top:49%;left:50%;transform:translate(-50%);z-index:-1}.laptop-ele img{animation:updown 2s ease-in-out alternate infinite}.lap-img{height:auto;width:5rem}.shatter-left,.shatter-left2,.shatter-right,.shatter-right2{position:absolute;animation-duration:1s;animation-fill-mode:forwards}.shatter-left{animation-name:move-left}.shatter-left2{animation-name:move-left2}.shatter-right{animation-name:move-right}.shatter-right2{animation-name:move-right2}@keyframes move-left{0%{left:50%;transform:translate(-50%)}to{left:15%;transform:translate(-50%)}}@keyframes move-left2{0%{left:50%;transform:translate(-50%)}to{left:5%;transform:translate(-50%)}}@keyframes move-right{0%{left:50%;transform:translate(-50%)}to{right:30%;transform:translate(-50%)}}@keyframes move-right2{0%{left:50%;transform:translate(-50%)}to{right:20%;transform:translate(-50%)}}.shatter-left img,.shatter-left2 img,.shatter-right img,.shatter-right2 img{height:25vh}.one-l,.one-r{position:absolute;top:50vh}.two-l,.two-r{position:absolute;top:70vh}.quote{position:absolute;top:30%;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center}body,html{margin:0;padding:0;font-family:Arial,sans-serif;height:100%}.arrow{width:15px;height:15px;border:solid #000;border-width:0 3px 3px 0;display:inline-block;padding:3px;transform:rotate(45deg)}.card-container{display:flex;flex-wrap:wrap;justify-content:center;position:relative}.card{margin:70px 10px 10px;border:1px solid #ddd;border-radius:8px;background-color:#fff;box-shadow:0 4px 8px #0000001a;transition:box-shadow .3s ease;width:350px}.card:hover{box-shadow:0 8px 16px #0003}.card img{width:100%;height:auto;border-radius:8px}.title{position:absolute;font-weight:600;bottom:-30px;left:50%;transform:translate(-50%);background-color:#c4db6f;padding:5px 10px;border-radius:8px;box-shadow:0 2px 4px #0000001a;white-space:nowrap}.homepage-content{width:100%;margin:0 auto;left:0;right:0;bottom:0;top:0}.subsequent-components{position:relative;top:60vh}.prime-text{text-align:center;margin-top:20vh}.prime-text h1{font-size:60px;margin-bottom:40px}.prime-text p{display:flex;justify-content:center;align-items:center;margin-top:30px;font-size:16px}.companies{margin-top:20vh;background:linear-gradient(to right,#8aa6a3,#10403b);height:17vh;display:flex;margin-bottom:20px;align-items:center}.companies img{width:51%;z-index:2}@keyframes updown{0%{top:-55px}to{top:-100px}}.slideshow-container{position:relative;width:80%;max-width:600px;left:42%;top:17rem}@media (max-width: 700px){.slideshow-container{position:relative;width:75%;max-width:600px;left:23%;top:17rem}}.slide{display:none;position:absolute;width:100%;height:100%}.image{width:15rem;height:19rem;display:block}.description{position:absolute;bottom:10%;left:19%;transform:translate(-50%);color:#080808;padding:10px;font-size:2rem;border-radius:5px;text-align:center;font-style:Lora}.fade{animation:fadeUp 2s}@keyframes fadeUp{0%{opacity:0;transform:translateY(80px)}to{opacity:.9;transform:translateY(0)}}.wrapper2{height:10vh;position:relative;top:7rem;left:15rem;width:80%}.arrow-container{position:fixed;bottom:20px;left:50%;transform:translate(-50%);cursor:pointer;animation:bounce 2s infinite}.arrow{width:17px;height:17px;border:solid #000;border-width:0 3px 3px 0;display:inline-block;padding:3px;transform:rotate(45deg)}.content{height:2000px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(10px)}60%{transform:translateY(5px)}}.hide{display:none}@keyframes bounceDown{0%{opacity:1;transform:translateY(0) scale(1)}25%{opacity:0;transform:translateY(10px) scale(.9)}26%{opacity:0;transform:translateY(-10px) scale(.9)}55%{opacity:1;transform:translateY(0) scale(1)}}.bounceDown,.round:hover .arrow{animation-name:bounceDown;animation-duration:1.4s;animation-iteration-count:infinite;animation-timing-function:linear}.box{display:flex;flex-wrap:wrap;justify-content:space-around}.container{position:relative}.container .card{position:relative;width:320px;height:450px;background:#fff;border-radius:20px;overflow:hidden}.container .card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#8aa6a3,#10403b);clip-path:circle(150px at 80% 20%);transition:.5s ease-in-out}.container-h .card:hover:before{clip-path:circle(300px at 80% -20%)}.container-h .card:after{position:absolute;top:30%;left:-20%;font-size:12em;font-weight:800;font-style:italic}.container-h .card:hover .imgBx{top:0%;transform:translateY(0)}.container-h .card .imgBx img{position:absolute;top:65%;left:40%;transform:translate(-50%,-50%) rotate(35deg);width:180px}.container-h .card .contentBx{position:absolute;bottom:0;width:100%;height:100px;text-align:center;transition:1s;z-index:10}.container-h .card:hover .contentBx{height:210px}.container-h .card .contentBx h2{position:relative;font-weight:600;font-family:"Exo 2";letter-spacing:1px;color:#000;z-index:200000}.container-h .card .contentBx .size{display:flex;justify-content:center;align-items:center;padding:8px 20px;transition:.5s}.container-h .card .contentBx .size h3{color:#fff;font-weight:300;font-size:14px;text-transform:uppercase;letter-spacing:2px;margin-right:10px}.container-h .card .contentBx .color p{top:100px;margin-top:70px}.container-h .card .contentBx a{display:inline-block;padding:10px}.title{position:absolute;font-weight:600;bottom:-30px;left:50%;transform:translate(-50%);background-color:#fffc;padding:5px 10px;border-radius:8px;box-shadow:0 2px 4px #0000001a;white-space:nowrap}.media{display:block;z-index:1000}.two-components-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:0 auto;max-width:1200px}.two-components,.two-components2{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;margin-bottom:30px}.left,.right,.lefty,.righty{flex:1;padding:20px}.left,.lefty{text-align:center}.paragraph-lefty,.paragraph-right p{font-family:Playwrite FR Moderne;text-align:center}.left img,.lefty img{max-width:100%;height:auto}.heading-right,.heading-lefty{text-align:center;margin-bottom:20px}.btn-pip,.btn-pip-lefty{text-align:center;margin-top:20px}.btn-pip button,.btn-pip-lefty button{padding:10px 20px;font-size:16px;border:none;border-radius:5px;background-color:#c4db6f;color:#fff;cursor:pointer}.btn-pip button:hover,.btn-pip-lefty button:hover{background-color:#bbdd41}@media screen and (max-width: 768px){.two-components,.two-components2{flex-direction:column}.left,.right,.lefty,.righty,.left img,.lefty img{width:100%}.btn-pip button,.btn-pip-lefty button{font-size:14px;padding:8px 16px}}.left img,.lefty img,.right img,.righty img{max-width:100%;height:auto}.heading-lefty h2,.heading-right h2{font-size:24px;font-family:"Exo 2";transform:translateY(-5px)}.typing-demo{width:50ch;animation:typing 3s steps(22),blink .5s step-end infinite alternate;white-space:nowrap;font-weight:bolder;overflow:hidden;border-right:3px solid;font-family:monospace;font-size:3em;-webkit-animation:typing 3s steps(22),blink .5s step-end infinite alternate}@keyframes typing{0%{width:0}}@keyframes blink{50%{border-color:transparent}}@media (max-width: 700px){.wrapper2{height:10vh;position:relative;top:7rem;left:15rem;width:80%}.description{left:35%;font-size:20px}.prime-text h1{font-size:35px;margin-bottom:40px}.typing-demo{width:44ch;animation:typing 3s steps(22),blink .5s step-end infinite alternate;white-space:nowrap;overflow:hidden;border-right:3px solid;font-family:monospace;font-size:1.1em;-webkit-animation:typing 3s steps(22),blink .5s step-end infinite alternate}.wrapper2{height:10vh;position:relative;top:7rem;left:1rem;width:80%}}.e-mail{width:fit-content;border-bottom:1px solid #ccc;margin:20px 0}footer{width:100%;position:absolute;background:linear-gradient(to right,#127369,#10403b);color:#fff;padding:100px 0 30px;border-top-left-radius:125px;font-size:13px;line-height:20px}.col img{width:100px;height:100px}.row{width:85%;margin:auto;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}.col{flex-basis:25%;padding:10px;font-family:"Exo 2"}.col:nth-child(2),.col:nth-child(3){flex-basis:15%}.logo-ft{width:80px;margin-bottom:30px}.col h3{width:fit-content;margin-bottom:40px;position:relative}.email{width:fit-content;border-bottom:1px solid #ccc;margin:20px 0}.col ul li{list-style:none;margin-bottom:12px;cursor:pointer}.col ul li a{text-decoration:none;color:#fff;cursor:pointer}.myForm{padding-bottom:15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ccc}.myForm .fa-regular{font-size:18px;margin-right:10px}.myForm input,.f-inp{width:100%;background:transparent;color:#ccc;border:0;outline:none}.myForm button{background:transparent;border:0;outline:none;cursor:pointer}.fa-regular,.far{font-weight:400;padding:5px}.myForm button .fa-solid{font-size:16px;color:#ccc}.social-icon .fa-brands{width:40px;height:40px;border-radius:50%;text-align:center;line-height:40px;font-size:20px;color:#000;background:#fff;margin-right:15px;margin-top:20px;cursor:pointer}hr{width:90%;border:0;border-bottom:1px solid #ccc;margin:20px auto}.copyright{text-align:center}.underline{width:100%;height:5px;background:#767676;position:absolute;top:25px;left:0;overflow:hidden}.underline span{width:15px;height:100%;background:#fff;border-radius:3px;position:absolute;top:0;left:10px;animation:moving 2s linear infinite}@keyframes moving{0%{left:-20px}to{left:100%}}@media (max-width: 700px){footer{bottom:unset}.col{flex-basis:100%}.col:nth-child(2),.col:nth-child(3){flex-basis:100%}.heading-right h2{font-size:24px}.description{left:35%}.contact-f{display:flex;width:100%;flex-wrap:wrap;justify-content:center;align-items:center}.left,.right{width:100%}}.f-inp,.e-mail{width:fit-content;border-bottom:1px solid #ccc;margin:20px 0}.myForm input{width:100%;background:transparent;color:#ccc;border:0;outline:none}#target-h1{text-align:center}.mid{display:flex;justify-content:center;padding-top:5rem}.head{padding:20px;width:100%;height:12vh;margin-top:15px;box-shadow:0 12px 16px #0003;display:none;justify-content:center;align-items:center}.product-heading{margin:10px 19px;font-weight:bolder}.page-title{font-size:24px;font-weight:700;margin-bottom:20px}.product-categories{display:flex;justify-content:space-between;align-items:flex-start}.product-categories .category-list{width:25%;height:103vh;padding:10px;background:transparent;box-shadow:0 12px 16px #0003}.product-categories .category-list ul{list-style:none;margin:16px;padding:0}.product-categories .category-list li{margin-bottom:8px;height:40px;cursor:pointer;padding:12px;border-radius:5px;font-family:"Exo 2";transition:background-color .3s}.product-categories .category-list li:hover,.open.active{background-color:#c4db6f;color:#0f0f0f}.category-list ul li a{text-decoration:none;color:#000}.product-categories .products{width:74%}.products .product-item{display:flex;justify-content:space-between;align-items:center;padding:10px;margin-bottom:10px;background-color:transparent;box-shadow:0 4px 8px #0003;border-radius:10px}.products .product-item img{height:100px}.products .product-item .details{width:50%}.products .product-item .button-container{display:flex;justify-content:center;width:50%}.products .product-item .button-container button{background:#c4db6f;color:#0a0a0a;padding:10px 20px;border:none;cursor:pointer;border-radius:5px;transition:background-color .3s}.products .product-item .button-container button:hover{background:#caee48;box-shadow:0 4px 8px #0003;transition:.5s}.test3 a{text-decoration:none;color:#000;cursor:pointer;transition:.5s}.test3 a:hover{color:#95b132;transition:.5s}.card-hidden{font-family:"Exo 2";display:flex;flex-wrap:wrap;justify-content:start;align-items:center}.logo-3d img{width:50px}.test img{width:151px}.test{display:flex;flex-direction:column;padding:25px;justify-content:space-around}:root{--prime_color: #00894d}.container-second{width:300px;height:300px;perspective:1000px;margin:10px}.card-3d{height:100%;border-radius:50px;background:linear-gradient(135deg,#99dad3,#196e66);transition:.5s ease-in-out;transform-style:preserve-3d;box-shadow:#05471100 40px 50px 25px,#02140033 0 25px 25px}.glass{transform-style:preserve-3d;position:absolute;top:8px;right:8px;bottom:8px;left:8px;background:linear-gradient(#ffffff59,#ffffffd0);border-radius:55px 100% 55px 55px;border-left:1px solid white;border-bottom:1px solid white;transition:.5s ease-in-out;transform:translateZ(25px)}.logo-3d{position:absolute;right:0;top:0;transform-style:preserve-3d}.logo-3d .circle{position:absolute;aspect-ratio:1;border-radius:50%;background:#3bc7ba;top:0;right:0;box-shadow:#64646f33 -10px 10px 20px;transition:.5s ease-in-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.logo-3d .circle1{width:170px;transform:translateZ(20px);top:8px;right:8px;transition-delay:0s}.logo-3d .circle2{width:140px;transform:translateZ(40px);top:10px;right:10px;transition-delay:.4s;-webkit-transform:;-moz-transform:;-ms-transform:;-o-transform:}.logo-3d .circle3{width:110px;transform:translateZ(60px);top:17px;right:17px;transition-delay:.8s}.logo-3d .circle4{width:80px;transform:translateZ(80px);top:23px;right:23px;transition-delay:1.2s}.logo-3d .circle5{width:50px;transform:translateZ(100px);top:30px;right:30px;transition-delay:1.6s;display:flex;justify-content:center;align-items:center;color:var(--prime_color)}.content{padding:130px 60px 0 30px}.content h1{color:var(--prime_color);font-weight:900;font-size:20px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.content p{margin-top:10px;color:#00a15d;font-size:15px}.container-second:hover .card-3d{transform:rotate3d(1,1,0,30deg);box-shadow:#0547110d 30px 50px 25px,#05471111 0 25px 30px}.container-second:hover .card-3d .footer .social .social_icons{transform:translateZ(50px);box-shadow:#05471133 -5px 20px 10px}.container-second:hover .card-3d .logo-3d .circle2{transform:translateZ(60px)}.container-second:hover .card-3d .logo-3d .circle3{transform:translateZ(80px)}.container.container-second .card-3d .logo-3d .circle4{transform:translateZ(100px)}.container.container-second .card-3d .logo-3d .circle5{transform:translateZ(120px)}@media (max-width: 700px){.product-categories{display:flex;justify-content:space-between;align-items:center;flex-direction:column}.product-categories .category-list{width:100%;height:61vh;margin-bottom:25px}.product-categories .products{width:88%}}.containerer{width:100%;margin:0 auto;padding:20px;background-color:#d4ebe8;box-shadow:0 0 10px #0000001a;border-radius:16px;text-align:center}h1{color:#000}.h-primary{font-size:xx-large!important}#contactForm{font-family:"Exo 2"}.form-grouper{margin-bottom:20px;text-align:left}label{display:block;font-weight:700;margin-bottom:5px;color:#333}.inputer{width:100%;padding:6px;border:1px solid #ccc;border-radius:5px}.submiter-btn{background-color:#c4db6f;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer}button:hover{background-color:#a2bb4f}.contacter{display:flex;width:100%;padding-top:5rem;justify-content:center}.lefter{justify-content:space-around;align-items:center;flex-direction:column;display:flex;width:50%;margin:20px;border-radius:16px;box-shadow:0 0 10px #0000001a}.righter{width:50%;margin:20px}.abouter{display:flex;justify-content:space-between;align-items:center;gap:50px}.contactBx{display:flex;justify-content:space-evenly;align-items:center;padding:50px;flex-wrap:wrap}.sales,.services{display:flex;justify-content:space-evenly;align-items:center;flex-direction:column;width:40vh;height:45vh;box-shadow:0 0 10px #0000001a;border-radius:12px}.services img,.sales img{width:80px;height:80px}.support h1{text-align:center}.map{padding:30px}.map iframe{width:100%;height:50vh}@media (max-width: 700px){.contacter{justify-content:center;display:flex;align-items:center;flex-direction:column;width:100%;padding-top:5rem}.righter{width:75%;margin:20px}}.product-list{display:flex;flex-wrap:wrap;gap:20px}.product-item{border:1px solid #ddd;padding:10px;border-radius:8px;width:90%;display:flex;justify-content:space-around;align-items:center;box-shadow:0 4px 8px #0003;height:200px}.product-item img{max-width:100px;height:auto;border-bottom:1px solid #ddd}.details{margin:10px 0}.button-container{text-align:center}.button-container button{background-color:#c4db6f;color:#fff;border:none;height:37px;padding:10px 20px;border-radius:4px;cursor:pointer}.button-container button:hover{background-color:#a1bd3d}.product-handle{display:flex;padding:100px}.product-handle-list li{list-style:none;text-decoration:none}.category-list{width:25%}.back-buttons button{display:flex;justify-content:center;height:25px;align-items:center;color:#fff;background-color:#007bff;border-radius:12px;cursor:pointer;border:0;transition:1s}.back-buttons a{list-style:none;text-decoration:none;color:#fff}.product-list{display:flex;flex-direction:column;justify-content:center;align-items:center;width:75%}.product-list h2{align-items:center}.list a{text-decoration:none}.list ul li{list-style:none;margin-bottom:25px}.list ul li:hover{font-size:15px;transition:1s}.active-link{color:red;font-weight:700}.dropdown-button{background:linear-gradient(to right,#127369,#10403b);color:#fff;border:none;padding:15px;font-size:21px;cursor:pointer;border-radius:8px;display:flex;align-items:center;margin-bottom:20px}.arrow{margin-left:8px;margin-bottom:5px;border:solid #fff;border-width:0 2px 2px 0;display:inline-block;padding:4px;transition:transform .3s ease}.down{transform:rotate(45deg)}.up{transform:rotate(-135deg)}.dropdown-menu{display:block;position:absolute;background-color:#fff;border:1px solid #ddd;list-style-type:none;padding:0;margin:0;z-index:1}.list button:hover{background:linear-gradient(20deg,#10403b,#127369)}.dropdown-menu li{padding:10px}.dropdown-menu li a{text-decoration:none;color:#000;display:block}.dropdown-menu li a:hover{background-color:#f1f1f1}.back-buttons{position:absolute;top:88px;left:20px;cursor:pointer;background-color:#007bff;color:#fff;padding:10px 15px;border-radius:5px;font-size:16px;display:flex;align-items:center}@media (max-width: 700px){.product-handle{display:flex;padding:100px 10px;justify-content:flex-start;flex-direction:column}.category-list{width:100%}.back-button button{margin:0}.product-list,.product-item{width:100%}.button-container button{font-size:11px;padding:3px 10px;width:65px}.back-buttons{top:88px}}.product-details-container{padding:97px;max-width:1056px;margin:auto}.back-button{cursor:pointer;color:#fff;width:76px;align-items:center;background-color:#c4db6f;padding:3px 0 0 6px;border-radius:12px;height:31px;margin-bottom:10px;border:2px solid #c4db6f}.product-content{display:flex;gap:20px}.image-gallery{flex:1}.product-image{width:200px;border-radius:10px}.product-info{flex:1}.price{font-size:20px;color:#28a745}.availability{font-weight:700}.wishlist-btn{background-color:#ff4500;color:#fff;padding:10px;border:none;border-radius:5px;cursor:pointer}.wishlist-btn:hover{background-color:#e03e00}@media (max-width: 700px){.product-content{display:flex;flex-direction:column;gap:20px}}body{font-family:Roboto,sans-serif}