/*
Theme Name: JE Consulting
Author: JE Consulting
Author URI: https://www.je-consulting.co.uk/
Version: 1.0.0
*/

@font-face {
  font-family: "Figtree", sans-serif;
  src: url('fonts/Figtree/Figtree-Light.ttf') format('truetype');
	font-weight: 300;
}
@font-face {
  font-family: "Figtree", sans-serif;
  src: url('fonts/Figtree/Figtree-Regular.ttf') format('truetype');
	font-weight: 400;
}
@font-face {
  font-family: "Figtree", sans-serif;
  src: url('fonts/Figtree/Figtree-Medium.ttf') format('truetype');
	font-weight: 500;
}
@font-face {
  font-family: "Figtree", sans-serif;
  src: url('fonts/Figtree/Figtree-SemiBold.ttf') format('truetype');
	font-weight: 600;
}
@font-face {
  font-family: "Figtree", sans-serif;
  src: url('fonts/Figtree/Figtree-Bold.ttf') format('truetype');
	font-weight: 700;
}

.contact-info a.phone-link {
	color: #fff;
}
p {
    font-family: "Figtree", sans-serif;
	font-weight: 400;
    font-size: 18px;
	line-height: 24px;
	color: #0b324e;
	margin-bottom: 1rem;
}
ul li, ol li {
    font-family: "Figtree", sans-serif;
	font-weight: 400;
    font-size: 18px;
	line-height: 24px;
	color: #0b324e;
	margin-bottom: 1rem;
}
h1, h2, h3, h4, h5, h6 {
    color: #0b324e;
    font-family: "Figtree", sans-serif;
}
h1 {
    font-size: 43px;
    color: #0b324e;
    line-height: 47px;
	font-weight: 400;
}
h2 {
    font-size: 43px;
    color: #0b324e;
    line-height: 51px;
	font-weight: 700;
}
h3 {
	color: #0b324e;
	    font-weight: 700;
    font-size: 1.75rem;
    font-size: clamp(1.5714rem, 2.368593037vw, 2rem);
    line-height: 1.33;
}
h4 {
	font-size: 28px;
    line-height: 30px;
	font-weight: 700;
}
.button, button, input[type=submit], input[type=button] {
    color: #0b324e;
    color: var(--color-body, #0b324e);
    background-color: #f7ba43;
    background-color: var(--color-accent-secondary, #f7ba43);
    border: 1px solid;
    border-color: #f7ba43;
    border-color: var(--color-accent-secondary, #f7ba43);
}


#search::placeholder {
    color: #0b324e;
}



h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	margin-bottom: 1.5rem;
	display: block;
	color: #0b324e;
	color: var(--color-body, #0b324e);
}
.h1 {
	font-weight: 400;
	font-size: 3.1875rem;
	font-size: clamp(2.4286rem, 4.2087269129vw, 3.1875rem);
	line-height: 1.1;
}
.single #ContentWrap {
	padding: 50px 0 0 0;
}
.OfficeLocation .h1 {
	text-align: center;
	margin-bottom: 50px;
}
.OfficeLocationInner {
	display: flex;
	gap: 2rem;
	flex-wrap: wrap;
	justify-content: center;
}
.OfficeLocationInner .Office {
	min-width: 21rem;
	width: calc(33.3333333333% - 2rem);
	background-color: #fff;
}
.OfficeLocation {
	background-color: #F2F2F3;
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.PostWrap.MainWrap {
	margin-bottom: 75px;
}
/*
.OfficeLocation .container {
	max-width: 1600px;
}
*/
.WhiteText p, .WhiteText h1, .WhiteText h2, .WhiteText h3, .WhiteText h4, .WhiteText h5, .WhiteText h6, .WhiteText li, .WhiteText a{
	color: #fff;
}
.WhiteText a{
	text-decoration: underline;
}
.Map iframe {
	display: block;
}
.OfficeContentWrap {
	padding: 2rem;
	text-align: center;
	box-shadow: 4px 8px 24px 0px rgba(0,10,44,.08);
}
.OfficeTitle p::after {
	content: "";
	position: absolute;
	width: 1rem;
	height: 2px;
	background-color: #0b324e;
	background-color: var(--color-body, #0b324e);
	left: 50%;
	bottom: -0.75rem;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.OfficeTitle p {
	font-size: clamp(1.2857rem, 1.776889vw, 1.3125rem);
	font-weight: 700;
	position: relative;
	display: block;
	margin-bottom: 1.5rem;
}
.OfficeContent p {
	font-size: clamp(0.8572rem, 1.333vw, 0.875rem);
	margin-bottom: 0;
}
.OfficeContent {
	margin-bottom: 30px;
}
.OfficeButton a {
	color: #0b324e;
	background-color: rgba(0,0,0,0);
	border: solid 1px;
	border-top-color: currentcolor;
	border-right-color: currentcolor;
	border-bottom-color: currentcolor;
	border-left-color: currentcolor;
	border-color: #0b324e;
	font-weight: 400;
	padding: .75rem 1.5rem;
}
.OfficeButton a:hover{
	background-color: #0b324e;
	color: #fff;
}

.hero-section {
            position: relative;
            width: 100%;
            height: 100vh;
            overflow: hidden;
	min-height: 900px;
        }

        .hero-background {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
        }

        .hero-slide {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: opacity 1s ease-in-out;
            object-fit: cover;
        }

        .hero-slide.active {
            opacity: 1;
        }

        .hero-content {
	position: relative;
	z-index: 2;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-end;
	color: white;
	text-align: center;
	padding-left: 5rem;
	padding-right: 5rem;
	padding-top: 1rem;
}

        .hero-content h1 {
            font-size: 3.5rem;
            margin-bottom: 1rem;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
        }

        .hero-content p {
            font-size: 1.25rem;
            margin-bottom: 2rem;
            text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
            max-width: 600px;
        }

        .cta-button {
            background: #f7ba43;
            color: #0b324e;
            padding: 15px 30px;
            text-decoration: none;
            border-radius: 4px;
            font-weight: bold;
            font-size: 1.1rem;
            transition: background 0.3s ease;
        }

        .cta-button:hover {
            background: #e5a932;
        }

        .hero-indicators {
            position: absolute;
            bottom: 30px;
            left: 50%;
            transform: translateX(-50%);
            z-index: 3;
            display: flex;
            gap: 10px;
        }

        .indicator {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: rgba(255,255,255,0.5);
            cursor: pointer;
            transition: background 0.3s ease;
        }

        .indicator.active {
            background: white;
        }

        /* Additional sections */
        .content-section {
            padding: 80px 20px;
            background: #f8f9fa;
        }

        .content-section:nth-child(even) {
            background: white;
        }

/*
        .container {
            max-width: 1200px;
            margin: 0 auto;
        }
*/

        .section-header {
            text-align: center;
            margin-bottom: 60px;
        }

        .section-header h2 {
            font-size: 2.5rem;
            color: #0b324e;
            margin-bottom: 15px;
        }

        .services-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
        }

        .service-card {
            background: white;
            padding: 40px 30px;
            border-radius: 8px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            text-align: center;
        }

        .service-card h3 {
            font-size: 1.5rem;
            color: #0b324e;
            margin-bottom: 15px;
        }

        /* Responsive design */
        @media (max-width: 768px) {
            .hero-content h1 {
                font-size: 2.5rem;
            }

            .hero-content p {
                font-size: 1.1rem;
            }

            .services-grid {
                grid-template-columns: 1fr;
            }
			
        }


body:not(.home) .hero-section {
    height: 45vh;
    min-height: 22.875rem;
}

body:not(.home) .hero-section::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;

    background: linear-gradient(
        180deg, 
        #142C6E 0%, 
        rgba(20, 44, 110, 0.15) 100%);
    mix-blend-mode: multiply;
}

.heroHomeSlider {
	position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.heroHomeSlider div {
	height: 100vh;
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 900px;
}
.homeHeroContent {
	width: 100%;
	padding: 12px 20px;
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 100px;
	margin-top: 50px;
}
.homeHeroContentLeft {
	text-align: left;
}
.homeHeroContentRight {
	text-align: right;
}
.homeHeroContent h1 {
	color: #fff;
	text-shadow: none;
	line-height: 1.2em;
}
.homeHeroContent p{
	color: #fff;
}
.fontBold {
	font-weight: 800;
}
.fontYellow {
	color: #f7ba43;
}
.homeHeroContent .fontBold{
	font-size: 5rem;
}
/* Shared button styles */
.Button2, .Button3, .Button4, .WhiteButton {
    padding: 11px 40px 11px 22px;
    display: inline-block;
    border-radius: 50px;
    color: #fff;
    font-weight: 400;
    position: relative;
    border: 2px solid;
}
.WhiteButton{
	background-color: #fff;
	border-color: #fff;
	color: #0b324e;
}
.WhiteButton:hover{
	background-color: #f7ba43;
    border-color: #f7ba43;
	color: #0b324e;
}
.Button2 {
    background-color: #0b324e;
    border-color: #0b324e;
}

.Button2:hover {
    background-color: #fff;
    color: #0b324e;
    border-color: #fff;
}
.Button3 {
    background-color: transparent;
    border-color: #fff;
}

.Button3:hover {
    background-color: #0b324e;
    color: #fff;
    border-color: #0b324e;
}
.Button4 {
    background-color: #f7ba43;
    border-color: #f7ba43;
	color: #0b324e;
}

.Button4:hover {
    background-color: #fff;
    color: #0b324e;
    border-color: #f7ba43;
}
/* SVG positioning for both buttons */
.Button2 svg, .Button3 svg, .Button4 svg, .WhiteButton svg {
    position: absolute;
    right: 14px;
    top: 52%;
    transform: translateY(-50%);
}
.DarkBlueBox svg {
	position: absolute;
	right: 14px;
	top: 50%;
	transform: translateY(-50%);
}
.DarkBlueBox, .WhiteBox {
	display: inline-block;
	border-radius: 10px;
	padding: 15px 20px 15px 20px;
	font-size: 18px;
	position: relative;
	margin-bottom: 20px;
}
.DarkBlueBox{
	background-color: #0b324e;
	padding-right: 45px;
}
.WhiteBox{
	background-color: #fff;
	color: #0b324e;
}
.home .container, .home .hero-content {
	max-width: 1760px;
	padding: 100px 1%;
	width: 100%;
	margin: 0 auto;
}
.home .hero-content{
	padding-top: 1rem;
}
.home h2, .home h3, .home h4, .home h5, .home h6 {
	font-size: 60px;
	font-weight: 300;
}
.OpeningContent {
	font-size: 22px;
	margin-bottom: 40px;
}
.BoxList li a {
	background-color: #0b324e;
	color: white;
	padding: 16px 54px 16px 34px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 10px;
	border: none;
	font-size: 16px;
	font-weight: 500;
	text-align: left;
	position: relative;
}
.BoxList {
	display: flex;
	flex-wrap: wrap;
	gap: 2%;
	padding: 0;
	margin: 0;
	list-style-type: none;
	margin-bottom: 40px;
	
}
.Home-Ourservices .container {
	display: grid;
	grid-template-columns: auto 33%;
	gap: 50px;
	align-items: center;
}
.BoxList li a::after {
	content: "";
	display: block;
	position: absolute;
	background-image: url('/wp-content/uploads/2026/03/Yellow-Chev.png');
	width: 15px;
	height: 16px;
	right: 12px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.BoxList li a::before {
	content: "";
	display: block;
	position: absolute;
	background-image: url('/wp-content/uploads/2026/03/Star.png');
	width: 12px;
	height: 12px;
	left: 12px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.BoxList li{
	width: 100%;
}
.BoxList li:nth-child(6n-5){max-width: 30%;}
.BoxList li:nth-child(6n-4){max-width: 68%;}
.BoxList li:nth-child(6n-3){max-width: 60%;}
.BoxList li:nth-child(6n-2){max-width: 38%;}
.BoxList li:nth-child(6n-1){max-width: 45%;}
.BoxList li:nth-child(6n){max-width: 53%;}
.OurservicesSlider img {
	max-width: unset;
}
.OurservicesSlider {
	height: 100%;
	border-radius: 20px;
	overflow: hidden;
}
.OurservicesItem {
	height: 600px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
}
.Home-TestimonialWrap{
	background-color: #0b324e;
}
.container.HomeTestimonialsContainer {
	padding: 0 calc(1% - 20px);
}
.home .Home-TestimonialWrap .container{
	padding-bottom: 40px;
}
.Home-TestimonialWrap h2, .Home-TestimonialWrap h, .Home-TestimonialWrap h3, .Home-TestimonialWrap h4, .Home-TestimonialWrap h5, .Home-TestimonialWrap h6, .Home-TestimonialWrap p, .Home-TestimonialWrap li{
	color: #fff;
}
.Home-TestimonialWrap .HometestimonialItem  {
	margin: 0 20px;
}
.Home-TestimonialWrap p.HomeTestTitle {
	font-size: 28px;
	font-weight: 700;
	color: #f7ba43;
	line-height: 1.2em;
}
.HomeTestimonials{
	margin-bottom: 40px;
}
.HomeTestContent {
	margin-bottom: 20px;
}
.TeamLoop {
	background-color: #f7ba43;
	border-radius: 20px;
	padding: 40px 0;
	margin-bottom: 50px;
}
.TeamItem {
	padding: 0 50px 60px 50px;
	border-right: 1px solid #fff;
	min-height: 180px;
	position: relative;
}
.TeamLoopName {
	font-size: 36px;
	font-weight: 300;
}
.TeamLoopName a {
	font-weight: inherit;
}
.TeamLoopSub .subtitle, .TeamLoopSub .dept-name {
	font-size: 20px;
}
.TeamLoopSub .dept-name{
	font-weight: 700;
}
.TeamButton {
	padding: 11px 40px 11px 22px;
	display: inline-block;
	border-radius: 50px;
	color: #0b324e;
	font-weight: 400;
	background-color: #fff;
	border: 2px solid #fff;
	position: absolute;
	bottom: 0;
	left: 50px;
}
.TeamButton svg {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
}
.TeamButton:hover{
	background-color: transparent;
	color: #0b324e;
}
.UnderTeamLoop {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.TeamLoopArrows {
	display: flex;
	gap: 10px;
}
.TeamLoopArrows div {
	background-color: #fff;
	border: 2px solid #0b324e;
	border-radius: 50px;
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #0b324e;
	cursor: pointer;
}
.TeamLoopArrows div:hover{
	background-color: #0b324e;
	color: #fff;
}
.TeamItem svg.Star {
	position: absolute;
	right: 50px;
	bottom: 10px;
}
.HomeNews .container {
	position: relative;
	overflow: hidden;
}
.HomeNews {
	background-color: #0b324e;
}
.HomeNews h2, .HomeNews h3, .HomeNews h4, .HomeNews h5, .HomeNews h6{
	color: #f7ba43;
}
.HomeNews p, .HomeNews li{
	color: #fff;
}
.HomeNewsTitle span{
	color: #fff;
}
.HomeTestimonialTitle, .HomeNewsTitle {
	display: flex;
	align-items: end;
	justify-content: space-between;
	border-bottom: 1px solid #fff;
	padding-bottom: 50px;
}
.HomeNewsTitle svg {
	position: absolute;
	top: -40px;
	right: 0;
}
.HomeCTA {
    background-image: 
        linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%), 
        url('/wp-content/uploads/2026/03/Castle-scaled.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.HomeCTA .container {
	display: flex;
	justify-content: space-between;
	align-items: end;
	padding-top: 260px;
}
.HomeCTA span{
	color: #fff;
}
.HomeCTA p{
	color: #fff;
}
.HomeCTA .HomeCTALargeText {
	color: #f7ba43;
	font-size: 40px;
	line-height: 1.2em;
}
.HomeCTAText {
	border-left: 2px solid #f7ba43;
	padding-left: 20px;
}
/*
.container {
    margin: 0 auto;
    padding: 0 20px;

}
*/

/* Header Top Styles */
.header-top {
    background: var(--primary-color);
    color: var(--white);
    padding: 10px 0;
    font-size: 14px;
}

.header-top .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 10px;
	width: 100%;
	padding: 0;
}

.contact-info {
    display: flex;
    align-items: center;
    gap: 20px;
}

.phone-link {
    color: var(--white);
    text-decoration: none;
    font-weight: 700;
    transition: color 0.3s ease;
	background-color: #0b324e;
    background-color: var(--color-accent-primary-dark, #0b324e);
    border-radius: 1000px;
    padding: .5rem 1rem;
	font-size: 1.3em;
}

.phone-link:hover {
    color: #f7ba43;
}

.locations {
    opacity: 1;
    font-size: 1.2rem;
    border-right: 1px solid #ffffff;
    padding-right: 15px;
}

.social-links {
    display: flex;
    gap: 15px;
	padding-left: 10px;
    padding-top: 7px;
}

.social-links a {
    color: var(--white);
    transition: color 0.3s ease;
}

.social-links a:hover {
    color: #f7ba43;
}

/* Header Main Styles */
.header-main {
    background: var(--white);
    padding: 15px 0;
}
.home .header-main{
	padding: 0;
}
.header-main .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Logo */
.logo {
    display: flex;
    align-items: center;
	
	
	margin-left: 0;
    margin-right: 0;
    padding: 1.5rem;
    background-color: #ffffff;
    background-color: var(--color-body, #ffffff);
    -webkit-box-shadow: 4px 8px 24px 0px rgba(0, 10, 44, .08);
    box-shadow: 4px 8px 24px 0px rgba(0, 10, 44, .08);
}

.logo svg {
    transition: transform 0.3s ease;
}


/* Mobile Menu Toggle */
.mobile-menu-toggle {
    display: none;
    flex-direction: column;
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px;
    width: 30px;
    height: 25px;
}

.mobile-menu-toggle span {
    display: block;
    height: 3px;
    width: 100%;
    background: var(--primary-color);
    margin: 3px 0;
    transition: 0.3s;
    border-radius: 2px;
}

/* Navigation */
.main-navigation {
    flex: 1;
    display: flex;
    justify-content: center;
}

.nav-menu {
    display: flex;
    list-style: none;
    gap: 30px;
    margin: 0;
    padding: 0;
}

.nav-menu > li {
    position: relative;
}

.nav-menu a {
    text-decoration: none;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 16px;
    padding: 10px 0;
    transition: color 0.3s ease;
    display: block;
}

.nav-menu a:hover {
    color: var(--secondary-color);
}

.current-menu-item a {
    color: var(--secondary-color);
}

/* Dropdown Menu */
.sub-menu {
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
	transition: all 0.3s ease;
	list-style: none;
	padding: 0;
	z-index: 1000;
	position: absolute;
	background-color: #0b324e;
	min-width: 250px;
	text-align: left;
	opacity: 0;
	visibility: hidden;
	/* transform: translateY(0); */
	width: 100%;
	left: 0;
	top: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

.sub-menu.show {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.sub-menu li {
    margin: 0;
}

.sub-menu a {
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    border-bottom: 1px solid var(--border-color);
}

.sub-menu a:hover {
    background: var(--light-bg);
}

.sub-menu li:last-child a {
    border-bottom: none;
}

/* Header Actions */
.header-actions {
    display: flex;
    gap: 15px;
    align-items: center;
}

.btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.btn-primary {
    background: var(--primary-color);
    color: var(--white);
}

.btn-primary:hover {
    background: transparent;
    border-color: var(--primary-color);
    color: var(--primary-color);
}

.btn-secondary {
    background: transparent;
    color: var(--primary-color);
    border: 2px solid var(--primary-color);
}

.btn-secondary:hover {
    background: var(--primary-color);
    color: var(--white);
}

/* Responsive Media Queries */

/* Tablet Styles */
@media (max-width: 1024px) {
    .nav-menu {
        gap: 20px;
    }
    
    .header-actions {
        gap: 10px;
    }
    
    .btn {
        padding: 8px 16px;
        font-size: 13px;
    }
}

/* Mobile Styles */
@media (max-width: 768px) {
    .header-top .container {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }
    
    .contact-info {
        flex-direction: column;
        gap: 5px;
    }
    
    .header-main .container {
        flex-wrap: wrap;
    }
    
    .mobile-menu-toggle {
        display: flex;
        order: 1;
    }
    
    .logo {
        order: 2;
        flex: 1;
        justify-content: center;
    }
    
    .header-actions {
        order: 3;
    }
    
    .main-navigation {
        order: 4;
        flex-basis: 100%;
        margin-top: 20px;
        display: none;
    }
    
    .main-navigation.active {
        display: block;
    }
    
    .nav-menu {
        flex-direction: column;
        gap: 0;
    }
    
    .nav-menu > li {
        border-bottom: 1px solid var(--border-color);
    }
    
    .nav-menu a {
        padding: 15px 0;
    }
    
    .sub-menu {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        background: var(--light-bg);
        display: none;
    }
    
    .sub-menu.active {
        display: block;
    }
    
    .header-actions .btn-secondary {
        display: none;
    }
}

/* Small Mobile Styles */
@media (max-width: 480px) {
    .container {
        padding: 0 15px;
    }
    
    .logo svg {
        width: 140px;
        height: auto;
    }
    
    .btn {
        padding: 8px 12px;
        font-size: 12px;
    }
    
    .social-links {
        gap: 10px;
    }
    
    .social-links svg {
        width: 18px;
        height: 18px;
    }
}

/* Animation for mobile menu toggle */
.mobile-menu-toggle.active span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
}

.mobile-menu-toggle.active span:nth-child(2) {
    opacity: 0;
}

.mobile-menu-toggle.active span:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -6px);
}








/* ==========================================
   BASIC HEADER LAYOUT
========================================== */

.site-header {
    width: 100%;
    background: transparent;
}

.header-main {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    gap: 0px;
    box-sizing: border-box;
}

/* ==========================================
   LOGO
========================================== */
.header-logo {
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
	margin-top: -53px;
}

.header-logo svg {
    height: auto;
    width: auto;
}

/* ==========================================
   MENU
========================================== */
.header-menu {
    background: #0b324e;
    padding: 0px 20px;
	width: calc(100% - 9.4rem);
	display: flex;
    justify-content: center; /* horizontal centering */
    align-items: center;
	position: relative;
}
.header-menu .main-menu > li {
	padding: 20px 0;
}
.header-menu .main-menu {
    display: flex;
    gap: 40px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.header-menu .main-menu li a {
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
    padding: 6px 0;
	font-weight: 400;
}
.header-menu .main-menu li li a {
	padding: 20px 20px;
	display: block;
}
.header-menu .main-menu li li a:hover{
	background-color: #f7ba43;
	color: #0b324e;
}
.header-menu .main-menu li a:hover {
    color: #f7ba43;
}

.header-menu ul li {
	margin-bottom: 0;
}

/* ==========================================
   BUTTON
========================================== */
.header-button {
    background: #f7ba43;
    padding: 10px 20px;
    display: flex;
    align-items: center;
	height: 4.1rem;
	width: 12rem;
}

.header-button .header-cta {
    color: #0b324e;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
	padding-left: 10px;
}

.header-button:hover {
    background: #2b526e;
}

.header-button:hover .header-cta {
    color: #ffffff;
}
.header-button svg {
	width: 1.2rem;
    height: 1.2rem;
    color: #0b324e;
    color: var(--color-background, #0b324e);
}
.header-button:hover > svg {
	 color: #ffffff;
	transition: transform 0.3s ease;
}

/* ==========================================
   PAGE TITLE
========================================== */
.page-title {
    position: absolute;
    bottom: 5rem;        /* Adjust as needed */
    left: 7.5rem;          /* Adjust as needed */
    z-index: 10;

    font-size: 2.6875rem; /* 43px → 43/16 = 2.6875rem */
    font-weight: 400;
    color: #ffffff;

    background-color: #0b324e;
    padding: 1rem 2rem;
    border-radius: 3rem;

    display: inline-block;
}
.subtitle {
	font-weight: 400;
    font-size: 1.3125rem;
    font-size: clamp(1.2857rem, 1.776889vw, 1.5125rem);
    line-height: 1.5;
	display: block;
}

/* ==========================================
   LAWYER STYLES
========================================== */
.TeamAnchorPoints {
	margin-top: 75px;
}
.team-block .team-grid .team-member .team-member-content h3 .subtitle {
    margin-top: 0;
    display: block;
    font-weight: 500;
    font-size: 1rem;
    font-size: clamp(1rem, 1.333vw, 1rem);
    line-height: 1.5;
}
.team-block {
	margin-bottom: 75px;
}
.team-block .team-grid .team-member .team-member-content a {
    font-size: 1rem !important;
    font-size: clamp(1rem, 1.333vw, 0.875rem) !important;
    font-weight: 400;
}
.spacing {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.button.secondary, button.secondary, input[type=button].secondary {
    color: #0b324e;
    color: var(--color-body, #0b324e);
    background-color: rgba(0, 0, 0, 0);
    border: solid 1px;
    border-color: #0b324e;
    border-color: var(--color-body, #0b324e);
}
.button.secondary:hover, .button.secondary.active, button.secondary:hover, button.secondary.active, input[type=button].secondary:hover, input[type=button].secondary.active {
    color: #fff;
    color: var(--color-accent-reverse, #FFF);
    background-color: #2b526e;
    background-color: var(--color-accent-primary-light, #2b526e);
    border-color: #2b526e;
    border-color: var(--color-accent-primary-light, #2b526e);
}
.button, button, input[type=submit], input[type=button] {
    border: 0;
    border-radius: .5rem;
    background: rgba(0, 0, 0, 0);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    width: auto;
    display: inline-block;
    position: relative;
    text-align: center;
    z-index: 1;
    margin-bottom: 1.5rem;
    font-size: 1rem;
    font-size: clamp(1rem, 1.333vw, 1.1rem);
    font-family: "Figtree", Avenir, Montserrat, Corbel, "URW Gothic", source-sans-pro, sans-serif;
    font-weight: 400;
    padding: .75rem 1.5rem;
    margin-right: 1rem;
}
/* ==========================================
   LAWYER SEARCH
========================================== */
.search-container {
	    -webkit-column-gap: 5rem;
    -moz-column-gap: 5rem;
    column-gap: 5rem;
    background-color: #0d3959;
    background-color: var(--color-accent-primary, #0d3959);

}
.search-container h2 {
	color: #ffffff;
}
.search-container p {
	color: #ffffff;
}
.search-container .ubtn {
	border: 1px solid #ffffff !important;
    border-radius: 0;
	padding: .75rem 1.5rem;
}
.search-container
.search-container form .dropdown select {
    padding: .888rem;
    font-family: "Figtree", Avenir, Montserrat, Corbel, "URW Gothic", source-sans-pro, sans-serif;
    font-weight: 600;
}
.dropdown select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    z-index: 3;
    background: rgba(0, 0, 0, 0);
    cursor: pointer;
    border: 0;
    padding: 0;
    padding-top: .888rem;
    width: 100%;
    font-family: "Figtree", Avenir, Montserrat, Corbel, "URW Gothic", source-sans-pro, sans-serif;
    font-weight: 400;
    color: #0b324e;
    color: var(--color-body, #0b324e);
    font-size: 1rem;
    font-size: clamp(1rem, 1.333vw, 1rem);
}
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-synthesis: small-caps;
}



/* ==========================================
   SINGLE LAWYER
========================================== */





/* ==========================================
   RESPONSIVE BREAKPOINTS
========================================== */

/* Tablet (menu compress) */

@media (max-width: 1200px) {
    .header-top {
        display: none !important;
    }
	
	/*.page-title {
        left: 50%;
        transform: translateX(-50%);
        bottom: 2rem; /* keep same bottom spacing */
        /*text-align: center;
        white-space: nowrap; /* optional: prevents wrapping */
    }


@media (max-width: 900px) {
    .header-main {
        gap: 10px;
    }

    .header-menu .main-menu {
        gap: 15px;
    }
}

/* Mobile Layout (stack vertically) */
@media (max-width: 680px) {
    .header-main {
        flex-direction: column;
        align-items: stretch;
    }

    .header-logo,
    .header-menu,
    .header-button {
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    .header-menu .main-menu {
        flex-direction: column;
        gap: 10px;
    }
}



/* ==========================================
   SERVICE PAGES
========================================== */
.services-content {
	padding-left: 7.5rem;
    padding-right: 7.5rem;
}

@media (max-width: 768px) {
	.services-content {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
}

.content-left h2 {
    font-weight: 400;
    font-size: 1.3125rem;
    font-size: clamp(1.2857rem, 1.776889vw, 1.5125rem);
    line-height: 1.5;
}
.our-people-button {
	margin: .5rem 1rem .5rem 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
	color: #0b324e;
    color: var(--color-body, #0b324e);
    background-color: rgba(0, 0, 0, 0);
    border: solid 1px;
    border-color: #0b324e;
    border-color: var(--color-body, #0b324e);
	border-radius: .5rem;
}
.our-people-button a {
	background-color: #ffffff !important;
    font-size: 1rem !important;
    font-size: clamp(1rem, 1.333vw, 1.1rem) !important;
    font-weight: 400;
}
.our-people-button a:hover {
	background-color:#2b526e !important;
	color: #ffffff !important;
}
.single-modal-inner .modal-content .modal-content-inner .content-header h2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1rem;
    width: 6.25rem;
    height: 1px;
    background-color: #0b324e;
    background-color: var(--color-body, #0b324e);
}
.modal-content-inner .content-header, 
.modal-content-inner .biography, 
.modal-content-inner .review-widget, 
.modal-content-inner .testimonials-wrapper{
	margin-bottom: 30px;
}
.content-header .contact {
	padding-top: 10px;
	padding-bottom: 25px;
}
.content-header .contact a {
	font-weight: 400;
    font-size: 1.1125rem;
    font-size: clamp(1.1457rem, 1.776889vw, 0.3125rem);
}
.team-block .team-grid {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 2rem;
}
	.team-block .team-grid .team-member .team-member-image {
	position: relative;
	margin-bottom: 2rem;
	width: 100%;
	aspect-ratio: 1/1;
	height: auto;
	background-size: cover;
}
	.team-block .team-grid .team-member .team-member-content h3 {
	margin-bottom: 2rem;
	position: relative;
}
	.team-block .flex-col {
	flex-direction: column;
}
	.team-block .team-grid .team-member .team-member-content .more-button {
	margin-top: 1.5rem;
}
	.team-block .team-grid .team-member .team-member-content a {
	font-size: .875rem;
	font-size: clamp(0.8572rem, 1.333vw, 0.875rem);
	color: #0b324e;
	color: var(--color-body, #0b324e);
}
	.team-block .team-grid .team-member .team-member-content a {
	font-size: 1rem !important;
	font-size: clamp(1rem, 1.333vw, 0.875rem) !important;
	font-weight: 400;
}
.team-block .department-title {
	padding: 1rem 1.5rem;
	border-radius: 3rem;
	background-color: #0b324e;
	width: max-content;
	color: #fff;
	color: #fff;
	color: var(--color-background, #FFF);
	margin-bottom: 0;
	font-family: "Figtree", sans-serif;
	font-weight: 400;
	margin: 3rem 0;
}
	.team-block .more-button a {
	color: #0b324e;
	color: #0b324e;
	background-color: rgba(0,0,0,0);
	border: solid 1px;
	border-top-color: currentcolor;
	border-right-color: currentcolor;
	border-bottom-color: currentcolor;
	border-left-color: currentcolor;
	border-color: #0b324e;
	border-color: #0b324e;
	padding: 15px 22px;
	display: inline-block;
}
.single-teamwrap .single-modal-inner {
	display: grid;
	grid-template-columns: 50% 50%;
}
.single-teamwrap .modal-images.theme--image {
	background: #071d2d;
}
	.single-teamwrap .modal-images.theme--image {
	background: linear-gradient(90deg, #071d2d 0%, #071d2d 70%, rgb(255, 255, 255) 70%, rgb(255, 255, 255) 100%);
		position: relative;
		padding-top: 9rem;
}

	.single-teamwrap .modal-content {
	padding: 9rem 7.5rem 3.625rem 4.25rem;
}
.single-teamwrap .single-modal-inner .modal-images .modal-image {
	position: sticky;
	width: 100%;
	background-size: cover;
	max-width: 540px;
	top: 50px;
	right: 50%;
	transform: translateX(50%);
}
	.single-teamwrap .testimonial.slick-slide {
	padding: 2rem;
}
	.single-teamwrap .testimonials-wrapper .buttons.slider-buttons {
	position: absolute;
	bottom: 0;
	right: 0;
}
.single-teamwrap .testimonials-wrapper .button {
	border-radius: 0;
	background-color: #0b324e;
	border-color: #0b324e;
	margin: 0;
	margin-right: 0px;
	padding: 15px 20px;
}
	.single-teamwrap .testimonials-wrapper .button i{
		color: #fff;
	}
	.single-teamwrap .testimonials-wrapper {
	width: 100%;
	-webkit-box-shadow: 4px 8px 24px 0 rgba(0,10,44,.08);
	box-shadow: 4px 8px 24px 0 rgba(0,10,44,.08);
}
	.single-teamwrap .testimonials-wrapper .testimonial .heading .stars svg{
		width: 1.5rem;
  height: 1.5rem;
  color: #f7ba43;
  color: #f7ba43;;
	}
	.single-teamwrap .review {
	font-family: "Figtree", sans-serif;
	margin-bottom: 1.75rem;
	line-height: 1.4rem;
}
	.single-teamwrap .stars {
	margin-bottom: 20px;
	gap: .5rem;
}
	.single-teamwrap .subtitle-2 {
	font-weight: 600;
	font-size: 1rem;
	font-size: clamp(1rem, 1.333vw, 1rem);
	line-height: 1.5;
}
	.single-teamwrap .color-body-50 {
	color: rgba(19, 41, 101, 0.5);
}
.PageTeamWrap h2, .SectionTitle {
	max-width: -webkit-fit-content;
	max-width: -moz-fit-content;
	max-width: fit-content;
	margin: 0 auto 2rem auto;
	padding: 1rem 1.5rem;
	background-color: #0b324e;
	background-color: #0b324e;
	border-radius: 3rem;
	color: #fff;
	font-weight: 400;
}
.SidebarTitle h4 {
	background-color: #f7ba43;
	font-weight: 700;
	font-size: 1.75rem;
	padding: 10px 20px;
}
.SidebarMenu .menu .current-menu-item {
	display: none;
}
.SidebarMenu .menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #eee;
}
.SidebarMenu .menu li a {
	padding: 10px 20px;
	display: block;
	border-bottom: 1px solid #0b324e;
}
.SidebarMenu .menu li:last-child a{
	border-bottom: 0;
}
.SidebarMenu .menu li{
	margin-bottom: 0;
}
.PageTeamWrap {
	margin-top: 50px;
}
.PageTeamWrap .team-block .team-grid {
	justify-content: center;
}
.OurServices {
	display: grid;
	grid-template-columns: repeat(4,1fr);
}
.OurServices a {
	background-color: #0b324e;
	justify-content: center;
	display: flex;
	align-items: center;
	text-align: center;
	color: #fff;
	font-weight: 700;
	font-size: 1.3125rem;
	font-size: clamp(1.2857rem, 1.776889vw, 1.3125rem);
	line-height: 1.33;
	padding: 50px;
}
/*
.OurServices a:last-child {
	background-color: #f7ba43;
	color: #0b324e;
}
.OurServices a:last-child:hover{
	background-color: #0b324e;
	color: #fff;
}
*/
.OurServices .cta-content.flex.justify-center {
	color: #0b324e;
	border: 1px solid #0b324e;
	border-radius: 50%;
	margin-left: 10px;
	transition: all .5s ease-in-out;
}
.OurServices a:hover{
	background-color: #f7ba43;
	color: #0b324e;
}
.OurServices a:last-child:hover .cta-content.flex.justify-center{
	color: #fff;
	border-color: #fff;
}
.vc_tta-title-text {
	font-style: normal;
	color: #0b324e;
	color: #0b324e;
	margin: 0;
	padding: 2.444rem 0;
	font-size: 1.3125rem;
	font-size: clamp(1.2857rem, 1.776889vw, 1.5125rem);
	font-weight: 700;
}
.PageWrap .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading, .PageWrap .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {
	background-color: transparent;
	border: 0;
	padding: 20px 0;
}
.PageWrap .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right.vc_tta-panel-title > a{
	padding: 0;
}
.PageWrap .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body, .PageWrap .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body::after, .PageWrap .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body::before{
	padding: 0;
	background-color: transparent;
	border: 0;
}
.PageWrap .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:focus, .PageWrap .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:hover{
	background-color: transparent;
}
.PageWrap .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .Accord-Chev {
	background-color: #f7ba43;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: all .5s ease-in-out;
	border: 1px solid #0b324e;
}
.PageWrap .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon {
	right: unset;
	top: unset;
	transform: unset;
}
.PageWrap .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:hover .Accord-Chev, .PageWrap .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading:hover .Accord-Chev{
	background-color: #0b324e;
}
.PageWrap .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:hover .Accord-Chev i:before, .PageWrap .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading:hover .Accord-Chev i:before{
	border-color: #fff;
}
.testimonialItem {
	padding: 2rem;
	box-shadow: 4px 8px 24px 0 rgba(0,10,44,.08);
	gap: 2.25rem;
	display: grid;
	grid-template-columns: 50% auto;
	margin-bottom: 30px;
}
.testimonialItem .heading h4 {
	margin-bottom: 0;
}
.stars svg {
	color: #f7ba43;
}
.reviewer {
	display: flex;
	gap: 1.75rem;
}
.review {
	margin-bottom: 1.75rem;
}
.reviewer .subtitle-2 {
	font-weight: 600;
	font-size: 1rem;
	font-size: clamp(1rem, 1.333vw, 1rem);
	line-height: 1.5;
}
.reviewer .subtitle-2 span {
	color: rgba(19, 41, 101, 0.5);
}
.testimonialSearch {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 30px;
	margin-bottom: 30px;
	margin-top: 75px;
}
.testimonialWrap {
	margin-bottom: 75px;
}
#filter-lawyer, #filter-category {
	display: block;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	position: relative;
	z-index: 2;
	color: inherit;
	background: var(--color-background);
	border: 1px solid;
	border-top-color: currentcolor;
	border-right-color: currentcolor;
	border-bottom-color: currentcolor;
	border-left-color: currentcolor;
	border-color: #0b324e;
	border-color: var(--color-body, #0b324e);
	font-family: inherit;
	font-size: 1rem;
	font-size: clamp(1rem, 1.333vw, 1rem);
	padding: .888rem;
	width: 100%;
}
.team-anchor-list {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: center;
}
.team-anchor-list .team-anchor-item {
	background-color: #0b324e;
	padding: 10px 20px;
	color: #fff;
}
.team-anchor-list .team-anchor-item:hover{
	background-color: #f7ba43;
	color: #0b324e;
}
.HomeContent {
	padding: 12px 20px;
	width: 100%;
	margin-top: auto;
}
.HomeContent h1 {
	font-size: clamp(2.4286rem, 4.2087269129vw, 3.1875rem);
	line-height: 1.1;
	text-align: left;
	color: #fff;
}
.HomeContent h1 span {
	border-radius: 0;
	padding: .25rem 1rem .75rem 1rem;
	display: inline-block;
	background-color: #0b324e;
	display: inline-block;
}
.HomeSliderWrap {
	display: flex;
	width: 100%;
	max-width: 70%;
	backdrop-filter: blur(6px);
	border: 1px solid #fff;
	border-radius: 10px;
}
.HomeServicesWrap, .HomeProfileWrap {
	max-width: 50%;
	padding: 20px;
	text-align: left;
}
.HomeServicesWrap {
	border-right: 1px solid #fff;
}
.HomeContent .SliderTitles {
	position: static;
	padding: .25rem .75rem;
	border-radius: 62500rem;
	-webkit-box-flex: 0;
	width: fit-content;
	background: rgba(255, 255, 255, 0.25);
	color: #fff;
	font-weight: 700;
	font-size: clamp(0.7144rem, 1.333vw, 0.75rem);
	line-height: 1.5;
	text-shadow: none;
}
.hero-content p.SlideTitle {
	font-weight: 700;
	font-size: clamp(1.2857rem, 1.776889vw, 1.3125rem);
	line-height: 1.33;
	color: #fff;
	text-shadow: none;
	margin-bottom: 20px;
}

.find-out-more-button {
	color: #fff;
	font-weight: 400;
	border: 1px solid #fff;
	padding: 10px 20px;
	border-radius: 10px;
	font-size: 13px;
	float: left;
}
.HomeArrows.slick-arrow {
	position: absolute;
	bottom: 0;
	cursor: pointer;
}
.HomeServicesWrap .slick-slider, .HomeProfileWrap .slick-slider{
	position: unset;
}
.HomeServicesWrap, .HomeProfileWrap{
	position: relative;
}
.HomeNext.HomeArrows.slick-arrow{
	top: 20px;
	right: 20px;
}
.HomePrev.HomeArrows.slick-arrow {
	top: 20px;
	right: 50px;
}
.HomeProfile p.label {
	color: #fff;
	font-size: clamp(0.7144rem, 1.333vw, 0.75rem);
	line-height: 1.5;
	font-weight: 700;
	margin-bottom: 15px;
}
.HomeProfile p.size-s.no-margin {
	font-size: clamp(0.8572rem, 1.333vw, 0.875rem);
	color: #fff;
}
.career-item {
	width: calc(33.3333333333% - 1.5rem);
	min-width: 22rem;
	padding: 4.25rem 2rem;
	-webkit-box-shadow: 4px 8px 24px 0px rgba(0,10,44,.08);
	box-shadow: 4px 8px 24px 0px rgba(0,10,44,.08);
}
.careers-list {
	display: flex;
	gap: 2rem;
	flex-wrap: wrap;
	justify-content: center;
}
.career-location {
	font-weight: 700;
}
.career-link a {
	color: #0b324e;
	background-color: #fff;
	border: solid 1px #0b324e;
	padding: .75rem 1.5rem;
	display: inline-block;
}
.career-link a:hover{
	color: #fff;
	background-color: #0b324e;
}
.JobSpecsArea {
	display: flex;
	gap: 30px;
	flex-wrap: wrap;
	justify-content: start;
}
.JobSpecs .JobSpecsInner {
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(19, 41, 101, 0.25);
}

.gform_fields .gfield {
	position: relative;
	background-color: #fff;
}
.gform_fields .gfield .ginput_container input, .gform_fields .gfield .ginput_container textarea, .gform_fields .gfield .ginput_container select {
	border: 0;
	background-color: #fff;
	box-shadow: none;
	font-family: "Figtree", sans-serif;
	font-weight: 400;
	font-size: 15px !important;
	line-height: 24px;
}
.gform_fields .gfield.gfield--input-type-html {
	background-color: transparent;
}
.gform_fields .gfield.gfield--input-type-html p{
	color: #fff;
}
.gform_fields .gfield.gfield--input-type-html p a{
	color: #fff;
	text-decoration: underline;
}
body .gform_wrapper.gravity-theme .gfield_label {
	padding-left: .5rem;
	font-weight: 700;
	font-size: .75rem;
	color: #0b324e;
	margin-top: 5px;
}
.gform_wrapper .gform-footer .gform_button.button{
	color: #0b324e;
  background-color: #f7ba43;
  border: 1px solid #f7ba43;
  border-radius: 0;
}
.lawyer-search-form {
	width: 100%;
	padding: 2rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	gap: 1.5rem;
	background-color: #F2F2F3;
}
.lawyer-search-form label {
	display: block;
	color: #0b324e;
	font-weight: 700;
	font-size: 1.3125rem;
	line-height: 1.33;
}
.lawyer-search-inner {
	width: 100%;
	display: grid;
	grid-template-columns: 70% 30%;
}
.lawyer-search-inner button {
	border-radius: 0;
}
#lawyer-select {
	border: 0;
	background-color: #fff;
}
.PageTestimonials{
	text-align: center;
}
.PageTestimonials h5 {
	margin-bottom: 1.5rem;
	display: block;
	color: #0b324e;
	color: var(--color-body, #0b324e);
	font-size: clamp(2.4286rem, 4.2087269129vw, 3.1875rem);
	line-height: 1.1;
}
.PageTestimonialSlider i {
	background-color: #0b324e;
	color: #fff;
	padding: 10px 12px;
	cursor: pointer;
	position: absolute;
	bottom: -50px;
	left: 50%;
	transform: translateX(-50%);
}
.PageTestimonialSlider i.fa-chevron-right {
	left: 52%;
}
.PageTestimonialSlider i.fa-chevron-left {
	left: 48%;
}
.PageTestimonials {
	padding-bottom: 50px;
}
body .vc_btn3.vc_btn3-style-custom{
	background-image: none;
}
.Mobileicon{
	display: none;
}
.gform_confirmation_message {
	color: #fff;
}

/* tabs */
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a {
	background-color: #0b324e !important;
	color: #fff !important;
	border-color: #fff !important;

	.vc_tta-title-text {
		color: #fff !important;
	}
}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active>a {
	background-color: #f7ba43 !important;
	
	border-color: #fff !important;
	.vc_tta-title-text {
			color: #0b324e !important;
		}
}

.TeamForm {
	background-color: #0D3959;
	padding: 15px;
}
.TeamForm h3{
	color: #fff;
}
.vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-tab>a{
border-top-left-radius: 5px !important;
	border-top-right-radius: 5px !important;
}
.vc_tta-title-text{
	font-size: 18px !important;
}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
	background-color: #fff !important;
	box-shadow: 0px 5px 20px 10px rgba(0, 0, 0, 0.15);
	border-color: #fff !important;
	padding: 15px !important;
}

.vc_tta.vc_tta-shape-rounded .vc_tta-tab>a {
	border-radius: 0 !important;
}

.vc_tta.vc_general .vc_tta-tab>a {
	padding: 8px 15px !important;
}

/* Resonsive Code */

/* Phones (portrait & small screens) */
@media (max-width: 599px) {
   .team-block .team-grid {
	grid-template-columns: repeat(1,1fr);
}
	.team-block .department-title{
		width: auto;
	}
	.header-logo{
		display: block;
		margin-top: 0;
	}
	.hero-content {
		padding-left: 15px;
		padding-right: 15px;
		align-items: unset;
	}
	body:not(.home) .hero-section {
		 height: unset; 
		 min-height: unset; 
	}
	.page-title {
		position: unset;
		font-size: 30px;
		text-align: center;
		margin-bottom: 30px;
	}
	.Mobileicon{
		display: block;
		font-size: 25px;
		cursor: pointer;
	}
	.header-menu .main-menu > li {
		padding: 0;
	}
	.header-menu{
		display: block;
	}
	.header-menu .main-menu {
		display: none;
		margin-top: 15px;
	}
	.header-menu {
		display: block;
		padding: 20px 0;
	}
	.header-menu .main-menu li a {
		display: block;
	}
	.HomeSliderWrap {
		display: grid;
		grid-template-columns: repeat(1,1fr);
		max-width: 100%;
	}
	.OurServices {
		grid-template-columns: repeat(1,1fr);
	}
	.homeHeroContent {
		grid-template-columns: repeat(1,1fr);
	}
	.hero-section{
		height: auto;
	}
	.homeHeroContentRight {
		text-align: left;
	}
	.homeHeroContent {
		grid-template-columns: repeat(1,1fr);
		gap: 20px;
	}
	.homeHeroContentLeft .Button2 {
		margin-bottom: 20px;
	}
	.Home-Ourservices .container {
		display: block;
	}
	.OurservicesPhotos {
		display: none;
	}
	.BoxList li{
		max-width: unset !important;
	}
	.home .container{
		padding: 50px 20px;
	}
	.HomeTestimonialTitle, .HomeNewsTitle {
		display: block;
	}
	.Stars {
		margin-top: 20px;
	}
	.HomeCTA .container{
		display: block;
	}
	.HomeCTAText {
		margin-bottom: 40px;
	}
	.footer .footer-top-left .copyright ul {
		padding-left: 0 !important;
	}
}

/* Tablets (portrait & landscape) */
@media (min-width: 600px) and (max-width: 1023px) {
    /* Styles for tablets */
}

/* Laptops / small desktops */
@media (min-width: 1024px) and (max-width: 1439px) {
    .sub-menu{
		grid-template-columns: repeat(2,1fr);
	}
}