.hero-section{background-image:url(https://www.foley.io/hubfs/hero-bg-1.png);background-position:50%;background-repeat:no-repeat;background-size:cover;padding:60px 0 20px}.container{margin:0 auto;max-width:1210px;padding:0 40px}.hero-section .hero-inner{align-items:center;display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between}.hero-section .hero-content{max-width:580px;width:60%}.hero-section .breadcrumb{align-items:center;color:#7a8ba6;display:flex;font-size:16px;gap:5px;margin-bottom:20px}.hero-section .breadcrumb a{color:#7a8ba6;text-decoration:none}.hero-section .breadcrumb a:hover{color:#cbd5e1}.hero-section .hero-content h1{color:#fff;font-size:60px;font-weight:600;line-height:72px}.hero-section .hero-content h1 .highlight{color:#2da3dc}.hero-section .hero-content p{color:#d0d5dd;font-size:20px;font-weight:400;line-height:30px;margin-top:50px}.hero-section .btn-register{align-items:center;background-color:#30679e;border:1px solid #30679e;border-radius:10px;color:#fff;display:flex;font-family:Inter;font-size:16px;font-weight:600;justify-content:center;line-height:1;margin-top:50px;padding:17px 22px;text-decoration:none!important;transition:all .3s ease;width:max-content}.hero-section .btn-register:hover{background-color:#fff;color:#30679e}.hero-section .btn-register svg{fill:none;height:20px;stroke:currentColor;stroke-width:2.2;width:20px}.hero-section .hero-image-wrap{width:40%}.hero-section .hero-image-wrap img{border:.83px solid #2e538b;border-radius:30px;height:auto;width:100%}@media (max-width:991px){.hero-section .hero-inner{align-items:center;flex-direction:column-reverse;gap:30px;text-align:center}.hero-section .hero-content{max-width:100%;width:100%}.hero-section .hero-content h1{font-size:42px;line-height:50px}.hero-section .hero-content p{font-size:16px;line-height:24px;margin-top:20px}.hero-section .btn-register{font-size:.75rem;margin-top:20px;padding:10px 16px}.hero-section .hero-image-wrap{width:80%}.hero-section .hero-image-wrap img{border-radius:20px}}@media (max-width:768px){.hero-section .hero-section{padding:40px 0}.hero-section .hero-content h1{font-size:32px;line-height:40px}.hero-section .hero-content p{font-size:14px;line-height:22px}.hero-section .hero-image-wrap{width:100%}}