/*==================================
  Helper Class
==================================*/

.text-blue-1 {
  color: #00b5e2;
}

.text-white-1 {
  color: #fff !important;
}

.fw-300 {
  font-weight: 300 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.font-operetta {
  font-family: "Operetta Regular" !important;
}

.font-operetta-bold {
  font-family: "Operetta 18" !important;
  font-weight: 700;
}

.font-operetta8-300 {
  font-family: "Operetta8-Light" !important;
}

.font-operetta8-400 {
  font-family: "Operetta8-Regular" !important;
}

.font-operetta8-700 {
  font-family: "Operetta8-Bold" !important;
}

.text-center {
  text-align: center;
}

.text-underline {
  text-decoration: underline;
}

.button {
  font-weight: 800;
}

.d-flex {
  display: flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

.d-block {
  display: block;
}

/*==================================
  Banner Section
==================================*/

.seo_banner {
  background: url(../img/law-firm-seo/seo_banner_bg.png);
  background-color: #171d27; /* shown until the photo loads (Zendesk 13743) */
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 110px 0 70px;
}

@media (max-width: 767.98px) {
  .seo_banner {
    padding-top: 50px;
    padding-bottom: 30px;
  }
  .seo_banner p {
    font-size: 28px;
    line-height: 1.2;
  }
  .seo_banner .client-testimonials__container__header {
    margin-top: 0 !important;
  }
}

/*==================================
  Client Testimonial Section
==================================*/

.video-testimonials {
  margin-top: -40px;
  padding: 0 15px 25px;
}

.testimonial-container {
  max-width: 1260px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  gap: 10px;
}

.testimonial-container .video {
  border: 1px solid #d3d3d3;
  padding: 10px;
  border-radius: 24px;
  background-color: #fff;
  width: calc(25% - 10px);
}

.testimonial-container .video .thumbnail {
  border-radius: 24px;
  overflow: hidden;
}

.testimonial-container .description-container {
  font-family: "Roboto Flex", sans-serif;
  font-size: 18px !important;
  font-weight: 300 !important;
  color: #12344e;
  line-height: 1.2;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
}

.testimonial-container .description-container span {
  font-weight: 700;
  color: #00b5e2;
  font-size: 21px;
  margin-bottom: 5px;
  display: inline-block;
}

@media (max-width: 768.98px) {
  .video-testimonials {
    padding-bottom: 40px;
  }
  .testimonial-container .video {
    width: calc(50% - 10px);
  }
}

@media (max-width: 575.98px) {
  .video-testimonials {
    padding-bottom: 30px;
  }
  .testimonial-container .video {
    width: 100%;
  }
}

.client-testimonials .client-testimonials__container {
  margin-top: -50px !important;
}

.client-testimonials .client-testimonials__container wistia-player {
  border-radius: 20px;
  overflow: hidden;
}

.client-testimonials .client-testimonials__container .video {
  padding: 10px !important;
  height: 100% !important;
  min-height: 740px !important;
}

.client-testimonials .description-container {
  min-height: 90px !important;
  margin-bottom: 0 !important;
}

.client-testimonials .description-container p {
  font-size: 21px !important;
  font-weight: 400 !important;
  color: #12344e;
}

.anniversary-hero .client-testimonials__container .videos-container {
  padding: 15px;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

.anniversary-hero
  .client-testimonials__container
  .videos-container
  .video
  .description-container {
  margin-top: 485px !important;
}
.seo-section-faq__inner {
  background-color: #f9f9f9 !important;
}

.seo-section-faq__inner details summary {
  display: list-item !important;
}

.seo-section-faq__inner details summary span {
  padding-right: 40px;
}

@media (max-width: 420px) {
  .seo-section-faq__inner details summary span {
    max-width: 75% !important;
    font-size: 18px !important;
  }
}

.anniversary-hero .client-testimonials__container__header {
  color: #00b5e2 !important;
  padding-bottom: 45px !important;
}

@media (max-width: 1200px) {
  .anniversary-hero .client-testimonials__container .videos-container .video {
    min-height: 600px !important;
  }
  .anniversary-hero
    .client-testimonials__container
    .videos-container
    .video
    .description-container {
    margin-top: 250px !important;
  }
}

@media (max-width: 960px) {
  .anniversary-hero .client-testimonials__container .videos-container .video {
    min-height: 700px !important;
    width: 48% !important;
  }
  .anniversary-hero
    .client-testimonials__container
    .videos-container
    .video
    .description-container {
    margin-top: 520px !important;
    min-height: 70px !important;
  }

  .anniversary-hero
    .client-testimonials__container
    .videos-container
    .video
    .description-container
    p {
    font-size: 18px !important;
  }
}

@media (max-width: 767.98px) {
  .anniversary-hero .client-testimonials__container .videos-container .video {
    min-height: 1100px !important;
  }
  .anniversary-hero
    .client-testimonials__container
    .videos-container
    .video
    .description-container {
    margin-top: 700px !important;
  }
}

@media (max-width: 575.98px) {
  .anniversary-hero .client-testimonials__container .videos-container .video {
    min-height: 300px !important;
  }
  .anniversary-hero
    .client-testimonials__container
    .videos-container
    .video
    .description-container {
    min-height: initial !important;
    margin-top: 370px !important;
    margin-bottom: 20px !important;
  }
}

/*==================================
  SEO Section Beast
==================================*/

.seo-section-beast {
  margin-top: -60px;
  background: url(../img/law-firm-seo/seo_beast.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: cover;
  padding-top: 80px;
}

.seo-section-beast .top-content-wrap p {
  color: #000;
  text-align: center;
  font-size: 22px;
  font-style: normal;
  font-weight: 300;
  line-height: 32px;
  font-family: "Roboto Flex", sans-serif;
}

.seo-section-beast .bottom-content-wrap p {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 32px;
}

.seo-section-beast .bottom-content-wrap ul {
  padding-left: 20px;
}

.seo-section-beast .bottom-content-wrap ul li {
  list-style-type: disc;
  font-weight: 300;
  font-family: "Roboto Flex", sans-serif;
}

@media (max-width: 1400px) {
  .bottom-content-wrap {
    margin-left: 0px !important;
  }
}

@media (max-width: 767.98px) {
  .seo-section-beast {
    margin-top: -30px;
  }
}

@media (max-width: 575.98px) {
  .seo-section-beast h3 {
    font-size: 32px;
  }
}

/*==================================
  SEO Section Billion
==================================*/

.seo-section-billion {
  padding: 30px 15px 160px;
}

.seo-section-billion .important-item .title {
  line-height: 1.2 !important;
}

.seo-section-billion .section-title {
  margin-bottom: 20px;
  color: #f9f9f9;
}

.seo-section-billion p {
  color: #fff;
  text-align: center;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 20px;
  font-family: "Roboto Flex", sans-serif;
}

.seo-section-billion .title {
  font-size: 50px;
  font-weight: 200;
  line-height: 1.2 !important;
}

.seo-section-billion .title span {
  font-weight: 500;
}

@media (max-width: 960px) {
  .seo-section-billion .copy {
    font-size: 12px !important;
  }
}

@media (max-width: 767.98px) {
  .seo-section-billion {
    padding-bottom: 450px;
  }
  .seo-section-billion .title span {
    font-size: 42px;
  }
  .seo-section-billion .important-list {
    margin-bottom: 0;
  }
}

@media (max-width: 575.98px) {
  .seo-section-billion .title span {
    font-size: 36px;
  }
  .seo-section-billion {
    padding-bottom: 350px;
  }
}

/*==================================
  Divider
==================================*/

.divider {
  padding: 15px;
  background: #f8f8f8;
  margin-top: 10px;
  width: 100%;
}

/*==================================
  SEO Section Author
==================================*/

.seo-section-author {
  padding: 50px 15px 40px;
  background: #fff;
}

.seo-section-author:after {
  display: none;
}

.seo-section-author p {
  font-size: 18px;
}

.seo-section-author .section-title {
  line-height: 1.2;
}

.seo-section-author .button {
  margin-top: 30px;
}

@media (max-width: 960px) {
  .seo-section-author .section-title {
    font-size: 42px;
  }
}

@media (max-width: 767.98px) {
  .seo-section-author .section-title {
    font-size: 38px;
    line-height: 1.2;
  }
}

@media (max-width: 575.98px) {
  .seo-section-author .section-title {
    font-size: 32px;
  }
}

/*==================================
  SEO Section Services
==================================*/

.seo-section-services {
  padding-top: 50px;
  padding-bottom: 60px;
  position: relative;
}

.seo-section-services:before {
  position: absolute;
  right: 0;
  top: -80px;
  left: 0;
  display: block;
  content: "";
  border-right: 0;
  border-bottom: 80px solid #52bff1;
  border-left: 100vw solid transparent;
}

.seo-section-services .section-title {
  font-weight: 600;
}

.seo-section-services .services-list {
  padding: 15px;
  margin-top: 50px;
  margin-bottom: 0;
}

@media (max-width: 960px) {
  .seo-section-services .services-list .item-wrap .title {
    font-size: 28px;
  }
}

@media (max-width: 575.98px) {
  .seo-section-services {
    padding-bottom: 30px !important;
  }
  .seo-section-services .services-list .title,
  .seo-section-services .services-list .title a {
    line-height: 0.8;
    font-size: 24px !important;
  }

  .seo-section-services .services-list .copy {
    font-size: 14px;
  }
}

.seo-section-services .services-list .title a {
  text-decoration-line: underline;
  color: #1e4b6b;
  transition: all 0.3s ease-in-out;
}

.seo-section-services .services-list .title a:hover {
  color: #00b5e2;
}

.seo-section-services .services-list p {
  font-weight: 300;
}

/*==================================
  SEO Section Factors
==================================*/

.seo-section-factors {
  padding: 60px 15px 0px;
  background: #f9f9f9;
}

.seo-section-factors.comparison p {
  padding-left: 15px;
  padding-right: 15px;
  max-width: 1140px;
  padding-bottom: 10px !important;
}

.seo-section-factors.comparison p a {
  text-decoration: underline;
  color: #231f20;
}

.seo-section-factors .title {
  font-size: 38px;
  color: #1e4b6b;
  text-align: center;
  max-width: 550px;
  margin: 0 auto;
}

.seo-section-factors p {
  color: #231f20;
  font-weight: 300;
  font-size: 18px;
  max-width: 762px;
  margin: 0 auto;
  text-align: center;
}

.site-inner {
  z-index: 999;
  position: relative;
}

.site-inner li {
  font-weight: 700;
  font-size: 13px;
  color: #3a688a;
}

/*==================================
  SEO Section Reviews
==================================*/
@media (max-width: 960px) {
  .seo-section-reviews .item svg {
    width: 200px;
  }
  .seo-section-reviews .reviews-list .item .copy {
    font-size: 18px;
  }
}
/*==================================
  Law Firm SEO Guide
==================================*/
.law-firm-seo-guide {
  padding: 150px 15px;
  background: #fff url(../img/seo/author-bg.jpg);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}

.law-firm-seo-guide .inner-container {
  max-width: 900px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 20px;
  backdrop-filter: blur(4px);
}

.law-firm-seo-guide .inner-container p,
.law-firm-seo-guide .inner-container a {
  margin-top: 30px;
}
.law-firm-seo-guide .inner-container p:first-of-type {
  font-weight: 300;
}

.law-firm-seo-guide .section-title {
  color: #1e4b6b;
  font-size: 38px;
  max-width: 550px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 1599.98px) {
  .law-firm-seo-guide {
    padding: 20px 15px 150px;
  }
}

@media (max-width: 575.98px) {
  .law-firm-seo-guide {
    padding-top: 0;
    padding-bottom: 150px;
  }
  .law-firm-seo-guide .section-title {
    font-size: 32px;
  }
}

/*==================================
  SEO Section FAQ
==================================*/
.seo-section-faq {
  padding: 100px 15px 70px;
}

.seo-section-faq .title {
  font-size: 38px;
}

.seo-section-faq details {
  padding: 0px;
  background: transparent !important;
  align-items: start;
}

.seo-section-faq details:open summary {
  background: rgba(0, 181, 226, 0.32);
}

.seo-section-faq summary {
  width: 94%;
  border-radius: 10px;
  padding: 30px 32px 30px 24px;
  background: rgba(0, 181, 226, 0.12);
}

@media (max-width: 960px) {
  .seo-section-faq summary {
    width: 92% !important;
  }
  .seo-section-faq .content {
    width: 91% !important;
  }
}

@media (max-width: 420px) {
  .seo-section-faq summary {
    width: 85% !important;
  }
  .seo-section-faq .content {
    width: 84% !important;
  }
}

.seo-section-faq summary span {
  display: inline-block;
}

.seo-section-faq .content {
  width: 94%;
  background: #fff !important;
  padding: 30px 30px 30px 30px !important;
}

.seo-section-faq .content p,
ul {
  margin-top: 0px !important;
  margin-bottom: 20px !important;
}

.seo-section-faq details::before {
  content: "";
  position: absolute;
  top: 24px;
  left: 20px;
  width: 31px;
  height: 38px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='38' viewBox='0 0 31 38' fill='none'%3E%3Cpath d='M29.631 31.269L30.681 31.395C30.534 34.902 28.812 37.632 24.969 37.632C20.832 37.632 18.795 34.524 17.241 30.744C16.38 30.912 15.498 30.996 14.574 30.996C5.859 30.996 0 23.415 0 15.498C0 7.581 5.859 0 14.574 0C23.289 0 29.148 7.581 29.148 15.498C29.148 20.559 26.754 25.494 22.743 28.392C23.079 29.19 23.394 30.051 23.646 30.912C24.423 33.474 25.074 35.658 26.922 35.658C28.602 35.658 29.526 33.768 29.631 31.269ZM14.574 1.092C8.862 1.092 6.678 7.476 6.678 15.498C6.678 20.139 7.413 24.234 9.135 26.859C10.248 23.793 12.621 22.701 15.162 22.701C17.682 22.701 19.509 23.709 20.853 25.284C21.987 22.722 22.47 19.299 22.47 15.498C22.47 7.476 20.286 1.092 14.574 1.092ZM9.891 27.825C11.067 29.148 12.621 29.904 14.574 29.904C15.372 29.904 16.107 29.778 16.758 29.547C15.645 26.586 14.742 24.57 12.873 24.57C11.466 24.57 10.395 25.788 9.891 27.825Z' fill='%2312344E'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.seo-section-faq details:nth-of-type(2):before {
  top: 30px;
}

.seo-section-faq details summary span:after {
  top: 24px;
}

.seo-section-faq details:nth-of-type(2) summary span:after {
  top: 34px;
}

.seo-section-factors .table-container {
  font-family: "Roboto Flex", sans-serif !important;
  margin-top: 20px !important;
  margin: auto;
  overflow-x: auto;
}

.seo-section-factors table {
  min-width: 1000px;
  margin-bottom: 25px !important;
  border-collapse: collapse;
  font-family: "Roboto Flex", sans-serif;
  table-layout: fixed;
  background: #fff;
}

.seo-section-factors thead {
  font-family: "Roboto Flex", sans-serif !important;
  font-size: 20px;
  background-color: #f7941d;
  color: white;
}

.seo-section-factors tbody {
  font-family: "Roboto Flex", sans-serif !important;
}

.seo-section-factors table th {
  font-family: "Roboto Flex", sans-serif !important;
  padding: 16px;
  text-align: center;
  border: 1px solid #ddd;
  vertical-align: top;
  font-weight: bold;
}

.seo-section-factors table tr {
  font-family: "Roboto Flex", sans-serif !important;
}

.seo-section-factors table td {
  font-family: "Roboto Flex", sans-serif !important;
  padding: 10px;
  font-size: 16px;
  text-align: center;
  border: 1px solid #ddd;
  vertical-align: middle;
  color: #6b6b6b; /* was #787878 (4.4:1); 5.3:1 on white, Zendesk 13662 */
  font-weight: 400;
}

.seo-section-factors table td:first-child {
  color: #000;
}

.seo-section-factors table .impact-high {
  color: #6b6b6b; /* was #787878 (4.4:1); 5.3:1 on white, Zendesk 13662 */
}

.seo-section-factors table .impact-medium {
  color: #6b6b6b; /* was #787878 (4.4:1); 5.3:1 on white, Zendesk 13662 */
}

.seo-section-factors table .impact-very-high {
  color: #6b6b6b; /* was #787878 (4.4:1); 5.3:1 on white, Zendesk 13662 */
}

.seo-section-factors .content {
  padding: 0px 15px 0px 15px;
  margin-top: 30px;
}

@media (max-width: 768px) {
  .seo-section-factors table th,
  .seo-section-factors table td {
    padding: 12px;
    font-size: 14px;
  }
}

/*==================================
  SEO Section Why Choose
==================================*/

.seo-section-why-choose {
  padding: 50px 15px 60px;
  background: #f9f9f9;
}

.seo-section-why-choose p {
  color: #231f20;
  font-weight: 300;
  font-size: 18px;
  padding-top: 40px;
  text-align: center;
}

.seo-section-why-choose p a {
  color: #00b5e2;
  text-decoration: underline;
}

.seo-section-why-choose .content {
  padding: 20px;
  background: #fff;
  max-width: 900px;
  margin: 0px auto;
}

.seo-section-why-choose .content .title {
  -weight: 600;
  font-size: 38px;
  color: #1e4b6b;
  text-align: center;
  max-width: 550px;
  margin: 0 auto;
}

.seo-section-why-choose .btn-container {
  margin-top: 40px;
}

/*==================================
  SEO Section Case
==================================*/

.seo-section-case {
  padding-top: 50px;
}

.seo-section-case__top {
  max-width: 800px;
}

.seo-section-case .title {
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 57px;
}

@media (max-width: 420px) {
  .seo-section-case .title {
    font-size: 30px;
    line-height: 1;
  }
}

.seo-section-case p {
  color: #fff;
  font-weight: 500;
  font-size: 22px;
  font-family: "Roboto Flex", sans-serif;
}

.seo-section-case .cases-studies-main p {
  color: #231f20;
}

.seo-section-case .button {
  font-size: 14px !important;
}

@media (max-width: 767.98px) {
  .seo-section-case .title {
    font-size: 34px;
  }
}

/*==================================
  Case Study Section
==================================*/

@media (max-width: 767.98px) {
  .cases-studies-main {
    margin-top: -20px !important;
  }
}

/*==================================
  SEO Section Tiger
==================================*/

.seo-section-tiger {
  padding: 120px 0 120px;
}

@media (max-width: 420px) {
  .seo-section-tiger {
    padding: 15px;
  }
}

.seo-section-tiger .title {
  line-height: 1.2;
  margin-bottom: 10px;
}

.seo-section-tiger p {
  font-size: 15px;
  font-weight: 700;
  color: #959595;
  margin-bottom: 50px;
}

.seo-section-tiger p a {
  color: #959595;
  text-decoration: underline;
}

@media (max-width: 1200px) {
  .seo-section-tiger .title {
    font-size: 40px;
  }
}

@media (max-width: 420px) {
  .title {
    font-size: 25px !important;
  }
}