.hero_section{padding:50px 5%;margin-top:90px;text-align:center}.hero_section h1{font-size:70px;line-height:1.2;color:var(--primary-color)}.hero_section p{font-size:20px;max-width:700px;margin:20px auto 0;color:#636363}.bg_container{width:100%;display:flex;justify-content:center;align-items:center;margin-top:40px}.bg_container .bg_content{width:950px;min-height:320px;background:linear-gradient(45deg,var(--primary-color),#1c1c75);border-radius:20px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:30px}.bg_container .bg_content .mockup_container{display:flex;gap:30px;justify-content:center;width:100%;margin-bottom:20px}.bg_container .bg_content .mockup_container img{width:300px;height:100%;border-radius:20px;box-shadow:0 0 30px rgba(0,0,0,.126)}.bg_container .bg_content .functions{display:flex;align-items:center;justify-content:center;gap:10px;padding:0 30px}.bg_container .bg_content .functions button{background-color:hsla(0,0%,100%,.244);border:none;padding:10px 20px;color:#fff;font-weight:700;border-radius:50px;font-size:19px}.portfolio{padding:50px 0}.portfolio .content{max-width:950px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.portfolio .content .heading{display:flex;flex-direction:column;justify-content:center;grid-column:1/span 2;text-align:center;margin-bottom:20px}.portfolio .content .heading h1{font-size:40px;font-weight:900;background:linear-gradient(45deg,var(--primary-color),#0c0c31);-webkit-background-clip:text;background-clip:text;color:transparent}.portfolio .content .heading p{font-size:18px;color:#636363}.portfolio .content .card{border-radius:20px;overflow:hidden;text-decoration:none;background:#fff;color:#fff;position:relative;padding:40px;.text_container{display:flex;flex-direction:column;gap:5px}&:nth-child(2){background-color:#02d449;background-image:conic-gradient(from 1turn,#23a64f,#23a64f,#02d449)}&:nth-child(3){background-image:conic-gradient(from 1turn,#562279,#7d46a2,#7c36aa)}&:nth-child(4){grid-column:1/span 2;background-image:conic-gradient(from 1turn,#e37323,#e4823c,#f58634)}}.portfolio .content .card .img_container{display:flex;justify-content:center;overflow:hidden}.portfolio .content .card .img_container img{width:100%;height:150px;transform:scale(1.2);-o-object-fit:cover;object-fit:cover}.portfolio .content .card h2{font-size:25px}.portfolio .content .card p{color:#e3e1e1;font-size:18px;width:70%}@media screen and (max-width:1200px){.portfolio .content{max-width:none;width:100%}.portfolio{padding:10px 5% 70px}}@media screen and (max-width:800px){.hero_section{margin-top:50px;padding-left:5%;padding-right:5%}.hero_section h1{font-size:40px}.bg_container{margin-top:0;width:95%}.bg_container .bg_content .mockup_container img{width:50%}.bg_container .bg_content .functions{gap:5px;transform:scale(.9)}.bg_container .bg_content .functions button{white-space:nowrap;font-size:15px;padding:8px 15px}.portfolio .content{grid-template-columns:repeat(1,1fr)}.portfolio .content .heading{grid-column:1}.portfolio .content .card{padding:40px;&:nth-child(4){flex-direction:column;grid-column:1}}.hero_section{padding-left:3%;padding-right:3%}.hero_section h1{font-size:30px}.hero_section p{font-size:16px;margin-bottom:20px}.bg_container{margin:0 auto}.bg_container .bg_content{width:100%;min-width:100%;max-width:100%;min-height:-moz-max-content;min-height:max-content}.bg_container .bg_content .mockup_container{gap:15px}.bg_container .bg_content .mockup_container img{border-radius:10px}.bg_container .bg_content .functions{transform:scale(.7)}.portfolio .content .heading h1{font-size:30px}.portfolio .content .heading p{font-size:16px}.portfolio .content .card h2{font-size:20px}.portfolio .content .card p{font-size:18px}.portfolio .content .card .img_container img{width:100%;height:120px}}