body { font-family: 'Lato', sans-serif; margin: 0; padding: 0; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; scroll-behavior: smooth; background: #FFF !important; } 

.hero-section { padding: 50px 0; background: #8fdf00; min-height: 100vh; display: flex; align-items: center; position: relative; overflow: hidden; } 

.hero-section .logo { max-width: 150px; margin-bottom: 20px; } 

.hero-section h1 { font-size: 3rem; font-weight: bold; margin-bottom: 30px; } 

.hero-section p { font-size: 1.25rem; } 

.hero-section .price { font-size: 2rem; margin: 20px 0; } 

.features-section { padding: 60px 0; } 

.testimonials-section { background-color: #f8f9fa; padding: 60px 0; } 

.testimonials-section .client-logo { max-width: 80px; margin-bottom: 10px; } 

.cta-section { background-color: #ffc107; color: #fff; padding: 60px 0; } 

.services-section { padding: 60px 0; } 

.footer-section { background-color: #343a40; color: #fff; padding: 20px 0; } 

.footer-section a { color: #fff; text-decoration: none; } 

a.btn.btn-primary.btn-lg { background: #000 !important; border: none; color: #FFF !important; font-size: 18px; box-shadow: 0 0 15px 2px #4b7108; } 

.hero-section p.lead { color: #000; font-family: "Lato", Sans-serif; font-size: 34px; font-weight: 700; background: #FFF; padding: 15px 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; margin: 0 auto; max-width: 890px; background: linear-gradient(0deg, #a3a3a3 0%, #bbbbbb 35%, #ffffff 100%); position: relative; } 

h1.hero-heading span { display: block; text-transform: uppercase; font-size: 5.5rem; font-weight: 800; padding: 25px 0; text-shadow: 0 0 10px rgb(0 0 0 / 40%); } 

span.ultimate { font-family: "Train One", system-ui; font-weight: normal !important; } 

p.lead:before { content: ""; background-image: url('https://adsparkva.digital/wp-content/uploads/2024/06/Vector-7.png'); display: block; height: 120px; width: 120px; position: absolute; bottom: 0; left: -2%; background-repeat: no-repeat; background-size: contain; transform: translateY(60%); } 

p.lead:after { content: ""; background-image: url('https://adsparkva.digital/wp-content/uploads/2024/06/Vector-7.png'); display: block; height: 120px; width: 120px; position: absolute; top: 0; right: -2%; background-repeat: no-repeat; background-size: contain; transform: translateY(-60%) rotate(180deg); } 

.hero-section:before { content: "HIRE ULTIMATE"; position: absolute; z-index: 0; font-family: "Train One", system-ui; font-weight: normal !important; font-size: 11rem; top: 11%; left: 50%; transform: translateX(-50%); opacity: 0.08; white-space: nowrap; } 

.features-section h2 { font-weight: 700; } 

.features-section h2 
 + p { font-size: 2rem; padding: 10px 0; } 

.marketingTeam { font-weight: 700; font-size: 2rem; padding: 20px 0; position: relative; text-transform: capitalize; max-width: 300px; display: block; margin: 0 auto; } 

.marketingTeam:before, .marketingTeam:after { content:""; width: 100px; height: 3px; background: #6daa00; position: absolute; top: 50%; transform: translateY(-50%); } 

.marketingTeam:before { left: -80px; } 
.marketingTeam:after { right: -80px; } 

.roundBox { width: 100%; padding: 40px; border-radius: 50%; background: #8fdf00; height: 200px; color: #FFF; } 

body { font-family: 'Lato', sans-serif; margin: 0; padding: 0; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; scroll-behavior: smooth; background: #FFF !important; } 

.hero-section { padding: 50px 0; background: #8fdf00; min-height: 100vh; display: flex; align-items: center; position: relative; overflow: hidden; } 

.hero-section .logo { max-width: 150px; margin-bottom: 20px; } 

.hero-section h1 { font-size: 3rem; font-weight: bold; margin-bottom: 30px; } 

.hero-section p { font-size: 1.25rem; } 

.hero-section .price { font-size: 2rem; margin: 20px 0; } 

.features-section { padding: 60px 0; } 

.testimonials-section { background-color: #f8f9fa; padding: 60px 0; } 

.testimonials-section .client-logo { max-width: 80px; margin-bottom: 10px; } 

.cta-section { background-color: #ffc107; color: #fff; padding: 60px 0; } 

.services-section { padding: 60px 0; } 

.footer-section { background-color: #343a40; color: #fff; padding: 20px 0; } 

.footer-section a { color: #fff; text-decoration: none; } 

a.btn.btn-primary.btn-lg { background: #000 !important; border: none; color: #FFF !important; font-size: 18px; box-shadow: 0 0 15px 2px #4b7108; } 

.hero-section p.lead { color: #000; font-family: "Lato", Sans-serif; font-size: 34px; font-weight: 700; background: #FFF; padding: 15px 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; margin: 0 auto; max-width: 890px; background: linear-gradient(0deg, #a3a3a3 0%, #bbbbbb 35%, #ffffff 100%); position: relative; } 

h1.hero-heading span { display: block; text-transform: uppercase; font-size: 5.5rem; font-weight: 800; padding: 25px 0; text-shadow: 0 0 10px rgb(0 0 0 / 40%); } 

span.ultimate { font-family: "Train One", system-ui; font-weight: normal !important; } 

p.lead:before { content: ""; background-image: url('https://seoservicecompany.co.uk/wp-content/uploads/2024/07/Vector-7.png'); display: block; height: 120px; width: 120px; position: absolute; bottom: 0; left: -2%; background-repeat: no-repeat; background-size: contain; transform: translateY(60%); } 

p.lead:after { content: ""; background-image: url('https://seoservicecompany.co.uk/wp-content/uploads/2024/07/Vector-7.png'); display: block; height: 120px; width: 120px; position: absolute; top: 0; right: -2%; background-repeat: no-repeat; background-size: contain; transform: translateY(-60%) rotate(180deg); } 

.hero-section:before { content: "HIRE ULTIMATE"; position: absolute; z-index: 0; font-family: "Train One", system-ui; font-weight: normal !important; font-size: 11rem; top: 11%; left: 50%; transform: translateX(-50%); opacity: 0.08; white-space: nowrap; } 

.features-section h2 { font-weight: 700; } 

.features-section h2 
 + p { font-size: 2rem; padding: 10px 0; } 

.marketingTeam { font-weight: 700; font-size: 2rem; padding: 20px 0; position: relative; text-transform: capitalize; max-width: 300px; display: block; margin: 0 auto; } 

.marketingTeam:before, .marketingTeam:after { content:""; width: 100px; height: 3px; background: #8fdf00; position: absolute; top: 50%; transform: translateY(-50%); } 

.marketingTeam:before { left: -80px; } 
.marketingTeam:after { right: -80px; } 

.roundBox { width: 100%; padding: 40px; border-radius: 100px; background: #8fdf00; height: 200px; color: #FFF; display: flex; align-items: center; justify-content: center; text-align: center; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 25%); padding: 40px; } 

.roundBox p { font-size: 20px; font-weight: 600; text-shadow: 0 0 10px rgb(109 170 0); } 

.features-section h3 { text-transform: uppercase; margin-bottom: 60px; font-weight: 500; font-size: 65px; color: #000000; } 

.features-section h3 span { font-family: Train One !important; font-weight: 500; font-size: 65px; color: #8fdf00; } 

.features-section h5 { color: #606060; font-size: 46px; margin-bottom: 60px; font-weight: 600; position: relative; } 

.features-section h5:before { content: ""; position: absolute; width: 100%; height: 200px; border-radius: 40px; left: 0; right: 0; top: 60%; background-image: url('https://adsparkva.digital/wp-content/uploads/2024/06/Striped-Line.png'); background-size: 100%; background-repeat: no-repeat; } 
.features-section h5 span { background: #FFF; display: inline-block; padding: 0 20px; position: relative; z-index: 2; } 


.testimonialCard blockquote { border: none; } 

.testimonialCard { border: 1px solid #000; border-radius: 20px; margin-bottom: 20px; } 

.testimonialCard .card-header { display: flex; align-items: center; background: none; } 

.testimonialCard .card-header p { text-align: left; margin-left: 20px; } 
.price .price_amount { display: block; font-style: italic; font-size: 60px; font-weight: 700; } 

.hero-section .price .permonth { font-size: 30px; position: relative; } 

.hero-section .price .permonth:before, .hero-section .price .permonth:after { content: ""; position: absolute; width: 24px; height: 24px; border-radius: 50%; background-image: radial-gradient(#ffffff, #8fdf00, #ffffff); top: 58%; transform: translateY(-50%); } 
.hero-section .price .permonth:before { left: -40px; } 
.hero-section .price .permonth:after { right: -40px; } 
.cta-section.text-center { background: #FFF; color: #000 !important; text-align: left !important; } 
.cta-section row { display: flex; align-items: center; } 
.PackageImg img { display: block; height: 460px; margin: 0 auto; } 
.signupTxt { font-size: 20px; font-weight: 600; margin-bottom: 20px; } 
.cta-section h2 { font-size: 80px; line-height: 1.05; font-weight: 600; color: #000; text-shadow: 0 0 10px rgb(0 0 0 / 10%); } 
.cta-section .container { max-width: 1080px; } 
.cta-section .row { display: flex; align-items: center; } 
section.cat-extended { padding: 91px 0; background: #8fdf00; text-align: center; position: relative; margin-bottom: 50px; } 
.cat-extended .txt_heading { font-size: 36px; font-weight: 700; } 
.cat-extended .txt_heading span { display: block; color: #FFF; } 
.cat-extended .tags { position: absolute; left: 0; right: 0; display: flex; justify-content: space-between; max-width: 940px; margin: 0 auto; bottom: -134px; } 
.cat-extended .tags span { background: #DDD; flex: 0 0 30%; display: flex; align-items: center; justify-content: center; padding: 20px; border-radius: 56px; border: 5px solid #FFF; font-weight: 600; font-size: 20px; line-height: 1.15; box-shadow: 0 0 10px 5px #00000026; } 
.get-freedom h2 { text-align: center; margin-bottom: 60px; font-weight: 600; font-size: 60px; line-height: 1.25; } 
section.get-freedom { padding: 60px 0 0; } 
.freedomImage { text-align: center; padding: 20px 0; display: block; } 
.services-section h2 { font-size: 32px; font-weight: 600; margin-bottom: 1px; } 
.services-section h2 + p { max-width: 640px; margin: 0 auto; font-weight: 400; margin-bottom: 40px; } 

.flipBox { margin-bottom: 20px; perspective: 1000px; box-shadow: 0 0 8px 6px rgb(0 0 0 / 10%); border-radius: 8px; } 

.flipInner { position: relative; width: 100%; height: 320px; transition: transform 0.6s; transform-style: preserve-3d; box-shadow: 0 0 8px 6px rgb(0 0 0 / 10%); border-radius: 8px; cursor: pointer; }

.flipBox:hover .flipInner { transform: rotateY(180deg); } 

.flipBox .f1, .flipBox .f2 { position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; backface-visibility: hidden; border-radius: 8px; } 

.flipBox .f1 {     background: radial-gradient(circle, rgb(135, 209, 4) 15%, rgb(153, 225, 24) 35%, rgb(170, 241, 44) 50%, rgb(187, 255, 68) 75%, rgb(170, 241, 44) 100%); } 

.flipBox .f2 { background: radial-gradient(circle, #353535 0%, #2c2c2c 15%, rgb(90 90 90) 100%); transform: rotateY(180deg); } 

.flipBox h3 { font-size: 36px; font-weight: 600; line-height: 1.25; color: #FFF; text-shadow: 0 0 10px #00000036; } 

.flipBox ul { list-style-type: none; padding: 0; margin: 0; color: #FFF; font-size: 20px; } 

.flipBox ul li { margin-bottom: 10px; } 

.flipBox ul { display: flex; flex-wrap: wrap; justify-content: center; padding: 1rem; margin: 0; } 

.flipBox ul li { font-size: 12.5px; margin-right: 10px; line-height: 1.65; font-weight: 400 !important; padding-left: 20px; background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23FFD700'%3E%3Cpath d='m233-120 65-281L80-590l288-25 112-265 112 265 288 25-218 189 65 281-247-149-247 149Z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 16px 16px; background-position: 0px 2px; }