*,*::after,*::before{margin:0;padding:0;box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}@media(max-width: 64em){html{font-size:56.25%}}@media(max-width: 48.125em){html{font-size:50%}}@media(min-width: 112.5em){html{font-size:75%}}body{font-family:"Public Sans",sans-serif;font-weight:400;font-size:1.8rem;color:#9698a6;min-height:100vh}a{display:inline-block;text-decoration:none;text-transform:capitalize}ul{list-style:none}img,picutre{max-width:100%;display:block}input,button,textarea,select,a{font:inherit}.container{margin-inline:auto;padding-inline:1.5rem;width:95%;max-width:111rem}.btn-main{padding:1.7rem 3.5rem;background:linear-gradient(to right, hsl(136, 65%, 51%), hsl(192, 70%, 51%));color:#fff;font-weight:700;text-transform:capitalize;border:none;border-radius:10rem;cursor:pointer;transition:all .3s}.btn-main:hover{opacity:.8}.btn-main:active{transform:translateY(2px)}.toggle-nav{display:none}@media(max-width: 40em){.toggle-nav{display:block;border:none;background-color:rgba(0,0,0,0);cursor:pointer}.toggle-nav svg{width:3.5rem;height:3.5rem}}.overlay{display:none}@media(max-width: 40em){.overlay{display:block;position:fixed;top:0;left:0;width:100%;height:100dvh;background-color:rgba(0,0,0,.3);visibility:hidden;opacity:0;transition:all .3s;overflow:hidden}.overlay.toggle{visibility:visible;opacity:1}}.primary-heading{font-size:5.2rem;font-weight:300;color:#2d314d;margin-bottom:3rem}@media(max-width: 40em){.primary-heading{font-size:4rem}}.secondary-heading{color:#2d314d;font-weight:300;font-size:3.6rem;margin-bottom:3rem;text-transform:capitalize}.hero{position:relative;background-color:#fafafa;overflow-x:clip;padding:5rem 0;background:url(../../img/SVG/bg-intro-desktop.svg);background-repeat:no-repeat;background-position:160% 53%;background-size:70%}@media(max-width: 40em){.hero{background:url(../../img/SVG/bg-intro-mobile.svg);background-repeat:no-repeat;background-position:29% 0%;background-size:100%}}.hero .container{display:flex;align-items:center;justify-content:space-between;gap:4rem;min-height:50rem}.hero .hero-text{flex:0 0 40%}.hero .hero-text .hero-para{font-size:1.8rem;margin-bottom:3rem}@media(max-width: 40em){.hero .hero-text{margin-top:100%}}.hero .hero-img{flex-basis:60%}.hero .hero-img .img-box{position:absolute;right:0;top:0;transform:translate(15%, -15%);width:70%;max-width:72rem}@media(max-width: 40em){.hero .hero-img .img-box{position:absolute;left:50%;top:15%;transform:translate(-50%, -50%);width:85%}}@media(max-width: 40em){.hero .container{flex-direction:column-reverse}}.features{background-color:#f3f4f6;padding:8rem 0}.features .features-para{max-width:62rem;margin-bottom:6rem;line-height:1.5}.features .features-box{display:grid;grid-template-columns:repeat(auto-fill, minmax(25rem, 1fr));gap:1.5rem}.features .features-box .feature .feature-icon svg{width:72px;height:72px;border-radius:50%;background:linear-gradient(to right bottom, hsl(136, 65%, 51%), hsl(192, 70%, 51%))}.features .features-box .feature .feature-heading{font-size:2.4rem;color:#2d314d;font-weight:300;margin:3rem 0}.features .features-box .feature .feature-para{font-size:1.4rem;line-height:1.5}@media(max-width: 40em){.features{text-align:center}}.articles{background-color:#fafafa;padding:8rem 0}.articles .articles-box{display:grid;grid-template-columns:repeat(auto-fill, minmax(25rem, 1fr));gap:2rem}.articles .articles-box .article{background-color:#fff;border-radius:1rem;overflow:hidden}.articles .articles-box .article-img img{height:20rem;width:100%}.articles .articles-box .article-info{padding:2rem}.articles .articles-box .article-author{font-size:1.2rem;font-weight:700;margin:2rem 0}.articles .articles-box .article-heading{color:#2d314d;font-weight:400;cursor:pointer;transition:color .3s;margin-bottom:2rem}.articles .articles-box .article-heading:hover{color:#31d35c}.header{position:relative;background-color:#fff;font-size:1.4rem;z-index:20}.header .container{display:flex;align-items:center;justify-content:space-between;height:7.6rem}.header .nav .nav-list{display:flex;align-items:center;gap:3rem}.header .nav .nav-link:visited,.header .nav .nav-link:link{position:relative;padding:3rem 0;color:#9698a6;transition:color .3s}.header .nav .nav-link:hover,.header .nav .nav-link:active{color:#2d314d}.header .nav .nav-link:hover::after,.header .nav .nav-link:active::after{width:100%}.header .nav .nav-link::after{content:"";position:absolute;width:0;height:3px;left:0;bottom:0;background:linear-gradient(to right, hsl(136, 65%, 51%), hsl(192, 70%, 51%));transition:width .3s}@media(max-width: 40em){.header .nav{position:absolute;width:80%;top:calc(100% + 2rem);left:50%;transform:translateX(-50%) scaleY(0);transform-origin:top;background-color:#fff;border-radius:1rem;font-size:2.4rem;transition:transform .3s}.header .nav.toggle{transform:translateX(-50%) scaleY(1)}.header .nav .nav-list{flex-direction:column;align-items:center;gap:0}.header .btn-main{display:none}}.footer{background-color:#2d314d;color:#fff;padding:6rem 0;font-size:1.4rem}.footer .container{display:flex;justify-content:space-between;min-height:10rem}@media(max-width: 40em){.footer .container{flex-direction:column}}.footer .links{display:flex;justify-content:space-between;gap:7rem}@media(max-width: 40em){.footer .links{flex-direction:column;align-items:center;gap:0;text-align:center}}.footer .links a{color:#fff;display:block;padding:1rem}.footer .links a:hover{color:#31d35c}.footer .social{display:flex;flex-direction:column;justify-content:space-between}@media(max-width: 40em){.footer .social{margin-bottom:2rem}}.footer .social .social-icons svg{width:20px;height:20px;cursor:pointer;fill:#fff;transition:fill .3s}.footer .social .social-icons svg:hover{fill:#31d35c}.footer .social .social-icons svg:not(:last-child){margin-right:1rem}.footer .copyright{align-items:flex-end;display:flex;flex-direction:column;justify-content:space-between}@media(max-width: 40em){.footer .copyright{flex-direction:column;align-items:center;gap:2rem;text-align:center;margin-top:2rem}}