@charset "utf-8";
/* CSS Document */

/* @import url('css/font-awesome.min.css');*/

/* In html file */
/*<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta name="viewport" content="width=device-width">*/

/**
 * 8.0 Media Queries
 * ----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
 @media (min-width: 1200px) {
	.page-hero__content{
		min-width: 240px;
		max-width: 770px;
	}
}

@media (min-width: 992px) {
	.sidebar-container.fixed {
		position: fixed;
		max-width: 29.333333%;
	}
	.story-section .statistic.benefit {
		padding: 40px 30px;
	}
	.navbar-expand-lg .navbar-nav {
		justify-content: end;
		width: 100%;
		align-items: center;
	}

	.navbar-nav .full-menu-parent {
		position: unset;
	}

	.custom-menu .dropdown:hover .dropdown-menu {
		display: block;
	}

	ul.dropdown-menu.full-menu {
		width: 100%;
		max-width: 100%;
		left: 0;
		right: 0;
		border: none;
		background: #fff url("../images/header-dented-car.jpg") no-repeat -240px 0;
		border-top: 5px solid var(--secondary-color);
		min-height: 340px;
	}

	header .header-button .primary-button {
		margin-left: 20px;
	}

	.homepage__statistics .stats .statistic {
		max-width: 280px;
	}

	.heading-section {
		max-width: 80%;
	}
}

@media (max-width: 1199px) {
	.page-hero__content{
		padding: 10px 15px 5px;
	}
	.logo-img {
		height: 35px;
	}

	header .navbar ul li a {
		font-size: 15px;
		padding: 18px 10px !important;

	}

}

@media (max-width: 992px) {
	header {
		padding: 10px 0px;
	}
    #solo-banner .content{
        padding: 10px;
    }
    #solo-banner .content .hero-text {
	    display: none;
    }
	#navbarSupportedContent {
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		background: #fff;
		top: 100%;
		z-index: 9;
		padding: 20px;
	}

	#navbarSupportedContent .navbar-nav {
		max-width: 670px;
		margin: auto;
	}

	header .navbar ul li a {
		padding: 10px 10px !important;
		width: 100%;
	}
    .testmonial-slider .owl-stage-outer{
        padding: 1rem 0px;
    }
}

@media (min-width: 768px) {
	.responsive-tabs .nav-tabs {
		display: flex;
	}

	.responsive-tabs .card {
		border: none;
	}

	.responsive-tabs .card .card-header {
		display: none;
	}

	.responsive-tabs .card .collapse {
		display: block;
	}
	.desktop-hidden{
		display: none !important;
	}
}


@media (max-width: 767px) {
	:root {
        --gap-large: 1.5rem; 
		--gap-60: 30px;
		--gap-40: 20px;
           
    }
	*{
		font-size: 14px;
	}
	.parctice-content h3 {
		font-size: 20px;
		margin-bottom: 20px;
	}
	.article-sidebar-menu.js-navigation-list a{
		padding: 8px 12px;
	}
	.parctice-content {
		padding: 10px 0px;
	}
	.article-sidebar-menu.js-navigation-list {
		display: flex;
		flex-wrap: nowrap;
		overflow: scroll;
	}
	.parctice-area .heading-section {
		margin-bottom: 10px;
	}
	.article-sidebar-menu.js-navigation-list a {
		position: relative;
		min-width: 220px;
	}
	.parctice-area .container {
		max-width: 100%;
	}
	.parctice-area .gap-60{
		padding-top:10px ;
		padding-bottom: 10px;
	}
	.sidebar-container.fixed{
		position: relative;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	h1 {
		font-size: 21px;
		margin: 0 0.5rem;
		line-height: 28px;
	}
	.mission-content{
		margin-top: 20px;
	}
	.statistic.benefit .statistic__number{
		font-size: 40px;
	}
	.mobile-hidden{
		display: none !important;
	}
    #solo-banner .content .button-wrapper {
	gap: 10px;
	margin: 0px;
    }
    #solo-banner .content .button-wrapper .primary-button {
	padding: 10px 7px !important;
	font-size: 12px;
	white-space:nowrap;
	font-weight: 500;
    }
    #solo-banner .content {
		padding: 10px;
	    /* top: 60%; */
	    top: 55%;
	    box-sizing: border-box;
	    max-width: 90%;
    }
    #solo-banner .content .hero-heading {
	font-size: 20px;
	line-height: 25px;
    }

	.practice-tab .inner-content{
		flex-wrap: wrap;
	}
	.practice-tab .inner-content .practice-area-slide__image{
		max-width: 100%;
	}
	.homepage__statistics .stats .statistic{
		margin-bottom: 30px;
	}
	.responsive-tabs .tab-pane {
		display: block !important;
		opacity: 1;
	}
	.practice-tab .card-header {
		padding: 0px;
		border: none;
		background: transparent;
	}
	.practice-tab .tab-pane.active h5 a, .practice-tab .tab-pane h5 a:hover {
		background: var(--menus-color);
		color: #fff;
	}
	.practice-tab .tab-pane {
		margin-bottom: 5px;
	}
	.practice-tab .card-header h5 a {
		display: inline-block;
		width: 100%;
		padding: 10px;
		font-weight: 700;
		background: #f5f5f5;
		text-transform: uppercase;
		border: 1px solid #dedede;
	}
    .primary-button {

        padding: 0.625rem 1.2rem !important;
    }
    .homepage__benefits .benefits .benefit{
        font-size: 18px;
    }
    .homepage__statistics .stats .statistic__number{
        font-size: 40px;
    }
    .homepage__statistics .stat{
        margin-bottom: 30px;
    }
    div#navbarSupportedContent .navbar-nav {
		max-width: 500px;
	}
    h2{
        font-size: 22px;
    }
	#testimonial{
		padding-top: 100px;
		padding-bottom: 100px;
	}
	#our-practice-area {
		padding: 20px 0px;
	}
	.article-content h4 {
		font-size: 20px;
	}
	.getintouch .contact-method a {
		font-weight: 700;
		font-size: 14px;
	}
	.getintouch {
		padding: var(--gap) 0px;
	}
	.getintouch .contact-method_text{
		max-width: 76%;
	}
	.contact-page{
		margin-top: 0px;
		padding-right: 0px;
	}
	.custom-form .form-control {
		line-height: 25px;
	}
	.contact-page .custom-form .form-group {
		margin-bottom: 15px;
	}
	.contact-page .custom-form lable{
		font-size: 13px;
	}

}

@media (max-width: 480px) {

	.address-location iframe {
		max-height: 250px;
	}
	.practice-tab .inner-content .practice-area-slide__image .image-wrapper img{
		width: 320px;
		height: 320px;
	}
	.practice-tab .practice-area-slide__image .image-wrapper::before {
		right: -0.625rem;
	}
	.author-img {
		min-width: 50px;
	}
	.author-block img {
		width: 50px;
		height: 50px;
	}

	#solo-banner .owl-dots button span {
		display: none;
	}
}

.header-fixed.fixed {
	width: 100%;
	z-index: 9;
	background: #fff;
	animation: smoothScroll 1.2s forwards;
	scroll-behavior: smooth;
  }
  #scrollToTop {
	  position: fixed;
	  right: 5px;
	  bottom: 85px;
	  z-index: 9;
  }
  .share-icons.onlyhome {
	  display: none;
  }
  @keyframes smoothScroll{
  0%{transform:translateY(-60px)}
  100%{transform:translateY(0)}}
  
  
  
  
  .header-fixed.fixed {
	width: 100%;
	z-index: 9;
	background: #fff;
	animation: smoothScroll 1.2s forwards;
	scroll-behavior: smooth;
  }
  #scrollToTop {
	  position: fixed;
	  right: 5px;
	  bottom: 85px;
	  z-index: 9;
  }
  .share-icons.onlyhome {
	  display: none;
  }
  @keyframes smoothScroll{
  0%{transform:translateY(-60px)}
  100%{transform:translateY(0)}}
  
  .footer--call {
	  background: var(--menus-color);
	  color: #fff;
	  /* padding: 10px; */
	  padding: 0px;
	  text-align: center;
	  display: none;
  }
  
  
  @media only screen and (max-width: 991px) {
	  #navbarSupportedContent {
		  position: absolute;
		  left: 0;
		  right: 0;
		  margin: auto;
		  background: #fff;
		  top: 100%;
		  z-index: 9;
		  padding: 20px;
		  width: auto;
		  max-width: 80%;
		  right: 0;
		  left: auto;
		  top: 0;
		  padding: 0px;
	  }
		#mega-menu-wrap-header-menu .mega-menu-toggle + #mega-menu-header-menu{
		min-width: 80vw}
		#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {
		padding-left: 0px;
		padding-top: 0px;
		padding-right: 0px;
  }
	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{
	font-size: 12px;}
  }
  
  @media only screen and (max-width: 767px) {
	  body {
		  padding-bottom: 40px;
	  }
	  .footer--call {
		  display: block;
	  }
	  .footer--call .footer--call__phone {
		/* background: var(--menus-color); */
		background: var(--dark-color);
		color: #fff;
		padding: 10px;
		width: 100%;
		display: inline-block;
		text-align: center;
		position: fixed;
		bottom: 0;
		border-top: 2px solid var(--dark-color);
		left: 0;
		font-size: 25px;
		z-index: 9999;
  	}
  .footer--call .footer--call__phone .phone-number {
	  font-size: 25px;
	  font-weight: 600;
  }
  #scrollToTop{  bottom:85px; }
}

.share-icons.onlyhome {
	position: fixed;
	top: 30%;
	left: 5px;
	display: flex;
	flex-direction: column;
	gap: 2px;
	z-index: 99;
}