/*
Theme Name: BNCL Law firm - new
Theme URI: https://www.one400.com/
Author: Opus Tech
Author URI: http://www.one400.com/
Description: This theme is designed by Opus Tech.
Version: 1.0.0
Text Domain: one400
 */     


/* WordPress Core
-------------------------------------------------------------- */
@font-face {
  font-family: 'Emberly';
  src: url('fonts/Emberly-BoldNarrow.eot'); /* IE9 Compat Modes */
  src: url('fonts/Emberly-BoldNarrow.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/Emberly-BoldNarrow.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/Emberly-BoldNarrow.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/Emberly-BoldNarrow.ttf')  format('truetype') /* Safari, Android, iOS */
}

@font-face {
  font-family: 'TradeGothicLT';
  src: url('fonts/TradeGothicLTBold.ttf')  format('truetype') /* Safari, Android, iOS */
}

@font-face {
  font-family: 'NotoSerif';
  src: url('fonts/NotoSansJP-Light.ttf')  format('truetype') /* Safari, Android, iOS */
}

@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500&display=swap');
@import url("https://use.typekit.net/zhz8yxs.css");
@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Varela+Round&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

/* font-family: aileron, sans-serif; */
/* font-family: 'Rubik', sans-serif; */
/* font-family: 'Open Sans', sans-serif; */
/* font-family: 'Varela Round', sans-serif; */
/* font-family: 'Inter', sans-serif; */
.row {
	margin-right: 0;
	margin-left: 0;
}
img {
    max-width: 100%;
    height: auto;
}

.alignnone {
    margin: 5px 0 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 10px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 10px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 10px 20px;
}

a img.alignnone {
    margin: 5px 20px 10px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 10px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

table {
    width: 100%;
    margin-bottom: 20px;
}

td,
th {
    border: 1px solid #dcdcdc;
    padding: 10px;
}

.wp-caption {
    background: #fff;
    border: 1px solid #dcdcdc;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
    margin-bottom: 20px;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    margin: 0;
    padding: 0 4px 5px;
}

figcaption {
    margin-top: 10px;
    text-align: center;
}


/* Text meant only for screen readers. */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    white-space: nowrap;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

body {
    font-family: 'Rubik', sans-serif;
	background: #ffffff;
	overflow-x: hidden;
}

h1 {
    font-size: 50px;
    font-weight: bold;
    line-height: 1.3;
    font-family: aileron, sans-serif;
}
.big-title {
    font-size: 40px;
    font-weight: bold;
    color: #000025;
	line-height: 1.25;
    margin-bottom: 22px;
    font-family: aileron, sans-serif;
	display: block;
}
.small-big-title {
    font-size: 30px;
    font-weight: bold;
    color: #000025;
    line-height: 1;
    margin-bottom: 22px;
    font-family: aileron, sans-serif;
	display: block;
}
h2 {
    font-size: 25px;
    font-weight: bold;
    color: #000025;
    line-height: 1.28;
    margin-bottom: 22px;
    font-family: aileron, sans-serif;
}
.primary-bg {
	background-color: #f2fcff;
}
.sub-title {
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: 4.5px;
    text-transform: uppercase;
	margin-bottom: 10px;
	display: block;
}
.theme-primary-btn {
    text-align: center;
    border: 2px solid #ffffff;
    min-width: 190px;
    padding: 12px;
    display: inline-block;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 2.86px;
    font-family: 'Rubik', sans-serif;
}
.theme-primary-btn:hover {
    color: #ffffff;
    text-decoration: none;
	background: #033453;
    border: 2px solid #033453;
}

.theme-secondary-btn {
    text-align: center;
    border: 2px solid #033453;
    min-width: 225px;
    padding: 15px 30px;
    display: inline-block;
    color: #ffffff;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 2.86px;
    font-family: 'Rubik', sans-serif;
    text-transform: uppercase;
    background: #033453;
	display: inline-block !important;
}
.theme-secondary-btn:hover {
    color: #033453;
    text-decoration: none;
    border: 2px solid #033453;
    background:transparent;
}
.learn-more-arrow {
    font-size: 15px;
    padding-right: 30px;
    position: relative;
    text-transform: capitalize;
    color: #057091;
    text-decoration: none;
    font-family: 'Rubik', sans-serif;
    font-weight: 700;
}
.flip-card-front .learn-more-arrow,
.flip-card-back .pa-list li a.flip-back{
	position: absolute;
	bottom: 30px;
	left: 30px;
	padding-right: 23px;
}
.learn-more-arrow:hover {
    color: #057091;
    text-decoration: none;
}
.learn-more-arrow::after {
    position: absolute;
    content: "";
    right: 0;
    left: auto;
    top: 0;
    bottom: 0;
    margin: auto;
    background-image: url('images/arrow-circle.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: 16px;
    height: 16px;
}
.pa-heading
{
    margin-bottom: 30px;
}
.pa-heading h3 
{
    font-size: 16px;
    letter-spacing: 3px;
    font-family: 'Rubik', sans-serif;
    text-transform: uppercase;
}
.pa-heading h4
{
    font-weight: bold;
    color: #000025;
    font-family: 'aileron', sans-serif;
    font-weight: bolder;
}
.news-read-more {
    font-size: 12px;
    padding-right: 22px;
    position: relative;
    text-transform: capitalize;
    color: #555554;
    text-decoration: none;
}
.news-read-more:hover {
    color: #555554;
    text-decoration: none;
}
.news-read-more::after {
    position: absolute;
    content: "";
    right: 0;
    left: auto;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url('images/ncl/arrow-right-circle.svg') no-repeat;
    background-size: cover;
    width: 12px;
    height: 12px;
}

.watch-video {
    font-size: 20px;
    letter-spacing: 2.4px;
    padding-right: 30px;
    position: relative;
    text-transform: capitalize;
    color: #ffffff;
    text-decoration: none;
    display: inline-block;
	cursor: pointer;
}
.watch-video:hover {
    color: #ffffff;
    text-decoration: none;
}
.watch-video::after {
    position: absolute;
    content: "";
    right: 0;
    left: auto;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url('images/ncl/white-arrow.svg') no-repeat;
    background-size: cover;
    width: 21px;
    height: 13px;
}

[class^="section-"] {
    padding: 90px 0;
    position: relative;
}
[class^="section-"].section-partners {
	padding: 30px 0;
}
[class^="section-"].section-cases {
	padding: 50px 0;
}
[class^="section-"] p {
	font-size: 17px;
	line-height: 1.58;
	color: #414141;
}
.title-heading-wrapper .sub-title {
	color: #033453;
	margin-bottom: 20px;
	letter-spacing: 1px;
}
header {
	position: absolute;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	transition: all 0.3s;
	z-index: 1000;
}
.logged-in header {
	top: 32px;
}
/* header.sticky {
	position: fixed;
	z-index: 1000;
} */
.main-content-container {
	margin-top: 65px;
}
.header-top {
	background: #033453;
	padding: 5px 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.header-top p {
	margin: 0;
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: 0.14px;
	color: #e3e2e2;
}
.header-bar {
	background: #00082e;
	padding: 10px 0;
}
.header-bar .logo-inner img {
	width: 122px;
}
.header-bar .logo-inner .initials img{
	width: 220px;	
}
.page-template-template-splash-page .header-bar .logo-inner img{
	width: auto;
}
.header-bar .logo-inner img.footer-logo,
header.sticky .header-bar .logo-inner img.desktop-logo {
	display: none;
}
header.sticky .header-bar .logo-inner img.footer-logo {
	width: 100px;
	display: block;
}
.main-menu-container {
	justify-content: flex-end;
	padding-right: 0;
}
.main-menu-container .primary-menu ul {
	list-style: none;
	padding-left: 0;
	margin: 0;
	align-items: center;
}
.main-menu-container .primary-menu ul li {
	margin: 0 8px;
	display: inline-block;
}
.main-menu-container .primary-menu ul li a {
	font-size: 10px;
	letter-spacing: 0.54px;
	color: #fff;
	text-transform: uppercase;
}
.main-menu-container .primary-menu > ul > li > a{
	font-size: 12px;	
}
.banner-section {
	position: relative;
	overflow: hidden;
}
.banner-section .container {
    position: relative;
    z-index: 22;
}
.banner-section .owl-stage {
    position: relative;   
    z-index: 1;
}
.banner-section .owl-stage .owl-item .item::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) -82%, #000025 133%);
    z-index: 1;
}
.banner-section .item .floating-image-bg {
	-webkit-transition: all 8s linear;
	-o-transition: all 8s linear;
	transition: all 8s linear;
	transform: scale(1.2);
}
.banner-section .owl-item.active .item .floating-image-bg {
	transform: scale(1);
}
.banner-section .item .image-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover !important;
}
.banner-section .item .content-wrapper {
    padding-top: 175px;
    padding-bottom: 175px;
    z-index: 10;
}
.banner-section .item .content-wrapper .title {
    color: #ffffff;
    margin-bottom: 22px;
	font-size: 46px;
}
.banner-section .item .content-wrapper p {
    color: #ffffff;
    font-size: 14px;
    line-height: 2.14;
    margin-bottom: 30px;
    font-family: 'Rubik', sans-serif;
}
.banner-section .owl-dots-container {
    position: absolute;
    width: 80%;
    top: -150px;
    left: 30px;
}
.owl-carousel .owl-item{
	overflow: hidden;
}
.banner-section .owl-dots-container .owl-dot {
    width: 10px;
    height: 10px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    margin: 0 4px;
    background: transparent;
    cursor: pointer;
    display: inline-block;
}
.banner-section .owl-dots-container .owl-dot:focus {
    outline: none;
}
.banner-section .owl-dots-container .owl-dot:first-of-type {
    margin-left: 0;
}
.banner-section .owl-dots-container .owl-dot.active {
    background: #ffffff;
}
.banner-section .banner-form-wrapper {
/* 	position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    height: 100%;
    width: 440px; */
/* 	display: flex; */
}
.banner-section .banner-form-wrapper .help-link {
	min-width: 242px;
	background-color: #27c3f3;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 0;
	font-size: 14px;
	line-height: 0.9;
	text-align: center;
	color: #fff;
	text-transform: capitalize;
    transform: rotate(-90deg);
    transform-origin: top right;
    top: 0;
    right: calc(100% + 33px);
    position: absolute;
    z-index: 111;
}
.banner-section .banner-form-wrapper .help-link:hover {
	text-decoration: none;
}
.banner-section .banner-form-wrapper .help-link.active {
	backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
	background-color: rgba(255, 255, 255, 0.41);
}
.banner-section .banner-form-wrapper .help-link svg {
	width: 7px;
	height: 13px;
	margin-left: 10px;
	transform: rotate(-90deg);
}
.banner-section .banner-form-wrapper .help-link.active svg {
	transform: rotate(90deg);
}
.banner-section .banner-form-wrapper .form-inner-wrapper {
/* 	position: absolute;
	right: 0;
	top: 0;
	z-index: 10; */
	position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
	backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
	background-color: rgba(255, 255, 255, 0.41);
	width: 440px;
	height: 100%;
	transform: translateX(100%);
	transition: all 0.45s;
	top: 143px;
	position: fixed;
	z-index: 1111111;
}
.banner-section .banner-form-wrapper .form-inner-wrapper .form-scroll {
	padding: 50px;
	height: 100%;
    overflow-y: auto;
    padding-bottom: 200px;  
}
.banner-section .banner-form-wrapper .form-inner-wrapper.active-form {
	transform: translateX(0);
}
.banner-section .banner-form-wrapper .form-title {
	font-family: aileron, sans-serif;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 3.3px;
	color: #fff;
	display: block;
	margin-bottom: 12px;
}
.banner-section .banner-form-wrapper p {
	font-family: 'Rubik', sans-serif;
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: 0.14px;
	color: #fff;
	margin-bottom: 15px;
}
.banner-section .banner-form-wrapper form p {
	margin-bottom: 0;
}
.banner-section .banner-form-wrapper span {
	width: 100%:
}
.banner-section .banner-form-wrapper input {
	height: 42px;
	margin-bottom: 16px;
	padding: 15px;
	background: #ffffff;
	border: solid 2px #bebebe;
	font-size: 14px;
	color: #000000;
	width: 100%;
}
.banner-section .banner-form-wrapper textarea {
	height: 95px;
	margin-bottom: 16px;
	padding: 15px;
	background: #ffffff;
	border: solid 2px #bebebe;
	font-size: 14px;
	color: #000000;
	width: 100%;
}
.banner-section .banner-form-wrapper input:focus {
	box-shadow: none;
	outline: none;
	border: solid 2px #bebebe;
}
.banner-section .banner-form-wrapper .wpcf7-submit {
	background-color: #27c3f3;
	width: 100$;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1.43px;
	text-align: center;
  	color: #fff;
	padding: 0;
	border: none;
	cursor: pointer;
	text-transform: uppercase;
}
.banner-section .banner-form-wrapper {
	position: fixed;
    right: 0;
    top: 143px;
    z-index: 10;
    height: 100%;
    width: 440px;
	height: calc(100vh - 143px);
	transition: all 0.45s;
	transform: translateX(100%);
}
.banner-section .banner-form-wrapper.active-form{
	transform: translateX(0);
}
.banner-section .banner-form-wrapper.active-form .close-btn{
	z-index: 99999999;
	top: 0;
}
.banner-section .banner-form-wrapper .help-link {
	min-width: 242px;
	background-color: #27c3f3;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 0;
	font-size: 14px;
	line-height: 0.9;
	text-align: center;
	color: #fff;
	text-transform: capitalize;
    transform: rotate(-90deg);
    transform-origin: top right;
    top: 0;
    right: calc(100% + 33px);
    position: absolute;
    z-index: 111;
}
.banner-section .banner-form-wrapper .help-link:hover {
	text-decoration: none;
}
.banner-section .banner-form-wrapper .help-link.active {
	backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
	background-color: rgba(255, 255, 255, 0.41);
}
.banner-section .banner-form-wrapper .help-link svg {
	width: 7px;
	height: 13px;
	margin-left: 10px;
	transform: rotate(-90deg);
}
.banner-section .banner-form-wrapper .help-link.active svg {
	transform: rotate(90deg);
}
.banner-section .banner-form-wrapper .form-inner-wrapper {
/* 	position: absolute;
	right: 0;
	top: 0;
	z-index: 10; */
	position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
	padding: 50px;
	backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
	background-color: rgba(255, 255, 255, 0.41);
	width: 440px;
	height: 100%;
/* 	height: calc(100vh - 100px); */
	transform: translateX(0);
	transition: all 0.45s;
/* 	top: 143px;
	position: fixed; */
	z-index: 1111111;
	overflow: auto;
}
.banner-section .banner-form-wrapper .form-inner-wrapper.active-form {
	transform: translateX(0);
}
.banner-section .banner-form-wrapper .form-title {
	font-family: aileron, sans-serif;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 3.3px;
	color: #fff;
	display: block;
	margin-bottom: 12px;
}
.banner-section .banner-form-wrapper p {
	font-family: 'Rubik', sans-serif;
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: 0.14px;
	color: #fff;
	margin-bottom: 15px;
}
.banner-section .banner-form-wrapper form p {
	margin-bottom: 0;
}
.banner-section .banner-form-wrapper span {
	width: 100%:
}
.banner-section .banner-form-wrapper input {
	height: 42px;
	margin-bottom: 16px;
	padding: 15px;
	background: #ffffff;
	border: solid 2px #bebebe;
	font-size: 14px;
	color: #000000;
	width: 100%;
}
.banner-section .banner-form-wrapper textarea {
	height: 95px;
	margin-bottom: 16px;
	padding: 15px;
	background: #ffffff;
	border: solid 2px #bebebe;
	font-size: 14px;
	color: #000000;
	width: 100%;
}
.banner-section .banner-form-wrapper input:focus {
	box-shadow: none;
	outline: none;
	border: solid 2px #bebebe;
}
.banner-section .banner-form-wrapper .wpcf7-submit {
	background-color: #27c3f3;
	width: 100$;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1.43px;
	text-align: center;
  	color: #fff;
	padding: 0;
	border: none;
	cursor: pointer;
	text-transform: uppercase;
}
.section-post-banner h2 {
    text-align: center;
}
.section-post-banner p {
    margin-bottom: 25px;
    text-align: center;
    font-size: 13px;
    line-height: 1.8;
}
.section-post-banner img {
	transform: scale(0.75);
}
.section-spotlights {
    padding: 0;
}
.img-title-text-spotlight {
    position: relative;
    cursor: pointer;
    overflow: hidden;
	margin-bottom: 65px;
	min-height: 300px;
}
.img-title-text-spotlight .title {
    color: #fff !important;
}
.home-spotlights .image-wrapper{
	opacity: 0;
}
.section-spotlights.home-spotlights .img-title-text-spotlight {
	margin-bottom: 0;
	background-size: cover;
}
.resources-page .img-title-text-spotlight {
	margin-bottom: 35px;
}
.img-title-text-spotlight::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to top, rgba(0, 0, 37, 0.71), rgba(84, 84, 84, 0) 100%);
}
.img-title-text-spotlight:hover::before {
    background-image: linear-gradient(to top, rgba(0, 0, 37, 0.68), rgba(4, 2, 59, 0.38) 100%);
}
.img-title-text-spotlight.case-col::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 12px;
    background-color: #033453;
}
.img-title-text-spotlight .title {
    font-size: 25px;
    letter-spacing: 1.5px;
    font-weight: bold;
    color: #ffffff;
    position: absolute;
    bottom: 37px;
    padding: 0 30px;
    font-family: aileron, sans-serif;
}
.img-title-text-spotlight.case-col .title {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.5;
    color: #ffffff;
    position: relative;
    bottom: initial;
    padding: 0;
    margin-bottom: 10px;
    display: block;
}
.img-title-text-spotlight .content-container {
    bottom: 20px;
    padding: 0 35px;
    position: absolute;
}
.img-title-text-spotlight .amount {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.67;
    color: #ffffff;
    display: block;
    margin-bottom: 10px;
}
.img-title-text-spotlight p {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.67;
    color: #ffffff;
    display: block;
    margin-bottom: 5px;
}
.img-title-text-spotlight .learn-more-arrow {
    color: #27c3f3;
    font-size: 10px;
    padding-right: 20px;
}
.img-title-text-spotlight.inner-click .learn-more-arrow {
	pointer-events: none;
}
.img-title-text-spotlight .learn-more-arrow::after {
    background: url('images/ncl/learn-arrow-var.svg') no-repeat;
    background-size: cover;
    width: 13px;
    height: 8px;
	rotate: 0deg;
}
.img-title-text-spotlight .content-wrapper {
    padding: 100px 30px;
    transition: all 0.25s;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000025;
    transform: translateX(100%);
    color: #ffffff;
    font-size: 13px;
    line-height: 1.73;
    width: 100%;
    height: 100%;

    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}

.img-title-text-spotlight.case-col .content-wrapper {
    padding: 50px 30px;
}

.img-title-text-spotlight.content-active .content-wrapper {
    transform: translateX(0);
}
.img-title-text-spotlight.content-active::after {
    display: none;
}
.img-title-text-spotlight .content-wrapper .go-back {
    position: absolute;
    width: 25px;
    height: 15px;
    background: url('images/ncl/left-arrow-white.svg') no-repeat;
    background-size: cover;
    left: 30px;
    top: 70px;
}
.img-title-text-spotlight.case-col .content-wrapper .go-back {
    left: 30px;
    top: 30px;
}
.img-title-text-spotlight .content-wrapper p {
    font-size: 13px;
}
.img-title-text-spotlight.case-col .content-wrapper p {
    font-size: 11px;
}
.img-title-text-spotlight .content-wrapper .read-course {
    font-size: 10px;
    letter-spacing: 1.2px;  
    color: #27c3f3;
    text-transform: capitalize;
    display: inline-block;
    margin-top: 15px;
}
.img-title-text-spotlight.img-title-text-spotlight-var {
	background: #ffffff;
/* 	padding: 50px 35px 35px; */
	border: solid 1px #033453;
}
.img-title-text-spotlight.img-title-text-spotlight-var .content-container {
	position: relative;
	padding: 0;
	padding: 50px 35px 35px;
	bottom: initial;
}
.img-title-text-spotlight.img-title-text-spotlight-var::before {
	display: none;
}
.img-title-text-spotlight.img-title-text-spotlight-var .title {
	color: #033453 !important;
	font-size: 25px;
	line-height: 1.2;
	margin-bottom: 18px;
}
.img-title-text-spotlight.img-title-text-spotlight-var .date-wrapper {
	font-size: 10px;
	color: #0f0f0f;
	margin-bottom: 20px;
	display: block;
}
.img-title-text-spotlight.img-title-text-spotlight-var .date-wrapper a{
	color: #0f0f0f;	
}
.img-title-text-spotlight.img-title-text-spotlight-var p {
	color: #0f0f0f;
	font-size: 13px;
	line-height: 1.38;
	margin-bottom: 35px;
}
.img-title-text-spotlight.img-title-text-spotlight-var .learn-more-arrow {
	color: #27c3f3;
}
.section-video-wrapper {
    padding: 0;
}
/* .section-video-wrapper::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 40%;
    bottom: 0;
    left: 0;
    background-color: #f2fcff;
}
.home-video-wrapper.section-video-wrapper::before {
    height: 75px;
} */
/* .section-video-wrapper .video-content-container {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 22;
} */
.section-video-wrapper .video-content-container{
	padding-top: 70px;
	padding-bottom: 70px;
}
.section-video-wrapper .video-content-container .sub-title {
    color: #033453;
}
.section-video-wrapper .video-content-container h2 {
    color: #000025;
}
.section-video-wrapper .video-content-container p {
    font-size: 15px;
    line-height: 1.67;
    color: #393939;
    margin-bottom: 50px;
}

.section-video-wrapper .video-wrapper {
    position: absolute;
	height: 100%;
	width: 48%;
	top: 0;
	right: 0;
	display: flex;
	min-height: 450px;
	background-size: cover;
}
.section-video-wrapper .video-wrapper .video-inner-wrapper {
    width: 48vw;
    position: relative;
}
.section-video-wrapper .video-wrapper .video-inner-wrapper .play-video {
    position: absolute;
    width: 65px;
    height: 65px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
	z-index: 20;
	cursor: pointer;
}
.section-video-wrapper .video-wrapper .video-inner-wrapper .play-video svg {
    width: 100%;
    height: 100%;
}

.section-about-us-columns {
    background-color: #f2fcff;
    padding-top: 130px;
}
.about-col {
    border: solid 1px #707070;
    padding: 20px 20px 22px 20px;
    margin-bottom: 30px;
}
.about-col:hover {
    background-color: #ceecff;
}
.about-col .title {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.15;
    letter-spacing: 2.5px;
    color: #033453;
    margin-bottom: 38px;
    display: block;
    font-family: aileron, sans-serif;
	text-transform: uppercase;
}
.about-col.content-col .title {
    margin-bottom: 15px;
}
.about-col ul {
    list-style: none;
    padding-left: 0;
}
.about-col ul li {
    font-size: 15px;
    color: #002f54;
    margin-bottom: 30px;
    text-transform: capitalize;
    text-decoration: none;
}
.about-col ul li a{
    font-size: 15px;
    color: #002f54;	
    text-transform: capitalize;
    text-decoration: none;
}
.about-col ul li a:hover {
    color: #002f54;
    text-decoration: none;
}
.about-col p {
    font-size: 15px;
    line-height: 1.6;  
    color: #002f54;
    margin-bottom: 0;
    font-family: 'Rubik', sans-serif;
}

.section-carousel {
    padding: 0;
}
.section-carousel .item .image-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover !important;
}
.section-carousel .item .content-wrapper {
    padding-top: 400px;
    padding-bottom: 115px;
    z-index: 10;
}
.section-carousel .item .content-wrapper .title {
    color: #ffffff;
    margin-bottom: 22px;
    font-size: 45px;
    font-weight: bold;
    letter-spacing: 5.4px;
    line-height: 1.5;
    font-family: aileron, sans-serif;
    display: block;
}

.section-carousel .container {
    position: relative;
    z-index: 22;
}
.section-carousel .owl-stage .owl-item .item {
    position: relative;
	width: 100%;
}
.section-carousel .owl-stage .owl-item .item::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to top, #03031c 99%, rgba(86, 86, 103, 0) -44%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) -44%, #000025 133%);
    z-index: 1;
}
.section-carousel .carousel-owl-dots-container {
    position: absolute;
    width: 80%;
    top: -80px;
	padding-left: 15px;
}
.section-carousel .carousel-owl-dots-container .owl-dot {
    width: 10px;
    height: 10px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    margin: 0 4px;
    background: transparent;
    cursor: pointer;
    display: inline-block;
}
.section-carousel .carousel-owl-dots-container .owl-dot:focus {
    outline: none;
}
.section-carousel .carousel-owl-dots-container .owl-dot:first-of-type {
    margin-left: 0;
}
.section-carousel .carousel-owl-dots-container .owl-dot.active {
    background: #ffffff;
}

.section-case-results .case-row {
    margin-top: 85px;
}

.section-horizontal-carousel {
    padding-top: 0;
}
.scroll-carousel {
    margin-bottom: 20px;
}
.scroll-carousel li {
    font-family: aileron, sans-serif;
    font-size: 30px;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    color: rgba(0, 0, 37, 0.2);
    margin: 0 10px;
    position: relative;
}
.scroll-carousel li:hover {
    color: #00082e;
}
.scroll-carousel li .tooltip-text {
    min-width: 170px;
    padding: 10px;
    border-radius: 25px;
    background-color: #00082e;
    display: none;
    position: absolute;
    right: -165px;
    bottom: -20px;
    color: #ffffff;

    font-size: 13px;
    line-height: 1.12;
}
.scroll-carousel li .tooltip-text::before {
    position: absolute;
    content: "";
    left: 0;
    width: 28px;
    height: 28px;
    left: -15px;
    top: -13px;
    background: url('images/ncl/triangle.svg') no-repeat;
    background-size: cover;
}
.scroll-carousel li:hover .tooltip-text {
    display: block;
}

.main-footer {
    background: #033453;
    padding: 65px 0 75px;
}
.footer-col.logo-col .footer-logo-wrapper {
    display: inline-block;
    margin-bottom: 25px;
}
.footer-col.logo-col .footer-logo-wrapper img {
    width: 100px;
}
.footer-col.logo-col p {
    font-size: 13px;
    line-height: 1.54;
    color: #c3c3c3;
    width: 80%;
}

.footer-cols .footer-col {
    padding-top: 31px;
}

.footer-col span {
    font-size: 12px;
    line-height: 1.3;
    color: #c3c3c3;
    display: block;
}
.footer-col .col-title {
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 0.6px;
    color: #fff;
    display: block;
    margin-bottom: 18px;
    position: absolute;
    width: 100%;
    top: 0;
}
.footer-col .county {
    font-weight: bold;
    margin-bottom: 15px;
    display: block;
}
.footer-col .address {
    margin-bottom: 15px;
}

.footer-col ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}
.footer-col ul li {
    margin-bottom: 5px;
    line-height: 0.5;
}
.footer-col ul.social-icons {
    display: flex;
    align-items: center;
}
.footer-col ul.social-icons li {
    display: inline-block;
    margin-right: 10px;
    width: 25px;
    height: 25px;
}
.footer-col ul.social-icons li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    border-radius: 50%;
    background-color: #b1b1b1;
	width: 25px;
}
.footer-col ul li a {
    font-size: 12px;
    line-height: 1.9;    
    color: #c3c3c3;
    text-transform: capitalize;
}

.footer-col ul.social-icons li.li a svg {
    width: 18px;
    height: 18px;
}
.footer-col ul.social-icons li.tw a svg {
    width: 15px;
    height: 15px;
}
.footer-col ul.social-icons li.fb a svg {
    width: 10px;
    height: 15px;
}

.copyright-footer {
    background-color: #00082e;
    padding: 10px 0;
}
.copyright-footer p{
    margin: 0;	
}
.copyright-footer,
.copyright-footer a {
    font-family: 'PT Sans', sans-serif;
    font-size: 9px;
    color: #bcbcbc;
}

.section-news {
	background-color: #f2fcff;
}
.section-news .news-row {
	margin-top: 75px;
}
.home-blog h3,
.home-blog h3 a {
	font-family: aileron, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #033453;
	text-decoration: none;
	margin-bottom: 10px;
}
.home-blog h3 a:hover {
	text-decoration: none;
	color: #033453;
}
.home-blog .date-wrapper,
.home-blog .date-wrapper a {
	font-family: 'Rubik', sans-serif;
	font-size: 10px;
	color: #0f0f0f;
	text-decoration: none;
	display: inline-block;
	margin-bottom: 7px;
}
.home-blog .date-wrapper a {
	text-transform: uppercase;
}
.home-blog .date-wrapper a:hover {
	color: #0f0f0f;
}
.home-blog .content-wrapper p {
	font-family: 'Rubik', sans-serif;
	font-size: 13px;
	line-height: 1.38;
	color: #0f0f0f;
}
.section-news .btn-row {
	margin-top: 60px;
}
.floating-image-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    background-position: bottom !important;
    z-index: -1;
}
.owl-carousel .floating-image-bg {
    background-position: top center !important;
}
.image-webp, .supports-webp .image-non-webp {
    display: none;
}
.supports-webp .image-webp {
    display: block;
}

.inner-banner-section {
	position: relative;
	padding: 100px 0;
}
.page-template-template-professionals .inner-banner-section{
	padding: 100px 0;
}
.page-template-template-professionals .inner-banner-section .floating-image-bg {
    background-position: top center !important;
}
.inner-banner-section:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) -46%, #000025 148%);
}
.page-id-150 .inner-banner-section:before{
	display: none;
}
.inner-banner-section .container {
	position: relative;
}
.inner-banner-section h1 {
	font-size: 50px;
	font-weight: bold;
	line-height: 1.3;
	color: #fff;
	font-family: aileron, sans-serif;
}
.section-title-content .title,
.section-title-content-img .title{
	font-size: 22px;
	font-weight: bold;
	color: #414141;
}
.section-title-content .content,
.section-title-content-img .content {
	font-size: 17px;
	line-height: 1.58;
	color: #414141;
}
.section-title-content-img > .image-wrapper {
	position: absolute;
	left: 0;
	width: 45vw;
	top: 0;
}
.values-content .image-wrapper{
	padding-left: 20px;
}
.section-title-content-img .title-content-wrapper {
	margin-bottom: 42px;
}
.primary-bg-up-before:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 60%;
	top: 0;
	left: 0;
	background-color: #f2fcff;
	z-index: -1;
}
.primary-bg-below-before:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 50%;
	bottom: 0;
	left: 0;
	background-color: #f2fcff;
	z-index: -1;
}
.about-cols-row {
	margin-top: 100px;
}
.section-side-img-content p:first-child{
	margin-bottom: 50px;
}
.section-side-img-content .direct-left-img-wrapper {
	position: absolute;
	left: 0;
	top: 0;
}
.section-side-img-content .direct-left-img-wrapper img {
	width: 42vw;
}
/* .section-side-img-content .section-image-content-wrapper {
    position: absolute;
    width: 100%;
	top: 0;
    top: 50%;
    transform: translateY(-50%);
} */
.section-cols-generic-bg {
	background-color: #f2fcff;
}
.partner-row {
	margin-top: 30px;
}
.single-partner {
	margin-bottom: 30px;
}
.section-only-partners .single-partner {
	margin-bottom: 65px;
}
.single-partner .image-wrapper {
	margin-bottom: 15px;
	display: block;
}
.single-partner span {
	display: block;
}
.single-partner .name {
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	color: #000000;
	font-family: aileron, sans-serif;
}
.single-partner span.desg {
	font-size: 12px;
	line-height: 2;
	color: #767676;
}
.results-row {
	margin-top: 65px;
}
.pagination-wrapper .wp-pagenavi {
	display: flex;
	align-items: center;
	justify-content: center;
}
.pagination-wrapper .wp-pagenavi .current,
.pagination-wrapper .wp-pagenavi a {
	width: 35px;
	height: 35px;
	margin: 0 5px;
	background: #033453;
	text-align: center;
	font-size: 22px;
	line-height: 1.23;
	letter-spacing: -0.44px;
	color: #fff;
	display: flex;
    align-items: center;
    justify-content: center;
}
.pagination-wrapper .wp-pagenavi a:hover {
	background: #033453;
	color: #fff;
}
.pagination-wrapper .wp-pagenavi a {
	color: #111847;
	border: solid 2px #111847;
	background: transparent;
	text-decoration: none;
	position: relative;
}
.pagination-wrapper .wp-pagenavi a.previouspostslink,
.pagination-wrapper .wp-pagenavi a.nextpostslink {
	color: transparent;
	background: url('/wp-content/uploads/2022/06/carousel-arrow.svg') no-repeat;
	background-position: center center;
	background-color: #033453;
	background-size: 70% 70%;
}
.pagination-wrapper .wp-pagenavi a.nextpostslink {
	transform: rotate(180deg);
}
.pagination-wrapper .wp-pagenavi a:hover {
	text-decoration: none;
}
.right-screen-carousel .owl-stage {
	padding-left: 0 !important;
}
.page-template-template-news-media .right-screen-carousel .owl-stage,
.page-template-template-news-media .right-screen-carousel .owl-stage .owl-item,
.page-template-template-news-media .right-screen-carousel .owl-stage .owl-item .item{
	display: flex;
}
.page-template-template-news-media .right-screen-carousel .owl-stage .owl-item .item{
	width: 100%;
}
.page-template-template-news-media .section-cases .img-title-text-spotlight {
    width: 100%;
}
.section-cases .img-title-text-spotlight {
	margin-bottom: 25px;
}
.section-cases .owl-nav > div,
.section-ra-list .owl-nav > div{
	padding: 0;
	width: 35px;
	height: 35px;
	background-color: #033453 !important;
	color: transparent !important;
	border: none;
	border-radius: 0;
	position: relative;
}
.section-cases .owl-nav > div:before,
.section-ra-list .owl-nav > div:before{
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 10px;
	height: 20px;
	background: url(/wp-content/uploads/2022/06/carousel-arrow.svg) no-repeat;
	background-size: cover;
}
.section-cases .owl-nav > div.owl-next:before,
.section-ra-list .owl-nav > div.owl-next:before {
	transform: rotate(180deg);
}
.section-contact-wrapper {
	overflow-x: hidden;
}
.section-contact-wrapper .contact-col {
	padding-top: 80px;
	padding-bottom: 80px;
}
.section-contact-wrapper .contact-col .form-wrapper input,
.section-contact-wrapper .contact-col .form-wrapper textarea {
	border: solid 2px #bebebe;
	background-color: #fff;
	height: 42px;
	padding: 10px 15px;
	width: 100%;
	font-size: 14px;
	color: #000;
}
.section-contact-wrapper .contact-col .form-wrapper textarea {
	height: 96px;
	resize: none;
}
.section-contact-wrapper .contact-col .form-wrapper .wpcf7-submit {
	background-color: #27c3f3;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 2.86px;
	text-align: center;
	border: none;
	font-weight: bold;
	cursor: pointer;
}  
.section-contact-wrapper .contact-col .form-wrapper .wpcf7-submit:focus {
	box-shadow: none;
	outline: none;
	border: none;
}
.section-contact-wrapper .contact-col .form-wrapper .wpcf7-spinner {
	position: absolute;
}
.section-contact-wrapper .contact-col .form-wrapper form {
	margin-bottom: 40px;
}
.section-contact-wrapper .contact-col .form-wrapper .post-from-text {
	font-size: 13px;
	line-height: 1.68;
	letter-spacing: 0.13px;
	color: #707070;
	margin-bottom: 40px;
}
.section-contact-wrapper .contact-col .form-wrapper .form-contact .title {
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 3.3px;
	color: #00aeef;
	display: block;
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.section-contact-wrapper .contact-col .form-wrapper .form-contact .send-email {
	position: relative;
	display: block;
	padding-left: 28px;
	font-family: VarelaRound;
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: 0.14px;
	color: #707070;
	font-family: 'Varela Round', sans-serif;
	margin-bottom: 10px;
	text-decoration: none;
}
.section-contact-wrapper .contact-col .form-wrapper .form-contact .send-email:hover {
	text-decoration: none;
}
.section-contact-wrapper .contact-col .form-wrapper .form-contact .send-email:before {
	position: absolute;
	content: "";
	left: 0;
	top: 3px;
	width: 15px;
	height: 12px;
	background: url(/wp-content/uploads/2022/06/mail-icon.svg) no-repeat;
	background-size: cover;
}
.section-contact-wrapper .contact-col .form-wrapper .form-contact .social-icons {
	list-style: none;
	padding-left: 0;
	margin: 0;
}
.section-contact-wrapper .contact-col .form-wrapper .form-contact .social-icons li {
	display: inline-block;
	margin-right: 12px;
}
.section-contact-wrapper .contact-col .form-wrapper .form-contact .social-icons li.linkedin a svg {
	width: 16px;
	height: 16px;
}
.section-contact-wrapper .contact-col .form-wrapper .form-contact .social-icons li.twitter a svg {
	width: 20px;
	height: 16px;
}
.section-contact-wrapper .contact-col .form-wrapper .form-contact .social-icons li.fb a svg {
	width: 9px;
	height: 20px;
}
.section-contact-wrapper .offices-wrapper {
	position: absolute;
	width: 48vw;
	right: 0;
	top: 0;
	height: 100%;
	padding: 80px 0 80px 50px;
}
.section-contact-wrapper.page-contact-wrapper .offices-wrapper {
	position: relative;
	width: auto;
	padding: 0;
}
.section-contact-wrapper .offices-wrapper .address-wrapper + .address-wrapper {
	margin-top: 75px;
}
.section-contact-wrapper .offices-wrapper .address-wrapper .title-wrapper {
	margin-bottom: 12px;
}
.section-contact-wrapper .offices-wrapper .address-wrapper .title {
	font-size: 14px;
	line-height: 1.5;
	color: #000;
	text-transform: uppercase;
	display: block;
}
.section-contact-wrapper.page-contact-wrapper .offices-wrapper .address-wrapper .title {
	font-size: 40px;
	font-weight: bold;
	line-height: 1.25;
	color: #000025;
	font-family: aileron, sans-serif;
	margin-bottom: 10px;
	display: block;
}
.section-contact-wrapper .offices-wrapper .address-wrapper .address,
.section-contact-wrapper .offices-wrapper .address-wrapper .phone {
	font-size: 14px;
	line-height: 1.5;
	color: #000;
	letter-spacing: 0.14px;
	display: block;
}
.section-contact-wrapper.page-contact-wrapper .offices-wrapper .address-wrapper .address,
.section-contact-wrapper.page-contact-wrapper .offices-wrapper .address-wrapper .phone {
	font-size: 17px;
	margin-bottom: 5px;
}
.section-contact-wrapper .offices-wrapper .address-wrapper .phone a {
	font-size: 14px;
	line-height: 1.5;
	color: #000;
	letter-spacing: 0.14px;
}
.section-contact-wrapper .offices-wrapper .address-wrapper .phone {
	font-weight: bold;
}
.section-contact-wrapper .offices-wrapper .address-wrapper .map-wrapper iframe {
	width: 325px;
	height: 200px;
	max-width: 100%;
}
.section-contact-wrapper.page-contact-wrapper .offices-wrapper .address-wrapper .map-wrapper {
	display: flex;
	max-height: 302px;
}
.section-contact-wrapper.page-contact-wrapper .offices-wrapper .address-wrapper .map-wrapper .image-wrapper img {
	height: 100%;
}
.section-contact-wrapper.page-contact-wrapper .offices-wrapper .address-wrapper .map-wrapper iframe {
	height: 302px;
	width: 100%;
	height: 100%;
}
.section-title-img-banner .content-col .title-container {
	margin-bottom: 30px;
}
.section-title-img-banner .content-col .title {
	font-size: 37px;
	font-weight: bold;
	line-height: 1.35;
	margin-bottom: 0;
	color: #00082e;
}
.section-title-img-banner .content-col .sub-title {
	font-size: 15px;
	line-height: 1.73;
	color: #000;
	letter-spacing: initial;
    text-transform: initial;
}
.section-title-img-banner .content-col p {
	margin-bottom: 30px
}
.section-title-img-banner .content-col .read-more,
.section-title-img-banner .content-col .read-more span,
.single-practice_area .read-more,
.single-practice_area .read-more span,
.page-template-about-page .read-more,
.page-template-about-page .read-more span{
	font-size: 15px;
	font-weight: 500;
	line-height: 1.07;
	color: #033453;
	text-transform: uppercase;
}
.section-title-img-banner .content-col .read-more:hover,
.section-title-img-banner .content-col .read-more:focus,
.single-practice_area .read-more:hover,
.single-practice_area .read-more:focus{
	text-decoration: none;
}
.section-title-img-banner .content-col .read-more span,
.single-practice_area .read-more span,
.page-template-about-page .read-more span,
.more-content {
	display: none;
}
.more-content {
	margin-bottom: 20px;
	font-size: 17px;
    line-height: 1.58;
	color: #414141;
}
.single-practice_area .more-content{
	margin-bottom: 0;
}
.section-title-img-banner .content-col .read-more span.active,
.single-practice_area .read-more span.active,
.page-template-about-page .read-more span.active{
	display: inline-block;
}
.pa-content-post-banner p{
	line-height: 2 !important;	
}
.section-title-img-banner .content-col .theme-secondary-btn.download-item {
	min-width:265px;
}
.section-title-img-banner .person-img-details-col .person-detail {
	padding: 15px 25px;
	background-color: #00082e;
	display: flex;
	align-items: center;
}
.section-title-img-banner .person-img-details-col .person-detail > * {
	color: #ffffff;
	font-size: 15px;
	line-height: 1.67;
	font-family: 'Inter', sans-serif;
}
.section-title-img-banner .person-img-details-col .person-detail a {
	text-decoration: none;
	margin-right: 30px;
}
.section-accordion .sub-title {
	font-size: 14px;
	letter-spacing: 1.7px;
	text-transform: uppercase;
	color: #033453;
	display: block;
	margin-bottom: 0;
	padding-left:100px;
}
.section-accordion .card {
	background: transparent;	
	border: none;
	border-bottom: 1px solid rgba(112, 112, 112, .2);
	border-radius: 0;
}
.section-accordion .card-header {
	background: none;
    border-radius: 0;
	border: none;
	padding-left: 100px;
	padding-right: 120px;
}
.section-accordion .card-header .btn {
	font-size: 25px;
	line-height: 2;
	color: #000;
	position: relative;
	display: block;
	width: 100%;
	text-decoration: none;
	text-align: left;
	padding-left: 0;
	padding-right: 0;
	font-family: aileron, sans-serif;
	white-space: initial;
}
.section-accordion .card-header .btn:after {
	position: absolute;
	content: "";
	right: -50px;
	top: 9px;
	width: 45px;
	height: 45px;
	background: url(/wp-content/uploads/2022/07/plus.svg);
	background-size: cover;
	background: #00082e;
}
.section-accordion .card-header .btn:before {
	position: absolute;
	content: "";
	right: -35px;
	top: 30px;
	width: 15px;
	height: 2px;
	background: #ffffff;
	z-index: 22;
}
.section-accordion .card-header .btn.collapsed:before {
	display: none;
}
.section-accordion .card-header .btn.collapsed:after {
	background: url(/wp-content/uploads/2022/07/plus.svg);
	background-size: cover;
}
.section-accordion .card-header .btn:hover {
	text-decoration: none;
}
.section-accordion .card-body {
	padding-left: 100px;
	padding-right: 150px;
	padding-top: 0;
	padding-bottom: 45px;
	font-size: 15px;
	line-height: 1.73;
	color: #000;
}
.section-accordion .card-body a{
	color: #000;	
}
.section-individual-detail {
	padding: 25px 0;
}
.section-individual-detail.probono-individual-detail {
	padding: 25px 0 70px;
}
.ra-list-wrapper thead tr th {
	font-size: 15px;
	font-weight: 500;
	color: #033453;
	border: none;
	padding-top: 22px;
	padding-bottom: 22px;
}
.ra-list-wrapper tbody tr {
	border-top: 3px solid #033453;	
}
.ra-list-wrapper tbody tr:last-of-type {
	border-bottom: 3px solid #033453;
}
.ra-list-wrapper tbody tr td {
	font-size: 15px;
	font-weight: 500;
	color: #033453;
	border: none;
	padding-top: 12px;
	padding-bottom: 30px;
}
.ra-list-wrapper tbody tr td.year,
.ra-list-wrapper tbody tr td.title {
	font-size: 20px;
}
.awards-wrapper {
/* 	display: flex;
	align-items: center;
	justify-content: space-around; */
	margin-top: 100px;
}
.awards-wrapper .single-award {
	display: flex;
	align-items: center;
	margin-bottom: 50px;
    justify-content: center;
}
.section-single-article-detail .articleby-date-wrapper {
	margin-bottom: 30px;
}
.section-single-article-detail .article-title {
	font-size: 29px;
	font-weight: bold;
	line-height: 1.3;
	color: #00082e;
	font-family: aileron, sans-serif;
}
.section-single-article-detail .sub-title {
	font-size: 15px;
	text-transform: initial;
	display: inline-block;
	margin-bottom: 0;
	letter-spacing: initial;
}
.section-single-article-detail .thumb-wrapper {
	display: inline-block;
	margin-left: 30px;
}
.section-single-article-detail .thumb-wrapper img {
	width: 50px;
	border-radius: 200px;
}
.section-single-article-detail .content > * {
	margin-bottom: 30px;
}
.section-single-article-detail .content p {
	line-height: 35px;
    font-size: 16px !important;
    font-family: 'Rubik', sans-serif;
}
.animated-text-logo{
	font-family: 'Emberly';	
}
.animated-text-logo span{
	color: #fff;
	font-size: 38px;
	display: inline-block;
	transform: scaley(0);
	transition: all 0.3s;
	transform-origin: bottom center;
}
.animated-text-logo .initials{
    color: #fff;
    padding: 0px 3px 0px 3px;
    opacity: 0;
    transition: all 0.3s;
    transition-delay: 0.5s;
    line-height: 1;
    letter-spacing: 0px;
}
.animated-text-logo.activated-logo.show-initials .initials{
	opacity: 1;	
}
.animated-text-logo.activated-logo span{
	transform: scaley(1);	
}
.animated-text-logo.activated-logo span:nth-of-type(1){
	transition-delay: 0.3s;
}
.animated-text-logo.activated-logo span:nth-of-type(2){
	transition-delay: 0.6s;	
}
.animated-text-logo.activated-logo span:nth-of-type(3){
	transition-delay: 0.9s;		
}
.animated-text-logo.activated-logo span:nth-of-type(4){
	transition-delay: 1.2s;	
}
.animated-text-logo.activated-logo span:nth-of-type(5){
	transition-delay: 1.5s;	
}
.animated-text-logo.activated-logo.show-initials .steps-container{
	opacity: 0;		
	transition-delay: 0.5s;	
	transition: all 0.3s;
}
.animated-text-logo .steps-container{
	position: absolute;	
}
.error404 .main-content-container{
	padding-top: 140px;
	padding-bottom: 140px;
	background: url(images/404-image.jpeg) no-repeat;
	background-size: cover;
	background-position: bottom center;
	position: relative;
}
.error404 .main-content-container:before{
	content: "";
	position: absolute;
	top: 0;
	left:0;
	height: 100%;
	width: 100%;
	background-image: linear-gradient(to top, #03031c 99%, rgba(86, 86, 103, 0) -44%);
	opacity: 0.5;
}
.error404 .main-content-container .container{
	position: relative;
	font-size: 15px;
	line-height: 1.6;
	color: #fff;
}
.error404 .main-content-container h1{
  margin-bottom: 20px;
  font-size: 50px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 1px;
  text-align: center;
  color: #fff;
}
.error404 .main-content-container h1 span{
	display: block;
}
.error404 .main-content-container .theme-secondary-btn{
	margin-top: 30px;
	background: #27c3f3;
	border-color: #27c3f3;
}

/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
    perspective: 1000px;
	width: 100%;
}
  
/* This container is needed to position the front and back side */
.flip-card-inner {
    position: relative;
    transition: transform 0.8s;
    transform-style: preserve-3d;
	width: 100%;
	margin-bottom: 30px;
}
  
  /* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card .flip-card-inner.flip-now {
    transform: rotateY(180deg);
}
  
  /* Position the front and back side */
.flip-card-back {
    position: relative;
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
    background-color: #d5eff8;
    padding: 20px 20px 50px 20px;
	min-height: 275px;
	width: 100%;
}
.flip-card-back .pa-list 
{
    padding-left: 25px;
    margin-bottom: 0px;
}
.flip-card-back .pa-list li
{
    position: relative;
    margin-bottom: 10px;
    list-style: none;
}
.flip-card-back .pa-list li a
{
    color: #033453;
    text-decoration: none;
}
.flip-card-back li.parent-pa a{
	font-weight: 700;
	text-transform: uppercase;
}
.flip-card-back li.flip-back-li
{
    position: relative;
    margin-top: 30px;
    margin-bottom: 0px;
    list-style: none;
}
.flip-card-back li.flip-back-li::before 
{
	content: '';
	display: block;
	position: absolute;
	width: 14px;
	height: 14px;
	top: 5px;
	left: -25px;
	transform: rotate(180deg);
	background-image: url(images/arrow-circle.png);
	background-size: cover;
	background-repeat: no-repeat;
}
.flip-back-btn{
	padding-left: 25px;
	position: absolute;
	bottom: 30px;
	left: 20px;
	margin-bottom: 0;
}
.flip-card-back .pa-list li::before 
{
	content: '';
	display: block;
	position: absolute;
	width: 14px;
	height: 14px;
	top: 5px;
	left: -25px;
	background-image: url(images/arrow-right.png);
	background-size: cover;
	background-repeat: no-repeat;
}
.flip-card-front {
    position: absolute;
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
    background-color: #f2fcff;
    height: 100%;
    padding: 30px 30px 70px 30px;
	cursor: pointer;
	border: 1px solid #707070;
}
.flip-card-front .title
{
    font-family: 'aileron', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    color: #033453;
    display: block;
    margin-bottom: 20px;
} 
.flip-card-back {
    transform: rotateY(180deg);
} 
.flip-card-back .flip-back
{
    color: #057091;
    text-decoration: none;
}
.single-practice_area .address-wrapper p{
	font-size: inherit;
	margin-bottom: 0;
}
.pa-tabs-container{
	padding-top: 50px;
	padding-bottom: 80px;
	width: 100%;
}
.pa-tabs-container,
.pa-tabs-container h3,
.pa-tabs-container nav{
	position: relative;
}
.pa-tabs-container h3{
	font-size: 25px;
	font-weight: bold;
	color: #00082e;
	margin-bottom: 20px;
}
.pa-tabs-container:before{
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	width: 50vw;
	background-color: #f6f6f6;
	height: 100%;
}
.pa-tabs-container nav{
	padding-left: 20px;
	padding-right: 70px;	
}
.pa-tabs-container nav .nav-link{
	font-size: 25px;
	font-weight: 600;
	color: rgba(0, 8, 46, 0.34);
}
.pa-tabs-container nav .nav-link.active{
	color: #27c3f3;
}
.pa-tabs .tab-content{
	position: relative;
	padding-top: 110px;
	padding-left: 80px;
	padding-bottom: 80px;
	font-size: 17px;
	line-height: 1.57;
	color: #414141;
}
.pa-tabs .tab-content:before{
	content: "";
	position: absolute;
	height: 100%;
	width: 100vw;
	background: #f2fcff;
	top:0;
	left: -30px;
}
.pa-tabs .tab-content .tab-pane{
	position: relative;
}
.pa-tabs .tab-content h4{
	font-size: 25px;
	font-weight: bold;
	color: #00082e;
	margin-bottom: 40px;
}
.pa-tabs .tab-content .pa-btn{
	margin-top: 40px;
}
.pa-tabs .tab-content .pa-btn a{
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	padding: 13px 35px;
	border: solid 1px #707070;
	background-color: #033453;
	display: inline-block;
}
.pa-tabs .tab-content .pa-btn a:hover{
	text-decoration: none;
}
/* 9-9-2022 */
.accordion-content .card-header{
	background-color:transparent !important;
	border-bottom:none !important;
	position:relative;
	padding:10px 0;
}
.accordion-content .card-header:before{
	position:absolute;
	bottom:0;
	left:0;
	content:"";
	background-color:#a3b4b9;
	height:1px;
	width:100%;
}
.accordion-content .card:last-child .card-header:before{
	display:none;
}
.accordion-content .card-header button{
	display: block;
    font-size: 17px;
    font-weight: 700;
    color: #033453;
    padding: 0;
	padding-right:20px !important;
    font-family: 'Rubik', sans-serif;
    width: 100%;
	white-space:inherit;
    text-align: left;
    padding: 0;
	text-decoration:none;
	position:relative;
}
.accordion-content .card-header button.btn-link.collapsed:before{
	position: absolute;
    top: 50%;
    right: 0;
    content: "";
    background-color: #033453;
    height: 3px;
    width: 15px;
    transform: translateY(-50%);
}
.accordion-content .card-header button.btn-link.collapsed:after{
	position: absolute;
    top: 50%;
    right: 6.5px;
    content: "";
    background-color: #033453;
    height: 15px;
    width: 3px;
    transform: translateY(-50%);
}
.accordion-content .card-header button.btn-link:before{
	position: absolute;
    top: 50%;
    right: 0;
    content: "";
    background-color: #033453;
    height: 3px;
    width: 15px;
    transform: translateY(-50%);
}
.accordion-content .card-body{
	padding:0;
	font-size: 17px;
	line-height: 1.57;
	color: #414141;
	 font-family: 'Rubik', sans-serif;
	margin-top:12px;
}
.accordion-content .card-body ul{
	margin:0;
	padding:0;
	list-style:none;
	padding-bottom:22px;
}
.accordion-content .card-body ul li{
	position:relative;
	padding-left:22px;
}
.accordion-content .card-body ul li:before{
	position:absolute;
	top:8px;
	left:0;
	border-radius:50%;
	content:"";
	height:8px;
	width:8px;
	background-color: #033453;
}
.accordion-content .card{
	border:none;
	background-color:#f2fcff;
	padding:0;
}
.accordion-content{
	padding-left:30px;
}
.accordian-for-tabs{
	display:none;
}
.pa-tabs{
	display:block;
}
.accordian-for-tabs .pa-btn{
	padding-bottom:30px;
}
.accordian-for-tabs .pa-btn a {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    padding: 13px 35px;
    border: solid 1px #707070;
    background-color: #033453;
    display: inline-block;
}
/* .mobile-menu-container .parent-menu-items ul > li{
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-wrap:wrap;
} */
.mobile-menu-container .parent-menu-items ul > li > i{
	display:none;
}
.mobile-menu-container .parent-menu-items ul > li{
	position:relative;
}
.mobile-menu-container .parent-menu-items ul > li.menu-item-has-children > i{
	display: block;
    background-image: url(images/arrow-down.svg);
    background-repeat: no-repeat;
    height: 66px;
    width: 30px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    background-size: 15px;
    background-position: center;
}
.mobile-menu-container .parent-menu-items ul > li.menu-item-has-children .sub-menu i{
    height: 55px;
}
.mobile-menu-container .parent-menu-items ul > li > .fa-chevron-down:before{
	display:none !important;
}
.mobile-menu-container .parent-menu-items ul > li > ul{
	padding-right:0;
}
.media-image{
	height: 350px;
	background-size: cover;
}
.page-template-template-news-media .modal-body{
	min-height: 350px;
}
.modal-content {
    background-color: transparent !important;
	border: none !important;
}
.section-carousel .owl-carousel .owl-stage,
.section-carousel .owl-carousel .owl-item{
	display: flex;
}
.featured-image-news{
	min-height: 300px;
	width: 100%;
	background-size: cover;
	margin-bottom: 15px;
	margin-top: 15px;
	background-position: center; 
}
.primary-menu li.call-us a {
    border: 1px solid #fff;
    padding: 10px 20px 10px 32px;
    background: url(images/phone.svg) no-repeat;
    background-position: 10px 50%;
    background-size: 18px;
	display: inline-block !important;
}
.modal-header{
	border: none;
	padding-bottom: 0;
}
.modal-header button.close {
    color: #fff;
    opacity: 1;
    font-size: 30px;
    font-weight: 400;
}
.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem -1rem;
}
.default-page-content h3{
	margin-top: 30px;
	margin-bottom: 30px;
}
.sg-banner{
	padding-top: 250px;
	padding-bottom: 250px;
}
.sg-banner:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(4, 37, 58, 0.8);
}
.relative-content{
	position: relative;
}
.sg-banner h1{
	color: #fff;
}
.identity{
	margin-bottom: 30px;
}
.identity .company-name{
	margin-top: 20px;
	font-family: 'Emberly';
	color: #fff;
	font-size: 70px;
}
.sg-success{
	padding-top: 75px;
	padding-bottom: 75px;
	font-size: 18px;
	line-height: 1.5;
	color: #04253A;
}
.sg-success h2,
.protecting-everyone h2{
	font-family: 'Aileron';
	font-style: normal;
	font-weight: 700;
	font-size: 32px;
	color: #04253A;
	margin-bottom: 30px;
}
.protecting-everyone{
	padding-top: 75px;
	padding-bottom: 75px;
	background: #04253A;
	color: #fff;
	font-size: 18px;
}
.protecting-everyone h2{
	color: #fff;
}
.thankyou{
	height: 110vh;
	display: flex;
	align-items: center;
	background: #04253A;
}
.thankyou h2{
	color: #fff;
	font-weight: 700;
	font-size: 64px;
	line-height: 1.2;
}
.bncl_news-template-template-brand-guides {
	background: #F2FCFF;	
}
.bncl_news-template-template-brand-guides .main-content-container{
	padding-left: 40px;
	padding-right: 40px;
	width: 1440px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.resetlist{
	padding: 0;
	margin: 0;
	list-style: none;
}
.brand-navigation{
	padding: 50px 0 40px;
}
.brand-navigation a{
	color: #000025;
	margin-right: 30px;
	display: inline-block;
	position: relative;
	padding-bottom: 10px;
}
.brand-navigation a:hover{
	text-decoration: none;
}
.brand-navigation a.active:before{
	content: "";
	width: 100%;
	height: 1px;
	background: #000025;	
	position: absolute;
	left: 0;
	bottom: 0;
}
.brand-arc{
	padding-top: 500px;
	padding-bottom: 100px;
	font-size: 18px;
	background-size: cover;
	background-position: bottom center;
	line-height: 1.8;
}
.brand-arc h2,
.brand-goal h2,
.value-prop h2{
	font-size: 32px;
	font-style: normal;
}
.white-color{
	color: #fff !important;
}
.brand-goal{
	background: #CEECFF;
	padding: 100px 0;
	font-size: 18px;
	font-style: italic;
	line-height: 1.8;
}
.traits{
	background: #04253A;
	padding: 100px 0;
	font-size: 18px;
}
.umessage{
	padding-top: 10px;
	padding-bottom: 0;
	background: #04253A;	
}
.pillars{
	padding-top: 20px;
	padding-bottom: 100px;
	background: #C9CED4;
	font-size: 18px;
	line-break: 1.8;
}
.dark-blue-color{
	color: #04253A !important;
}
.dark-blue-bg{
	background: #04253A !important;	
}
.value-prop{
	padding: 100px 0; 
	font-size: 18px;
	line-height: 1.8;
}
.value-prop img{
	margin-top: 40px;
	margin-bottom: 40px;
}
.color-logo{
	padding: 100px 0;
	background: #fff;
}
.color-logo-content{
	font-size: 18px;
	line-height: 1.8;
	padding-top: 50px;
}
.logo-does{
	padding: 100px 50px 80px;
}
.logo-donts{
	background: #F5F5F5;
	padding: 70px 90px 60px;
}
.logo-usage{
	background: #F5F5F5;
}
.logo-usage img{
	margin-top: 20px;
}
.fonts-info{
	padding: 120px 0;
}
.fonts-info h1{
	font-size: 42px;
}
.fonts-info h2{
	font-size: 38px;
}
.fonts-info h3{
	font-size: 36px;
	font-weight: 500;
}
.fonts-info h4{
	font-size: 32px;
	font-weight: 500;
}
.fonts-info h5{
	font-size: 24px;
	font-weight: 500;
}
.fonts-info h6{
	font-size: 20px;
	font-weight: 500;
}
.fonts-info .col-lg-6 *{
	margin-bottom: 25px;
	color: #fff !important;
}
.alieron-font *{
    font-family: aileron, sans-serif !important;
}
.rubik-font *{
    font-family: 'Rubik', sans-serif !important;
}
.normal-font-weight{
	font-weight: 400 !important;
}
.color-pallet{
	padding: 100px 0;
	background: #fff;
}
.attorney-contact-info{
	margin-top: 30px;
}
.attorney-contact-info h4{
	font-size: 20px;
	margin-bottom: 20px;
	font-weight: bold;
}
.attorney-contact-info a{
	color: #414141;
}
.section-more-resource-pages{
	padding: 80px 0;
	background: #057091;
}
.section-more-resource-pages h3{
	color: #fff;
	font-size: 30px;
	font-weight: 400;
	padding-bottom: 30px;
}
.resource-page-item-image{
	position: absolute;
	top: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background-position: center center;
	background-size: cover;
	transition: all 0.3s ease-in-out;
}
.resource-page-item:hover .resource-page-item-image{
	transform: scale(1.1);
}
.resource-page-item{
	height: 480px;
	background-size: cover;
	margin-top: 30px;
	position: relative;
	overflow: hidden;
}
.resource-page-item:before{
	content: "";
	background: linear-gradient(360deg, rgba(0, 8, 46, 0.88) 5.36%, rgba(0, 8, 46, 0) 91.77%);
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 2;
}
.resource-page-item:hover:before{
	opacity: 1;	
}
.resource-page-item:hover .hover-content{
	display: block;
}
.section-more-resource-pages a{
	color: #fff;
}
.floating-content{
	position: absolute;
	bottom: 0;
	left: 0;	
	padding: 0 40px 50px 40px;
	z-index: 3;
}
.resource-page-item h4{
	font-size: 40px;
	font-weight: 600;
}
.resource-page-item .hover-content{
	display: none;
}
.learn-more span{
	margin-top: 10px;
	color: #27C3F3;
	padding-right: 20px;
	display: inline-block;
	background: url(images/arrowleft.svg) no-repeat right center;
}
.post-banner-good-common{
	padding-top: 60px;
	padding-bottom: 60px;
}
.post-banner-good-common h3{
	font-weight: 400;
	font-size: 32px;
	color: #000000;	
	line-height: 1.5;
}
.good-common-content,
.good-common-list{
	position: relative;
}
.good-common-content{
	padding-top: 60px;
	padding-bottom: 90px;
	color: #fff;
	padding-right: 85px;
	font-size: 20px;
}
/* .good-common-content:before{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 60vw;
	background: #04253A;
} */
.good-common-content h2{
	font-weight: 700;
	font-size: 50px;
	margin-bottom: 35px;
	color: #fff;
	background: url(images/good-common.svg) no-repeat left center;
	padding-left: 70px;
	background-size: 35px;
	font-family: aileron, sans-serif;
}
.good-common-text{
	padding-left: 30px;
	padding-right: 30px;
	font-family: 'NotoSerif', serif;
}
.good-common-text p:last-child{
	margin-bottom: 0;
}
.good-common-list{
	padding-top: 65px;
	padding-bottom: 65px;
}
.good-common-list ul{
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}
.good-common-list ul li{
	margin-bottom: 30px;
}
.good-common-list ul li a{
	font-weight: 400;
	font-size: 40px;
	line-height: 40px;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: 700;
	font-family: 'TradeGothicLT';
}
.good-common-list ul li a:hover{
	color: #DE5830;
	text-decoration: none;
}
.jspHorizontalBar{
	display: none;
}
.jspVerticalBar {
    background: transparent;
	border: 1px solid #fff;
    left: 0;
	right: auto;
    top: 0;
	padding: 2px;
}
.jspTrack{
	background: transparent;
}
.jspDrag{
	background: #fff;	
}
/* .good-common-list:before{
	background: #F2FCFF;
	position: absolute;
	left: -100px;
	top: 0;
	content: "";
	height: 100%;
	width: calc(50vw + 40px);
	z-index: -1;
} */
.good-common-attorney{
	padding-top: 70px;
}
.good-common-attorney-content{
	padding-right: 60px;
	font-size: 20px;
	color: #000;
}
.good-common-attorney-content h3{
	font-size: 32px;
	font-weight: 600;
	font-family: aileron, sans-serif;
	margin-bottom: 35px;
}
.good-common-attorney-text{
	margin-bottom: 35px;
}
.good-common-attorney-content a{
	font-weight: 500;
	font-size: 20px;
	color: #27C3F3;
	display: inline-block;
	padding-right: 55px;
	background: url(images/arrow-blue.svg) no-repeat right center;
}
.good-common-attorney-content a:hover{
	text-decoration: none;
}
.good-common-section{
	overflow: hidden;
	background: #000;
}
.hero-video {
    margin-top: 37px;
    width: 100%;
    padding-top: 56.25%;
    height: 0;
    position: relative;
}
.hero-video iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.scroll-pane{
	width: 100%;
	height: 400px;
	overflow: auto;
}
.jspContainer:hover:before{
	opacity: 0;
	z-index: -1;
}
.jspContainer:before{
	content: "";
    position: absolute;
    left: 30px;
    bottom: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.11) 0%, #000000 100%);
    z-index: 2;
}
.cta-btn-fixed,
.cta-btn-fixed:hover,
.cta-btn-fixed:focus,
.cta-btn-fixed:active{
	position: fixed;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
	min-width: 280px;
	padding: 10px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	background: #27C3F3;
	box-shadow: 0px 4px 20px rgba(4, 37, 58, 0.43);
	z-index: 999;
}
.cta-btn-fixed span{
	background: url(images/call.svg) no-repeat;
	background-position: left center;
	padding-left: 30px;
	display: inline-block;
}
.content-tab-item{
	opacity: 0;
	visibility: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1
}
.content-tab-item.active{
	opacity: 1;
	visibility: visible;
	z-index: 1;
	position: relative;
}
/* 9-9-2022 */
/* 7-02-2023 */
.cs-top-text-container{
	background-color:#002648;
	padding:60px 0 55px;
}
.cs-top-text{
	font-size: 32px;
	font-weight: 400;
	line-height: 1.5;
	color:#fff;
	font-family: 'Rubik', sans-serif; 
	text-align:center;
}
.cs-headline{
	font-family: 'Rubik', sans-serif; 
	font-size: 50px;
	font-weight: 400;
	line-height: 1.24;
	color:#000;
	margin-bottom:24px;
}
.cs-content{
	font-family: 'Rubik', sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5;
	color:#000;
}
.cs-challenge-content{
	padding-right:60px;	
}
.cs-challenge-text{
	position:relative;
	padding:63px 10px 34px 35px;
}
.cs-challenge-text:before{
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	height: 100%;
	width: 100vw;
	background-color: #002648;
	z-index: -1;
}
.cs-challenge-text-inner h3{
	font-family: 'Rubik', sans-serif;
	font-size: 28px;
	font-weight: 400;
	line-height: 1.2;
	color:#fff;
	margin-bottom:13px;
}
.cs-challenge-text-inner{
	font-family: 'Rubik',sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
	color: #fff;
	position: relative;
	padding-left: 40px;
	padding-bottom: 5px;
}
.cs-challenge-text-inner:before{
	position: absolute;
	top: 7px;
	left: 0;
	content: "";
	background-color: #fff;
	height: 18px;
	width: 18px;
	border-radius: 50%;
}
.cs-problem-contaier{
	padding:57px 0 36px;
}
.cs-problem-left{
	padding-right:25px;
}
.cs-problem-right{
	padding-left:25px;
}
.cs-problem-right img{
	padding-top:10px;
}
.cs-solution-headline h2{
	margin-bottom:15px;
}
.cs-solution-container{
	background-color:#F2FCFF;
	padding:72px 0 50px;
}
.cs-solution-row{
	padding-top:60px;	
}
.cs-solution-row{
	font-family: 'Rubik', sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
	color:#002648;
	padding-right:20px;
}
.cs-solution-row span{
	font-family: 'Rubik', sans-serif;
	font-size: 32px;
	font-weight: 500;
	line-height: 1.2;
	color:#fff;
	display:inline-block;
	width:59px;
	height:59px;
	display:flex;
	justify-content:center;
	align-items:center;
	background-color:#27C3F3;
	margin-bottom:12px;
	border-radius:50px;
}
.cs-solution-row h3{
	font-family: 'Rubik', sans-serif;
	font-size: 28px;
	font-weight: 400;
	line-height: 1.5;
	color:#002648;
}
.cs-overview-text{
	font-family: 'Rubik', sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.5;
	color:#000;
	width:1050px;
	max-width:100%;
	margin:auto;
	text-align:center;
	padding:65px 0 95px;
}
.cs-challenge-container{
	overflow:hidden;
}
/* 7-02-2023 */
@media (max-width:1280px) {
	.section-cases .owl-stage .owl-item.active.last + .owl-item .img-title-text-spotlight::before {
		background-image: linear-gradient(to left, rgba(242, 252, 255, 0.75), rgba(242, 252, 255, 0.3) -407%);
	}
}
@media (max-width:1199.98px) {
	.img-title-text-spotlight .content-wrapper {
		padding: 30px 20px;
	}
	.img-title-text-spotlight .content-wrapper .go-back {
		top: 35px;
		left: 20px;
	}
	.img-title-text-spotlight .content-wrapper p {
		font-size: 11px;
	}
}
@media (max-width:991.98px) {
	.section-video-wrapper .video-wrapper {
		position: relative;
		width: 100%;
	}
	.main-menu-container {
		display: none;
	}
	.img-title-text-spotlight .content-wrapper {
		padding: 20px;
	}
	.img-title-text-spotlight .content-wrapper p {
		font-size: 10px;
	}
	.img-title-text-spotlight .content-wrapper .go-back {
		top: 25px;
		left: 20px;
	}
	.img-title-text-spotlight .title {
		font-size: 20px;
	}
	.section-video-wrapper .video-wrapper .video-inner-wrapper {
		width: 100vw;
	}
	.section-video-wrapper .video-content-container {
		position: relative;
		width: 100%;
		top: initial;
		transform: initial;
		z-index: 22;
		padding: 60px 0;
	}
	.img-title-text-spotlight.case-col {
		margin-bottom: 30px;
	}
	.news-row .home-blog {
		margin-bottom: 30px;
	}
	.section-side-img-content .direct-left-img-wrapper {
		position: relative;
	}
	.section-side-img-content {
		padding-top: 0;
	}
	.footer-col.logo-col p {
		width: 100%;
	}
	.main-footer {
		padding: 60px 0 40px;
	}
	.section-carousel .item .content-wrapper .title {
		font-size: 32px;
	}
	.section-only-partners .single-partner {
		margin-bottom: 30px;
	}
	.section-contact-wrapper .offices-wrapper {
		position: relative;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.section-contact-wrapper .offices-wrapper:before {
		position: absolute;
		content: '';
		left: -25vw;
		width: 150vw;
		height: 100%;
		top: 0;
		background-color:#f2fcff;
		z-index: -1;
	}
	.section-news .btn-row {
		margin-top:10px;
	}
	.section-cols-generic-bg {
		padding: 40px 0 80px;
	}
	.section-accordion .sub-title {
		padding-left: 50px;
	}
	.section-accordion .card-header {
		padding-left: 50px;
		padding-right: 70px;
	}
	.section-accordion .card-body {
		padding-left: 50px;
		padding-right: 75px;
	}
	.section-contact-wrapper.page-contact-wrapper .offices-wrapper .address-wrapper .title {
		font-size: 24px;
	}
}
@media screen and (max-width: 782px) {
	html[lang]{
		margin-top: 0 !important;
	}
	.logged-in header {
		top: 0;
	}
	header.header{
		top: 0;
		z-index: 999999;
	}
	.banner-section .banner-form-wrapper {
		max-width: 100%;
		z-index: 9999999;
		width: 440px;
	}
	.banner-section .banner-form-wrapper.active-form .help-link{
		right: 100%;
	}
	.banner-section .banner-form-wrapper .form-inner-wrapper{
		padding: 25px;
	}
/* 	.main-content-container {
		margin-top: 0;
	} */
/* 	.logged-in .main-content-container {
		margin-top: 145px;
	} */
	.section-about-us-columns {
		padding-top: 90px;
	}
	.inner-banner-section h1,
	h1 {
		font-size: 40px;
	}
	.big-title {
		font-size: 32px;
	}
	.small-big-title {
		font-size: 24px;
	}
}
@media (max-width:767.98px) {
	.cs-headline {
		font-size: 32px;
	}
	.cs-solution-row-inner{
		padding-bottom:20px;	
	}
	.cs-problem-right {
		padding-left: 0;
	}
	.cs-problem-left {
		padding-right: 0;
	}
	.cs-challenge-text {
		padding: 63px 0 34px 0;
	}
	.cs-challenge-text:before {
		left: -25%;
		width: 150vw;
	}
	.cs-challenge-content {
		padding-right: 0;
		margin-bottom:40px;
	}
	.cs-overview-text{
		width:100%;
		padding: 65px 0 50px;
	}
	.jspContainer:before{
		opacity: 0;
		z-index: -1;
	}
	.good-common-attorney-content {
		padding-right: 0;
		padding-bottom: 30px;
	}
/* 	.good-common-content:before {
		width: 150vw;
		right: -25vw
	} */
/* 	.good-common-list:before {
		width: 150vw;
		left: -25vw
	} */
	.good-common-content {
		padding-right: 0;
	}
	.pum-theme-2204 .pum-container, .pum-theme-lightbox .pum-container{
		top: 100px !important;
	}
	.bncl_news-template-template-brand-guides .main-content-container {
		padding-left: 15px;
		padding-right: 15px;
	}
	.brand-navigation a{
		display: block;
		margin-bottom: 20px;
		margin-right: 0;
	}
	.banner-section .banner-form-wrapper{
		top: 80px;
	}
	.primary-menu li.call-us a{
		margin-top: 10px;
	}
	.animated-text-logo span{
		font-size: 27px;
	}
	.animated-text-logo .initials{
		top: 0;
	}
	.accordion-content .card-header button.btn-link.collapsed:after {
		right: 6.5px;
	}
	.accordian-for-tabs{
		display:block;
	}
	.pa-tabs{
		display:none;
	}
	.accordion-content {
		padding-left: 0;
	}
	.banner-section .banner-form-wrapper .form-inner-wrapper.active-form {
		width: calc(100% - 33px);
	}
	.logged-in .banner-section .banner-form-wrapper .form-inner-wrapper {
		top: 0;
	}
	.scroll-carousel li {
		font-size: 42px;
	}
	.footer-cols .footer-col {
		margin-bottom: 30px;
	}
	.footer-cols .footer-col:first-of-type {
		margin-bottom: 0;
	}
	.copyright-footer p {
		text-align: center;
	}
/* 	.footer-cols .row {
		margin-right: 0;
		margin-left: 0;

		> .col,
		> [class*="col-"] {
			padding-right: 0;
			padding-left: 0;
		}
	} */
	
	.section-cases .owl-stage .owl-item.active.last + .owl-item .img-title-text-spotlight::before {
		background-image: linear-gradient(to left, rgba(242, 252, 255, 0.75), rgba(242, 252, 255, 0.3) -407%);
	}
	.section-accordion .sub-title {
		padding-left: 25px;
	}
	.section-accordion .card-header {
		padding-left: 25px;
		padding-right: 50px;
	}
	.section-accordion .card-body {
		padding-left: 25px;
		padding-right: 50px;
	}
	.section-accordion .card-header .btn:after {
		transform: scale(0.8)
	}
	.section-contact-wrapper .offices-wrapper .address-wrapper .map-wrapper iframe {
		width: 100%;
	}
	.ra-list-wrapper tbody tr td.year,
	.ra-list-wrapper tbody tr td.title {
		font-size: 22px;
	}
	.ra-list-wrapper thead tr,
	.ra-list-wrapper tbody tr {
		margin: 0;
	}
	.ra-list-wrapper tbody tr td {
		padding-bottom: 6px;
	}
	.ra-list-wrapper thead tr, .ra-list-wrapper tbody tr {
		padding: 12px 0;
	}
	.section-ra-list {
		padding-bottom: 60px;
	}
	.awards-wrapper {
		margin-bottom: 0;
	}
	.section-title-img-banner .person-img-details-col .person-detail {
		flex-direction: column;
		align-items: flex-start;
	}
	.section-single-article-detail .articleby-date-wrapper .row > * {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.section-single-article-detail .articleby-date-wrapper .row .col-md-3 {
		justify-content: flex-start !important;
		margin-top: 20px;
	}
	.section-contact-wrapper.page-contact-wrapper .offices-wrapper .address-wrapper .map-wrapper {
		max-height: initial;
	}
	.section-contact-wrapper.page-contact-wrapper .offices-wrapper .address-wrapper .map-wrapper iframe {
		height: 435px;
	}
	
}
@media (max-width: 575.98px) {
	
}
@media (min-width: 576px) {
	
}
@media (min-width:768px) {
	.cs-headline {
		font-size: 40px;
	}
	.cs-solution-row-inner{
		padding-bottom:20px;	
	}
	.cs-problem-right {
		padding-left: 0;
	}
	.cs-problem-left {
		padding-right: 0;
	}
	.cs-challenge-text {
		padding: 63px 0 34px 0;
	}
	.cs-challenge-text:before {
		left: -25%;
		width: 150vw;
	}
	.cs-challenge-content {
		padding-right: 0;
		margin-bottom:40px;
	}
	.cs-overview-text{
		width:100%;
		padding: 65px 0 75px;
	}
	.good-common-attorney-content {
		padding-right: 0;
		padding-bottom: 30px;
	}
	.good-common-content {
		padding-right: 0;
	}
	.primary-menu li.call-us a{
		margin-top: 10px;
	}
	.accordion-content .card-header button.btn-link.collapsed:after {
		right: 6.5px;
	}
	.accordian-for-tabs{
		display:block;
	}
	.pa-tabs{
		display:none;
	}
/* 	.good-common-content:before {
		width: 150vw;
		right: -25vw
	} */
/* 	.good-common-list:before {
		width: 150vw;
		left: -25vw
	} */
	.section-contact-wrapper .offices-wrapper .address-wrapper .map-wrapper {
		text-align: right;
	}
	.accordion-content {
		padding-left: 0;
	}
}
@media (min-width: 768px) and (max-width: 991.98px) {
	.section-cases .owl-stage .owl-item.active.last .img-title-text-spotlight::before {
		background-image: linear-gradient(to left, rgba(242, 252, 255, 0.75), rgba(242, 252, 255, 0.3) -407%);
	}
}
@media (min-width:992px) {
	.cs-headline {
		font-size: 50px;
	}
	.cs-solution-row-inner{
		padding-bottom:0;	
	}
	.cs-problem-right {
		padding-left: 25px;
	}
	.cs-problem-left {
		padding-right: 25px;
	}
	.cs-challenge-text {
		padding: 63px 10px 34px 35px;
	}
	.cs-challenge-text:before {
		left: 0;
		width: 100vw;
	}
	.cs-challenge-content {
		padding-right: 60px;
		margin-bottom:0;
	}
	.cs-overview-text{
		width:1050px;
		padding: 65px 0 95px;
	}
	.good-common-content {
		padding-right: 65px;
	}
	.good-common-attorney-content {
		padding-right: 60px;
		padding-bottom: 0;
	}
/* 	.good-common-content:before {
		width: 60vw;
		right: 0;
	} */
	.good-common-list:before {
		left: -100px;
		width: calc(50vw + 40px);
	}
	.primary-menu li.call-us a{
		margin-top: 0;
	}
	.accordion-content .card-header button.btn-link.collapsed:after {
		right: 5.5px;
	}
	.accordian-for-tabs{
		display:none;
	}
	.pa-tabs{
		display:block;
	}
	.accordion-content {
		padding-left: 30px;
	}
	.section-carousel .item .content-wrapper .title {
		width: 90%;
	}
	.small-container {
		max-width: 890px;
	}
	.section-contact-wrapper .contact-col .form-wrapper {
		width: 100%;
		max-width: 425px;
	}
	.main-menu-container .primary-menu ul li {
		margin: 0 4px;
	}
	.animated-text-logo span {
		font-size: 23px;
	}
}

@media (min-width: 992px) and (max-width: 1025px) {
	
}
@media (min-width: 992px) and (max-width: 1199.98px) {
	
}
@media (min-width:1200px) {
	.animated-text-logo span {
		font-size: 38px;
	}
	.big-container {
		max-width: 1170px;
	}
	.main-menu-container .primary-menu ul li {
		margin: 0 6px;
	}
}
@media (min-width: 1200px) and (max-width: 1280px) {
	
}
@media (min-width: 1280px) {
	.section-cases .owl-stage .owl-item.active.last .img-title-text-spotlight::before {
		background-image: linear-gradient(to left, rgba(242, 252, 255, 0.75), rgba(242, 252, 255, 0.3) -407%);
	}
}