@import"https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100&display=swap";.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.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}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box;font-family:Jost,sans-serif}html{font-size:62.5%}a{text-decoration:none}li{list-style:none}.main-nav{width:100%;height:10rem;display:grid;grid-template-columns:10rem 1fr 2fr 1fr 10rem;box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px;margin-bottom:50px}.logo{display:grid;grid-column:2/3;justify-content:start;align-items:center;cursor:pointer}.menu-link{grid-column:3/4}.menu-link ul{height:10rem;display:flex;justify-content:space-around;align-items:center}.social-media{grid-column:4/5}.social-media ul{height:10rem;display:grid;grid-template-columns:3fr repeat(3,1fr);align-items:center;justify-content:flex-end}.social-media ul li{text-align:right}.social-media ul li:first-child{grid-column:2/3}.logo h2{font-size:2.5rem;font-weight:400;background:-webkit-linear-gradient(#eee,rgb(69,57,248));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo h2 span{font-size:3.5rem}.menu-link ul li{font-size:1.8rem}.menu-link ul li a{text-transform:capitalize;color:#000003cc;transition:.5s}.menu-link ul li:hover>a{transform-origin:left;color:#000003;text-decoration:underline;transition:.5s}.social-media ul li{font-size:1.8rem}.social-media .hamburger-menu{display:none}.hero-section{height:80vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.hero-section p{font-size:3rem;text-transform:capitalize}.hero-section h1{font-size:5rem;text-transform:uppercase;text-align:center}@media (max-width: 1080px){.main-nav{height:8rem;grid-template-columns:2rem 3fr 3fr 1fr 2rem}.logo,.menu-link ul,.social-media ul{height:8rem}}@media (max-width: 998px){.main-nav{height:7rem;grid-template-columns:2rem 2fr 3fr 2rem 2rem}.menu-link{display:none}.logo,.social-media ul{height:7rem}.mobile-menu-link{grid-column:2/4;position:relative;z-index:99}.mobile-menu-link{background-color:#fff;height:20rem;display:grid;grid-column:2/5;align-items:center;padding-left:3rem;transition:all 2s linear;transform-origin:top;box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px}.mobile-menu-link ul{height:20rem;display:flex;justify-content:space-around;flex-direction:column;align-items:flex-start}.mobile-menu-link ul li:first-child{transition-delay:.2s}.social-media{grid-row:1/2;grid-column:3/5;justify-items:end;align-items:center;transition:all 2s linear}.social-media .social-media-desktop{height:0;display:none}.social-media{height:7rem;display:flex;justify-self:end;align-items:center}.social-media .hamburger-menu{display:block;font-size:2.5rem;margin-right:20px;margin-top:5px}}@media (max-width: 798px){.main-nav{height:6rem;grid-template-columns:1rem 2fr 1fr 1fr 1rem}.logo,.social-media ul{height:6rem}.social-media{height:6rem;display:flex;justify-self:end;align-items:center}.social-media .hamburger-menu{display:block;font-size:2.5rem}}@media (max-width: 520px){.main-nav{height:6rem;grid-template-columns:1rem 4fr 1fr 1fr 1rem}.logo,.social-media ul{height:6rem}.logo h2{font-size:1.5rem}.social-media{height:6rem;display:flex;justify-self:end;align-items:center}.social-media .hamburger-menu{display:block;font-size:2.5rem}.hero-section h1{font-size:3.8rem}.social-media .hamburger-menu .searchdiv{width:200px}.social-media .hamburger-menu .searchdiv input{width:180px}}.potfilioimg{width:20px;height:20px}.searchdiv{border:.2px solid gray;border-radius:5px;display:flex;justify-content:space-between;padding:5px;align-items:center;width:300px}.searchdiv input{outline:none;border:none;width:250px;padding:7px;font-size:18px}.searchicon{cursor:pointer;width:25px;height:25px;margin-right:20px}.mainContainer{display:grid;grid-template-columns:repeat(auto-fill,350px);color:#fff;grid-gap:20px;padding:20px;place-content:center}.childContainer{overflow:hidden;overflow-y:auto;background:#7F7FD5;background:-webkit-linear-gradient(to right,#91EAE4,#86A8E7,#7F7FD5);background:linear-gradient(to right,#91EAE4,#86A8E7,#7F7FD5);height:350px;border-radius:7px;box-shadow:#00000059 0 5px 15px;padding:15px;font-size:15px}.childContainer::-webkit-scrollbar{display:none}.searchContienr{display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:1.3rem;cursor:pointer}.loadingSpinner{display:block!important;margin:100px auto 0!important;border-color:#36d7b7!important}