/*
Theme Name: Attonio
Theme URI: https://webstrot.com/attonio
Author: Webstrot
Author URI: https://webstrot.com
Description: Frontline is a theme run on Elementor Page Builder Plugin, This is a free WordPress theme which helps you to create a website in just few minutes. You can create law firms, attorneys, counsel, legal adviser, legal experts websites and many more from this WordPress theme. Theme provides lots of options and is easily customizable through the Customizer. Optimized for speed and 1 click demo import options this theme is quick to setup.
Version: 1.7
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: Attonio
Tags: elementor, law, law-firm, attorney, one-column, two-columns, left-sidebar, right-sidebar, grid-layout, accessibility-ready, custom-colors, custom-menu, editor-style, featured-images, footer-widgets, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/



.elementor-widget-container .cms-contact-form.layout1 .wpcf7-form-control.wpcf7-submit {
  color: #fff !important;
}


html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: #4169e1;
}

a:visited {
	color: #fff;
}

a:hover,
a:focus,
a:active {
	color: #191970;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}


@media screen and (max-width: 37.5em) {


	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.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;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	
	float: left;

	
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	
	float: right;

	
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}
/* end */


/* style css start */

@media screen and (max-width: 1500px) {

   .advocServicesItem .cms-bg1 {
        font-size: 90px;
    }
}

@media screen and (max-width: 1199px) {
    .advocServicesItem .cms-bg1 {
    font-size: 75px;
}

.advocServicesItem .advocServiceTxt h2.item--title {
    font-size: 19px;
}
    .h-fixed .site-branding a.logo-dark img {
    opacity: 0;
}

	 ul#menu-woocommerce-menu-1  {
		right: 0 !important;
		left: unset !important;
	}
	
	.site-header-item.site-login span.swh-user-db i.fa.fa-user {
    line-height: unset !important;
}
    .site-header-item.site-login {
    padding: 0 !important;
}

    .cms-image-single {
    text-align: left;
}
	
	ul#menu-woocommerce-menu {
    left: unset !important;
    right: 0 !important;
}
.primary-menu li.current_page_item > a, .primary-menu li.current-menu-item > a, .primary-menu li.current_page_ancestor > a, .primary-menu li.current-menu-ancestor > a {
    color: #188ec9!important;
  }
  .primary-menu li a{
	      color: #1b1a1a !important;
	  
  }

}

@media screen  and (max-width: 1024px) and (min-width: 768px){

}
.woocommerce span.password-input {
    width: 100%;
}

.woocommerce label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
    width: 100%;
}

.item-body h3.item-title a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

span.designation1 {
    font-size: 16px;
    color: #111;
    clear: both;
    line-height: 1.5;
    margin: 0 0 15px;
    font-weight: 400;
    font-family: 'Roboto Slab', serif;
}

.post-image.image-light-box .cms-icon1.style-5.border-5x {
    text-align: center;
    padding-top: 40px;
}

.team-custom .single-hentry.archive :hover .post-image:before{
	opacity: 0 !important;
    z-index: -1 !important;
}

.custom_test_class {
    height: auto !important;
}
#site-header-wrap.header-transparent {
    background-color: #00000099 !important;
}

.custom_test_class .grid-item {
    position: relative !important;
}
.cms-team-carousel.layout5.cms-slick-slider1 .team-meta {
    text-align: center;
}

ul.lawyer_login_navigation {
    display: none;
}

.site-login:hover ul.lawyer_login_navigation {
    display: block;
    clip: inherit;
	transition: all 300ms linear 0ms;
}
.site-header-item.site-login {
    position: relative;
}

ul.lawyer_login_navigation li {
    list-style: none;
	padding: 0 20px;

}
.header-layout6 ul.lawyer_login_navigation li {
	font-size: 14px;
}
.header-layout6 .site-header-item.site-login {
    width: 50px !important;
}
#site-header-wrap.header-layout6 .site-header-item.site-login {
    padding-left: 20px !important;
    padding-right: 15px !important;
}
.header-layout6 .site-login ul#menu-woocommerce-menu li {
    padding: 0px 20px;
    text-align: left;
}
ul.lawyer_login_navigation {
 position: absolute;
    background: #fff;
    padding: 18px 0;
    top: 100%;
    right: -31px;
    margin-top: 0px;
    min-width: 250px;
    z-index: 1000;
    visibility: visible;
    opacity: 1;
    -webkit-box-shadow: 0 8px 83px rgb(40 40 40 / 8%);
    -khtml-box-shadow: 0 8px 83px rgba(40, 40, 40, 0.08);
    -moz-box-shadow: 0 8px 83px rgba(40, 40, 40, 0.08);
    -ms-box-shadow: 0 8px 83px rgba(40, 40, 40, 0.08);
    -o-box-shadow: 0 8px 83px rgba(40, 40, 40, 0.08);
    box-shadow: 0 8px 83px rgb(40 40 40 / 8%);
      -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 500ms linear 0ms;
  
}

.site-header-item.site-login span.swh-user-db i.fa.fa-user {
    line-height: 100px;
}


.site-header-item.site-login a {
    color: #111;
	padding: 9px 0;
}

.site-header-item.site-login a:hover {
    color: #188ec9;
}
.site-header-item.site-login {
    padding: 0 25px;
	margin:0 !important;
}

#site-header-wrap.header-layout5 .site-header-item.site-login {
    background: transparent;
}

.header-layout5 .site-header-item.site-login span.swh-user-db i.fa.fa-user {
    line-height: unset;
}

.header-layout6 .site-header-item.site-login span.swh-user-db i.fa.fa-user {
    line-height: unset;
}

#site-header-wrap.header-layout5 .primary-menu > li > a,#site-header-wrap.header-layout5 .site-header-item.item-phone label,#site-header-wrap.header-layout5 .site-header-item.item-phone a {
    color: #fff;
}

#site-header-wrap.header-layout6 .site-header-item.site-login {
    padding-left: 13px;
    padding-right: 10px;
    height: auto;
    line-height: 39px;
    background-color: #051c2d;
    background-image: -webkit-gradient(linear, left top, right top, from(#051c2d), to(#042c79));
    background-image: -webkit-linear-gradient(left, #051c2d, #042c79);
    background-image: -moz-linear-gradient(left, #051c2d, #042c79);
    background-image: -ms-linear-gradient(left, #051c2d, #042c79);
    background-image: -o-linear-gradient(left, #051c2d, #042c79);
    background-image: linear-gradient(left, #051c2d, #042c79);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#051c2d', endColorStr='#042c79', gradientType='1');
    color: #fff;
    margin-right: 0;
    margin: 0 24px !important;
}

.site-login ul#menu-woocommerce-menu li {
    padding: 5px 20px;
}

.site-branding a.logo-dark img {
    max-height: 34px  ;
}
#site-header-wrap .site-branding img, #site-header-wrap .item-branding-topbar img {
    max-height: 34px  ;
}


.site-navigation {
    margin: 0!important;
}

#site-header-wrap .site-header-right {
    margin: 0 !important;
}

.contact-form7-custom .cms-contact-form .wpcf7-form-control.wpcf7-submit {
    background-color: #188ec9 !important;
	    color: #fff;
}

#site-header-wrap .site-branding, #site-header-wrap .item-branding-topbar{
    margin:0;
}
.is-sticky .h-fixed .site-branding {
    margin: 0 !important;
}

.header-layout3 .site-header-item.site-header-cart i.fa.fa-shopping-cart {
    color: #fff;
}

.header-layout3 .site-header-item.site-login i.fa.fa-user {
    color: #fff;
}
.admin-bar .sidebar-sticky button.wp-block-search__button {
    margin-left: 0;
    padding: 0px 16px 0 6px;
}

aside#secondary ol.wp-block-latest-comments {
    padding-left: 0px;
}
 .sidebar-sticky button.wp-block-search__button {
    margin-left: 0!important;
    padding: 0px 16px 0 6px!important;
}
.content-related .cms-related-post .cms-related-post-inner.cms-slick-carousel.slick-initialized.slick-slider .slick-track {
    float: left;
}
ul ul {
    padding-left:15px;
}

.cms-related-post h4.widget-title {
    color: #222222;
}
.elementor-text-editor.elementor-clearfix h3 {
    display: none;
}

a{color:#188ec9;}a:hover{color:#051c2d;}a:active{color:#051c2d;}body.error404 .content-area{background-image:url('https://webstrot.com/wp/attonio/wp-content/uploads/2021/01/bg-ss-1.jpg');}

.site-header .main-navigation{
    width: auto;
}
.topbar-socials a{
    color: #188ec9;
}
#content.site-content{
    margin-top: -24px;
}
.primary-menu .sub-menu, .primary-menu .children{
    display: inline-block;
}
.post, .page{
    margin-bottom: 0px;
}
.scroll-top{
    color: #fff !important;
}
ul{
    margin-left: 0;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select, .nice-select{
        padding: 8px 20px;
}
.cms-contact-form.layout1 .wpcf7-form-control.wpcf7-submit{
    padding: 0 35px;
    line-height: 45px;
}
.cms-cmsservice-grid3 .entry-content{
    margin-top: 0px;
}
.btn.btn-gradient2 , .btn.btn-gradient{
    color: #ffffff;
}
.btn.btn-outline-primary{
    color: #ffffff;
}
.entry-body .icon-font a{
        color: #188ec9;
}
a.btn-phone {
    color: #188ec9;
    font-size:26px;
}
.item-categories a , .comment-reply a{
    color: #188ec9;
}

div#wpcf7-f707-p19-o1 input.wpcf7-form-control.has-spinner.wpcf7-submit.btn {
    color: #fff;
}
.item-content {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

h5.item-title a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.sidebar-sticky button.wp-block-search__button {
    margin-left: 0!important;
    padding: 0px 16px 0 6px!important;
    margin-bottom: 0;
    height: 45 px;
    line-height: 45px;
    padding: 0 25 px;
    font-size: 16px;
    border-radius: 0;
    background-color: #051c2d;
    background-image: -webkit-gradient(linear, left top, right top, from(#051c2d), to(#042c79));
    background-image: -webkit-linear-gradient(left, #051c2d, #042c79);
    color: #fff;
    border: 0px solid black;
        width: 140px ;
}
.sidebar-sticky button.wp-block-search__button:hover {
    background-color: #188ec9;
    background-image: -webkit-gradient(linear, left top, right top, from(#188ec9), to(#042c79));
    background-image: -webkit-linear-gradient(left, #188ec9, #042c79);
    background-image: -moz-linear-gradient(left, #188ec9, #042c79);
    background-image: -ms-linear-gradient(left, #188ec9, #042c79);
    background-image: -o-linear-gradient(left, #188ec9, #042c79);
    background-image: linear-gradient(left, #188ec9, #042c79);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#188ec9', endColorStr='#042c79', gradientType='1');
    color: #fff;
}

.cms-contact-info1 li.el-title {
    color: #111 !important;
}
.elementor-custom-embed iframe {
    border: 0px !important;
}
.site-navigation.navigation-open nav.main-navigation ul#mastmenu {
    display: block;
}

@media screen and (max-width: 1199px){
.primary-menu .sub-menu, .primary-menu .children {
    position: relative;
    padding-left: 20px;
}
.primary-menu li {
    position: relative;
    list-style: none;
    float: left;
    width: 100%;
}
.primary-menu .sub-menu, .primary-menu .children {
    position: relative;
    padding-left: 20px;
    display: none;
    left: auto;
    width: 100%;
    box-shadow: none;
}

.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
    display: none;
}
}
@media screen and (max-width: 600px){
.nojq.mobile {
    top: -46px!important;
}

}
@media screen and (max-width: 768px){
.cms-testimonial-carousel5 .icon-qoute i.fac.fa-quote-right {
    display: none;
}
.h-fixed .site-branding {
    min-height: 60px !important;
}
    
}

@media screen and (max-width: 600px){
.single-hentry .entry-featured + .entry-body .entry-meta li {
    display: inline-block;
    font-size: 16px;
    padding: 2px 10px;
    }
}


.woocommerce-account .site-content #primary .woocommerce-MyAccount-navigation ul li a:before{
    display:none !important;
}

.woocommerce-account .site-content #primary .woocommerce-MyAccount-navigation ul li.is-active > a, .woocommerce-account .site-content #primary .woocommerce-MyAccount-navigation ul li a:hover{
    color:#188ec9 !important;
	padding-left: 0 !important;
}
.woocommerce ul.products li.product .price del {
     color: #000000 !important;
    font-weight: 700 !important;
}
.woocommerce-product-inner:hover bdi {
    color: #fff;
}

.cms-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.buttons .btn{
        margin: 4px !important;
}
#woosq-popup{
        max-width: 990px;
}
.single-hentry.archive {
    margin-bottom: 40px !important;
    padding-bottom: 40px !important;
 }
#content .widget_product_categories, #content .widget_categories, #content .cs-recent-service, #content .widget_nav_menu, #content .widget_pages, #content .widget_archive, #content .widget_meta {
  padding: 28px 30px !important;
  border: 1px solid rgba(118, 119, 119, 0.15);
}
.single-product #primary div.product .entry-summary .price del .amount {
  color: inherit;
  font-weight: 700 !important;
}

form.cart.grouped_form button.single_add_to_cart_button.button.alt,button.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed {
    margin-top: 0;
    -webkit-border-radius: 0 px;
    -khtml-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0 px;
    background-color: #051c2d;
    background-image: -webkit-gradient(linear, left top, right top, from(#051c2d), to(#042c79));
    background-image: -webkit-linear-gradient(left, #051c2d, #042c79);
    background-image: -moz-linear-gradient(left, #051c2d, #042c79);
    background-image: -ms-linear-gradient(left, #051c2d, #042c79);
    background-image: -o-linear-gradient(left, #051c2d, #042c79);
    background-image: linear-gradient(left, #051c2d, #042c79);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#051c2d', endColorStr='#042c79', gradientType='1');
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    height: 46 px;
    line-height: 46px;
}

.woocommerce-variation-add-to-cart.variations_button.clearfix.woocommerce-variation-add-to-cart-disabled .quantity {
    margin-bottom: 7px !important;
}

td.woocommerce-grouped-product-list-item__label a {
    color: #188ec9;
}

.woocommerce-grouped-product-list-item span.woocommerce-Price-amount.amount {
    color: #188ec9;
}
.woocommerce-grouped-product-list-item ins {
    background-color: transparent !important;
}
.woocommerce-variation-add-to-cart.variations_button.clearfix.woocommerce-variation-add-to-cart-enabled button.single_add_to_cart_button.button.alt {
    margin-top: 5px !important;
}
.woocommerce div.product form.cart.grouped_form table td, .woocommerce div.product form.cart.grouped_form table th {
    border: 1px solid var(--shp-border-color);
    text-align: left;
    padding: 20px 10px;
}
.single-product div#page form.variations_form.cart {
    display: block !important;
}
table.woocommerce-grouped-product-list.group_table td {
    border: 1px solid #e0e4ed !important;
}
.single-product form.variations_form.cart table.variations td {
    display: block;
    padding: 0 !important;
}
#content .widget_archive ul.list{
    margin-right: 0;
    margin-left:0;
}
.nice-select span.current{
    line-height: 46px !important;
}
#site-header-wrap #site-header {
    position: absolute ;
    width: 100%;
}

.header-layout1.is-sticky div#site-header {
    background: #fff;
}

#site-header-wrap .site-branding{
    margin: 0 15px !important;
}
#site-header-wrap #site-header.h-fixed{
    position: fixed !important;
}
#woosq-popup {
    max-width: 1230px;
    max-height: fit-content;
}
#woosq-popup .single-product .product > div{
    max-height: fit-content;
    height: auto;
}
#woosq-popup .thumbnails img{
    max-height: fit-content;
}
/*.cms-post-grid.cms-post-grid-layout1 .item-featured{*/
/*    margin-bottom: 0 !important;*/
/*}*/
.cms-post-grid.cms-post-grid-layout1 .item-meta{
    border-top: 0 !important;
}
.cms-related-post .item-title{
    font-size: 22px !important;
}
.cms-related-post h4.widget-title{
    font-size: 26px !important;
    color: #111111;
}



body.page-template-default.page-id-7474.page.admin-bar.theme-attonio.woocommerce-js.redux-page.body-default-font.header-sticky.site-404-custom.site-h4.elementor-default.elementor-page.customize-support #content.site-content {
    margin-top: 6px;
}

#site-header-wrap .site-header-cart .widget_cart_counter_header {
    opacity: 1 !important;
    top: -12px !important;
    z-index: 1 !important;
    right: -15px !important;
}

.woocommerce-orders .woocommerce-MyAccount-navigation ul li a:before {
    opacity: 0 !important;
    display:none;
}
.site-login a.go_to_login_link.btn-login {
    color: #188ec9;
}

.woocommerce .woocommerce-topbar .woocommerce-ordering .nice-select span.current {
    line-height: 28px !important;
}

.elementor-widget-container .cms-fancybox-carousel .inner-content .item-icon + .entry-content {
    margin: 0px 0px 0 15px;
}

.header-layout2.header-transparent.is-sticky div#site-header {
    background: #1c1a1a !important;
}


.header-layout5.header-transparent.is-sticky div#site-header {
    background: #000000;
}

#site-header-wrap.header-layout5 .site-header-item.item-phone a {
    color: #fff !important;
}
#site-header-wrap.header-layout5 .site-header-item.item-phone label {
    color: #fff !important;
}

.header-layout5.header-transparent.is-sticky .site-header-item.item-phone label {
     color: #111 !important; 
}

#site-header-wrap.header-layout5 .h-fixed .item-phone label, #site-header-wrap.header-layout5 .h-fixed .item-phone a {
    color: #111 !important;
}

.header-layout2.header-transparent.is-sticky .site-header-main.h-fixed .primary-menu > li > a{
    color: #fff !important ;
}

.header-layout2.header-transparent.is-sticky .site-header-main.h-fixed span#search_button {
    color: #fff;
}

.header-layout2.header-transparent.is-sticky .site-header-main.h-fixed span.swh-user-db {
    color: #fff;
}

.header-layout2.header-transparent.is-sticky .site-header-main.h-fixed i.fa.fa-shopping-cart {
    color: #fff;
}

.cms-cmsservice-grid1 .grid-item-inner:hover .entry-title a,.cms-cmsservice-grid1 .grid-item-inner:hover .btn-more ,.cms-cmsservice-grid1 .grid-item-inner:hover .item--icon i {
    color:#fff !important;
}

a.btn.btn-default:visited {
    color: #fff;
}
.entry-readmore a.btn-more:visited {
    color: #111;
}
.cms-phone-ring.layout1 .item--icon{
        top: 0 !important;
}
.cms-contact-form-inner form.wpcf7-form.init input::placeholder {
    font-weight: 500;
}

@media screen and (max-width: 1599px) {
    .elementor-widget-container .cms-fancybox-carousel .inner-content .item-icon + .entry-content {
    margin: 0px 0px 0 0px;
}
}
.slick-track {
    display: flex !important;
}

.contact-form7-custom .cms-contact-form .wpcf7-form-control {
    background-color: #e7c3c36b;
    border: unset !important;
}



a.info-text {
    color: black;
    display: inline-block;
    margin-right: 15px;
}
li.item-phone ::marker{
    display:none;
}

li.item-phone i.fas.fa-phone {
    background: #00257A;
    color: #fff;
    border-radius: 50%;
    padding: 10px;
    transform: rotate(92deg);
    font-size: 11px;
}

li.item-phone {
    list-style: none;
}

div#site-header-top {
    background: #000000 !important;
}

.topbar-socials a {
    color: #fff;
}


a.btn-header span {
    color: #fff;
}

.cms-grid.cms-cmsservice-grid1 .cms-grid-inner .col-xl-3.col-lg-3.col-md-4 {
    padding: 0;
}
.cms-cmsservice-grid1 .grid-item-inner {
    background-color: #00257A !important;
    color:#fff !important;
}

.entry-body .icon-font a {
    color: #fff;
}

.cms-cmsservice-grid1 .entry-readmore a.btn-more {
       color: #fff;
    text-decoration: underline;
    text-transform: uppercase;
}

.service_class1 .grid-item:nth-of-type(odd) .grid-item-inner {
    background: #001F67!important;
}

.cms-cmsservice-grid1 .grid-item-inner {
    padding: 50px !important;
}


.animate-left-y{
    -webkit-animation-name: moveleftbounce;
    animation-name: moveleftbounce;
    -webkit-animation-duration: 2.0s;
    animation-duration: 2.0s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}
@keyframes moveleftbounce{
    0% {
        transform: translate(0);
    }
    50% {
        transform: translate(20px);
    }
    100% {
        transform: translate(0);
    }
}

.banner-short-img.footer-figure1 {
  position: relative;
    top: -284px;
    z-index: -1;
    left: 77px;
}

.wrapper {
   display: inline-block;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
 .wrapper .waves {
    position: absolute;
    width: 150px;
    height: 150px;
    background: rgba(214, 214, 214, 0.9);
    opacity: 0;
    border-radius: 100%;
    right: -210px;
    bottom: -15px;
    z-index: -1;
    -webkit-animation: waves 3s ease-in-out infinite;
    animation: waves 3s ease-in-out infinite;
}
 .wrapper .wave-1 {
   -webkit-animation-delay: 0s;
   animation-delay: 0s;
}
 .wrapper .wave-2 {
   -webkit-animation-delay: 1s;
   animation-delay: 1s;
}
 .wrapper .wave-3 {
   -webkit-animation-delay: 2s;
   animation-delay: 2s;
}
 @keyframes waves {
   0% {
     -webkit-transform: scale(0.2, 0.2);
     transform: scale(0.2, 0.2);
     opacity: 0;
  }
   50% {
     opacity: 0.9;
  }
   100% {
     -webkit-transform: scale(0.9, 0.9);
     transform: scale(0.9, 0.9);
     opacity: 0;
  }
}


.wrapper.w12 {
    position: relative;
    bottom: 184px;
    left: 346px;
}
 
.w123 img {
    width: 56px;
    position: relative;
    bottom: 279px;
    left: 453px;
}

.cms-counter-layout1 .cms-counter-icon.icon-font i {
    font-size: 28px;
}

.cms-counter-layout1:hover .cms-counter-icon:before{
         opacity: 0;
}

.border_raduis1 .elementor-column-wrap.elementor-element-populated {
    border-radius: 0 50px 50px 0;
}

.custom_contact1 .elementor-widget-wrap {
    padding-right: 0 !important;
}
.custom_contact1 .elementor-widget-wrap .cms-contact-form-inner {
    width: 80%;
}
.border_raduis1 .elementor-widget-container .cms-contact-form.layout1 .wpcf7-form-control.wpcf7-submit {
    background: #fff !important;
    color: #00257A !important;
    border-radius: 5px;
}

.custom_footer12 .elementor-column-wrap.elementor-element-populated {
    border: unset !important;
}
.footer_icon121 .elementor-image {
       background: #fff;
    border-radius: 50%;
    height: 100px;
    width: 100px;
    line-height: 100px;
}



.appt123 a.btn.btn-default.icon-align- {
    background: #fff;
    color: #00257A;
    border-radius: 5px;
    display: inline-block;
}
.custom_footer12 .elementor-widget-container {
    background-color: unset !important;
}
.border_raduis1 .wpcf7-response-output {
    color: #fff;
}


.elementor-5677 .elementor-element.elementor-element-6d267cff .cms-contact-form .wpcf7-form-control:not(.wpcf7-submit) {
    color: #ffffff !important;
}
.cms-blog_new a:visited ,.cms-blog_new a {
    color: #00257A;
}
.blog_new_one {
    background: #F4F8FF;
    margin: 15px 0;
    padding: 30px;
    border-radius: 12px;
    border:1px solid transparent;
}
.blog_new_one:hover {
    border-color:#022475;
}
.cms-blog_new .date1 {
    display: inline-block;
    margin-right: 40px;
    color: #022475;
    margin-bottom: 15px;
    font-family: 'Poppins';
}
.cat22 {
     display: inline-block;
    margin-right: 40px;
    color: #022475;
    margin-bottom: 15px;
    font-family: 'Poppins';
}

.b_head123 h6.item--title {
    margin-bottom: 0;
}

.footer_icon121 .elementor-image img {
    height: auto !important;
    width: auto!important;
    max-width: none!important;
}

img.attachment-thumbnail.size-thumbnail {
    max-height: none!important;
}
.cms-counter-icon.icon-image {
  min-width: auto!important;
    height: auto!important;
    width: auto!important;
    max-width: none!important;
    border: none!important;
}
.item-phone i.fa-solid.fa-phone-volume {
    background: #00257A;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    transform: rotate(352deg);
    margin-right: 15px;
    font-size: 18px;
}
li.item-phone a {
    color: #111111;
    font-size: 18px;
}
li.item-phone {
    margin-right: 10px;
}
a.btn-header {
    background: #00257A;
    padding: 15px 40px!important;
    font-size: 18px;
}
.cms-counter-layout1:hover .cms-counter-icon:before {
    opacity: 0;
}
.cms-cmsservice-grid1 .btn-more i {
    display: none;
}
.primary-menu > li {
    padding-left: 25px;
    padding-right: 25px;
}
#site-header-wrap.header-layout2 .primary-menu > li > a, #site-header-wrap.header-layout4 .primary-menu > li > a {
    font-size: 18px;
}
.b_head123 h6.item--title a {
    color: #111;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Poppins';
}
ul#menu-footer-menu a:before {
    height: 0;
}
.elementor-5677 .elementor-element.elementor-element-c95117b .entry-title a {
    font-family: "Poppins", Sans-serif;
}
body{
	 font-family: "Poppins", Sans-serif;
}
.cms-counter-layout1:hover .cms-counter-icon:before {
    opacity: 0!important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Poppins", Sans-serif !important;
}
.cms-post-carousel.layout3 .item-meta li{
   font-family: "Poppins", Sans-serif !important; 
}


.abt121 .cms-cmsservice-grid1 .entry-content {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.abt121 .cms-cmsservice-grid1 .grid-item-inner {
    border-radius: 10px;
}

.cms-cmsservice-grid1 .btn-more {
  
    font-family: 'Poppins' !important;
}

.cms-list.style8 li:before {
    content: url('../attonio/assets/images/list-icon.png') !important;
}

.cnt12 .cms-contact-form.layout2 .cms-contact-form-inner {
    padding: 0;
}

.cnt12 .inner-icon {
    max-width: 200px;
    max-height: 200px;
    height: auto;
    width: 136px;
}

.cms-contact-info1.modren.morder2 .item--icon img {
    max-height: 100% !important;
}

.cms-contact-info1.modren.morder2 .item--icon {
    max-width: 80px !important;
    min-width: 80px !important;
}

.service_class1 .entry-content {
    line-height: 1.5em;
    height: 3em;
    overflow: hidden;
}
.cms-cmsservice-grid1 .entry-title a {
    color: #fff;
}
div#csh-login-wrap label {
    color: black;
}
a.go_to_lostpassword_link {
    color: #000;
}
.image123 img{
	padding:15px;
}


.contact-form7-custom2 .cms-contact-form .wpcf7-form-control:not(.wpcf7-submit) {
    color: black !important;
}


.contact-form7-custom2 .cms-contact-form .nice-select span.current {
    opacity: 1;
}











/*****************CA page*******************/


.page-id-10997 .site-login a.go_to_login_link.btn-login {
    color: #ff742c;
}




.image123 img{
	padding:15px;
}

.serv123 .cms-fancy-box.layout3 .item--icon img {
    max-height: 100% !important;
    border-radius: 50%;
}

.serv123 .cms-fancy-box.layout3 .item--title {
    font-size: 18px;
    font-weight: 600;
}

.serv123 .cms-fancy-box.layout3 .item--icon {
    line-height: unset;
    border-radius: 50%;
    background-color: #134e8f;
}
.serv123 .cms-fancy-box.layout3 .inner-content {
    background-color: transparent;
    box-shadow: 0px 0px 10px 0px #0000003d;
}

.box121 .elementor-widget-wrap .elementor-element .elementor-widget-container:hover {
    background: #134E90;
}

div.landing_scrool {
  height: 450px !important;
  overflow: hidden;
}

.plan123 .cms-pricing.cms-pricing-layout5 .prc-header {
    background: #FE742C;
}

.plan123 .cms-pricing.cms-pricing-layout5 .cms-pricing-inner.pricing-active .prc-header {
    background: #134E90 !important;
}

.plan123 .cms-pricing.cms-pricing-layout5 .pricing-price span.entry-price {
    font-size: 13px;
    display: block;
    margin-top: 16px;
    font-weight: 600;
    font-weight: 700;
    width: 100%;
}

.plan123 .cms-pricing.cms-pricing-layout5 .pricing-price span.entry-time {
    color: #fe742c;
}

.plan123 .cms-pricing.cms-pricing-layout5 .pricing-price {
    background: #fff;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    text-align: center;
    margin: auto;
    position: relative;
    top: 40px;
    z-index: 3;
    box-shadow: 0px 0px 6px 5px #0000004a;
    padding: 10px 0px;
}

.landing_scrool img {
  width: 100%;
  transform: translateY(0px);
  transition-duration: 7s;
}

.landing_scrool img:hover {
  transform: translateY(calc(400px - 100%));
  transition-duration: 5s;
}

@keyframes scroll { 
    
    0% {
    transform: translateY(0px);
  }
    20% {
    transform: translateY(calc(-15%));
  }
    40% {
    transform: translateY(calc(-35%));
  }
    60% {
    transform: translateY(calc(-55%));
  }
    80% {
    transform: translateY(calc(400px - 100%));
  }
    100% {
    transform: translateY(0px);
  }
}


.custom_testi123 .cms-testimonial-carousel7 .testimonial-item {
    display: block;
    text-align: center;
    background: #fff;

}

.custom_testi123 .cms-testimonial-carousel7 .testimonial-item .testimonial-image {
    margin: auto;
    background-image: none !important;
}


.custom_testi123 .cms-testimonial-carousel7 .item-body {
    background: #fff;
}

.custom_testi123 .cms-testimonial-carousel7 .testimonial-item .testimonial-image img {
    display: block !important;
    padding: 50px 50px 50px;
    border-radius: 50%;
}

.custom_testi123 .cms-testimonial-carousel7 .item-body {
    background: #fff;
    padding: 0 30px 30px;
}

.cms-pricing.cms-pricing-layout5 .cms-pricing-inner {
    border: 1px solid #00000030;
}

.page-id-10997 div#content {
    padding: 0;
}	

.slider_form1 {
    background: #fff;
    padding: 50px;
}

.slider_form1 h4 {
    line-height: 35px !important;
    font-size: 25px !important;
    font-weight: 700 !important;
    font-family: 'Roboto' !important;
}

.slider_form1 input {
    background: transparent !important;
    color: black !important;
}

.slider_form1 .nice-select.wpcf7-form-control.wpcf7-select {
    background: #fff;
    color: black;
    font-weight: 100 !important;
}

.slider_form1 input.wpcf7-form-control.has-spinner.wpcf7-submit {
    background: #FE742C !important;
    color: #fff !important;
    padding: 7px 15px !important;
    border-radius: 4px;
}

.slider_form1 span.wpcf7-form-control-wrap {
    margin-bottom: 0 !important;
}

.slider_form1 .wpcf7-response-output {
    color: red;
}

.slider_form1 input::placeholder {
    color: grey !important;
}

.slider_form1 .wpcf7-response-output {
    color: black;
}

@media(max-width:1200px){
    
        .slider_form1 {
        padding: 10px !important;
    }
    
    #site-header-wrap.header-layout1 #main-menu-mobile .site-button-mobile {
    display: none !important;
}
}

.plan123 .cms-pricing.cms-pricing-layout5 .cms-pricing-inner:hover .prc-header{
        background-color: #134E90;
            background-image: none;
    
}
.ca_footer123 .cms-navigation-menu1.style2 li a:before {
    color: #fe742c !important;
}


.ca_footer123 .cms-navigation-menu1.style2 li:hover a {
    color: #fe742c;
}

.wpcf7 form.sent .wpcf7-response-output {
    color: #46b450;
}				


.cms-testimonial-carousel7 .icon-qoute {
    position: absolute;
    top: -140% !important;
    right: 50px !important;
}


.page-id-10997 .site-header .main-navigation li.current-menu-ancestor a  {
    color: #FF742C;
}

.page-id-10997 .primary-menu .sub-menu li.current-menu-item{
    color: #FF742C !important; 
}

.page-id-10997 .primary-menu .sub-menu li a, .page-id-10997 .primary-menu .children li a {
    color: #111 !important;
}    

.page-id-10997 #site-header-wrap .site-header-cart .widget_cart_counter_header{
    background-color: #FF742C;
    background-image:none;
}


.page-id-10997 .primary-menu .sub-menu li a:before, .page-id-10997 .primary-menu .children li a:before{
    background-color: #FF742C;
}

.page-id-10997 .primary-menu > li:hover > a{
    color: #FF742C;
}
.page-id-10997 #site-header-wrap.header-layout1 .site-header-button .btn-header:before {
    background-color: #FF742C;
    background-image: none;
    border: none;
}

.page-id-10997 a.btn-header {
    background: #134e8f;
}

.page-id-10997 #site-header-wrap .site-header-right .site-header-item + .site-header-item{
    color: #FF742C;
}


.page-id-10997 .site-header-item.site-login a:hover {
    color: #ff742c;
}
.plan123 .cms-pricing.cms-pricing-layout5 .pricing-title {
    color: #0e2b5c;
}

.custom_testi123 .cms-testimonial-carousel7 .testimonial-position {
    color: #ff742c;
}

.custom_testi123 .cms-testimonial-carousel7 .icon-qoute svg {
    fill: #0e2b5c;
}

.plan123 .cms-pricing.cms-pricing-layout5 .cms-pricing-inner {
    min-height: 560px;
}

.plan123 .cms-pricing.cms-pricing-layout5 .btn-prc {
    color: #5A1D1D !important;
    background: #fe742c !important;
    padding: 6px 14px !important;
    border-radius: 5px !important;
    color: #fff !important;
    text-align: center !important;
    display: inline-block !important;
}
.plan123 .cms-pricing.cms-pricing-layout5 .btn-prc:before{
    display:none;
}

.custom_testi123 .cms-testimonial-carousel7 .append-arrows-custom .slick-arrow:hover {
    background-color: #0e2b5c;
    color: #fff;
    border-color: #0e2b5c;
}

.page-id-10997 ul#menu-woocommerce-menu li a:hover {
    color: #ff742c !important;
}

.page-id-10997 #site-header-wrap .site-header-search span:hover {
    color: #ff742c;
}
.custom_testi123 .cms-testimonial-carousel7 .item-desc {
    padding-right: 0;
}





/*home page 6 start css*/

:root {
    --white: #fff;
    --black: #000;
    --clr1: #12243a;
    --clr2: #0b1829;
    --btnClr1: #188ec9;
    --btnClr2: transparent;
}

@font-face {
    font-family: Mulish-Bold;
    src: url(assets/fonts/mulish/Mulish-Bold.ttf);
  }
  @font-face {
    font-family: Poppins-Bold;
    src: url(assets/fonts/poppins/Poppins-Bold.ttf);
  }
  /*@font-face {*/
    /*font-family: Poppins-Regular;*/
  /*  src: url(../fonts/poppins/Poppins-Regular.ttf);*/
  /*}*/
  
  .lawHeader .lawHeaderGrid .lawHeaderLeft a {
    position: absolute;
}

.lawHeader .lawHeaderGrid .site-login span.swh-user-db i.fa.fa-user {
    color: #fff;
    line-height: unset;
}

.lawHeader .lawHeaderGrid span.menu-right-item.btn-sign-up span {
    color: #fff;
}

.lawHeaderRight .lawHeaderTop .searchform-wrap {
    display: flex;
}
.lawHeader .lawHeaderGrid form#search_open {
    display: none;
}

.lawHeader .lawHeaderGrid form#search_open {
    position: absolute;
    right: -10px;
    width: 280px;
    top: 32px;
}

li.nav-item.d-none.d-md-block {
    position: relative;
}

.lawHeaderRight .lawHeaderBottom .primary-menu > li > a {
    line-height: unset;
}

.lawHeaderRight .lawHeaderBottom .primary-menu .sub-menu {
   clip: unset;
}

.site-login:hover ul.lawyer_login_navigation {
    display: block;
    clip: inherit;
    -webkit-box-shadow: 0 8px 83px rgba(40, 40, 40, 0.08);
    -khtml-box-shadow: 0 8px 83px rgba(40, 40, 40, 0.08);
    -moz-box-shadow: 0 8px 83px rgba(40, 40, 40, 0.08);
    -ms-box-shadow: 0 8px 83px rgba(40, 40, 40, 0.08);
    -o-box-shadow: 0 8px 83px rgba(40, 40, 40, 0.08);
    box-shadow: 0 8px 83px rgba(40, 40, 40, 0.08);
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
}

.lawHeader .lawHeaderGrid .main-menu-toggle {
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 10px;
    width: 15px;
    border-radius: 2px;
    color: black;
    background: #fff;
}

.lawHeaderRight .lawHeaderBottom .main-menu-toggle:before {
    font-family: "Material-Design-Iconic-Font";
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.lawHeader .lawHeaderGrid .primary-menu .sub-menu li.menu-item-has-children > a:after{
    display: none !important;
}

.page-id-12033 div#content {
    padding: 0;
}
.advocServiceTxt h2.item--title {
    font-size: 27px;
    font-weight: 600;
}

.cms-bg1 {
    top: -20px;
    right: 25px;
    font-size: 120px;
    font-weight: 900;
    color: rgb(243 243 243 / 82%);
    font-family: 'Mulish';
    position: absolute;
}
  
  

  .whyChooseUs h1, .whyChooseUs h2, .whyChooseUs h3, .whyChooseUs h4, .whyChooseUs h5, .whyChooseUs h6, .advocServices h1,  .advocServices h1, .advocServices h2, .advocServices h3, .advocServices h4, .advocServices h5, .advocServices h6,  .advocServicesProvide h1, .advocServicesProvide h2, .advocServicesProvide h3, .advocServicesProvide h4, .advocServicesProvide h5, .advocServicesProvide h6{
    font-family: Mulish-Bold;
  }
  .whyChooseUs *, .advocServices *, .advocServicesProvide *{
    /*font-family: Poppins-Regular;*/
  }

.lawHeader{
    background-color: var(--white);
    width: 100%;
}
.lawHeader .lawHeaderGrid {
    display: grid;
    grid-template-columns: 250px 1fr;
}
.lawHeader .lawHeaderGrid .lawHeaderLeft {
    background-color: var(--clr1);
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.lawHeader .lawHeaderGrid .lawHeaderRight {
    display: flex;
    flex-direction: column;
}
.lawHeaderRight .lawHeaderTop {
    background-color: var(--clr2);
    padding: 15px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.lawHeaderRight .lawHeaderBottom {
    background-color: var(--white);
    padding: 6px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.lawHeaderTop .lawHeaderTopLeft ul, .lawHeaderTopRight ul{
   gap: 20px;
   align-items: center;
}
.lawHeaderTop .lawHeaderTopLeft ul li a, .lawHeaderTopRight ul li a{
    color:#fff;
    padding: 0px 4px;
}
.lawHeaderTopRight ul li a.lawLoginBtn{
    background-color: var(--btnClr1);
    border: 1px solid var(--btnClr1);
    color: var(--white);
    padding: 0 20px;
}
.lawHeaderTopRight ul li a.lawLoginBtn:hover{
    background-color: var(--btnClr2);
    color: var(--white);
}
.lawHeaderBottom ul li a{
    color: var(--black);
    position: relative;
    transition: all 0.4s ease;
    padding: 8px 4px;
}
.lawHeaderBottom ul li a:before{
    position: absolute;
    width: 0%;
    height: 1px;
    background-color: transparent;
    content: '';
    bottom: 0;
    left: 0;
    transition: all 0.4s ease;
}
/*.lawHeaderBottom ul li a.active:before, .lawHeaderBottom ul li a:hover:before{*/
/*    background-color: #b8824f;*/
/*    width: 100%;*/
/*}*/
.lawHeaderBottomLeft ul {
    gap: 20px;
}
.lawHeaderBottom .lawHeaderBottomRight .lawPhoneNumber{
    color: #000;
    padding: 8px 4px;
}
.lawHeaderBottom .lawHeaderBottomRight .lawPhoneNumber img{
    margin-right: 10px;
}
.whyChooseUsContent .whyChooseUsInner {
    display: grid;
    grid-template-columns: 157px 1fr;
    gap: 20px;
    margin-top: 40px;
}

.whyChooseUsContent {
    padding: 100px;
}
.advocCommomHeading h2 {
    font-weight: 600;
    margin-bottom: 40px;
    font-size: 40px;
    position: relative;
    text-transform: uppercase;
    line-height: 44px;
}
.whyChooseUsContent h3 {
    font-weight: 600;
    margin-bottom: 30px;
    font-size: 30px;
    position: relative;
}
.advocCommomHeading p {
    font-size: 18px;
    width: 35%;
}
.advocAdvanceHeading p{
    width: 100%;
}
.whyChooseUsInnerContent img{
    margin-top: 40px;
}
.whyChooseUsContent {
    padding: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.advocCommomHeading h2:after {
    content: '';
    width: 80px;
    height: 2px;
    background: #0b1829;
    position: absolute;
    bottom: -12px;
    left: 0;
    right:0;
}
.advocCommomHeading h2:before {
    content: '';
    width: 60px;
    height: 2px;
    background: #0b1829;
    position: absolute;
    bottom: -20px;
    left: 0;
    right:0;
}
.whyChooseUsInnerContent h3:after{
    content: '';
    width: 80px;
    height: 2px;
    background: #e4e4e4;
    position: absolute;
    bottom: -12px;
    left: 0;
}
.whyChooseUsAbout {
    position: absolute;
    bottom: 40px;
    background-color: rgb(11 24 41 / 90%);
    width: 600px;
    padding: 50px;
    text-align: center;
    left: -100px;
    z-index: 1;
}

.whyChooseUsAbout p, .whyChooseUsAbout h6 {
    color: #fff;
}
.whyChooseUsAbout p{
    margin-bottom: 20px;
}
.whyChooseUsAboutInner{
    position: relative;
}
.whyChooseUsAbout .whyChooseUsAboutInner:after {
    content: '';
    position: absolute;
    background-image: url(assets/images/q.png);
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
.customContainer{
    width: 90% !important;
    margin: 0 auto;
}
.advocServicesItems {
    grid-template-columns: repeat(4, 1fr);
    display: grid;
}
.advocServices {
    padding: 80px 0;
}
.advocServicesItem {
    padding: 40px;
    border: 1px solid #ededed;
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
}
.advocServiceTxt h2 {
    margin-bottom: 6px;
}
.advocServiceTxt p {
    color: #737475;
}
.advocServiceLink a{
    color: #0e0e0e;
}
.advocServiceLink a:hover {
    color: #b8824f;
}

.advocServicesItem:after {
    position: absolute;
    top: 50px;
    right: 20px;
    font-size: 120px;
    font-weight: 900;
    color: rgb(243 243 243 / 82%);
    font-family: Mulish-Bold;
}
.advocServicesItem:hover {
    box-shadow: 0px 6px 10px 0px rgb(204 204 204 / 25%), 0px -6px 10px 0px rgb(204 204 204 / 25%);
}
.whyChooseUsIMg, .whyChooseUsIMg img {
    height: 100%;
    object-fit: cover;
    width: 100%;
    position: relative;
}
.advocServiceTxt {
    height: 100%;
}
.advocHeadingCenter{
    text-align: center;
}
.advocHeadingCenter h2:before{
 margin: 0 auto;
}
.advocHeadingCenter h2:after {
   margin:0 auto;
}
.advocHeadingCenter p{
    width: 40%;
    margin: 0 auto;
}
.MarAddService {
    margin-bottom: 40px!important;
}
/*.advocServicesProvideGrid{*/
/*    margin-top: 40px;*/
/*}*/
/*.advocCommomHeading.advocHeadingCenter:first-child {*/
/*    margin-bottom: 45px;*/
/*}*/
.advocServicesProvideGridTxt span {
    display: inline-block;
    font-size: 20px;
    color: #111;
}
.advocServicesProvideGridTxt h4 {
    font-size: 35px;
}
.advocServicesProvideGridTxt p {
    font-size: 18px;
}
.advocServicesProvideGridTxt p {
    font-size: 18px;
    width: 60%;
}
.textRight .advocServicesProvideGridTxt p {
    margin: 0 0 0 auto;
}
.advocServicesProvideGridTxt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    gap: 10px;
    padding: 50px;
}
.advocProvideGridRow{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}






/** 10-5-23**/

.advocServicesProvideGridTxt .advocBtn{
    background-color: var(--btnClr1);
    border: 1px solid var(--btnClr1);
    color: #fff;
    padding: 0 20px;
    width: 200px;
    margin-top: 40px;
}
.textRight {
    align-items: center;
    text-align: right;
}
.advocServicesProvideGridImg{
    position: relative;
}
.advocServicesProvideGridImg .serviceTag{
    position: absolute;
}
.advocServicesProvideGridImg .serviceTag {
    position: absolute;
    left: 0;
    top: 0;

}
.advocLegalCompany{
    background-color: #0a182a;
    padding: 80px 0px;
    /*font-family: Poppins-Regular;*/
}
.advocLegalCompany .advocCommomHeading{
    padding: 0px 40px;
}
.txtWhite h2, .txtWhite p{
    color:#fff;
}
.advocCommomHeading h2:before, .advocCommomHeading h2:after {
    background: #fff;
}
.advocLegalCompanyGroup {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4px;
}
.advocLegalCompanyTxt h2, .advocLegalCompanyTxt p {
    color: #fff;
}
.advocLegalCompanyTxt h2{
    font-size:40px;
    font-weight: 800;
    margin-bottom: 10px;
}
.advocLegalCompanyTxt p{
    font-size:18px;
}
.advocLegalCompanyInner {
    padding: 40px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 20px;
    background-color: #0c1a2d;
}
.advocLegalCompanyImg {
    height: 100%;
}
.advocLegalCompanyGrid {
    padding-left: 40px;
    margin-top: 40px;
    padding-right: 15px;
}
.advocLegalCompanyImg{
    position: relative;
}
.advocLegalCompanyImg .legalCompanyTag{
    position: absolute;
    top: 0;
    left: 0;
}
.advocLegalCompanyRow{
    align-items: center;
}
.advocLegalCompanyGroup {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4px;
    padding-right: 40px;
}
.advocHeadingCenter h2:before, .advocHeadingCenter h2:after {
    background: #0b1829;
}
.advocOurTeamSocialMedia ul li a {
    color: var(--btnClr1);
    border: 1px solid var(--btnClr1);
    padding: 8px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.advocOurTeamSocialMedia ul li a:hover {
    background-color: var(--btnClr1);
    color: #fff;
}
.advocOurTeamSocialMedia ul li a *{
    font-family: 'FontAwesome';
}

.advocOurTeamSocialMedia ul {
    gap: 10px;
}
.advocOurTeamTxt span {
    background-color: var(--btnClr1);
    color: #fff;
    padding: 4px 10px;
    display: inline-block;
}
.advocOurTeamCard {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.advocOurTeamTxt h4 {
    margin-bottom: 10px;
}
.advocOurTeam {
    padding: 80px 0;
}
.advocOurTeamInner{
    padding: 80px 0 0 0;
}
.advocBtnSec{
    padding: 60px 0 0 0;
    text-align: center;
}
.advocBlueBtn{
    background-color: var(--btnClr1);
    border-radius: 0;
}
.advocBlueBtn:hover, .advocBlueBtn:focus{
    color: #fff;
}
.pricingPlans {
    background-color: #f8f8f8;
    padding: 80px 0;
}
.pricingPlansHead {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.pricingPlansCard {
    background-color: #fff;
    padding: 20px;
}
.pricingPlansPriceInner {
    background-color: #f8f8f8;
    padding: 20px 40px;
    border-radius: 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.pricingPlansPriceInner p {
    font-size: 40px;
    color: #111;
    font-weight: 800;
    text-align: center;
    margin-bottom: 4px;
}
.pricingPlansPriceInner span {
    font-size: 12px;
    color: #111;
    text-align: center;
    display: inline-block;
}
.pricingPlansHeading h4 {
    font-family: Mulish-Bold;
    font-size: 40px;
    color: #0a182a;
}
.lawHeader .sub-menu .main-menu-toggle {
    transform: rotate(270deg);
    width: 25px;
}
.pricingPlansListGroup, .pricingPlansListInner {
    display: flex;
    align-items: center;
    gap: 10px;
}
.pricingPlansListBtn{
    margin-top: 40px;
}
.pricingPlansListBtn a {
    font-family: Mulish-Bold;
    font-size: 20px;
    color: #fff;
    width: 100%;
}
.pricingPlansListGroup .pricingPlansListIcon {
    width: 20px;
}
.pricingPlansListGroup .pricingPlansListTxt {
    width: calc(100% - 20px);
}
.pricingPlansListInner {
    flex-direction: column;
    align-items: flex-start;
}
.pricingPlansCard:hover .pricingPlansHeading h4{
    color: #0a1729;
}
.pricingPlansCard:hover .pricingPlansListBtn a{
    background-color: #0a1729;
}
.pricingPlansCard:hover {
    box-shadow: 0px 0px 10px 4px #d3d3d3;
}
.advocOurTeamCard {
    margin-bottom: 40px;
}
.advocServicesProvideGridImg img {
    width: 100%;
}
.advocServicesProvideGridImg img.serviceTag{
    width: auto;
}


.advocOurTeamTxt h4.item--title a {
    color: var(--btnClr1);
}

.pricingPlansCard li.item-active::before {
    position: relative;
    top: -2px;
    margin-right: 16px;
    font-family: "Font Awesome 5 Pro";
    content: "\f00c";
    font-size: 8px;
    text-align: center;
    font-weight: bold;
    display: inline-block;
    color: #fff;
    width: 16px;
    height: 16px;
    line-height: 16px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: green;
}


.pricingPlansCard li.no-active::before{
    
     position: relative;
    top: -2px;
    margin-right: 16px;
    font-family: "Font Awesome 5 Pro";
    content: "\f00c";
    font-size: 8px;
    text-align: center;
    font-weight: bold;
    display: inline-block;
    color: #fff;
    width: 16px;
    height: 16px;
    line-height: 16px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: red;
}

.pricingPlansCard ul.cms-pricing-feature {
    list-style: none;
}

.pricingPlansCard li {
    padding: 4px 0;
}
.test{
    position:relative;
}
.textRight .advocServicesProvideGridTxt .advocBtn {
    margin: 40px 0 0 auto;
}
.test::before {
    content: "";
    content: '';
    width: 80px;
    height: 2px;
    background: #0b1829;
    position: absolute;
    bottom: 15px;
     left: 0px;
    margin: auto;
    right: 0px;
}
.test::after {
    content: '';
    width: 116px;
    height: 2px;
    background: #0b1829;
    position: absolute;
    bottom: 2px;
    left: 0px;
    margin: auto;
    right: 0px;
}



.clientsSlider{
    background-color: #0a182a;
    padding: 80px 0;
}

.owlCarouselClientsSlider .owl-stage-outer .owl-stage .owl-item.active.center {
    background-color: #040e1b;
}
.owlCarouselClientsSlider .owl-stage-outer .owl-stage .owl-item{
    background-color: #188ec9;
}
.owlCarouselItem {
    display: grid;
    grid-template-columns: 1fr 350px;
    align-items: center;
    gap: 20px;
    padding: 25px;
}
.owlCarouselItemTxt p, .owlCarouselItemTxt h4, .owlCarouselItemTxt span {
    color: #fff;
}
.clientsSlider *{
    font-family: Poppins-Regular;
}
.reviewStar{
    display: flex;
    gap: 6px;
}
.reviewStar i.fa{
    color: #feb81d;
    font-family: 'FontAwesome';
    font-size: 18px;
}
.owlSliderLine {
    background-color: #fff;
    width: 200px;
    height: 1px;
    margin: 40px 0;
}
.owlCarouselItemTxt h4 {
    font-size: 24px;
    font-weight: 600;
}
.owlCarouselItemTxt h4 {
    margin-bottom: 10px;
}
.owlCarouselItemTxt span {
    margin-bottom: 10px;
    display: inline-block;
}
.owlCarouselItemTxt {
    padding: 80px 0;
}
.owlCarouselItemTxt{
    position: relative;
}
.owlCarouselItemTxt:after {
    content: '';
    position: absolute;
    background-image: url(assets/images/q.png);
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-position: center;
}
.ourClientsSlider {
    margin-top: 80px;
}
.owl-dots {
    display: flex;
    gap: 6px;
    justify-content: center;
    margin-top: 20px;
    align-items: center;
}
.owl-dots .owl-dot span {
    background-color: #fff;
    width: 8px;
    height: 8px;
    display: inline-block;
}
.owl-dots .owl-dot.active span{
    background-color: #188ec9;
}






.recentNews{
    padding: 80px 0;
}
.recentNewsInner{
    margin-top: 80px;
}
/*.recentNews *{*/
/*    font-family: Poppins-Regular;*/
/*}*/
.recentNewsDateGroup {
    display: flex;
    align-items: center;
    gap: 40px;
    margin: 30px 0;
}
.recentNewsCardTxt h4 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
            line-clamp: 2; 
    -webkit-box-orient: vertical;
}
.recentNewsCardTxt p {
    font-size: 18px;
    line-height: 30px;
}
.advocBtn {
    background-color: var(--btnClr1);
    border: 1px solid var(--btnClr1);
    color: #fff;
    padding: 0 20px;
    width: 200px;
    margin-top: 40px;
}
.advocBtn:hover, .advocBlueBtn:hover{
    color: #fff;
    background-color: #0a182a;
}
.advocBlueBtn:focus, .advocBtn:focus {
    color: #fff;
}
.recentNewsCardNews img, .recentNewsCardDate img {
    width: 25px;
    height: 25px;
    margin-right: 6px;
}
.recentNewsCard {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.recentNewsCardTxt {
    height: 100%;
}
.recentNewsCardImg img {
    width: 100%;
}
.aboutRequirementInner {
    display: grid;
    grid-template-columns: 40% 1fr;
}
.aboutRequirementTxt {
    background-color: #0a182a;
    padding: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.aboutRequirementTxt h4{
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 50px;
}
.aboutRequirementTxt p{
    font-size: 18px;
}
.aboutRequirementTxt h4, .aboutRequirementTxt p{
    color: #fff;
}
/*.aboutRequirement *{*/
/*    font-family: Poppins-Regular;*/
/*}*/
.aboutRequirementTxt .advocBtn {
    font-size: 22px;
    padding: 12px;
}
.aboutRequirementImg img {
    height: 100%;
    object-fit: cover;
}


.recentNewsCardTxt h4 a {
    color: #111;
}

/*.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated>.elementor-widget-wrap {*/
/* padding: 0px!important;*/
/*}*/




/*home page 6 end css*/
























/*home page 6 Responsive  css starts */

@media only screen and (max-width: 1400px){
    .whyChooseUsContent p {
        font-size: 16px;
    }
    .whyChooseUsAbout {
        left: -40px;
    }
    .whyChooseUsContent {
        padding: 60px;
    }
    .advocServicesItem:after {
        font-size: 80px;
    }
    .advocServiceTxt h2 {
        font-size: 24px;
    }
    .advocServicesItem {
        padding: 20px;
    }
}
@media only screen and (max-width: 1199px){
     .lawHeader .lawHeaderGrid .primary-menu li {
        padding: 0px 2px;
    }
    
    .lawHeaderRight .lawHeaderTop {
        padding: 15px;
    }
    .lawHeaderRight .lawHeaderBottom {
        padding: 6px 15px;
    }
    .lawHeaderBottomLeft ul {
        gap: 10px;
    }
    .lawHeaderBottom .lawHeaderBottomRight .lawPhoneNumber img {
        width: 25px;
    }
    .lawHeaderTop .lawHeaderTopLeft ul li a img, .lawHeaderTopRight ul li a img {
        width: 20px;
        height: 20px;
        object-fit: contain;
        margin-right: 4px;
    }
    .whyChooseUsAbout {
        left: 15px;
    }
}
@media only screen and (max-width: 991px){
    .advocServicesItem .cms-bg1 {
    font-size: 60px;
    top: -5px;
    right: 8px;
}
    
    .lawHeaderRight .lawHeaderBottom {
    display: block;
}
    .lawHeaderTop .lawHeaderTopLeft ul li a span, .lawHeaderTopRight ul li a span {
        display: none;
    }
    .lawHeaderTop .lawHeaderTopLeft ul, .lawHeaderTopRight ul {
        gap: 10px;
        align-items: center;
    }
    .lawHeaderTop .lawHeaderTopLeft ul li a.lawMbPhoneNumber img{
        filter: brightness(0) invert(1);
    }
    .lawHeader .lawHeaderGrid {
        grid-template-columns: 200px 1fr;
    }
    .advocServiceIcon img {
        width: 40px;
        height: 40px;
        object-fit: contain;
    }
    .advocServicesItem:after {
        font-size: 40px;
    }
    .advocServicesItem:after {
        top: 22px;
    }
    .advocServiceTxt h2 {
        font-size: 22px;
    }
    .advocServiceTxt p {
        font-size: 14px;
        line-height: normal;
    }
    .advocServicesItems {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media only screen and (max-width: 767px){
    
    .lawHeader .lawHeaderGrid .main-menu-toggle {
       right: 17px !important;
       width:25px !important;;
}
    .lawHeaderBottom {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
    }
    .lawHeaderBottomLeft ul {
        flex-direction: column;
        gap: 0;
    }
    .lawHeaderRight .lawHeaderBottom {
        padding: 20px 0px;
        width: 250px;
        background-color: #12243a;
        align-items: flex-start;
        transform: translateX(-350px);
        transition: all 0.8s ease;
        flex-direction: column;
        justify-content: unset;
        z-index: 999;
    }
    .lawHeaderRight .lawHeaderBottom.active {
        transform: translateX(0px);
    }
    .lawHeaderBottom .lawHeaderBottomLeft, .lawHeaderBottom .lawHeaderBottomLeft ul {
        width: 100%;
    }
    .lawHeader .lawHeaderGrid {
        grid-template-columns: 150px 1fr;
    }
    .lawHeaderRight .lawHeaderTop {
        height: 100%;
    }
    .lawHeaderBottom ul li a,  .lawHeaderBottom ul li a:hover {
        color: #fff !important;
        padding: 15px 20px;
    }
    .lawHeaderBottom ul li {
        padding:0;
    }
    .lawHeaderBottom.active .main-menu-toggle {
    right: 15px;
}
    
    .lawHeaderBottomLeft .nav .dropdown .dropdown-menu {
        border-bottom: 3px solid #b8824f;
        opacity: unset;
        visibility: unset;
        width: unset;
        top: unset;
        left: unset;
        transform: unset;
        z-index: unset;
        transition: unset;
        position: relative;
    }
    .lawHeaderBottomLeft .nav .dropdown:hover .dropdown-menu {
        display: unset;
        opacity: unset;
        visibility: unset;
        transform: unset;
        transition-delay: unset;
    }
    .lawHeaderBottomLeft .nav li, .lawHeaderBottomLeft .nav .dropdown .dropdown-menu{
        width: 100%;
    }
    .lawHeaderBottomLeft .nav .dropdown .dropdown-menu.show{
        display: block;
    }
    .lawHeaderBottomLeft .nav .dropdown .dropdown-menu:not(.show) {
        display: none;
      }
      .lawHeaderBottomLeft .nav .dropdown .dropdown-menu li a{
        padding: 4px 20px;
        color: #fff;
      }
      .lawHeaderBottomLeft .nav .dropdown .dropdown-menu li a:before{
        background-color: rgb(255 255 255 / 30%);
      }
      .lawHeaderBottomLeft .nav .dropdown .dropdown-menu li:last-child a:before{
        background-color: unset;
      }
      .lawHeaderBottom ul li a:before{
        background-color: #b8824f;
        width: 100%;
    }
    .lawHeaderBottomLeft .nav li a.dropdown-toggle::after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
        right: 15px;
        position: absolute;
        top: 50%;
        transform: rotate(-90deg);
    }
    .lawHeaderBottomLeft .nav li.dropdown.show a.dropdown-toggle::after{
        transform: rotate(0deg);
    }
    .lawHeaderBottomLeft .nav .dropdown .dropdown-menu {
        background-color: #b8824f;
        padding: 0;
    }   
    .lawHeaderTopRight ul li a.lawLoginBtn {
        background-color: transparent;
        border: transparent;
        padding: 0 0px;
    }
    .lawHeaderBottomLeft .sidebar_search {
        border: 0;
        border-bottom: 1px solid #b8824f;
    }
    .lawHeaderBottomLeft .sidebar_search input {
        background-color: transparent;
        color: #fff;
    }
    .lawHeaderBottomLeft .sidebar_search input::placeholder {
        color: #fff;
    }
    .lawHeaderBottomLeft .sidebar_search button i.fa{
        color: #fff;
    }
    .lawHeaderRight .lawHeaderTop {
        height: 100%;
        justify-content: flex-end;
        gap: 8px;
    }
    .lawHeaderBottom .lawHeaderBottomRight .lawPhoneNumber {
        color: #fff;
        display: inline-block;
        padding: 20px;
        width: 100%;
    }
    .lawHeaderBottom .lawHeaderBottomRight .lawPhoneNumber img{
        filter: brightness(0) invert(1);
    }
    .lawHeaderBottom .lawHeaderBottomRight{
        width: 100%;
    }
    .whyChooseUsAbout {
        position: static;
    }
    .whyChooseUsAbout {
        position: static;
        width: 100%;
        padding: 25px;
    }
    .whyChooseUsIMg, .whyChooseUsIMg img {
        height: auto;
    }
    .whyChooseUsContent {
        padding: 60px 0;
    }
    .customContainer {
        width: 100%;
        padding: 0 15px;
    }
}
@media only screen and (max-width: 575px){
    .whyChooseUsContent h2 {
        font-size: 30px;
    }
    .whyChooseUsAbout p {
        font-size: 14px;
    }
}
@media only screen and (max-width: 500px){
    .advocServicesItems {
        grid-template-columns: repeat(1, 1fr);
    }
    .whyChooseUsContent .whyChooseUsInner {
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }
}
@media only screen and (max-width: 450px){
    .lawHeaderTop .lawHeaderTopLeft ul, .lawHeaderTopRight ul {
        gap: 8px;
        align-items: center;
    }
    .lawHeaderRight .lawHeaderTop {
        padding: 15px 15px 15px 6px;
    }
}

@media only screen and (max-width: 375px){

}

/*home page 6 Responsive end css*/

@media only screen and (max-width: 1700px){
    .advocHeadingCenter p {
        width: 60%;
    }
    .advocCommomHeading.txtWhite p {
        width: 60%;
    }
}
@media only screen and (max-width: 1600px){
    .owlCarouselItem {
        grid-template-columns: 1fr 250px;
    }
}
@media only screen and (max-width: 1200px){
    ul#nav_filter {
        margin-right: -16px;
    }
    .lv_sign-in {
        padding: 6px 10px;
        padding-left: 10px;
    }
    .sign_in {
        padding-right: 8px;
    }
    .lv_search_bar {
        padding: 5px 5px;
        padding-left: 15px;
    }
    #nav_filter li a {
        font-size: 14px;
    }
    /*----- ABOUT_US 2 PAGE --------*/
    .heading_low h2 {
        font-size: 36px;
    }
    .paragraph_law p {
        font-size: 14px;
    }
    .about_menu {
        padding: 20px 0;
    }
    .about_us_page2 .about_us_text {
        padding: 10px 0 0 0;
    }
    /* -=-=-=-=-=-=- blog-three-page -=-=-=-=-=- */
    .blog4 .owl-nav {
        top: 11%;
    }

}
/*--- 991 ---*/
@media only screen and (max-width: 992px){
    .tile_heading.shop_three_page {
        flex-direction: column;
        row-gap: 15px;
    }
    .Showing_div{
        width: 100%;
        justify-content: space-between;
    }
    /*----- ABOUT_US 2 PAGE --------*/
    .order_cart{
        margin-top: 30px;
    }
    .shop_four{
        padding-top: 0;
    }
    .tile {
        margin-top: 30px;
    }
    .heading_low{
        text-align: center;
    }
    .heading_low h2 {
        margin-top: 35px;
    }
    .nav-tabs {
        margin-left: 0%;
        width: 100%;
    }
    .nav-tabs .nav-item {
        margin-bottom: 0px;
        width: 346px;
        margin: 0 auto;
        display: block;
    }
    .choose_us_img{
        padding: 35px 0 0 0;
        text-align: center;
    }
    div#myTabContent{
        padding: 35px 0 0 0;
    }
    .about_menu2{
        padding: 25px 97px;
    }
    .heading_choose h2 {
        text-align: center;
        padding: 25px 0 0 0;
    }
    .five-tab .nav-item {
        margin-bottom: 0px;
        width: 495px;
        margin: 0 auto;
        display: block;
    }
    .about_attorney {
        margin-top: 40px;
    }
    /*------ SINGLE ATTORNEY SECTION -----*/
    .contact_attorney li {
        padding-left: 32px;
        font-size: 14px;
    }
    .contact_attorney li::before {
        font-size: 16px;
    }
    .contact_attorney li+li::before {
        font-size: 16px;
    }
    .contact_attorney li+li+li:before {
        font-size: 16px;
    }
    .footer_content li.ex_mar {
        margin-top: 0px;
    }
    /* ---- Comming-Soon ---- */
    .comming_text h1 {
        font-size: 100px;
    }
    /* ----- Gallery-five ---*/
    .gallery_list .gallery5{
        column-count: 3;
    }
    .gallery_responsive {
        margin-top: 0px;
    }
    /* ------ Grid-five ----- */
    .cases_list .grid5{
        column-count: 3;
    }
    /*--------  Shop-Four-Page ------*/
    form.shop_search{
        width: 230px;
    }
    .shop_search button {
        left: 182px;
        top: -49px;
    }
    .shop_form_input:after {
        bottom: 60px;
    }
    .show_item ul {
        justify-content: flex-start;
    }
    .item_form_input:after {
        bottom: 14px;
    }
    .shop_four .product_box{
        margin-top: 30px;
    }
    /* -=-=-=- shop-singl-page  -=-=-=-=- */
    .shop_single_img {
        margin-top: 25px;
        margin-bottom: 30px;
    }
    /* -=-=-=-=-=-=- blog-three-page -=-=-=-=-=- */
    .inner_page_single button {
        height: 38px;
        width: 45px;
    }
    /* -=-==-=-=-=- blog-four-page -=-=-=-=-=- */
    .recent_case_icon4{
        top: 42%;
        left: 34%;
    }
    .recent_case_box:hover .recent_case_icon4 {
        top: 42%;
        left: 34%;
    }
    .recent_case_icon4 a i {
        width: 44px;
        height: 44px;
        font-size: 16px;
    }
    .blog4 .owl-nav {
        top: 15%;
    }
    /* -=-=-=-=-=-=- blog-five-page -=-=-=-=-=- */
    .inner_page_single .blog5 {
        column-gap: 20px;
        column-count: 2;
        justify-content: space-between;
    }
    .inner_page_single .blog5 li {
        width: 44%;
        float: left;
    }
    /* -=-=-=-=- my account page -=-=-=-=-=- */
    .account_details {
        padding: 25px 15px 0 15px;
    }
    .shop_author .author_box img {
        width: 100%;
    }
}
@media only screen and (max-width: 921px){
    /* -=-=-=-=-=- blog-five-section -=-=-=-=-=- */
    .inner_page_single .blog5 {
        column-gap: 48px;
    }
}
/*--- 767 ---*/
@media only screen and (max-width: 768px){
    /* -=-=-=- about-us 2 -=-=-=-=- */
    .faq_box{
        padding-right: 0px;
    }
    .faq:before {
        display: none;
    }
    .faq_box h2{
        color: #000;
    }
    .faq_box .panel-default>.panel-heading a{
        color: #000!important;
    }
    .faq_box .panel-body{
        color: #000;
    }
    .consultation_box {
        padding: 0 0 100px 0;
    }
    .consultation_box{
        text-align: center;
        padding-left: 0px;
    }
    .member-content h4 {
        padding-top: 15px;
    }
    .about_menu2{
        padding: 25px 0px;
    }
    /* 404- page css */
    .img_404 p {
        width: 465px;
        text-align: center;
    }
    .search-container {
        width: 400px;
    }
    /* Attorney-single 1-page */
    .member_img img{
        max-width: 100%;
    }
    /* ---- Comming-Soon ---- */
    .comming_text h1 {
        font-size: 70px;
    }
    /* -------- gallery-five ------- */
    .gallery_list .gallery5{
        column-count: 1;
        display: block;
        margin: 0 auto;
    }
    /* ------ Grid-five ----- */
    .cases_list .grid5{
        column-count: 1;
        display: block;
        margin: 0 auto;
    }
    /*--------  Shop-Four-Page ------*/
    .shop_four .second_box ul li a {
        max-width: 168px;
    }
    .shop_form_input select {
        width: 230px;
    }
    .shop_icon ul li a i {
        margin-left: 10px;
    }
    /*--------  Shop-three-Page ------*/
    /* -=-=-=-=-=- blog-three-page -=-=-=-=-=- */
    /* -=-=-=-=- blog-four -=-=-=-=- */
    .recent_case_icon4 {
        top: 40%;
        left: 40%;
    }
    .recent_case_box:hover .recent_case_icon4 {
        top: 40%;
        left: 40%;
    }
    .blog4 .owl-nav {
        top: 22%;
    }
    /* -=-=-=-=-=- blog-five-page -=--=-=-=-=- */
    .inner_page_single .blog5 {
        column-count: 1;
    }
    .inner_page_single .blog5 li {
        width: 100%;
        display: block;
        margin: 0 auto;
    }
    .recent_case_box .owl-carousel .owl-item{
        margin-right: 0px;
    }
    .recent_case_box:hover .recent_case_icon4 {
        top: 38%;
        left: 34%;
    }
    .blog5 .owl-nav {
        top: 44%;
    }
    /* -=-=-=-=- my account page -=-=-=-=-=- */
    .address_row {
        padding: 25px 15px 0 15px;
    }
    /* -=-=-=-=- checkout page -=-=-=-=-=- */
    .card-detail .card-detail-box {
        width: 100%;
        float: left;
    }
    .card-detail .card-detail-box ul li select {
        width: 100%;
        min-width: 190px;
    }
    .card-detail .card-detail-box h4{
        padding-top: 20px;
    }
    /*-=-=-=-=-=- shop single page -=-=--=-=-=-*/
    .shop_author .author_box img{
        width: auto;
    }
    .shop_author .about_author{
        text-align: center;
    }
    .about_product .panel-body .shop_comment .review_box h5 {
     float: unset; 
    }
    .about_product .panel-body .shop_comment .review_box .an_star {
        float: left;
        margin-top: 10px;
    }
}
@media only screen and (max-width: 596px){
    /*--------  Shop-three-Page ------*/
    .shop_icon ul {
        display: block;
    }
    form.shop_search {
        width: 100%;
    }
    .shop_search input {
        width: calc(100% - 45px);
    }
    .shop_search button {
        left: 0;
        top: 0;
    }
    .shop_form_input select {
        width: 100%;
        margin-top: 15px;
    }
    .shop_form_input:after {
        bottom: 109px;
    }
    .shop_single_content .shop_price ul {
        flex-direction: column;
        row-gap: 20px;
        column-gap: 0;
    }
    .shop_single_content .shop_price li button{
        width: 100%;
    }
    .shop_single_content .shop_price li .random{
        width: 100%;
    }
    /* -=-=-=-=-=- blog-five-page --=-=-=-=- */
}
@media only screen and (max-width: 576px){
    .attorney_responsive{
        margin-top: 40px;
    }
    /* --------- checkout page --------*/ 
    .card-detail .card-detail-box ul li+li select {
        margin-left: 20px;
    }
    .head_checkout .payment ul {
        display: block;
    }
    .head_checkout .payment ul li+li{
        margin-top: 20px;
    }
    .head_checkout .card_head .credit_card ul {
        display: block;
    }
    .credit_card ul li+li{
        margin-top: 20px;
    }
    .side_comment_box{
        padding: 0 !important;
    }
    .sb_progressive_main_wrapper .skills .skill-item{
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
    }
}
@media only screen and (max-width: 526px){
    /*--------  Shop-Four-Page ------*/
    .shop_icon ul {
        display: block;
    }
    form.shop_search {
        width: 100%;
    }
    .shop_search input {
        width: calc(100% - 45px);
    }
    .shop_form_input select {
        width: 100%;
        margin: 20px 0;
    }
    .shop_search button {
        left: 0;
        top: 0;
        right: 3px;
    }
    .tile_heading{
        flex-direction: column;
        row-gap: 20px;
    }
    .Showing_div , .shop_form_sidebar , .shop_form_sidebar select , .input_div , .input_div .input_dropdown{
        width: 100%;
    }
    .show_item ul {
        justify-content: space-between;
        width: 100%;
    }
    .show_item ul li{
        width: 30%;
    }
    .show_item ul li + li{
        width: 70%;
    }
    .show_item ul li select{
        width: 100%;
    }
    .shop_single_content .product_type ul{
        flex-direction: column;
        row-gap:  20px;
        column-gap: 0px;

    }
    .product_type .nice_number {
        justify-content: space-around;
        width: 100%;
    }
    .shop_single_content .product_type ul li select{
        width: 100%;
    }
}
@media only screen and (max-width: 480px){
    .img_404 h4 {
        font-size: 30px;
    }
    .img_404 p {
        width: 315px;
        font-size: 14px;
    }
    /* ---- Comming-Soon ---- */
    .input-group {
        width: 80%;
        margin: 0 auto;
    }
    .comming_text h1 {
        font-size: 55px;
    }
    .comming_text h2 {
        font-size: 25px;
    }
    /*--------  Shop-three-Page ------*/
    .recent_case_icon3 {
        top: 40%;
    }
    .recent_case_box:hover .recent_case_icon3 {
        top: 40%;
    }
    /*--------  blog-four-Page ------*/
    /*--------  blog-three-Page ------*/
    /*--------  checkout-Page ------*/
    .head_checkout .pay_btn button {
        width: 240px;
    }
    /* --=-=-=-=- shop-single-page -=-=-=- */
    .review_form input {
        width: 100%;
        float: unset; 
        margin-left: 0px; 
    }
    .review_form .review_name, .review_form .review_email{
        transform: translateY(5px);
    }
    .review_form textarea{
        margin-left: 0px;
    }
    .about_product .panel-body .customer_comment .review_form label {
        float: left; 
    }
    .review_form textarea {
        width: 100%;
    }
    /* -=-=-=-=-=- checkout page -=-=-=-=-=- */
    .card-detail .card-detail-box ul li+li select {
        margin-left: 0px;
        margin-top: 10px;
    }
    .card-detail .card-detail-box ul li select {
        width: 100%;
        min-width: 310px;
    }
    /* -=-=-=-=- blog-five-page -==-=-=- */
}
@media only screen and (max-width: 432px){
    .login_form span i {
        right: 18%;
    }
    .login_form .unlock i {
        right: 18%;
    }
    .search-container {
        width: 265px;
    }
    .shop_three_page .Showing_div{
        flex-direction: column;
        justify-content: space-between;
        height: auto;
        row-gap: 15px;
    }
}
@media only screen and (max-width: 411px){
    .contact_attorney ul {
        column-count: 1;
    }
    .login_form p::after {
        width: 105px;
    }
    .login_form p::before {
        width: 105px;
    }
    /*--------  Shop-three-Page ------*/
    /* -=-=-=-=- blog-four -=-=-=-=- */
    .blog4 .owl-nav {
        top: 16%;
    }    
    .recent_case_icon4 {
        top: 40%;
        left: 35%;
    }
    .recent_case_box:hover .recent_case_icon4 {
        top: 40%;
        left: 35%;
    }
    /*---------- checkout page ------- */
    .card-detail .card-detail-box ul li select {
        min-width: 216px;
    }
}
/*--- 366 ---*/
@media only screen and (max-width: 366px){
    .nav-tabs .nav-item {
        margin-bottom: 0px;
        width: 220px;
    }
    .attorney_award img {
        text-align: center;
        display: block;
        margin: 0 auto;
        margin-top: 10px;
    }
    .login_form .fb_btn {
        font-size: 14px;
    }
    .login_form .google_btn {
        font-size: 14px;
    }
    /* ---- Comming-Soon ---- */
    .comming_text h1 {
        font-size: 40px;
    }
    .comming_text h2 {
        font-size: 20px;
    }
    /*--------  Shop-three-Page ------*/
    /* -=-=-=-=- blog-three -=-=-=-=- */
    .recent_case_icon3 {
        left: 30%;
    }
    .recent_case_box:hover .recent_case_icon3 {
        left: 30%;
    }
    /* -=-=-=-=- blog-four -=-=-=-=- */
    /* -=-=-=-=-=-=- blog-five-page -=-=-=-=-=- */
    .recent_case_icon4 a i {
        width: 38px;
        height: 38px;
        font-size: 14px;
    }
    .recent_case_box:hover .recent_case_icon4 {
        top: 38%;
        left: 32%;
    }
}
@media only screen and (max-width: 350px){
    .login_form span i {
        top: 40%;
    }
    .login_form .unlock i {
        top: 53%;
    }
    .login_form p::after {
        width: 80px;
    }
    .login_form p::before {
        width: 80px;
    }
    .img_404 p {
        width: 260px;
    }
}
@media only screen and (max-width: 321px){
    .login_form .unlock i {
        top: 51%;
    }
    .login_form span i {
        top: 39%;
    }
    /*--------  Shop-three-Page ------*/
    /* -=-=-=-=- blog-three -=-=-=-=- */
}

/*home page 6 end css*/

@media only screen and (max-width: 1400px){
    .whyChooseUsContent p {
        font-size: 16px;
    }
    .whyChooseUsAbout {
        left: -40px;
    }
    .whyChooseUsContent {
        padding: 60px;
    }
    .advocServicesItem:after {
        font-size: 80px;
    }
    .advocServiceTxt h2 {
        font-size: 24px;
    }
    .advocServicesItem {
        padding: 20px;
    }
    .recentNewsDateGroup {
        gap: 10px;
        margin: 20px 0;
        flex-direction: column;
        align-items: self-start;
    }
    .recentNewsCardTxt h4 {
        font-size: 22px;
        line-height: 30px;
    }
    .recentNewsCardTxt p {
        font-size: 16px;
    }
    .aboutRequirementTxt h4 {
        font-size: 40px;
    }
    .contactInfo .contactInfoIcon .contactIcon span {
        font-size: 20px;
    }
    .contactInfoHeading h4 {
        font-size: 32px;
    }
}
@media only screen and (max-width: 1199px){
    .lawHeaderRight .lawHeaderTop {
        padding: 15px;
    }
    .lawHeaderRight .lawHeaderBottom {
        padding: 6px 15px;
    }
    .lawHeaderBottomLeft ul {
        gap: 10px;
    }
    .lawHeaderBottom .lawHeaderBottomRight .lawPhoneNumber img {
        width: 25px;
    }
    .lawHeaderTop .lawHeaderTopLeft ul li a img, .lawHeaderTopRight ul li a img {
        width: 20px;
        height: 20px;
        object-fit: contain;
        margin-right: 4px;
    }
    .whyChooseUsAbout {
        left: 15px;
    }
    .advocServicesProvideGridTxt {
        padding: 30px;
    }
    .pricingPlansHeading h4 {
        font-size: 20px;
    }
    .pricingPlansPriceInner p {
        font-size: 30px;
    }
    .pricingPlansPriceInner {
        padding: 20px;
    }
    .pricingPlansListBtn a {
        font-size: 16px;
    }
    .advocHeadingCenter p {
        width: 80%;
    }
    .advocCommomHeading p {
        width: 80%;
    }
    .advocLegalCompanyImg {
        margin-top: 40px;
    }
    .advocLegalCompanyGrid {
        padding-left: 15px;
    }
    .advocLegalCompanyGroup {
        padding-right: 20px;
    }
    .aboutRequirementTxt h4 {
        font-size: 30px;
    }
    .aboutRequirementTxt p {
        font-size: 16px;
    }
    .aboutRequirementTxt .advocBtn {
        font-size: 18px;
        padding: 0;
    }
    .aboutRequirementTxt {
        padding: 50px;
    }
    .recentNewsCardTxt p, .recentNewsCardNews, .recentNewsCardDate {
        font-size: 14px;
    }
    .recentNewsCardNews img, .recentNewsCardDate img {
        width: 20px;
        height: 20px;
    }
    .advocOurTeamSocialMedia ul li a {
        width: 30px;
        height: 30px;
    }
    .advocOurTeamTxt span {
        font-size: 14px;
    }
    .advocOurTeamTxt h4 {
        font-size: 22px;
    }
    .servicesCol {
        width: auto;
        margin: 0;
    }
    .advocFooterLogo {
        margin-bottom: 40px;
    }
    .advocFooterLogo img {
        width: 300px;
    }
    .contactInfo .contactInfoIcon .contactIcon span {
        font-size: 18px;
    }
    .contactInfoHeading h4 {
        font-size: 26px;
    }
    .contactInfo .contactInfoIcon .contactIcon img {
        width: 20px;
        height: 20px;
        object-fit: contain;
    }
}
@media only screen and (max-width: 991px){
    .lawHeaderTop .lawHeaderTopLeft ul li a span, .lawHeaderTopRight ul li a span {
        display: none;
    }
    .lawHeaderTop .lawHeaderTopLeft ul, .lawHeaderTopRight ul {
        gap: 10px;
        align-items: center;
    }
    .lawHeaderTop .lawHeaderTopLeft ul li a.lawMbPhoneNumber img{
        filter: brightness(0) invert(1);
    }
    .lawHeader .lawHeaderGrid {
        grid-template-columns: 200px 1fr;
    }
    .advocServiceIcon img {
        width: 40px;
        height: 40px;
        object-fit: contain;
    }
    .advocServicesItem:after {
        font-size: 40px;
    }
    .advocServicesItem:after {
        top: 22px;
    }
    .advocServiceTxt h2 {
        font-size: 22px;
    }
    .advocServiceTxt p {
        font-size: 14px;
        line-height: normal;
    }
    .advocServicesItems {
        grid-template-columns: repeat(2, 1fr);
    }
    .advocServicesProvideGridTxt p {
        width: 100%;
    }
    .advocProvideGridRow {
        grid-template-columns: repeat(1, 1fr);
    }
    .advocServicesProvideGridTxt {
        align-items: flex-start;
    }
    .textRight .advocServicesProvideGridTxt p {
        text-align: left;
    }
    .textRight .advocServicesProvideGridTxt .advocBtn {
        margin: 40px 0 0 0;
    }
    .pricingPlansCard{
        margin-bottom: 40px;
    }
    .pricingPlansHeading h4 {
        font-size: 40px;
    }
    .advocCommomHeading p {
        width: 100%;
    }
    .pricingPlansListBtn a {
        font-size: 18px;
    }
    .advocProvideGridRow {
        margin-bottom: 40px;
    }
    .advocLegalCompanyGroup {
        padding-right: 0px;
    }
    .owlCarouselItem {
        grid: none;
        display: flex;
        flex-direction: column-reverse;
    }
    .recentNewsCardTxt h4 {
        font-size: 20px;
        line-height: 30px;
    }
    .recentNewsCardTxt p {
        line-height: normal;
    }
    .aboutRequirementTxt h4 {
        font-size: 24px;
    }
    .aboutRequirementTxt {
        padding: 20px;
    }
    .contactInfoHeading h4 {
        font-size: 17px;
    }
    .servicesCol ul li a {
        font-size: 18px;
    }
    .contactInfo .contactInfoIcon .contactIcon span {
        font-size: 14px;
    }
    .contactInfo .contactInfoIcon .contactIcon {
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .advocCommomHeading.txtWhite p {
        width: 80%;
    }
    .advocCommomHeading {
        padding: 0 15px;
    }
}
@media only screen and (max-width: 767px){
    .lawHeaderBottom {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
    }
    .lawHeaderBottomLeft ul {
        flex-direction: column;
        gap: 0;
    }
    .lawHeaderRight .lawHeaderBottom {
        padding: 20px 0px;
        width: 250px;
        background-color: #12243a;
        align-items: flex-start;
        transform: translateX(-350px);
        transition: all 0.8s ease;
        flex-direction: column;
        justify-content: unset;
        z-index: 999;
    }
    .lawHeaderRight .lawHeaderBottom.active {
        transform: translateX(0px);
    }
    .lawHeaderBottom .lawHeaderBottomLeft, .lawHeaderBottom .lawHeaderBottomLeft ul {
        width: 100%;
    }
    .lawHeader .lawHeaderGrid {
        grid-template-columns: 150px 1fr;
    }
    .lawHeaderRight .lawHeaderTop {
        height: 100%;
    }
    .lawHeaderBottom ul li a,  .lawHeaderBottom ul li a:hover {
        color: #fff;
        padding: 15px 20px;
    }
    .lawHeaderBottomLeft .nav .dropdown .dropdown-menu {
        border-bottom: 3px solid #b8824f;
        opacity: unset;
        visibility: unset;
        width: unset;
        top: unset;
        left: unset;
        transform: unset;
        z-index: unset;
        transition: unset;
        position: relative;
    }
    .lawHeaderBottomLeft .nav .dropdown:hover .dropdown-menu {
        display: unset;
        opacity: unset;
        visibility: unset;
        transform: unset;
        transition-delay: unset;
    }
    .lawHeaderBottomLeft .nav li, .lawHeaderBottomLeft .nav .dropdown .dropdown-menu{
        width: 100%;
    }
    .lawHeaderBottomLeft .nav .dropdown .dropdown-menu.show{
        display: block;
    }
    .lawHeaderBottomLeft .nav .dropdown .dropdown-menu:not(.show) {
        display: none;
      }
      .lawHeaderBottomLeft .nav .dropdown .dropdown-menu li a{
        padding: 4px 20px;
        color: #fff;
      }
      .lawHeaderBottomLeft .nav .dropdown .dropdown-menu li a:before{
        background-color: rgb(255 255 255 / 30%);
      }
      .lawHeaderBottomLeft .nav .dropdown .dropdown-menu li:last-child a:before{
        background-color: unset;
      }
      .lawHeaderBottom ul li a:before{
        background-color: #b8824f;
        width: 100%;
    }
    .lawHeaderBottomLeft .nav li a.dropdown-toggle::after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
        right: 15px;
        position: absolute;
        top: 50%;
        transform: rotate(-90deg);
    }
    .lawHeaderBottomLeft .nav li.dropdown.show a.dropdown-toggle::after{
        transform: rotate(0deg);
    }
    .lawHeaderBottomLeft .nav .dropdown .dropdown-menu {
        background-color: #b8824f;
        padding: 0;
    }   
    .lawHeaderTopRight ul li a.lawLoginBtn {
        background-color: transparent;
        border: transparent;
        padding: 0 0px;
    }
    .lawHeaderBottomLeft .sidebar_search {
        border: 0;
        border-bottom: 1px solid #b8824f;
    }
    .lawHeaderBottomLeft .sidebar_search input {
        background-color: transparent;
        color: #fff;
    }
    .lawHeaderBottomLeft .sidebar_search input::placeholder {
        color: #fff;
    }
    .lawHeaderBottomLeft .sidebar_search button i.fa{
        color: #fff;
    }
    .lawHeaderRight .lawHeaderTop {
        height: 100%;
        justify-content: flex-end;
        gap: 8px;
    }
    .lawHeaderBottom .lawHeaderBottomRight .lawPhoneNumber {
        color: #fff;
        display: inline-block;
        padding: 20px;
        width: 100%;
    }
    .lawHeaderBottom .lawHeaderBottomRight .lawPhoneNumber img{
        filter: brightness(0) invert(1);
    }
    .lawHeaderBottom .lawHeaderBottomRight{
        width: 100%;
    }
    .whyChooseUsAbout {
        position: static;
    }
    .whyChooseUsAbout {
        position: static;
        width: 100%;
        padding: 25px;
    }
    .whyChooseUsIMg, .whyChooseUsIMg img {
        height: auto;
    }
    .whyChooseUsContent {
        padding: 60px 0;
    }
    .customContainer {
        width: 100%;
        padding: 0 15px;
    }
    .advocCommomHeading p, .advocServicesProvideGridTxt p {
        font-size: 16px;
    }
    .advocCommomHeading {
        padding: 0 15px;
    }
    .advocServicesProvideGridImg img.serviceTag {
        width: 100px;
    }
    .advocServicesProvideGridTxt h4 {
        font-size: 30px;
    }
    .advocServicesProvideGridTxt span {
        font-size: 18px;
    }
    .advocServicesProvideGridTxt {
        padding: 20px;
    }
    .advocOurTeamCard {
        align-items: center;
    }
    .advocOurTeamInner {
        padding: 40px 0 0 0;
    }
    .advocOurTeam {
        padding: 40px 0;
    }
    .advocCommomHeading h2 {
        font-size: 30px;
    }
    .advocBtnSec {
        padding: 0px 0 0 0;
    }
    .recentNewsCard {
        height: unset;
        margin-bottom: 40px;
    }
    .recentNews {
        padding: 40px 0;
    }
    .owlCarouselItemTxt {
        padding: 80px 0 0;
    }
    .servicesCol {
        margin-top: 30px;
    }
    .advocFooterLogo {
        margin-bottom: 0;
    }
    .contactInfo {
        justify-content: unset;
        align-items: self-start;
        flex-direction: column;
        gap: 20px;
    }
    .contactInfoHeading h4 {
        font-size: 24px;
    }
    .contactInfo .contactInfoIcon .contactIcon span {
        font-size: 18px;
    }
    .advocFooter {
        padding: 40px 0;
    }
    .advocCommomHeading.txtWhite p {
        width: 100%;
    }
    .advocLegalCompanyGrid .advocLegalCompanyImg .legalCompanyTag {
        width: 100px;
    }
}
@media only screen and (max-width: 575px){
    .whyChooseUsContent h2 {
        font-size: 30px;
    }
    .whyChooseUsAbout p, .advocCommomHeading p, .advocServicesProvideGridTxt p, .owlCarouselItemTxt p {
        font-size: 16px;
    }
    .advocCommomHeading h2 {
        font-size: 30px;
    }
    .advocServicesProvideGridTxt {
        padding: 15px;
    }
    .advocLegalCompanyGroup {
        grid-template-columns: repeat(1, 1fr);
    }
    .pricingPlansHeading h4 {
        font-size: 30px;
    }
    .advocCommomHeading {
        padding: 0 0px;
    }
    .advocLegalCompany .advocCommomHeading{
        padding: 0px 15px;
    }
    .recentNews {
        padding: 40px 0 0 0;
    }
    .recentNewsInner{
        margin-top: 40px;
    }
    .aboutRequirementInner {
        grid: none;
    }
    .clientsSlider, .pricingPlans {
        padding: 40px 0;
    }
    .pricingPlansCard {
        margin-bottom: 20px;
    }
    .servicesCol h4 {
        color: #fff;
        font-size: 26px;
        font-family: Mulish-Bold;
    }
}
@media only screen and (max-width: 500px){
    .advocServicesItems {
        grid-template-columns: repeat(1, 1fr);
    }
    .whyChooseUsContent .whyChooseUsInner {
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }
}
@media only screen and (max-width: 450px){
    .lawHeaderTop .lawHeaderTopLeft ul, .lawHeaderTopRight ul {
        gap: 8px;
        align-items: center;
    }
    .lawHeaderRight .lawHeaderTop {
        padding: 15px 15px 15px 6px;
    }
    .advocCommomHeading h2 {
        font-size: 25px;
    }
    h2.elementor-heading-title.elementor-size-default {
    font-size: 25px;
}
    .pricingPlansHeading h4 {
        font-size: 20px;
    }
    .pricingPlansPriceInner p {
        font-size: 22px;
    }
    .pricingPlansPriceInner {
        gap: 0px;
    }
    .aboutRequirementTxt h4 {
        font-size: 20px;
    }
    .aboutRequirementTxt p, .recentNewsCardTxt p, .recentNewsCardDate, .recentNewsCardNews {
        font-size: 14px;
    }
  .advocOurTeamTxt h4 {
    text-align: center;
}
}


.ourClientsSlider .owl-dots .owl-dot.active {
    border-color: transparent;
}

.ourClientsSlider .owl-dots .owl-dot.active span {
    background-color: #188ec9;
}


.padding0 .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated>.elementor-widget-wrap {
    padding: 0;
}

.ourClientsSlider .owlCarouselItemTxt p {
    font-size: 20px;
}

.page-id-12033 .elementor .elementor-section.elementor-section-boxed > .elementor-container.elementor-column-gap-extended {
    max-width: 1500px;
}

/*home page 6 end css*/