/* Service and Our Work Page Style */

#content p, 
#content li {
    font-size: 1.25rem;
	color: #000;
}

.section-full-width {
    max-width: 1920px;
    margin: 0 auto;
    padding: 3em 5em;
}

.btn-pink, 
.gform_button {
    background-color: #fc0083 !important;
    min-height: 60px;
    border-radius: 34px !important;
    padding: 10px 70px !important;
    font-size: 1.25rem !important;
    display: inline-flex !important;
    align-items: center;
	transition: all .2s linear;
}

a.btn-pink:hover, 
.gform_button:hover {
    background-color: var(--color-green) !important;
}

.inner-page-banner p {
	font-size: 1.25rem;
    font-weight: 500;
    text-wrap: balance;
}

.banner-content .btn-pink {
    padding: 10px 30px !important;
}

.section-heading {
    font-size: 2.5rem;
    font-weight: 400;
}

.inner-page-banner {
    padding: 4em 2em;
}

.banner-content {
    background-color: #ffffffe6;
	padding: 35px 60px 24px
}

.banner-logos {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 150px;
    margin: 0 auto;
    gap: 10px;
}

.banner-logos img.google-logo {
    width: 110px;
}

.banner-logos img.clutch-logo {
    width: 200px !important;
    max-width: none;
}

.inner-page-banner h1 {
    margin: 16px 0 6px;
    font-size: 4rem;
    font-weight: 200;
}

.inner-page-banner h1 span {
    display: block;
    font-size: 8.75rem;
}

.platform-logos {
	display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 3em;
    border-bottom: 1px solid #000;
    padding: 1.5em 0 3.5em;
}

.review-platform img:first-child {
	width: 320px;
}

.review-platform img:nth-child(2) {
	width: 190px;
	margin: 0 40px;
}

.review-platform img:last-child {
	width: 290px;
}

.tried-tested h2 {
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 1em;
}

.img-txt-row {
	display: flex;
	margin-bottom: 3em;
}

.img-txt-row:nth-child(even) .img-col {
	order: 1;
}

.img-txt-row p {
	font-size: 1.375rem;
}

.img-txt-row .img-col {
	height: 320px;
	flex: 0 0 50%;
	position: relative;
}

.page-template-our-work .img-txt-row .img-col>a,
.page-template-service-law-firms .img-txt-row .img-col>a  {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-template-service-law-firms .img-txt-row .img-col>a:focus {
	outline: none;
}

.page-template-our-work .img-txt-row .img-col>a img,
.page-template-service-law-firms .img-txt-row .img-col>a img  {
    width: 60px;
    height: auto !important;
}

.img-txt-row .img-col img {
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	border-radius: 30px;
}

.img-txt-row:nth-child(even) .txt-col {
    padding-right: 2.5em;
	text-align: right;
}

.img-txt-row:nth-child(odd) .txt-col {
	padding-left: 2.5em;
}

.img-txt-row .txt-col {
    padding-top: 2em;
}

.img-txt-row .txt-col img.quote {
    max-width: 90px;
    margin-bottom: 24px;
}

section.turn-ai-answers {
    display: flex;
	margin-top: 20px;
}

section.turn-ai-answers>div {
    width: 50%;
}

.turn-ai-answers .image-col img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.turn-ai-answers .content-col {
    text-align: center;
    padding: 5em;
	background-color: #F0F0F0;
}

section.turn-ai-answers h3 {
    color: var(--color-green);
    font-size: 2.25rem;
    font-weight: 600;
    margin-bottom: 20px;
}

section.why-ai-search {
    display: flex;
}

section.why-ai-search>div {
    width: 50%;
}

section.why-ai-search .left-col {
    padding: 4em 5em;
    color: #fff;
}

section.why-ai-search {
    display: flex;
	gap: 40px;
	padding-top: 4em;
	padding-bottom: 0;
}

section.why-ai-search>div {
    width: 50%;
    padding: 4em 6em;
	border-radius: 30px;
}

section.why-ai-search .left-col {
    color: #fff;
}

section.why-ai-search .section-heading {
    text-align: center;
    position: relative;
	margin-bottom: 1.4em;
	line-height: 1.5em;
}

section.why-ai-search .left-col .section-heading {
    color: #fff;
}

section.why-ai-search .section-heading::after {
    content: '';
    width: 160px;
    height: 1px;
    background-color: #000;
    position: absolute;
    bottom: -18px;
    left: calc(50% - 80px);
}

section.why-ai-search .left-col .section-heading::after {
    background-color: #fff;
}

section.why-ai-search .left-col p.lead, 
section.why-ai-search .left-col li {
    color: #fff !important;
}

.why-ai-search li:not(:last-child) {
    margin-bottom: 1.5em;
}

.why-ai-search li:not(:last-child) {
    margin-bottom: 1.5em;
}

.why-ai-search ul {
    margin-bottom: 4em;
    margin-left: 30px;
}

.why-ai-search .left-col p {
	color: #fff !important;
}

.why-ai-search .right-col {
    background-color: #F0F0F0;
}

.why-ai-search .right-col p strong {
    font-weight: 500;
    color: #000;
    margin-bottom: 25px;
    display: block;
}

.outcomes-content {
    border: 5px solid var(--color-green);
    border-radius: 30px;
    padding: 3em 7em;
}

.outcomes-content .section-heading {
	text-align: center;
    text-transform: uppercase;
    color: var(--color-green);
    margin-bottom: 0.8em;
}

.outcomes-content p {
    font-size: 2rem;
}

.outcomes-content p strong {
    font-weight: 500;
    color: #000;
    font-size: 1.75rem;
}

.outcomes-content ul {
    list-style: none;
    margin-top: 45px;
}

.outcomes-content li {
    font-size: 1.575rem;
    color: #000;
}

.outcomes-content li:not(:last-child) {
    margin-bottom: 30px;
}

.outcomes-content li span {
    display: inline-flex;
    width: 52px;
    height: 51px;
    background-color: var(--color-pink);
    color: #fff;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
}

.get-lead-magnet .content-col {
    background-color: #EBEBEB;
	padding: 6em 5em 2.5em;
}

.get-lead-magnet .content-col h3 {
    text-wrap: balance;
    line-height: 1.5em;
}

.get-lead-magnet .gform_heading {
    display: none;
}

.get-lead-magnet form {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.get-lead-magnet .gform-body.gform_body {
    width: 90%;
    margin: 0 auto;
}

.get-lead-magnet .gfield {
    width: 100%;
}

.get-lead-magnet .gfield input {
    min-height: 75px;
    width: 100%;
    border-radius: 18px;
    padding-left: 42px !important;
    margin-top: 10px !important;
    margin-bottom: 3em !important;
    background-color: #F3F3F3;
}

.get-lead-magnet .gfield input::placeholder {
    font-size: 1.275rem;
    color: #515151;
    font-weight: 400;
    display: flex;
    position: relative;
    top: 2px;
}

section.how-it-works {
    padding: 3em 0 0;
}

section.how-it-works .section-heading {
    text-align: center;
    color: var(--color-green);
    margin-bottom: 1em;
}

section.how-it-works h4 {
    color: var(--color-pink);
    font-weight: 600;
    font-size: 1.675rem;
    margin-bottom: 1em;
}

section.how-it-works p {
    margin-bottom: 3.5em;
}

section.case-enquiry {
    padding-top: 0;
}

.case-enquiry-content {
    display: flex;
    background: url(/wp-content/uploads/2025/12/Lead_magnet_background.png) center / cover no-repeat;
    padding: 5em 4em 4em;
    border-radius: 24px;
    position: relative;
}

.case-enquiry-content::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 24px;
}

.case-enquiry-content>div {
    position: relative;
}

section.case-enquiry .left-col {
    width: 40%;
    padding-right: 4em;
}

section.case-enquiry .right-col {
    flex: 1;
}

.case-enquiry-content p strong {
    color: #fff;
}

.case-enquiry-content p {
    color: #fff !important;
    font-size: 1.75rem !important;
    font-weight: 600;
}

.case-enquiry-content h3, .case-enquiry-content li {
    color: #fff !important;
}

.case-enquiry-content h3 {
    font-weight: 400;
    font-size: 2rem;
    margin-bottom: 1em;
    line-height: 1.5em;
}

.case-enquiry-content ul {
    margin-left: 0;
}

.case-enquiry-content ul li {
    margin-bottom: 40px;
	position: relative;
    list-style: none;
	padding-left: 35px;
	font-weight: 500;
}

.case-enquiry-content ul li::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: 3px;
    left: 0;
    background-color: var(--color-pink);
    border-radius: 50%;
    border: 3px solid #fff;
}

.case-enquiry-content ul li span {
    display: block;
    font-weight: 600;
}

.case-enquiry-content .btn-pink {
    border: 3px solid #FFF;
    margin-left: 2em;
}

.case-enquiry-content iframe {
    width: 100%;
    height: 422px;
	margin-bottom: 20px;
    border-radius: 24px;
}

.case-enquiry-content .review-platform {
    background-color: #fff;
    border-radius: 24px;
}

.case-enquiry-content .review-platform .platform-logos {
    padding: 30px;
    border-bottom: 0;
	margin-bottom: 0;
}

.case-enquiry-content .review-platform img:first-child {
    width: 250px;
}

.case-enquiry-content .review-platform img:nth-child(2) {
    width: 145px;
}

.case-enquiry-content .review-platform img:last-child {
    width: 225px;
}

section.how-we-get-success {
    padding-top: 20px;
}

.how-we-get-success-content h3 {
    font-size: 2rem;
    color: #000;
}

.how-we-get-success-content iframe {
    width: 100%;
    height: 810px;
    margin-top: 10px;
}

.how-we-get-success-content .review-platform {
    max-width: 1000px;
    margin: 2em auto 0;
}

.how-we-get-success-content .platform-logos {
    border-bottom: 0;
    margin-top: 2em;
    padding: 0;
    margin-bottom: 20px;
}

.how-we-get-success-content .review-platform img:first-child {
    width: 370px;
}

.how-we-get-success-content .review-platform img:nth-child(2) {
    width: 220px;
    margin: 0 35px;
}

.how-we-get-success-content .review-platform img:last-child {
    width: 320px;
}

.how-we-get-success-content p {
    font-size: 1.5rem !important;
    margin-left: 10px;
}

section#cost_of_services {
    padding-top: 0 !important;
}

section#cost_of_services>.container {
    max-width: 1920px;
    padding: 0 5em;
}

#cost_of_services .sub-heading {
    color: var(--color-green);
    font-size: 2rem;
}

.service-cost-block img.service-cost-icon {
    max-width: 180px !important;
}

.service-cost-block .icon img.infinity-icon {
    left: 195px !important;
    top: 18px !important;
    max-width: 240px !important;
}

@media (max-width: 767px) {
	.inner-page-banner {
		padding: 4em 0 !important;
	}

	.banner-logos img.google-logo {
		width: 90px;
	}

	.banner-logos img.clutch-logo {
		width: 170px !important;
	}

	.banner-content {
		padding: 35px 10px 24px;
	}

	.inner-page-banner h1 {
		font-size: 2rem;
	}

	.inner-page-banner h1 span {
		font-size: 4.35rem;
	}

	.btn-pink, 
	.gform_button.button {
		font-size: 1rem !important;
        min-height: 50px !important;
        padding: 0 30px !important;
        width: 90%;
		justify-content: center;
	}
	
	.banner-content .btn-pink {
		padding: 10px 20px !important;
	}
	
	.section-heading {
		font-size: 1.875rem;
	}
	
	.section-full-width {
		padding: 3em 1em;
	}

	.review-platform img:first-child, 
	.how-we-get-success-content .review-platform img:first-child {
		width: 130px;
	}
	
	.review-platform img:nth-child(2), 
	.how-we-get-success-content .review-platform img:nth-child(2) {
		width: 80px;
		margin: 0 10px;
	}
	
	.review-platform img:last-child, 
	.how-we-get-success-content .review-platform img:last-child {
		width: 110px;
	}
	
	.tried-tested .platform-logos {
		padding-top: 15px;
		padding-bottom: 25px;
	}
	
	.img-txt-row, 
	section.why-ai-search, 
	.case-enquiry-content {
		display: block;
	}

	.img-txt-row .txt-col {
		padding: 30px 0 !important;
	}

	.img-txt-row .img-col {
		height: 190px;
	}

	.img-txt-row .txt-col img.quote {
		max-width: 50px;
		margin-bottom: 15px;
	}

	.img-txt-row {
		margin-bottom: 0;
	}

	section.turn-ai-answers {
		display: block;
	}

	section.turn-ai-answers>div, 
	section.why-ai-search>div {
		width: 100%;
	}

	.turn-ai-answers .image-col {
		height: 260px;
	}

	.turn-ai-answers .content-col, 
	section.why-ai-search .left-col, 
	.why-ai-search .right-col, 
	.case-enquiry-content {
		padding: 2em;
	}

	section.turn-ai-answers h3 {
		font-size: 1.75rem;
	}
	
	section.why-ai-search .left-col {
		margin-bottom: 2em;
	}
	
	.outcomes-content {
		padding: 2em 1em;
	}

	.outcomes-content p strong {
		font-size: 1.375rem;
	}

	.outcomes-content li {
		position: relative;
		padding-left: 3em;
	}

	.outcomes-content ul {
		margin-left: 0;
	}

	.outcomes-content li span {
		position: absolute;
		left: 0;
		width: 40px;
		height: 40px;
	}

	.get-lead-magnet .gfield input {
		margin-bottom: 10px !important;
	}
	
	section.how-it-works h4 {
		font-size: 1.5rem;
		margin-bottom: 12px;
	}

	section.how-it-works p {
		margin-bottom: 30px;
	}
	
	.case-enquiry-content {
		display: block;
	}

	section.case-enquiry .left-col {
		width: 100%;
		padding-right: 0;
	}

	.case-enquiry-content h3 {
		font-size: 1.875rem;
	}
	
	.case-enquiry-content .btn-pink {
		margin-left: 0;
	}
	
	.case-enquiry-content iframe {
		height: 166px;
		margin-top: 40px;
	}
	
	.case-enquiry-content iframe {
		height: 166px;
		margin-top: 40px;
	}

	.case-enquiry-content .review-platform .platform-logos {
		display: block;
		text-align: center;
	}

	.case-enquiry-content .review-platform .platform-logos img:nth-child(2) {
		margin: 18px 0;
	}
	
	.case-enquiry-content .review-platform .platform-logos img {
		height: 50px;
		width: auto;
	}
	
	.case-enquiry-content {
		background-color: #3291bc;
	}
	
	.case-enquiry-content a.btn-pink {
		width: 100%;
	}
	
	.how-we-get-success-content iframe {
		height: 200px !important;
	}
	
	.how-we-get-success-content h3 {
		font-size: 1.75rem;
	}
	
	.how-we-get-success-content .review-platform, 
	.how-we-get-success-content .platform-logos {
		margin-top: 10px;
	}

	.how-we-get-success-content p {
		margin-left: 0;
		margin-bottom: 0;
	}
	
	section#cost_of_services>.container {
		padding: 0 1em;
	}

	section#cost_of_services>.container h2 {
		font-size: 2rem;
	}

	#cost_of_services .sub-heading {
		font-size: 1.75rem;
	}

	.service-cost-block img.service-cost-icon {
		max-width: 110px !important;
	}
	
	.get-lead-magnet .gform-body.gform_body, 
	.get-lead-magnet .gform_footer.before, 
	.get-lead-magnet input {
		width: 100% !important;
	}
	
	.gform_footer.before {
		padding-top: 0 !important;
	}
	
	.get-lead-magnet input, 
	.get-lead-magnet .gform_button.button {
		border-radius: 10px !important;
		text-align: center;
	}
}


/* Our Work */

.page-template-our-work .inner-page-banner h1 span, 
.page-template-our-work .section-heading {
    color: var(--color-cyan-blue);
}

.page-template-our-work .section-heading {
	font-weight: 600;
}

.page-template-our-work .tried-tested>.container {
    border-top: 1px solid #000;
    padding-top: 3em;
    margin-top: 3.5em;
}

.page-template-our-work section.how-we-get-success {
    padding-top: 3.5em;
}

.page-template-our-work .how-we-get-success-content .section-heading {
    margin-bottom: 20px;
}

.page-template-our-work .img-txt-row:nth-child(even) .img-col {
    order: 0;
}

.page-template-our-work .img-txt-row:nth-child(odd) .img-col {
    order: 1;
}

.page-template-our-work .img-txt-row:nth-child(even) .txt-col {
    padding-left: 2.5em;
	padding-right: 2.5em;
	text-align: left;
}

.page-template-our-work .img-txt-row:nth-child(odd) .txt-col {
    padding-left: 0;
	padding-right: 2.5em;
	text-align: right;
}

.page-template-our-work section.turn-ai-answers {
    margin-top: 4em;
}

.get-lead-magnet .content-col h3 {
    color: var(--color-cyan-blue);
}

section.testimonials {
    padding: 2em 0;
}

.testimonial-item {
	padding-bottom: 1em;
  	margin-top: 4em;
  	margin-bottom: 2em;
  	border-top: 1px solid #fc0083;
}

.testimonial-details {
    display: flex;
    margin: 4em 0 2em;
}

.testimonial-details .person-image {
    flex: 0 0 36%;
    margin-right: 2em;
}

.testimonial-details .person-image img {
    width: 80%;
}

.testimonial-logo-text .logo img {
    width: 470px;
    margin-bottom: 2em;
}

.testimonial-details .quote-text {
    display: flex;
}

.testimonial-details .quote-icon {
    flex: 0 0 14%;
}

.testimonial-details .quote-icon img {
    width: 80px;
}

.testimonial-item .list-image {
    display: flex;
    align-items: flex-start;
    margin-top: 2em;
    margin-bottom: 1em;
    justify-content: space-between;
}

.testimonial-item .list-image li {
    font-size: 1.375rem;
    position: relative;
    padding-left: 30px;
    margin-bottom: 2.5em;
    list-style: none;
}

.testimonial-item .list-image li::before {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #fc0083;
    top: 6px;
    left: 0;
}

.testimonial-item .list-image>div:first-child {
    flex: 0 0 46%;
}

.testimonial-item .list-image ul {
    width: 75%;
}

.testimonial-item .list-image img {
    margin-top: 14px;
}

section.testimonials .container {
    padding-top: 5em;
    padding-bottom: 2em;
}

.testimonial-item p.person-name {
    margin-top: 3em;
}

.page-template-our-work .case-enquiry-content::before {
	display: none;
}

.page-template-our-work .case-enquiry-content {
    background: no-repeat;
    background-color: var(--color-cyan-blue);
}

.page-template-our-work section.case-enquiry {
    padding-bottom: 8em;
}

@media (max-width: 767px) {
	
	.page-template-our-work section.how-we-get-success {
		padding-bottom: 0;
	}
	
	section.testimonials .container {
		padding-top: 2em;
	}
	
	.testimonial-details .person-image {
		flex: 0 0 100%;
		margin-right: 0;
	}

	.testimonial-details {
		flex-direction: column;
	}

	.testimonial-details .person-image img {
		width: 60%;
	}

	.testimonial-details .person-image {
		text-align: center;
	}

	.testimonial-details .quote-icon {
		margin-right: 10px;
		padding-top: 6px;
	}

	.testimonial-item .list-image {
		flex-direction: column;
	}

	.testimonial-item .list-image ul {
		width: 100%;
		margin-left: 0;
	}

	.testimonial-item .list-image img {
		margin-top: 0;
	}

	.testimonial-item {
		margin-top: 30px;
		margin-bottom: 0;
	}

	.page-template-our-work section.case-enquiry {
		padding-bottom: 5em;
	}
}