@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";#header-absolute{top:0;left:50%;transform:translate(-50%);position:absolute;max-width:630px;z-index:-1}header{display:flex;justify-content:space-between;padding:30px 40px;gap:18px}header .header-logo,header .header-action{display:flex;gap:20px;align-items:center}header .header-logo img{max-width:39px;max-height:50px}header .header-logo h1{font-size:24px;font-weight:700;color:#fff}header .header-action{z-index:9}header .header-action input{min-width:130px;padding:10px 16px;background-color:#ffffff2d;border-radius:34px;color:#fff;box-shadow:-1px 7px 67px 1px #ffffff40;-webkit-box-shadow:-1px 7px 67px 1px rgba(255,255,255,.25);-moz-box-shadow:-1px 7px 67px 1px rgba(255,255,255,.25)}header .header-action a{color:#fff;font-weight:500;font-size:18px}header .header-action img{width:24px;max-height:24px}@media (max-width: 768px){header{padding:20px}header .header-logo h1{font-size:20px}header .header-action input{max-width:70px;padding:8px 12px}header .header-action a{font-size:16px}header .header-action img{width:22px;max-height:22px}}@media (max-width: 480px){header{width:100%;align-items:center;text-align:center;gap:10px}header .header-logo h1{font-size:18px}header .header-action{gap:10px}header .header-action input{display:none}header .header-action a{font-size:14px}header .header-action img{width:20px;max-height:20px;height:100px!important}}.hero{padding:20px 30px;display:flex;flex-direction:row;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:35px}.hero .hero-info{max-width:450px;display:flex;flex-direction:column;gap:12px;padding:100px 0}.hero .hero-info h2{color:#fff;font-size:80px;font-weight:400;line-height:130%}.hero .hero-info p{color:#ffffffc4;font-size:18px;font-weight:400;letter-spacing:.7px}.hero .hero-info .btns{display:flex;gap:15px;align-items:center}.hero .hero-info .btns button{font-size:20px;font-weight:500;letter-spacing:.6px;padding:8px 16px;border-radius:8px;border:2px solid transparent;transition:.5s}.hero .hero-info .btns #btn-primary{background-color:#fff;color:#000;border-color:#fff}.hero .hero-info .btns #btn-primary:hover{background-color:transparent;color:#fff}.hero .hero-info .btns #btn-secondary{background:transparent;color:#fff}.hero .hero-info .btns #btn-secondary:hover{border-color:#fff}.hero .hero-social{display:flex;flex-direction:column;position:relative;width:450px}.hero .hero-social .green_circle3{width:319px;height:319px;background:linear-gradient(#cdff571a,#7b9934);border-radius:50%;filter:blur(100.2px);position:absolute;bottom:-40%;right:-40%;z-index:-99}.hero .hero-social .iconlar{margin-top:20px!important}.hero .hero-social .colmn_div{display:flex;flex-direction:row;gap:20px;padding:20px 30px;background:#ffffff1a;position:relative;border:2px solid white;border-radius:20px}.hero .hero-social .colmn_div .div_text{margin-right:10px}.hero .hero-social .colmn_div h1{background-color:#133e18;padding:5px 10px;border-radius:10px;transform:translateY(-50%);position:absolute;top:0;font-size:18px;color:#fff}.hero .hero-social .colmn_div h2{color:#fff}.hero .hero-social .colmn_div .star{display:flex;gap:5px;align-items:center}.hero .hero-social .colmn_div .star span,.hero .hero-social .colmn_div .star i{color:#fff}.hero .hero-social .colmn_div .star .star_right{border-left:1px solid white;padding:0 5px}.hero .hero-social .colmn_div .img_div{width:420px;overflow:hidden;background-color:transparent;height:350px;position:absolute;right:20px;bottom:0}.hero .hero-social .colmn_div .img_div img{position:absolute;right:-90px;bottom:-10px}.hero .hero-social .iconlar{display:flex;gap:25px;margin:0 auto}.hero .hero-social .iconlar i{padding:10px;border-radius:50%;font-size:30px;color:#fbfbfbc7;transition:.3s;cursor:pointer}.hero .hero-social .iconlar i:hover{color:#fffffffc}@media (max-width: 1024px){.hero{align-items:center;flex-direction:column-reverse;text-align:center;padding-top:200px;gap:0px}.hero .hero-info{max-width:80%;padding-top:10px;padding-bottom:20px;align-items:center}.hero .hero-info h2{font-size:53px}.hero .hero-info p{font-size:16px}.hero .hero-info button{margin-top:5px}.hero .hero-social{width:450px}.hero .hero-social .colmn_div{text-align:center}.hero .hero-social .colmn_div img{height:420px}.container{width:90%!important}}@media (max-width: 768px){.hero{padding:200px 20px 20px}.hero .hero-info h2{font-size:40px}}@media (max-width: 520px){.container{width:100%!important}.hero{padding:15px}.hero .hero-info h2{font-size:25px}.hero .hero-info p{font-size:15px}.hero .hero-info .btns{flex-direction:column!important}.hero .hero-info .btns button{font-size:18px;padding:5px 12px}.hero-social{width:330px!important;margin-top:110px}.hero-social h2{font-size:18px}.hero-social .colmn_div h1{font-size:15px!important}.hero-social .img_div{right:0!important}.hero-social .img_div img{height:350px!important;right:-70px!important}}.Products{display:flex;flex-direction:column;align-items:center;padding:40px 10px;gap:80px}.Products .text-center{position:relative;color:#fff;font-size:28px;font-weight:600;margin-top:20px;text-align:center}.Products .text-center div{width:40px;height:3px;position:absolute;background-color:#fff}.Products .text-center div:first-of-type{left:50%;transform:translate(-50%);top:-10px}.Products .text-center div:last-of-type{left:50%;transform:translate(-50%);bottom:-10px}.Products .product-wrapper{display:flex;gap:60px;justify-content:center;flex-wrap:wrap;align-items:center;padding:30px 0}.Products .product-wrapper .product{border:1px solid rgba(255,255,255,.3);display:flex;gap:15px;width:300px;padding:90px 30px 40px;cursor:pointer;position:relative;background-color:#ffffff0d;flex-direction:column;align-items:center;border-radius:12px;transition:all .3s ease-in-out}.Products .product-wrapper .product:hover{transform:translateY(-10px)}.Products .product-wrapper .product img{width:200px;height:200px;transition:.5s;object-fit:cover;position:absolute;top:-40px}.Products .product-wrapper .product img:hover{transform:translateY(-20px)}.Products .product-wrapper .product h2{font-size:20px;font-weight:500;color:#fff;text-align:center;margin-top:40px}.Products .product-wrapper .product .price{display:flex;width:100%;gap:10px;padding-top:10px;justify-content:space-between;align-items:center}.Products .product-wrapper .product .price h1{color:#fff;font-size:20px;font-weight:500}.Products .product-wrapper .product .price .cart-icon{font-size:22px;color:#fff;cursor:pointer;transition:.3s}.Products .product-wrapper .product .price .cart-icon:hover{color:#fc0}.Products .product-wrapper .product .heart-icon{position:absolute;top:10px;right:10px;color:#fff;cursor:pointer;transition:.3s}.Products .product-wrapper .product .heart-icon:hover{color:red}@media (max-width: 480px){.Products .text-center{font-size:23px}}.Customer-wrapper{display:flex;flex-direction:column;gap:20px;width:85%;align-items:center;padding:20px 0;margin:0 20px;color:#fff;background-color:#ffffff0b;border:1px solid;border-image:linear-gradient(150deg,#fff,#ffffff30,#fff) 1}.Customer-wrapper .Customer{display:flex;justify-content:space-evenly;flex-wrap:wrap;align-items:center}.Customer-wrapper .Customer .Customer_img{width:35%;height:400px;border-radius:50px}.Customer-wrapper .Customer .Customer_img img{width:100%;object-fit:cover;height:100%;border-radius:50px}.Customer-wrapper .Customer .Customer-about{display:flex;flex-direction:column;gap:20px;width:55%;padding-top:10px}.Customer-wrapper .Customer .Customer-about .Customer-about-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.Customer-wrapper .Customer .Customer-about .Customer-about-head h1{color:#fff;display:flex;font-size:27px;align-items:center;gap:5px}.Customer-wrapper .Customer .Customer-about .Customer-about-head div h3{font-size:25px}.Customer-wrapper .Customer .Customer-about .Customer-about-head div h5{font-size:13px}.Customer-wrapper .Customer .Customer-about p{font-size:16px;line-height:1.6}.Customer-wrapper .Customer .Customer-about a{color:#fff;text-decoration:none;text-align:right;font-weight:700;transition:.3s}.Customer-wrapper .Customer .Customer-about a:hover{color:#fc0}@media (max-width: 1024px){.Customer-wrapper{width:80%;padding:30px;margin:0 auto}.Customer-wrapper .Customer{flex-direction:column;align-items:center;text-align:center;padding:0 20px}.Customer-wrapper .Customer .Customer_img{width:70%}.Customer-wrapper .Customer .Customer-about{width:100%}.Customer-wrapper .Customer .Customer-about .Customer-about-head{flex-direction:column;align-items:center;gap:10px}.Customer-wrapper .Customer .Customer-about a{text-align:center}}@media (max-width: 768px){.Customer-wrapper{width:90%;padding:20px}.Customer-wrapper .Customer .Customer_img{width:100%}.Customer-wrapper .Customer img{max-height:400px}.Customer-wrapper .Customer .Customer-about{padding-top:5px}.Customer-wrapper .Customer .Customer-about .Customer-about-head h1{font-size:22px}.Customer-wrapper .Customer .Customer-about .Customer-about-head div h3{font-size:20px}.Customer-wrapper .Customer .Customer-about .Customer-about-head div h5{font-size:12px}}@media (max-width: 450px){.Customer-wrapper{width:95%;padding:15px;margin:0 auto}.Customer-wrapper .Customer{padding:0 10px}.Customer-wrapper .Customer .Customer_img{width:80%;height:200px}.Customer-wrapper .Customer .Customer_img img{width:100%;object-fit:cover}.Customer-wrapper .Customer .Customer-about{width:100%;padding:10px 0}.Customer-wrapper .Customer .Customer-about .Customer-about-head{gap:5px}.Customer-wrapper .Customer .Customer-about p,.Customer-wrapper .Customer .Customer-about a{font-size:14px}}.Provide{padding:130px 30px 50px;display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:30px}.Provide>.Provide_img{min-width:35%;height:500px;border-radius:20px}.Provide>.Provide_img>img{width:100%;object-fit:cover;height:100%;object-position:center;border-radius:20px}.Provide>.Provide-about{display:flex;width:50%;flex-direction:column;gap:10px;padding:20px 0;color:#fff}.Provide>.Provide-about>.d3{width:212px}.Provide>.Provide-about>p{font-size:15px;width:80%;font-weight:200;padding-bottom:20px}.Provide>.Provide-about>.provide-button{display:flex;gap:25px;align-items:center}.Provide>.Provide-about>.provide-button>button{background-color:#fff;border-radius:7px;font-size:21px;padding:8px 21px}.Provide>.Provide-about>.provide-button>i{font-size:34px;transform:rotate(-60deg)}@media (max-width: 1024px){.Provide{flex-direction:column;align-items:center;padding-top:80px}.Provide>.Provide_img,.Provide>.Provide-about{width:100%}.Provide>.Provide_img{height:auto}.Provide>.Provide-about{text-align:center;width:100%}.Provide>.Provide-about>p{width:100%}.Provide>.Provide-about>.d3{width:auto;margin:0 auto}}@media (max-width: 768px){.Provide{padding:60px 20px 0}.Provide>.Provide_img{height:300px}.Provide>.Provide-about>p{font-size:14px}.Provide>.Provide-about>.provide-button{flex-direction:column;gap:15px}.Provide>.Provide-about>.provide-button button{font-size:19px}}@media (max-width: 450px){.Provide{padding:40px 10px 0}.Provide>.Provide-about>p{width:100%;font-size:13px}.Provide>.Provide-about>.provide-button>button{font-size:18px;padding:6px 15px}.Provide>.Provide-about>.provide-button>i{font-size:28px}}footer{display:flex;flex-direction:column;gap:10px;background-color:#ffffff24;padding:40px 50px}footer .container>.logo-about{display:flex;padding:30px 30px 50px;justify-content:space-between}footer .container>.logo-about>.logo_head>img{width:160px}footer .container>.logo-about>.logo_head>p{color:#fff;font-size:13px;width:300px;font-weight:200}footer .container>.logo-about>.social_head{display:flex;flex-direction:column;gap:7px;color:#f1f1f1d4}footer .container>.logo-about>.social_head>h3{font-size:27px;font-weight:400}footer .container>.logo-about>.social_head>.icons{display:flex;gap:20px}footer .container>.logo-about>.social_head>.icons>i{font-size:27px}footer .container>img{width:400px;height:3px;margin:0 auto}footer .container>h1{color:#f1f1f1d4;margin:0 auto;text-align:center;font-size:20px;font-weight:500}@media (max-width: 1024px){footer .container{padding:30px 40px}footer .container>.logo-about{flex-direction:column;align-items:center;padding:20px 20px 30px;gap:20px}footer .container>.logo-about>.logo_head{text-align:center}footer .container>.logo-about>.logo_head>img{width:140px}footer .container>.logo-about>.logo_head>p{width:100%;font-size:12px}footer .container>.logo-about>.social_head{align-items:center}footer .container>.logo-about>.social_head>h3{font-size:24px}footer .container>.logo-about>.social_head>.icons{gap:15px}footer .container>.logo-about>.social_head>.icons>i{font-size:24px}footer .container>img{width:300px}footer .container>h1{font-size:18px}}@media (max-width: 768px){footer .container{padding:20px 30px}footer .container>.logo-about>.logo_head>img{width:120px}footer .container>.logo-about>.logo_head>p{font-size:11px;width:90%}footer .container>.logo-about>.social_head>h3{font-size:20px}footer .container>.logo-about>.social_head>.icons{gap:10px}footer .container>.logo-about>.social_head>.icons>i{font-size:20px}footer .container>img{width:250px}footer .container>h1{font-size:16px}}@media (max-width: 450px){footer{padding:15px 20px}footer>.logo-about>.logo_head>img{width:100px}footer>.logo-about>.logo_head>p{font-size:10px;width:100%}footer>.logo-about>.social_head>h3{font-size:18px}footer>.logo-about>.social_head>.icons{gap:8px}footer>.logo-about>.social_head>.icons>i{font-size:18px}footer>img{width:200px}footer>h1{font-size:14px}}#header-absolute{top:0;left:50%;transform:translate(-50%);position:absolute;max-width:100%;margin:0 auto;z-index:-1}.green_circle{position:absolute;top:0;left:0;width:300px;height:300px;background:linear-gradient(#cdff571a,#7b9934);border-radius:50%;filter:blur(251.2px)}.green_circle.g2{top:3%;left:50%;transform:translate(-50%);z-index:-2}*{padding:0;margin:0;box-sizing:border-box;outline:0;list-style:none;text-decoration:none;border:none;font-family:Poppins,sans-serif}button{cursor:pointer}.container{max-width:1440px;width:100%;margin:0 auto}body{min-height:100vh;background:linear-gradient(#133e18,#0f2912)}