@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

* {
	margin: 0;
	padding: 0;
}

:root {
	--blue: #003E7B;
	--yellow: #FAAA16;
}

.text-blue {
	color: var(--blue);
}

.text-yellow {
	color: var(--yellow);
}

.text-black {
	color: black;
}

*,
::before,
::after {
	box-sizing: border-box;
}

body,html {
	font-family: "Montserrat", sans-serif;
	/* font-family: "Anton", sans-serif; */
	font-size: 16px;
	scroll-behavior: smooth;
	font-weight: normal;
	/* overflow-x: hidden;  */;
}

ul {
	padding-left: 0;
}

ul li {
	list-style: none;
	padding: 0;
	margin: 0;
}

img {
	max-width: 100%;
}

a,a:hover,a:focus {
	color: inherit;
	text-decoration: none;
	transition: all 0.3s;
}

.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}

.col-md-4 {
	width: 33.33333%;
}

.col-md-6 {
	width: 50%;
}

.col-md-3 {
	width: 25%;
}

/* font-size */
 

.f77 {
	font-weight: 900;
	font-size: 77px;
	line-height: normal;
	letter-spacing: 0%;
	text-transform: uppercase;
}

.f52 {
	font-weight: 500;
	font-size: 52px;
	line-height: normal;
	letter-spacing: 0%;
}

.f50 {
	font-weight: 700;
	font-size: 50px;
	line-height: 94px;
	letter-spacing: -6%;
	text-transform: capitalize;
}

.f24 {
	font-weight: 400;
	font-size: 24px;
	line-height: 33px;
	letter-spacing: 0%;
}

.fw-700 {
	font-weight: 700 !important;
}

.fw-600 {
	font-weight: 600 !important;
}

.f20 {
	font-weight: 600;
	font-size: 20px;
	line-height: 24px;
	letter-spacing: 11%;
}

.f18 {
	font-weight: 400;
	font-size: 18px;
	line-height: 26px;
	letter-spacing: 0%;
}

.f16 {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0%;
}

.custom_container {
	max-width: 75.6%;
	padding: 0 15px;
	margin: 0 auto;
}

/* themeBtn */
.themeBtn {
	padding: 14px 21px;
	font-size: 20px;
	font-weight: 600;
	color: white;
	background: var(--blue);
	border: none;
	border-radius: 50px;
	cursor: pointer;
	outline: none;
	transition: all 0.3s ease-out;
	position: relative;
	overflow: hidden;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "Outfit", sans-serif;
}

/* Hover Effect */
.themeBtn:hover {
	background: var(--yellow);
	transform: translateY(-3px) scale(1.05);
}

/* Active (Pressed) Effect */
.themeBtn:active {
	transform: translateY(1px) scale(0.98);
}

.themeBtn::before {
	content: "";
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(120deg, transparent,rgba(255, 255, 255, 0.3), transparent);
	transition: all 0.5s ease-in-out;
}

.themeBtn:hover::before {
	left: 100%;
}



/* header */
.theme-container {
	max-width: 1480px;
	margin: 0 auto;
	padding: 0 30px;
}

header {
	background: var(--blue);
	border-top: 5px solid var(--yellow);
	position: sticky;
	top: 0;
	width: 100%;
	z-index: 999;
}

.header .nav-right {
	display: flex;
	align-items: center;
}

.header .navbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 auto;
	padding: 0 20px;
	min-height: 91px;
}

.header .logo {
	display: flex;
	align-items: center;
	gap: 10px;
}

.header .logo img {
	height: 60px;
}

.header .nav-links {
	display: flex;
	align-items: center;
	gap: 50px;
	list-style: none;
	margin: 0;
	padding: 0;
	margin-right: 40px;
	margin-left: auto;
}

.header .nav-icons ul li a {
	display: flex;
	width: 42px;
	height: 42px;
	align-items: center;
	border-radius: 50px;
	justify-content: center;
	border: 1px solid white;
}

.header .nav-icons ul li a:hover {
	background: var(--yellow);
	border-color: var(--yellow);
}

.header .nav-links li a {
	color: #fff;
	text-decoration: none;
	font-weight: 600;
	font-size: 20px;
	transition: color 0.2s;
}

.header .nav-links li a.active,
    .header .nav-links li a:hover {
	color: var(--yellow);
}

.header .nav-icons ul {
	display: flex;
	align-items: center;
	gap: 16px;
}

.header .nav-icons img {
	height: 28px;
	width: 28px;
	object-fit: contain;
	border-radius: 50%;
	padding: 4px;
}

.header .sra-logo {
	margin-left: 16px;
}
   /* Hamburger styles */
.header .hamburger {
	display: none;
	flex-direction: column;
	cursor: pointer;
	gap: 6px;
	width: 32px;
	height: 32px;
	justify-content: center;
	z-index: 1001;
}

.header .hamburger span {
	display: block;
	height: 4px;
	width: 100%;
	background: #fff;
	border-radius: 2px;
	transition: 0.4s;
}

/* Cross animation when open */
.header .hamburger.open span:nth-child(1) {
	transform: rotate(45deg) translate(6px, 6px);
}

.header .hamburger.open span:nth-child(2) {
	opacity: 0;
}

.header .hamburger.open span:nth-child(3) {
	transform: rotate(-45deg) translate(8px, -8px);
}  


/* hero banner */
.hero {
	background: url('../images/banner-img.webp') no-repeat center center/cover;
	min-height: 910px;
	display: flex;
	align-items: center;
	justify-content: start;
	color: white;
	position: relative;
}

.hero-content p,
.hero-content h2 {
	color: black;
}

.hero .theme-container {
	width: 100%;
}

.hero .hero-content {
	max-width: 763px;
}

.hero-content h2 {
	margin-bottom: 20px;
}

.userImg img {
	max-width: 371px;
	margin: 20px 0;
}

.starShape {
	display: flex;
	align-items: center;
}

.starShape span {
	margin: 0 10px;
}

.starShape {
	margin-bottom: 30px;
}

.hero-content .themeBtn {
	max-width: 205px;
	padding: 15px 11px;
}

.hero-content .themeBtn img {
	margin-right: 10px;
}


/* what-we-do-card */
.what-we-do {
	position: relative;
}

.what-we-do::after {
	top: 140px;
	content: "";
	background: url(../images/what-we-do-shap.png);
	background-size: cover;
	background-position: right;
	position: absolute;
	width: 564px;
	height: 100%;
	right: 0;
	z-index: -1;
}

.section-padding {
	padding: 100px 0;
}

.what-we-do-card {
	box-shadow: 0px 0px 16px 0px #0000002E;
	border-radius: 11px;
	padding: 25px 40px;
	min-height: 100%;
}

.headWrap {
	text-align: center;
	margin-bottom: 36px;
}

.icon-we-do {
	width: 82px;
	height: 82px;
	border-radius: 50px;
	background: var(--blue);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
}

.what-we-do-card h4 {
	margin-bottom: 10px;
}

.pt-0 {
	padding-top: 0 !important;
}

.userChatButton {
	display: flex;
	margin-top: 30px;
	align-items: center;
	max-width: 663px;
	position: relative;
	z-index: 99;
}

a.themeBtn.liveChat {
	padding: 4px 11px;
	margin-left: 20px;
}

a.themeBtn.liveChat:hover span span.text-yellow {
	color: black;
}

.max-w250 {
	max-width: 200px;
}

.listGroup ul li {
	font-weight: normal;
	position: relative;
	margin-bottom: 10px;
	padding-left: 32px;
}

.listGroup ul li::after {
	content: "";
	background: url(../images/listIcon.svg);
	width: 26px;
	height: 36px;
	position: absolute;
	left: 0;
	background-repeat: no-repeat;
}

.listGroup ul {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	margin-top: 50px;
}

.Why_go_approach {
	position: relative;
}

.Why_go_approach::after {
	content: "";
	position: absolute;
	background: url(../images/why-go-shap.png);
	top: -200px;
	background-position: left;
	left: 0;
	width: 396px;
	min-height: 781px;
	background-repeat: no-repeat;
}






/* our-practice-areas */
/* .our-practice-areas {
  position: relative;
}
.our-practice-areas::after {
    content: "";
    position: absolute;
    background: url(../images/our-practice-shap.png);
    position: absolute;
    width: 621px;
    height: 695px;
    right: 0;
    bottom: -57px;
    z-index: -1;
} */
.our-practice-areas .heading-area {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 40px;
}

.our-practice-areas .heading-area .content-wrap {
	max-width: 1095px;
}

.practice-areas-card {
	display: inline-block;
	position: relative;
	background: #fff;
	box-shadow: 0px 0px 16px 0px #0000002E;
	padding: 16px 22px 26px 22px;
	border-radius: 11px;
	width: 98%;
	min-height: 100%;
}

.practice-areas-card::after {
	content: "";
	position: absolute;
	right: -13.5px;
	bottom: -15px;
	background-image: url('../images/practice-areas-cropped-bg.svg');
	background-size: contain;
	width: 80px;
	height: 95px;
	background-color: #fff;
}

.practice-areas-card h4 {
	font-size: 24px;
	font-weight: bold;
	color: #171717;
	margin-bottom: 10px;
}

.practice-areas-card p {
	font-size: 16px;
	color: #171717;
	font-weight: 400;
	max-width: 250px;
}

.dashed-border {
	border: 1px solid transparent;
	border-image: repeating-linear-gradient(to right, #CB8400 0 5px, transparent 2px 10px) 1;
	margin-bottom: 24px;
	margin-top: 6px;
	position: relative;
}

.dashed-border::after {
	content: "";
	position: absolute;
	right: -2px;
	top: -4px;
	width: 7px;
	height: 7px;
	border-radius: 50px;
	background: #CB8400;
}

.practice-areas-card .arrow {
	width: 53px;
	height: 53px;
	border-radius: 50%;
	box-shadow: 0px 0px 4px 0px #00000040;
	position: absolute;
	right: -20px;
	bottom: -6px;
	z-index: 1;
	place-content: center;
	text-align: center;
	transition: all 0.3s;
}

.practice-areas-card:hover .arrow {
	background: #013363;
}

.practice-areas-card:hover .arrow img {
	filter: brightness(0) invert(1);
}

.our-practice-areas .row [class*="col-"] {
	margin-bottom: 30px;
}

.our-practice-areas-inner {
	padding-right: 15px;
}

@media (max-width:1199px) {
	.our-practice-areas .row [class*="col-"] {
		width: 33.33333%;
	}
}

@media (max-width:767px) {
	.our-practice-areas .row [class*="col-"] {
		width: 100%;
	}

	.our-practice-areas .heading-area {
		display: block;
	}

	.our-practice-areas .heading-area .cta-btn-wrap {
		margin-top: 15px;
	}
}



/* Footer styles */
ul.footerList li {
	margin-bottom: 15px;
}

.footer-container h5 {
	margin-bottom: 20px;
}

.footer-social .nav-icons {
	display: flex;
	width: 100%;
}

.footer {
	background: var(--blue);
	color: #fff;
	padding: 65px 0 0px 0px;
	font-family: 'Montserrat', Arial, sans-serif;
}

.footer-container {
	display: flex;
	flex-wrap: wrap;
	max-width: 1480px;
	margin: 0 auto;
	gap: 40px;
	justify-content: space-between;
	padding: 0 30px;
}

.footer-col {
	flex: 1 1 220px;
	min-width: 220px;
	margin-bottom: 24px;
}

.ml-auto {
	margin-left: auto;
}

.logo-col .footer-logo {
	height: 54px;
	margin-bottom: 16px;
}

.logo-col p {
	margin: 0 0 16px 0;
	font-size: 15px;
	line-height: 1.5;
}

.footer-social {
	margin-top: 10px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.footer-social span {
	font-weight: bold;
	margin-right: 10px;
}

.footer-social li {
	width: 46px;
	height: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 1px solid white;
	flex: 0 0 46px;
}

.footer-col h3 {
	margin-bottom: 12px;
	font-size: 18px;
	font-weight: 600;
}

.footer-col ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-social ul {
	display: flex;
	width: 100%;
	justify-content: space-between;
    /* gap: 40px; */
	max-width: 228px;
}

.footer-col ul li {
	margin-bottom: 8px;
	font-size: 15px;
}

.contact-col ul li {
	display: flex;
	align-items: center;
	gap: 8px;
}

.contact-col ul li img {
	width: 18px;
	height: 18px;
}

.footer-info {
	margin-top: 10px;
	font-size: 14px;
}

.footer-chat {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 18px;
}

.footer-chat .chat-img {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	border: 2px solid #fff;
}

.footer-bottom {
	text-align: center;
	padding: 18px 0 12px 0;
	font-size: 14px;
	background: #0a3972;
	border-top: 1px solid #fff2;
	margin-top: 16px;
}
	
/* Contact Section Styles */
 
.contact-container {
	display: flex;
	gap: 40px;
	max-width: 1100px;
	margin: 0 auto;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 2px 16px #0001;
	overflow: hidden;
	flex-wrap: wrap;
}

.contact-form-area, .contact-info-area {
	padding: 106px 28px 30px;
}

.contact-form .form-row {
	display: flex;
	gap: 16px;
}

.contact-form .form-group {
	flex: 1;
	display: flex;
	flex-direction: column;
	margin-bottom: 16px;
}

.contact-form label {
	font-weight: 600;
	margin-bottom: 6px;
}

.contact-form input, .contact-form textarea {
	padding: 15px 12px;
	border: 1px solid #AEAEAE;
	border-radius: 5px;
	font-size: 1rem;
	outline: none;
	background: #fff;
}

.contact-form textarea {
	resize: vertical;
}

form.contact-form {
	margin-top: 40px;
}

.mt-40 {
	margin-top: 40px !important;
}

.contact-form button.themeBtn:hover {
	background: #e6b13a;
	color: #0a3972;
}

.contact-info-list {
	margin: 18px 0;
}

.contact-info-area-inner h4 {
	margin-bottom: 10px;
}

.contact-info-item {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 35px;
}

.contact-info-item img {
	width: 22px;
	height: 22px;
}

.contact-info-item a {
	text-decoration: underline;
}

.contact-chat {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 28px;
	font-size: 1rem;
	font-weight: 500;
}

.contact-chat .chat-img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 2px solid #0a3972;
}

.inner-head {
	max-width: 390px;
}

.contact-info-area {
	background: url(../images/contact-info.png);
	background-size: cover;
    /* background-position: center; */
	width: 600px;
	flex: 0 0 600px;
}
.footer-social li:hover{
	background: var(--yellow);
}
.contactWrap {
	display: flex;
	overflow: hidden;
	box-shadow: 0px 0px 8px 0px #00000040;
	border-radius: 11px;
}
.contactWrap h2 {
    margin-bottom: 9px;
}
ul.footerList li a:hover{
	color: var(--yellow);
}

@media (max-width: 991px) {
	.contact-container {
		flex-direction: column;
	}

	.contact-form .form-row {
		flex-direction: column;
		gap: 0;
	}

	.header .hamburger {
		display: block;
	}

	.header .navbar {
		flex-wrap: wrap;
		height: auto;
	}

	.header .nav-links {
		display: none;
		flex-direction: column;
		width: 100%;
		background: #0a3972;
		position: absolute;
		top: 91px;
		left: 0;
		z-index: 10;
	}

	.header .nav-links.open {
		display: flex;
	}

	.header .nav-icons {
		margin-top: 10px;
	}

	.header .hamburger {
		display: flex;
	}

	.footer-container {
		flex-direction: column;
		gap: 0;
		padding: 0 30px;
	}

	.footer-col {
		min-width: 0;
		margin-bottom: 24px;
	}
}


.hero-section {
	background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("../images/about-banner.jpg") no-repeat;
	background-size: cover;
	background-position: center;
	padding-top: 5rem;
	padding-bottom: 5rem;
  }
  .text-center{
	text-align: center;
  }
  .hero-section-content h1{
	font-size: 3rem;
	line-height: 1;
	color: #fff;
	font-weight: bold;
	margin-bottom: 20px;
  }
  .hero-section-content p{
	font-size: 1.25rem;
	line-height: 1.75rem;
	max-width: 50rem;
	color: #fff;
	margin: 0 auto;
  }
.mb-10{
	margin-bottom: 10px;
}
.mb-20{
	margin-bottom: 20px;
}
.mb-30{
	margin-bottom: 30px;
}
.gap-4 {
    gap: 1rem;
}
.gap-8 {
    gap: 2rem;
}
.grid-cols-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.max-w-4xl {
    max-width: 66rem;
}
.grid {
    display: grid;
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.items-center {
    align-items: center;
}
.items-start {
    align-items: start;
}
.flex {
    display: flex;
}
.w-8 {
    width: 2rem;
}
.h-8 {
    height: 2rem;
}
.mr-4 {
    margin-right: 1rem;
}
.text-blue-600 {
    color: var(--blue);
}
.text-gray-600 {
    color: #4b5563;
}
.f36{
	font-size: 36px;
}
.py-16{
	padding: 70px 0;
}
.our-promise {
    background-color: #f3f4f6;
	background-image: url('../images/abstract-bg.png');
	background-repeat: no-repeat;
}
.first-conversation{
	max-width: 800px;
	margin: 40px auto 0 auto;
	text-align: center;
}


.faqs-section{
	background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
	position: relative;
	overflow: hidden;
	z-index: 9;
}
.faqs-section::after{
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 360px;
	height: 910px;
	background-image: url('../images/right-question-mark.png');
	background-repeat: no-repeat;
	z-index: -1;
}
.faqs-container {
	max-width: 900px;
	margin: 0 auto;
	padding: 30px;
	background: #ffffff;
	border-radius: 12px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}
.faqs-hero{
	padding: 30px 0;
}
.accordion-header{
	font-size: 20px;
    color: #151515;
    font-weight: 600;
    padding: 0 0;
    cursor: pointer;
    position: relative;
    padding-right: 54px;
    display: flex;
    align-items: center;
    gap: 20px;
    background: #ebebeb;
    margin-bottom: 20px;
    border-radius: 20px;
}
.accordion-header::after{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	width: 100%;
	background: linear-gradient(to right, #003B6E 7%, #C1C1C1 7%);
	display: none;
}
.accordion-header .number{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 65px;
	width: 65px;
	flex: 0 0 auto;
	text-align: center;
	color: #fff;
	background: #003e7b;
	border-radius: 20px;
}
.accordion-content{
	border: 1px solid #EAEAEA;
    padding: 20px;
    font-size: 20px;
    color: #151515;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 20px;
    border-radius: 20px;
}
.accordion-item.active .accordion-header::after{
	display: none;
}

.accordion-header .chevron{
	position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
}
.accordion-header .chevron::before {
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: '';
    display: inline-block;
    height: 14px;
    left: 0.15em;
    position: relative;
    top: 0.15em;
    transform: rotate(-45deg);
    vertical-align: top;
    width: 14px;
    border-color: #C1C1C1;
	top: 0;
    transform: rotate(135deg);
}
.accordion-item.active .accordion-header .chevron::before{
	transform: rotate(315deg);
	border-color: #15161D;
	top: 7px;
}
.accordion-content ul {
    padding-left: 40px;
    margin-top: 15px;
	margin-bottom: 15px;
}
.accordion-content ul li{
	list-style: disc;
}

.fee-structure-box{
	box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
    overflow: hidden;
	position: relative;
	padding: 40px;
}
.fee-structure-box .number-box{
	position: absolute;
    right: -1.25rem;
    top: -1.75rem;
    height: 100px;
    width: 100px;
    border-radius: 100%;
    background: #003e7b;
}
.fee-structure-box .number-box .number{
	position: absolute;
    left: 30px;
    bottom: 28px;
    font-size: 22px;
    color: #fff;
    font-weight: 600;
}
.fee-structure-box h3{
    font-size: 22px;
	margin-bottom: 10px;
}
.fee-structure-box p{
	margin-bottom: 20px;
	line-height: 24px;
}

/* ---------- TRANSPARENCY CARD ---------- */
.transparency {
	background: linear-gradient(to bottom right, #1575d4, #02284e);
	border-radius: 1rem;
	padding: 3rem 2rem;
	color: white;
	margin-bottom: 4rem;
	box-shadow: 0 10px 20px rgba(0,0,0,0.2);
  }
  .transparency .icon {
	font-size: 2rem;
	margin-right: 1rem;
  }
  .transparency h3 {
	  color: #fff;
	font-size: 1.75rem;
	margin-bottom: 0.75rem;
  }
  .transparency p {
	color: #cbd5e1;
	font-size: 1.125rem;
  }

  /* ---------- FEE STRUCTURES ---------- */
  .fee-structures {
	text-align: center;
	margin-bottom: 4rem;
  }
  .fee-structures h3 {
	font-size: 2rem;
	margin-bottom: 2rem;
  }
  .grid-3 {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 1.5rem;
  }
  .card {
	background: white;
	border-radius: 1rem;
	border: 1px solid #e2e8f0;
	padding: 2rem;
	box-shadow: 0 4px 10px rgba(0,0,0,0.05);
	transition: box-shadow 0.3s;
	text-align: left;
  }
  .card:hover {
	box-shadow: 0 8px 20px rgba(0,0,0,0.1);
  }
  .card-icon {
	width: 56px;
	height: 56px;
	border-radius: 0.75rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1.5rem;
  }
  .icon-green { background: #d1fae5; color: #059669; }
  .icon-blue { background: #dbeafe; color: #2563eb; }
  .icon-yellow { background: #fef3c7; color: #b45309; }

  .card h4 {
	font-size: 1.5rem;
	margin-bottom: 0.75rem;
  }
  .card h4 span{
	  display: block;
	  font-size: 14px;
	  font-weight: 500;
  }
  .card p {
	margin-bottom: 1rem;
  }

  .checklist {
	text-align: left;
  }
  .checklist-item {
	display: flex;
	align-items: start;
	gap: 0.5rem;
	margin-bottom: 0.5rem;
  }
  .checklist-item i {
	color: #059669;
	font-size: 1rem;
	margin-top: 0.25rem;
  }

  /* ---------- TWO COLUMN SECTION ---------- */
  .grid-2 {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: 1.5rem;
	margin-bottom: 4rem;
  }

  /* ---------- PAYMENT ---------- */
  .payment {
	background: linear-gradient(to bottom right, #f8fafc, white);
	border-radius: 1rem;
	border: 1px solid #e2e8f0;
	padding: 3rem 2rem;
	box-shadow: 0 4px 15px rgba(0,0,0,0.05);
	margin-bottom: 4rem;
  }
  .payment .highlight {
	background: #ecfdf5;
	border: 1px solid #a7f3d0;
	border-radius: 0.75rem;
	padding: 1.5rem;
  }
  .highlight h4 {
	color: #064e3b;
	margin-bottom: 0.5rem;
  }
  .highlight p {
	color: #065f46;
  }

  .yellow-card{
	  background: #FAAA16;
  }
  .yellow-card h4, .yellow-card p, .blue-card h4, .blue-card p{
	  color: #fff;
  }
  .blue-card{
	  background: #003E7B;
  }
  .transparency-section{
	margin-top: 40px;
  }
  .grid-2.mb-0{
	margin-bottom: 0;
  }
  .yellow-card, .blue-card{
	position: relative;
  }
  .yellow-card::after, .blue-card::after{
	content: "";
	position: absolute;
	right: 30px;
    top: 10px;
    width: 130px;
    height: 180px;
	background: url('../images/logo-slogun.png') no-repeat center;
	background-size: contain;
	opacity: 0.2;
  }
  .flex-auto{
	flex: 0 0 auto;
  }

  .what-we-deal-with .practice-areas-card::after{
	display: none;
  }
  .what-we-deal-with .practice-areas-card p {
    font-size: 18px;
    line-height: 28px;
    max-width: 100%;
}
.what-we-deal-with .practice-areas-card h4 {
    margin: 10px 0 20px 0;
}
.what-we-deal-with .practice-areas-card h4 small{
	font-weight: 500;
}
.what-we-deal-with .our-practice-areas-inner {
    padding-right: 0;
}
.what-we-deal-with .practice-areas-card{
	width: 100%;
	margin-bottom: 40px;
	scroll-margin-top: 100px;
}
.contactWrap{
	scroll-margin-top: 100px;
}

.align-self-start{
	align-self: self-start;
}