.banner-section {
	padding: 266px 0;
	background-color: var(--color-primary);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top left;
}
.banner-section::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background-image: url('data:image/svg+xml,<svg width="1920" height="1080" viewBox="0 0 1920 1080" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_468_113)"><rect opacity="0.4" width="406" height="1080" transform="matrix(-1 0 0 1 1920 0)" fill="url(%23paint0_linear_468_113)"/><rect width="1920" height="1080" fill="url(%23paint1_linear_468_113)"/></g><defs><linearGradient id="paint0_linear_468_113" x1="302.068" y1="467" x2="0" y2="467" gradientUnits="userSpaceOnUse"><stop stop-color="%2337123C" stop-opacity="0"/><stop offset="0.55" stop-color="%2337123C" stop-opacity="0.8"/><stop offset="0.701755" stop-color="%2337123C" stop-opacity="0.9"/><stop offset="0.803045" stop-color="%2337123C" stop-opacity="0.950272"/><stop offset="1" stop-color="%2337123C"/></linearGradient><linearGradient id="paint1_linear_468_113" x1="1351.5" y1="425.5" x2="-1.58341e-05" y2="467" gradientUnits="userSpaceOnUse"><stop stop-color="%2337123C" stop-opacity="0"/><stop offset="0.380253" stop-color="%2337123C" stop-opacity="0.8"/><stop offset="0.499" stop-color="%2337123C"/><stop offset="0.701755" stop-color="%2337123C"/><stop offset="0.803045" stop-color="%2337123C" stop-opacity="0.950272"/><stop offset="1" stop-color="%2337123C" stop-opacity="0.9"/></linearGradient><clipPath id="clip0_468_113"><rect width="1920" height="1080" fill="white"/></clipPath></defs></svg>');
	background-size: cover;
	background-repeat: no-repeat;
}
.banner-section::after {
	content: "";
	width: 100%;
	position: absolute;
	bottom: 25.9%;
	z-index: 0;
	pointer-events: none;
	background: linear-gradient(180deg, rgba(55, 18, 60, 0.00) 0%, rgba(55, 18, 60, 0.90) 52.37%, rgba(55, 18, 60, 0.95) 69.48%, #37123C 100%);
	height: 32.1%;
}

.banner-sec-title {
	line-height: 1.10;
	margin-bottom: 33px;
}
.banner-meta-text p {
	line-height: 1.32;
}
.banner-list {
	position: relative;
	z-index: 1;
}
.banner-sec-sub-title {
	margin: 0 0 17px 0;
}

.banner-gradient-top {
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml,%3Csvg width='1920' height='1080' viewBox='0 0 1920 1080' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_479_2)'%3E%3Crect width='1920' height='300' transform='matrix(1 0 0 -1 0 300)' fill='url(%23paint0_linear_479_2)'/%3E%3Crect y='610' width='1920' height='476' fill='url(%23paint1_linear_479_2)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_479_2' x1='960' y1='0' x2='960' y2='300' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2337123C' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23121212'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_479_2' x1='960' y1='610' x2='960' y2='1086' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2337123C' stop-opacity='0'/%3E%3Cstop offset='0.52369' stop-color='%2337123C' stop-opacity='0.9'/%3E%3Cstop offset='0.694845' stop-color='%2337123C' stop-opacity='0.95'/%3E%3Cstop offset='1' stop-color='%2337123C'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_479_2'%3E%3Crect width='1920' height='1080' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	background-repeat: no-repeat;
	opacity: 0.5;
}
.banner-gradient-bottom {
	width: 100%;
	height: 28%;
	background-color: var(--color-primary);
}
.lawyer-image::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	background: linear-gradient(180deg, rgba(55, 18, 60, 0.00) 0%, rgba(146, 87, 154, 0.60) 49.04%, rgba(55, 18, 60, 0.00) 100%);
	z-index: 0;
	inset: 0;
}
.lawyer-image {
	padding-top: 135%;
	max-width: 100%;
	margin: -13% auto 0 0px;
}
.banner-sec-content {
	max-width: 529px;
	margin-bottom: 46px;
}
.banner-sec-content p {
	line-height: 1.42;
	position: relative;
	z-index: 1;
}
.big-text {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.06) -15.6%, rgba(55, 18, 60, 0.00) 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	line-height: 0.7;
	letter-spacing: -1.8px;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: rgba(275 , 275, 275,0.2);
	position: relative;
	pointer-events: none;
}

.banner-big-text::before {
	content: "";
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(55, 18, 60, 0.00) 0%, rgba(55, 18, 60, 0.90) 52.37%, rgba(55, 18, 60, 0.95) 69.48%, #37123C 100%);
	position: absolute;
	inset: 0;
}
.banner-meta-text {
	margin: -155px 0 8px 0;
	padding: 0 15px;
}
.banner-meta-content {
	margin: -123px -18px 0 -18px;
}
.banner-left-box {
	max-width: 51%;
}
.banner-right-box {
	max-width: 44.6%;
}
.banner-gradient-left, .banner-gradient-right {
	display: none;
}

@media screen and (max-width:1600px) {
	.banner-section {
	padding: 240px 0;
}
}

@media screen and (max-width:1441px) {
	.banner-section {
	padding: 210px 0;
}
.banner-meta-text {
	margin: -135px 0 8px 0;
}
}

@media screen and (max-width:1360px) {
.banner-section {
	padding: 190px 0;
}
.banner-left-box {
	max-width: 52%;
}
.banner-sec-title {
	margin-bottom: 26px;
}
.banner-sec-content {
	margin-bottom: 35px;
}
.banner-meta-text {
	margin: -115px 0 8px 0;
}

}
@media screen and (max-width:1200px) {
	.btn-list {
	gap: 15px;
}
.banner-list .solid-btn {
	padding: 17px 21px;
}
.banner-meta-content {
	margin: -82px 0px 0 0;
}
.banner-meta-text {
	margin: -95px 0 8px 0;
}
}
@media screen and (max-width:1024px) {
.banner-left-box {
	max-width: 54%;
}
}
@media screen and (max-width:991px) {
.banner-section {
	padding: 170px 0;
}
.btn-list {
	gap: 12px;
}
.banner-list .solid-btn {
	padding: 15px 15px;
}
.banner-right-box {
	max-width: 34%;
}
.banner-left-box {
	max-width: 66%;
}
.banner-meta-content {
	margin: 40px 0px 0 0px;
}
.banner-meta-text {
	margin: -75px 0 8px 0;
}
.lawyer-image {
	margin: 0 auto 0 0px;
}
}
@media screen and (max-width:767px) {
	.banner-section {
	padding: 150px 0;
		background-image: unset !important;
}
.banner-left-box ,.banner-right-box{
	max-width: 100%;
}
.lawyer-image {
	padding-top: 75%;
	max-width: 60%;
	margin: 50px auto 0 auto;
}
.banner-section::after {
	bottom: 15.9%;
}
.banner-meta-text {
	margin: -35px 0 8px 0;
}
.banner-left-inner {
	text-align: center;
	max-width: 485px;
	margin: 0 auto;
}
.banner-sec-content {
	margin: 0 auto 35px auto;
}
.banner-list {
	justify-content: center;
}
.banner-meta-text br {
	display: none;
}

}
@media screen and (max-width:640px) {
	.banner-section {
	padding: 170px 0 130px;
}
.banner-section::after {
	bottom: 12%;
}
}