.navbar{width:100%;background:#ced8ff;display:flex;align-items:center;justify-content:space-between;transition:.5s;padding:15px 7%}.logo{width:160px;cursor:pointer}ul{flex:1;list-style:none;text-align:center}ul li{display:inline-block;margin:10px 20px;font-size:18px;cursor:pointer}.toggle-icon{width:50px;cursor:pointer;margin-left:40px}.search-box{display:flex;align-items:center;background:#242424;padding:10px 20px;border-radius:50px}.search-box input{padding:6px;background:transparent;border:0;outline:white;color:#fff;font-size:18px;max-width:200px}.search-box input::placeholder{color:#fff}.search-box img{width:20px;cursor:pointer}.dark .navbar{background:#242424;color:#fff}.dark .search-box{background:#fff}.dark .search-box input{color:#242424}.dark .search-box input::placeholder{color:#fff}*{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;background-color:#000;grid-template-columns:10rem 1fr 2fr 1fr 10rem;box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px}.logo{display:grid;grid-column:2/3;justify-content:start;align-items:center}.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.8rem;font-weight:700;text-transform:uppercase;background:-webkit-linear-gradient(rgb(180,125,226),rgb(147,29,243));-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:#fafaffcc;transition:.5s}.menu-link ul li:hover>a{transform-origin:left;color:#b47de2;text-decoration:underline;transition:.5s}.social-media ul li{font-size:1.8rem}.social-media .hamburger-menu{display:none}.facebook{color:#3b5998}.instagram{color:#c32aa3}.youtube{color:red}.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 (min-width: 999px){.main-nav{height:7rem;grid-template-columns:5rem 8fr 8fr 0fr 0rem}.logo,.menu-link ul,.social-media ul{height:7rem}}@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:#19191a;height:30rem;width:100%;display:grid;grid-column:1/6;align-items:center;padding-left:48%;transition:all 2s linear;transform-origin:top;box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px}.mobile-menu-link ul{height:30rem;display:flex;justify-content:space-around;flex-direction:column;align-items: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}}@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}.li{text-align:center;padding-left:30%}.logo h2{font-size:2rem}.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}}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{min-height:100vh;width:100%;background:#eeeceb}footer{position:relative;background:#000;width:100%;bottom:0;left:0}footer:before{content:"";position:absolute;left:0;top:100px;height:1px;width:100%;background:#afafb6}footer .content{max-width:1250px;margin:auto;padding:30px 40px 40px}footer .content .top{display:flex;align-items:center;justify-content:space-between;margin-bottom:50px}.content .top .logo-details{color:#fff;font-size:30px}.content .top .media-icons{display:flex}.content .top .media-icons a{height:40px;width:40px;margin:0 8px;border-radius:50%;text-align:center;line-height:40px;color:#fff;font-size:17px;text-decoration:none;transition:all .4s ease}.top .media-icons a:nth-child(1){background:#4267b2}.top .media-icons a:nth-child(1):hover{color:#4267b2;background:#fff}.top .media-icons a:nth-child(2){background:#1da1f2}.top .media-icons a:nth-child(2):hover{color:#1da1f2;background:#fff}.top .media-icons a:nth-child(3){background:#e1306c}.top .media-icons a:nth-child(3):hover{color:#e1306c;background:#fff}.top .media-icons a:nth-child(4){background:#0077b5}.top .media-icons a:nth-child(4):hover{color:#0077b5;background:#fff}.top .media-icons a:nth-child(5){background:red}.top .media-icons a:nth-child(5):hover{color:red;background:#fff}footer .content .link-boxes{width:100%;display:flex;justify-content:space-between}footer .content .link-boxes .box{width:calc(20% - 10px)}.content .link-boxes .box .link_name{color:#fff;font-size:18px;font-weight:400;margin-bottom:10px;position:relative}.link-boxes .box .link_name:before{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:35px;background:#fff}.content .link-boxes .box li{margin:6px 0;list-style:none}.content .link-boxes .box li a{color:#fff;font-size:14px;font-weight:400;text-decoration:none;opacity:.8;transition:all .4s ease}.content .link-boxes .box li a:hover{opacity:1;text-decoration:underline}.content .link-boxes .input-box{margin-right:55px}.link-boxes .input-box input{height:40px;width:calc(100% + 55px);outline:none;border:2px solid #AFAFB6;background:#140b5c;border-radius:4px;padding:0 15px;font-size:15px;color:#fff;margin-top:5px}.link-boxes .input-box input::placeholder{color:#afafb6;font-size:16px}.link-boxes .input-box input[type=button]{background:#fff;color:#000;border:none;font-size:18px;font-weight:500;margin:4px 0;opacity:.8;cursor:pointer;transition:all .4s ease}.input-box input[type=button]:hover{opacity:1}footer .bottom-details{width:100%;background:#252525}footer .bottom-details .bottom_text{max-width:1250px;margin:auto;padding:20px 40px;display:flex;justify-content:space-between}.bottom-details .bottom_text span,.bottom-details .bottom_text a{font-size:14px;font-weight:300;color:#fff;opacity:.8;text-decoration:none}.bottom-details .bottom_text a:hover{opacity:1;text-decoration:underline}.bottom-details .bottom_text a{margin-right:10px}@media (max-width: 900px){footer .content .link-boxes{flex-wrap:wrap}footer .content .link-boxes .input-box{width:40%;margin-top:10px}}@media (max-width: 700px){footer{position:relative}.content .top .logo-details{font-size:26px}.content .top .media-icons a{height:35px;width:35px;font-size:14px;line-height:35px}footer .content .link-boxes .box{width:calc(100% / 3 - 10px)}footer .content .link-boxes .input-box{width:60%}.bottom-details .bottom_text span,.bottom-details .bottom_text a{font-size:12px}}@media (max-width: 520px){footer:before{top:145px}footer .content .top{flex-direction:column}.content .top .media-icons{margin-top:16px}footer .content .link-boxes .box{width:calc(50% - 10px)}footer .content .link-boxes .input-box{width:100%}}*{margin:0;padding:0;box-sizing:border-box;font-family:sans-serif}.container{width:100vw;min-height:100vw;background:#fff;transition:.5s}.container.dark{background:#222}