@import url("https://fonts.googleapis.com/css2?family=Fjalla+One&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
body {
  position: relative;
}
body.menu-open {
  cursor: pointer;
}
body.menu-open .dark-overlay {
  display: block; /* Show dark overlay when menu is open */
}

.secondHeading {
  margin-top: 50px;
}

hr {
  opacity: 0.8;
}

.dark-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(33, 37, 41, 0.6);
  z-index: 999;
  display: none; /* Initially hidden */
}

.header {
  position: fixed;
  top: 0;
  right: 0;
  background: transparent;
  padding: 20px;
  cursor: default;
}
.header .toggle-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background: #652b6b;
  padding: 20px 10px;
  box-shadow: 0 0 100px 10px rgba(0, 0, 0, 0.4);
  cursor: pointer;
}
.header .toggle-container .menuToggle {
  --s: 17px;
  --c: white;
  height: var(--s);
  aspect-ratio: 1;
  border: none;
  padding: 0;
  border-inline: calc(var(--s) / 2) solid rgba(0, 0, 0, 0);
  box-sizing: content-box;
  --_g1: linear-gradient(var(--c) 20%, #0000 0 80%, var(--c) 0) no-repeat content-box border-box;
  --_g2: radial-gradient(circle closest-side at 50% 12.5%, var(--c) 95%, #0000) repeat-y content-box
  	border-box;
  background: var(--_g2) left var(--_p, 0px) top, var(--_g1) left calc(var(--s) / 10 + var(--_p, 0px)) top, var(--_g2) right var(--_p, 0px) top, var(--_g1) right calc(var(--s) / 10 + var(--_p, 0px)) top;
  background-size: 20% 80%, 40% 100%;
  position: relative;
  -webkit-clip-path: inset(0 25%);
          clip-path: inset(0 25%);
  -webkit-mask: linear-gradient(90deg, rgba(0, 0, 0, 0), #000 25% 75%, rgba(0, 0, 0, 0));
  cursor: pointer;
  transition: background-position 0.3s var(--_s, 0.3s), -webkit-clip-path 0s var(--_s, 0.6s);
  transition: background-position 0.3s var(--_s, 0.3s), clip-path 0s var(--_s, 0.6s);
  transition: background-position 0.3s var(--_s, 0.3s), clip-path 0s var(--_s, 0.6s), -webkit-clip-path 0s var(--_s, 0.6s);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.header .toggle-container .menuToggle:before {
  content: "";
  position: absolute;
  border-radius: var(--s);
  inset: 40% 0;
  background: var(--c);
  transition: transform 0.3s calc(0.3s - var(--_s, 0.3s));
}
.header .toggle-container .menuToggle:after {
  content: "";
  position: absolute;
  border-radius: var(--s);
  inset: 40% 0;
  background: var(--c);
  transition: transform 0.3s calc(0.3s - var(--_s, 0.3s));
}
.header .toggle-container .menuToggle:checked {
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
  --_p: calc(-1 * var(--s));
  --_s: 0s;
}
.header .toggle-container .menuToggle:checked:before {
  transform: rotate(45deg);
}
.header .toggle-container .menuToggle:checked:after {
  transform: rotate(-45deg);
}
.header .toggle-container .menuToggle:focus-visible {
  -webkit-clip-path: none;
          clip-path: none;
  -webkit-mask: none;
  border: none;
  outline: 2px solid var(--c);
  outline-offset: 5px;
}

.menu-container {
  position: fixed;
  cursor: default;
  top: 0;
  right: -350px;
  z-index: 1000;
  height: 100vh;
  width: 350px;
  overflow-y: auto;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: linear-gradient(180deg, rgba(68, 49, 87, 0.8) 60%, rgba(68, 49, 87, 0.6) 100%);
}
.menu-container .menu {
  height: 70vh;
  list-style: none;
}
.menu-container .menu > li {
  cursor: pointer;
  margin-bottom: 7px;
  color: #ffffff;
  padding: 7px 20px;
  border-radius: 20px;
  transition: all 0.3s ease;
  font-size: 1rem;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}
.menu-container .menu > li:hover {
  background: #ffffff;
  color: rgba(68, 49, 87, 0.8);
}
.menu-container .menu > li:hover .submenu li.ative {
  background: #443157;
  color: rgba(255, 255, 255, 0.8);
}
.menu-container .menu > li.active {
  background: #ffffff;
  color: rgba(68, 49, 87, 0.8);
}
.menu-container .menu .submenu {
  list-style: none;
  padding-left: 0;
  margin-top: 10px;
}
.menu-container .menu .submenu li {
  margin-bottom: 5px;
  padding: 5px 15px;
  border-radius: 20px;
  transition: all 0.3s ease;
  font-size: 0.9rem;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}
.menu-container .menu .submenu li:hover {
  background: #443157;
  color: rgba(255, 255, 255, 0.8);
}
.menu-container .menu .submenu li.active {
  background: #ffffff;
  color: rgba(68, 49, 87, 0.8);
}

.welcome {
  width: 100vw;
  height: 100vh;
  position: relative;
  z-index: 1;
  background: url("/img/welcome-bg.jpg") no-repeat center center scroll;
  -ms-background-size: cover;
  -khtml-background-size: cover;
  background-size: cover;
}
@media screen and (max-width: 1600px) {
  .welcome {
    min-height: 100vh;
  }
}
.welcome::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #443157;
  opacity: 0.8;
  z-index: 3;
}
@media screen and (max-width: 1600px) {
  .welcome::before {
    height: 100%;
  }
}
.welcome .welcome-container {
  position: relative;
  z-index: 5;
}
.welcome .welcome-splitter {
  position: relative;
  z-index: 5;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 100vh;
  padding: 20px;
}
@media screen and (max-width: 1600px) {
  .welcome .welcome-splitter {
    min-height: 100vh;
  }
}
.welcome .welcome-splitter .logo-row {
  width: 100%;
  justify-content: flex-start;
}
.welcome .welcome-splitter .logo-row .logo {
  max-width: 250px;
}
.welcome .welcome-splitter .logo-row .logo img {
  width: 100%;
}
.welcome .welcome-splitter .logo-row .logo img:hover {
  opacity: 0.8;
}
.welcome .welcome-splitter .text-row {
  width: 50%;
}
@media screen and (max-width: 1600px) {
  .welcome .welcome-splitter .text-row {
    width: 70%;
  }
}
@media screen and (max-width: 1440px) {
  .welcome .welcome-splitter .text-row {
    width: 80%;
  }
}
@media screen and (max-width: 1024px) {
  .welcome .welcome-splitter .text-row {
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
  .welcome .welcome-splitter .text-row {
    width: 100%;
    margin-top: 25px;
  }
}
.welcome .welcome-splitter .text-row h1 {
  font-size: 6rem;
  font-family: Arial;
  font-weight: 700;
  color: #ffffff;
  line-height: 1;
  margin-bottom: 0;
}
@media screen and (max-width: 1440px) {
  .welcome .welcome-splitter .text-row h1 {
    font-size: 5rem;
  }
}
@media screen and (max-width: 1024px) {
  .welcome .welcome-splitter .text-row h1 {
    font-size: 4rem;
  }
}
@media screen and (max-width: 768px) {
  .welcome .welcome-splitter .text-row h1 {
    font-size: 3rem;
  }
}
.welcome .welcome-splitter .text-row h3 {
  font-size: 2rem;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: #ffffff;
  margin: 10px 0 20px;
}
.welcome .welcome-splitter .text-row .buttons {
  display: flex;
  gap: 20px;
}
.welcome .welcome-splitter .text-row .buttons .btn {
  padding: 7px 20px;
  border: none;
  outline: none;
  border-radius: 20px;
  cursor: pointer;
  font-size: 1rem;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 1600px) {
  .welcome .welcome-splitter .text-row .buttons .btn {
    padding: 5px 15px;
    font-size: 0.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .welcome .welcome-splitter .text-row .buttons .btn {
    padding: 5px 15px;
    font-size: 0.8rem;
  }
}
@media screen and (max-width: 768px) {
  .welcome .welcome-splitter .text-row .buttons .btn {
    padding: 5px 15px;
    font-size: 0.7rem;
  }
}
.welcome .welcome-splitter .text-row .buttons .btn1 {
  background: transparent;
  border: 2px solid #ffffff;
  color: #ffffff;
}
.welcome .welcome-splitter .text-row .buttons .btn1:hover {
  background: #ffffff;
  color: #443157;
}
.welcome .welcome-splitter .text-row .buttons .btn2 {
  background: #ffffff;
  border: 2px solid #ffffff;
  color: #443157;
}
.welcome .welcome-splitter .text-row .buttons .btn2:hover {
  background: transparent;
  color: #ffffff;
}
.welcome .welcome-splitter .btn-down-row {
  width: 50%;
}
@media screen and (max-width: 1600px) {
  .welcome .welcome-splitter .btn-down-row {
    width: 70%;
  }
}
@media screen and (max-width: 1440px) {
  .welcome .welcome-splitter .btn-down-row {
    width: 80%;
  }
}
@media screen and (max-width: 1024px) {
  .welcome .welcome-splitter .btn-down-row {
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
  .welcome .welcome-splitter .btn-down-row {
    width: 100%;
  }
}
.welcome .welcome-splitter .btn-down-row button {
  width: -moz-max-content;
  width: max-content;
  padding: 7px 20px;
  border: none;
  outline: none;
  border-radius: 5px;
  cursor: pointer;
  background: transparent;
  color: #ffffff;
  background: transparent;
  color: #ffffff;
  font-size: 1rem;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 1600px) {
  .welcome .welcome-splitter .btn-down-row button {
    font-size: 0.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .welcome .welcome-splitter .btn-down-row button {
    font-size: 0.8rem;
  }
}
@media screen and (max-width: 768px) {
  .welcome .welcome-splitter .btn-down-row button {
    font-size: 0.7rem;
  }
}
.welcome .welcome-splitter .btn-down-row button .btn-down {
  display: flex;
  flex-direction: column;
}
.welcome .welcome-splitter .btn-down-row button .btn-down i {
  font-size: 2.5rem;
  opacity: 0.6;
}
.welcome .welcome-splitter .btn-down-row button .btn-down i:first-of-type {
  opacity: 0.3;
}
.welcome .welcome-splitter .btn-down-row button .btn-down i:last-of-type {
  opacity: 0.9;
}

.contents {
  width: 100vw;
  height: 100vh;
  position: relative;
  z-index: 1;
  background: url("/img/contents-bg.jpg") no-repeat center center scroll;
  -ms-background-size: cover;
  -khtml-background-size: cover;
  background-size: cover;
}
@media screen and (max-width: 1600px) {
  .contents {
    height: auto;
  }
}
.contents::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: linear-gradient(90deg, #610033 30%, rgba(97, 0, 51, 0.8) 100%);
  z-index: 3;
}
@media screen and (max-width: 1600px) {
  .contents::before {
    height: 100%;
  }
}
.contents .contents-container {
  position: relative;
  z-index: 5;
}
.contents .contents-splitter {
  position: relative;
  z-index: 5;
  display: flex;
  flex-direction: column;
  height: 100vh;
}
@media screen and (max-width: 1600px) {
  .contents .contents-splitter {
    height: auto;
  }
}
.contents .contents-splitter .contents-row {
  width: 30%;
  position: relative;
  padding: 20px;
  top: 50%;
  left: 15%;
  transform: translateY(-50%);
}
@media screen and (max-width: 1600px) {
  .contents .contents-splitter .contents-row {
    width: 100%;
    padding: 20px;
    top: 0;
    left: 0;
    transform: translateY(0);
  }
}
@media screen and (max-width: 1024px) {
  .contents .contents-splitter .contents-row {
    width: 100%;
    padding: 20px;
    top: 0;
    left: 0;
    transform: translateY(0);
  }
}
@media screen and (max-width: 768px) {
  .contents .contents-splitter .contents-row {
    width: 100%;
    padding: 20px;
    top: 0;
    left: 0;
    transform: translateY(0);
  }
}
.contents .contents-splitter .contents-row h2 {
  color: #ffffff;
  line-height: 1;
  margin-bottom: 0;
  font-size: 2rem;
  font-family: Arial;
  font-weight: 700;
}
.contents .contents-splitter .contents-row hr {
  width: 20%;
  height: 5px;
  border-radius: 10px;
  background: #ffffff;
  margin: 10px 0;
}
.contents .contents-splitter .contents-row .menu {
  list-style: decimal-leading-zero;
  list-style-position: inside;
}
.contents .contents-splitter .contents-row .menu > li {
  cursor: pointer;
  margin-bottom: 7px;
  color: #ffffff;
  padding: 7px 20px;
  border-radius: 20px;
  transition: all 0.3s ease;
  font-size: 1rem;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}
.contents .contents-splitter .contents-row .menu > li:hover {
  background: #ffffff;
  color: rgba(68, 49, 87, 0.8);
}
.contents .contents-splitter .contents-row .menu > li:hover .submenu li.ative {
  background: #443157;
  color: rgba(255, 255, 255, 0.8);
}
.contents .contents-splitter .contents-row .menu > li.active {
  background: #ffffff;
  color: rgba(68, 49, 87, 0.8);
}
.contents .contents-splitter .contents-row .menu .submenu {
  list-style: none;
  padding-left: 0;
  margin-top: 10px;
}
.contents .contents-splitter .contents-row .menu .submenu li {
  margin-bottom: 5px;
  padding: 5px 15px;
  border-radius: 20px;
  transition: all 0.3s ease;
  font-size: 0.9rem;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}
.contents .contents-splitter .contents-row .menu .submenu li:hover {
  background: #610033;
  color: rgba(255, 255, 255, 0.8);
}
.contents .contents-splitter .contents-row .menu .submenu li.active {
  background: #ffffff;
  color: rgba(97, 0, 51, 0.8);
}

.about {
  width: 100vw;
  height: 100vh;
  position: relative;
  color: #ffffff;
  z-index: 1;
  background: url("/img/about-bg.jpg") no-repeat center center scroll;
  -ms-background-size: cover;
  -khtml-background-size: cover;
  background-size: cover;
}
@media screen and (max-width: 1600px) {
  .about {
    height: auto;
  }
}
.about::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #443157;
  opacity: 0.6;
  z-index: 3;
}
@media screen and (max-width: 1600px) {
  .about::before {
    height: 100%;
  }
}
.about .about-container {
  position: relative;
  z-index: 5;
}
.about .about-splitter {
  position: relative;
  z-index: 5;
  display: flex;
  flex-direction: column;
  height: 100vh;
}
@media screen and (max-width: 1600px) {
  .about .about-splitter {
    height: auto;
  }
}
.about .about-splitter .about-row {
  width: 40%;
  position: relative;
  padding: 20px;
  top: 50%;
  left: 5%;
  transform: translateY(-50%);
}
@media screen and (max-width: 1600px) {
  .about .about-splitter .about-row {
    width: 100%;
    top: 0;
    left: 0;
    transform: translateY(0);
  }
}
@media screen and (max-width: 1024px) {
  .about .about-splitter .about-row {
    width: 100%;
    top: 0;
    left: 0;
    transform: translateY(0);
  }
}
@media screen and (max-width: 768px) {
  .about .about-splitter .about-row {
    width: 100%;
    top: 0;
    left: 0;
    transform: translateY(0);
  }
}
.about .about-splitter .about-row h2 {
  font-size: 2rem;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #ffffff;
  line-height: 1;
  margin-bottom: 0;
}
.about .about-splitter .about-row hr {
  width: 20%;
  height: 5px;
  border-radius: 10px;
  background: #ffffff;
  margin: 10px 0;
}

.whatWeDo {
  width: 100vw;
  height: 100vh;
  position: relative;
  color: #ffffff;
  z-index: 1;
  background: #f9f9f9;
}
@media screen and (max-width: 1600px) {
  .whatWeDo {
    height: auto;
  }
}
.whatWeDo .whatWeDo-container {
  position: relative;
  z-index: 5;
}
.whatWeDo .whatWeDo-splitter {
  position: relative;
  z-index: 5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
@media screen and (max-width: 1600px) {
  .whatWeDo .whatWeDo-splitter {
    height: auto;
  }
}
.whatWeDo .whatWeDo-splitter .whatWeDo-row {
  width: 60%;
  position: relative;
  padding: 20px;
  margin-left: 100px;
}
@media screen and (max-width: 1600px) {
  .whatWeDo .whatWeDo-splitter .whatWeDo-row {
    margin-left: 50px;
    width: 70%;
    padding: 20px 0;
  }
}
@media screen and (max-width: 1440px) {
  .whatWeDo .whatWeDo-splitter .whatWeDo-row {
    margin-left: 50px;
    width: 80%;
  }
}
@media screen and (max-width: 1024px) {
  .whatWeDo .whatWeDo-splitter .whatWeDo-row {
    margin-left: 20px;
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
  .whatWeDo .whatWeDo-splitter .whatWeDo-row {
    margin-left: 0;
    width: 100%;
  }
}
.whatWeDo .whatWeDo-splitter .whatWeDo-row h2 {
  font-size: 2rem;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #443157;
  line-height: 1;
}
.whatWeDo .whatWeDo-splitter .whatWeDo-row hr {
  width: 20%;
  height: 5px;
  border-radius: 10px;
  background: #443157;
  margin: 10px 0;
  opacity: 0.8;
  margin-bottom: 5.5rem;
}
@media screen and (max-width: 1440px) {
  .whatWeDo .whatWeDo-splitter .whatWeDo-row hr {
    margin: 10px 0;
  }
}
@media screen and (max-width: 1024px) {
  .whatWeDo .whatWeDo-splitter .whatWeDo-row hr {
    margin: 10px 0;
  }
}
@media screen and (max-width: 768px) {
  .whatWeDo .whatWeDo-splitter .whatWeDo-row hr {
    margin: 10px 0;
  }
}
.whatWeDo .whatWeDo-splitter .whatWeDo-row h4 {
  font-size: 1.2rem;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #443157;
  line-height: 1;
  margin-bottom: 0.2rem;
}
.whatWeDo .whatWeDo-splitter .whatWeDo-row p {
  font-size: 1rem;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  color: #443157;
  line-height: 1.5;
}
.whatWeDo .whatWeDo-splitter .whatWeDo-row .row {
  flex-wrap: wrap;
}
.whatWeDo .whatWeDo-splitter .whatWeDo-row .row .block {
  margin-bottom: 20px;
}
.whatWeDo .whatWeDo-splitter .whatWeDo-row .row .block img {
  width: 50%;
  margin-bottom: 10px;
}

.websiteSpeed {
  width: 100vw;
  height: 100vh;
  position: relative;
  color: #ffffff;
  z-index: 1;
  background: url("/img/website-audit/website-speed-bg.jpg") no-repeat center center scroll;
  -ms-background-size: cover;
  -khtml-background-size: cover;
  background-size: cover;
}
@media screen and (max-width: 1600px) {
  .websiteSpeed {
    height: auto;
  }
}
.websiteSpeed::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #443157;
  opacity: 0.9;
  z-index: 3;
}
@media screen and (max-width: 1600px) {
  .websiteSpeed::before {
    height: 100%;
  }
}
.websiteSpeed .websiteSpeed-container {
  position: relative;
  z-index: 5;
}
.websiteSpeed .websiteSpeed-splitter {
  position: relative;
  z-index: 5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
@media screen and (max-width: 1600px) {
  .websiteSpeed .websiteSpeed-splitter {
    height: auto;
  }
}
.websiteSpeed .websiteSpeed-splitter .websiteSpeed-row {
  width: 100%;
  position: relative;
  padding: 20px;
  padding-top: 90px;
  padding-bottom: 0;
  margin-left: 100px;
}
@media screen and (max-width: 1440px) {
  .websiteSpeed .websiteSpeed-splitter .websiteSpeed-row {
    margin-left: 50px;
    padding-top: 50px;
    padding: 20px 0;
  }
}
@media screen and (max-width: 1024px) {
  .websiteSpeed .websiteSpeed-splitter .websiteSpeed-row {
    margin-left: 20px;
  }
}
@media screen and (max-width: 768px) {
  .websiteSpeed .websiteSpeed-splitter .websiteSpeed-row {
    margin-left: 0;
  }
}
.websiteSpeed .websiteSpeed-splitter .websiteSpeed-row h2 {
  font-size: 2rem;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #ffffff;
  line-height: 1;
}
.websiteSpeed .websiteSpeed-splitter .websiteSpeed-row hr {
  width: 20%;
  height: 5px;
  border-radius: 10px;
  background: #ffffff;
  margin: 10px 0;
  opacity: 0.8;
}
.websiteSpeed .websiteSpeed-splitter .websiteSpeed-row img {
  width: 100%;
}
.websiteSpeed .websiteSpeed-splitter .websiteSpeed-row p {
  font-size: 1rem;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  color: #ffffff;
  line-height: 1.5;
}
.websiteSpeed .websiteSpeed-splitter .websiteSpeed-row .textCol p {
  font-size: 0.9rem;
}
@media screen and (max-width: 1024px) {
  .websiteSpeed .websiteSpeed-splitter .websiteSpeed-row .textCol p {
    margin-bottom: 0;
  }
}
.websiteSpeed .websiteSpeed-splitter .websiteSpeed-row .circle {
  position: relative;
  width: 85px;
  height: 85px;
  margin: 5px;
  overflow: hidden;
  border-radius: 50%;
  border: 5px solid #f3f3f3;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #000;
}
@media screen and (max-width: 1024px) {
  .websiteSpeed .websiteSpeed-splitter .websiteSpeed-row .circle {
    margin-bottom: 20px;
    width: 100px;
    height: 100px;
  }
}
.websiteSpeed .websiteSpeed-splitter .websiteSpeed-row .circle-progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-sizing: border-box;
}
.websiteSpeed .websiteSpeed-splitter .websiteSpeed-row .circle .circle-text {
  z-index: 1;
  color: #ffffff;
}
.websiteSpeed .websiteSpeed-splitter .websiteSpeed-row .chartTitle {
  margin-bottom: -20px;
}
.websiteSpeed .websiteSpeed-splitter .websiteSpeed-row canvas {
  width: 300px !important;
  height: 300px !important;
}
.websiteSpeed .websiteSpeed-splitter .websiteSpeed-row .securityList {
  list-style: none;
  padding: 0;
}
.websiteSpeed .websiteSpeed-splitter .websiteSpeed-row .securityList li::before {
  font-family: "FontAwesome";
  content: "\f00c";
  margin-right: 10px;
  color: green;
  font-size: 1.2rem;
}
.websiteSpeed .websiteSpeed-splitter .websiteSpeed-row table {
  width: 75%;
}
@media screen and (max-width: 1024px) {
  .websiteSpeed .websiteSpeed-splitter .websiteSpeed-row table {
    width: 100%;
    margin-bottom: 30px;
  }
}
.websiteSpeed .websiteSpeed-splitter .websiteSpeed-row table tr td:nth-child(2) {
  text-align: right;
}

.websitePerformance {
  width: 100vw;
  height: 100vh;
  position: relative;
  color: #ffffff;
  z-index: 1;
  background: url("/img/website-audit/website-performace-bg.jpg") no-repeat center center scroll;
  -ms-background-size: cover;
  -khtml-background-size: cover;
  background-size: cover;
}
@media screen and (max-width: 1600px) {
  .websitePerformance {
    height: auto;
  }
}
.websitePerformance::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #375178;
  opacity: 0.9;
  z-index: 3;
}
@media screen and (max-width: 1600px) {
  .websitePerformance::before {
    height: 100%;
  }
}
.websitePerformance .websitePerformance-container {
  position: relative;
  z-index: 5;
}
.websitePerformance .websitePerformance-splitter {
  position: relative;
  z-index: 5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
@media screen and (max-width: 1600px) {
  .websitePerformance .websitePerformance-splitter {
    height: auto;
  }
}
.websitePerformance .websitePerformance-splitter .websitePerformance-row {
  width: 100%;
  position: relative;
  padding: 20px;
  margin-left: 100px;
}
@media screen and (max-width: 1440px) {
  .websitePerformance .websitePerformance-splitter .websitePerformance-row {
    margin-left: 50px;
    padding: 20px 0;
  }
}
@media screen and (max-width: 1024px) {
  .websitePerformance .websitePerformance-splitter .websitePerformance-row {
    margin-left: 20px;
  }
}
@media screen and (max-width: 768px) {
  .websitePerformance .websitePerformance-splitter .websitePerformance-row {
    margin-left: 0;
  }
}
.websitePerformance .websitePerformance-splitter .websitePerformance-row h2 {
  font-size: 2rem;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #ffffff;
  line-height: 1;
}
.websitePerformance .websitePerformance-splitter .websitePerformance-row hr {
  width: 20%;
  height: 5px;
  border-radius: 10px;
  background: #ffffff;
  margin: 10px 0;
  opacity: 0.8;
}
.websitePerformance .websitePerformance-splitter .websitePerformance-row img {
  width: 100%;
}
.websitePerformance .websitePerformance-splitter .websitePerformance-row p {
  font-size: 1rem;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  color: #ffffff;
  line-height: 1.5;
}
.websitePerformance .websitePerformance-splitter .websitePerformance-row .textCol p {
  font-size: 0.9rem;
}
.websitePerformance .websitePerformance-splitter .websitePerformance-row .circle-row > div {
  margin-bottom: 15px;
}
.websitePerformance .websitePerformance-splitter .websitePerformance-row .circle {
  position: relative;
  width: 90px;
  height: 90px;
  margin: 5px;
  overflow: hidden;
  border-radius: 50%;
  border: 5px solid #f3f3f3;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #000;
}
@media screen and (max-width: 1024px) {
  .websitePerformance .websitePerformance-splitter .websitePerformance-row .circle {
    width: 100px;
    height: 100px;
    margin-bottom: 30px;
  }
}
.websitePerformance .websitePerformance-splitter .websitePerformance-row .circle-progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-sizing: border-box;
}
.websitePerformance .websitePerformance-splitter .websitePerformance-row .circle .circle-text {
  z-index: 1;
  color: #ffffff;
}

.technicalAudit {
  width: 100vw;
  height: 100vh;
  position: relative;
  color: #ffffff;
  z-index: 1;
  background: url("/img/website-audit/technical-audit-bg.jpg") no-repeat center center scroll;
  -ms-background-size: cover;
  -khtml-background-size: cover;
  background-size: cover;
}
@media screen and (max-width: 1600px) {
  .technicalAudit {
    height: auto;
  }
}
.technicalAudit::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #443157;
  opacity: 0.9;
  z-index: 3;
}
@media screen and (max-width: 1600px) {
  .technicalAudit::before {
    height: 100%;
  }
}
.technicalAudit .technicalAudit-container {
  position: relative;
  z-index: 5;
}
.technicalAudit .technicalAudit-splitter {
  position: relative;
  z-index: 5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
@media screen and (max-width: 1600px) {
  .technicalAudit .technicalAudit-splitter {
    height: auto;
  }
}
.technicalAudit .technicalAudit-splitter .technicalAudit-row {
  width: 100%;
  position: relative;
  padding: 20px;
  margin-left: 100px;
}
@media screen and (max-width: 1440px) {
  .technicalAudit .technicalAudit-splitter .technicalAudit-row {
    margin-left: 50px;
    padding: 20px 0;
  }
}
@media screen and (max-width: 1024px) {
  .technicalAudit .technicalAudit-splitter .technicalAudit-row {
    margin-left: 20px;
  }
}
@media screen and (max-width: 768px) {
  .technicalAudit .technicalAudit-splitter .technicalAudit-row {
    margin-left: 0;
  }
}
.technicalAudit .technicalAudit-splitter .technicalAudit-row h2 {
  font-size: 2rem;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #ffffff;
  line-height: 1;
}
.technicalAudit .technicalAudit-splitter .technicalAudit-row hr {
  width: 20%;
  height: 5px;
  border-radius: 10px;
  background: #ffffff;
  margin: 10px 0;
  opacity: 0.8;
}
.technicalAudit .technicalAudit-splitter .technicalAudit-row img {
  width: 100%;
}
.technicalAudit .technicalAudit-splitter .technicalAudit-row .fa-2xl {
  font-size: 3.5rem;
  margin-top: 35px;
  margin-left: 25px;
}
@media screen and (max-width: 1024px) {
  .technicalAudit .technicalAudit-splitter .technicalAudit-row .fa-2xl {
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .technicalAudit .technicalAudit-splitter .technicalAudit-row .fa-2xl {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 40px;
  }
}
.technicalAudit .technicalAudit-splitter .technicalAudit-row .fa-check {
  color: green;
}
.technicalAudit .technicalAudit-splitter .technicalAudit-row .fa-xmark {
  color: red;
}
.technicalAudit .technicalAudit-splitter .technicalAudit-row p {
  font-size: 1rem;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  color: #ffffff;
  line-height: 1.5;
}
.technicalAudit .technicalAudit-splitter .technicalAudit-row .textCol p {
  font-size: 0.9rem;
}
.technicalAudit .technicalAudit-splitter .technicalAudit-row .circle-row > div {
  margin-bottom: 15px;
}
.technicalAudit .technicalAudit-splitter .technicalAudit-row .circle {
  position: relative;
  width: 90px;
  height: 90px;
  margin: 5px;
  overflow: hidden;
  border-radius: 50%;
  border: 5px solid #f3f3f3;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #000;
}
.technicalAudit .technicalAudit-splitter .technicalAudit-row .circle-progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-sizing: border-box;
}
.technicalAudit .technicalAudit-splitter .technicalAudit-row .circle .circle-text {
  z-index: 1;
  color: #ffffff;
}

.Recommendation {
  width: 100vw;
  height: 100vh;
  position: relative;
  color: #ffffff;
  z-index: 1;
  background: url("/img/recommendation-bg.jpg") no-repeat center center scroll;
  -ms-background-size: cover;
  -khtml-background-size: cover;
  background-size: cover;
}
@media screen and (max-width: 1600px) {
  .Recommendation {
    height: auto;
  }
}
.Recommendation::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #610033;
  opacity: 0.9;
  z-index: 3;
}
@media screen and (max-width: 1600px) {
  .Recommendation::before {
    height: 100%;
  }
}
.Recommendation .Recommendation-container {
  position: relative;
  z-index: 5;
}
.Recommendation .Recommendation-splitter {
  position: relative;
  z-index: 5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
@media screen and (max-width: 1600px) {
  .Recommendation .Recommendation-splitter {
    height: auto;
  }
}
.Recommendation .Recommendation-splitter .Recommendation-row {
  width: 100%;
  position: relative;
  padding: 20px;
  margin-left: 100px;
}
@media screen and (max-width: 1440px) {
  .Recommendation .Recommendation-splitter .Recommendation-row {
    margin-left: 50px;
    padding: 20px 0;
  }
}
@media screen and (max-width: 1024px) {
  .Recommendation .Recommendation-splitter .Recommendation-row {
    margin-left: 20px;
  }
}
@media screen and (max-width: 768px) {
  .Recommendation .Recommendation-splitter .Recommendation-row {
    margin-left: 0;
  }
}
.Recommendation .Recommendation-splitter .Recommendation-row h2 {
  font-size: 2rem;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #ffffff;
  line-height: 1;
}
@media screen and (max-width: 1600px) {
  .Recommendation .Recommendation-splitter .Recommendation-row h2 {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 768px) {
  .Recommendation .Recommendation-splitter .Recommendation-row h2 {
    font-size: 1.6rem;
  }
}
.Recommendation .Recommendation-splitter .Recommendation-row hr {
  width: 20%;
  height: 5px;
  border-radius: 10px;
  background: #ffffff;
  margin: 10px 0;
  opacity: 0.8;
}
.Recommendation .Recommendation-splitter .Recommendation-row img {
  width: 100%;
}
.Recommendation .Recommendation-splitter .Recommendation-row p {
  font-size: 1rem;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  color: #ffffff;
  line-height: 1.5;
}
.Recommendation .Recommendation-splitter .Recommendation-row p:first-child {
  margin-bottom: 5px;
}
.Recommendation .Recommendation-splitter .Recommendation-row .textCol p {
  font-size: 0.9rem;
}
.Recommendation .Recommendation-splitter .Recommendation-row .circle-row > div {
  margin-bottom: 15px;
}
.Recommendation .Recommendation-splitter .Recommendation-row .circle {
  position: relative;
  width: 90px;
  height: 90px;
  margin: 5px;
  overflow: hidden;
  border-radius: 50%;
  border: 5px solid #f3f3f3;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #000;
}
.Recommendation .Recommendation-splitter .Recommendation-row .circle-progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-sizing: border-box;
}
.Recommendation .Recommendation-splitter .Recommendation-row .circle .circle-text {
  z-index: 1;
  color: #ffffff;
}
.Recommendation h4 {
  margin-top: 20px;
}
.Recommendation ul {
  font-size: 1.1rem;
}
.Recommendation ul li ul {
  list-style: none;
}

.domainStrength {
  width: 100vw;
  height: 100vh;
  position: relative;
  color: #ffffff;
  z-index: 1;
  background: url("/img/website-audit/website-speed-bg.jpg") no-repeat center center scroll;
  -ms-background-size: cover;
  -khtml-background-size: cover;
  background-size: cover;
}
@media screen and (max-width: 1600px) {
  .domainStrength {
    height: auto;
  }
}
.domainStrength::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #610033;
  opacity: 0.9;
  z-index: 3;
}
@media screen and (max-width: 1600px) {
  .domainStrength::before {
    height: 100%;
  }
}
.domainStrength .domainStrength-container {
  position: relative;
  z-index: 5;
}
.domainStrength .domainStrength-splitter {
  position: relative;
  z-index: 5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
@media screen and (max-width: 1600px) {
  .domainStrength .domainStrength-splitter {
    height: auto;
  }
}
.domainStrength .domainStrength-splitter .domainStrength-row {
  width: 100%;
  position: relative;
  padding: 20px;
  margin-left: 100px;
}
@media screen and (max-width: 1440px) {
  .domainStrength .domainStrength-splitter .domainStrength-row {
    margin-left: 50px;
    padding: 20px 0;
  }
}
@media screen and (max-width: 1024px) {
  .domainStrength .domainStrength-splitter .domainStrength-row {
    margin-left: 20px;
  }
}
@media screen and (max-width: 768px) {
  .domainStrength .domainStrength-splitter .domainStrength-row {
    margin-left: 0;
  }
}
.domainStrength .domainStrength-splitter .domainStrength-row > div {
  padding-top: 15px;
}
.domainStrength .domainStrength-splitter .domainStrength-row h2 {
  font-size: 2rem;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #ffffff;
  line-height: 1;
}
.domainStrength .domainStrength-splitter .domainStrength-row hr {
  width: 20%;
  height: 5px;
  border-radius: 10px;
  background: #ffffff;
  margin: 10px 0;
  opacity: 0.8;
}
.domainStrength .domainStrength-splitter .domainStrength-row img {
  width: 100%;
}
.domainStrength .domainStrength-splitter .domainStrength-row p {
  font-size: 1rem;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  color: #ffffff;
  line-height: 1.5;
}
.domainStrength .domainStrength-splitter .domainStrength-row .textCol p {
  font-size: 0.9rem;
}
.domainStrength .domainStrength-splitter .domainStrength-row .circle {
  position: relative;
  width: 85px;
  height: 85px;
  margin: 5px;
  overflow: hidden;
  border-radius: 50%;
  border: 5px solid #f3f3f3;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #000;
}
@media screen and (max-width: 1024px) {
  .domainStrength .domainStrength-splitter .domainStrength-row .circle {
    width: 100px;
    height: 100px;
    margin-bottom: 30px;
  }
}
.domainStrength .domainStrength-splitter .domainStrength-row .circle-progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-sizing: border-box;
}
.domainStrength .domainStrength-splitter .domainStrength-row .circle .circle-text {
  z-index: 1;
  color: #ffffff;
}
.domainStrength .domainStrength-splitter .domainStrength-row .chartTitle {
  margin-bottom: -20px;
}
.domainStrength .domainStrength-splitter .domainStrength-row canvas {
  width: 300px !important;
  height: 300px !important;
}
.domainStrength .domainStrength-splitter .domainStrength-row .securityList {
  list-style: none;
  padding: 0;
}
.domainStrength .domainStrength-splitter .domainStrength-row .securityList li::before {
  font-family: "FontAwesome";
  content: "\f00c";
  margin-right: 10px;
  color: green;
  font-size: 1.2rem;
}
.domainStrength .domainStrength-splitter .domainStrength-row table {
  width: 75%;
  overflow-x: auto;
}

.domainComparison {
  width: 100vw;
  height: 100vh;
  position: relative;
  color: #ffffff;
  z-index: 1;
  background: url("/img/seo-audit/keywords-bg.jpg") no-repeat center center scroll;
  -ms-background-size: cover;
  -khtml-background-size: cover;
  background-size: cover;
}
@media screen and (max-width: 1600px) {
  .domainComparison {
    height: auto;
  }
}
.domainComparison::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #191970;
  opacity: 0.9;
  z-index: 3;
}
@media screen and (max-width: 1600px) {
  .domainComparison::before {
    height: 100%;
  }
}
.domainComparison .domainComparison-container {
  position: relative;
  z-index: 5;
}
.domainComparison .domainComparison-splitter {
  position: relative;
  z-index: 5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
@media screen and (max-width: 1600px) {
  .domainComparison .domainComparison-splitter {
    height: auto;
  }
}
.domainComparison .domainComparison-splitter .domainComparison-row {
  width: 100%;
  position: relative;
  padding: 20px;
  margin-left: 100px;
}
@media screen and (max-width: 1440px) {
  .domainComparison .domainComparison-splitter .domainComparison-row {
    margin-left: 50px;
    padding: 20px 0;
  }
}
@media screen and (max-width: 1024px) {
  .domainComparison .domainComparison-splitter .domainComparison-row {
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .domainComparison .domainComparison-splitter .domainComparison-row {
    margin-left: 0;
  }
}
.domainComparison .domainComparison-splitter .domainComparison-row h2 {
  font-size: 2rem;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #ffffff;
  line-height: 1;
}
.domainComparison .domainComparison-splitter .domainComparison-row hr {
  width: 20%;
  height: 5px;
  border-radius: 10px;
  background: #ffffff;
  margin: 10px 0;
  opacity: 0.8;
}
.domainComparison .domainComparison-splitter .domainComparison-row p {
  font-size: 1rem;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  color: #ffffff;
  line-height: 1.5;
}
.domainComparison .domainComparison-splitter .domainComparison-row table {
  border: 2px solid #ffffff;
  width: 75%;
}
@media screen and (max-width: 1024px) {
  .domainComparison .domainComparison-splitter .domainComparison-row table {
    width: 100%;
    overflow: auto;
  }
}
.domainComparison .domainComparison-splitter .domainComparison-row table tr {
  border: 2px solid #ffffff;
  border-bottom: 0;
}
.domainComparison .domainComparison-splitter .domainComparison-row table tr.lastRow {
  background: red;
}
.domainComparison .domainComparison-splitter .domainComparison-row table tr.lastRow td {
  color: #ffffff;
}
.domainComparison .domainComparison-splitter .domainComparison-row table tr.lastRow td.lastRowCol {
  background: red;
  color: #ffffff;
}
.domainComparison .domainComparison-splitter .domainComparison-row table tr th {
  text-align: center;
  font-size: 1.2rem;
  padding: 7px;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  background: #ffffff;
  color: #191970;
}
.domainComparison .domainComparison-splitter .domainComparison-row table tr th:nth-child(1) {
  background: #191970;
  color: #ffffff;
}
.domainComparison .domainComparison-splitter .domainComparison-row table tr td {
  font-size: 1rem;
  padding: 7px;
  text-align: center;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
}
.domainComparison .domainComparison-splitter .domainComparison-row table tr td:nth-child(1) {
  font-weight: 600;
  text-align: left;
  border-top: 0;
  border-left: 0;
  background: #ffffff;
  color: #191970;
}

.keywords {
  width: 100vw;
  height: 100vh;
  position: relative;
  color: #ffffff;
  z-index: 1;
  background: url("/img/seo-audit/keywords-bg.jpg") no-repeat center center scroll;
  -ms-background-size: cover;
  -khtml-background-size: cover;
  background-size: cover;
}
@media screen and (max-width: 1600px) {
  .keywords {
    height: auto;
  }
}
.keywords::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #443157;
  opacity: 0.9;
  z-index: 3;
}
@media screen and (max-width: 1600px) {
  .keywords::before {
    height: 100%;
  }
}
.keywords .keywords-container {
  position: relative;
  z-index: 5;
}
.keywords .keywords-splitter {
  position: relative;
  z-index: 5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
@media screen and (max-width: 1600px) {
  .keywords .keywords-splitter {
    height: auto;
  }
}
.keywords .keywords-splitter .keywords-row {
  width: 100%;
  position: relative;
  padding: 20px;
  margin-left: 100px;
}
@media screen and (max-width: 1440px) {
  .keywords .keywords-splitter .keywords-row {
    margin-left: 50px;
    padding: 20px 0;
  }
}
@media screen and (max-width: 1024px) {
  .keywords .keywords-splitter .keywords-row {
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .keywords .keywords-splitter .keywords-row {
    margin-left: 0;
  }
}
.keywords .keywords-splitter .keywords-row h2 {
  font-size: 2rem;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #ffffff;
  line-height: 1;
}
.keywords .keywords-splitter .keywords-row hr {
  width: 20%;
  height: 5px;
  border-radius: 10px;
  background: #ffffff;
  margin: 10px 0;
  opacity: 0.8;
}
.keywords .keywords-splitter .keywords-row img {
  width: 100%;
}
.keywords .keywords-splitter .keywords-row p {
  font-size: 1rem;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  color: #ffffff;
  line-height: 1.5;
}
.keywords .keywords-splitter .keywords-row .textCol p {
  font-size: 0.9rem;
}
.keywords .keywords-splitter .keywords-row .vertical-table tr,
.keywords .keywords-splitter .keywords-row .vertical-table th,
.keywords .keywords-splitter .keywords-row .vertical-table td {
  display: block;
  width: 100%;
  padding: 5px;
}
.keywords .keywords-splitter .keywords-row .vertical-table th {
  text-align: left;
  font-size: 1.2rem;
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  border-bottom: 2px solid #ffffff;
}
.keywords .keywords-splitter .keywords-row .vertical-table td {
  font-size: 1.1rem;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}

.keywordsRanking {
  width: 100vw;
  height: 100vh;
  position: relative;
  color: #ffffff;
  z-index: 1;
  background: url("/img/seo-audit/keywordsRanking-bg.jpg") no-repeat center center scroll;
  -ms-background-size: cover;
  -khtml-background-size: cover;
  background-size: cover;
}
@media screen and (max-width: 1600px) {
  .keywordsRanking {
    height: auto;
  }
}
.keywordsRanking::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #375178;
  opacity: 0.9;
  z-index: 3;
}
@media screen and (max-width: 1600px) {
  .keywordsRanking::before {
    height: 100%;
  }
}
.keywordsRanking .keywordsRanking-container {
  position: relative;
  z-index: 5;
}
.keywordsRanking .keywordsRanking-splitter {
  position: relative;
  z-index: 5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
@media screen and (max-width: 1600px) {
  .keywordsRanking .keywordsRanking-splitter {
    height: auto;
  }
}
.keywordsRanking .keywordsRanking-splitter .keywordsRanking-row {
  width: 100%;
  position: relative;
  padding: 20px;
  margin-left: 100px;
  overflow: hidden;
}
@media screen and (max-width: 1440px) {
  .keywordsRanking .keywordsRanking-splitter .keywordsRanking-row {
    margin-left: 50px;
    padding: 20px 0;
  }
}
@media screen and (max-width: 1024px) {
  .keywordsRanking .keywordsRanking-splitter .keywordsRanking-row {
    margin-left: 0;
  }
}
.keywordsRanking .keywordsRanking-splitter .keywordsRanking-row h2 {
  font-size: 2rem;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #ffffff;
  line-height: 1;
}
.keywordsRanking .keywordsRanking-splitter .keywordsRanking-row hr {
  width: 20%;
  height: 5px;
  border-radius: 10px;
  background: #ffffff;
  margin: 10px 0;
  opacity: 0.8;
}
.keywordsRanking .keywordsRanking-splitter .keywordsRanking-row img {
  width: 100%;
}
.keywordsRanking .keywordsRanking-splitter .keywordsRanking-row table {
  border: 2px solid #ffffff;
  margin-top: 20px;
  width: 75%;
}
.keywordsRanking .keywordsRanking-splitter .keywordsRanking-row table tr {
  border: 2px solid #ffffff;
  border-bottom: 0;
}
.keywordsRanking .keywordsRanking-splitter .keywordsRanking-row table tr.lastRow {
  background: red;
}
.keywordsRanking .keywordsRanking-splitter .keywordsRanking-row table tr.lastRow td {
  color: #ffffff;
}
.keywordsRanking .keywordsRanking-splitter .keywordsRanking-row table tr.lastRow td.lastRowCol {
  background: red;
  color: #ffffff;
}
.keywordsRanking .keywordsRanking-splitter .keywordsRanking-row table tr th {
  text-align: center;
  font-size: 1.2rem;
  padding: 7px;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  background: #ffffff;
  color: #191970;
}
.keywordsRanking .keywordsRanking-splitter .keywordsRanking-row table tr th:nth-child(1) {
  background: #191970;
  color: #ffffff;
}
.keywordsRanking .keywordsRanking-splitter .keywordsRanking-row table tr td {
  font-size: 1rem;
  padding: 7px;
  text-align: center;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
}
.keywordsRanking .keywordsRanking-splitter .keywordsRanking-row table tr td:nth-child(1) {
  font-weight: 600;
  text-align: left;
  border-top: 0;
  border-left: 0;
  background: #ffffff;
  color: #191970;
}
.keywordsRanking .keywordsRanking-splitter .keywordsRanking-row p {
  font-size: 1rem;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  color: #ffffff;
  line-height: 1.5;
}
.keywordsRanking .keywordsRanking-splitter .keywordsRanking-row .textCol p {
  font-size: 0.9rem;
}

.backlinks {
  width: 100vw;
  height: 100vh;
  position: relative;
  color: #ffffff;
  z-index: 1;
  background: url("/img/website-audit/website-speed-bg.jpg") no-repeat center center scroll;
  -ms-background-size: cover;
  -khtml-background-size: cover;
  background-size: cover;
}
@media screen and (max-width: 1600px) {
  .backlinks {
    height: auto;
  }
}
.backlinks::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #610033;
  opacity: 0.9;
  z-index: 3;
}
@media screen and (max-width: 1600px) {
  .backlinks::before {
    height: 100%;
  }
}
.backlinks .backlinks-container {
  position: relative;
  z-index: 5;
}
.backlinks .backlinks-splitter {
  position: relative;
  z-index: 5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
@media screen and (max-width: 1600px) {
  .backlinks .backlinks-splitter {
    height: auto;
  }
}
.backlinks .backlinks-splitter .backlinks-row {
  width: 90%;
  position: relative;
  padding: 20px;
}
@media screen and (max-width: 1600px) {
  .backlinks .backlinks-splitter .backlinks-row {
    width: 100%;
    padding: 20px 0;
  }
}
.backlinks .backlinks-splitter .backlinks-row > div {
  padding-top: 15px;
}
.backlinks .backlinks-splitter .backlinks-row h2 {
  font-size: 2rem;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #ffffff;
  line-height: 1;
}
.backlinks .backlinks-splitter .backlinks-row hr {
  width: 20%;
  height: 5px;
  border-radius: 10px;
  background: #ffffff;
  margin: 10px 0;
  opacity: 0.8;
}
.backlinks .backlinks-splitter .backlinks-row img {
  width: 100%;
}
.backlinks .backlinks-splitter .backlinks-row p {
  font-size: 1rem;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  color: #ffffff;
  line-height: 1.5;
}
.backlinks .backlinks-splitter .backlinks-row .textCol p {
  font-size: 0.9rem;
}
@media screen and (max-width: 1024px) {
  .backlinks .backlinks-splitter .backlinks-row h4 {
    margin-top: 30px;
  }
}
.backlinks .backlinks-splitter .backlinks-row .circle {
  position: relative;
  width: 75px;
  height: 75px;
  margin: 5px;
  overflow: hidden;
  border-radius: 50%;
  border: 5px solid #f3f3f3;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #000;
}
@media screen and (max-width: 1024px) {
  .backlinks .backlinks-splitter .backlinks-row .circle {
    width: 100px;
    height: 100px;
  }
}
.backlinks .backlinks-splitter .backlinks-row .circle-progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-sizing: border-box;
}
.backlinks .backlinks-splitter .backlinks-row .circle .circle-text {
  z-index: 1;
  color: #ffffff;
}
.backlinks .backlinks-splitter .backlinks-row .chartTitle {
  margin-bottom: -20px;
}
.backlinks .backlinks-splitter .backlinks-row canvas {
  width: 300px !important;
  height: 300px !important;
}
.backlinks .backlinks-splitter .backlinks-row .securityList {
  list-style: none;
  padding: 0;
}
.backlinks .backlinks-splitter .backlinks-row .securityList li::before {
  font-family: "FontAwesome";
  content: "\f00c";
  margin-right: 10px;
  color: green;
  font-size: 1.2rem;
}
.backlinks .backlinks-splitter .backlinks-row table {
  width: 75%;
}

.marketingPerspective {
  width: 100vw;
  height: 100vh;
  position: relative;
  color: #ffffff;
  z-index: 1;
  background: url("/img/marketing-perspective-bg.jpg") no-repeat center center scroll;
  -ms-background-size: cover;
  -khtml-background-size: cover;
  background-size: cover;
}
@media screen and (max-width: 1600px) {
  .marketingPerspective {
    height: auto;
  }
}
.marketingPerspective::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #375178;
  opacity: 0.9;
  z-index: 3;
}
@media screen and (max-width: 1600px) {
  .marketingPerspective::before {
    height: 100%;
  }
}
.marketingPerspective .marketingPerspective-container {
  position: relative;
  z-index: 5;
}
.marketingPerspective .marketingPerspective-splitter {
  position: relative;
  z-index: 5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
@media screen and (max-width: 1600px) {
  .marketingPerspective .marketingPerspective-splitter {
    height: auto;
  }
}
.marketingPerspective .marketingPerspective-splitter .marketingPerspective-row {
  width: 100%;
  position: relative;
  padding: 20px;
  margin-left: 100px;
}
@media screen and (max-width: 1440px) {
  .marketingPerspective .marketingPerspective-splitter .marketingPerspective-row {
    margin-left: 50px;
    padding: 20px 0;
  }
}
@media screen and (max-width: 1024px) {
  .marketingPerspective .marketingPerspective-splitter .marketingPerspective-row {
    margin-left: 0;
  }
}
.marketingPerspective .marketingPerspective-splitter .marketingPerspective-row h2 {
  font-size: 2rem;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #ffffff;
  line-height: 1;
}
.marketingPerspective .marketingPerspective-splitter .marketingPerspective-row hr {
  width: 20%;
  height: 5px;
  border-radius: 10px;
  background: #ffffff;
  margin: 10px 0;
  opacity: 0.8;
}
.marketingPerspective .marketingPerspective-splitter .marketingPerspective-row img {
  width: 100%;
}
.marketingPerspective .marketingPerspective-splitter .marketingPerspective-row p {
  font-size: 1rem;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  color: #ffffff;
  line-height: 1.5;
}
.marketingPerspective .marketingPerspective-splitter .marketingPerspective-row p:first-child {
  margin-bottom: 5px;
}
.marketingPerspective .marketingPerspective-splitter .marketingPerspective-row .textCol p {
  font-size: 0.9rem;
}
.marketingPerspective .marketingPerspective-splitter .marketingPerspective-row .circle-row > div {
  margin-bottom: 15px;
}
.marketingPerspective .marketingPerspective-splitter .marketingPerspective-row .circle {
  position: relative;
  width: 90px;
  height: 90px;
  margin: 5px;
  overflow: hidden;
  border-radius: 50%;
  border: 5px solid #f3f3f3;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #000;
}
@media screen and (max-width: 768px) {
  .marketingPerspective .marketingPerspective-splitter .marketingPerspective-row .circle {
    margin-bottom: 20px;
    width: 100px;
    height: 100px;
  }
}
.marketingPerspective .marketingPerspective-splitter .marketingPerspective-row .circle-progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-sizing: border-box;
}
.marketingPerspective .marketingPerspective-splitter .marketingPerspective-row .circle .circle-text {
  z-index: 1;
  color: #ffffff;
}
.marketingPerspective h4 {
  margin-top: 20px;
}
.marketingPerspective ul {
  font-size: 1.1rem;
}
.marketingPerspective ul li ul {
  list-style: none;
}

section > * {
  overflow-x: hidden;
}

.websiteName {
  width: 100%;
  font-size: 2.3rem;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: yellow;
  line-height: 1;
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  text-align: center;
  padding: 10px;
  padding: 10px 0;
}
@media screen and (max-width: 1600px) {
  .websiteName {
    position: relative;
    font-size: 2.1rem;
    top: 45px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1440px) {
  .websiteName {
    font-size: 2rem;
    top: 40px;
  }
}
@media screen and (max-width: 768px) {
  .websiteName {
    font-size: 1.8rem;
    top: 30px;
  }
}

h4 {
  font-size: 1.3rem;
}

.description {
  font-family: "Poppins", sans-serif !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  color: #ffffff !important;
  line-height: 1.5 !important;
  margin-bottom: 5px !important;
}

.reTab {
  overflow-x: auto;
}

@media screen and (max-width: 768px) {
  .col-sm-6 {
    width: 50% !important;
  }
}

.hide-from-pdf {
  display: none;
}/*# sourceMappingURL=style.css.map */