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

    Theme Name: LawGuru - Law Firm and Attorney HTML5 Template 
    Author: MirrorTheme
    Support: mehedix129@gmail.com
    Description: LawGuru - Law Firm and Attorney HTML5 Template 
    Version: 1.0

-----------------------------------------------------------------------------------

/************ 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: #0a377f;
  --mt-text-light-white: #fcf7e9;
  --mt-text-dark-white: #b7cae7;
  --mt-bg-light-white: #fcf7e9;
  --mt-bg-dark-white: #f3efe1;
  --mt-brown: #9e6b58;
  --mt-text-color: #0a377f;
  /**
  @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;
}

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: 30px;
  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: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: 10px;
}

.read-more-btn {
  color: var(--mt-brown);
  text-decoration: none;
  border-bottom: 2px solid var(--mt-brown);
  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(10, 55, 127) 0%, rgb(10, 55, 127) 50%, rgba(10, 55, 127, 0.7763480392) 100%);
}

.page-title-wrappper {
  margin: 256px 0 148px;
}
.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.svg);
}

/*----------------------------------------*/
/*  09. HEADER CSS START
/*----------------------------------------*/
.header-area {
  position: absolute;
  position: absolute;
  z-index: 222;
  width: 100%;
  background: var(--mt-bule);
}

.header-area .row {
  margin: 0 80px;
  border-bottom: 1px solid var(--mt-bg-light-white);
}

.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: center;
  align-items: center;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.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-dark-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: var(--mt-text-color);
  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: var(--tp-theme-1);
  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-info {
    display: none;
  }
}
@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: 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: var(--mt-text-color);
  border-top: 1px solid #ebebeb;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
}

.mean-container .mean-nav ul li a:hover {
  color: var(--tp-theme-1);
}

.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: var(--mt-text-color);
  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: var(--mt-bule);
  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: var(--mt-bule);
}

.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: var(--mt-text-color);
}

/*----------------------------------------*/
/*  11. SIDEBAR CSS START
/*----------------------------------------*/
.sidebar__area {
  position: fixed;
  right: -485px;
  top: 0;
  width: 465px;
  height: 100%;
  background: var(--mt-bg-dark-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: 20px;
  border-bottom: 1px solid #ebebeb;
}

.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: var(--mt-text-color);
}

.sidebar__contact ul li:not(:last-child) {
  margin-bottom: 20px;
}

.sidebar__contact-icon {
  margin-right: 15px;
}

.sidebar__contact-icon i {
  display: inline-block;
  color: var(--mt-text-color);
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #ebebeb;
  border-radius: 7px;
}

.sidebar__contact-text a {
  font-size: 18px;
  font-weight: 400;
  color: var(--mt-text-color);
  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-image: url(assets/img/hero/hero-bg.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.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 60px;
  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 {
  font-size: 60px;
  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: 83%;
}
.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: var(--mt-brown);
}
.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;
}
.single-case-info .single-case-img img {
  width: 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: underline;
  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: -5%;
}
.case-slider .owl-nav .owl-next {
  right: -5%;
}
.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: #0a377f;
}
.history-section .section-overlay {
  background: rgb(10, 55, 127);
  background: linear-gradient(127deg, rgba(10, 55, 127, 0.7763480392) 9%, rgb(10, 55, 127) 32%, rgb(10, 55, 127) 100%);
}

.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 #224a8a;
  padding: 0 0 14px;
}
.history-tab .nav-tabs button.nav-link::before {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border: 2px solid var(--mt-bule);
  border-radius: 50%;
  background: #224a8a;
  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: var(--mt-bg-light-white);
  padding: 110px 122px 110px 70px;
}
.history-tab-details .history-tab-content h3 {
  font-size: 44px;
  line-height: 52px;
  margin-bottom: 28px;
}
.history-tab-details .history-tab-content a {
  margin-top: 85px;
}

.history-call {
  padding-top: 180px;
}
.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: var(--mt-brown);
  margin-bottom: 16px;
}
.single-testimonial .testimonial-content h4.testimonial-author {
  position: relative;
  font-size: 20px;
  line-height: 28px;
  margin: 40px 0 4px;
}
.single-testimonial .testimonial-content h4.testimonial-author::before {
  content: "\f10c";
  font-weight: 500;
  font-family: flaticon_mehedilaw !important;
  font-size: 55px;
  color: #e1ddce;
  position: absolute;
  right: 0;
  top: 16px;
}
.single-testimonial .testimonial-content span {
  color: var(--mt-brown);
}

.testimonial-slider {
  transform: scale(1.06);
  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;
  margin-top: -15%;
}
.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: var(--mt-bg-light-white);
  padding: 60px;
}
.form-style-2 h4.form-title {
  font-size: 32px;
  line-height: 40px;
  margin-bottom: 28px;
}
.form-style-2 button.mt-btn-form {
  width: 100%;
}

.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-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;
}
.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: linear-gradient(127deg, rgb(10, 55, 127) 0%, rgb(10, 55, 127) 60%, rgba(10, 55, 127, 0.7763480392) 100%);
}

.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: 40px;
}
.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-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: #bd7e67;
  border-color: #bd7e67;
}
.footer-widget .footer-widget-content .footer-links ul li {
  margin-bottom: 8px;
}
.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 62px;
}
.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: var(--mt-text-color);
  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: var(--mt-brown);
  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 {
  font-size: 32px;
  line-height: 40px;
  margin-bottom: 20px;
}
.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-bg-dark-white);
  font-weight: 600;
  text-decoration: none;
  line-height: 26px;
}
.practice-details .practice-list ul li a i {
  color: var(--mt-brown);
  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;
}
.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 */