.cta {padding: 120px 0; position: relative;}
.cta img.bg {max-inline-size: 100%; block-size: auto; object-fit: cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10;}
.cta .container {position: relative; z-index: 100; text-align: center;}
.cta .cta-content {row-gap: 35px;}
.cta .cta-content .heading {font-size: 40px; line-height: 1.1; font-weight: 500; margin: 0; padding: 0; text-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1); color: var(--one);}
.cta .cta-content p {margin: 0; padding: 0; color: var(--one);}
.cta .cta-content .heading:after {height: 3px; content: ''; width: 70px; background-color: var(--two); border-radius: 2px; display: block; margin: auto; margin-top: 35px; top: 100%; display: table; left: 0; right: 0;}
.cta .cta-content .buttons {display: flex; gap: 30px; flex-wrap: wrap; justify-content: center;}
.cta .cta-content .buttons li:last-child .button {display: flex; padding: 15px 40px; background-color: transparent; color: var(--one); border: solid 1px var(--one);}
.cta .cta-content .buttons li:last-child .button:hover {border: solid 1px var(--two); color: var(--two); background-color: transparent;}
.cta .cta-content .buttons li:first-child .button {display: flex; padding: 15px 40px; background-color: var(--two); color: var(--one); border: solid 1px var(--two);}
.cta .cta-content .buttons li:first-child .button:hover {background-color: var(--two-dark); border: solid 1px var(--two-dark); opacity: 1;}