/*TABLE OF CONTENTS*/
/*=====================
01. Lwayer Header Top Menu Area Css
02. Lwayer Header Area Css
03. Lwayer Hero Area Css
04. Lwayer Service Area Css
05. Lwayer About Area Css
06. Lwayer Call Do  Area Css
07. Lwayer Feature Area Css
08. Lwayer Choose Us Area Css
09. Lwayer Counter Area Css
10. Lwayer Service Two Area Css
11. Lwayer Team Area Css
12. Lwayer Contact Area Css
13. Lwayer Footer Area Css
14. Lwayer About Us Area Css
15. Lwayer Service Details Area Css
16. Lwayer Case Study Area Css
17. Lwayer Case Study Two Area Css
18. Lwayer Case Study Details Area Css
19. Lwayer Faq Area Css
20. Lwayer Blog Area Css
21. Lwayer Blog Grid Area Css
22. Lwayer Blog Details Area Css
23. Lwayer Header Area Css
24. Lwayer Header Area Css
25. Lwayer Header Area Css
01. Lwayer Header Area Css
26. Lwayer Header Area Css
27. Lwayer Loader Css
=======================*/

/*================================
 <-- Lawyer  Topber Area Css-->
==================================*/
.header-top-menu {
  padding: 11px 11px;
}
.row.header_bg {
  position: relative;
}
.row.header_bg:before {
  position: absolute;
  content: "";
  left: 12px;
  top: 39px;
  width: 98%;
  height: 1px;
  background: #bc8f39;
}
.header-top-address ul li {
  list-style: none;
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  color: #39374d;
}
.header-top-address ul li i {
  display: inline-block;
  color: #bc8f39;
  margin-right: 10px;
}
.header-top-address.text-right {
  text-align: right;
}
/*================================
 <-- Lawyer  Header Area Css-->
==================================*/
/*header-menu*/

.logo {
  text-align: left;
}
.sticky {
  left: 0;
  margin: auto;
  position: fixed !important;
  top: 0;
  width: 100%;
  -webkit-box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
  background: #fff !important;
  transition: 0.5s;
  z-index: 2;
  animation: 500ms running fadeInUp;
  animation-name: slideInDown;
}

.header-menu ul li {
  display: inline-block;
  list-style: none;
  position: relative;
}

.header-menu ul li a {
  display: inline-block;
  font-size: 16px;
  color: #39374d;
  font-weight: 400;
  margin: 35px 15px;
  position: relative;
}
.header-menu ul li a:hover {
  color: #20233b;
}
.header-menu ul li a:before {
  position: absolute;
  content: "";
  left: 50%;
  bottom: -6px;
  width: 0%;
  background: #c9a14c;
  height: 1px;
  transition: 0.5s;
}
.header-menu ul li a:hover:before {
  width: 100%;
  left: 0%;
}
/*header menu button*/
.header-menu-button a {
  font-size: 16px;
  color: #ffffff;
  font-weight: 500;
  text-align: center;
  display: inline-block;
  background: #20233b;
  padding: 9px 33px;
  border-radius: 5px;
  position: relative;
  z-index: 1;
  border: 2px solid #20233b;
  overflow: hidden;
}
.header-menu-button a:hover {
  color: #c9a14c;
}
.header-menu-button a:before {
  position: absolute;
  content: "";
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: -50px;
  border-bottom: 55px solid #ffffff;
  border-right: 30px solid transparent;
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  z-index: -1;
}
.header-menu-button a:hover:before {
  -webkit-transform: translateX(-40%);
  transform: translateX(-40%);
}
.header-menu-button a:after {
  position: absolute;
  content: "";
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: -50px;
  border-left: 30px solid transparent;
  border-bottom: 55px solid #ffffff;
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  z-index: -1;
}
.header-menu-button a:hover:after {
  -webkit-transform: translateX(40%);
  transform: translateX(40%);
}
.header-menu-button {
  text-align: right;
}
/*sub-menu*/
.header-menu ul li .sub-menu {
  position: absolute;
  top: 95px;
  left: 0;
  background: #fff;
  width: 250px;
  border-radius: 3px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-top: 20px;
  border-top: 2px solid #c9a14c;
  visibility: hidden;
  opacity: 0;
  box-shadow: 0 0 23px rgb(0 0 0 / 10%);
  border-bottom: 2px solid #c9a14c;
  z-index: 2;
}
.header-menu ul li:hover .sub-menu {
  top: 78px;
  visibility: visible;
  opacity: 1;
}
.header-menu ul li .sub-menu li {
  display: block;
}
.header-menu ul li .sub-menu li a {
  display: inline-block;
  padding: 10px 25px;
  margin: 0;
  font-size: 16px;
  color: #39374d;
  text-transform: capitalize;
  width: 100%;
  text-align: left;
}
.header-menu ul li .sub-menu li a:hover {
  background: #c9a14c;
  color: #fff;
}
.header-menu ul li .sub-menu li a::before {
  display: none;
}
/*================================
 <-- Lawyer  Hero  Area Css-->
==================================*/
.hero-area {
  background: url(assets/images/hero.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 800px;
  position: relative;
  z-index: 1;
}

#particles-js canvas {
  position: absolute;
  z-index: -1;
}

.hero-title h5 {
  font-size: 22px;
  color: #ffffff;
  font-weight: 500;
  margin-bottom: 16px;
}
.hero-title h1 {
  font-size: 54px;
  line-height: 70px;
  color: #ffffff;
  font-weight: 600;
}
.hero-description p {
  font-size: 17px;
  color: #fffefe;
  width: 45%;
  margin-top: 20px;
}
/*hero button*/
.hero-button a {
  font-size: 16px;
  color: #ffffff;
  font-weight: 500;
  text-decoration: none;
  display: inline-block;
  background: #20233b;
  padding: 10px 33px;
  border-radius: 5px;
  margin-top: 21px;
  border: 2px solid transparent;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.hero-button a:hover {
  color: #20233b;
}

.hero-button a:before {
  position: absolute;
  content: "";
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: -50px;
  border-bottom: 55px solid #ffffff;
  border-right: 30px solid transparent;
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  z-index: -1;
}
.hero-button a:hover:before {
  -webkit-transform: translateX(-40%);
  transform: translateX(-40%);
}
.hero-button a:after {
  position: absolute;
  content: "";
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: -50px;
  border-left: 30px solid transparent;
  border-bottom: 55px solid #ffffff;
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  z-index: -1;
}
.hero-button a:hover:after {
  -webkit-transform: translateX(40%);
  transform: translateX(40%);
}
/*================================
 <-- Lawyer  Feature  Area Css-->
==================================*/
.service-area {
  padding: 0 0 30px;
}
.service-area.service_bg {
  padding: 0px 0 120px;
}
.service-area.service_bg.style {
  padding: 120px 0 50px;
}
.service-area.service_bg .service-single-box {
  border: 2px solid #c9a14c;
}
.row.upper {
  margin-top: -100px;
}
/*single box feature*/
.service-single-box {
  text-align: center;
  padding: 40px 20px 20px;
  box-shadow: 0 0 5.5px rgba(226, 213, 202, 0.25);
  background: #fff;
  border-radius: 5px;
  position: relative;
  z-index: 1;
}
.service-single-box::before {
  position: absolute;
  content: "";
  right: 50%;
  top: 0%;
  height: 100%;
  width: 0%;
  background: #d0a37c;
  border-radius: 5px;
  opacity: 0.1;
  transition: 0.5s;
  z-index: -1;
}
.service-single-box:hover:before {
  right: 0%;
  width: 100%;
}
/* feature box icon*/
.service-box-icon {
  height: 80px;
  line-height: 80px;
  width: 80px;
  background: #f8f1eb;
  display: inline-block;
  border-radius: 50%;
  margin-bottom: 26px;
}
.service-title h3 {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 16px;
  color: #39374d !important;
}
span.style {
  font-family: Roboto;
  color: rgb(57, 55, 77) !important;
  font-weight: 300;
}
/*section-title*/
.section-title-.style {
  margin-bottom: 53px;
}
.section-mean-title h1 {
  font-size: 35px;
  font-weight: 600;
}
.section-description {
  margin-top: 20px;
}
/*================================
 <-- Lawyer  About  Area Css-->
==================================*/
.about-area {
  padding: 92px 0 119px;
}
.about-right {
  position: relative;
  padding-left: 40px;
}
p.style-two {
  margin-top: 23px;
}
/*about name title*/
.about-name-title {
  margin-top: 5px;
}
.about-name-title h3 {
  font-size: 18px;
  color: #010101 !important;
  font-weight: 500;
  margin-bottom: -3px;
}
.about-name-title span {
  color: #6d6d6d !important;
}
.about-singthur {
  margin-left: 49px;
}
/*================================
 <-- Lawyer  Call-Do Action  Area Css-->
==================================*/
.call-do-action-area {
  background: url(assets/images/call-do.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
  padding: 176px 0 190px;
  background-attachment: fixed;
  z-index: 1;
}
.call-do-action-area:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(35, 35, 35);
  opacity: 0.9;
  z-index: -1;
}
.call-do-action-area:after {
  position: absolute;
  content: "";
  left: 93px;
  right: 93px;
  top: 95px;
  bottom: 94px;
  border: 1px solid #c9a14c;
  border-radius: 5px;
  z-index: -1;
}
.call-do-title h1 {
  font-size: 40px;
  color: #ffffff;
}
/*call do text*/
.call-do-text {
  margin-top: 32px;
  position: relative;
}
.call-do-text:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  margin: auto;
  bottom: -46px;
  height: 20px;
  width: 1px;
  background: #c9a14c;
  display: inline-block;
}
.call-do-text p {
  display: inline-block;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  margin: 0 8px 0;
}
.call-do-text p i {
  color: #c9a14c;
  margin-right: 10px;
}
/*call do button*/
.call-do-button a {
  display: inline-block;
  background: #c9a14c;
  padding: 9px 30px;
  color: #fff;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 500;
  margin-top: 76px;
  border: 2px solid transparent;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.call-do-button a:hover {
  color: #c9a14c;
}

.call-do-button a:before {
  position: absolute;
  content: "";
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: -50px;
  border-bottom: 55px solid #ffffff;
  border-right: 30px solid transparent;
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  z-index: -1;
}
.call-do-button a:hover:before {
  -webkit-transform: translateX(-40%);
  transform: translateX(-40%);
}
.call-do-button a:after {
  position: absolute;
  content: "";
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: -50px;
  border-left: 30px solid transparent;
  border-bottom: 55px solid #ffffff;
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  z-index: -1;
}
.call-do-button a:hover:after {
  -webkit-transform: translateX(40%);
  transform: translateX(40%);
}
/*================================
 <-- Lawyer  choose Us  Area Css-->
==================================*/
.feature-area {
  padding: 120px 0 120px;
}
.feature-area.style2 {
  padding: 70px 0 0;
}
.feature-left .section-title {
  margin-bottom: 22px;
}
.feature-thumb img {
  width: 100%;
}
.single-feature-box {
  margin-bottom: 10px;
}
.feature-content {
  margin: 0 77px 0px 28px;
}
.feature-title h3 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 14px;
  color: #39374d;
}
img.icon-dark {
  display: none;
}
/*================================
 <-- Lawyer  choose Us  Area Css-->
==================================*/
.choose-us-area {
  background: #f7f4fb;
  padding: 120px 0 260px;
}

.choose-us-left {
  position: relative;
}
.choose-us-thumb img {
  width: 100%;
}
.choose-us-right {
  position: relative;
  margin-left: 48px;
}
.choose-thumb-vedio-icon {
  position: absolute;
  top: 210px;
  margin: auto;
  right: 9px;
  left: 0;
  margin: auto;
  text-align: center;
  display: inline-block;
}
.choose-thumb-vedio-icon a {
  display: inline-block;
  color: #d0a37c;
  height: 70px;
  width: 70px;
  line-height: 70px;
  background: #d0a37c;
  border-radius: 50%;
  font-size: 18px;
  position: relative;
  z-index: 1;
  -webkit-animation: ripple-white 1s linear infinite;
  animation: ripple-blue 1s linear infinite;
}
@-webkit-keyframes ripple-blue {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3),
      0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3),
      0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3),
      0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3),
      0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
  }
}

@keyframes ripple-blue {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3),
      0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3),
      0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3),
      0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3),
      0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
  }
}

.choose-thumb-vedio-icon a:after {
  position: absolute;
  content: "";
  left: 0;
  top: 7px;
  height: 80%;
  width: 80%;
  background: #fff;
  z-index: -1;
  border-radius: 50%;
  right: 0;
  margin: auto;
}
.choose-us-button a {
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  background: #d0a37c;
  padding: 9px 26px;
  display: inline-block;
  border-radius: 5px;
  margin-top: 10px;
  border: 2px solid transparent;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.choose-us-button a:hover {
  color: #d0a37c;
}

.choose-us-button a:before {
  position: absolute;
  content: "";
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: -50px;
  border-bottom: 55px solid #ffffff;
  border-right: 30px solid transparent;
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  z-index: -1;
}
.choose-us-button a:hover:before {
  -webkit-transform: translateX(-40%);
  transform: translateX(-40%);
}
.choose-us-button a:after {
  position: absolute;
  content: "";
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: -50px;
  border-left: 30px solid transparent;
  border-bottom: 55px solid #ffffff;
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  z-index: -1;
}
.choose-us-button a:hover:after {
  -webkit-transform: translateX(40%);
  transform: translateX(40%);
}
/*================================
 <-- Lawyer  Counter  Area Css-->
==================================*/
.counter-area.style_two {
  background: #f7f4fb;
}
.row.upper1 {
  background: #fff;
  padding: 50px 0 74px;
  box-shadow: 0 0 23px rgba(0, 0, 0, 0.1);
  margin-top: -139px;
  border-radius: 10px;
}
.counter-sinlge-box {
  margin-left: 65px;
}
.counter-number-content {
  margin-left: 25px;
}
.counter-number-content h1 {
  font-size: 65px;
  color: #d0a37c;
  font-weight: 600;
  margin-bottom: 9px;
}
.counter-number-content span {
  font-size: 18px;
  color: #6d6d6d !important;
}
/*================================
 <-- Lawyer  Service Style2  Area Css-->
==================================*/
.service-area.style2 {
  padding: 111px 0 120px;
}
.service-area.style2 .section-description p {
  width: 53%;
  margin: auto;
}
.service-area.style2 .service-single-box {
  padding: 40px 42px 20px;
}
/*================================
 <-- Lawyer  Team  Area Css-->
==================================*/
.team-area {
  background: #f7f4fb;
  padding: 110px 0 32px;
}
.team-area .section-description p {
  width: 57%;
  margin: auto;
}
.single-team-box {
  border-radius: 5px;
  padding: 0 0 33px;
  background: #fff;
  position: relative;
  z-index: 999;
  transition: 0.5s;
}
.single-team-thumb {
  position: relative;
}
.single-team-thumb img {
  width: 100%;
}
.team-title {
  position: absolute;
  bottom: -35px;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
  background: #fff;
  width: 80%;
  height: 80px;
  border: 1px solid rgba(30, 22, 102, 0.1);
  border-radius: 5px;
  transition: 0.5s;
}

.team-title h3 a {
  font-size: 18px;
  font-weight: 500;
  margin: 14px 0 2px;
  display: inline-block;
  color: #39374d;
}
.team-title span:hover {
  color: #fff;
}
/*team-box-content*/
.team-box-content {
  text-align: center;
  padding: 58px 24px 2px;
  background: #fff;
}
/*team social icon*/
.team-social-info ul li {
  list-style: none;
  display: inline-block;
}
.team-social-info ul li a {
  display: inline-block;
  color: #c9a14c;
  background: #f9f0eb !important;
  height: 30px;
  line-height: 30px;
  width: 30px;
  text-align: center;
  border-radius: 50%;
  margin: 14px 5px 0;
}
.team-social-info ul li a:hover {
  background: #c9a14c;
  color: #fff;
}
/*team shape*/
.team-shape {
  position: relative;
  bottom: 142px;
  left: -43px;
}
.top-img-up-down {
  -webkit-animation: top-image-bounce 4s infinite ease-in-out;
  animation: top-image-bounce 4s infinite ease-in-out;
}
@-webkit-keyframes top-image-bounce {
  0% {
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px);
  }

  50% {
    -webkit-transform: translateY(12px);
    transform: translateY(12px);
  }

  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@keyframes top-image-bounce {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  50% {
    -webkit-transform: translateY(12px);
    transform: translateY(12px);
  }

  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@-webkit-keyframes left-image-bounce {
  0% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }

  50% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
}

@keyframes left-image-bounce {
  0% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }

  50% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
}

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
  }
}

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
  }
}

@-webkit-keyframes ripple-white3 {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1),
      0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1),
      0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1);
  }

  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1),
      0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 100px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1),
      0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 100px rgba(255, 255, 255, 0);
  }
}

@keyframes ripple-white3 {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1),
      0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1),
      0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1);
  }

  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1),
      0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 100px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1),
      0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 100px rgba(255, 255, 255, 0);
  }
}
/*all hover*/
.single-team-box:hover .team-title {
  background: #c9a14c;
}
.single-team-box:hover .team-title h3 a {
  color: #fff;
}
.team-title p {
  transition: 0.5s;
}
.single-team-box:hover .team-title p {
  color: #fff;
}
/*owl nav*/
.owl-nav {
  position: relative;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
  top: 50px;
}
.owl-prev {
  display: inline-block;
  height: 44px;
  width: 44px;
  border-radius: 5px;
  line-height: 44px;
  text-align: center;
  color: #fff;
  transition: 0.5s;
  background: #c9a14c;
  margin-right: 40px;
  border: 1px solid transparent;
}
.owl-prev:hover {
  background: #fff;
  border: 1px solid #c9a14c;
  color: #c9a14c;
}
.owl-next {
  display: inline-block;
  height: 44px;
  width: 44px;
  border-radius: 5px;
  line-height: 44px;
  text-align: center;
  color: #fff;
  transition: 0.5s;
  background: #c9a14c;
  border: 1px solid transparent;
}
.owl-next:hover {
  background: #fff;
  border: 1px solid #c9a14c;
  color: #c9a14c;
}
/*================================
 <-- Lawyer  Contact  Area Css-->
==================================*/
.contact-area {
  background: url(assets/images/contact.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 44px 0 50px;
}
/*contact from right*/
.contact-from-right {
  position: relative;
  margin-left: 34px;
}
.contacts-titles h1 {
  font-size: 22px;
  font-weight: 600;
}
.contacts-titles p {
  font-size: 17px;
  margin: 8px 0 29px;
}
/*form_box input*/
.contact-from-right .form_box input {
  height: 60px;
  width: 100%;
  background-color: #f8f1eb;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 15px;
  border-radius: 5px;
  font-weight: 500;
  padding: 0 10px;
  outline: 0;
}
.contact-from-right .form_box input::placeholder {
  font-size: 15px;
}
.contact-from-right .form_box textarea {
  width: 100%;
  height: 120px;
  border-radius: 5px;
  background-color: #f7f1eb;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 15px 12px;
  outline: 0;
}
.contact-from-right .form_box textarea::placeholder {
  font-size: 15px;
}
/*contacts-btn button*/
.contacts-btn button {
  background: #d0a37c;
  border: none;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  padding: 15px 54px;
  border-radius: 5px;
  margin-top: 21px;
  border: 1px solid transparent;
  transition: 0.5s;
}
.contacts-btn button:hover {
  border: 1px solid #d0a37c;
  background: #fff;
  color: #d0a37c;
}
/*================================
 <-- Lawyer  Footer  Area Css-->
==================================*/
.footer-area {
  background: #20233b;
  padding: 80px 0 31px;
}
.row.footer_bg {
  position: relative;
}

.row.footer_bg:after {
  position: absolute;
  left: 12px;
  content: "";
  width: 99%;
  height: 1px;
  background: #d0a37c;
  opacity: 0.4;
  top: 61px;
}
.row.footer_bg:before {
  position: absolute;
  left: 12px;
  content: "";
  width: 99%;
  height: 1px;
  background: #d0a37c;
  opacity: 0.4;
  bottom: -70px;
}
/*footer-widget-title*/
.footer-widget-title h4 {
  font-size: 22px;
  color: #d0a37c;
  font-weight: 700;
  font-family: "Roboto";
  margin-bottom: 50px;
  margin-top: 9px;
}
.footer-widget-description p {
  color: #fff;
  margin-top: 51px;
}
.footer-widget-follow ul li {
  list-style: none;
  display: inline-block;
}
.footer-widget-follow2 ul li {
  list-style: none;
  display: inline-block;
}
.footer-widget-follow ul li a {
  display: inline-block;
  color: #c9a14c;
  height: 30px;
  width: 30px;
  line-height: 30px;
  background: #fff;
  border-radius: 50%;
  text-align: center;
  margin-right: 10px;
  margin-top: 8px;
  transition: 0.5s;
}
.footer-widget-follow2 ul li a {
  display: inline-block;
  color: #fff;
  height: 50px;
  width: 50px;
  line-height: 50px;
  background: #20233b;
  border-radius: 50%;
  text-align: center;
  margin-right: 10px;
  margin-top: 8px;
  transition: 0.5s;
}
.footer-widget-follow ul li a:hover {
  background: #c9a14c;
  color: #fff;
}
.footer-widget-follow2 ul li a:hover {
  background: #fff;
  color: #20233b;
}
.company-widget-info ul li {
  list-style: none;
  color: #fff;
}
.company-widget-info-list ul li {
  list-style: none;
}
.company-widget-info-list ul li a {
  list-style: none;
  display: block;
  color: #fff;
  padding: 0px 0 4px;
  transition: 0.5s;
}
.company-widget-info-list ul li a:hover {
  color: #d0a37c;
}
.company-widget-address p {
  color: #fff;
  margin-bottom: 8px;
}
/*footer bottom*/
.footer-bottom-content {
  margin-top: 100px;
}
.footer-bottom-content span {
  color: #fff;
}
/*==============================*/
/*Start Lawyer Breadcumb  Area*/
/*==============================*/
.breadcumb-area {
  background: url(assets/images/breatcome-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 165px 0 165px;
}
.breadcumb-title h1 {
  font-size: 40px;
  color: #fff;
  margin-bottom: 22px;
}
.breadcumb-content-text a {
  font-size: 15px;
  color: #fff;
  font-weight: 500;
  transition: 0.5s;
}
.breadcumb-content-text a:hover {
  color: #d0a37c;
}
.breadcumb-content-text i {
  color: #fff;
  font-size: 16px;
  margin: 0 10px 0;
}
.breadcumb-content-text span {
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 500;
  color: #fff;
}
/*==============================*/
/*Start Lawyer Service Details Area*/
/*==============================*/
.service-details-area {
  padding: 120px 0 94px;
}
/*service-details-left*/
.service-details-left {
  background: #fff;
  padding: 25px;
  box-shadow: 0 0 5px rgb(0 0 0 / 20%);
}
.service-dtls-form-field input {
  width: 100%;
  padding: 10px 9px;
  border: 1px solid #f7e7e8;
  outline: none;
}
.service-search-btn button {
  position: absolute;
  top: 37px;
  right: 46px;
  border: none;
  background: none;
  color: #d0a37c;
}
/*moving-service-details-box*/
.moving-service-details-thubm img {
  width: 100%;
}
.service-page-title h1 {
  margin: 25px 0 14px;
  font-size: 35px;
}
p.description {
  background: #f9f9f9;
  padding: 20px 15px 20px 30px;
  color: #39374d;
}
/*.row.style3*/
.row.style3 {
  margin-top: 42px;
}
.service-details-thumb img {
  border-radius: 10px;
}
/*service-page-title2*/
.service-details-icon-box {
  position: relative;
  margin-left: 58px;
}
.service-page-title2 h1 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px;
}
.widget-service-details-icon p {
  margin-bottom: 5px;
  font-weight: 500;
}
.widget-service-details-icon p i {
  font-size: 14px;
  color: #d0a37c;
  margin-right: 10px;
  height: 30px;
  width: 30px;
  line-height: 33px;
  text-align: center;
  background: #f8f1eb;
  display: inline-block;
  border-radius: 50%;
}
/*single-service-details-bpx*/
.service-details-sidebar-box {
  position: relative;
  margin-left: 20px;
}
.single-service-details-box {
  background: #fff;
  padding: 25px;
  box-shadow: 0 0 5px rgb(0 0 0 / 20%);
  margin-top: 40px;
}
.single-widget-list h3 {
  font-size: 22px;
  margin-bottom: 37px;
  color: #39374d !important;
}
.single-widget-list ul li {
  list-style: none;
  padding: 18px 0 15px;
  border-top: 1px solid #f7e7e7;
}
.single-widget-list ul li a {
  display: inline-block;
  color: #616161;
}
.single-widget-list ul li:hover a {
  color: #d0a37c;
}
/*single-sidebar-widget*/
.single-sidebar-widget h3 {
  font-size: 22px;
  font-weight: 700;
  margin-top: 41px;
  margin-bottom: 25px;
}
.single-sidebar-widget span {
  font-size: 18px;
  color: #d0a37c;
}
.single-sidebar-widget ul li {
  list-style: none;
  background: #fff;
  padding: 12px 0 12px;
  border: 1px solid #f7e7e7;
}
ul.style li {
  margin-bottom: 20px;
}
.single-sidebar-widget ul li a {
  display: inline-block;
  color: #616161;
  margin-left: 26px;
  font-weight: 500;
}
.single-sidebar-widget ul li:hover a {
  color: #d0a37c;
}
.single-sidebar-widget ul li a i {
  display: inline-block;
  margin-right: 13px;
  font-size: 16px;
}
/*single-help-widget*/
.single-help-widget {
  box-shadow: 0 0 23px rgb(0 0 0 / 10%);
  padding: 24px 31px 20px;
  border-radius: 5px;
}
.single-help-wideget-content h3 {
  font-size: 23px;
  margin-bottom: 7px;
}
.single-widget-icon li {
  list-style: none;
}
.single-widget-icon li i {
  color: #d0a37c;
  height: 35px;
  width: 35px;
  line-height: 35px;
  background: #f8f1eb;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  margin-bottom: 10px;
}
.single-widget-icon li a {
  display: inline-block;
  color: #39374d;
  margin-left: 10px;
}
.single-widget-icon li a:hover {
  color: #d0a37c;
}
/***
======================================================
<-- Lawyer Faq Area Css -->
======================================================***/
.faq-area.new-style {
  padding: 120px 0 120px;
}
.faq-thumb img {
  width: 100%;
  border-radius: 5px;
}
/*accordion*/
.tab_container {
  position: relative;
  margin-left: 16px;
}
h1.faq-title {
  font-size: 35px;
  font-weight: 600;
  margin-bottom: 25px;
}
.accordion li {
  list-style: none;
  padding: 2px 0px 15px;
  position: relative;
  z-index: 1;
}
.accordion li a {
  position: relative;
  width: 100%;
  display: block;
  cursor: pointer;
  font-weight: 400;
  font-size: 18px;
  color: #fff !important;
  z-index: 1;
}

.accordion li p {
  display: none;
  font-size: 16px;
  color: #b1b2b4;
  padding: 25px 0 10px 30px;
  margin: 0;
}

.accordion a:before {
  width: 2px;
  height: 10px;
  background: #d0a37c;
  position: absolute;
  right: 32px;
  content: " ";
  top: 22px;
  transform: rotate(0deg);
  transition: all 0.2s ease-in-out;
}

.accordion a:after {
  width: 10px;
  height: 2px;
  background: #d0a37c;
  position: absolute;
  right: 28px;
  content: " ";
  top: 26px;
  transition: all 0.2s ease-in-out;
}

.accordion a.active:after {
  transform: rotate(0deg);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background: #fff;
}

.accordion a.active:before {
  display: none;
}

a.active {
  color: #fff !important;
  border: 2px solid #39374d !important;
  background: #39374d !important;
}
.accordion li a span {
  position: relative;
  z-index: 1;
  color: #d0a37c !important;
}

.accordion li a span:after {
  position: absolute;
  content: "";
  z-index: -1;
  left: -35px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: url(../images/resource/question.html);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
}

/*accordion start*/

.faq-sectiions .dreamit-icon-list ul li i {
  width: inherit;
  height: inherit;
  line-height: inherit;
  border-radius: 0;
  background-color: inherit;
  display: inline-block;
  color: #d0a37c;
  font-size: 22px;
  margin-right: 8px;
  position: relative;
  top: 4px;
}

.study-button a i {
  transition: 0.5s;
}

.study-button a:hover i {
  color: #d0a37c;
}

/* Faq New Style */

.faq-area.new-style .accordion li a {
  padding: 16px 20px 16px 30px;
  border-radius: 0;
  background-color: transparent;
  border-radius: 5px;
  border: 2px solid #d0a37c;
}

.faq-area.new-style .accordion li a span:after {
  display: none;
}

.faq-area.new-style .accordion li p {
  padding: 25px 0 25px 30px;
  background: #d0a37c;
  color: #fff;
  border-radius: 5px;
}
/*google-maps*/
.google-maps iframe {
  width: 100%;
  height: 600px;
}
/*================================
 <--Start Lawyer Contacts style-two  Css-->
=================================*/
.contact-area.style-two {
  background: #fff;
  padding: 105px 0 190px;
}
.contact-area.style-two .section-description p {
  width: 50%;
  text-align: center;
  margin: auto;
}
.row.contact_bg {
  position: relative;
  margin-bottom: 130px;
}
.row.contact_bg:before {
  position: absolute;
  content: "";
  left: 10px;
  top: 156px;
  height: 1px;
  width: 98%;
  background: #d0a37c;
}
/*contact-single-box*/
.contact-single-box {
  text-align: center;
  padding: 0 54px 0;
}
.contact-icon {
  float: left;
  margin-top: 14px;
}
.contact-icon i {
  color: #d0a37c;
  font-size: 25px;
  margin-right: 30px;
  height: 60px;
  width: 60px;
  line-height: 60px;
  text-align: center;
  background: #faf6f2;
  display: inline-block;
  border-radius: 50%;
}
.contact-text {
  text-align: left;
}
.contact-text h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 7px;
}
.contact-text p {
  margin-bottom: 0;
}
.contact-area.style-two .form_box input {
  margin-bottom: 0;
  width: 100%;
  height: 60px;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0px 39px;
  outline: 0;
}
.from-icon i {
  position: relative;
  top: -45px;
  left: 16px;
  color: #d0a37c;
}
.contact-area.style-two .form_box textarea {
  width: 100%;
  height: 120px;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 15px 12px;
  outline: 0;
}
.contact-form-button {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: 15px;
}
.contact-form-button button {
  padding: 11px 59px;
  font-size: 16px;
  font-size: 16px;
  font-weight: 500;
  border: 2px solid transparent;
  border-radius: 5px;
  background: #d0a37c;
  color: #fff;
  transition: 0.5s;
}
.contact-form-button button:hover {
  color: #d0a37c;
  background: #fff;
  border: 2px solid #d0a37c;
}

.style-three.case-study-area {
  background: #fff;
  padding: 95px 0 70px;
}
/*================================
 <--Start Lawyer case Study style-two  Css-->
=================================*/
.case-study-area {
  padding: 110px 0 90px;
}
/* Portfolio Nav */
.portfolio_nav {
  margin-bottom: 40px;
}

.portfolio_menu ul {
  text-align: center;
  list-style: none;
}

.portfolio_nav ul li {
  background: #fff;
  font-size: 15px;
  transition: all 0.5s ease 0s;
  cursor: pointer;
  padding: 6px 25px;
  font-weight: 500;
  position: relative;
  margin: 0 3px;
  margin-bottom: 7px;
  display: inline-block;
  border-radius: 5px;
  border: 1px dashed #d0a37c;
}

.portfolio_menu ul li a {
  display: block;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  transition: 0.5s;
}

.portfolio_menu ul li a:before {
  position: absolute;
  content: "";
  left: 0;
  top: 24px;
  height: 2px;
  width: 0%;
  background: #fff;
  transition: 0.5s;
}

.portfolio_nav ul li:hover,
.portfolio_nav ul li.current_menu_item {
  color: #fff;
  background: #d0a37c;
}

/*case study thumb*/
.case-study-single-box {
  margin-bottom: 30px;
}
.case-study-thumb {
  position: relative;
}
.case-study-thumb:before {
  position: absolute;
  content: "";
  right: 50%;
  top: 0;
  height: 100%;
  width: 0%;
  background: #d0a37c;
  opacity: 0.8;
  transition: 0.5s;
}
.case-study-thumb img {
  width: 100%;
}

/*case study content*/
.case-study-content {
  text-align: center;
  box-shadow: 0 0 23px rgb(0 0 0 / 10%);
  padding: 15px 0 20px;
}
.case-study-title h3 a {
  font-size: 22px;
  font-weight: 700;
  color: #39374d;
}
.case-study-title span {
  color: #d0a37c !important;
  font-weight: 500;
  margin-top: 5px;
  display: inline-block;
}

/*case study icon*/
.single_portfolio_icon {
  position: absolute;
  bottom: 19px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
.single_portfolio_icon a {
  display: inline-block;
  background: #fff;
  border-radius: 5px;
  color: #d0a37c;
  font-size: 18px;
  height: 45px;
  line-height: 45px;
  width: 45px;
  text-align: center;
  margin: 0 8px 0;
  transition: 0.5s;
  transform: rotate(1deg);
  opacity: 0;
}

/*case all hover*/
.case-study-single-box:hover .case-study-thumb::before {
  width: 100%;
  right: 0%;
}
.case-study-single-box:hover .single_portfolio_icon a {
  transform: rotate(180deg);
  margin: 0 8px 0;
  opacity: 1;
}

/*================================
 <--Start Lawyer Blog Grid  Css-->
=================================*/
.blog-grid-area {
  padding: 0px 0 90px;
}
.blog-two-cloum {
  padding: 120px 0 90px;
}
.blog-grid-area .section-title {
  margin-bottom: 44px;
}
.blog-grid-area .section-description p {
  width: 42%;
  margin: auto;
}
/*single-blog-box*/
.single-blog-box {
  margin-bottom: 30px;
}
.single-bolg-thumb {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.single-bolg-thumb:before {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  height: 100%;
  width: 0%;
  background: #c9a14c;
  opacity: 0.8;
  transition: 0.5s;
  z-index: 44;
}
.single-bolg-thumb img {
  width: 100%;
  transition: 0.5s;
}
.single-blog-content {
  background: #fff;
  box-shadow: 0 4px 30px rgb(0 0 0 / 12%);
  padding: 22px 0 22px 29px;
  position: relative;
}
.single-blog-content:after {
  position: absolute;
  content: "";
  left: 0;
  top: 21px;
  height: 50px;
  width: 2px;
  background: #c9a14c;
}
.datatech-blog-meta a span {
  color: #6d6d6d !important;
}
.post-categories a {
  display: inline-block;
  margin-top: 4px;
  color: #6d6d6d;
}
.blog-page-title h4 a {
  color: #39374d;
  display: inline-block;
  margin-top: 15px;
  transition: 0.5s;
  font-size: 22px;
  font-weight: 700;
}
/*all hover*/
.single-blog-box:hover .single-bolg-thumb::before {
  width: 100%;
  left: 0;
}
.single-blog-box:hover .single-bolg-thumb img {
  transform: scale(1.1);
}
.datatech-blog-meta a:hover {
  color: #d0a37c;
}
.post-categories :hover {
  color: #d0a37c;
}
.blog-page-title h4 a:hover {
  color: #d0a37c;
}

/*================================
 <--Start Lawyer Blog-Details area Css-->
==================================*/
.blog-details-area {
  padding: 120px 0 120px;
}
.single-blog-details-thumb img {
  width: 100%;
}
.blog-details-content {
  padding: 25px 30px 39px;
  box-shadow: 0 5px 30px rgb(0 0 0 / 20%);
}
.blog-details-meta {
  display: inline-block;
}
.blog-details-meta span {
  color: #6d6d6d !important;
}
.blog-details-meta a {
  display: inline-block;
  margin-right: 18px;
  color: #6d6d6d;
}
.meta-blog-right {
  display: inline-block;
  margin-left: 18px;
}
.meta-blog-right a {
  color: #6d6d6d;
}
.blog-details-title a h1 {
  display: inline-block;
  font-size: 35px;
  color: #39374d;
}
.blog-details-content-text {
  margin: 10px 0 23px;
  text-align: justify;
}
.single-blogs-thumb img {
  width: 100%;
}
.blog-details-text p {
  margin: 23px 0 0px;
  text-align: justify;
}
.blog-details-content-text-inner p {
  text-align: justify;
  margin: 18px 0 23px;
}
.blog-details-title-two {
  margin-top: 25px;
}
.blog-details-social-address.style {
  border-top: 1px solid #d0a37c;
  padding-top: 30px;
}
.blog-details-social-address ul li {
  list-style: none;
}
.blog-details-social-address ul li a {
  display: inline-block;
  height: 35px;
  width: 35px;
  line-height: 35px;
  border: 1px solid #d0a37c;
  border-radius: 5px;
  margin-right: 8px;
  text-align: center;
  font-size: 15px;
  transition: 0.5s;
  color: #d0a37c;
}
/*from box*/
.contact-box {
  background: #fff;
  box-shadow: 0 5px 30px rgb(0 0 0 / 20%);
  padding: 25px 29px 29px;
  margin-top: 35px;
}
.contact-title h2 {
  font-size: 21px;
  margin: 0 0 30px;
}
.form_box input {
  height: 50px;
  width: 100%;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 15px;
  border-radius: 5px;
  font-weight: 500;
  padding: 0 10px;
  outline: 0;
}
.form_box textarea {
  width: 100%;
  background: #fff;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px 0px 0 15px;
  font-weight: 500;
  outline: 0;
}
.form-button button {
  display: inline-block;
  background: #d0a37c;
  color: #fff;
  font-size: 16px;
  padding: 10px 20px;
  border-radius: 5px;
  margin-top: 10px;
  border: 2px solid transparent;
  transition: 0.5s;
}
.form-button button:hover {
  background: #fff;
  border: 2px solid #d0a37c;
  color: #d0a37c;
}
/*sidebar-box*/
.blog-sidebar {
  position: relative;
  margin-left: 20px;
}
.sidebar-box {
  background: #fff;
  box-shadow: 0 0 23px rgb(0 0 0 / 10%);
  padding: 30px 40px 30px;
  margin-bottom: 30px;
}
h3.sidber-title {
  margin-bottom: 22px;
  color: #39374d !important;
}
.form-boxs {
  position: relative;
}
.form-boxs input {
  width: 100%;
  height: 45px;
  padding: 0 12px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  outline: 0;
}
.search-button {
  position: absolute;
  bottom: 6px;
  right: 11px;
}
.search-button button {
  border: none;
  background: #fff;
}
/*blog-details-pn-list*/
.sidebar-menu ul li {
  list-style: none;
  background: #fff;
  margin-bottom: 10px;
  padding: 12px 0 12px 12px;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: block;
}
.sidebar-menu ul li a {
  color: #6d6d6d;
  font-size: 18px;
  transition: 0.5s;
}
.sidebar-menu ul li a:hover {
  color: #d0a37c;
}
.sidebar-menu ul li a span i {
  margin-right: 15px;
}
.resent-post-single-box {
  margin-bottom: 20px;
}
.sidebar-thumb-content {
  margin-left: 13px;
}
.sidebar-thumb-title a h2 {
  color: #39374d !important;
  font-size: 17px;
  display: inline-block;
  margin: 0 0 3px;
  transition: 0.5s;
}
.sidebar-thumb-title span {
  font-size: 14px;
  color: #6d6d6d !important;
}
/*Tags-Cloud*/
.Tags-Cloud-title a {
  display: inline-block;
  border: solid 1px #d0a37c;
  padding: 6px 15px;
  border-radius: 5px;
  margin-right: 5px;
  margin-bottom: 10px;
  transition: 0.5s;
  color: #6d6d6d;
}

/*all hover*/
.blog-details-meta a:hover {
  color: #d0a37c;
}
.blog-details-meta span:hover {
  color: #d0a37c;
}
.meta-blog-right a:hover {
  color: #d0a37c;
}
.blog-details-title a h1:hover {
  color: #d0a37c;
}
.blog-details-social-address ul li a:hover {
  background: #d0a37c;
  color: #fff;
}
.sidebar-thumb-title a h2:hover {
  color: #d0a37c;
}
.Tags-Cloud-title a:hover {
  background: #d0a37c;
  color: #fff;
}
/***
======================================================
<-- Lawyer Protfolio Details Area Css -->
======================================================***/
.protfolio-details {
  background: #fff;
  padding: 60px 0 120px;
}
.protfolio-details-intro {
  box-shadow: 0 0 15px rgb(0 0 0 / 10%);
  padding: 60px;
  margin-top: 60px;
}
.prot-thumb img {
  width: 100%;
}
/*prot-info*/
.prot-info {
  padding: 0 50px;
}
.prot-title h3 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 38px;
  color: #39374d !important;
}
.prot-info ul li {
  list-style: none;
  margin-bottom: 15px;
  font-size: 16px;
  text-transform: capitalize;
  display: inline-flex;
}
.prot-info strong {
  position: relative;
  font-size: 16px;
  color: #39374d;
  width: 140px;
  margin-right: 10px;
}
.prot-info strong:after {
  position: absolute;
  content: ":";
  right: 0;
}
.prot-info span {
  flex: 1;
  color: #6d6d6d !important;
}
/*share-text*/
.share-text {
  float: left;
  margin-right: 20px;
}
.share-text h4 {
  font-size: 20px;
  color: #6d6d6d;
  font-weight: 700;
  margin-top: 6px;
}
/*prot-social-icon*/
.prot-social-icon ul li a {
  display: inline-block;
  margin-right: 15px;
  background: #c9a14c;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  height: 35px;
  width: 35px;
  line-height: 35px;
  transition: 0.5s;
  border: 1px solid transparent;
}
.prot-social-icon ul li a:hover {
  border: 1px solid #c9a14c;
  background: none;
  color: #c9a14c;
}
.prot-title h2 {
  margin-bottom: 18px;
  color: #39374d !important;
}
.prot-content p {
  color: #6d6d6d !important;
}
img.my-4 {
  width: 100%;
}
/*scrollUp*/
#scrollUp {
  bottom: 30px;
  background: #c9a14c;
  color: #fff;
  font-size: 30px;
  height: 46px;
  right: 49px;
  text-align: center;
  border-radius: 55px;
  width: 45px;
  line-height: 40px;
}
#scrollUp i {
  display: inline-block;
  font-size: 20px;
  color: #fff;
}
/*===========================
<-- Lawyer Loader Css -->
=============================*/
.loader-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transition: 0.8s 1s ease;
  z-index: 666;
}

.loader {
  position: relative;
  display: block;
  z-index: 201;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
  border-radius: 50%;
  transition: all 1s 1s ease;
  border: 3px solid transparent;
  border-top-color: #20233b;
  -webkit-animation: spin 1.5s linear infinite;
  -moz-animation: spin 1.5s linear infinite;
  -o-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}

.loader:before {
  position: absolute;
  content: "";
  top: 6px;
  left: 6px;
  right: 6px;
  bottom: 6px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-left-color: #c9a14c;
  -webkit-animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  -o-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

.loader:after {
  position: absolute;
  content: "";
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-right-color: #fff;
  -webkit-animation: spin 2.5s linear infinite;
  -moz-animation: spin 2.5s linear infinite;
  -o-animation: spin 2.5s linear infinite;
  animation: spin 2.5s linear infinite;
}

/*/ Here comes the Magic /*/

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.loader-wrapper .loder-section {
  position: fixed;
  top: 0;
  width: 50%;
  height: 100%;
  background: #111;
  z-index: 2;
}

.loader-wrapper .loder-section.left-section {
  left: 0;
  transition: 1s 1.4s ease;
}

.loader-wrapper .loder-section.right-section {
  right: 0;
  transition: 1s 1.4s ease;
}

/*/ When page loaded /*/
.loaded .loder-section.left-section {
  left: -100%;
}

.loaded .loder-section.right-section {
  right: -100%;
}

.loaded .loader-wrapper {
  visibility: hidden;
}

.loaded .loader {
  top: -100%;
  opacity: 0;
}

/* WhatsApp Float */

.whatsapp-float {
  position: fixed;
  bottom: 120px;
  right: 45px;
  z-index: 1000;
}

.whatsapp-float img {
  width: 60px; /* ajuste conforme necessário */
  height: 60px; /* ajuste conforme necessário */
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  transition: transform 0.2s;
}

.whatsapp-float img:hover {
  transform: scale(1.1);
}