/* CSS ENGLISH LANGAGUE */

.btn-wrapper a,
.cleaning-counterup-area,
.submit-btn,
.top-experience-area {
  background-color: transparent !important;
}

b,
strong {
  font-weight: bold !important;
}

body:has(.new)::before {
  content: "";

  width: 100%;

  height: 100%;

  position: fixed;

  left: 0;

  top: 0;

  background-image: url(../../../assets/uploads/media-uploader/bmqq15171801495317197794421721648479.svg);

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  opacity: 0.3;

  z-index: 0;
}

.header-area.lawyer-home:after {
  background-color: transparent !important;
}

.cleaning-counterup-area {
  padding: 30px 0 !important;
}

.footer-widget ul li a,
.single-portfolio-blog-grid .content .title a {
  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;
}

:root {
  --fundo: #0b0d12;

  --gold: #fad266;

  --main-color-two: var(--gold) !important;

  --main-color-one: var(--gold) !important;
}

.experience-author.bg-image::after {
  background: #0b0d12 !important;

  background: linear-gradient(
    80deg,
    var(--fundo) 10%,

    rgba(0, 45, 114, 0) 100%
  ) !important;

  opacity: 1 !important;
}

.blog-details-item blockquote:not([class]) p {
  color: #fff !important;
}

.header-style-01.navbar-variant-01 .navbar-area.nav-style-01.nav-fixed {
  background-color: unset !important;

  background: linear-gradient(
    180deg,
    rgba(11, 13, 18, 1) 0%,

    rgba(11, 13, 18, 0.9698004201680672) 39%,

    rgba(11, 13, 18, 0.8073354341736695) 64%,

    rgba(11, 13, 18, 0) 100%
  ) !important;
}

@media only screen and (max-width: 991px) {
  .navbar-area .navbar-collapse {
    position: absolute;

    top: 100%;

    background: var(--fundo) !important;

    z-index: 9;

    right: 0;

    width: 100%;

    padding-left: 20px;
  }
}

.navbar-area.nav-style-01
  .nav-container
  .navbar-collapse
  .navbar-nav
  li.menu-item-has-children
  .sub-menu
  li
  + li {
  border-top: 1px solid #e2e2e22b !important;
}

.navbar-toggler {
  background-color: transparent !important;

  color: var(--gold) !important;

  border: unset !important;

  outline: unset !important;

  font-size: 2em;
}

.cleaning-counterup-item .title {
  left: 51px;

  top: 0;

  position: relative;

  font-weight: 200;

  color: #fff;

  margin-top: 50px;

  display: inline;
}

.global-carousel-init.header-slider-wrapper:has(.new) {
  background: linear-gradient(to bottom, var(--fundo) 65%, transparent);
}

.global-carousel-init:not(:has(.new)) {
  max-width: 1700px !important;

  margin: 0 auto;
}

.cleaning-counterup-item .title:after {
  position: absolute;

  content: "";

  width: 80px;

  height: 3px;

  background-color: var(--gold);

  top: 50%;

  left: -97px;

  transform: translateY(-50%);

  filter: drop-shadow(0px 0px 15px var(--gold));

  animation-name: numbersLine;

  animation-timeline: view();

  animation-range: cover 0 cover 70%;
}

@keyframes numbersLine {
  from {
    width: 0;
  }

  to {
    width: 80px;
  }
}

.logo-wrapper .logo img {
  padding: 10px;

  min-width: 249px !important;
}

.header-inner .texto-gold,
.semfundo .texto-gold {
  filter: drop-shadow(0px 0px 50px #fad2668b);
}

.secao-sobre-agencia {
  @media (width < 992px) {
    text-align: center;
  }

  & .experience-content {
    & .content {
      @media (width > 992px) {
        max-width: 600px;
      }
    }
  }

  & .experience-img {
    @media (width < 992px) {
      margin-top: 40px;
    }

    position: relative;

    & img {
      border-radius: 30px !important;
    }

    &:before {
      position: absolute;

      content: "";

      left: 0;

      top: 0;

      width: 100%;

      height: 100%;

      background: linear-gradient(to right, #0b0d12, #0b0d1200);

      @media (width < 992px) {
        background: linear-gradient(to bottom, #0b0d12, #0b0d1200);
      }
    }
  }
}

body:has(.new) {
  & .title-id {
    margin-bottom: 20px;
  }

  & .texto-gold {
    filter: drop-shadow(0px 0px 50px #fad2668b);
  }
}

.header-inner {
  overflow: visible !important;
}

.cleaning-counterup-item {
  font-size: 0.9em;

  text-align: center !important;
}

.cleaning-counterup-item .count-wrap:after {
  position: unset;
}

.count-num {
  font-size: 1.8em;
}

.experience-author.bg-image {
  box-shadow: inset 30px 0 50px #000;

  position: relative;
}

.title-id,
.experience-content-03 .title {
  line-height: 49px;

  color: #fff !important;

  font-weight: bolder;

  font-size: 3.2em;
}

.experience-content-03 .icon-area .icon {
  color: var(--gold);

  box-sizing: 0 0 20px var(--gold);
}

.experience-content-03 .icon-area p {
  margin-bottom: 0 !important;
}

.experience-content-03 .icon-area p {
  color: #fff !important;
}

.experience-content-03 .icon-area {
  margin-top: 40px;

  display: flex;

  align-items: center;
}

.top-experience-area:first-child .pr-lg-4 p {
  padding-left: 30px;
}

.services-section .title,
.top-experience-area .title {
  filter: drop-shadow(0 0 65px var(--gold));
}

.services-text-side .title-id {
  filter: drop-shadow(0 0 65px var(--gold));
}

body p {
  font-weight: 200 !important;
}

body {
  background-color: var(--fundo) !important;
}

.header-area:not(.semfundo) {
  background-position-x: right;

  background-position-y: center;

  background-repeat: no-repeat;

  background-size: 78%;
}

@media screen and (max-width: 992px) {
  .header-area:not(.semfundo) {
    background-position-x: 39%;

    background-size: 250%;

    background-image: url(/assets/uploads/media-uploader/banner-bg-11696345969.png);
  }

  .cases-title {
    width: 100%;

    justify-content: center;
  }
}

@media (width > 992px) {
  .semfundo:has(.title) .title {
    line-height: 80px !important;
  }
}

.titulo-separado {
  text-transform: uppercase;

  color: var(--gold) !important;

  letter-spacing: 3px;
}

.knowmore {
  text-align: center;

  & i {
    color: var(--gold) !important;
  }
}

@media screen and (max-width: 768px) {
  .title-id {
    text-align: center !important;

    font-size: 2.7em;
  }
}

@media screen and (min-width: 1400px) {
  .header-area:not(.new) {
    background-size: 60%;
  }
}

.header-area > .container > .row {
  justify-content: start !important;
}

.header-area.lawyer-home .header-inner {
  text-align: left !important;
}

.case-link:hover,
.single-portfolio-blog-grid .content .title a:hover,
.texto-gold {
  color: var(--gold) !important;
}

.form-group label,
.section-bg-text,
.top-bar-area {
  display: none;
}

.btn-wrapper a,
.submit-btn {
  border: 1px solid var(--gold) !important;

  color: #fff !important;

  display: inline-block !important;

  padding: 7px 40px !important;

  border-radius: 50px !important;

  min-width: 160px;

  text-align: center !important;

  -webkit-transition: 0.3s ease-in;

  -o-transition: 0.3s ease-in;

  transition: 0.3s ease-in;

  font-weight: 600;

  border: none;
}

.back-to-top {
  background-color: var(--gold);

  right: 30px !important;

  bottom: 30px !important;

  color: var(--fundo);
}

.scroll-percentage {
  position: fixed;

  bottom: 0;

  z-index: 9999;

  left: 0;

  height: 1px;

  background-color: var(--gold);

  animation-name: scrollPercentage;

  animation-timing-function: ease-in-out;

  animation-timeline: scroll();
}

.btn-wrapper a:hover,
.logistic-dots .owl-dots div.active,
.submit-btn:hover {
  background-color: var(--gold) !important;
}

@keyframes scrollPercentage {
  from {
    width: 0;
  }

  to {
    width: 100vw;
  }
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-thumb {
  background-color: var(--gold) !important;
}

::-webkit-scrollbar-track {
  background-color: var(--fundo) !important;
}

.btn-wrapper a:hover,
.submit-btn:hover {
  color: var(--fundo) !important;

  border: 1px solid transparent !important;
}

.scroll-follow {
  content: "";

  height: 80px;

  width: 4px;

  background-color: var(--gold);

  position: absolute;

  right: -2px;

  top: 0;

  transition: top 0.15s;

  z-index: 1;

  transform: translateY(-279px);
}

.services-items-wrapper {
  position: relative;

  z-index: 1;

  border-right: 1px solid #ffffff8f;
}

.dagency-bg-color,
.estimate-form-wrapper,
.attorney-contact-form-wrap {
  background-color: var(--fundo) !important;
}

.services-items-wrapper .service-itemm {
  position: relative;

  padding-top: 50px;

  padding-bottom: 50px;

  display: flex;

  justify-content: space-between;

  align-items: center;

  transition: 0.5s linear;
}

.service-content {
  animation: 1ms linear servicoItem;

  animation-timeline: view();

  animation-range: cover -10% cover 40%;
}

@keyframes servicoItem {
  from {
    transform: translateX(-50%);

    opacity: 0;
  }

  to {
    transform: translateX(0%);

    opacity: 1;
  }
}

body > section {
  position: relative;
}

.services-section .section-bg-text {
  z-index: 99999;
}

.service-itemm .number {
  padding-left: 50px;

  padding-right: 50px;

  font-size: 4.4em;

  color: #fff;

  font-weight: 400;

  filter: drop-shadow(0 0 35px #fad26675);

  animation-name: numeroServico;

  animation-timeline: view();

  animation-range: cover 0% cover 54%;
}

@keyframes numeroServico {
  from {
    color: #fff;
  }

  to {
    color: var(--gold);
  }
}

.service-item-title {
  font-size: 1.2em;

  margin-bottom: 5px;

  font-weight: 700;

  color: #fff;
}

.service-item-title a:hover {
  color: var(--gold);
}

h2.service-item-title:after {
  content: ".";

  color: var(--gold);
}

.services-items-wrapper .service-itemm::after {
  width: 95%;

  height: 1px;

  background-color: #fad2662e;

  content: "";

  position: absolute;

  bottom: -2px;

  left: 0;

  z-index: 99999;
}

.services-items-wrapper .service-itemm::before {
  width: 101%;

  height: 1px;

  padding-top: 30px;

  padding-bottom: 30px;

  content: "";

  z-index: 999;

  position: absolute;

  bottom: -30px;

  left: 0;
}

.services-titles {
  position: sticky;

  top: 50%;

  transform: translateY(-50%);
}

@media screen and (min-width: 992px) {
  .service-page .services-titles {
    top: 45% !important;

    transform: translateY(0) !important;
  }
}

.table {
  display: flex;

  width: 100%;

  height: 100%;
}

@media screen and (max-width: 992px) {
  .scroll-follow {
    transform: translateY(-552px) !important;
  }

  .table {
    flex-direction: column;

    gap: 10px;
  }

  .table__cell {
    filter: unset !important;

    width: 100% !important;
  }

  .case-study-wrapper {
    opacity: 1 !important;
  }
}

.table__cell {
  position: relative;

  display: flex;

  width: 20%;

  align-items: center;

  justify-content: center;

  transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1);

  height: 400px;

  background-size: cover;

  background-position: center;

  overflow: hidden;
}

.table__cell:hover {
  width: 50%;

  filter: drop-shadow(5px 5px 30px black);

  z-index: 99;

  transform: scale(1.05);

  border-radius: 10px;
}

.table__cell .case-study-wrapper {
  opacity: 0;

  width: 100%;

  height: 100%;

  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);

  transition-delay: 0;

  display: flex;

  flex-direction: row;

  justify-content: center;

  align-items: center;

  background-color: #0b0d12b5;

  padding: 20px 30px;
}

.charity-single-testimonial-item {
  & .designation {
    color: var(--gold) !important;
  }

  & .icon {
    color: var(--gold) !important;
  }

  & h4 {
    color: var(--gold);

    font-weight: 300 !important;

    text-transform: uppercase;

    letter-spacing: 2px;
  }
}

.title-id.bordalado {
  border-right: 1px solid var(--gold) !important;
}

.table__cell:hover .case-study-wrapper {
  opacity: 1;
}

.case-study-wrapper .row {
  align-items: center;
}

.case-study-wrapper img {
  padding: 30px;

  max-height: 150px;

  height: 100%;

  max-width: 80%;

  object-fit: contain;
}

span.ponto-amarelo {
  color: var(--gold);
}

.case-link:hover span.ponto-amarelo {
  color: #fff;
}

.case-link {
  transition: color 0.5s;
}

.case-study-wrapper p {
  animation-duration: 0.7s;

  animation-timing-function: ease-in-out;

  position: relative;

  max-height: 100px !important;
}

.case-study-wrapper:hover p {
  animation-name: textocasoestudo;
}

@keyframes textocasoestudo {
  from {
    transform: translateX(-200%);

    opacity: 0;
  }

  to {
    transform: translateX(0);

    opacity: 1;
  }
}

.case-study-img {
  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  z-index: -1;
}

.cta-wrapper {
  width: 100%;

  max-width: 600px;
}

.case-study-wrapper h3 {
  color: #fff !important;
}

.cta-section {
  position: relative;

  max-width: 1400px !important;

  margin: 0 auto;
}

.ag-item {
  display: flex;

  justify-content: center;

  flex-direction: column;

  align-items: center;

  gap: 0px;

  text-align: center;

  padding: 30px;

  margin-bottom: 30px;

  border-radius: 20px;

  box-shadow: 3px 3px 10px #fad2661f;

  background-color: var(--fundo);

  position: relative;

  height: 94%;

  & span.popular {
    position: absolute;

    left: 20px;

    top: 20px;

    background: var(--gold);

    color: var(--fundo);

    font-weight: bolder;

    padding: 2px 15px;

    border-radius: 40px;
  }

  &:after {
    content: "";

    position: absolute;

    left: 5px;

    top: 5px;

    border: 0.5px solid #fad2664d;

    width: 100%;

    height: 100%;

    border-radius: 20px;
  }

  & .icon {
    color: var(--gold);

    font-size: 3.5em;
  }

  & h3 {
    color: #fff;

    font-size: 1.3em;

    margin-bottom: 15px;
  }
}

@media (width < 992px) {
  .testimonial-carousel-area {
    margin-top: 40px;
  }
}

.diferenciaisAgencia {
  & .custom-nav {
    display: flex;

    flex-direction: column;

    gap: 10px;

    & span.itemDif {
      display: block;

      cursor: pointer;

      position: relative;

      transition: all 0.5s;

      &:hover {
        color: var(--gold);
      }

      &::before {
        content: "\f0a4";

        font-family: "Font Awesome 5 Free";

        font-weight: 400;

        color: var(--gold);

        padding-right: 10px;
      }
    }
  }

  & .diferenciais-navegacao {
    @media (width < 992px) {
      text-align: center;
    }
  }

  & #agencyCarousel {
    @media (width < 992px) {
      margin-top: 40px;
    }
  }

  & .dif-ag-item {
    position: relative;

    min-height: 500px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding: 20px;

    @media (width > 992px) {
      padding: 0 20% 0 70px;
    }

    & h3 {
      color: #fff;

      font-size: 2.1em;

      margin-bottom: 20px;
    }

    & img {
      position: absolute;

      left: 0;

      top: 0;

      width: 100%;

      height: 100%;

      object-fit: cover;

      z-index: -2;

      border-radius: 20px;
    }

    &::before {
      content: "";

      left: 0;

      z-index: -1;

      top: 0;

      width: 100%;

      height: 100%;

      background: linear-gradient(to right, #0b0d12, #0b0d12bf);

      position: absolute;
    }
  }
}

.vmv {
  & .col-lg-8 .vmv-box {
    @media screen and (min-width: 992px) {
      padding-right: 10%;
    }
  }

  ul li::marker {
    background-color: var(--gold);
  }

  & .vmv-box {
    filter: drop-shadow(0 0 65px var(--gold));

    display: flex;

    gap: 15px;

    flex-direction: column;

    justify-content: center;

    & .icon {
      font-size: 4em;

      color: var(--gold);
    }

    & h3 {
      color: #fff;
    }
  }
}

.container-fluid {
  max-width: 1600px !important;

  margin: 0 auto;
}

@media screen and (min-width: 992px) {
  body {
    overflow: visible !important;
  }

  .cta-section::after,
  .cta-section::before {
    height: 110%;

    width: 100%;

    max-width: 500px;

    position: absolute;

    content: "";

    top: -5%;

    background-size: contain;

    background-repeat: no-repeat;
  }

  .cta-section {
    margin-top: 50px;

    margin-bottom: 50px;
  }

  .cta-section::before {
    left: -10%;

    transform: skew(0deg, 5deg);

    box-shadow: inset 200px 0 200px 6px #0b0d12;

    background-position: left;

    background-image: url("/assets/uploads/media-uploader/bg-cta-left1698164452.png");
  }

  @keyframes scrollinleft {
    from {
      transform: translateX(-100%) skew(0deg, 5deg) scale(1.1);
    }

    to {
      transform: translateX(0) skew(0deg, 5deg) scale(1);
    }
  }

  @keyframes scrollinright {
    from {
      transform: translateX(100%) skew(0deg, -5deg) scale(1.1);
    }

    to {
      transform: translateX(0) skew(0deg, -5deg) scale(1);
    }
  }

  .cta-section::after {
    right: -10%;

    background-position: right;

    transform: skew(0deg, -5deg);

    box-shadow: inset -200px 0 200px 6px #0b0d12;

    background-image: url("/assets/uploads/media-uploader/bg-cta-right1698164452.png");
  }
}

#sucessos .col-lg-3 {
  margin-top: 30px;
}

section.beneficios {
  position: relative;

  &::before {
    content: "";

    background: linear-gradient(
        to right,

        #0b0d12b3,
        #0b0d12eb 80%,

        var(--fundo) 100%
      ),
      url(https://www.omegaodyss.com/assets/uploads/media-uploader/13391-11721707423.jpg);

    height: 105%;

    width: 50%;

    position: absolute;

    left: -6%;

    top: 50%;

    border-radius: 30px;

    transform: translateY(-50%);
  }
}

.pagespeed {
  padding: 0 40px;

  max-width: 650px;
}

.imagem-sucessos {
  margin-top: -2%;

  position: relative;

  opacity: 1;

  z-index: 0;
}

#sucessos .single-brand {
  min-height: 95px;

  padding: 15px;

  align-items: center;

  justify-content: center;

  display: flex;

  height: 100%;

  position: relative;

  background-color: var(--fundo);

  box-shadow: -5px -5px 20px#fad2661a;

  border-radius: 20px;

  z-index: 1;

  &:hover .img-wrapper img {
    filter: unset !important;
  }

  & .img-wrapper,
  a {
    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    height: 100%;

    position: relative;

    z-index: 2;
  }

  & .img-wrapper img {
    transition: all 0.5s;

    height: 100%;

    width: 100%;

    max-width: 67% !important;

    max-height: 57px !important;

    object-fit: contain;
  }

  &::before {
    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    top: 5px;

    left: 5px;

    border: 1px solid #fad2665f;

    border-radius: 20px;
  }
}

.cta-wrapper h2,
.cta-wrapper p,
.cta-wrapper div {
  filter: drop-shadow(0 0 150px black);
}

.single-portfolio-blog-grid .thumb {
  min-height: 200px;
}

@keyframes thumbLeft {
  from {
    transform: translatex(-100%);
  }

  to {
    transform: translatex(0);
  }
}

@keyframes thumbRight {
  from {
    transform: translatex(-120%);
  }

  to {
    transform: translatex(0);
  }
}

.experience-author .thumb-1 {
  padding-right: 15%;

  object-fit: contain;

  animation: linear thumbLeft;

  animation-timeline: view();

  animation-range: cover 0 cover 30%;
}

.blog-classic-item-01 .content .post-meta li a:hover {
  color: var(--gold) !important;
}

.blog-classic-item-01 .content .title {
  color: #fff !important;

  transition: color 0.5s;
}

.blog-classic-item-01 .content .post-meta li i {
  color: var(--gold) !important;
}

.blog-classic-item-01 .content .title:hover {
  color: var(--gold) !important;
}

.experience-author .thumb-2 {
  padding-left: 15%;

  object-fit: contain;

  animation: linear thumbRight;

  animation-timeline: view();

  animation-range: cover 0 cover 30%;
}

.final-cta {
  background: linear-gradient(to bottom, #fad26600, #fad26645, #00000000);
}

.single-portfolio-blog-grid.dagency-home .content {
  position: absolute;

  border-radius: 20px;

  border: 0.5px solid var(--gold);

  top: 50%;

  width: 100%;

  height: 100%;

  background: #0b0d12;

  background: linear-gradient(
    90deg,
    rgba(11, 13, 18, 0.9) 0,

    rgba(11, 13, 18, 0.48783263305322133) 54%,

    rgba(11, 13, 18, 0) 100%
  );

  transform: translateY(-50%);

  z-index: 1;

  padding: 0 30px;

  display: flex;

  flex-direction: column;

  justify-content: center;
}

.single-portfolio-blog-grid .content .title a {
  color: #fff !important;

  overflow: hidden;

  -webkit-line-clamp: 2;

  font-size: 1.6rem;

  transition: color 0.5s;
}

.footer-widget ul li a {
  overflow: hidden;

  -webkit-line-clamp: 3;
}

.logistic-dots .owl-dots div {
  border-radius: 50% !important;
}

.single-portfolio-blog-grid.dagency-home .content .title {
  margin: 0 !important;
}

.single-portfolio-blog-grid.dagency-home .thumb .time-wrap {
  display: none !important;
}

.estimate-area-wrap.cleaning-home .top-part {
  background-color: var(--fundo);
}

.estimate-form-wrapper,
.attorney-contact-form-wrap {
  box-shadow: 0 0 100px #fad26622 !important;

  border-radius: 10px !important;
}

.estimate-form-wrapper {
  margin-bottom: unset !important;
}

.custom-form-builder-wrapper .contact-page-form .form-control {
  border: unset !important;
}

.contact-info {
  box-shadow: unset !important;
}

.estimate-form-wrapper .form-control,
.attorney-contact-form-wrap .form-control,
.custom-form-builder-wrapper .contact-page-form .form-control {
  background-color: var(--fundo) !important;

  border-bottom: 1px solid var(--gold) !important;

  color: #fff !important;

  padding: 0 !important ;

  margin-bottom: 40px !important;
}

.estimate-form-wrapper .form-control::placeholder,
.attorney-contact-form-wrap .form-control::placeholder,
.custom-form-builder-wrapper .contact-page-form .form-control::placeholder {
  color: #fff !important;
}

.blog .widget-area,
.blog-content-area .widget-area,
.no-padding-border.blog-widget,
.blog-details-content-area .widget-area {
  height: 100%;
}

.blog-details-footer .left .tags li a {
  background-color: var(--gold) !important;

  color: var(--fundo) !important;
}

.related-post-area .title {
  color: #fff !important;
}

.single-blog-grid-02 .content .title {
  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;
}

.accordion-wrapper .card .card-header a {
  background-color: var(--fundo) !important;

  color: #fff !important;

  border-bottom: 1px solid var(--gold);
}

.accordion-wrapper .card {
  box-shadow: 0 0 70px #fad26607 !important;
}

.accordion-wrapper .card .card-body {
  background-color: var(--fundo);
}

.single-contact-item {
  background-color: var(--fundo) !important;

  box-shadow: 0 0 50px #fad26618;
}

.single-contact-item .icon {
  color: var(--gold) !important;

  position: relative;
}

.single-contact-item .content .title {
  color: #fff !important;
}

.single-contact-item .content .title::after,
.section-title .title::after {
  content: ".";

  color: var(--gold) !important;
}

.single-contact-item .content .details {
  color: #fff;
}

.single-contact-item .icon::before {
  content: "";

  height: 2px;

  width: 50px;

  background-color: var(--gold);

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  bottom: 0;
}

.section-title .title {
  color: #fff !important;
}

.custom-form-builder-wrapper .contact-info {
  background-color: var(--fundo) !important;
}

.blog-details-footer li {
  color: #fff !important;
}

.social-share a:hover {
  color: var(--gold) !important;
}

.attorney-contact-form-wrap {
  position: sticky;

  top: 10%;
}

.widget {
  background-color: transparent !important;
}

.services-img-side {
  position: relative;

  background-size: cover;

  height: 100%;

  width: 100%;
}

@media screen and (max-width: 992px) {
  .services-img-side {
    height: 300px;
  }

  .services-text-side .title-id {
    word-break: break-word;

    font-size: 2em !important;
  }
}

@media screen and (min-width: 992px) {
  .services-text-side {
    padding-top: 120px;

    padding-bottom: 120px;

    padding-left: 50px;

    padding-right: 50px;
  }
}

@media screen and (max-width: 992px) {
  .services-text-side {
    padding-top: 50px;

    padding-bottom: 50px;

    padding-left: 10px;

    padding-right: 10px;
  }
}

@media screen and (min-width: 992px) {
  .texto-right {
    animation-name: textoServicosRight;

    animation-timeline: view();

    animation-timing-function: linear;

    animation-range: cover 0% cover 45%;
  }

  .texto-left {
    animation-name: textoServicosLeft;

    animation-timeline: view();

    animation-timing-function: linear;

    animation-range: cover 0% cover 45%;
  }
}

.services-img-side.img-right::after {
  background: rgb(11, 13, 18);

  background: linear-gradient(
    -142deg,

    rgba(11, 13, 18, 1) 0%,

    rgba(11, 13, 18, 0.7091211484593838) 37%,

    rgba(11, 13, 18, 0) 74%
  );

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  content: "";
}

@media screen and (max-width: 768px) {
  .about-section .title-id {
    padding-bottom: 40px !important;
  }

  .about-section p {
    text-align: center !important;
  }

  .btn-wrapper {
    display: flex;

    justify-content: center;
  }

  .left-content-wrap .title {
    text-align: center;

    font-size: 2.7em !important;
  }
}

.services-img-side.img-left::after {
  background: rgb(11, 13, 18);

  background: linear-gradient(
    142deg,
    rgba(11, 13, 18, 1) 0%,

    rgba(11, 13, 18, 0.7091211484593838) 37%,

    rgba(11, 13, 18, 0) 74%
  );

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  content: "";
}

.services-text-side {
  height: 100%;

  display: flex;

  flex-direction: column;

  justify-content: center;
}

@keyframes textoServicosLeft {
  from {
    transform: translateX(-100%);

    filter: blur(5px);
  }

  to {
    transform: translateX(0);

    filter: blur(0);
  }
}

@keyframes textoServicosRight {
  from {
    transform: translateX(100%);

    filter: blur(5px);
  }

  to {
    transform: translateX(0);

    filter: blur(0);
  }
}

.breadcrumb-area {
  box-shadow: inset 0 300px 300px var(--fundo);
}

.breadcrumb-area .page-title::after,
.experience-content-03 .title::after {
  content: ".";

  color: var(--gold);

  margin-left: -10px;
}

.service-page .service-page-content p,
.service-page .service-page-content h2,
.service-page .service-page-content h3,
.service-page .service-page-content h4 {
  color: #fff;
}

.service-page .service-page-content h2,
.service-page .service-page-content h3,
.service-page .service-page-content h4 {
  border-left: 10px solid var(--gold);

  padding-left: 10px;
}

.service-page-content .service-img {
  animation-name: serviceImg;

  animation-timeline: view();

  animation-range: cover 0% cover 60%;
}

@keyframes serviceImg {
  from {
    transform: translateX(200%);
  }

  to {
    transform: translateX(0);
  }
}

.animation-wrapper {
  animation-name: serviceImgAnm;

  animation-timeline: view();

  animation-range: cover 0% cover 60%;
}

@keyframes serviceImgAnm {
  from {
    transform: translateX(-200%);
  }

  to {
    transform: translateX(0);
  }
}

.langselector a {
  padding: 0px 11px;

  background-color: var(--fundo) !important;

  transition: border 0.5s;

  border: 1px solid transparent;

  cursor: pointer;
}

.langselector a:hover {
  border-bottom: 1px solid var(--gold);
}

.langselector a:nth-child(1) {
  border-top-left-radius: 10px;

  border-bottom-left-radius: 10px;
}

.langselector a:nth-child(2) {
  border-top-right-radius: 10px;

  border-bottom-right-radius: 10px;
}

.langselector a.active {
  background-color: var(--gold) !important;

  cursor: default;
}

.langselector a.active img {
  filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.456));
}

.langselector {
  box-shadow: 0 0 30px #fad26625;

  border-radius: 10px;
}