/*==================================
  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-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: #787878;
  font-weight: 400;
}

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

.seo-section-factors table .impact-high {
  color: #787878;
}

.seo-section-factors table .impact-medium {
  color: #787878;
}

.seo-section-factors table .impact-very-high {
  color: #787878;
}

.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;
  }
}