/************ TABLE OF CONTENTS ***************



  01. THEME DEFAULT CSS

  02. common classes CSS

	03. body overlay css

	04. progress wrap css

	05. Background and text color css

	06. PAGE TITLE CSS

	07. sticky animation css

	08. PRELOADER CSS

	09. HEADER CSS

	10. MEAN MENU CSS

	11. SIDEBAR CSS

	12. HERO SECTION CSS

	13. PRACTICE SECTION CSS

	14. ABOUT SECTION CSS

	15. CASE STUDIES SECTION CSS

	16. HISTORY SECTION CSS

	17. ATTORNEY TEAM CSS

	18. TESTIMONIAL CSS

	19. CONTACT SECTION CSS 

	20. BLOG SECTION CSS

	21. FOOTER CSS

	22. HOME2 SUCCESS SEC CSS

	23. HOME2 PRACTICE SEC CSS

	24. HOME2 PRICING PLAN SEC CSS

	25. HOME2 FAQ SEC CSS

	26. HOME2 BRAND SEC CSS

	27. ATTORNEYS PAGE CSS

	28. ATTORNEY DETAILS PAGE

	29. CASE DETAILS PAGE CSS

	30. CASE STUDIES PAGE CSS

	31. PRACTICE PAGE CSS

  32. PRACTICE DETAILS PAGE CSS

  33. BLOG PAGE CSS

  34. BLOG DETAILS PAGE CSS

  35. 404 PAGE CSS







**********************************************/

/*----------------------------------------*/

/*  01. THEME DEFAULT CSS START

/*----------------------------------------*/

@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Manrope:wght@400;500;600&display=swap");

:root {

  /**

  @font family declaration

  */

  --mt-ff-body: "Manrope", sans-serif;

  --mt-ff-heading: "DM Serif Display", sans-serif;

  --mt-ff-p: "Manrope", sans-serif;

  --mt-ff-md-serif: "DM Serif Display", sans-serif;

  --mt-ff-manrope: "Manrope", sans-serif;

  --mt-ff-fontawesome: "Font Awesome 6 Pro";

  /**

  @color declaration

  */

  --mt-bule: #708090;

  --mt-text-light-white: #fff;

  --mt-text-dark-white: #fff;

  --mt-bg-light-white: #708090;

  --mt-bg-dark-white: #fff;

  --mt-brown: #000;

  --mt-text-color: #708090;

  /**

  @font weight declaration

  */

  --mt-fw-normal: normal;

  --mt-fw-elight: 200;

  --mt-fw-light: 300;

  --mt-fw-regular: 400;

  --mt-fw-medium: 500;

  --mt-fw-sbold: 600;

  --mt-fw-bold: 700;

  --mt-fw-ebold: 800;

  --mt-fw-black: 900;

  /**

  @font size declaration

  */

  --mt-fz-body: 16px;

  --mt-fz-p: 16px;

  --mt-fz-h1: 94px;

  --mt-fz-h2: 80px;

  --mt-fz-h3: 52px;

  --mt-fz-h4: 24px;

  --mt-fz-h5: 16px;

  --mt-fz-h6: 14px;

}



* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}



/*---------------------------------

    typography css start 

---------------------------------*/



body {

  font-family: var(--mt-ff-body);

  font-size: var(--mt-fz-body);

  font-weight: 400;

  color: var(--mt-text-color);

  line-height: 28px;

}



img {

  max-width: 100%;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: var(--mt-ff-heading);

  color: var(--mt-bule);

  font-weight: var(--mt-fw-regular);

  letter-spacing: -0.02em;

  line-height: 1.2;

}



h1 {

  font-size: var(--mt-fz-h1);

  line-height: 98px;

}

.hero-content .hero-title {

    font-size: 75px;

    line-height: 84px;

}

h2 {

  font-size: var(--mt-fz-h2);

  line-height: 88px;

}



h3 {

  font-size: var(--mt-fz-h3);

  line-height: 60px;

}



h4 {

  font-size: var(--mt-fz-h4);

  line-height: 32px;

}



h5 {

  font-size: var(--mt-fz-h5);

  line-height: 28px;

}



h6 {

  font-size: var(--mt-fz-h6);

}



ul {

  margin: 0px;

  padding: 0px;

  list-style: none;

  display: inline-block;

}



p {

  font-family: var(--mt-ff-p);

  font-size: 16px;

  font-weight: var(--mt-fw-regular);

  color: var(--mt-text-color);

  margin-bottom: 15px;

  line-height: 28px;

}



a,

.btn,

button,

span,

p,

i,

input,

select,

textarea,

li,

img,

svg path,

*::after,

*::before,

.transition-3,

h1,

h2,

h3,

h4,

h5,

h6 {

  transition: all 0.2s ease-out 0s;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



a:focus,

.button:focus {

  text-decoration: none;

  outline: none;

}



a:focus,

a:hover {

  color: inherit;

  text-decoration: none;

}



a,

button {

  color: inherit;

  outline: none;

  border: none;

  background: transparent;

}



button:hover {

  cursor: pointer;

}



button:focus {

  outline: 0;

  border: 0;

}



.uppercase {

  text-transform: uppercase;

}



.capitalize {

  text-transform: capitalize;

}



input {

  outline: none;

}



input[type=color] {

  appearance: none;

  -moz-appearance: none;

  -webkit-appearance: none;

  background: none;

  border: 0;

  cursor: pointer;

  height: 100%;

  width: 100%;

  padding: 0;

  border-radius: 50%;

}



*::-moz-placeholder {

  color: var(--tp-common-black);

  font-size: var(--tp-fz-body);

  opacity: 1;

}



*::placeholder {

  color: var(--tp-common-black);

  font-size: var(--tp-fz-body);

  opacity: 1;

}



/*---------------------------------

  02. common classes css start 

---------------------------------*/

.heading-style2 {

  font-family: var(--mt-ff-manrope);

  font-weight: var(--mt-fw-sbold);

}



.achivement-logos {

  margin-bottom: 40px;

}

.achivement-logos img {

  margin-right: 16px;

}



.w-img {

  width: 100%;

}



.m-img {

  max-width: 100%;

}



.fix {

  overflow: hidden;

}



.clear {

  clear: both;

}



.f-left {

  float: left;

}



.f-right {

  float: right;

}



.z-index-1 {

  z-index: 1;

}



.z-index-11 {

  z-index: 11;

}



.overflow-y-visible {

  overflow-x: hidden;

  overflow-y: visible;

}



.p-relative {

  position: relative;

}



.p-absolute {

  position: absolute;

}



.mt-text-white {

  color: var(--mt-text-light-white) !important;

}



.mt-text-light {

  color: var(--mt-text-dark-white) !important;

}



.mt-btn {

  font-family: var(--mt-ff-body);

  font-weight: var(--mt-fw-sbold);

  color: var(--mt-text-light-white);

  background: var(--mt-brown);

  overflow: hidden;

  font-size: 16px;

  line-height: 28px;

  text-decoration: none;

  display: inline-block;

  padding: 15px 32px;

  border-radius: 0px;

  text-align: center;

  display: inline-block;

  vertical-align: middle;

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative;

  transition-property: all;

  transition-duration: 0.3s;

}

.mt-btn {

  display: inline-flex;

  align-items: center;

  gap: 0px; /* spacing between text and icon */

  transition: color 0.3s ease;

}



.mt-btn i {

  transition: transform 0.3s ease;

}



.mt-btn:hover i {

  transform: translateX(5px); /* move right on hover */

}



.mt-btn:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  /*background: #995d47;*/

  transform: scaleX(0);

  transform-origin: 0 50%;

  transition-property: transform;

  transition-duration: 0.3s;

  transition-timing-function: ease-out;

}



.mt-btn:hover::before {

  transform: scaleX(1);

}



.mt-btn:hover {

  color: var(--mt-text-light-white);

}



.mt-btn:focus {

  color: var(--mt-text-light-white);

}



.mt-btn i {

  margin-left: 8px;

}



.mt-btn-fc {

  padding: 10px 24px;

  gap: 0px;

}



.read-more-btn {

  color: var(--mt-brown);

  text-decoration: none;

  font-weight: 600;

  display: inline-block;

}

.read-more-btn:hover {

  color: var(--mt-brown);

}



.mt-bg-light-white {

  background: var(--mt-bg-light-white);

}



.mt-btn-white {

  background: var(--mt-bg-light-white);

  color: var(--mt-text-color);

}

.mt-btn-white:focus {

  color: var(--mt-bule);

}



/*----------------------------------------

  03.  body overlay css start

-----------------------------------------*/

.body-overlay {

  background-color: rgba(var(--tp-common-black), 0.5);

  height: 100%;

  width: 100%;

  position: fixed;

  top: 0;

  z-index: 99;

  left: 0;

  opacity: 0;

  visibility: hidden;

  transition: all 0.3s ease-out 0s;

}



.body-overlay:hover {

  cursor: pointer;

}



.body-overlay.opened {

  opacity: 1;

  visibility: visible;

}



/*----------------------------------------

  04. progress wrap css start

-----------------------------------------*/

@media (max-width: 575px) {

  .progress-wrap {

    right: 15px;

    bottom: 15px;

  }

}

@media (min-width: 1400px) {

  .custom-container {

    max-width: 1680px;

  }

}

@media (min-width: 1400px) {

  .custom-container-3 {

    max-width: 1200px;

  }

}

/*---------------------------------------

  05. Background and text color css start

-----------------------------------------*/

.bg-light-white {

  background: var(--mt-bg-light-white);

}



.bg-dark-white {

  background: var(--mt-bg-dark-white);

}



.bg-blue {

  background: var(--mt-bule);

}



.tx-white {

  color: var(--mt-text-light-white);

}



/*----------------------------------------*/

/*  06. PAGE TITLE CSS START

/*----------------------------------------*/

.page-title-area {

  background: url(assets/img/footer/page-title-img.png) top right/cover no-repeat;

  background-color: rgba(0, 0, 0, 0);

  background-color: var(--mt-bule);

}

.page-title-area .section-overlay {

  background: linear-gradient(127deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 50%, rgba(0, 0, 0, 0.7763480392) 100%);

}



.page-title-wrappper {

  margin: 200px 0 148px;

}

.page-title-wrappper h1.page-title {

  color: var(--mt-text-light-white);

  font-size: 75px;

}

.page-title-wrappper h2.page-title {

  color: var(--mt-text-light-white);

}

.page-title-wrappper ul.breadcrumb-menu li.breadcrumb-menu-item {

  position: relative;

  display: inline-block;

  padding-right: 28px;

}

.page-title-wrappper ul.breadcrumb-menu li.breadcrumb-menu-item:last-child {

  padding-right: 0;

}

.page-title-wrappper ul.breadcrumb-menu li.breadcrumb-menu-item a {

  color: var(--mt-text-dark-white);

  text-decoration: none;

}

.page-title-wrappper ul.breadcrumb-menu li.breadcrumb-menu-item::before {

  content: "\f105";

  font-family: "Font Awesome 6 Pro";

  position: absolute;

  color: var(--mt-text-dark-white);

  left: -20px;

  top: 2px;

}

.page-title-wrappper ul.breadcrumb-menu li.breadcrumb-menu-item:first-child::before {

  display: none;

}



/*----------------------------------------*/

/*  07. sticky animation css

/*----------------------------------------*/

/* ========= sticky animation ========== */

@keyframes sticky {

  0% {

    transform: translateY(-100%);

  }

  100% {

    transform: translateY(0%);

  }

}

/*----------------------------------------*/

/*  08. PRELOADER CSS START

/*----------------------------------------*/

.preloader {

  position: fixed;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  z-index: 999999;

  background-color: #ffffff;

  background-position: center center;

  background-repeat: no-repeat;

  background-image: url(img/preloader.html);

}



/*----------------------------------------*/

/*  09. HEADER CSS START

/*----------------------------------------*/

.header-area {

  position: absolute;

  position: absolute;

  z-index: 222;

  width: 100%;

  background: var(--mt-bule);

}







.header__sticky {

  position: fixed !important;

  left: 0;

  margin: auto;

  top: 0;

  width: 100%;

  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);

  z-index: 99;

  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.07);

  animation: sticky 1s;

  background: var(--mt-bule);

}



.header__sticky.header__bottom-2 {

  padding: 15px 0;

}



@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {

  .header__sticky.header__bottom-2 {

    padding: 30px 0;

  }

}

.header__sticky.header__area-3 {

  background: #ffebeb;

  padding: 25px 0;

}



.logo {

/*   width: 180px; */

  height: 100px;

  display: flex;

  justify-content: start;

  align-items: center;

  border-bottom-left-radius: 6px;

  border-bottom-right-radius: 6px;

}

.logo h1 {

    color: #fff;

    font-size: 32px;

    line-height: 40px;

}

.main-menu ul li {

  display: inline-block;

  margin-right: 40px;

  position: relative;

}



.social-icon a {

  margin-right: 16px;

  margin-top: 4px;

  font-size: 20px;

  color: var(--mt-text-light-white);

  text-decoration: none;

  display: inline-block;

}

.social-icon a:last-child {

  margin-right: 0;

}

.social-icon a:hover {

  color: #bd7e67;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .main-menu ul li {

    margin-right: 22px;

  }

}

.main-menu ul li:last-child {

  margin-right: 0;

}



.main-menu ul li.has-dropdown > a {

  padding-right: 14px;

}



.main-menu ul li.has-dropdown > a::after {

  position: absolute;

  content: "\f107";

  right: -4px;

  top: 42px;

  font-size: 14px;

  font-size: 14px;

  color: var(--mt-text-light-white);

  font-family: "Font Awesome 6 Pro";

}



.main-menu ul li a {

  color: var(--mt-text-light-white);

  font-size: 16px;

  font-weight: var(--mt-fw-medium);

  line-height: 28px;

  text-decoration: none;

  padding: 40px 0;

  display: inline-block;

  transition: 0.3s;

}



.main-menu ul li .active {

  color: var(--mt-text-light-white);

}



.main-menu ul li:hover > a {

  color: var(--mt-text-light-white);

}



.main-menu ul li:hover > a::after {

  color: var(--mt-text-light-white);

}



.main-menu ul li:hover .sub-menu {

  visibility: visible;

  opacity: 1;

  top: 100%;

}



.main-menu ul li .sub-menu {

  position: absolute;

  left: 0;

  top: 110%;

  min-width: 220px;

  background-color: var(--mt-bg-light-white);

  opacity: 0;

  visibility: hidden;

  z-index: 99;

  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);

  padding: 20px 0px 15px;

  transition: 0.3s;

  border-top: 4px solid var(--tp-theme-1);

}



.main-menu ul li .sub-menu li {

  margin: 0;

  padding: 0;

  display: inline;

  position: relative;

  width: 100%;

  display: block;

}



.main-menu ul li .sub-menu li a {

  font-size: 16px;

  font-weight: 400;

  display: block;

  padding: 5px 25px;

  transition: 0.3s;

  color: #fff;

  text-transform: capitalize;

}



.main-menu ul li .sub-menu li .active {

  color: var(--tp-theme-1);

}



.main-menu ul li .sub-menu li:hover > a {

  color: #fff;

  margin-left: 10px;

}



.main-menu ul li .sub-menu li > .sub-menu {

  left: 120%;

  top: 0;

  visibility: hidden;

  opacity: 0;

}



.main-menu ul li .sub-menu li:hover > .sub-menu {

  left: 100%;

  visibility: visible;

  opacity: 1;

}



.menu-padding {

  padding-left: 40px;

}



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

  .menu-padding {

    padding-left: 10px;

  }

}

.header-info {

  display: flex;

}



.header-info .info-item h5 {

  font-size: 18px;

  font-family: var(--mt-ff-manrope);

  font-weight: 500;

  color: var(--mt-text-light-white);

  height: 100%;

  display: flex;

  flex-direction: row;

  justify-content: center;

  align-items: center;

}

.header-info .info-item h5 a {

  text-decoration: none;

}



.header-info .info-item h5 i {

  margin-right: 10px;

}



.header-info .info-item-right {

  margin-right: 40px;

}



@media (max-width: 1360px) {

   .header-right-menu {

    display: flex;

    align-items: center;

    gap: 10px;

    justify-content: end;

  }

}

@media (min-width: 1360px) {

 

  .side-menu-icon {

    display: none;

  }

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .header-info .info-item-right {

    margin-right: 20px;

  }

}

@media (max-width: 1200px) { 

  .header-info .info-item-right {

    margin-right: 10px;

  }

}

@media (max-width: 767px) {

  .header-area .row {

    margin: 0 0;

  }

}

/*----------------------------------------*/

/*  10. MEAN MENU CSS START

/*----------------------------------------*/

/* mean menu customize */

.mean-container a.meanmenu-reveal {

  display: none;

}



.mean-container .mean-nav {

  background: none;

  margin-top: 0;

}



.mean-container .mean-bar {

  padding: 0;

  min-height: auto;

  background: none;

}



.mean-container .mean-nav > ul {

  padding: 0;

  margin: 0;

  width: 100%;

  list-style-type: none;

  display: block !important;

}



.mean-container a.meanmenu-reveal {

  display: none !important;

}



.mean-container .mean-nav ul li a {

  width: 100%;

  padding: 10px 0;

  color: #fff;

  border-top: 1px solid #ebebeb;

  font-size: 16px;

  line-height: 1.5;

  font-weight: 600;

}



.mean-container .mean-nav ul li a:hover {

  color: #ffff;

}



.mean-container .mean-nav ul li a.mean-expand {

  margin-top: 5px;

  padding: 0 !important;

  line-height: 14px;

  border: 1px solid #ebebeb !important;

  height: 30px;

  width: 30px;

  line-height: 30px;

  color: #fff;

  line-height: 30px;

  top: 0;

  font-weight: 400;

}



.mean-container .mean-nav ul li a.mean-expand:hover {

  background: var(--mt-bg-light-white);

  color: #fff;

  border-color: #ebebeb;

}



.mean-container .mean-nav ul li > a > i {

  display: none;

}



.mean-container .mean-nav ul li > a.mean-expand i {

  display: inline-block;

}



.mean-container .mean-nav > ul > li:first-child > a {

  border-top: 0;

}



.mean-container .mean-nav ul li a.mean-expand.mean-clicked {

  color: #fff;

}



.mean-container .mean-nav ul li a.mean-expand.mean-clicked i {

  transform: rotate(45deg);

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  color: #fff;

}



/*----------------------------------------*/

/*  11. SIDEBAR CSS START

/*----------------------------------------*/

.sidebar__area {

  position: fixed;

  right: -485px;

  top: 0;

  width: 465px;

  height: 100%;

  background: var(--mt-bg-light-white)none repeat scroll 0 0;

  overflow-y: scroll;

  -ms-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);

  -o-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);

  box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);

  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);

  z-index: 9999;

}



@media (max-width: 575px) {

  .sidebar__area {

    width: 290px;

  }

}

.sidebar__area.sidebar-opened {

  right: 0px;

}



.sidebar__area-2 {

  left: -485px;

}



.sidebar__area-2.sidebar-opened {

  left: 0px;

}



.sidebar__wrapper {

  position: relative;

  padding: 45px;

  background: var(--mt-bg-light-white);

}



@media (max-width: 575px) {

  .sidebar__wrapper {

    padding: 20px;

  }

}

.sidebar__close {

  position: absolute;

  top: 35px;

  right: 45px;

}



@media (max-width: 575px) {

  .sidebar__close {

    top: 22px;

    right: 20px;

  }

}

.sidebar__close-btn {

  display: flex;

  font-size: 16px;

  height: 45px;

  width: 45px;

  line-height: 49px;

  background: var(--mt-bule);

  color: var(--mt-text-light-white);

  border-radius: 50%;

  justify-content: center;

  align-items: center;

}



.sidebar__logo {

  padding-bottom: 0px;

}

.sidebar__logo a{

  text-decoration: none;

}

.sidebar__logo h1 {

    font-size: 35px;

    line-height: 42px;

    

}

.sidebar__search {

  position: relative;

  margin-bottom: 25px;

}



.sidebar__search input {

  width: 100%;

  height: 40px;

  line-height: 40px;

  padding-right: 20px;

  background: transparent;

  border: none;

  outline: none;

  border-bottom: 1px solid #ebebeb;

  font-size: 16px;

  color: #7b7772;

}



.sidebar__search input::-moz-placeholder {

  color: #7b7772;

}



.sidebar__search input::placeholder {

  color: #7b7772;

}



.sidebar__search input:focus {

  color: #7b7772;

}



.sidebar__search button {

  position: absolute;

  top: 50%;

  right: 0;

  transform: translateY(-50%);

  font-size: 14px;

  color: var(--mt-bule);

  transition: 0.3s;

}



.sidebar__text p {

  margin-bottom: 25px;

  font-size: 16px;

}



.sidebar__contact {

  margin: 30px 0 20px;

}



.sidebar__contact h4 {

  font-size: 30px;

  margin-bottom: 20px;

  color: #fff;

}



.sidebar__contact ul li:not(:last-child) {

  margin-bottom: 20px;

}



.sidebar__contact-icon {

  margin-right: 15px;

}



.sidebar__contact-icon i {

  display: inline-block;

  color: #fff;

  width: 40px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  border: 1px solid #ebebeb;

  border-radius: 7px;

}



.sidebar__contact-text a {

  font-size: 16px;

  font-weight: 400;

  color: #fff;

  text-decoration: none;

}



.sidebar__map iframe {

  width: 100%;

  height: 200px;

  border: none;

}



.sidebar__social ul li {

  display: inline-block;

}



.sidebar__social ul li:not(:last-child) {

  margin-right: 5px;

}



.sidebar__social ul li a {

  display: inline-block;

  width: 40px;

  height: 40px;

  line-height: 42px;

  text-align: center;

  background: #f1f1f1;

  color: var(--tp-theme-1);

  border-radius: 5px;

}



.side-menu-icon i {

  color: #fff;

  font-size: 32px;

  cursor: pointer;

  position: relative;

  top: 5px;

}



.body-overlay {

  background-color: rgba(0, 0, 0, 0.5);

  height: 100%;

  width: 100%;

  position: fixed;

  top: 0;

  z-index: 999;

  left: 0;

  opacity: 0;

  visibility: hidden;

  transition: all 0.3s ease-out 0s;

}



.body-overlay:hover {

  cursor: pointer;

}



.body-overlay.opened {

  opacity: 1;

  visibility: visible;

}



/*----------------------------------------*/

/*  12. HERO SECTION CSS START

/*----------------------------------------*/

.hero-section {

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

  background-color: #000;

}

.hero-section .section-overlay {

    padding-top: 180px;

    padding-bottom: 140px;

}

.hero-content-right {

    text-align: left;

}

/* .hero-img img {

    width: 100%;

} */

.hero-sec-home2 {

  background-image: url(assets/img/hero/hero-bg2.png);

  background-position: top left;

  background-size: cover;

  background-repeat: no-repeat;

}



.hero-content {

  margin-top: 10px;

}

.hero-content .hero-tagline {

  color: var(--mt-text-dark-white);

  font-size: var(--mt-fz-p);

  font-weight: var(--mt-fw-medium);

}

.hero-content .hero-title {

  margin: 16px 0 28px;

}

.hero-content p {

  color: var(--mt-text-dark-white);

  font-size: 18px;

  line-height: 30px;

}

.hero-content a {

  margin: 28px 0 0px;

  text-decoration: none;

  font-weight: var(--mt-fw-sbold);

}

.hero-content .hero-site-info {

  display: flex;

  color: var(--mt-text-dark-white);

  width: 80%;

}

.hero-content .hero-site-info .hero-single-site-info .site-rating-img {

  margin-right: 20px;

}

.hero-content .hero-site-info .hero-single-site-info .site-reting ul.reting li {

  float: left;

  margin-left: 1.5px;

}

.hero-content .hero-site-info .hero-single-site-info .site-reting ul.reting li i {

  font-size: 18px;

  color: var(--mt-text-light-white);

}



ul.hero-site-info li.hero-single-site-info {

  float: left;

}

ul.hero-site-info li.hero-single-site-info h3 {

  font-size: 44px;

  line-height: 50px;

}

ul.hero-site-info li.site-info1 {

  padding-right: 48px;

  border-right: 1px solid rgba(252, 247, 233, 0.1);

}

ul.hero-site-info li.site-info1 .site-rating-img img {

  width: 56px;

}

ul.hero-site-info li.site-info2 {

  padding-left: 48px;

}

ul.hero-site-info li.site-info2 .site-rating-img img {

  width: 45px;

}



.hero-single-feature {

  display: flex;

  padding: 44px 40px;

  background: #0d45a0;

}

.hero-single-feature .hero-sf-content h4 {

  color: var(--mt-text-light-white);

  font-size: 20px;

  line-height: 28px;

  margin-bottom: 12px;

}

.hero-single-feature .hero-sf-content p {

  color: var(--mt-text-dark-white);

}

.hero-single-feature .hero-sf-icon {

  margin-left: 20px;

}

.hero-single-feature .hero-sf-icon i {

  color: var(--mt-text-light-white);

  font-size: 40px;

}



.hero-sec-home2 .section-overlay {

  position: relative;

}

.hero-sec-home2 .section-overlay .hero-img {

  position: absolute;

  right: 5%;

  bottom: 0;

  width: 47%;

}



/*----------------------------------------*/

/*  13. PRACTICE SECTION CSS START

/*----------------------------------------*/

.single-practice-area {

  margin-bottom: 40px;

}

.single-practice-area i {

  color: var(--mt-brown);

}

.single-practice-area h5 {

  font: 600 22px/28px var(--mt-ff-manrope);

  margin: 28px 0 12px;

}



.single-practice-style2 {

  margin-bottom: 64px;

}

.single-practice-style2 .single-practice-area {

  padding: 0;

}



/*----------------------------------------*/

/*  14. ABOUT SECTION CSS START

/*----------------------------------------*/

.about-sec-img {

  position: relative;

  width: 100%;

  height: 100%;

}

.about-sec-img .about-img-one {

  width: 100%;

}

.about-sec-img .about-img-one img {

  width: 100%;

}

.about-sec-img .about-img-two {

  position: absolute;

  width: 45%;

  top: 42%;

}

.about-sec-img .about-img-two img {

  width: 100%;

}

.about-sec-img .about-img-two a.btn-play {

  height: 88px;

  width: 88px;

  display: flex;

  align-items: center;

  justify-content: center;

  background: var(--mt-bg-light-white);

  color: var(--mt-bule);

  text-decoration: none;

  border-radius: 50%;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-44px, -44px);

}



.about-sec-list {

  margin-bottom: 40px;

  display: block;

}

.about-sec-list li {

  color: var(--mt-brown);

  position: relative;

  margin-bottom: 4px;

}

.about-sec-list li:last-child {

  margin-bottom: 0;

}

.about-sec-list li::before {

  content: "\f00c";

  font-family: "Font Awesome 6 Pro";

  font-weight: 600;

  padding: 5px 10px 5px 0;

}



.about-sec-media {

  margin-top: 40px;

}

.about-sec-media .media-item .media-icon i {

  font-size: 52px;

  color: #fff;

}

.about-sec-media .media-item .media-body h4.heading-style2 {

  font-size: 22px;

  line-height: 28px;

  margin-bottom: 12px;

}



/* .about-section-home1 {

  padding-bottom: 196px;

} */



.about-section-home2 {

  padding-bottom: 196px;

}



/*----------------------------------------*/

/*  15. CASE STUDIES SECTION CSS START

/*----------------------------------------*/

.single-case-info {

  transition: all 0.3s ease-out 0s;

}

.single-case-info:hover .single-case-img img {

  transform: scale(1.2);

  -webkit-transform: scale(1.2);

  -moz-transform: scale(1.2);

  -ms-transform: scale(1.2);

  -o-transform: scale(1.2);

}

.single-case-info .single-case-img {
    overflow: hidden;
    position: relative;
    height: 391px;
}

.single-case-info .single-case-img img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.single-case-info .single-case-content h4 {

  margin: 24px 0 4px;

}

.single-case-info .single-case-content h4 a {

  text-decoration: none;

}

.single-case-info .single-case-content span {

  color: var(--mt-brown);

}

.single-case-info:hover .single-case-content h4 a {

  text-decoration: none;

  text-decoration-thickness: 1px;

}



.case-slider .owl-nav {

  width: 100%;

}

.case-slider .owl-nav .owl-prev,

.case-slider .owl-nav .owl-next {

  position: absolute;

  top: 50%;

  transform: translateY(-38px);

}

.case-slider .owl-nav .owl-prev i,

.case-slider .owl-nav .owl-next i {

  color: #7b7772;

  font-size: 35px;

}

.case-slider .owl-nav .owl-prev {

  left: -3%;

}

.case-slider .owl-nav .owl-next {

  right: -3%;

}

.case-slider .owl-dots {

  display: none;

  margin-top: 20px;

  text-align: center;

}

.case-slider .owl-dots .owl-dot {

  height: 8px;

  width: 8px;

  margin-right: 16px;

  background: rgba(123, 119, 114, 0.3);

  border-radius: 50%;

  display: inline-block;

}

.case-slider .owl-dots .owl-dot.active {

  background: var(--mt-brown);

}



/*----------------------------------------*/

/*  16. HISTORY SECTION CSS START

/*----------------------------------------*/

.history-section {

  background: url(assets/img/history/history-bg.png) top left/cover no-repeat;

  background-color: #708090;

}

.history-section .section-overlay {

  background-color: #000;

}



.history-tab {

  margin-bottom: -280px;

}

.history-tab nav {

  margin-bottom: 64px;

}

.history-tab .nav-tabs {

  border: none;

}

.history-tab .nav-tabs button.nav-link {

  position: relative;

  width: 16.6666666667%;

  font-family: var(--mt-ff-manrope);

  font-weight: var(--mt-fw-sbold);

  color: var(--mt-text-dark-white);

  font-size: 16px;

  line-height: 28px;

  background: none;

  border: none;

  border-bottom: 2px solid #fff;

  padding: 0 0 14px;

}

.history-tab .nav-tabs button.nav-link::before {

  content: "";

  position: absolute;

  width: 14px;

  height: 14px;

  border: 2px solid #fff;

  border-radius: 50%;

  background: var(--mt-bule);

  left: 50%;

  bottom: -8px;

  transform: translateX(-8px);

}

.history-tab .nav-tabs button.nav-link.active {

  color: var(--mt-text-light-white);

  border-color: var(--mt-bg-light-white);

}

.history-tab .nav-tabs button.nav-link.active::before {

  background: var(--mt-brown);

}



.history-tab-details .history-tab-img img {

  width: 100%;

}

.history-tab-details .history-tab-content {

  background: #000;

  padding: 110px 122px 110px 70px;

}

.history-tab-details .history-tab-content h3 {

  font-size: 44px;

  line-height: 52px;

  margin-bottom: 28px;

  color: #fff;

}

.history-tab-details .history-tab-content p {

  color: #fff;

}

.history-tab-details .history-tab-content a {

  margin-top: 85px;

}



.history-call {

  padding-top: 230px;

  background-color: #000;

}

.history-call .call-us p {

  margin-top: 0;

}



.call-us p {

  font-size: 18px;

  line-height: 30px;

  margin: 40px 0;

}

.call-us p a {

  font-weight: 600;

  text-decoration: none;

}

.call-us hr {

  border: 1px solid rgba(123, 119, 114, 0.3);

  margin: 0;

}



/*----------------------------------------*/

/*  17. ATTORNEY TEAM CSS START

/*----------------------------------------*/

.single-attorney {

  margin-bottom: 64px;

}

.single-attorney .attorney-social-wrapper {

  position: relative;

}

.single-attorney .attorney-social-wrapper img {

  width: 100%;

}

.single-attorney .attorney-social-wrapper .attorney-social-icon {

  position: absolute;

  height: 100%;

  width: 100%;

  bottom: 0;

  left: 0;

  background: rgba(158, 107, 88, 0.6);

  display: flex;

  align-items: end;

  justify-content: center;

  opacity: 0;

  transform: scale(0);

  transition: all 0.2s ease-out 0s;

  overflow: hidden;

}

.single-attorney .attorney-social-wrapper .attorney-social-icon a {

  text-decoration: none;

  color: var(--mt-text-light-white);

  font-size: 25px;

  border-radius: 50%;

  width: 44px;

  height: 44px;

  display: flex;

  align-items: center;

  justify-content: center;

  border: 2px solid var(--mt-text-light-white);

  margin-left: 12px;

  margin-bottom: -58px;

}

.single-attorney .attorney-social-wrapper .attorney-social-icon a:hover {

  color: var(--mt-bule);

  border-color: var(--mt-bule);

}

.single-attorney:hover .attorney-social-icon {

  opacity: 1;

  transform: scale(1);

}

.single-attorney:hover .attorney-social-icon a {

  margin-bottom: 28px;

}

.single-attorney .attorney-info {

  margin-top: 28px;

  text-align: center;

}

.single-attorney .attorney-info h4.heading-style2 {

  font-size: 22px;

  line-height: 28px;

  margin-bottom: 4px;

}

.single-attorney .attorney-info h4.heading-style2 a {

  -webkit-text-decoration: 0;

          text-decoration: 0;

}

.single-attorney .attorney-info span.attorney-title {

  color: var(--mt-brown);

}

.single-attorney:hover .attorney-info h4.heading-style2 a {

  text-decoration: underline;

  text-decoration-thickness: 1px;

}



.attorney-slider {

  display: inline-block !important;

  transform: scale(1.2);

  margin-top: 50px;

}

.attorney-slider .single-attorney {

  margin-bottom: 28px;

}

.attorney-slider .owl-dots {

  text-align: center;

  line-height: 0;

  display: none;

}

.attorney-slider .owl-dots .owl-dot {

  height: 8px;

  width: 8px;

  background: rgba(123, 119, 114, 0.3);

  border-radius: 50%;

  display: inline-block;

  margin-right: 16px;

}

.attorney-slider .owl-dots .owl-dot.active {

  background: var(--mt-brown);

}

.attorney-slider .owl-dots .owl-dot:last-child {

  margin-right: 0;

}



/*----------------------------------------*/

/*  18. TESTIMONIAL CSS START

/*----------------------------------------*/

.testimonial-section {

  overflow: hidden;

}



.single-testimonial {

  padding: 60px 40px;

}

.single-testimonial .testimonial-rating {

  position: relative;

  color: #fff;

  margin-bottom: 16px;

}

.single-testimonial .testimonial-content h4.testimonial-author {

  position: relative;

  font-size: 20px;

  line-height: 28px;

  margin: 40px 0 4px;

  color: #fff;

}

.single-testimonial .testimonial-content h4.testimonial-author::before {

  content: "\f10c";

  font-weight: 500;

  font-family: flaticon_mehedilaw !important;

  font-size: 55px;

  color: #fff;

  position: absolute;

  right: 0;

  top: 16px;

}

.single-testimonial .testimonial-content span {

  color: var(--mt-brown);

}



.testimonial-slider {

  margin-top: 15px;

}

.testimonial-slider .owl-dots {

  text-align: center;

  line-height: 0;

  margin-top: 64px;

}

.testimonial-slider .owl-dots .owl-dot {

  height: 8px;

  width: 8px;

  background: rgba(123, 119, 114, 0.3);

  border-radius: 50%;

  display: inline-block;

  margin-right: 16px;

  margin-bottom: 20px;

}

.testimonial-slider .owl-dots .owl-dot.active {

  background: var(--mt-brown);

}

.testimonial-slider .owl-dots .owl-dot:last-child {

  margin-right: 0;

}



.tp-section .sec-title {

  margin-bottom: 34px;

}

.tp-section .single-testimonial {

  margin-top: 30px;

}



/*----------------------------------------*/

/*  19. CONTACT SECTION CSS START

/*----------------------------------------*/

.contact-section .sec-content h3.sec-title {

  margin-bottom: 28px;

  color: #000;

}

.contact-section .sec-content .sec-desc p {

color: #000;

}

.contact-section .sec-content ul {

    list-style-type: disc;

    margin-left: 18px;

    margin-bottom: 15px;

}

.contact-section .sec-content ul li {

    color: #000;

}

.contact-section .sec-content ul.law-contact {

  margin-top: 25px;

}

.contact-section .sec-content ul.law-contact li a.phone {

  font-size: 18px;

  font-weight: 500;

  line-height: 30px;

}

.contact-section .sec-content ul.law-contact li a {

  color: var(--mt-brown);

  text-decoration: none;

}

.contact-section .sec-content ul.law-contact li a.email {

  text-decoration: underline;

}



form.law-cform .contact-field {

  margin-bottom: 16px;

}

form.law-cform .contact-field input,

form.law-cform .contact-field textarea {

  width: 100%;

  color: #7b7772;

  padding: 15px 24px;

  border: 1px solid rgba(123, 119, 114, 0.4);

  border-radius: 4px;

  background: inherit;

}

form.law-cform button.mt-btn-form {

  margin-top: 36px;

}



.form-style-2 {

  background: #000;

  padding: 60px;

}

.form-style-2 h4.form-title {

    font-size: 32px;

    line-height: 40px;

    padding-bottom: 25px;

    margin-bottom: 0;

    color: #fff;

}

.form-style-2 button.mt-btn-form {

  width: auto;

}



.location-map {

  margin-right: 12%;

}

.location-map iframe {

  width: 100%;

}



.contact-map-section {

  overflow: hidden;

}

.contact-map-section .contact-map-location {

  margin-bottom: -8px;

}



/*----------------------------------------*/

/*  20. BLOG SECTION CSS START

/*----------------------------------------*/

.blog-item {

  margin-bottom: 40px;

}

.blog-item .blog-thumb a {

  overflow: hidden;

  height: 100%;

  width: 100%;

  display: inline-block;

}

.blog-item .blog-thumb a img {

  width: 100%;

}

.blog-item .blog-content {

  margin-top: 28px;

}

.Blog-page-section .blog-thumb img {
	object-fit: cover;
}

.blog-item .blog-content .blog-meta {

  display: flex;

  color: var(--mt-brown);

}

.blog-item .blog-content .blog-meta .blog-catagory {

  position: relative;

  margin-left: 20px;

}

.blog-item .blog-content .blog-meta .blog-catagory::before {

  content: "";

  height: 5px;

  width: 5px;

  background: var(--mt-brown);

  border-radius: 50%;

  position: absolute;

  top: 12px;

  left: -12px;

}

.blog-item .blog-content h4.blog-sm-title {

  font-family: var(--mt-ff-manrope);

  font-weight: var(--mt-fw-sbold);

  margin: 6px 0px 0px;

}

.blog-item .blog-content h4.blog-sm-title a {

  text-decoration: none;

  color: #fff;

}



.blog-item:hover .blog-thumb a img {

  transform: scale(1.2);

}



.blog-style2 {

  padding: 60px 40px;

  background: var(--mt-bg-light-white);

}

.blog-style2 .blog-content a.read-more-btn {

  margin-top: 12px;

}



/*----------------------------------------*/

/*  21. FOOTER CSS START

/*----------------------------------------*/

footer.footer {

  background: url(assets/img/footer/footer.png) top right/cover no-repeat;

  background-color: var(--mt-bule);

}

footer.footer .section-overlay {

  background-color: #000;

}



.newsletter h3 {

  font-size: 44px;

  line-height: 52px;

}

.newsletter p {

  color: var(--mt-text-dark-white);

}

.newsletter form {

  display: flex;

  margin-top: 40px;

  position: relative;

}

.newsletter form i {

  position: absolute;

  color: var(--mt-brown);

  left: 32px;

  top: 50%;

  transform: translateY(-8px);

  -webkit-transform: translateY(-8px);

  -moz-transform: translateY(-8px);

  -ms-transform: translateY(-8px);

  -o-transform: translateY(-8px);

}

.newsletter form input {

  width: 66%;

  padding: 16px 32px 16px 64px;

  background: var(--mt-bg-light-white);

  border-radius: 30px 0px 0px 30px;

  border: none;

  color: #7b7772;

}

.newsletter form button {

  width: 34%;

  padding: 16px 32px;

  font-weight: var(--mt-fw-sbold);

  color: var(--mt-text-light-white);

  background: var(--mt-brown);

  border-radius: 0px 30px 30px 0px;

  border: none;

}



.footer-widget {

  margin-bottom: 0px;

}

.footer-widget p,

.footer-widget a {

  color: var(--mt-text-dark-white);

  text-decoration: none;

}

.footer-widget .footer-widget-title,

.footer-widget .footer-widget-logo {

  margin-bottom: 28px;

}

.footer-widget .footer-widget-logo h1 {

    color: #fff;

    font-size: 33px;

    line-height: 45px;

}

.footer-widget .footer-widget-title {

  font-family: var(--mt-ff-manrope);

  font-weight: var(--mt-fw-sbold);

  font-size: 18px;

  line-height: 26px;

}

.footer-widget .footer-widget-content p.ft-text {

  margin-right: 24%;

}

.footer-widget .footer-widget-content .footer-social {

  margin-top: 8px;

  display: inline-block;

}

.footer-widget .footer-widget-content .footer-social a {

  color: var(--mt-text-light-white);

  font-size: 25px;

  border-radius: 50%;

  width: 44px;

  height: 44px;

  display: flex;

  align-items: center;

  justify-content: center;

  border: 2px solid var(--mt-text-light-white);

  margin-right: 12px;

  float: left;

}

.footer-widget .footer-widget-content .footer-social a:last-child {

  margin-right: 0;

}

.footer-widget .footer-widget-content .footer-social a:hover {

  color: var(--mt-bule);

  border-color: var(--mt-bule);

}

.footer-widget .footer-widget-content .footer-links ul li {

    margin-bottom: 8px;

    display: flex;

    gap: 10px;

    align-items: baseline;

}

.footer-widget .footer-widget-content .footer-links ul li i{

  color: #fff;

}

.footer-widget .footer-widget-content .footer-links ul li a {

  display: block;

}

.footer-widget .footer-widget-content .footer-links ul li:last-child {

  margin-bottom: 0px;

}



.footer-hr {

  color: var(--mt-bg-light-white);

  opacity: 1;

  margin: 0;

}



.footer-copyright {

  padding: 40px 0 40px;

}

.footer-copyright p {

  color: var(--mt-text-dark-white);

}

.footer-copyright a {

  color: var(--mt-text-dark-white);

  text-decoration: none;

}



.footer-copyright-links {

  float: right;

}

.footer-copyright-links a {

  margin-right: 40px;

}

.footer-copyright-links a:last-child {

  margin-right: 0;

}



/*----------------------------------------*/

/*  22.HOME2 SUCCESS SEC CSS START

/*----------------------------------------*/

.success-sec .sccess-info h4 {

  font-size: 40px;

  line-height: 48px;

  margin-bottom: 28px;

}

.success-sec .sccess-info p {

  margin-bottom: 28px;

}



/*----------------------------------------*/

/*  23.HOME2 PRACTICE SEC CSS START

/*----------------------------------------*/

.single-practice-two {

  position: relative;

  padding: 40px 60px 28px;

  background: var(--mt-bg-light-white);

  margin-bottom: 40px;

}

.single-practice-two::before {

  content: " ";

  position: absolute;

  width: 0;

  height: 4px;

  background: var(--mt-brown);

  left: 0;

  bottom: 0;

  transition: all 0.3s 0s;

}

.single-practice-two:hover::before {

  width: 100%;

}

.single-practice-two i {

  font-size: 60px;

  color: var(--mt-brown);

  margin-bottom: 28px;

}

.single-practice-two a {

  text-decoration: none;

}

.single-practice-two a:hover {

  text-decoration: underline;

}

.single-practice-two a h5 {

  margin: 28px 0px 0px;

  line-height: 24px;

}



/*----------------------------------------*/

/*  24. HOME2 PRICING PLAN SEC CSS START

/*----------------------------------------*/

.single-plan {

  background: var(--mt-bg-light-white);

  padding: 60px 40px;

  margin-bottom: 40px;

}

.single-plan h5 {

  font-size: 20px;

}

.single-plan h3 {

  font-size: 44px;

  line-height: 52px;

  color: var(--mt-brown);

  margin-bottom: 2px;

}

.single-plan span {

  color: #7b7772;

}

.single-plan ul.paln-feature {

  margin: 28px 0 40px;

  display: block;

}

.single-plan ul.paln-feature li {

  margin-bottom: 6px;

}

.single-plan ul.paln-feature li:last-child {

  margin-bottom: 0;

}

.single-plan a {

  padding: 10px 24px;

  width: 100%;

}



.single-plan.best-plan {

  position: relative;

  background: var(--mt-brown);

  color: var(--mt-bg-light-white);

}

.single-plan.best-plan h5,

.single-plan.best-plan h3 {

  color: var(--mt-bg-light-white);

}

.single-plan.best-plan span {

  color: #dbc4bc;

}

.single-plan.best-plan a {

  background: var(--mt-bg-light-white);

  color: var(--mt-bule);

}

.single-plan.best-plan a::before {

  background: var(--mt-bg-dark-white);

}

.single-plan.best-plan::after {

  position: absolute;

  content: "\f0e7";

  font-family: "Font Awesome 6 Pro";

  font-size: 28px;

  font-weight: 300;

  right: 28px;

  top: 28px;

}



/*----------------------------------------*/

/*  25. HOME2 FAQ SEC CSS START

/*----------------------------------------*/

.faq-accordion .accordion .accordion-item {

  background: inherit;

  border: none;

}

.faq-accordion .accordion .accordion-item h2.accordion-header button.accordion-button {

  background: inherit;

  font-family: var(--mt-ff-manrope);

  font-weight: var(--mt-fw-sbold);

  font-size: 20px;

  line-height: 28px;

  color: #fff;

  border-bottom: 1px solid rgba(123, 119, 114, 0.3);

  padding-left: 0;

  padding-right: 0;

}

.faq-accordion .accordion .accordion-item h2.accordion-header button.accordion-button:after {

  background: inherit;

  position: absolute;

  content: "\f107";

  font-family: "Font Awesome 6 Pro";

  right: 0;

  transform: rotateX(180deg);

  top: 22%;

  font-size: 20px;

}

.faq-accordion .accordion .accordion-item h2.accordion-header button.accordion-button:focus {

  box-shadow: none;

}

.faq-accordion .accordion .accordion-item h2.accordion-header button.accordion-button span {

  font-family: var(--mt-ff-md-serif);

  font-weight: var(--mt-fw-regular);

  color: #fff;

  margin-right: 14px;

}

.faq-accordion .accordion .accordion-item h2.accordion-header button.accordion-button.collapsed:after {

  transform: rotateX(360deg);

}

.faq-accordion .accordion .accordion-item .accordion-collapse .accordion-body {

  font-family: var(--mt-ff-p);

  font-size: 16px;

  font-weight: var(--mt-fw-regular);

  color: var(--mt-text-color);

  line-height: 28px;

  padding-left: 0;

  padding-right: 0;

}



.faq-sec {

  padding-bottom: 177px;

}



/*----------------------------------------*/

/*  26. HOME2 BRAND SEC CSS START

/*----------------------------------------*/

.brand-slider {

  margin-top: 40px;

}

.brand-slider .brand-item {

  display: flex;

  justify-content: center;

}

.brand-slider .brand-item img {

  width: auto !important;

}



/*----------------------------------------*/

/*  27. attorneys page CSS START

/*----------------------------------------*/

.attorneys-page.attorney-section {

  padding-bottom: 76px;

}



/*----------------------------------------*/

/*  28. ATTORNEY DETAILS PAGE CSS START

/*----------------------------------------*/

.attorney-short-bio .attorney-img img {

  width: 100%;

}

.attorney-short-bio .attorney-title {

  padding: 48px 40px 0px;

}

.attorney-short-bio .attorney-title h4 {

  margin-bottom: 4px;

}

.attorney-short-bio .attorney-title span {

  color: var(--mt-brown);

}

.attorney-short-bio .attorney-title hr {

  border: 1px solid rgba(123, 119, 114, 0.3);

  margin: 28px 0;

}

.attorney-short-bio .attorney-bio-info {

  padding: 0px 40px;

}

.attorney-short-bio .attorney-bio-info ul.info {

  list-style: none;

  width: 100%;

}

.attorney-short-bio .attorney-bio-info ul.info li {

  margin-bottom: 8px;

  font-weight: 600;

}

.attorney-short-bio .attorney-bio-info ul.info li span {

  float: right;

  font-weight: 400;

}

.attorney-short-bio .attorney-bio-info hr {

  border: 1px solid rgba(123, 119, 114, 0.3);

  margin: 28px 0;

}

.attorney-short-bio .social-icon {

  padding: 0px 40px 56px;

}

.attorney-short-bio .social-icon a {

  margin-top: 0;

  color: var(--mt-brown);

}



.attorney-brife-bio .brife-bio-sec {

  margin-bottom: 40px;

}

.attorney-brife-bio .brife-bio-sec h3,
.attorney-brife-bio .brife-bio-sec h2,
.blog-details-wrapper h2,
.blog-details-wrapper h3 {

  font-size: 32px;

  line-height: 40px;

  margin-bottom: 20px;

}

.attorney-brife-bio .brife-bio-sec ul,
.attorney-brife-bio .brife-bio-sec ol,
.blog-details-wrapper ul,
.blog-details-wrapper ol {
    padding-left: 15px;
}

.attorney-brife-bio .brife-bio-sec ul li,
.attorney-brife-bio .brife-bio-sec ol li,
.blog-details-wrapper ul li,
.blog-details-wrapper ol li {
    list-style-type: disc;
    color: #000;
}

.attorney-brife-bio ul.expertise-list li {

  color: var(--mt-brown);

}

.attorney-brife-bio ul.expertise-list li i {

  margin-right: 8px;

  font-weight: 600;

}



.skills-Prograssbar .progressbar-item {

  margin-top: 16px;

}

.skills-Prograssbar .progressbar-item h4.progress-title {

  font-size: 16px;

  line-height: 28px;

  margin-bottom: 8px;

}

.skills-Prograssbar .progressbar-item .progress-bg {

  height: 4px;

  background: var(--mt-bg-dark-white);

}

.skills-Prograssbar .progressbar-item .progress-bg .progress-fill {

  background: var(--mt-brown);

  height: 4px;

}



.brife-bio-sec hr {

  border: 1px solid rgba(123, 119, 114, 0.4);

  margin: 68px 0;

}



/*----------------------------------------*/

/*  29. CASE DETAILS PAGE START

/*----------------------------------------*/

.cases-short-info .cases-info-title {

  padding-top: 60px;

}

.cases-short-info .cases-info-title h5 {

  font-size: 20px;

}



.case-support-info {

  margin-top: 32px;

  background: url(assets/img/case/case-support.png) center/cover no-repeat;

}

.case-support-info .support-info-overlay {

  padding: 60px 40px;

  color: var(--mt-text-light-white);

  background: rgb(10, 55, 127);

  background: linear-gradient(127deg, rgb(10, 55, 127) 0%, rgb(10, 55, 127) 60%, rgba(10, 55, 127, 0.7763480392) 100%);

}

.case-support-info .support-info-overlay .support-icon i {

  font-size: 48px;

}

.case-support-info .support-info-overlay h4 {

  color: var(--mt-text-light-white);

  margin: 76px 0 12px;

}

.case-support-info .support-info-overlay ul li {

  margin-bottom: 4px;

}

.case-support-info .support-info-overlay ul li:last-child {

  margin-top: 16px;

  margin-bottom: 0;

}

.case-support-info .support-info-overlay ul li span.support-phone {

  font-size: 18px;

  line-height: 30px;

  font-weight: 500;

}



.cases-brife-info .case-img img {

  width: 100%;

}

.cases-brife-info .case-inner-img img {

  width: 100%;

}

.cases-brife-info .case-solution ul {

  list-style: disc;

  margin-left: 13px;

}

.cases-brife-info .case-solution ul li {

  color: var(--mt-brown);

  margin-bottom: 4px;

}

.cases-brife-info .case-solution ul li:last-child {

  margin-bottom: 0;

}



/*----------------------------------------*/

/*  30. CASE STUDIES PAGE CSS START

/*----------------------------------------*/

.case-category-list {

  margin-bottom: 20px;

}

.case-category-list button {

  position: relative;

  margin-right: 40px;

  margin-bottom: 20px;

  color: var(--mt-brown);

  transition: all 0.3s 0s;

}

.case-category-list button:last-child {

  margin-right: 0;

}

.case-category-list button::before {

  content: "";

  position: absolute;

  height: 2px;

  width: 0;

  background: var(--mt-brown);

  left: 0;

  bottom: -4px;

}

.case-category-list button.active {

  position: relative;

}

.case-category-list button.active::before {

  content: "";

  position: absolute;

  height: 2px;

  width: 100%;

  background: var(--mt-brown);

  left: 0;

  bottom: -4px;

}



.case-studies-page {

  padding-bottom: 76px;

}

.case-studies-page .single-case-info {

  margin-bottom: 64px;

}



/*----------------------------------------*/

/*  31. Practice Page CSS START

/*----------------------------------------*/

.practice-page {

  padding-bottom: 76px;

}



/*----------------------------------------*/

/*  32. Practice Details Page CSS START

/*----------------------------------------*/

.practice-details .practice-list ul {

  display: block;

}

.practice-details .practice-list ul li {

  margin-bottom: 12px;

}

.practice-details .practice-list ul li a {

  display: block;

  padding: 16px 28px;

  background: var(--mt-bule);

  font-weight: 600;

  text-decoration: none;

  line-height: 26px;

  color: #fff;

}

.practice-details .practice-list ul li a i {

  color: #fff;

  line-height: 26px;

  float: right;

}

.practice-details .practice-list ul li a:hover {

  background: var(--mt-brown);

  color: var(--mt-text-light-white);

}

.practice-details .practice-list ul li a:hover i {

  color: var(--mt-text-light-white);

}

.practice-details .practice-list ul li a.active {

  background: var(--mt-brown);

  color: var(--mt-text-light-white);

}

.practice-details .practice-list ul li a.active i {

  color: var(--mt-text-light-white);

}

.practice-details .practice-list ul li:last-child {

  margin-bottom: 0;

}

.practice-details .case-support-info {

  margin-top: 60px;

}



/*----------------------------------------*/

/*  33. BLOG PAGE CSS START

/*----------------------------------------*/

.blog-page .blog-item {

  margin-bottom: 64px;

}



.blog-sidebar-wrapper {

  padding: 60px 40px;

  background: var(--mt-bg-dark-white);

}



.blog-sidebar-widget {

  margin-bottom: 48px;

}

.blog-sidebar-widget h4.blog-sidebar-wrapper-title {

  font: 600 20px/28px var(--mt-ff-manrope);

  margin-bottom: 16px;

}

.blog-sidebar-widget .blog-sidebar-wrapper-content .blog-sidebar-search form {

  position: relative;

  padding: 16px 24px;

  background: var(--mt-bg-light-white);

  border: 1px solid rgba(123, 119, 114, 0.2);

  border-radius: 5px;

}

.blog-sidebar-widget .blog-sidebar-wrapper-content .blog-sidebar-search form button {

  position: absolute;

  right: 24px;

}

.blog-sidebar-widget .blog-sidebar-wrapper-content .blog-sidebar-search form button i {

  color: var(--mt-brown);

  font-weight: 400;

}

.blog-sidebar-widget .blog-sidebar-wrapper-content .blog-sidebar-search form input {

  width: 100%;

  background: inherit;

  border: none;

  color: #7b7772;

}

.blog-sidebar-widget .blog-sidebar-wrapper-content .blog-category ul li {

  margin-bottom: 8px;

}

.blog-sidebar-widget .blog-sidebar-wrapper-content .blog-category ul li a {

  text-decoration: none;

}

.blog-sidebar-widget .blog-sidebar-wrapper-content .blog-category ul li a span {

  color: var(--mt-brown);

}

.blog-sidebar-widget .blog-sidebar-wrapper-content .blog-category ul li:last-child {

  margin-bottom: 0;

}

.blog-sidebar-widget .blog-sidebar-wrapper-content .rc-post-wrapper .blog-item {

  margin-bottom: 0;

}

.blog-sidebar-widget .blog-sidebar-wrapper-content .rc-post-wrapper .blog-content {

  margin-top: 0;

}

.blog-sidebar-widget .blog-sidebar-wrapper-content .rc-post-wrapper .rc-post .blog-date span {

  font-size: 14px;

  line-height: 26px;

}

.blog-sidebar-widget .blog-sidebar-wrapper-content .rc-post-wrapper .rc-post h4.blog-sm-title {

  font-size: 16px;

  line-height: 24px;

  margin-top: 4px;

}

.blog-sidebar-widget .blog-sidebar-wrapper-content .rc-post-wrapper .rc-post hr {

  color: rgba(123, 119, 114, 0.2);

  opacity: 1 !important;

}

.blog-sidebar-widget .blog-sidebar-wrapper-content .tagcloud a {

  padding: 7px 20px;

  background: var(--mt-bg-light-white);

  color: var(--mt-brown);

  font-size: 14px;

  line-height: 26px;

  text-decoration: none;

  margin: 8px 8px 0 0;

  display: inline-block;

  border-radius: 25px;

}

.blog-sidebar-widget .blog-sidebar-wrapper-content .tagcloud a:hover {

  background: var(--mt-brown);

  color: var(--mt-text-light-white);

}



.blog-page .blog-pagination {

    margin-top: 16px;

    display: flex;

    justify-content: center;

}

.blog-page .blog-pagination ul li {

  float: left;

  margin-right: 8px;

}

.blog-page .blog-pagination ul li a {

  text-decoration: none;

  font-weight: 500;

  height: 44px;

  width: 44px;

  color: #7b7772;

  border: 1px solid rgba(123, 119, 114, 0.2);

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

}

.blog-page .blog-pagination ul li a.active {

  background: var(--mt-brown);

  color: var(--mt-text-light-white);

}

.blog-page .blog-pagination ul li:last-child {

  margin-right: 0;

}



.blog-page-style2 .blog-style2 {

  background: var(--mt-bg-dark-white);

  margin-bottom: 30px;

}

.blog-page-style2 .blog-pagination {

  margin-top: 50px;

}



/*----------------------------------------*/

/*  04. BLOG DETAILS PAGE CSS START

/*----------------------------------------*/

.sblog-title-wrappper ul.blog-meta li {

  position: relative;

  color: var(--mt-text-dark-white);

  float: left;

  margin-right: 26px;

}

.sblog-title-wrappper ul.blog-meta li::before {

  content: "";

  height: 5px;

  width: 5px;

  background: var(--mt-text-dark-white);

  border-radius: 50%;

  position: absolute;

  top: 14px;

  left: -16px;

}

.sblog-title-wrappper ul.blog-meta li a {

  text-decoration: none;

}

.sblog-title-wrappper ul.blog-meta li:first-child::before {

  display: none;

}



.blog-details-wrapper .lg-blog blockquote {

  position: relative;

  margin: 40px 0;

}

.blog-details-wrapper .lg-blog blockquote::before {

  content: "\f10c";

  font-weight: 500;

  font-family: flaticon_mehedilaw !important;

  font-size: 60px;

  color: var(--mt-brown);

  position: absolute;

  left: 0;

  top: 20px;

}

.blog-details-wrapper .lg-blog blockquote p {

  font-family: var(--mt-ff-heading);

  color: var(--mt-brown);

  font-weight: var(--mt-fw-regular);

  font-size: var(--mt-fz-h4);

  line-height: 32px;

  padding-left: 76px;

}

.blog-details-wrapper .lg-blog .blog-tagcloud {

  margin: 40px 0;

}

.blog-details-wrapper .lg-blog .blog-tagcloud a {

  padding: 7px 20px;

  background: var(--mt-bg-dark-white);

  color: var(--mt-brown);

  font-size: 14px;

  line-height: 26px;

  text-decoration: none;

  margin: 8px 8px 0 0;

  display: inline-block;

  border-radius: 25px;

}

.blog-details-wrapper .lg-blog .blog-tagcloud a:hover {

  background: var(--mt-brown);

  color: var(--mt-text-light-white);

}

.blog-details-wrapper .autor-info-box {

  padding: 40px;

  border: 1px solid rgba(123, 119, 114, 0.2);

}

.blog-details-wrapper .autor-info-box .autor-avatar {

  margin-right: 28px;

}

.blog-details-wrapper .autor-info-box .autor-bio .autor-name h5 {

  font-size: 20px;

  line-height: 28px;

  margin-bottom: 2px;

}

.blog-details-wrapper .autor-info-box .autor-bio .autor-name span.autor-title {

  color: var(--mt-brown);

}

.blog-details-wrapper .blog-comments {

  margin-top: 80px;

}

.blog-details-wrapper .blog-comments .blog-comment-title h3 {

  margin-bottom: 28px;

  font-size: 32px;

  line-height: 40px;

}

.blog-details-wrapper .blog-comments .latest-comments .comments-box {

  margin-bottom: 40px;

}

.blog-details-wrapper .blog-comments .latest-comments .comments-box .comments-text h5 {

  margin-bottom: 4px;

}

.blog-details-wrapper .blog-comments .latest-comments .comments-box .comments-text span {

  color: #7b7772;

}

.blog-details-wrapper .blog-comments .latest-comments .comments-box .comments-text a {

  position: relative;

  color: var(--mt-brown);

  font-weight: 600;

  text-decoration: none;

  margin-left: 24px;

}

.blog-details-wrapper .blog-comments .latest-comments .comments-box .comments-text a::before {

  content: "";

  height: 4px;

  width: 4px;

  background: #7b7772;

  border-radius: 50%;

  position: absolute;

  left: -14px;

  top: 10px;

}

.blog-details-wrapper .blog-comments .latest-comments .comments-box .comments-text a i {

  font-weight: 500;

}

.blog-details-wrapper .blog-comments .latest-comments p {

  margin: 12px 0 0;

}

.blog-details-wrapper .blog-comment-form {

  margin-top: 40px;

}

.blog-details-wrapper .blog-comment-form h3 {

  margin-bottom: 28px;

  font-size: 32px;

  line-height: 40px;

}

.blog-details-wrapper .blog-comment-form form button {

  margin-top: 36px;

}



/*----------------------------------------*/

/*  35. 404 PAGE CSS START

/*----------------------------------------*/

.page-nf-section .nf-img img {

  width: 100%;

}

.page-nf-section .nf-content a.mt-btn {

  margin-top: 40px;

}



/*# sourceMappingURL=style.css.map */



.mt-btn,

.read-more-btn {

  display: inline-flex;

  align-items: center;

  gap: 8px; /* spacing between text and icon */

  transition: color 0.3s ease;

}



.mt-btn i,

.read-more-btn i {

  transition: transform 0.3s ease;

}



.mt-btn:hover i,

.read-more-btn:hover i {

  transform: translateX(5px); /* move right on hover */

}

/*.blog-details-thumb img {

    width: 100%;

}*/

.blog-nav {

    display: flex;

    justify-content: space-between;

    margin-top: 30px;

}

.contact-div-outer {

    display: flex;

    gap: 12px;

    margin-bottom: 10px;

}

.contact-div-icon i {

    font-size: 30px;

}

.contact-div-details h5 {

    font-size: 22px;

}

.contact-div-details p a {

  text-decoration: none;

}

.sec-content h4 {

    margin-bottom: 30px;

    margin-top: 30px;

}

.practice-list-outer h2 {

    font-size: 28px;

    line-height: normal;

    margin-bottom: 30px;

    color: #000;

}



.law-cform .contact-field input,

.law-cform .contact-field textarea

 {

    width: 100%;

    color: #fff;

    padding: 15px 24px;

    border: 1px solid rgb(255,255,255);

    border-radius: 4px;

    background: inherit;

}

.law-cform .contact-field {

    margin-bottom: 16px;

}

.contact-field-textarea textarea {

  height: 150px;

}

.contact-field-btn input {

      background-color: transparent;

    border: 0;

    color: #000;

    font-family: var(--mt-ff-body);

    font-weight: var(--mt-fw-sbold);

    color: var(--mt-text-light-white);

    background: var(--mt-bule);

    overflow: hidden;

    font-size: 16px;

    line-height: 28px;

    text-decoration: none;

    display: inline-block;

    padding: 15px 32px;

    border-radius: 0px;

    text-align: center;

    display: inline-block;

    vertical-align: middle;

    transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px rgba(0, 0, 0, 0);

    position: relative;

    transition-property: all;

    transition-duration: 0.3s;

}



.law-cform .mt-btn-form {

    margin-top: 36px;

}

.brife-bio-sec-img-div {

    display: flex;

    justify-content: space-between;

    margin-bottom: 20px;

}

.brife-bio-sec-img {

    width: 48%;

}

.practice-list-form-outer {

    background-color: var(--mt-bule);

    padding: 30px 35px;

}



.mt-btn-white {

  background-color: var(--mt-bule);

  color: #fff;

}

.about-section h3,

.about-section p {

  color: #000;

}

.case-studies-section h3,

.case-studies-section h4,

.case-studies-section a {

  color: #fff;

}

.testimonial-section h3 {

  color: #000;

}

.single-testimonial {

  background-color: #000;

}

.single-testimonial {



}

.testimonial-content p {

  color: #fff;

}

.faq-sec {

  background: var(--mt-bule);

}

.faq-sec h3,

.faq-sec p {

  color: #fff;

}

.bg-gray {

  background-color: var(--mt-bule);

}

.blog-section h3 {

  color: #000;

}

.blog-date {

  color: #fff;

}

.blog-item a {

  color: #fff;

}

.about-page.about-section {

    background-color: #000;

}

.about-page.about-section h3 {

  color: #fff;

}

.about-page.about-section p {

 color: #fff; 

}

.about-page.about-section h4 {

 color: #fff; 

}

.faq-sec-about {

  background-color: #fff;

}

.faq-sec-about h3,

.faq-sec-about .accordion-button,

.faq-sec-about p,

.faq-sec-about span  {

  color: #000 !important;

}



.practice-page h3 {

    color: #000;

}



.practice-page h5,

.practice-page p,

.practice-page a,

.practice-page a i {

  color: #fff;

}

.practice-details-page h3,

.practice-details-page p {

 color: #000; 

}

.practice-list-form-outer h2 {

  color: #000;

}

.practice-list-form-outer .wpcf7-submit {

  background-color: #000;

  color: #fff;

}

.contact-section-left p,

.contact-section-left h4,

.contact-section-left h5 {

  color: #000;

  text-align: left;

}

.contact-div-icon i {

 color: #000; 

}

.blog-section .blog-date,

.blog-section a,

.blog-section h4 a {

  color: #000 !important;

}

.blog-details-page p {

  color: #000 !important;

}

.page-nf-section {

    padding-top: 200px;

}

.page-nf-section h3,

.page-nf-section p {

  color: #000;

}

.practice-page .single-practice-area {

    background-color: var(--mt-bule);

    padding: 12px;

    padding-top: 1px;

}

.Home-blog-section .mt-btn-fc {

    color: #fff !important;

}

.Blog-page-section {

    padding-top:140px;

}

.footer-widget-logo img {
    width: 220px;
}
.blog-details-page .blog-details-thumb img {
	height:auto;
}

.hero-section .mt-btn-white:focus{
	color: #fff !important;
}



header .logo-area svg{
  width: 170px;
}


footer .footer-widget-logo svg{

      width: 212px;
    height: 87px;

}


.case-studies-section .read-more-btn ,  .practice-page .read-more-btn{
      background: black;
    padding: 9px 15px;
margin-bottom: 10px;
}

.case-studies-section .read-more-btn:hover ,  .practice-page .read-more-btn:hover{
     color: white !important

}