/* Variables */
:root {
  --color-primary: #ff825f;
  --color-white: #fff;
  --color-black: #000;
  --text-highlight: #ff825f;
  --text-primary: #4e6766;
  --text-secondary: #bababa;
  --text-muted: rgba(78, 103, 102, 1);
  --text-white: #fff;
  --text-black: #000;
  --text-green: #4E6766;
  --border-white: #fff;
  --menu-height: 140px;
}

/* Globals */
html {
	scroll-behavior: smooth;	
}

body.wp-singular:not(:is(.page-template-home-new-template, 
.page-template-family-dispute-resolution-services-template, 
.page-template-family-law-services-template, 
.page-template-services-template-with-acf)),
body.error404:not(:is(.page-template-home-new-template, 
.page-template-family-dispute-resolution-services-template, 
.page-template-family-law-services-template,
.page-template-services-template-with-acf)) {
	padding-top: var(--menu-height);
}

body.wp-singular:not(:is(.page-template-home-new-template, 
.page-template-family-dispute-resolution-services-template, 
.page-template-family-law-services-template,
.page-template-services-template-with-acf)) #main-menu,
body.error404:not(:is(.page-template-home-new-template, 
.page-template-family-dispute-resolution-services-template, 
.page-template-family-law-services-template,
.page-template-services-template-with-acf)) #main-menu {
	background-color: var(--color-black);
}

:is(.page-template-home-new-template, 
.page-template-family-dispute-resolution-services-template, 
.page-template-family-law-services-template,
.page-template-services-template-with-acf) :is(h1, h2, h3, h4, h5, h6) {
	font-family: "PT Serif", sans-serif !important;
}

:is(.page-template-home-new-template, 
.page-template-family-dispute-resolution-services-template, 
.page-template-family-law-services-template,
.page-template-services-template-with-acf) :is(p, span, a, li, strong, b, small, blockquote) {
	font-family: "Lato", sans-serif !important;
}

/* :is(.page-template-home-new-template, 
.page-template-family-dispute-resolution-services-template, 
.page-template-family-law-services-template) :is(header.clearfix, .header-static-form) {
  display: none;
} */

:is(.page-template-home-new-template, 
.page-template-family-dispute-resolution-services-template, 
.page-template-family-law-services-template,
.page-template-blogNewTemplate,
.page-template-services-template-with-acf) > .container {
  margin: 0;
  position: static;
  max-width: 100%;
  width: auto;
  padding: 0;
}
.page-template-blogNewTemplate{
	margin-top:-40px;
}

.d-none {
	display: none;
}

.w-100 {
	width: 100%;
}

.h-100 {
	height: 100%;
}

:is(.page-template-home-new-template, 
.page-template-family-dispute-resolution-services-template, 
.page-template-family-law-services-template,
.page-template-services-template-with-acf) :is(small) {
	font-size: 16px;
	line-height: 24px;
	font-style: italic;
	font-weight: 400;
	color: var(--text-muted);
}


:is(#what-we-do-section, #about-us-section, #testimonials-section, #divorce-consultation-fees-section, #cc-representation-section, #service-advice-section, #service-advice-section, #why-choose-section, #mediation-options-section, #cta-section) .container {
	max-width: 1280px;
}

:is(#what-we-do-section, #about-us-section, #testimonials-section, #divorce-consultation-fees-section, #cc-representation-section , #begin-your-case-section, #service-advice-section, #why-choose-section, #mediation-options-section, #cta-section) h2 {
	color: var(--color-primary);
	margin-bottom: 0;
	padding-bottom: 0;
	font-weight: 700;
	font-size: 40px;
	line-height: 48px;
	letter-spacing: 0;
	text-transform: uppercase;
}

:is(#about-us-section, #testimonials-section, #divorce-consultation-fees-section, #begin-your-case-section, #why-choose-section, #cta-section) h2 {
	color: var(--text-black);
}

:is(#what-we-do-section, #about-us-section, #testimonials-section, #divorce-consultation-fees-section, #cc-representation-section , #begin-your-case-section, #service-advice-section, #why-choose-section, #mediation-options-section, #cta-section) h3 {
	font-size: 24px;
	line-height: 32px;
	font-weight: 700;
	color: var(--text-black);
	letter-spacing: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

:is(#what-we-do-section, #about-us-section, #testimonials-section, #divorce-consultation-fees-section, #cc-representation-section , #begin-your-case-section, #service-advice-section, #why-choose-section, #mediation-options-section, #cta-section) p {
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0;
	font-weight: 400;
}

:is(#what-we-do-section, #about-us-section, #testimonials-section, #divorce-consultation-fees-section, #cc-representation-section , #begin-your-case-section, #service-advice-section, #why-choose-section, #mediation-options-section, #cta-section) ul {
	list-style: none;
	list-style-image: none;
}

:is(#what-we-do-section, #about-us-section, #testimonials-section, #divorce-consultation-fees-section, #cc-representation-section , #begin-your-case-section, #service-advice-section, #why-choose-section, #mediation-options-section, #cta-section) ul li {
	line-height: 1.8;
	padding-left: 30px;
	position: relative;
}

:is(#what-we-do-section, #about-us-section, #testimonials-section, #divorce-consultation-fees-section, #cc-representation-section , #begin-your-case-section, #service-advice-section, #why-choose-section, #mediation-options-section, #cta-section) ul li::before {
    content: url(/wp-content/themes/Flexible_child/images/new/check-circle.svg);
    position: absolute;
    left: 0;
    top: 3px;
}


:is(#what-we-do-section, #about-us-section, #testimonials-section, #divorce-consultation-fees-section, #cc-representation-section , #begin-your-case-section, #service-advice-section, #why-choose-section, #mediation-options-section, #cta-section) ul li > ul li::before, :is(#what-we-do-section, #about-us-section, #testimonials-section, #divorce-consultation-fees-section, #cc-representation-section , #begin-your-case-section, #service-advice-section, #why-choose-section, #mediation-options-section, #cta-section) ul.list-with-dots li::before {
	content: url(/wp-content/themes/Flexible_child/images/new/dot-icon.svg);
}

a.cta-btn-primary, a.cta-btn-secondary {
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: uppercase;
	padding: 14px 24px;
	text-align: center;
	background-color: var(--color-primary);
	border: 2px solid var(--color-primary);
	color: var(--text-white);
	transition: all .3s ease-in-out;
}

a.cta-btn-secondary {
	border: 2px solid var(--color-black);
	background-color: var(--color-black);
}

a.cta-btn-primary:hover, a.cta-btn-primary:active, a.cta-btn-primary:focus {
	background-color: transparent;
	color: var(--color-primary) !important;	
}

a.cta-btn-secondary:hover, a.cta-btn-secondary:active, a.cta-btn-secondary:focus {
	background-color: transparent;
	color: var(--text-black) !important; 
}

.flex-column {
	display: flex;
	flex-direction: column;
}

.gap-40 {
	gap: 40px;
}

.align-items-center {
	align-items: center;
}

.align-items-start {
	align-items: flex-start;
}

.justify-content-end {
	justify-content: flex-end;
}

.mt-20 {
	margin-top: 20px;
}

/* Globals End */

/* Header Menu */
header > .container {
	max-width: 1280px;
}

.logo-wrapper {
	padding: 36px 24px 12px 24px;
	background-color: var(--color-black);
	text-align: center;
}

.logo-wrapper span {
	display: block;
	text-transform: uppercase;
	font-size: 8px;
	line-height: 8px;
	font-weight: 800;
	letter-spacing: 1.5px;
	color: var(--text-white);
}

.menu-cta-wrapper {
	padding-top: 24px;
	padding-bottom: 24px;
	display: flex;
    flex-direction: column;
    gap: 12px;
}

.menu-cta-wrapper > .row:first-child {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.menu-cta-wrapper .global-phone-cta {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 12px;
}

.menu-cta-wrapper .global-phone-cta p {
	padding-bottom: 0;
	color: var(--text-white);
	font-size: 16px;
	line-height: 24px;
}

.menu-cta-wrapper .social-wrapper {
	width: fit-content;
}

#menu-new-header-menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;	
	margin-right: 20px;
}

#menu-new-header-menu .sf-sub-indicator {
	display: none;
}

#menu-new-header-menu li.custom-dropdown, #menu-new-header-menu li.submenu-parent {
	position: relative;
}

#menu-new-header-menu li.custom-dropdown::after {
	content: url(/wp-content/themes/Flexible_child/images/new/menu-dropdown-arrow.svg);
	position: absolute;
}

#menu-new-header-menu li.submenu-parent::after,
#menu-new-header-menu  li#menu-item-1350::after {
	content: url(/wp-content/themes/Flexible_child/images/new/menu-dropdown-arrow.svg);
	position: absolute;
	top: 5px;
	left: 200px;
}

li.submenu-parent > ul.sub-menu,
li#menu-item-1350 > ul.sub-menu {
    position: static;
}

#top-menu li {
	padding: 6px 35px 6px 0;
}

#top-menu li:last-of-type {
	padding-right: 0;
}

li.custom-dropdown {
	padding-right: 36px;
}

#top-menu a {
	color: var(--text-white);
	font-size: 16px;
	line-height: 24px;
	font-weight: 700 !important;
	transition: color .3s ease-in-out;
}

#top-menu a:hover, #top-menu a:active, #top-menu a:focus {
	color: var(--color-primary) !important;
}

#menu-new-header-menu ul.sub-menu {
	padding: 10px 30px 10px 20px;
	width: fit-content !important;
	background-color: #000;
}

#menu-new-header-menu ul.sub-menu li {
	padding-right: 0;
}
/*Header Menu End */

.hero-banner-location {
	background: url(/wp-content/uploads/2025/11/location-page-banner-scaled.webp) no-repeat center center;
	background-size: cover;
}

.hero-section {
  width: 100%;
  height: 100vh;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.hero-section.overlay::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.8),
    rgba(0, 0, 0, 0.2)
  );
}

.hero-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.hero-content {
  position: absolute !important;
  text-align: center !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  max-width: 875px;
}

.hero-content .experience-headline {
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: var(--text-highlight);
  padding-bottom: 0;
}

.hero-content h1 {
  font-size: 60px;
  line-height: 68px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
  color: var(--text-white);
  border-top: 2px solid var(--border-white);
  border-bottom: 2px solid var(--border-white);
}

.hero-content .text {
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
  letter-spacing: 0;
  color: var(--text-white);
  max-width: 630px;
}

.hero-content .wider-text {
  max-width: 90%;
}

.hero-content .cta-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.hero-content .cta-group a {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
  padding: 16px 24px;
  color: var(--text-white) !important;
  background: transparent;
  border: 2px solid var(--border-white);
  transition: all 0.3s ease;
}

.hero-content .cta-group a:first-of-type {
  background-color: var(--color-primary);
  border: 2px solid var(--color-primary);
}

.hero-content .cta-group a:hover {
  background-color: var(--color-primary);
  border: 2px solid var(--color-primary);
  color: var(--text-white);
}

.hero-content .cta-group a:first-of-type:hover {
  background-color: transparent;
  border: 2px solid var(--border-white);
  color: var(--text-white);
}

.logos-section {
	background-color: var(--color-primary);
	height: 160px;
	display: flex;
}

.logos-section > div {
	display: inherit;
	justify-content: center;
	align-items: center;
	gap: 120px;
}

.contact-info-column {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.contact-info-column .address-line {
	display: flex;
	gap: 12px;
}

.contact-info-column .address-line a {
	text-decoration: underline;
	text-underline-offset: 4px;
}

.contact-info-column .address-line p {
	margin-bottom: 0;
	padding-bottom: 0;
}

.g-map {
	margin-bottom: -10px;
}

.py-60 {
	padding-top: 60px;
	padding-bottom: 60px;
}

#what-we-do-section, #about-us-section, #testimonials-section, #divorce-consultation-fees-section, #service-advice-section, #why-choose-section, #mediation-options-section, #cta-section, #cc-representation-section {
	padding-top: 80px;
	padding-bottom: 80px;
}

#about-us-section, #divorce-consultation-fees-section, #why-choose-section, #cta-section {
	background-color: rgb(245, 245, 245);
}

#what-we-do-section .what-we-do-content {
	display: flex;
	flex-direction: column;
	gap: 60px;
}

#what-we-do-section .what-we-do-content .heading {
	display: inherit;
	flex-direction: column;
	gap: 12px;
}

#what-we-do-section .what-we-do-content p {
	font-size: 20px;
	line-height: 28px;
	font-weight: 400;
	letter-spacing: 0;
	color: var(--text-black);
}

#what-we-do-section .what-we-do-content .numbers-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 40px;
}

#what-we-do-section .what-we-do-content .numbers-grid article {
	display: flex;
    flex-direction: column;
    gap: 20px;
}

#what-we-do-section .what-we-do-content .numbers-grid h3 span {
	font-family: "PT Serif", sans-serif !important;
	font-size: 60px;
	line-height: 64px;
	color: rgba(229, 231, 230, 1);
	margin-right: 10px;
}

#what-we-do-section footer p {
	color: var(--text-muted);
	font-size: 16px;
	line-height: 24px;
}

#what-we-do-section footer p strong {
	color: var(--text-black);
}

#what-we-do-section .what-we-do-image {
	max-width: 400px;
	float: right;
}

#what-we-do-section .what-we-do-image img {
	width: 100%;
	height: 710px;
	object-fit: cover;
	object-position: center;
}

#what-we-do-section .what-we-do-image footer {
	margin-top: -8px;
	padding: 40px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	background-color: var(--color-primary);
}

#what-we-do-section .what-we-do-image footer p {
	color: var(--text-white);
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 0;
	font-weight: 400;
	margin-bottom: 0;
	padding-bottom: 0;
}

#what-we-do-section .what-we-do-image footer p a {
	text-decoration: underline;
	color: var(--text-white) !important;
}

#what-we-do-section .what-we-do-image footer p.quote {
	color: var(--text-black);
	font-size: 28px;
	line-height: 32px;
	font-style: italic;
	font-weight: 700;
	font-family: "PT Serif", sans-serif !important;
}

.header {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 60px;
	text-align: center;
}

.header hr {
	padding: 0;
	margin: 0;
	width: 120px;
	height: 2px;
	border: none;
	border-top: 2px solid var(--color-primary);
}

h2.special-heading {
	padding-top: 12px;
	padding-bottom: 12px !important;
}

#about-us-section .about-us-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 40px;
}

#about-us-section .about-us-grid article {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

#about-us-section .about-us-grid article img {
	width: 65px;
	height: 65px;
}

#about-us-section .about-us-grid article p.subheading {
	font-size: 20px;
	line-height: 28px;
	font-weight: 400;
	text-transform: uppercase;
	color: rgba(186, 186, 186, 1);
}

#about-us-section .about-us-grid article a.learn-more, #what-we-do-section .what-we-do-content .numbers-grid footer a {
	text-transform: uppercase;
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 4px;
	color: var(--color-primary);
	transition: all .3s ease-in-out;
	margin-top: auto;
}

#about-us-section .about-us-grid article a:hover, #what-we-do-section .what-we-do-content .numbers-grid footer a:hover {
	color: var(--color-primary) !important;
}

#testimonials-section .testimonials-container {
  display: flex;
  justify-content: center;
  gap: 20px;
}

#testimonials-section .testimonials-container .testimonial-card {
  background-color: rgb(245, 245, 245);
  padding: 40px 37px;
  max-width: 400px;
  min-height: 480px;
  position: relative;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 40px;
}

#testimonials-section .testimonials-container .testimonial-text {
  font-style: italic;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
  letter-spacing: 0;
  color: var(--text-muted);
}

#testimonials-section .testimonials-container .read-more {
  display: inline-block;
  margin-top: 20px;
  font-size: 16px;
  line-height: 20px;
  color: var(--color-primary);
  text-decoration: underline;
  text-underline-offset: 4px;
  cursor: pointer;
}

#testimonials-section .testimonials-container :is(.read-more:hover, .read-more:focus, .read-more:active) {
	color: var(--color-primary) !important;
	text-decoration: none;
}

#testimonials-section .testimonials-container p {
	margin-bottom: 0;
	padding-bottom: 0;
}

#testimonials-section .testimonials-container .author {
  font-family: "PT Serif", sans-serif !important;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  padding-top: 20px;
  border-top: 2px solid var(--color-primary);
  color: var(--text-black);
}

#testimonials-section .testimonials-container .full-text {
  display: none;
}

.page-template-services-template-with-acf .row.row-padding{
	padding-top: 60px;
}

#divorce-consultation-fees-section .divorce-consultation-heading {
	text-transform: capitalize;
	text-align: center;
	font-size: 60px;
	line-height: 64px;
}

#divorce-consultation-fees-section .divorce-consultation-heading span {
	color: var(--color-primary);
	font-family: "PT Serif", sans-serif !important;
}

#divorce-consultation-fees-section .fees-container {
	margin-top: 60px;
	display: flex;
	justify-content: center;
	gap: 20px;
}

#divorce-consultation-fees-section .fees-card {
	max-width: 400px;
	width: 400px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

#divorce-consultation-fees-section .fees-card-header {
	background-color: var(--color-primary);
	text-align: center;
	padding: 20px 40px;
	width: calc(100% - 15px);
}

#divorce-consultation-fees-section .fees-card-header span {
	font-size: 20px;
	line-height: 28px;
	font-weight: 400;
	color: var(--text-white);
}

#divorce-consultation-fees-section .fees-card-price {
	width: 100%;
	background-color: var(--color-black);
	padding: 20px 40px;
	text-align: center;
	font-family: "PT Serif", sans-serif !important;
}

#divorce-consultation-fees-section .fees-card-price p {
	font-size: 60px;
	line-height: normal;
	font-weight: 700;
	color: var(--text-white);
	margin-bottom: 0;
	padding-bottom: 0;
}

#divorce-consultation-fees-section .fees-card-price p > span {
	color: rgba(186, 186, 186, 1);
	font-size: 20px;	
	font-weight: 400;
	text-transform: uppercase;
}

#divorce-consultation-fees-section .fees-card-content {
	width: calc(100% - 15px);
	height: 100%;
	color: var(--text-muted);
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	background-color: var(--color-white);
	padding: 20px 30px 30px 40px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 40px;
}

#divorce-consultation-fees-section .fees-card-btn {
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
	color: var(--text-black);
	cursor: pointer;
	border: 2px solid var(--color-black);
	text-transform: uppercase;
	text-align: center;
	padding: 8px 16px;
	transition: all .3s ease-in-out;
}

#divorce-consultation-fees-section .fees-card-btn-consultation-1{
	padding: 5px 53px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
	color: var(--text-black);
	cursor: pointer;
	border: 2px solid var(--color-black);
	text-transform: uppercase;
	text-align: center;
	transition: all .3s ease-in-out;
}
#divorce-consultation-fees-section .fees-card-btn-consultation-2{
	padding: 5px 70px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
	color: var(--text-black);
	cursor: pointer;
	border: 2px solid var(--color-black);
	text-transform: uppercase;
	text-align: center;
	transition: all .3s ease-in-out;
}

@media (max-width:480px){
	#divorce-consultation-fees-section .fees-card-btn-consultation-1{
		padding: 5px 16px;
		font-size: 10px !important;
	}
	#divorce-consultation-fees-section .fees-card-btn-consultation-2{
		padding: 5px 28px;
		font-size: 10px !important;
	}
}

#divorce-consultation-fees-section :is(.fees-card-btn:hover, .fees-card-btn:active, .fees-card-btn:focus) {
	background-color: var(--color-black);
	color: var(--text-white) !important;
} 

#cc-representation-section .row:not(:last-of-type) {
    margin-bottom: 60px;
}

#cc-representation-section .row:first-of-type {
	display: flex;
	align-items: flex-end;
}

#cc-representation-section p {
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	letter-spacing: 0;
	color: var(--text-muted);
}

#cc-representation-section p.subheading {
	font-size: 20px;
	line-height: 28px;
	color: var(--text-black);
	font-weight: 400;
	padding-bottom: 0;
}

#cc-representation-section .column-cta {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

#cc-representation-section .column-cta .global-phone-cta a {
	background-color: var(--color-black);
	border: 2px solid var(--color-black);
}

#cc-representation-section .column-cta .global-phone-cta a svg path {
	transition: color .3s ease;
}

#cc-representation-section .column-cta .global-phone-cta :is(a:hover, a:focus, a:active) {
	background-color: transparent;
	color: var(--text-black) !important;
}

#cc-representation-section .column-cta .global-phone-cta :is(a:hover, a:focus, a:active) svg path {
	fill: var(--text-black);
}

#cc-representation-section .trusted-advisor {
	padding: 40px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	background-color: var(--color-primary);
}

#cc-representation-section .trusted-advisor p {
	color: var(--text-white);
}

#begin-your-case-section > div.row {
	display: flex;
	align-items: stretch;
	margin: 0;
}

#begin-your-case-section .image-column {
	padding: 0;
	border-right: 4px solid var(--color-primary);
}

#begin-your-case-section .image-column img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#begin-your-case-section .content-column {
	display: flex;
	flex-direction: column;
	gap: 60px;
	padding: 80px;
	background-color: #F5F5F5;
}

#begin-your-case-section .content-column article {
	display: inherit;
	flex-direction: column;
	gap: 12px;
}

#begin-your-case-section .content-column article .step-wrapper {
	display: flex;
	align-items: center;
	position: relative;
}

#begin-your-case-section .content-column article .step-wrapper .step-number {
	background-color: var(--color-primary);
    padding: 6px 23px;
    border-radius: 100px;
    color: var(--text-white);
    font-size: 40px;
	line-height: normal;
	font-weight: 700;
    font-family: 'PT Serif', sans-serif !important;
	position: absolute;
	top: 5px;
	left: -115px;
}

#begin-your-case-section .content-column p, li {
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	letter-spacing: 0;
	color: var(--text-muted);
}

:is(#service-advice-section, #cta-section) .header h2 {
	text-transform: capitalize;
	font-size: 60px;
	line-height: 64px;
	margin-bottom: 20px;
}

#service-advice-section .header h2 span {
	color: var(--text-black);
}

#cta-section .header h2 span {
	color: var(--color-primary);
	font-family: 'PT Serif', sans-serif !important;
}

:is(#service-advice-section, #cta-section) .header .subheading {
	font-size: 24px;
	line-height: 32px;
	letter-spacing: 4px;
	font-weight: 400;
	color: var(--text-green);
	text-transform: uppercase;
	padding-bottom: 0;
}

#service-advice-section .row .icon {
	width: 140px;
	height: 140px;
}

#service-advice-section .content-column {
	display: flex;
	gap: 40px;
}

#service-advice-section img {
	width: 100%;
	height: 100%;
}

#service-advice-section .content-column h3 {
	margin-bottom: 12px;
}

#service-advice-section .content-column p {
	color: var(--text-green);
}

#service-advice-section .content-column p strong {
	color: var(--text-black);
}

.content-grid {
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 40px;
}

.content-grid article {
	display: flex;
	gap: 40px;
}

.content-grid article .image-container {
	width: 80px;
	height: 80px;
} 

.content-grid article .image-container img {
	width: 100%;
	height: 100%;
}

.content-grid article .content {
	width: 260px;
}

.content-grid article h3 {
	margin-bottom: 12px !important;
}

.position-sticky {
	position: sticky;
	top: var(--menu-height);
}

#mediation-options-section .position-sticky h2 {
	margin-bottom: 40px;
}

#mediation-options-section .articles-column {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

#mediation-options-section .articles-column article p {
	margin-bottom: 0;
	padding-bottom: 0;
}

#mediation-options-section .articles-column article header {
	background-color: #4E6766;
	padding: 20px 40px;
}

#mediation-options-section .articles-column article header h3 {
	color: var(--text-white);
}

#mediation-options-section .articles-column article footer {
	padding: 20px 40px 40px;
	background-color: #F5F5F5;
}

#mediation-options-section .articles-column article footer p {
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: var(--text-green);	
}

#mediation-options-section .articles-column article footer p strong {
	color: var(--text-black);
}

#cta-section .header {
	max-width: 840px;
}

/*Media Queries*/
@media only screen and (max-width: 1120px) {
	#divorce-consultation-fees-section .fees-container {
		flex-wrap: wrap;
	}
}

@media only screen and (max-width: 1024px) {
	.logos-section > div {
		gap: 60px;
	}
}

@media only screen and (max-width: 991px) {
	#testimonials-section .testimonials-container {
		flex-wrap: wrap;
	}	
	
	#testimonials-section .testimonials-container .testimonial-card {
		max-width: 320px;
	}
	
	#divorce-consultation-fees-section .fees-card {
		max-width: 350px;
	}
}

@media only screen and (max-width: 900px) {
	.menu-cta-wrapper .global-phone-cta a {
		padding: 8px 16px;
		font-size: 14px;
	}
	
	.menu-cta-wrapper .global-phone-cta p {
		font-size: 12px;
		line-height: 20px;
	}
	
	.logos-section {
		height: 140px;
	}
	
	.logos-section > div img {
		width: 100px;
		height: auto;
	}
}

@media only screen and (max-width: 767px) {
	/* Mobile Menu */
	.mobile-menu-wrapper {
		display: flex;
		justify-content: space-between;
		align-items: center;
		background-color: var(--color-black);
	}

	#mobile-menu-toggle {
		outline: none;
		border: none;
		position: relative;
		z-index: 2000;
		background: 0 0;
		cursor: pointer;
		padding: 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	#mobile-menu-toggle .close-icon {
		display: none;
	}
	
	#mobile-menu-toggle.active .open-icon {
		display: none;
	}
	#mobile-menu-toggle.active .close-icon {
		display: block;
	}
	
	#custom-mobile-menu {
	  position: fixed;
	  top: -100vh;
	  left: 0;
	  width: 100%;
	  height: 100vh;
	  background-color: #111;
	  display: flex;
	  flex-direction: column;
	  justify-content: flex-start;
	  transition: top 0.4s ease;
	  z-index: 1500;
	  padding: 80px 40px 40px 40px;
	  gap: 20px;
	}
	
	#custom-mobile-menu.open {
	  top: 45px;
	}
	
	#custom-mobile-menu ul {
	  list-style: none;
	  margin: 0;
	  padding: 0;
	  text-align: left;
	}

	#custom-mobile-menu li {
	  margin: 1.5rem 0;
	}

	#custom-mobile-menu a {
	  color: #fff;
	  font-size: 16px;
	  line-height: 20px;
	  text-transform: uppercase;
	  text-decoration: none;
	  font-weight: 700;
	  transition: color 0.2s ease;
	}

	#custom-mobile-menu a:hover, #custom-mobile-menu a:active, #custom-mobile-menu a:focus {
	  color: var(--color-primary) !important;
	}
	
	body.no-scroll {
	  overflow: hidden;
	}
	
	#custom-mobile-menu .mobile-menu-footer p.copyright {
		text-align: center;
	}
	
	#custom-mobile-menu .mobile-menu-footer p.copyright a {
        font-size: 12px;
        color: #BABABA;
        text-transform: unset;
        font-weight: 400;
    }
	
	#custom-mobile-menu .mobile-menu-footer p.copyright a:hover {
		color: var(--color-white);
	}
	
	#custom-mobile-menu nav {
		flex: 1;
		overflow-y: hidden;
		display: flex;
		flex-direction: column;
	}
	
	#custom-mobile-menu ul#new_main_menu {
		overflow-y: auto; 
		padding-right: 10px;
	}
	
	#custom-mobile-menu .sub-menu {
		overflow: hidden;
		max-height: 0;
		transition: max-height 0.4s ease;
		display: block;
		padding-left: 20px;
	}

	#custom-mobile-menu .menu-item-has-children.open .sub-menu {
		max-height: 250px !important; 
    	overflow-y: auto;
	}	

	svg.submenu-toggle {
		position: relative;
		top: 7px;
		left: 10px;
		transition: transform .2s ease;
	}
	
	#custom-mobile-menu .menu-item-has-children.open > svg.submenu-toggle {
		transform: rotate(180deg);
	}
	
	/* Mobile Menu End */
	
	.mt-md-20 {
		margin-top: 20px;
	}
	
	.d-md-none {
		display: none;
	}
	
	.d-md-block {
		display: block;
	}
	
	.d-md-flex {
		display: flex;
	}
	
	body.wp-singular:not(:is(.page-template-home-new-template,.page-template-family-dispute-resolution-services-template,.page-template-family-law-services-template, .page-template-services-template-with-acf)) {
		padding-top: 0;
	}
	
	#main-menu {
		height: auto !important;
	}
	
	#main-menu .top-bar-cta {
		background-color: var(--color-primary);
		padding: 12px 20px;
		align-items: center;
        justify-content: space-between;
	}
	
	#main-menu .top-bar-cta a {
		color: var(--text-white) !important;
		display: flex;
		align-items: center;
		font-size: 16px;
		line-height: 20px;
		gap: 8px;
	}
	
	.logo-wrapper {
		padding: 12px 20px;
	}
	
	#what-we-do-section, #about-us-section, #testimonials-section, #divorce-consultation-fees-section, #service-advice-section, #why-choose-section, #mediation-options-section, #cta-section {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.hero-content .experience-headline {
		font-size: 20px;
		line-height: 28px;
	}

	.hero-content h1 {
		font-size: 40px;
		line-height: 48px;
		padding-bottom: 0;
	}
	
	.logos-section > div {
		gap: 20px;
	}
	
	#what-we-do-section, #cc-representation-section {
		padding-bottom: 0;
	}
	
	#what-we-do-section .what-we-do-content {
		gap: 40px;
	}
	
	.hero-content .text, #what-we-do-section .what-we-do-content p, #what-we-do-section .what-we-do-image footer p, #about-us-section .about-us-grid article p.subheading, #cc-representation-section p.subheading, #testimonials-section .testimonials-container .testimonial-text, #divorce-consultation-fees-section .fees-card-header span {
		font-size: 18px;
		line-height: 24px;
	}
	
	#what-we-do-section .what-we-do-image {
		float: none;
		margin: 60px auto auto;
	}
	
	#what-we-do-section .what-we-do-image footer {
		padding: 20px 20px 60px;
	}
	
	#what-we-do-section .what-we-do-image footer p.quote {
		font-size: 24px;
		line-height: 32px;
	}
	
	#about-us-section .about-us-grid article img {
		width: 60px;
		height: 60px;
	}
	
	#testimonials-section .testimonials-container .testimonial-card {
		padding: 20px;
		min-height: 360px;
	}
	
	#testimonials-section .testimonials-container .author {
		font-size: 20px;
		line-height: 24px;
	}
	
	#divorce-consultation-fees-section .divorce-consultation-heading {
		font-size: 40px;
		line-height: 44px;
	}
	
	#divorce-consultation-fees-section .fees-card {
		width: 100%;
		max-width: 100%;
	}
	
	#divorce-consultation-fees-section .fees-card-header, #divorce-consultation-fees-section .fees-card-content {
		width: calc(100% - 25px);
	}
	
	#divorce-consultation-fees-section .fees-card-price p {
		font-size: 40px;		
	}
	
	#divorce-consultation-fees-section .fees-card-price p>span {
		font-size: 18px;
	}
	
	:is(#service-advice-section, #cta-section) .header h2 {
		font-size: 40px;
		line-height: 44px;
	}
	
	:is(#service-advice-section, #cta-section) .header .subheading {
		font-size: 20px;
		line-height: 24px;
	}
	
	#service-advice-section .content-column {
		flex-direction: column;
		align-items: center;
	}
	
	#service-advice-section .row .icon {
		width: 100px;
		height: 100px;
	}
	
	.align-self-md-center {
		align-self: center;
	}
	
	:is(#what-we-do-section,#about-us-section,#testimonials-section,#divorce-consultation-fees-section,#cc-representation-section,#begin-your-case-section,#service-advice-section,#why-choose-section,#mediation-options-section,#cta-section) h2 {
		font-size: 32px;
		line-height: 40px;
	}
	
	:is(#what-we-do-section,#about-us-section,#testimonials-section,#divorce-consultation-fees-section,#cc-representation-section,#begin-your-case-section,#service-advice-section,#why-choose-section,#mediation-options-section,#cta-section) h3 {
		font-size: 20px;
		line-height: 24px;
	}
	
	.content-grid {
		display: grid;
		grid-template-columns: 1fr;
		gap: 40px;
	}
	
	.content-grid article .image-container {
		width: 60px;
		height: 60px;
	} 
	
	.content-grid article .content {
		width: 100%;
	}
	
	.position-md-static {
		position: static;
	}
	
	#mediation-options-section .articles-column, .footer-column {
		margin-top: 40px;
	}
	
	#contact-us .address-heading {
		font-size: 32px !important;
		line-height: 40px !important;
	}
	
	.contact-info-column {
		margin-bottom: 40px;
	}
	
	.py-md-40 {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	footer#main_footer h2 {
		font-size: 20px;
		line-height: 24px;
	}
		
	#cc-representation-section .row:first-of-type {
		flex-direction: column;
	}
	
	#cc-representation-section .row:first-of-type h2 {
		margin-bottom: 20px;
	}
	
	#cc-representation-section .row:not(:last-of-type) {
		margin-bottom: 40px;
	}
	
	#cc-representation-section .trusted-advisor {
		margin-top: 40px;
	}
	
	#cc-representation-section div.col-sm-8:has(.trusted-advisor) {
		padding: 0;
	}
	
	#cc-representation-section .column-cta .global-phone-cta {
		align-self: center;
	}
	
	#begin-your-case-section .content-column {
		gap: 40px;
		padding: 60px 20px;
	}
	
	#begin-your-case-section>div.row {
		flex-direction: column;
	}
	
	#begin-your-case-section .image-column {
		border-right: 0;
		border-bottom: 4px solid var(--color-primary);
		width: 100%;
		height: 400px;
	}
	
	#begin-your-case-section .content-column article .step-wrapper {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}
	
	#begin-your-case-section .content-column article .step-wrapper .step-number {
		position: static;
		font-size: 32px;
		line-height: normal;
		padding: 6px 20px;
	}
}

@media only screen and (max-width: 690px) {
	#testimonials-section .testimonials-container {
		flex-wrap: nowrap;
		flex-direction: column;
	}
	
	#testimonials-section .testimonials-container .testimonial-card {
		max-width: 100%;
		min-height: auto;
	}
}

@media only screen and (max-width: 580px) {
	.hero-content .cta-group a {
		width: 100%;	
	}
	
	#what-we-do-section .what-we-do-image {
		margin: 60px 0 0;
		padding: 0;
		max-width: 100%;
	}
	
	#what-we-do-section .what-we-do-image img {
		object-position: top;
	}
	
	#what-we-do-section .what-we-do-content .numbers-grid article h3 {
		display: flex;
		flex-direction: column;
	}
	
	.content-grid article {
		gap: 20px;
	}
	
	#mediation-options-section .articles-column article header {
		padding: 12px 20px;
	}
	
	#mediation-options-section .articles-column article footer {
		padding: 12px 20px 20px;
	}
	
	.align-self-sm-strecth {
		align-self: stretch;
	}
	
	.header {
		margin-bottom: 40px;
	}
	
	ul#menu-footer-menu {
		column-count: 1 !important;
	}
	
	#divorce-consultation-fees-section .fees-card-header, #divorce-consultation-fees-section .fees-card-content {
		padding: 20px;
	}
	
	#cc-representation-section .column-cta .global-phone-cta {
        align-self: stretch;
    }
	
	#cc-representation-section .column-cta .global-phone-cta a {
		width: 100%;
		justify-content: center;
	}
}

@media only screen and (max-width: 460px) {
	#what-we-do-section .what-we-do-content .numbers-grid {
    	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
		gap: 20px;
	}
	
	.logos-section {
		height: 100px;
	}
	
	.logos-section > div img {
		width: 60px;
		height: auto;
	}
}

/*Post New Design*/
	body {
		overflow-x: hidden;
	}
	.post-banner-featured-image{
		height: 720px !important;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		width: 100vw;
		margin-left: calc(-50vw + 50%);
		margin-top: -40px;
		display: flex;
  		flex-direction: column;
	}
	.post-banner-featured-image .container.banner-content{
		display: flex;
  		flex-direction: column;
		margin-top: auto !important;
		margin-bottom: 70px !important;
		gap: 20px;
	}
	.banner-title{
		font-family: PT Serif;
		font-weight: 700;
		font-style: Bold;
		font-size: 72px;
		line-height: 110.00000000000001%;
		letter-spacing: 0%;
		color: white;
	}
	.banner-date{
		display: flex;
	}
	.p-date{
		font-family: Lato;
		font-weight: 700;
		font-style: Bold;
		font-size: 18px;
		line-height: 150%;
		letter-spacing: 0px;
		text-align: left;
		vertical-align: middle;
		text-transform: uppercase;
		color: white;
		margin: 0;
    	white-space: nowrap;
	}
	.horizontal-line{
		flex: 1;
		height: 2px;
		background: #fff;
		margin-top: 15px;
  		margin-left: 15px;
	}
	#content-area.container{
		display: flex;
		gap: 100px;
		padding: 90px 0;
	}
	#content-area.container.blog{
		gap: 0;
		padding: 0;
	}
	#content-area.container.blog{
		flex-direction: column;
	}
	#content-area.container::before, #content-area.container::after{
		display: none;
	}
	#content-area #left-area{
		flex: 3;
	}
	#content-area #right-area{
		flex: 2;
		display: flex;
		flex-direction: column;
		gap: 15px;
	}	
	#content-area #left-area p, #content-area #left-area a{
		font-family: Lato;
		font-weight: 400;
		font-style: Regular;
		line-height: 135%;
		font-size: 16px;
	}
	#content-area #left-area a{
		color: blue;
	    text-decoration: underline;
	}
	#content-area #first-section-blog{
		padding: 75px 220px;
	}
	#content-area #second-section-blog{
		padding: 75px 0;
		background-color: #F5F5F5;		
		width: 100vw;
  		margin-left: calc(-50vw + 50%);
	}
	.page-template-blogNewTemplate .hero-section{
		height: 720px;
	}
	#content-area .blog-load-more, #content-area .pagination-wrapper {
		padding-bottom: 120px;
	  }
	}
	#content-area #second-section-blog{
		display: flex;
		flex-direction: column;
	}
	#content-area #third-section-blog{
		padding: 150px 0 80px 0;		
		display: flex;
		flex-direction: column;
	}
	#content-area #second-section-blog .container,
	#content-area #third-section-blog .container{
		padding: 0;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 40px;
	}
	#content-area #third-section-blog .container{
		grid-template-columns: repeat(4, 1fr);
	}
	#content-area #second-section-blog .container::before,
	#content-area #third-section-blog .container::before,
	#content-area #second-section-blog .container::after,
	#content-area #third-section-blog .container::after{
		display:none;
	}
	#content-area #first-section-blog .recent-post-image,
	#content-area #first-section-blog .recent-post-content{
		width: 50%;
		display: flex;
		flex-direction: column;
		background-color: #F5F5F5;
	}
	#content-area #first-section-blog .recent-post-item{
		display: flex;
	}
	#content-area #second-section-blog .recent-post-item,
	#content-area #third-section-blog .recent-post-item{
		display: flex;
		flex: 1;
		flex-direction: column;
	}

	#content-area #right-area .recent-post-content{
		display: flex;
		background-color: #F5F5F5;
	}
	#content-area #second-section-blog .recent-post-content{
		display: flex;
		background-color: #FFF;
		height: 100%;
	}
	#content-area #third-section-blog .recent-post-content{
		display: flex;
		background-color: #F5F5F5;
		height: 100%;
	}
	#content-area #first-section-blog .recent-post-content{
		padding: 40px;
	}
	#content-area #right-area .recent-post-item,
	#content-area #second-section-blog.recent-post-item{
		line-height: 0;
	}
	#content-area #second-section-blog.recent-post-item,
	#content-area #third-section-blog.recent-post-item{
		height: 100%;
	}
	#content-area #right-area .recent-posts,
	#content-area #first-section-blog .recent-posts,
	#content-area #second-section-blog .recent-posts,
	#content-area #third-section-blog .recent-posts{
		font-family: Lato;
		font-weight: 700;
		font-style: Bold;
		font-size: 24px;
		line-height: 32px;
		letter-spacing: 10%;
		text-align: left;
		text-transform: uppercase;
	}

	#content-area #right-area .recent-post-image .wp-post-image,
	#content-area #second-section-blog .recent-post-image .wp-post-image {
		width: 100%;
		height: 240px;
	}
	#content-area #second-section-blog .recent-post-image {
		height: 240px;
	}
	#content-area #third-section-blog .recent-post-image .wp-post-image {
		width: 100%;
		height: 180px;
	}
	#content-area #third-section-blog .recent-post-image {
		height: 230px;
	}
	#content-area #first-section-blog .recent-post-image .wp-post-image{
		height: 300px;
		border-radius: 5px 0 0 5px;
	}
	#content-area #first-section-blog .recent-post-image{
		border-radius: 5px 0 0 5px;
	}
	#content-area #second-section-blog .recent-post-image .wp-post-image,
	#content-area #third-section-blog .recent-post-image .wp-post-image{
		height: 280px;
		border-radius: 5px 5px 0 0;
	}
	#content-area #second-section-blog .recent-post-image,
	#content-area #third-section-blog .recent-post-image{
		border-radius: 5px 5px 0 0;
	}

	#content-area #right-area .recent-post-content,	
	#content-area #first-section-blog .recent-post-content,
	#content-area #second-section-blog .recent-post-content,
	#content-area #third-section-blog .recent-post-content{
		display: flex;
		flex-direction: column;
		padding: 15px 20px;
		gap: 10px;
	}
	#content-area #first-section-blog .recent-post-content,
	#content-area #second-section-blog .recent-post-content,
	#content-area #third-section-blog .recent-post-content{
		padding: 20px;
	}
	#content-area #second-section-blog .recent-post-content,
	#content-area #third-section-blog .recent-post-content{
		justify-content: space-between;
	}
	#content-area #first-section-blog .recent-post-content{
		border-radius:  0 5px 5px 0;
	}
	#content-area #second-section-blog .recent-post-content,
	#content-area #third-section-blog .recent-post-content{
		border-radius:  0 0 5px 5px;
	}
	#content-area #right-area .recent-post-date-button,
	#content-area #fisrt-section-blog .recent-post-date-button,
	#content-area #second-section-blog .recent-post-date-button,
	#content-area #third-section-blog .recent-post-date-button
	{
		display: flex;
		justify-content: space-between;
	}
	.recent-post-item .recent-post-content .recent-post-date-button{
		gap: 10px;
		display: flex;
		flex-direction: column;
	}
	.recent-post-content .post-category{
		font-family: Lato;
		font-weight: 700;
		font-style: Bold;
		font-size: 12px;
		line-height: 150%;
		letter-spacing: 0px;
		vertical-align: middle;
		text-transform: uppercase;
		color: #4E6766;
		background-color: #DFDFDF;
		padding: 5px;
		border-radius: 5px;
		width: fit-content;
	}
	#content-area #first-section-blog .recent-post-content .post-excerpt,
	#content-area #second-section-blog .recent-post-content .post-excerpt,
	#content-area #third-section-blog .recent-post-content .post-excerpt{
		font-family: Lato;
		font-weight: 400;
		font-style: Regular;
		font-size: 16px;
		line-height: 135%;
		padding: 0;
		color: #4E6766;
	}	
	#content-area #right-area .recent-post-title a,
	#content-area #first-section-blog .recent-post-title a,
	#content-area #second-section-blog .recent-post-title a,
	#content-area #third-section-blog .recent-post-title a{
		font-family: PT Serif;
		font-weight: 700;
		font-style: Bold;
		font-size: 18px;
		line-height: 100%;
		letter-spacing: 0px;
		vertical-align: middle;
		color: #000;
	}
	#content-area #right-area .recent-post-title a,
	#content-area #first-section-blog .recent-post-title a,
	#content-area #second-section-blog .recent-post-title a{
		font-size: 24px;
		line-height: 32px;	
	}
	.recent-post-date{
		font-family: Lato;
		font-weight: 700;
		font-style: Bold;
		font-size: 12px;
		line-height: 150%;
		letter-spacing: 0px;
		vertical-align: middle;
		text-transform: uppercase;
		color: #4E6766;
	}
	#content-area #right-area .recent-post-content .read-more-btn,
	.read-more-btn{
		font-family: Lato;
		font-weight: 700;
		font-style: Bold;
		font-size: 16px;
		width: fit-content;
		color: #FF5733;
		border-bottom: solid 1px #FF5733;		
		display: inline-flex;
		align-items: center;
		line-height: 1;
		padding-bottom: 4px;
		text-decoration: none;
	}
	#content-area #second-section-blog .read-more-btn,
	#content-area #third-section-blog .read-more-btn{
		align-self: end;
	}
	#content-area #right-area .recent-post-content .read-more-btn::after,
 	.read-more-btn::after{
		content: " →";
		margin-left: 5px;
	}
	#content-area #right-area .recent-post-content .read-more-btn:hover,
	.read-more-btn:hover{
		color: #FF5733 !important;
		border-bottom: solid 1px #FF5733;
	}
	.blog .blog-load-more{
		display: flex;
		justify-content: center;
	}
	#content-area .container.blog{
		gap: 0;
	}
	.blog .blog-load-more .see-all,
	.blog .pagination span.page-numbers.current,
	.blog .pagination a.page-numbers{
		font-family: Lato;
		font-weight: 700;
		font-style: Bold;
		font-size: 16px;
		line-height: 20px;
		letter-spacing: 0px;
		text-align: center;
		text-transform: uppercase;
		color: #FFFFFF;
		background-color: #000;
		padding: 16px 24px;
	}
	.blog .blog-load-more .see-all:hover{
		color: #FFFFFF !important;
	}
	.grid-5 {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		gap: 30px;
	}
	.blog .pagination span.page-numbers.current,
	.blog .pagination a.page-numbers{
		padding: 15px;		
	}
	.blog .pagination .pages a.page-numbers{
		background-color: #DFDFDF;
	}
	.blog .pagination-wrapper, .blog .pagination, .blog .pagination .pages{
		display: flex;
		justify-content: center;
		gap: 10px;
		align-items: center;
	}
	.blog .pagination a.prev ,
	.blog .pagination a.next{
		border-radius: 50px;
		padding: 15px 25px;
		color: #000;
		background-color: #DFDFDF;
	}
	.blog .pagination .prev.page-numbers,
	.blog .pagination .next.page-numbers{
		display: none;
	}
	.blog .pagination-info, .blog .page-count{
		font-family: Lato;
		font-weight: 400;
		font-size: 16px;
		line-height: 24px;
		letter-spacing: 0px;
		text-align: center;
		color: #4E6766;
	}
	.blog .pagination-info{
		margin-right: 40px;
		margin-top: 20px;
	} 
	.blog .page-count{
		margin-left: 40px;
		margin-top: 20px;
	}
	
	#before-footer.container{
		padding: 120px 20px;
		background-color: #F5F5F5;
		display: flex;
		flex-direction: column;
		gap: 60px;
		width: 100vw;
  		margin-left: calc(-50vw + 50%);
		max-width: 100%;
	}
	#before-footer.container::before,
	#before-footer.container::after{
		display: none;
	}
	#before-footer.container .content{
		display: flex;
		flex-direction: column;
		gap: 20px;
		width: 60%;
		align-self: center;
	}
	#before-footer.container .heading{
		font-family: PT Serif;
		font-weight: 700;
		font-style: Bold;
		font-size: 60px;
		line-height: 64px;
		letter-spacing: 0px;
		text-align: center;
		color: #FF825F;
	}
	#before-footer.container .heading span{
		color: #000;
	}
	#before-footer.container .text-content{
		font-family: Lato;
		font-weight: 400;
		font-style: Regular;
		font-size: 24px;
		line-height: 32px;
		letter-spacing: 4px;
		text-align: center;
		text-transform: uppercase;
		color: #4E6766;
	}
	#before-footer.container .btn-contact{
		background-color: #FF825F;
		padding: 16px 24px;
		font-family: Lato;
		font-weight: 700;
		font-style: Bold;
		font-size: 16px;
		line-height: 20px;
		letter-spacing: 0px;
		text-align: center;
		text-transform: uppercase;
		width: fit-content;
  		align-self: center;
		color: white;
	}
	#before-footer.container .btn-contact:hover{
		color: white;
	}

	@media (max-width: 1250px){
		#content-area #right-area{
			width: 30%;
		}
		#content-area #right-area .recent-post-image .wp-post-image{
			height: 180px;
		}
		#content-area #first-section-blog,
		#content-area #second-section-blog,
		#content-area #third-section-blog{
			padding-left: 20px !important;
			padding-right: 20px !important;
		}
		#content-area #second-section-blog .container, #content-area #third-section-blog .container{
			gap: 20px;
			max-width: 100%;
		}
		#before-footer.container .content{
			width: 75%;
		}
	}

	@media (max-width: 1200px) {
		.grid-5 {
			grid-template-columns: repeat(3, 1fr);
		}
	}

	@media (max-width: 992px){
		#content-area.container {
			gap: 50px;
		}
		#content-area #right-area .recent-post-image .wp-post-image{
			height: 120px;
		}
		#content-area #third-section-blog .recent-post-image{
			
		}
		#content-area #right-area .recent-post-date-button{
			flex-direction: column;
			gap: 10px;
		}
		#content-area #second-section-blog .container, #content-area #third-section-blog .container{
			grid-template-columns: repeat(2, 1fr);
		}
		#before-footer.container .content{
			width: 90%;
		}
	}

	@media (max-width: 767px) {
		#content-area.container{
			flex-direction: column;
		}
		#content-area.container.blog {
			padding-bottom: 0;
		  }
		#content-area .blog-load-more,
		#content-area .pagination-wrapper{
			padding-bottom: 60px;
		}
		#content-area #first-section-blog,
		#content-area #second-section-blog,
		#content-area #third-section-blog{
			padding: 60px 20px;
		}
		#content-area #third-section-blog{
			padding-bottom: 40px;
		}
		#content-area #right-area, #content-area #left-area{
			width: 100%;
		}
		#content-area #right-area .recent-post-image .wp-post-image{
			height: 100%;
		}
		#content-area #right-area .recent-post-date-button{
			flex-direction: row;
		}
		#content-area #first-section-blog .recent-post-image .wp-post-image {
		  border-radius: 5px 5px 0 0;
		}
		
		#content-area #first-section-blog .recent-post-content{
			border-radius: 0 0 5px 5px;
		}
		.grid-5 {
			grid-template-columns: repeat(2, 1fr);
		}
		#content-area #first-section-blog .recent-post-item {
		  flex-direction: column;
		  width: 100%;
		}
		#content-area #first-section-blog .recent-post-image, #content-area #first-section-blog .recent-post-content{
			width: 100%;
		}	
		#content-area #second-section-blog .container, #content-area #third-section-blog .container{
			grid-template-columns: repeat(1, 1fr);
		}	
		#content-area #third-section-blog .recent-post-image,
		#content-area #third-section-blog .recent-post-image .wp-post-image{
		  height: 230px;
		}
		#before-footer.container{
			padding: 80px 20px;
			gap: 40px;
		}
		#before-footer.container .content{
			width: 100%;
		}
		#before-footer.container .heading{
			font-size: 40px;
			line-height: 44px;
		}
		#before-footer.container .text-content{
			font-size: 20px;
			line-height: 24px;
		}
	}

	@media (max-width: 480px) {
		.grid-5 {
			grid-template-columns: 1fr;
		}
	
	
		#content-area #right-area .recent-post-image .wp-post-image,
		#content-area #third-section-blog .recent-post-image,
		#content-area #third-section-blog .recent-post-image .wp-post-image{
		  height: 200px;
		}
		#content-area #right-area .recent-post-date-button{
			flex-direction: column;
			gap: 10px;
		}
	}
/*End Post New Design*/

/* SUBMENU */
.sub-menu .menu-item-has-children > .sub-menu{

    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;

    display: block !important;

    max-height: 0;
    overflow: hidden;

    opacity: 0;
    visibility: hidden;

    transform: none !important;

    transition: all .35s ease;

    margin-left: 15px;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{
  background-color: black;
}
#main-menu .nav ul a {
  width: fit-content !important;
}
.sub-menu .menu-item-has-children.open > .sub-menu{

    max-height: 1000px;
    opacity: 1;
    visibility: visible;
}