@import"https://fonts.googleapis.com/css?family=Poppins";@import"https://fonts.googleapis.com/css?family=Raleway";*{outline:0;list-style-type:none;text-decoration:none;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;color:#050505}body{margin:0;padding:0;box-sizing:border-box;background-color:#f1f1ff;overflow-x:hidden}body .desktop-header{background-color:#f1f1ff;width:100%;height:70px;overflow:hidden;display:inline-flex;justify-content:space-evenly;box-sizing:border-box;padding-top:.5%;z-index:999;position:sticky;top:0;box-shadow:inset 5px 5px rgba(255,255,255,.531),inset -1px -1px rgba(255,255,255,.58),1px 3px 24px -1px rgba(134,132,132,.343)}body .desktop-header>i{position:absolute;float:right;right:10px;top:25px;font-size:18px;display:none}body .desktop-header .title{position:absolute;top:12%;left:2%}body .desktop-header .title img{margin-top:2%}body .desktop-header .search-bar{position:absolute;top:18px;left:27%;width:40vw;margin-right:10px}body .desktop-header .search-bar form{display:inline-flex;width:100%}body .desktop-header .search-bar form input{height:20px;width:90%;padding:7px 25px;background-color:#e7e7ff;color:#00005d;outline:0;border-color:rgba(0,0,0,0);border-radius:30px}body .desktop-header .search-bar form input::placeholder{color:#666;font-size:11px}body .desktop-header .search-bar form button{border:none;background-color:rgba(0,0,0,0);position:relative;left:-45px;color:gray;cursor:pointer}body .desktop-header nav{position:absolute;float:right;right:20px}body .desktop-header nav ul{display:inline-flex}body .desktop-header nav ul li{list-style-type:none;padding:0 10px}body .desktop-header nav ul li a{color:gray;font-size:.8vw}body .desktop-header nav ul li a i{font-size:1vw;position:relative;top:2px}body .desktop-header nav ul li a span{position:relative;top:-10px;left:-2px;background-color:#666;min-height:5px;min-width:5px;padding:2.5px;border-radius:20%;color:#f6f6ff;font-size:10px}body .desktop-header #hamburger{display:none;position:absolute;float:right;right:20px;width:30px;height:30px;top:20px;cursor:pointer}body .desktop-header #hamburger .lines{width:100%}body .desktop-header #hamburger .lines div{width:100%;height:3px;background-color:#000;margin:8px 0}body .menu{display:none;width:280px;height:100vh;position:fixed;top:12%;margin-top:-10px;z-index:998;background-color:#f1f1ff;box-shadow:2px 2px 1px #f2f2f2;overflow-y:hidden;box-sizing:border-box;padding-top:4%;padding-left:2%;opacity:0;animation-name:slideIn;animation-timing-function:cubic-bezier(0.445, 0.05, 0.55, 0.95);animation-duration:1.2s;animation-delay:.1s;animation-fill-mode:forwards}body .menu span{position:relative;top:-35px;width:20px;background-color:#34025a;padding:5px 10px;color:#f6f6ff;border-radius:10px;font-size:18px;font-weight:bold;cursor:pointer}body .menu .search-bar form{display:inline-flex;position:relative;top:3%}body .menu .search-bar form input{height:20px;width:90%;padding:7px 25px;background-color:#e7e7ff;color:#00005d;outline:0;border-color:rgba(0,0,0,0);border-radius:30px}body .menu .search-bar form ::placeholder{font-size:10px;color:#000;opacity:.5}body .menu .search-bar form button{border:none;background-color:rgba(0,0,0,0);position:relative;left:-40px;color:gray;cursor:pointer}body .menu nav{position:relative;top:3%;left:-10%}body .menu nav ul li{margin-bottom:10px;border-bottom:1px solid #ebebeb;padding:7px 2px}body .menu nav ul li a{color:#666;font-size:5vw}body .menu nav ul li a i{font-size:4vw;position:relative;top:2px}body .menu nav ul li a span{position:relative;top:-10px;left:-2px;background-color:#666;min-height:10px;min-width:10px;padding:2.5px;border-radius:20%;color:#f6f6ff;font-size:8px}@keyframes slideIn{0%{opacity:.5;margin-left:-250px}100%{opacity:1;margin-left:0}}@keyframes slideOut{0%{opacity:1;margin-left:0}50%{opacity:.5;margin-left:-200px}100%{opacity:0;margin-left:-220px;display:none}}@media screen and (min-width: 769px)and (max-width: 980px){body .desktop-header .search-bar{left:15%;width:45%;margin-right:5%}body .desktop-header nav ul li{padding-left:2px}body .desktop-header nav ul li a{font-size:1.4vw}}@media screen and (max-width: 768px){body{overflow-x:hidden}body header{overflow-x:hidden}body .desktop-header{position:sticky;width:100vw;overflow:hidden;padding:0;margin:0;left:0}body .desktop-header .search-bar,body .desktop-header nav{display:none}body .desktop-header>i{top:18px;color:#34025a;right:70px;background-color:#f0dcfe;padding:10px;border-radius:10px;cursor:pointer;font-size:15px;display:none}body .desktop-header #hamburger{display:inline;right:25px}body .menu{padding-top:10%}body .menu span{top:-10px;margin:2px 0;left:80%}body .menu .search-bar{position:relative;top:5%}body .menu nav{top:5%}body .menu nav ul li a{font-size:3.1vw}body .menu nav ul li a i{font-size:3vw}}.flex-column,body .contact .form-container,body .features,.myprofile .bg-light,.myprofile span:first-child,.myprofile,body footer .container div:last-of-type .grid-4 a,.y-start,.x-start{display:flex;flex-direction:column;align-items:center;align-content:center;justify-items:center;justify-content:center}.x-start{align-items:flex-start}.y-start{justify-content:flex-start}.flex-row{display:flex;flex-direction:row;align-items:center;align-content:center;justify-items:center;justify-content:center}.grid-1{display:grid;grid-template-columns:repeat(1, 1fr);grid-gap:5px}.grid-2,body .about .container{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:5px}.grid-3{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:5px}.grid-4{display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:5px}.grid-5{display:grid;grid-template-columns:repeat(5, 1fr);grid-gap:5px}.grid-6{display:grid;grid-template-columns:repeat(6, 1fr);grid-gap:5px}.grid-7{display:grid;grid-template-columns:repeat(7, 1fr);grid-gap:5px}.grid-8{display:grid;grid-template-columns:repeat(8, 1fr);grid-gap:5px}body{padding:0;margin:0;overflow-x:hidden}body footer{overflow-x:hidden;width:100vw;height:45vh;background-color:#360362;padding-top:40px}body footer .container{width:90%;height:90%;margin-bottom:10px}body footer .container div:first-of-type img{border-radius:10px;background-color:#fafafa;padding:10px}body footer .container div:nth-of-type(3) h3{font-size:16px;margin-bottom:25px}body footer .container div:nth-of-type(3) *{font-size:13px;margin-bottom:5px}body footer .container div:nth-of-type(3) li a:hover{color:#c6ac19}body footer .container .quick-links h3{font-size:16px}body footer .container .quick-links li a{font-size:13px;margin-bottom:5px}body footer .container .quick-links li a:hover{color:#c6ac19}body footer .container div:last-of-type .grid-4 a{margin:0 5px;width:30px;height:30px;background-color:#e6e6e6;padding:.2rem;border-radius:50%}body footer .container div:last-of-type .grid-4 a i{color:#4e048e;font-weight:bold}body footer .container div:last-of-type .grid-4 a:hover{opacity:.8}body footer small{margin-bottom:10px}@media screen and (min-width: 200px)and (max-width: 768px){body{overflow-x:hidden}body footer{overflow-x:hidden;height:max-content;padding:20px 0}body footer .container{grid-template-columns:repeat(1, 1fr)}body footer .container div{align-items:flex-start;width:90%;margin-bottom:5%}body footer .container .quick-links nav ul li{margin-bottom:5px}body footer .container div:last-of-type .grid-4{width:40%}body footer small{width:90%;height:max-content;text-align:center}body footer small a{text-align:center}}html{scroll-behavior:smooth}.shadowed,body .menu{box-shadow:inset 1px 1px rgba(255,255,255,.044),inset -1px -1px rgba(255,255,255,0),1px 3px 24px -1px rgba(0,0,0,.15)}*{font-family:"Poppins",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;text-decoration:none;list-style-type:none;font-weight:400}img{transition:all 1s ease-in}img:hover{position:relative;transition:.5s all ease-in-out;transform:scale(0.99)}input,input:active{outline:0}.cart{min-width:10px;min-height:10px}.border-gold{width:100px;background-color:#b39a10;height:3px;border-radius:5%}.border-light{width:100px;background-color:rgba(252,252,255,.9490196078);height:3px;border-radius:5%}.border-primary{width:100px;background-color:#34025a;height:3px;border-radius:5%}.active{display:flex !important}.hidden{display:none !important}.modal-z{width:100%;height:100%;z-index:155455;position:fixed;background-attachment:fixed;background-color:rgba(7,2,2,.5);backdrop-filter:blur(5px);top:0;left:0;display:none}.modal-z .modal-content{border-radius:10px;width:40%;height:55%;opacity:0;position:sticky;border-radius:10px;background-color:rgba(252,252,255,.9);backdrop-filter:blur(4px);margin:0 auto;animation:slideDown forwards 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1;animation-delay:.5s}.modal-z .modal-content input{color:#34025a;width:350px;height:30px;background-color:rgba(232,232,255,.9490196078);border:1px solid #34025a;color:#260141;border-color:rgba(0,0,0,0);border-radius:10px;padding:5px 5px 0 10px;outline:0}.modal-z .modal-content ::placeholder{font-size:13px}.modal-z .modal-content span{position:absolute;float:right;text-align:center;right:30px;top:30px;font-size:1.3rem;padding:.4rem;color:rgba(252,252,255,.9490196078);background-color:#c52929;width:30px;height:30px;border-radius:50%;cursor:pointer}.modal-z .modal-content .btn-red i{margin-right:10px}.modal{width:100%;height:100%;z-index:155455;position:fixed;background-attachment:fixed;background-color:rgba(7,2,2,.5);backdrop-filter:blur(5px);top:0;left:0;display:none}.modal .modal-content{border-radius:10px;width:63%;height:75%;opacity:0;position:sticky;border-radius:10px;background-color:rgba(252,252,255,.9);backdrop-filter:blur(4px);margin:0 auto;animation:slideDown forwards 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1;animation-delay:.5s}.modal .modal-content #closer{position:absolute;float:right;text-align:center;right:30px;top:30px;font-size:1.3rem;padding:.4rem;color:rgba(252,252,255,.9490196078);background-color:#34025a;width:30px;height:30px;border-radius:50%;cursor:pointer}.modal .modal-content form{align-items:flex-start;position:relative;top:-10px}.modal .modal-content form input{background-color:rgba(232,232,255,.9490196078);padding:5px 15px;width:450px;margin-bottom:10px;border:1px solid}.modal .modal-content form .form-grp{margin:5px 10px 0 10px}.modal .modal-content form .form-grp-2{align-items:flex-start}.modal .modal-content form .form-grp-2 input{background-color:rgba(232,232,255,.9490196078);padding:5px 15px;width:450px;margin-bottom:10px;border:1px solid}.modal .modal-content form .form-grp-2 button{width:200px}.modal .modal-content form label{position:relative;left:10px;font-size:13px}.modal .modal-content form *{margin-top:5px;margin-bottom:5px}.modal .modal-content form select{width:372px;height:40px;background-color:rgba(0,0,0,0);color:#260141;border:1px solid;border-radius:10px;padding:0 10px 0 10px;outline:0;color:#34025a}.modal .modal-content form select option,.modal .modal-content form select option:hover,.modal .modal-content form select option:active{background-color:lighten #34025a 5}.modal .modal-content form input{color:#34025a;width:350px;height:30px;background-color:rgba(0,0,0,0);color:#260141;border:1px solid;border-radius:10px;padding:5px 5px 0 10px;outline:0}.modal .modal-content form ::placeholder{font-size:13px}.modal .modal-content form textarea{box-sizing:border-box;resize:none;color:#34025a;width:375px;height:150px;background-color:rgba(0,0,0,0);color:#260141;border:1px solid;border-radius:10px;padding:10px 10px 0 10px;outline:0}.modal .modal-content form button{text-transform:uppercase;width:375px;border-radius:15px}.grid-1{display:grid;grid-template-columns:repeat(1, 1fr);grid-gap:5px}.grid-2,body .about .container{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:5px}.grid-3{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:5px}.grid-4{display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:5px}.grid-5{display:grid;grid-template-columns:repeat(5, 1fr);grid-gap:5px}.grid-6{display:grid;grid-template-columns:repeat(6, 1fr);grid-gap:5px}.grid-7{display:grid;grid-template-columns:repeat(7, 1fr);grid-gap:5px}.grid-8{display:grid;grid-template-columns:repeat(8, 1fr);grid-gap:5px}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-thumb{background-color:#34025a;border-radius:10px}.btn-primary{width:max-content;padding:15px 30px;border-radius:10px;background:linear-gradient(45deg, #6e04be, #260141);color:#fff;font-size:13px}.btn-primary:hover{transition:all 1s ease-in;background:linear-gradient(45deg, #260141, #6e04be)}.btn-red{width:max-content;padding:15px 30px;border-radius:10px;background:linear-gradient(45deg, #dd5d5d, #b02525);color:#fff;font-size:13px;transition:all 1s ease-in}.btn-red:hover{background-color:#d22c2c}.btn-green{width:max-content;padding:15px 30px;border-radius:10px;background:linear-gradient(45deg, #41e88e, #129750);color:#fff;font-size:13px}.btn-light{width:max-content;padding:15px 30px;border-radius:10px;background-color:rgba(247,247,255,.9490196078);color:#34025a;font-size:13px;border:1px solid #34025a}.btn-light:hover{background-color:rgba(221,221,255,.9490196078)}.btn-bronze{width:max-content;padding:15px 30px;border-radius:10px;background:linear-gradient(45deg, #eeb932, #946e0c);color:#fff;font-size:13px}.btn-bronze:hover{background-color:#c49010}.btn-gold{width:max-content;padding:15px 30px;border-radius:10px;background:linear-gradient(45deg, #eed23b, #9c860e);color:rgba(252,252,255,.9490196078);font-size:13px}.btn-gold:hover{background-color:#caae12}.btn-light-bordered{width:max-content;padding:15px 30px;border-radius:30px;background-color:rgba(0,0,0,0);color:rgba(252,252,255,.9490196078);border:2px solid rgba(252,252,255,.9490196078);font-size:13px}.btn-light-bordered:hover{transition:all 1s ease-in;background:linear-gradient(45deg, #6e04be, #260141);color:#34025a}.btn-gold-bordered{width:max-content;padding:15px 30px;border-radius:30px;background-color:rgba(0,0,0,0);color:#b39a10;border:2px solid #b39a10;font-size:13px}.btn-gold-bordered:hover{background-color:#b39a10;color:rgba(252,252,255,.9490196078)}.btn-primary-bordered{width:max-content;padding:15px 30px;border-radius:30px;background-color:rgba(0,0,0,0);color:#34025a;border:2px solid #34025a;font-size:13px;transition:all 1s ease-in}.btn-primary-bordered:hover{background:linear-gradient(45deg, #6e04be, #260141);color:rgba(252,252,255,.9490196078)}.btn-primary,.btn-green,.btn-gold,.btn-bronze,.btn-red{transition:all 1s ease-in}.btn-primary i,.btn-green i,.btn-gold i,.btn-bronze i,.btn-red i{transition:all 1s ease-in;color:rgba(252,252,255,.9490196078)}.text-primary{color:#34025a}.text-light{color:rgba(252,252,255,.9490196078)}.text-gold{color:#b39a10}.text-bronze{color:#ac7f0e}.text-green{color:#15ae5c}.text-red{color:#c52929}.text-grey{color:#000;opacity:.5}.text-bold{font-weight:bold}.text-stroked{text-decoration:line-through}.flex-column,body .contact .form-container,body .features,.myprofile .bg-light,.myprofile span:first-child,.myprofile,.x-start,.y-start,body footer .container div:last-of-type .grid-4 a{display:flex;flex-direction:column;align-items:center;align-content:center;justify-items:center;justify-content:center}.x-start{align-items:flex-start}.y-start{justify-content:flex-start}.flex-row{display:flex;flex-direction:row;align-items:center;align-content:center;justify-items:center;justify-content:center}button{border:0}.error{width:450px;height:48px;background-color:#fff;border-right:3px solid #9b1c1c;display:grid;grid-template-columns:repeat(2, 1fr);animation:fade 1s ease-in forwards 1;border-radius:10px;margin-bottom:1%;margin-top:1%}.error span{padding:3px;border-radius:50%;background-color:#fff;position:relative;width:25px;height:25px;top:5px;left:5px;font-size:18px;color:#000;border:2px solid #b22222;cursor:pointer}.error .err{position:relative;left:-120px;top:5px;color:#7e0f0f;font-size:14px}@keyframes fade{0%{opacity:.5}100%{opacity:1}}@keyframes rise{0%{top:5px;opacity:0}100%{top:0;opacity:1}}@keyframes dance{0%{position:relative;top:-10px}100%{top:10px}}.border{width:48px;height:3px;background-color:#34025a}@keyframes slideDown{from{margin-top:-20px;opacity:0}to{margin-top:0px;opacity:1}}@keyframes slideleft{from{margin-left:-20px;opacity:0}to{margin-left:0px;opacity:1}}@keyframes wobble{0%{top:10px}25%{top:7.5px}50%{top:5px}75%{top:2.5px}100%{top:0px}}.sidebar{scroll-behavior:smooth;z-index:99;position:sticky;top:0;left:0;overflow:hidden;width:20%;height:100vh;justify-content:flex-start;box-sizing:border-box;padding:20px 10px;align-items:flex-start;box-shadow:1px 1px 3px 1px rgba(176,176,255,.9490196078)}.sidebar .intro{position:relative;left:30px;font-weight:600;text-transform:uppercase;font-size:17px;font-family:"Poppins" system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;top:5px}.sidebar .intro i{margin-right:10px;color:#51038c;font-size:30px}.sidebar ul{position:relative;left:-40px;align-items:flex-start;height:max-content;width:100%}.sidebar ul li{align-items:flex-start;margin-bottom:8px;width:80%;padding:10px 20px;border-bottom:1px solid rgba(181,181,255,.9490196078)}.sidebar ul li a{color:#34025a;font-size:14px}.sidebar ul li a i{margin-right:15px;background-color:#51038c;border-radius:5px;padding:8px;border-radius:50%;font-size:12px;color:#f0d853}.text-bold{font-weight:600}.btn-rounded{padding:10px;border-radius:50%}ul li .cart{font-weight:bold}.bg-green{background-color:#15ae5c}.bg-gold{background-color:#b39a10}@keyframes slide{0%{margin-left:-2000px}50%{opacity:.5;margin-left:-1000px}100%{opacity:1;margin-left:0px}}.mymenu{display:none;opacity:0;background-color:rgba(17,0,32,.9450980392);backdrop-filter:blur(20px);margin:0;flex-direction:column;align-items:center;align-content:center;justify-items:center;width:300px;height:100vh;box-shadow:1px 1px 1px rgba(17,0,32,.6431372549);animation-name:slide;animation-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);animation-duration:3s;animation-delay:-2s;animation-fill-mode:forwards;animation-iteration-count:1;margin-top:-2px;position:fixed;top:0;z-index:99;box-sizing:border-box;padding-top:100px}.mymenu span{display:flex;flex-direction:column;justify-content:center;align-items:center;align-content:center;justify-items:center;font-size:20px;color:#fff;width:30px;height:30px;background-color:#34025a;border-radius:50px;cursor:pointer;text-align:center;margin-left:-30px;margin-top:-10px}.mymenu menu{height:60vh;z-index:200px;width:200px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-top:10px}.mymenu menu ul{margin-left:-70px;text-align:center;display:flex;flex-direction:column;justify-content:center;justify-content:flex-start;align-items:flex-start;margin-top:10px}.mymenu menu ul li{display:flex;align-items:center;margin-bottom:10px;margin-left:-3%;margin-top:5%;width:80%;height:40px;background-color:rgba(22,0,42,.631372549);color:#b39a10;box-sizing:border-box;padding-left:25px;border-radius:20px}.mymenu menu ul li a{color:#b39a10;font-size:13px}.mymenu menu ul li form{display:inline-flex;background-color:rgba(0,0,0,0);width:100%}.mymenu menu ul li form input{border:none;border-radius:50px;height:45px;box-sizing:border-box;padding:20px;background-color:rgba(25,0,47,.9058823529);color:rgba(252,252,255,.9490196078);width:250px;position:relative;left:-30px}.mymenu menu ul li form button{position:relative;left:-70px;background-color:rgba(0,0,0,0);color:#b39a10}.mymenu menu ul li:first-child{background-color:rgba(0,0,0,0);width:100%}.myprofile{display:none;opacity:0;animation-name:fade;animation-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);animation-duration:1s;animation-delay:.2s;animation-fill-mode:forwards;animation-iteration-count:1;height:100vh;width:270px;background-color:rgba(17,0,32,.9333333333);backdrop-filter:blur(10px);position:fixed;top:0;right:0;z-index:99;justify-content:flex-start;box-sizing:border-box;padding:27% 5%}.myprofile span:first-child{position:relative;left:44%;width:20px;height:20px;background-color:#34025a;font-weight:600;color:#b39a10;font-size:20px;border-radius:50%;padding:5px;text-align:center;place-content:center;cursor:pointer}.myprofile img{width:40%}.myprofile .bg-light{margin-top:10px;width:100%;height:50%;background-color:#3d0269;align-items:flex-start;box-sizing:border-box;padding:2%;border-radius:10px}.myprofile .bg-light p{font-size:11.5px;color:rgba(252,252,255,.9490196078);font-weight:bold}.myprofile .bg-light p i{color:#e2c214;margin-right:10px;font-size:13px;margin-left:10px}.myprofile .grid-4,.myprofile .grid-3,.myprofile .grid-2,.myprofile body .about .container,body .about .myprofile .container{margin-top:30px;width:80%;height:40px;background-color:#3d0269;border-radius:30px}.myprofile .grid-4 a,.myprofile .grid-3 a,.myprofile .grid-2 a,.myprofile body .about .container a,body .about .myprofile .container a{color:#e4c3fe}.myprofile .grid-4 a i,.myprofile .grid-3 a i,.myprofile .grid-2 a i,.myprofile body .about .container a i,body .about .myprofile .container a i{color:inherit}@media screen and (max-width: 768px){.hamburger{display:block}.desktop-header{display:none}.modal .modal-content{width:92%;height:90%;padding:20px 0}.modal .modal-content #closer{top:15px;right:15px;padding:2px}.modal .modal-content form{grid-template-columns:repeat(1, 1fr);width:90%;top:5px}.modal .modal-content form input{width:94%;margin:0 0 10px 0}.modal .modal-content form textarea,.modal .modal-content form select{width:100%}.modal .modal-content form button{width:80%}.modal-z .modal-content{box-sizing:border-box;padding:2%;text-align:center;width:90%}.modal-z .modal-content form input{width:90%}}html{scroll-behavior:smooth;scroll-timeline:5}body{margin:0;padding:0;background-color:rgba(242,242,255,.9490196078);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;background-position:center center;box-sizing:border-box;z-index:-2;overflow-x:hidden}body main{height:75vh;width:100vw;box-sizing:border-box;padding-top:6%;padding-bottom:2%}body main .grid-2,body main .about .container,body .about main .container{width:80%;height:90%}body main .grid-2 .gr,body main .about .container .gr,body .about main .container .gr{width:90%}body main .grid-2 .gr p,body main .about .container .gr p,body .about main .container .gr p{margin-top:-5px;opacity:.5;font-size:15px;line-height:20px}body main .grid-2 .gr a i,body main .about .container .gr a i,body .about main .container .gr a i{margin-right:5px}body main .grid-2 img,body main .about .container img,body .about main .container img{width:95%;animation:fade 1s forwards ease-in}body .features{height:70vh;width:100vw;padding-bottom:20px;background-color:rgba(242,242,255,.9490196078);overflow:hidden}body .features .wrapper{height:90%;width:80%}body .features .wrapper .gr{align-items:flex-start}body .features .wrapper .gr h2{text-transform:capitalize;margin-bottom:10px}body .features .wrapper .gr p{opacity:.65;font-size:14px;line-height:1.6rem;margin-bottom:15px}body .features .wrapper .gr a i{font-size:17px;margin-right:10px;color:rgba(252,252,255,.9490196078)}body .features .wrapper .gr img{display:none}body .supplier{height:70vh;width:100%;background-color:rgba(242,242,255,.9490196078);background-repeat:no-repeat;background-size:cover}body .supplier .container{position:relative;top:5%;width:90%;height:90%;backdrop-filter:blur(8px);border-radius:50px;z-index:2;box-sizing:border-box;padding:10px}body .supplier .container .grid-item img{border-radius:10px;margin-left:5%;width:90%}body .supplier .container .grid-item:nth-child(2){width:90%;box-sizing:border-box;padding-top:9%}body .supplier .container .grid-item:nth-child(2) h1{font-weight:600;text-transform:capitalize}body .supplier .container .grid-item:nth-child(2) p{font-size:14px;line-height:1.6rem;opacity:.7}body .supplier .container .grid-item:nth-child(2) a i{font-size:17px;margin-right:10px;color:rgba(252,252,255,.9490196078)}body .about{background-repeat:no-repeat;background-size:cover;width:100%;height:80vh;background-color:rgba(242,242,255,.9490196078)}body .about .container{width:80%;height:90%;box-sizing:border-box;padding:10px;grid-gap:10px}body .about .container .grid-item{align-items:flex-start;justify-content:flex-start}body .about .container .grid-item h1{font-weight:500;text-transform:capitalize}body .about .container .grid-item p{font-size:14px;line-height:1.6rem;opacity:.7}body .about .container .grid-item img{display:none}body .about .container .grid-item a i{font-size:17px;margin-right:10px;color:rgba(252,252,255,.9490196078)}body .about .container .grid-item:nth-child(2){position:relative;left:30%;align-items:flex-start;justify-content:flex-start}body .about .container .grid-item:nth-child(2) h2{position:relative;font-weight:400;text-transform:capitalize}body .about .container .grid-item:nth-child(2) p{font-size:12px;font-weight:500;opacity:1;letter-spacing:.5px}body .about .container .grid-item:nth-child(2) p i{justify-content:center;text-align:center;margin-right:25px;padding:10px;height:10px;width:15px;background-color:#420373;border-radius:10px;color:rgba(255,255,255,.9490196078)}body .contact{height:92vh;background-color:rgba(247,247,255,.9490196078);width:100%}body .contact .form-container{width:80%;height:80%}body .contact .form-container form{width:80%}body .contact .form-container form input,body .contact .form-container form textarea{border:none;background-color:rgba(0,0,0,0);background-color:rgba(237,237,255,.9490196078);border-radius:10px;height:25px;padding:10px;width:70%;outline:0;margin-bottom:15px}body .contact .form-container form input::placeholder,body .contact .form-container form textarea::placeholder{opacity:.5;color:#170128;font-size:11px}body .contact .form-container form textarea{height:100px;resize:none}body .contact .form-container form button{width:72%;cursor:pointer}@media screen and (min-width: 769px)and (max-width: 980px){.features{height:max-content;width:100vw;padding-bottom:5%}}@media screen and (max-width: 768px){body{overflow-x:hidden}body main{width:100vw;overflow-x:hidden;height:max-content;justify-content:center;align-items:center;padding-bottom:50px}body main .wrapper{width:95%;grid-template-columns:repeat(1, 1fr)}body main .wrapper img{width:95%}body main .wrapper .x-start{width:95%;align-items:center}body main .wrapper .x-start h1{font-size:20px;text-align:center}body main .wrapper .x-start p{text-align:center}body .features{height:max-content;box-sizing:border-box;padding:10% 5%;overflow-x:hidden}body .features .wrapper{display:grid;grid-template-columns:repeat(1, 1fr);height:max-content;width:90%;height:100%}body .features .wrapper .gr{width:100%;height:100%;margin-bottom:10px}body .features .wrapper .gr h2{font-size:5.5vw}body .features .wrapper .gr p{font-size:3.5vw}body .features .wrapper .gr img{display:block;width:100%}body .features .wrapper img{display:none}body .supplier{height:max-content;padding:20px 0}body .supplier .container{display:grid;grid-template-columns:repeat(1, 1fr);width:90%}body .supplier .container .grid-item:nth-child(1) img{width:100%;height:90%}body .supplier .container .grid-item:nth-child(2){width:95%;margin-left:2%}body .supplier .container .grid-item:nth-child(2) h2{font-size:6vw}body .supplier .container .grid-item:nth-child(2) p{font-size:3.5vw}body .about{height:max-content;padding:30px 0;overflow-x:hidden}body .about .container{display:grid;grid-template-columns:repeat(1, 1fr);width:90%}body .about .container .grid-item:nth-child(1){width:95%;margin-left:5%}body .about .container .grid-item:nth-child(1) h2{font-size:4.5vw}body .about .container .grid-item:nth-child(1) p{font-size:3.5vw}body .about .container .grid-item:nth-child(1) img{display:block;width:90%}body .about .container .grid-item:nth-child(2){position:relative;left:5%;top:5%}body .about .container .grid-item:nth-child(2) h2{font-size:5.5vw}body .about .container .grid-item:nth-child(2) p{font-size:3vw}body .about .container .grid-item:nth-child(2) img{display:block;width:90%;margin-left:-2%}body .contact{height:max-content;box-sizing:border-box;padding:3%;background-image:none;width:99vw;overflow-x:hidden}body .contact .form-container{width:95%}body .contact .form-container form input,body .contact .form-container form textarea{width:100%}body .contact .form-container form button{width:100%}}