@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap");*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{width:100%}a{text-decoration:none}:root{--font-primary:"Poppins",sans-serif;--font-secondary:"Inter",sans-serif}.headerSection{min-height:38rem;padding:1rem;width:100%}.headerSection .Container{align-items:center;display:grid;gap:2rem;grid-template-columns:1fr 1fr;height:100%;margin:0 auto;max-width:1200px;overflow:hidden;width:100%}.headerSection .Container .content,.headerSection .Container .imags{height:auto;padding:1rem;width:100%}.content{animation:smoothFadeIn 1.5s cubic-bezier(.25,.8,.25,1) 1 alternate}.imags{animation:smoothFadeIn 3s cubic-bezier(.25,.8,.25,1) 1 alternate}@keyframes smoothFadeIn{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}.content h1{font-family:var(--font-primary);font-size:2.5rem;font-weight:700;line-height:1.3;margin-top:2rem;padding:8px}.content h1 span{color:#9a35f9}.content p{color:#333;font-family:var(--font-secondary);font-size:17px;letter-spacing:1.01px;line-height:1.3;margin:.1rem 0 0;padding:8px;text-align:left;text-shadow:0 1px 2px rgba(0,0,0,.05);width:88%;word-spacing:.1em}.content .img-1{margin:0 0 0 2rem;width:100px}.content .img-1,.content .img-2{display:inline-block;vertical-align:middle}.content .img-2{margin:0 0 0 .3rem;width:160px}.btns{padding-block:8px;width:max-content}.content .btns .btn-1,.content .btns .btn-2{border:2px solid #9a35f9;border-radius:8px;box-shadow:0 8px 16px rgba(64,64,64,.3),0 4px 8px rgba(64,64,64,.2),inset 0 -2px 4px rgba(0,0,0,.1);display:inline-block;overflow:hidden;padding:14px 18px;transform:translateY(0);transition:all .3s ease-in-out;width:max-content}.content .btns .btn-1{background-color:#9a35f9;box-shadow:0 8px 20px rgba(64,64,64,.4),0 4px 10px rgba(64,64,64,.3),inset 0 1px 2px hsla(0,0%,100%,.2),inset 0 -2px 4px rgba(0,0,0,.1);margin:.3rem 0 .3rem .6rem}.content .btns .btn-2{background-color:#fff;box-shadow:0 8px 20px rgba(64,64,64,.2),0 4px 10px rgba(64,64,64,.15),inset 0 1px 2px hsla(0,0%,100%,.8),inset 0 -2px 4px rgba(64,64,64,.05);margin:.3rem 0 .3rem 1rem}.content .btns .btn-1 span,.content .btns .btn-2 span{font-family:var(--font-primary);font-size:16px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.1)}.content .btns .btn-1 span{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.content .btns .btn-2 span{color:#9a35f9;text-shadow:0 1px 2px rgba(64,64,64,.2)}.content .btns .btn-1:hover{background-color:#fff;box-shadow:0 12px 24px rgba(64,64,64,.3),0 6px 12px rgba(64,64,64,.2),inset 0 1px 2px hsla(0,0%,100%,.8),inset 0 -2px 4px rgba(64,64,64,.05)}.content .btns .btn-1:hover span{color:#9a35f9;text-shadow:0 1px 2px rgba(64,64,64,.2)}.content .btns .btn-2:hover{background-color:#9a35f9;box-shadow:0 12px 24px rgba(64,64,64,.4),0 6px 12px rgba(64,64,64,.3),inset 0 1px 2px hsla(0,0%,100%,.2),inset 0 -2px 4px rgba(0,0,0,.1)}.content .btns .btn-2:hover span{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.imags{align-items:center;display:flex;justify-content:center}.imags img{display:block;height:auto;max-width:390px;width:100%}@media (max-width:768px){.headerSection{margin-bottom:4rem;min-height:auto;padding:.5rem 0}.headerSection .Container{gap:1rem;grid-template-columns:1fr;max-width:100%}.content h1{font-size:1.8rem;line-height:1.3;margin-top:1rem;padding:8px}.content p{font-size:15px;width:100%}.headerSection .Container .content,.headerSection .Container .imags{padding:.5rem;width:100%}.content .img-1{width:80px}.content .img-2{width:150px}.imags img{max-width:300px}.content .btns .btn-1,.content .btns .btn-2{margin:.3rem;padding:12px 16px}}@media (min-width:769px) and (max-width:1024px){.headerSection{min-height:auto;padding:1rem}.headerSection .Container{gap:1.5rem;max-width:95%}.content h1{font-size:1.8rem;margin-top:1.5rem;padding:8px}.content p{font-size:16px;width:90%}.imags img{max-width:320px}}@media (min-width:1440px){.headerSection .Container{gap:3rem;max-width:1400px}.headerSection .Container .content{margin-left:2.8rem}.content h1{font-size:2.8rem}.content p{font-size:18px;width:80%}.imags img{margin-left:1.3rem;max-width:450px}}