@import url(https://cdn.syncfusion.com/ej2/material.css);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#191a1c}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}::-webkit-scrollbar{width:15px}::-webkit-scrollbar-track{background-color:#191a1c}::-webkit-scrollbar-thumb{background-color:#8ba0a4;border-radius:10px;border:4px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:#8ba0a4}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ContainerMain{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:5%}.Container{width:930px;flex-wrap:wrap;justify-content:space-between}.Container,.Container .Card{position:relative;display:flex}.Container .Card{width:250px;background:linear-gradient(0deg,#1b1b1b,#222,#1b1b1b);justify-content:center;align-items:center;height:300px;border-radius:4px;text-align:center;overflow:hidden;transition:.5s;margin:10px}.Container .Card:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px);box-shadow:0 15px 35px rgba(0,0,0,.5)}.Container .Card:before{content:"";position:absolute;top:0;left:-50%;width:100%;height:100%;background:hsla(0,0%,100%,.03);pointer-events:none;z-index:1}.Percent{position:relative;width:150px;height:150px;border-radius:50%;box-shadow:inset 0 0 50px #000;background:#222;z-index:1000}.Percent .Number{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:50%}.Percent .Number h2{color:#777;font-weight:700;font-size:40px;transition:.5s}.Card:hover .Percent .Number h2{color:#fff;font-size:55px}.Card:hover .Percent .Number h2 span{color:#fff}.Text{position:relative;color:#777;margin-top:20px;font-weight:700;font-size:18px;letter-spacing:1px;text-transform:uppercase;transition:.5s}.Card:hover .Text{color:#fff}.Percent .Number h2 span{font-size:24px;color:#777;transition:.5s}svg circle{width:100%;height:100%;fill:none;stroke:#191919;stroke-width:10;stroke-linecap:round;-webkit-transform:translate(5px,5px);transform:translate(5px,5px)}svg circle:nth-child(2){stroke-dasharray:440;stroke-dashoffset:440}.Card:first-child svg circle:nth-child(2){stroke-dashoffset:0;stroke:#00ff43}.Card:nth-child(2) svg circle:nth-child(2){stroke-dashoffset:44;stroke:#00a1ff}.Card:nth-child(3) svg circle:nth-child(2){stroke-dashoffset:22;stroke:#ff04f7}@media screen and (max-width:800px){.Container{position:relative;width:930px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}}.framCon{width:570px;height:540px}@media only screen and (max-width:600px){.framCon{width:300px;height:400px}}.first1{padding-top:0;justify-content:center;align-items:center}.first1,.second1{height:auto;display:flex;flex-direction:column}.second1{padding-top:40px}.dropdown{float:left;overflow:hidden}.dropdown_content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1;flex-direction:column}.dropdown_content a{float:none;color:#000;padding:12px 16px;text-decoration:none;display:block;text-align:left;flex-direction:column;height:51px}.dropdown_content a:hover{background-color:#ddd}.dropdown:hover .dropdown_content{display:block}.john_con{background-color:#fff}.john_con :hover{color:#343a40;font-weight:800}.datsss{height:40px;width:400px}@media screen and (max-width:375px){.datsss{width:310px}}@media screen and (max-width:320px){.datsss{width:300px}}
/*# sourceMappingURL=main.59074929.chunk.css.map */