/*
@File: Xenax Theme Styles

* This file contains the styling for the actual template, this is the file you need to edit to change the look of the template.

This files table contents are outlined below>>>>>

*******************************************

** - Default CSS
** - SEO Agency Demo CSS

*/
/*================================================
Default CSS
=================================================*/
:root {
  --primaryColor: #4A00D8;
  --secondaryColor: #FC4D4E;
  --paragraphColor: #464646;
  --sa-font-Family: "Manrope", sans-serif;
  --sa-optional-font-Family: "Recoleta Alt";
  --sa-primary-gradient-Color: linear-gradient(136.67deg, #5406D9 9.61%, #FF3667 81.8%, #F67538 107.92%);
  --sa-optional-gradient-Color: linear-gradient(134.88deg, #FF3667 3.48%, #F67538 101.85%);
  --sa-blackColor: #190B32;
  --sa-secondaryColor: #616161;
  --whiteColor: #ffffff;
  --blackColor: #141414;
  --transition: .5s;
  --fontSize: 16px;
}

.seo-agency-home-body-css {
  color: var(--sa-blackColor);
  font-family: var(--sa-font-Family);
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: var(--sa-blackColor);
  font-weight: bold;
  font-family: var(--sa-optional-font-Family);
}

a {
  transition: var(--transition);
  color: var(--blackColor);
  text-decoration: none;
  outline: 0 !important;
}
a:hover {
  color: var(--primaryColor);
  text-decoration: none;
}

:focus {
  outline: 0 !important;
}

.d-table {
  width: 100%;
  height: 100%;
}
.d-table-cell {
  vertical-align: middle;
}

img {
  max-width: 100%;
  height: auto;
}

p {
  color: var(--sa-secondaryColor);
  margin-bottom: 15px;
  line-height: 1.9;
  font-size: var(--fontSize);
  font-family: var(--sa-font-Family);
}
p:last-child {
  margin-bottom: 0;
}

.ptb-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.pt-100 {
  padding-top: 100px;
}

.pb-100 {
  padding-bottom: 100px;
}

.ptb-75 {
  padding-top: 75px;
  padding-bottom: 75px;
}

.pt-75 {
  padding-top: 75px;
}

.pb-75 {
  padding-bottom: 75px;
}

.bg-242424 {
  background-color: #242424;
}

.bg-f9f9f9 {
  background-color: #f9f9f9;
}

.bg-232e3e {
  background-color: #232e3e;
}

.bg-0a121e {
  background-color: #0a121e;
}

.bg-131b26 {
  background-color: #131b26;
}

.divider {
  border-bottom: 1px solid #eeeeee;
  margin-left: 30px;
  margin-right: 30px;
}

.p-relative {
  position: relative;
  z-index: 1;
}
.p-relative::before {
  transform: rotate(270deg);
  color: var(--blackColor);
  content: attr(title);
  position: absolute;
  line-height: 1;
  opacity: 0.1;
  z-index: -1;
  left: -16%;
  top: 25%;
  font-size: 75px;
  font-weight: 700;
}

body {
  color: var(--sa-blackColor);
  font-family: var(--sa-font-Family);
}

/*default-btn*/
.default-btn {
  background-color: var(--blackColor);
  transition: var(--transition);
  padding: 12px 48px 12px 25px;
  color: var(--whiteColor);
  display: inline-block;
  position: relative;
  border-radius: 5px;
  box-shadow: unset;
  border: 0;
  font-size: var(--fontSize);
  font-weight: 500;
}
.default-btn i {
  transform: translateY(-50%);
  position: absolute;
  font-size: 20px;
  right: 25px;
  top: 50%;
}
.default-btn:hover {
  background-color: var(--paragraphColor);
  color: var(--whiteColor);
}

.seo-agency-home-with-shape {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.seo-agency-home-with-over {
  overflow: hidden;
}

.sa-section-title {
  text-align: center;
  max-width: 650px;
  margin: 0 auto 40px;
}
.sa-section-title h2 {
  font-size: 45px;
  margin-bottom: 0;
}

.seo-agency-default-btn {
  display: inline-flex;
  padding: 20px 30px;
  background: var(--sa-optional-gradient-Color);
  color: var(--whiteColor);
  font-weight: bold;
  border-radius: 50px;
  font-size: 15px;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: var(--transition);
  font-family: var(--sa-font-Family);
  border: none;
  outline: none;
}
.seo-agency-default-btn img {
  position: relative;
  top: -1px;
  margin-left: 10px;
}
.seo-agency-default-btn .icon-img {
  position: relative;
  top: 2px;
}
.seo-agency-default-btn i {
  position: relative;
  top: 2px;
  font-size: 20px;
  margin-left: 10px;
}
.seo-agency-default-btn::before {
  position: absolute;
  content: "";
  display: inline-flex;
  height: 100%;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  background: var(--sa-primary-gradient-Color);
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
  z-index: -1;
}
.seo-agency-default-btn:hover {
  color: var(--whiteColor);
}
.seo-agency-default-btn:hover::before {
  opacity: 1;
  visibility: visible;
}
.seo-agency-default-btn.two {
  background: var(--sa-primary-gradient-Color);
  position: relative;
  z-index: 1;
  color: var(--sa-blackColor);
}
.seo-agency-default-btn.two::after {
  position: absolute;
  content: "";
  background-color: var(--whiteColor);
  border-radius: 50px;
  z-index: -1;
  transition: var(--transition);
  margin: 4px;
  left: -2px;
  right: -2px;
  top: -2px;
  bottom: -2px;
}
.seo-agency-default-btn.two:hover {
  color: var(--whiteColor);
}
.seo-agency-default-btn.two:hover::after {
  background: var(--sa-optional-gradient-Color);
}
.seo-agency-default-btn.two:hover::before {
  background: var(--sa-optional-gradient-Color);
}
.seo-agency-default-btn.two:hover i {
  color: var(--whiteColor);
}

.sa-button-title.button-left {
  text-align: start;
}
.sa-button-title.button-center {
  text-align: center;
}
.sa-button-title.button-right {
  text-align: end;
}
.sa-button-title.align-justify {
  display: block;
  width: 100%;
}

/*================================================
Header Area CSS
=================================================*/
@keyframes movebounce {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(20px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes moveleftbounce {
  0% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(0px);
  }
}
@keyframes border-transform {
  0%, 100% {
    border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
  }
  14% {
    border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
  }
  28% {
    border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
  }
  42% {
    border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
  }
  56% {
    border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
  }
  70% {
    border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
  }
  84% {
    border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
  }
}
@keyframes rotate3d {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
@keyframes movescale {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
  }
}
/*================================================
Instagram Area CSS
=================================================*/
.instagram-area .p-relative::before {
  left: -11%;
  top: 22%;
}

.single-instagram-box {
  margin-bottom: 25px;
}

/*================================================
Sidebar Widget Area CSS
=================================================*/
.widget-area .widget {
  margin-bottom: 30px;
}
.widget-area .widget:last-child {
  margin-bottom: 0;
}
.widget-area .widget .widget-title {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 12px;
  margin-bottom: 25px;
  position: relative;
  font-size: 18px;
}
.widget-area .widget .widget-title::before {
  left: 0;
  width: 70px;
  height: 1px;
  content: "";
  bottom: -1px;
  position: absolute;
  background-color: var(--blogPrimaryColor);
}
.widget-area .widget_search form {
  position: relative;
}
.widget-area .widget_search form .search-field {
  width: 100%;
  height: 50px;
  display: block;
  border-radius: 0;
  padding: 0 15px 0 15px;
  font-size: var(--fontSize);
  border: 1px solid #eeeeee;
  transition: var(--transition);
  background-color: transparent;
}
.widget-area .widget_search form .search-field:focus {
  border-color: var(--primaryColor);
}
.widget-area .widget_search form button {
  right: 0;
  bottom: 0;
  width: 50px;
  height: 50px;
  border: none;
  font-size: 18px;
  position: absolute;
  color: var(--whiteColor);
  transition: var(--transition);
  background-color: var(--primaryColor);
}
.widget-area .widget_search form button:hover {
  color: var(--whiteColor);
  background-color: var(--secondaryColor);
}
.widget-area .widget_social ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.widget-area .widget_social ul li {
  margin-bottom: 12px;
}
.widget-area .widget_social ul li a {
  display: block;
  padding: 10px 15px;
  position: relative;
  color: var(--whiteColor);
  background-color: var(--blogPrimaryColor);
  font-family: var(--secondaryFontFamily);
  font-weight: 600;
  font-size: 15px;
}
.widget-area .widget_social ul li a i {
  transition: var(--transition);
  transform: translateY(-50%);
  position: absolute;
  font-size: 20px;
  right: 15px;
  top: 50%;
}
.widget-area .widget_social ul li a.facebook {
  background-color: #3B5998;
}
.widget-area .widget_social ul li a.twitter {
  background-color: #00ACEE;
}
.widget-area .widget_social ul li a.instagram {
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}
.widget-area .widget_social ul li a.youtube {
  background-color: #C4302B;
}
.widget-area .widget_social ul li a:hover i {
  right: 20px;
}
.widget-area .widget_social ul li:last-child {
  margin-bottom: 0;
}
.widget-area .widget_newsletter {
  background-color: #f9f9f9;
  padding: 25px;
}
.widget-area .widget_newsletter .newsletter-form .input-newsletter {
  background-color: var(--whiteColor);
  color: var(--blackColor);
  padding-left: 15px;
  font-size: 15px;
  display: block;
  height: 50px;
  width: 100%;
  border: 0;
}
.widget-area .widget_newsletter .newsletter-form .input-newsletter::-moz-placeholder {
  color: var(--paragraphColor);
  -moz-transition: var(--transition);
  transition: var(--transition);
}
.widget-area .widget_newsletter .newsletter-form .input-newsletter::placeholder {
  color: var(--paragraphColor);
  transition: var(--transition);
}
.widget-area .widget_newsletter .newsletter-form .input-newsletter:focus::-moz-placeholder {
  color: transparent;
}
.widget-area .widget_newsletter .newsletter-form .input-newsletter:focus::placeholder {
  color: transparent;
}
.widget-area .widget_newsletter .newsletter-form button {
  background-color: var(--blogPrimaryColor);
  transition: var(--transition);
  color: var(--whiteColor);
  padding: 10px 30px;
  margin-top: 12px;
  display: block;
  width: 100%;
  border: 0;
  font-size: 15px;
  font-weight: 600;
}
.widget-area .widget_newsletter .newsletter-form button:hover {
  background-color: var(--blackColor);
  color: var(--whiteColor);
}
.widget-area .widget_newsletter .newsletter-form #validator-newsletter {
  font-size: 14px;
}
.widget-area .widget_newsletter .newsletter-form .validation-danger {
  color: red;
}
.widget-area .widget_renux_posts_thumb .item {
  margin-bottom: 15px;
  align-items: center;
  flex-wrap: wrap;
  display: flex;
}
.widget-area .widget_renux_posts_thumb .item .thumb {
  display: block;
  flex: 0 0 auto;
  width: 33%;
}
.widget-area .widget_renux_posts_thumb .item .info {
  padding-left: 12px;
  flex: 0 0 auto;
  width: 67%;
}
.widget-area .widget_renux_posts_thumb .item .info .tag {
  padding: 3px 12px;
  margin-bottom: 10px;
  display: inline-block;
  background-color: #f9f9f9;
  color: var(--blogPrimaryColor);
  font-size: 13px;
  font-weight: 500;
}
.widget-area .widget_renux_posts_thumb .item .info .tag:hover {
  background-color: var(--blogPrimaryColor);
  color: var(--whiteColor);
}
.widget-area .widget_renux_posts_thumb .item .info .title {
  line-height: 1.4;
  font-size: 15.5px;
  margin-bottom: 10px;
}
.widget-area .widget_renux_posts_thumb .item .info .title a {
  transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  position: relative;
  display: inline;
  color: inherit;
  background-image: linear-gradient(to right, var(--blogPrimaryColor) 0%, currentColor 100%);
  background-repeat: no-repeat;
  background-position: 0 95%;
  background-size: 0 1px;
}
.widget-area .widget_renux_posts_thumb .item .info .title a:hover {
  background-size: 100% 1px;
}
.widget-area .widget_renux_posts_thumb .item .info .date {
  color: var(--paragraphColor);
  font-size: 14px;
  display: block;
}
.widget-area .widget_renux_posts_thumb .item:last-child {
  margin-bottom: 0;
}
.widget-area .widget_renux_posts_thumb .row .col-lg-12 .item, .widget-area .widget_renux_posts_thumb .row .col-xl-12 .item {
  margin-bottom: 15px;
}
.widget-area .widget_renux_posts_thumb .row .col-lg-12:last-child .item, .widget-area .widget_renux_posts_thumb .row .col-xl-12:last-child .item {
  margin-bottom: 0;
}
.widget-area .widget_categories ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.widget-area .widget_categories ul li {
  margin-bottom: 14px;
  font-family: var(--secondaryFontFamily);
}
.widget-area .widget_categories ul li a {
  display: block;
  position: relative;
  color: var(--paragraphColor);
}
.widget-area .widget_categories ul li a:hover {
  color: var(--primaryColor);
}
.widget-area .widget_categories ul li a:hover::before {
  width: 100%;
}
.widget-area .widget_categories ul li a::before {
  left: 0;
  width: 0;
  bottom: 0;
  content: "";
  height: 1px;
  position: absolute;
  transition: var(--transition);
  background-color: var(--primaryColor);
}
.widget-area .widget_categories ul li:last-child {
  margin-bottom: 0;
}
.widget-area .widget_tag_cloud .tagcloud {
  margin-bottom: -10px;
  font-family: var(--secondaryFontFamily);
}
.widget-area .widget_tag_cloud .tagcloud a {
  padding: 4px 20px;
  border-radius: 30px;
  display: inline-block;
  border: 1px solid #ebeeee;
  color: var(--paragraphColor);
  margin-right: 8px;
  margin-bottom: 10px;
  font-size: 13.5px;
  font-weight: 500;
}
.widget-area .widget_tag_cloud .tagcloud a:hover {
  color: var(--whiteColor);
  border-color: var(--primaryColor);
  background-color: var(--primaryColor);
}
.widget-area.mt-0 {
  padding-left: 30px;
}
.widget-area.mb-0 {
  padding-right: 30px;
}

/*================================================
Pagination Area CSS
=================================================*/
.pagination-area-pb .pagination-area {
  margin-bottom: 30px;
}

.pagination-area {
  margin-top: 20px;
  margin-bottom: 30px;
}
.pagination-area .nav-links {
  display: flex;
  align-items: center;
}
.pagination-area .page-numbers {
  width: 45px;
  height: 45px;
  border: none;
  display: inline-block;
  line-height: 45px;
  position: relative;
  text-align: center;
  border-radius: 50%;
  color: var(--paragraphColor);
  transition: var(--transition);
  background: linear-gradient(180deg, #ffffff 0%, #eaeef3 100%);
  box-shadow: 0 5px 15px 0 rgba(107, 124, 147, 0.15), 0 2px 4px 0 rgba(107, 124, 147, 0.2), inset 0 -2px 0 0 #c2cfde;
  font-size: 16px;
  font-weight: 600;
  margin-left: 5px;
  margin-right: 5px;
}
.pagination-area .page-numbers.next {
  margin-left: auto;
}
.pagination-area .page-numbers:hover {
  color: var(--primaryColor);
}
.pagination-area .page-numbers.current {
  background: var(--whiteColor);
  color: var(--primaryColor);
}
.pagination-area .page-numbers:first-child {
  margin-left: 0;
}
.pagination-area .page-numbers:last-child {
  margin-right: 0;
}

/*================================================
Page Title Area CSS
=================================================*/
.page-title-area {
  border-top: 1px solid #f4f7fa;
  position: relative;
  z-index: 1;
  padding-top: 100px;
  padding-bottom: 145px;
}
.page-title-area .down-icon {
  left: 0;
  right: 0;
  bottom: 0;
  width: 45px;
  height: 45px;
  font-size: 25px;
  cursor: pointer;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
  background-color: var(--whiteColor);
  transition: var(--transition);
  color: var(--primaryColor);
  position: absolute;
  text-align: center;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
}
.page-title-area .down-icon i {
  left: 0;
  right: 0;
  top: 50%;
  margin-top: -2px;
  position: absolute;
  transform: translateY(-50%);
}
.page-title-area .down-icon:hover {
  background-color: var(--primaryColor);
  color: var(--whiteColor);
}
.page-title-area.bg-image {
  border-top: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 150px;
  padding-bottom: 150px;
}
.page-title-area.bg-image.bg1 {
  background-image: url(../img/page-title/page-title1.jpg);
}
.page-title-area.bg-image.bg2 {
  background-image: url(../img/page-title/page-title2.jpg);
}
.page-title-area.bg-image.bg3 {
  background-image: url(../img/page-title/page-title3.jpg);
}
.page-title-area.bg-image::before {
  background: linear-gradient(to bottom, rgba(22, 28, 45, 0.5) 0%, rgba(22, 28, 45, 0.6) 25%, rgba(22, 28, 45, 0.7) 50%, rgba(22, 28, 45, 0.8) 100%);
  position: absolute;
  content: "";
  z-index: -1;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}
.page-title-area.bg-image .page-title-content h1 {
  color: var(--whiteColor);
}
.page-title-area.bg-image .page-title-content p {
  color: #bcbcbc;
}
.page-title-area.bg-image .page-title-content p span {
  color: var(--whiteColor);
}
.page-title-area.bg-image .page-title-content ul {
  margin-top: 25px;
}
.page-title-area.bg-image .page-title-content ul li {
  font-size: 16px;
  color: #bcbcbc;
}
.page-title-area.bg-image .page-title-content ul li a {
  color: #bcbcbc;
}
.page-title-area.bg-image .page-title-content ul li a:hover {
  color: var(--whiteColor);
}
.page-title-area.bg-color {
  border-top: none;
  border-bottom: 1px solid #f4f7fa;
  background-color: #f4f7fa;
  background-image: url(../img/bg6.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 120px;
  padding-bottom: 120px;
}
.page-title-area.bg-color .page-title-content .sub-title {
  background-color: var(--primaryColor);
  color: var(--whiteColor);
}
.page-title-area.bg-color .page-title-content ul {
  margin-top: 20px;
}

.page-title-content {
  text-align: center;
}
.page-title-content .title {
  color: transparent;
  display: inline-block;
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: rgb(74, 0, 216);
  font-size: 120px;
  font-weight: 900;
  margin-top: -45px;
  margin-bottom: -45px;
}
.page-title-content ul {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
  margin-top: 30px;
}
.page-title-content ul li {
  font-size: 18px;
  position: relative;
  display: inline-block;
  color: var(--primaryColor);
  margin-left: 12px;
  margin-right: 12px;
}
.page-title-content ul li a {
  display: block;
  color: var(--paragraphColor);
}
.page-title-content ul li a:hover {
  color: var(--primaryColor);
}
.page-title-content ul li::before {
  top: 50%;
  right: -25px;
  margin-top: 1px;
  font-size: 22px;
  content: "\ecb3";
  position: absolute;
  font-family: boxicons;
  transform: translateY(-50%);
}
.page-title-content ul li:last-child {
  margin-right: 0;
}
.page-title-content ul li:last-child::before {
  display: none;
}
.page-title-content ul li:first-child {
  margin-left: 0;
}
.page-title-content .sub-title {
  background-color: var(--whiteColor);
  color: var(--primaryColor);
  display: inline-block;
  margin-bottom: 22px;
  padding: 2px 15px;
  font-weight: 500;
}
.page-title-content h1 {
  font-size: 45px;
  margin-bottom: -5px;
}
.page-title-content p {
  line-height: initial;
  margin-bottom: 25px;
  font-size: 18px;
}

.classic-page-title-area .content {
  background-color: #f9f9f9;
  padding-top: 120px;
  padding-left: 70px;
  padding-right: 70px;
  padding-bottom: 120px;
}
.classic-page-title-area .content h1 {
  font-size: 45px;
  margin-bottom: 10px;
}
.classic-page-title-area .content ul {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
  margin-top: 12px;
}
.classic-page-title-area .content ul li {
  font-size: 17px;
  position: relative;
  display: inline-block;
  color: var(--primaryColor);
  margin-left: 12px;
  margin-right: 12px;
}
.classic-page-title-area .content ul li a {
  display: block;
  color: var(--paragraphColor);
}
.classic-page-title-area .content ul li a:hover {
  color: var(--primaryColor);
}
.classic-page-title-area .content ul li::before {
  top: 50%;
  right: -25px;
  margin-top: 1px;
  font-size: 22px;
  content: "\ecb3";
  position: absolute;
  font-family: boxicons;
  transform: translateY(-50%);
}
.classic-page-title-area .content ul li:last-child {
  margin-right: 0;
}
.classic-page-title-area .content ul li:last-child::before {
  display: none;
}
.classic-page-title-area .content ul li:first-child {
  margin-left: 0;
}

/*================================================
Contact Area CSS
=================================================*/
.contact-area {
  position: relative;
  z-index: 1;
}
.contact-area.bg-color::before {
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  height: 60%;
  content: "";
  position: absolute;
  background: linear-gradient(to right top, #051937, #004d7a, #008793, #00bf72, #a8eb12);
}

.contact-form {
  padding-right: 15px;
}
.contact-form .sub-title {
  display: block;
  padding-left: 65px;
  position: relative;
  margin-bottom: 12px;
  text-transform: uppercase;
}
.contact-form .sub-title strong {
  color: var(--primaryColor);
}
.contact-form .sub-title::before {
  left: 0;
  top: 50%;
  height: 3px;
  content: "";
  width: 50px;
  position: absolute;
  transform: translateY(-50%);
  background-color: var(--primaryColor);
}
.contact-form h2 {
  font-size: 36px;
  max-width: 480px;
  margin-bottom: 25px;
}
.contact-form .form-group {
  margin-bottom: 25px;
}
.contact-form .form-group label {
  display: block;
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 500;
}
.contact-form .form-group .form-control {
  background-color: #f9f9f9;
  color: var(--blackColor);
  box-shadow: unset;
  border-radius: 0;
  height: 55px;
  width: 100%;
  border: 0;
  font-size: 15.8px;
  font-family: var(--secondaryFontFamily);
  padding-left: 15px;
  padding-right: 15px;
}
.contact-form .form-group .form-control::-moz-placeholder {
  color: var(--paragraphColor);
  -moz-transition: var(--transition);
  transition: var(--transition);
}
.contact-form .form-group .form-control::placeholder {
  color: var(--paragraphColor);
  transition: var(--transition);
}
.contact-form .form-group .form-control:focus::-moz-placeholder {
  color: transparent;
}
.contact-form .form-group .form-control:focus::placeholder {
  color: transparent;
}
.contact-form .form-group textarea.form-control {
  height: auto !important;
  padding-top: 15px;
}
.contact-form .form-check {
  color: var(--paragraphColor);
  font-size: 15px;
  margin-top: 5px;
  margin-bottom: 20px;
}
.contact-form .form-check a {
  color: var(--secondaryColor);
}
.contact-form .form-check a:hover {
  text-decoration: underline;
}
.contact-form .form-check .form-check-input {
  margin-top: 0.18em;
  box-shadow: unset !important;
}
.contact-form .form-check .form-check-input[type=checkbox] {
  border-radius: 0;
}
.contact-form .form-check .form-check-input:checked {
  background-color: var(--primaryColor);
  border-color: var(--primaryColor);
}
.contact-form .form-check .form-check-input:focus {
  border-color: var(--primaryColor);
}
.contact-form .submit-btn {
  transition: var(--transition);
  background-color: transparent;
  display: inline-block;
  position: relative;
  font-weight: 500;
  z-index: 1;
  border: 0;
  padding-top: 14px;
  padding-left: 25px;
  padding-right: 48px;
  padding-bottom: 13px;
}
.contact-form .submit-btn::before {
  top: 0;
  left: 0;
  z-index: -1;
  width: 55px;
  content: "";
  opacity: 0.3;
  height: 100%;
  position: absolute;
  transition: var(--transition);
  background-color: var(--primaryColor);
}
.contact-form .submit-btn i {
  transform: translateY(-50%);
  position: absolute;
  font-size: 22px;
  right: 25px;
  top: 50%;
}
.contact-form .submit-btn:hover {
  color: var(--whiteColor);
}
.contact-form .submit-btn:hover::before {
  opacity: 1;
  width: 100%;
}
.contact-form .submit-btn.disabled {
  cursor: not-allowed !important;
}
.contact-form .submit-btn.disabled:hover {
  color: var(--blackColor);
}
.contact-form .submit-btn.disabled:hover::before {
  opacity: 0.3;
  width: 55px;
}
.contact-form .help-block {
  font-size: 15px;
}
.contact-form .help-block.with-errors {
  color: red;
  margin-bottom: 0;
  margin-top: 12px;
}
.contact-form #msgSubmit {
  margin: 0;
}
.contact-form #msgSubmit.text-danger {
  margin-top: 12px;
}
.contact-form #msgSubmit.text-success {
  margin-top: 12px;
}
.contact-form .default-btn {
  background-color: var(--primaryColor);
}
.contact-form .default-btn:hover {
  background-color: var(--secondaryColor);
  color: var(--whiteColor);
}
.contact-form .default-btn.disabled {
  background-color: var(--primaryColor);
  cursor: not-allowed !important;
}
.contact-form .default-btn.disabled:hover {
  background-color: var(--primaryColor);
  color: var(--whiteColor);
}
.contact-form.style-two {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  background-color: var(--whiteColor);
  padding: 40px;
}
.contact-form.style-two .contact-info {
  padding-left: 15px;
}
.contact-form.style-two .contact-info ul {
  margin-bottom: 0;
}
.contact-form.style-two .contact-info ul li {
  margin-bottom: 13px;
}
.contact-form.style-two .contact-info ul li span {
  font-weight: 500;
}
.contact-form.style-two .contact-info ul li:last-child {
  margin-bottom: 0;
}

.contact-info h3 {
  font-size: 20px;
  position: relative;
  margin-bottom: 25px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eeeeee;
}
.contact-info h3::before {
  left: 0;
  width: 50px;
  height: 1px;
  content: "";
  bottom: -1px;
  position: absolute;
  background-color: var(--primaryColor);
}
.contact-info .box {
  position: relative;
  padding-left: 120px;
  margin-bottom: 50px;
}
.contact-info .box span {
  position: absolute;
  top: 2px;
  left: 0;
  font-size: 17px;
  font-weight: 500;
}
.contact-info .box:last-child {
  margin-bottom: 0;
}
.contact-info ul {
  padding-left: 0;
  margin-bottom: 50px;
  list-style-type: none;
}
.contact-info ul li {
  line-height: 1.8;
  margin-bottom: 5px;
  color: var(--paragraphColor);
  font-family: var(--secondaryFontFamily);
}
.contact-info ul li a {
  color: var(--paragraphColor);
}
.contact-info ul li a:hover {
  color: var(--secondaryColor);
}
.contact-info ul li:last-child {
  margin-bottom: 0;
}
.contact-info .social {
  margin-bottom: 0;
  margin-top: 15px;
}
.contact-info .social li {
  display: inline-block;
  margin-bottom: 0 !important;
  margin-right: 5px;
}
.contact-info .social li a {
  width: 38px;
  height: 38px;
  display: block;
  font-size: 20px;
  border-radius: 50%;
  position: relative;
  text-align: center;
  color: var(--blackColor);
  background-color: var(--whiteColor);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.contact-info .social li a i {
  left: 0;
  right: 0;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}
.contact-info .social li a:hover {
  background-color: var(--primaryColor);
  color: var(--whiteColor);
}
.contact-info .social li:last-child {
  margin-right: 0;
}

#maps iframe {
  margin-bottom: -6px;
  height: 500px;
  border: none;
  width: 100%;
}
#maps.style-two {
  height: 100%;
  width: 100%;
}
#maps.style-two iframe {
  height: 100%;
  width: 100%;
}

.contact-info-inner {
  background: linear-gradient(26.1deg, #ED2775 0%, #FF7448 100%);
  padding: 100px 100px 75px;
  text-align: center;
  position: relative;
  z-index: 1;
}
.contact-info-inner h2 {
  color: var(--whiteColor);
  line-height: 1.4;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  font-size: 36px;
  font-weight: 400;
}
.contact-info-inner .single-contact-info-box {
  padding: 30px;
  margin-bottom: 25px;
  background-color: var(--whiteColor);
}
.contact-info-inner .single-contact-info-box .icon {
  width: 80px;
  height: 80px;
  font-size: 35px;
  position: relative;
  border-radius: 50%;
  color: var(--whiteColor);
  background: linear-gradient(44.44deg, #ED2775 7.79%, #FF7448 94.18%);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.contact-info-inner .single-contact-info-box .icon i {
  left: 0;
  right: 0;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}
.contact-info-inner .single-contact-info-box .icon.bg1 {
  background: linear-gradient(45.24deg, #9F5FF1 5.99%, #FF54B0 91.87%);
}
.contact-info-inner .single-contact-info-box .icon.bg2 {
  background: linear-gradient(44.44deg, #3F75FF 7.79%, #4ADEFF 94.18%);
}
.contact-info-inner .single-contact-info-box h3 {
  line-height: 1.5;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 400;
}
.contact-info-inner .single-contact-info-box h3:last-child {
  margin-bottom: 0;
}

/*================================================
Not Found Area CSS
=================================================*/
.not-found-area {
  border-top: 1px solid #eeeeee;
}

.not-found-content {
  text-align: center;
}
.not-found-content h3 {
  font-size: 20px;
  margin-bottom: 20px;
}
.not-found-content h2 {
  font-size: 45px;
  margin-bottom: 20px;
}
.not-found-content p {
  max-width: 500px;
  margin-right: auto;
  margin-left: auto;
}
.not-found-content .default-btn {
  margin-top: 5px;
}

/*================================================
FAQ Area CSS
=================================================*/
.faq-content {
  text-align: center;
}
.faq-content h2 {
  font-size: 35px;
  margin-bottom: 30px;
}
.faq-content form {
  max-width: 720px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
}
.faq-content form label {
  top: 15px;
  left: 15px;
  font-size: 20px;
  margin-bottom: 0;
  position: absolute;
  color: var(--paragraphColor);
}
.faq-content form .input-search {
  border: 0;
  width: 100%;
  height: 55px;
  display: block;
  padding-left: 45px;
  border-radius: 5px;
  color: var(--blackColor);
  background-color: var(--whiteColor);
  font-family: var(--secondaryFontFamily);
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.faq-content form .input-search::-moz-placeholder {
  color: #a6a6a6;
  -moz-transition: var(--transition);
  transition: var(--transition);
}
.faq-content form .input-search::placeholder {
  color: #a6a6a6;
  transition: var(--transition);
}
.faq-content form .input-search:focus::-moz-placeholder {
  color: transparent;
}
.faq-content form .input-search:focus::placeholder {
  color: transparent;
}
.faq-content form .default-btn {
  top: 4px;
  right: 4px;
  position: absolute;
  background-color: var(--secondaryColor);
  padding-top: 11px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 11px;
}
.faq-content form .default-btn:hover {
  background-color: var(--primaryColor);
  color: var(--whiteColor);
}

.faq-accordion .accordion {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.faq-accordion .accordion .accordion-item {
  border: 0;
  border-radius: 0;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eeeeee;
}
.faq-accordion .accordion .accordion-item .accordion-button {
  border: 0;
  border-radius: 0;
  box-shadow: unset;
  position: relative;
  padding: 0 0 0 25px;
  background-color: transparent;
  color: var(--blackColor) !important;
  font-size: 18px;
  font-weight: 600;
}
.faq-accordion .accordion .accordion-item .accordion-button::before {
  left: 0;
  top: 50%;
  width: 8px;
  height: 8px;
  content: "";
  border-radius: 50%;
  position: absolute;
  transform: translateY(-50%);
  background-color: var(--blackColor);
}
.faq-accordion .accordion .accordion-item .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.faq-accordion .accordion .accordion-item .accordion-body {
  padding: 12px 25px 0 25px;
}
.faq-accordion .accordion .accordion-item .accordion-body strong {
  color: var(--blackColor) !important;
}
.faq-accordion .accordion .accordion-item .accordion-body p {
  color: #666666;
}
.faq-accordion .accordion .accordion-item .accordion-body p a {
  color: var(--primaryColor);
}
.faq-accordion .accordion .accordion-item .accordion-body p a:hover {
  text-decoration: underline;
}
.faq-accordion .accordion .accordion-item .accordion-body ul li, .faq-accordion .accordion .accordion-item .accordion-body ol li {
  font-family: var(--secondaryFontFamily);
  margin-bottom: 12px;
  color: #666666;
}
.faq-accordion .accordion .accordion-item .accordion-body ul li a, .faq-accordion .accordion .accordion-item .accordion-body ol li a {
  color: var(--primaryColor);
}
.faq-accordion .accordion .accordion-item .accordion-body ul li a:hover, .faq-accordion .accordion .accordion-item .accordion-body ol li a:hover {
  text-decoration: underline;
}
.faq-accordion .accordion .accordion-item .accordion-body ul li:last-child, .faq-accordion .accordion .accordion-item .accordion-body ol li:last-child {
  margin-bottom: 0;
}
.faq-accordion .accordion .accordion-item .accordion-body ul:last-child, .faq-accordion .accordion .accordion-item .accordion-body ol:last-child {
  margin-bottom: 0;
}
.faq-accordion .accordion .accordion-item:last-child {
  margin-bottom: 0;
}
.faq-accordion .accordion .accordion-item:first-child {
  border-top: 1px solid #eeeeee;
  padding-top: 20px;
}

/*================================================
Privacy Policy Area CSS
=================================================*/
.privacy-policy-content .h1, .privacy-policy-content .h2, .privacy-policy-content .h3, .privacy-policy-content .h4, .privacy-policy-content .h5, .privacy-policy-content .h6, .privacy-policy-content h1, .privacy-policy-content h2, .privacy-policy-content h3, .privacy-policy-content h4, .privacy-policy-content h5, .privacy-policy-content h6 {
  margin-bottom: 12px;
}
.privacy-policy-content .h1:not(:first-child), .privacy-policy-content .h2:not(:first-child), .privacy-policy-content .h3:not(:first-child), .privacy-policy-content .h4:not(:first-child), .privacy-policy-content .h5:not(:first-child), .privacy-policy-content .h6:not(:first-child), .privacy-policy-content h1:not(:first-child), .privacy-policy-content h2:not(:first-child), .privacy-policy-content h3:not(:first-child), .privacy-policy-content h4:not(:first-child), .privacy-policy-content h5:not(:first-child), .privacy-policy-content h6:not(:first-child) {
  margin-top: 25px;
}
.privacy-policy-content strong {
  color: var(--blackColor) !important;
}
.privacy-policy-content p a {
  color: var(--primaryColor);
}
.privacy-policy-content p a:hover {
  text-decoration: underline;
}
.privacy-policy-content ul li, .privacy-policy-content ol li {
  font-family: var(--secondaryFontFamily);
  color: var(--paragraphColor);
  margin-bottom: 12px;
}
.privacy-policy-content ul li a, .privacy-policy-content ol li a {
  color: var(--primaryColor);
}
.privacy-policy-content ul li a:hover, .privacy-policy-content ol li a:hover {
  text-decoration: underline;
}
.privacy-policy-content ul li:last-child, .privacy-policy-content ol li:last-child {
  margin-bottom: 0;
}

/*================================================
Terms & Conditions Area CSS
=================================================*/
.terms-conditions-content .h1, .terms-conditions-content .h2, .terms-conditions-content .h3, .terms-conditions-content .h4, .terms-conditions-content .h5, .terms-conditions-content .h6, .terms-conditions-content h1, .terms-conditions-content h2, .terms-conditions-content h3, .terms-conditions-content h4, .terms-conditions-content h5, .terms-conditions-content h6 {
  margin-bottom: 12px;
}
.terms-conditions-content .h1:not(:first-child), .terms-conditions-content .h2:not(:first-child), .terms-conditions-content .h3:not(:first-child), .terms-conditions-content .h4:not(:first-child), .terms-conditions-content .h5:not(:first-child), .terms-conditions-content .h6:not(:first-child), .terms-conditions-content h1:not(:first-child), .terms-conditions-content h2:not(:first-child), .terms-conditions-content h3:not(:first-child), .terms-conditions-content h4:not(:first-child), .terms-conditions-content h5:not(:first-child), .terms-conditions-content h6:not(:first-child) {
  margin-top: 25px;
}
.terms-conditions-content strong {
  color: var(--blackColor) !important;
}
.terms-conditions-content p a {
  color: var(--primaryColor);
}
.terms-conditions-content p a:hover {
  text-decoration: underline;
}
.terms-conditions-content ul li, .terms-conditions-content ol li {
  font-family: var(--secondaryFontFamily);
  color: var(--paragraphColor);
  margin-bottom: 12px;
}
.terms-conditions-content ul li a, .terms-conditions-content ol li a {
  color: var(--primaryColor);
}
.terms-conditions-content ul li a:hover, .terms-conditions-content ol li a:hover {
  text-decoration: underline;
}
.terms-conditions-content ul li:last-child, .terms-conditions-content ol li:last-child {
  margin-bottom: 0;
}

/*================================================
Coming Soon Area CSS
=================================================*/
.coming-soon-area {
  height: 100vh;
  background-image: url(../img/coming-soon.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.coming-soon-content {
  max-width: 540px;
}
.coming-soon-content .logo {
  display: inline-block;
}
.coming-soon-content .logo h1 {
  font-size: 40px;
  color: var(--whiteColor);
  margin-top: 0;
  margin-bottom: 0;
}
.coming-soon-content h2 {
  font-size: 40px;
  color: var(--whiteColor);
  margin-top: 25px;
  margin-bottom: 0;
}
.coming-soon-content .coming-soon-countdown {
  list-style-type: none;
  padding-left: 0;
  margin-top: 40px;
  margin-bottom: 0;
}
.coming-soon-content .coming-soon-countdown li {
  width: 120px;
  height: 120px;
  border-radius: 5px;
  color: var(--whiteColor);
  background-color: rgba(255, 255, 255, 0.03);
  font-size: var(--fontSize);
  font-weight: 500;
  margin-left: 10px;
  margin-right: 10px;
}
.coming-soon-content .coming-soon-countdown li span {
  font-size: 35px;
  font-weight: 700;
}
.coming-soon-content .coming-soon-countdown li:first-child {
  margin-left: 0;
}
.coming-soon-content .coming-soon-countdown li:last-child {
  margin-right: 0;
}
.coming-soon-content form {
  position: relative;
  margin-top: 40px;
}
.coming-soon-content form .input-newsletter {
  width: 100%;
  height: 60px;
  border: none;
  display: block;
  border-radius: 4px;
  padding: 0 0 0 15px;
  color: var(--whiteColor);
  font-size: var(--fontSize);
  transition: var(--transition);
  background-color: transparent;
  font-family: var(--secondaryFontFamily);
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.coming-soon-content form .input-newsletter::-moz-placeholder {
  opacity: 0.7;
  color: var(--whiteColor);
  -moz-transition: var(--transition);
  transition: var(--transition);
}
.coming-soon-content form .input-newsletter::placeholder {
  opacity: 0.7;
  color: var(--whiteColor);
  transition: var(--transition);
}
.coming-soon-content form .input-newsletter:focus::-moz-placeholder {
  color: transparent;
}
.coming-soon-content form .input-newsletter:focus::placeholder {
  color: transparent;
}
.coming-soon-content form .default-btn {
  right: 5px;
  bottom: 6px;
  position: absolute;
  background-color: var(--secondaryColor);
  padding-left: 35px;
  padding-right: 35px;
}
.coming-soon-content form .default-btn:hover {
  background-color: var(--primaryColor);
}
.coming-soon-content form #validator-newsletter {
  position: absolute;
  font-size: 15px;
  bottom: -35px;
  left: 0;
}
.coming-soon-content form #validator-newsletter.validation-danger {
  color: red;
}

/*================================================
Thank You Area CSS
=================================================*/
.thank-you-area {
  height: 100vh;
  background-color: #f9f9f9;
}

.thank-you-content {
  background-color: var(--whiteColor);
  text-align: center;
  max-width: 570px;
  padding: 40px;
  margin-left: auto;
  margin-right: auto;
}
.thank-you-content h3 {
  font-size: 22px;
  margin-top: 25px;
  margin-bottom: 12px;
}
.thank-you-content .default-btn {
  margin-top: 5px;
  padding-left: 30px;
  padding-right: 30px;
}

/*================================================
Go Top CSS
=================================================*/
.progress-wrap {
  opacity: 0;
  width: 3rem;
  height: 3rem;
  z-index: 1040;
  right: 1.5rem;
  display: block;
  bottom: 1.5rem;
  cursor: pointer;
  position: fixed;
  visibility: hidden;
  border-radius: 100%;
  transform: translateY(0.75rem);
  transition: all 0.2s linear, margin-right 0s;
  box-shadow: inset 0 0 0 0.1rem rgba(128, 130, 134, 0.25);
}
.progress-wrap:after {
  top: 0;
  left: 0;
  z-index: 1;
  width: 3rem;
  height: 3rem;
  display: block;
  cursor: pointer;
  font-size: 25px;
  content: "\eec0";
  line-height: 3.2rem;
  position: absolute;
  text-align: center;
  font-family: boxicons;
  transition: all 0.2s linear;
  color: var(--secondaryColor);
}
.progress-wrap svg path {
  fill: none;
}
.progress-wrap svg.progress-circle path {
  stroke-width: 4;
  box-sizing: border-box;
  transition: all 0.2s linear;
  stroke: var(--secondaryColor);
}
.progress-wrap.active-progress {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/*================================================
Modal CSS
=================================================*/
.productsQuickView {
  padding-right: 0 !important;
}
.productsQuickView .modal-dialog {
  max-width: 1000px;
  margin: 0 auto;
}
.productsQuickView .modal-content {
  border: none;
  padding: 40px;
  background-color: var(--whiteColor);
}
.productsQuickView .modal-content button.btn-close {
  top: 10px;
  z-index: 1;
  opacity: 1;
  right: 10px;
  box-shadow: unset;
  position: absolute;
  color: var(--blackColor);
  transition: var(--transition);
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}
.productsQuickView .modal-content .modal-body {
  padding: 0;
}
.productsQuickView .modal-content .modal-body .image {
  text-align: center;
}
.productsQuickView .modal-content .modal-body .content h3 {
  margin-bottom: 15px;
  font-size: 20px;
}
.productsQuickView .modal-content .modal-body .content .price {
  color: var(--blackColor);
  font-size: 15px;
}
.productsQuickView .modal-content .modal-body .content .price .new-price {
  font-weight: 500;
}
.productsQuickView .modal-content .modal-body .content .price .old-price {
  color: #858585;
  text-decoration: line-through;
}
.productsQuickView .modal-content .modal-body .content .rating {
  margin-top: 12px;
  margin-bottom: 12px;
}
.productsQuickView .modal-content .modal-body .content .rating i {
  color: #facb11;
  font-size: 18px;
  line-height: 1;
}
.productsQuickView .modal-content .modal-body .content .products-add-to-cart {
  display: flex;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 20px;
}
.productsQuickView .modal-content .modal-body .content .products-add-to-cart .input-counter {
  max-width: 140px;
  min-width: 140px;
  text-align: center;
  position: relative;
}
.productsQuickView .modal-content .modal-body .content .products-add-to-cart .input-counter span {
  top: 0;
  width: 36px;
  height: 100%;
  font-size: 15px;
  cursor: pointer;
  line-height: 50px;
  position: absolute;
  color: var(--paragraphColor);
  background-color: transparent;
  transition: var(--transition);
}
.productsQuickView .modal-content .modal-body .content .products-add-to-cart .input-counter span.minus-btn {
  left: 0;
  border-right: 1px solid #eeeeee;
}
.productsQuickView .modal-content .modal-body .content .products-add-to-cart .input-counter span.plus-btn {
  right: 0;
  border-left: 1px solid #eeeeee;
}
.productsQuickView .modal-content .modal-body .content .products-add-to-cart .input-counter span:hover {
  color: var(--secondaryColor);
}
.productsQuickView .modal-content .modal-body .content .products-add-to-cart .input-counter input {
  outline: 0;
  width: 100%;
  height: 45px;
  display: block;
  text-align: center;
  color: var(--blackColor);
  border: 1px solid #eeeeee;
  background-color: var(--whiteColor);
  font-size: 17px;
  font-weight: 600;
}
.productsQuickView .modal-content .modal-body .content .products-add-to-cart .input-counter input::-moz-placeholder {
  color: var(--blackColor);
}
.productsQuickView .modal-content .modal-body .content .products-add-to-cart .input-counter input::placeholder {
  color: var(--blackColor);
}
.productsQuickView .modal-content .modal-body .content .products-add-to-cart .default-btn {
  height: 45px;
  margin-left: 20px;
}
.productsQuickView .modal-content .modal-body .content .products-info {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.productsQuickView .modal-content .modal-body .content .products-info li {
  font-size: 15px;
  margin-bottom: 10px;
  color: var(--paragraphColor);
}
.productsQuickView .modal-content .modal-body .content .products-info li span {
  color: var(--blackColor);
  font-weight: 600;
}
.productsQuickView .modal-content .modal-body .content .products-info li a {
  color: var(--paragraphColor);
}
.productsQuickView .modal-content .modal-body .content .products-info li a:hover {
  color: var(--secondaryColor);
}
.productsQuickView .modal-content .modal-body .content .products-info li:last-child {
  margin-bottom: 0;
}

/*================================================
Navbar Area CSS
=================================================*/
.navbar-area-with-seo-agency {
  background-color: var(--sa-blackColor);
}
.navbar-area-with-seo-agency.is-sticky {
  background-color: var(--sa-blackColor) !important;
}
.navbar-area-with-seo-agency .renux-nav {
  position: relative;
  z-index: 99;
  padding-top: 15px;
  padding-bottom: 15px;
}
.navbar-area-with-seo-agency .renux-nav .navbar .navbar-nav .nav-item .nav-link {
  color: #DFD9EA;
  font-family: var(--sa-font-Family);
  font-weight: 600;
  font-size: 15px;
}
.navbar-area-with-seo-agency .renux-nav .navbar .navbar-nav .nav-item .nav-link:hover, .navbar-area-with-seo-agency .renux-nav .navbar .navbar-nav .nav-item .nav-link.active {
  color: var(--whiteColor);
}
.navbar-area-with-seo-agency .renux-nav .navbar .navbar-nav .nav-item:hover .nav-link, .navbar-area-with-seo-agency .renux-nav .navbar .navbar-nav .nav-item.active .nav-link {
  color: var(--whiteColor);
}
.navbar-area-with-seo-agency .renux-nav .navbar .navbar-nav .nav-item .dropdown-toggle::before {
  top: 32.2px;
  font-size: 18px;
}
.navbar-area-with-seo-agency .renux-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item {
  padding: 5px 0;
}
.navbar-area-with-seo-agency .renux-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link {
  color: var(--sa-blackColor);
}
.navbar-area-with-seo-agency .renux-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link:hover, .navbar-area-with-seo-agency .renux-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link:focus {
  color: var(--primaryColor);
}
.navbar-area-with-seo-agency .renux-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link.active {
  color: var(--primaryColor);
}
.navbar-area-with-seo-agency .renux-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link {
  color: var(--sa-blackColor);
}
.navbar-area-with-seo-agency .renux-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link:hover, .navbar-area-with-seo-agency .renux-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link:focus {
  color: var(--primaryColor);
}
.navbar-area-with-seo-agency .renux-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link.active {
  color: var(--primaryColor);
}
.navbar-area-with-seo-agency .renux-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link {
  color: var(--sa-blackColor);
}
.navbar-area-with-seo-agency .renux-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link:hover, .navbar-area-with-seo-agency .renux-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link:focus {
  color: var(--primaryColor);
}
.navbar-area-with-seo-agency .renux-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link.active {
  color: var(--primaryColor);
}
.navbar-area-with-seo-agency .renux-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link {
  color: var(--sa-blackColor);
}
.navbar-area-with-seo-agency .renux-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link:hover, .navbar-area-with-seo-agency .renux-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link:focus {
  color: var(--primaryColor);
}
.navbar-area-with-seo-agency .renux-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link.active {
  color: var(--primaryColor);
}
.navbar-area-with-seo-agency .renux-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item.active .nav-link {
  color: var(--primaryColor);
}
.navbar-area-with-seo-agency .renux-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item.active .nav-link {
  color: var(--primaryColor);
}
.navbar-area-with-seo-agency .renux-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item.active .nav-link {
  color: var(--primaryColor);
}
.navbar-area-with-seo-agency .renux-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item.active .nav-link {
  color: var(--primaryColor);
}
.navbar-area-with-seo-agency .renux-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before {
  background-color: var(--primaryColor);
}
.navbar-area-with-seo-agency .renux-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu .nav-item .nav-link {
  color: var(--sa-blackColor);
}
.navbar-area-with-seo-agency .renux-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu .nav-item .nav-link:hover, .navbar-area-with-seo-agency .renux-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu .nav-item .nav-link.active {
  color: var(--primaryColor);
}
.navbar-area-with-seo-agency .renux-nav .navbar .others-option {
  margin-left: 45px;
}
.navbar-area-with-seo-agency .renux-nav .navbar .others-option .option-item {
  margin-left: 30px;
}
.navbar-area-with-seo-agency .renux-nav .navbar .others-option .option-item:first-child {
  margin-left: 0;
}
.navbar-area-with-seo-agency .renux-nav .navbar .others-option .option-item .search-icon {
  color: #918D9C;
}
.navbar-area-with-seo-agency .renux-nav .navbar .others-option .option-item .search-icon:hover {
  color: var(--whiteColor);
}
.navbar-area-with-seo-agency .renux-nav .navbar .others-option .option-item .seo-agency-default-btn {
  background: var(--sa-primary-gradient-Color);
}
.navbar-area-with-seo-agency .renux-nav .navbar .others-option .option-item .seo-agency-default-btn::before {
  background: var(--sa-optional-gradient-Color);
}

/*================================================
SEO Agency Banner Area CSS
=================================================*/
.seo-agency-banner-area {
  position: relative;
  z-index: 0;
  padding-top: 100px;
  padding-bottom: 100px;
}
.seo-agency-banner-area .container-fluid {
  padding-left: 30px;
  padding-right: 110px;
}
.seo-agency-banner-area .text-color {
  color: var(--whiteColor) !important;
  max-width: 660px;
}

.seo-agency-banner-content h1 {
  font-size: 100px;
  margin-bottom: 10px;
}
.seo-agency-banner-content h1 span {
  background: var(--sa-primary-gradient-Color);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.seo-agency-banner-content p {
  max-width: 790px;
}
.seo-agency-banner-content .btn-box {
  margin-top: 28px;
}
.seo-agency-banner-content .btn-box a {
  margin-right: 15px;
}
.seo-agency-banner-content .btn-box a:last-child {
  margin-right: 0;
}
.seo-agency-banner-content .support-box {
  margin-top: 30px;
}
.seo-agency-banner-content .support-box .images img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: -20px;
  border: 2px solid var(--whiteColor);
}
.seo-agency-banner-content .support-box .images img:last-child {
  margin-right: 0;
}
.seo-agency-banner-content .support-box .text {
  margin-left: 15px;
}
.seo-agency-banner-content .support-box .text p {
  color: var(--sa-blackColor);
  font-weight: 500;
}
.seo-agency-banner-content .support-box .text p span {
  color: var(--sa-blackColor);
  font-size: 20px;
  font-weight: bold;
  font-family: var(--sa-optional-font-Family);
  margin-right: 2px;
}

.sa-banner-shape1 {
  position: absolute;
  left: 0;
  top: 25%;
  transform: translateY(-25%);
  z-index: -1;
}

.sa-banner-shape2 {
  position: absolute;
  top: 5%;
  left: 15%;
  transform: translateY(-5%) translateX(-15%);
  z-index: -1;
}

.sa-banner-shape3 {
  position: absolute;
  bottom: 12%;
  left: 40.5%;
  transform: translateY(-12%) translateX(-40.5%);
  z-index: -1;
}

.sa-banner-shape4 {
  position: absolute;
  bottom: 5%;
  left: 50%;
  transform: translateY(-5%) translateX(-50%);
  z-index: -1;
}

.sa-banner-shape5 {
  position: absolute;
  top: 5%;
  right: 5%;
  transform: translateY(-5%) translateX(-5%);
  z-index: -1;
}

.sa-banner-shape6 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  max-width: 65%;
}

/*================================================
SA Funfacts Area CSS
=================================================*/
.sa-funfacts-inner-box {
  background: #5406D9;
  box-shadow: 0px 10px 20px rgba(84, 6, 217, 0.2);
  border-radius: 20px;
  position: relative;
  z-index: 9;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
  flex-wrap: wrap;
}

.sa-funfacts-box {
  margin-bottom: 25px;
  text-align: center;
  flex: 0 0 20%;
  width: 20%;
}
.sa-funfacts-box h3 {
  font-size: 50px;
  color: var(--whiteColor);
  margin-bottom: 5px;
}
.sa-funfacts-box .odometer-formatting-mark {
  display: none;
}
.sa-funfacts-box p {
  color: #E8DEF9;
  font-weight: 500;
  font-family: var(--sa-optional-font-Family);
  margin-bottom: 0;
}

/*================================================
SA Services Area CSS
=================================================*/
.sa-services-area {
  position: relative;
  z-index: 99;
}

.sa-services-card {
  background-color: var(--whiteColor);
  box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  padding: 30px;
  transition: var(--transition);
  margin-bottom: 25px;
  position: relative;
}
.sa-services-card .image {
  margin-bottom: 22px;
}
.sa-services-card .image img {
  transition: var(--transition);
}
.sa-services-card h3 {
  font-size: 22px;
  margin-bottom: 12px;
}
.sa-services-card h3 a {
  color: var(--sa-blackColor);
}
.sa-services-card p {
  margin-bottom: 0;
}
.sa-services-card .icon {
  position: absolute;
  right: 30px;
  top: 30px;
}
.sa-services-card .icon a i {
  display: inline-block;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  border: 1px solid #F4F4F4;
  text-align: center;
  border-radius: 50px;
  font-size: 25px;
  color: #5406D9;
  transition: var(--transition);
}
.sa-services-card:hover {
  transform: translateY(-5px);
}
.sa-services-card:hover .image img {
  transform: rotate(-25deg);
}
.sa-services-card:hover .icon a i {
  background-color: #5406D9;
  border: 1px solid #5406D9;
  color: var(--whiteColor);
}
.sa-services-card.sa-services-card-with-bg {
  text-align: center;
  position: relative;
  z-index: 1;
}
.sa-services-card.sa-services-card-with-bg::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 80px;
  height: 70px;
  background-color: #f4ebf2;
  border-radius: 0 0 100% 0;
}

.sa-services-shape1 {
  position: absolute;
  top: 0;
  right: 5%;
  transform: translateY(-5%);
  z-index: -1;
}

.sa-load-more-btn {
  text-align: center;
  margin-top: 20px;
}

/*================================================
SA Overview Area CSS
=================================================*/
.sa-overview-area {
  position: relative;
  z-index: 1;
}

.sa-overview-content h1 {
  color: rgba(0, 0, 0, 0.1);
  font-size: 100px;
  white-space: nowrap;
  animation: marquee 20s linear infinite;
  margin-bottom: 0;
}

@keyframes marquee {
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}
.sa-overview-shape {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}

/*================================================
SA Success Area CSS
=================================================*/
.sa-success-area {
  position: relative;
  z-index: 999;
}

.sa-success-content h3 {
  font-size: 45px;
  margin-bottom: 15px;
}
.sa-success-content p {
  max-width: 650px;
}
.sa-success-content .btn-box {
  margin-top: 28px;
}
.sa-success-content .btn-box a {
  margin-right: 15px;
}
.sa-success-content .btn-box a:last-child {
  margin-right: 0;
}
.sa-success-content .btn-box .seo-agency-default-btn.two i {
  transform: unset;
  top: 3.8px;
  margin-left: 5px;
  color: var(--sa-blackColor);
  transition: var(--transition);
}
.sa-success-content .btn-box .seo-agency-default-btn.two:hover i {
  color: var(--whiteColor);
}

.sa-success-image {
  text-align: end;
}

/*================================================
SA Projects Area CSS
=================================================*/
.sa-projects-area {
  position: relative !important;
  z-index: 99;
  overflow: hidden;
}
.sa-projects-area .sa-section-title {
  max-width: 575px;
}
.sa-projects-area .container-fluid {
  padding-left: 10px;
  padding-right: 10px;
}

.sa-projects-card {
  position: relative;
  transition: var(--transition);
  margin-bottom: 25px;
}
.sa-projects-card .content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  margin: 0 10px;
  padding: 25px 20px;
  z-index: 1;
}
.sa-projects-card .content h3 {
  font-size: 22px;
  margin-bottom: 0;
}
.sa-projects-card .content h3 a {
  color: var(--whiteColor);
}
.sa-projects-card .content .icon a i {
  display: inline-block;
  height: 60px;
  width: 60px;
  line-height: 60px;
  text-align: center;
  border: 1px solid #F4F4F4;
  text-align: center;
  border-radius: 50px;
  font-size: 25px;
  color: var(--whiteColor);
  transition: var(--transition);
  transform: rotate(-45deg);
}
.sa-projects-card .content::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.2);
  opacity: 0.8;
  box-shadow: inset 0px 4px 4px rgba(255, 255, 255, 0.15);
  left: 0;
  right: 0;
  top: 0;
  z-index: -1;
  transition: var(--transition);
}
.sa-projects-card .content::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background: var(--sa-primary-gradient-Color);
  left: 0;
  right: 0;
  top: 0;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
}
.sa-projects-card:hover {
  transform: translateY(-5px);
}
.sa-projects-card:hover .content .icon a i {
  border: 1px solid var(--whiteColor);
  color: #5406D9;
  background-color: var(--whiteColor);
  transform: unset;
}
.sa-projects-card:hover .content::after {
  opacity: 0.8;
  visibility: visible;
}

.sa-projects-shape1 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  max-width: 55%;
}

.sa-projects-shape2 {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.sa-projects-shape3 {
  position: absolute;
  right: 0;
  bottom: 200px;
  z-index: -1;
}

.sa-projects-inner {
  max-width: 1050px;
  margin: auto;
}

/*================================================
SA Reasons Area CSS
=================================================*/
.sa-reasons-area {
  position: relative;
  z-index: 9;
}

.sa-reasons-content h3 {
  font-size: 45px;
  margin-bottom: 0;
}
.sa-reasons-content .reasons-inner-card {
  margin-top: 30px;
}
.sa-reasons-content .reasons-inner-card .content {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.sa-reasons-content .reasons-inner-card .content img {
  margin-right: 15px;
}
.sa-reasons-content .reasons-inner-card .content h4 {
  font-size: 22px;
  margin-bottom: 0;
}

.sa-reasons-shape {
  position: absolute;
  top: -2.8%;
  right: 5%;
  transform: translateY(-2.8%) translateX(-5%);
  z-index: -1;
}

/*================================================
SA Pricing Area CSS
=================================================*/
.sa-pricing-area {
  position: relative;
  z-index: 999;
  background: #FCFCFC;
}
.sa-pricing-area.bg-transparent-color {
  background-color: transparent;
}

.pricing-over .sa-pricing-area {
  background-color: transparent;
  position: relative;
  z-index: 99;
}

.sa-pricing-inner-area {
  max-width: 1150px;
  margin: auto;
}

.sa-pricing-card {
  background-color: var(--whiteColor);
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.04);
  border-radius: 20px;
  padding: 35px 35px 35px;
  transition: var(--transition);
  position: relative;
  margin-bottom: 25px;
}
.sa-pricing-card.pricing-active {
  padding: 68px 35px 35px;
}
.sa-pricing-card .pricing-header {
  margin-bottom: 25px;
}
.sa-pricing-card .pricing-header .content h3 {
  font-size: 25px;
  margin-bottom: 10px;
}
.sa-pricing-card .pricing-header .content .price {
  display: inline-block;
}
.sa-pricing-card .pricing-header .content .price span {
  font-size: 35px;
  color: #5406D9;
  font-family: var(--sa-optional-font-Family);
  font-weight: bold;
  display: inline-block;
}
.sa-pricing-card .pricing-header .content .price .price-limit {
  font-size: 14px;
  font-weight: 500;
  color: #949494;
  display: inline-block;
}
.sa-pricing-card .pricing-header .image img {
  transition: var(--transition);
  display: flex;
  height: 80px;
}
.sa-pricing-card .list {
  padding: 0;
  margin-bottom: 0;
}
.sa-pricing-card .list li {
  color: var(--sa-secondaryColor);
  margin-bottom: 20px;
}
.sa-pricing-card .list li i {
  color: #FF3667;
}
.sa-pricing-card .list li:last-child {
  margin-bottom: 0;
}
.sa-pricing-card .list li .gray i {
  color: #EECFD7;
}
.sa-pricing-card .pricing-btn {
  margin-top: 30px;
}
.sa-pricing-card .pricing-btn .seo-agency-default-btn {
  width: 100%;
  justify-content: center;
}
.sa-pricing-card .pricing-btn .seo-agency-default-btn.two {
  background: var(--sa-optional-gradient-Color);
  color: #F67538;
}
.sa-pricing-card .pricing-btn .seo-agency-default-btn.two img {
  filter: invert(60%) sepia(50%) saturate(3478%) hue-rotate(337deg) brightness(100%) contrast(94%);
  transition: var(--transition);
}
.sa-pricing-card .pricing-btn .seo-agency-default-btn.two::after {
  background-color: var(--whiteColor);
}
.sa-pricing-card .pricing-btn .seo-agency-default-btn.two:hover {
  color: var(--whiteColor);
}
.sa-pricing-card .pricing-btn .seo-agency-default-btn.two:hover::after {
  background: var(--sa-optional-gradient-Color);
}
.sa-pricing-card .pricing-btn .seo-agency-default-btn.two:hover::before {
  background: var(--sa-optional-gradient-Color);
}
.sa-pricing-card .pricing-btn .seo-agency-default-btn.two:hover img {
  filter: invert(99%) sepia(0%) saturate(0%) hue-rotate(209deg) brightness(107%) contrast(101%);
}
.sa-pricing-card .tag {
  background: #5406D9;
  font-weight: 500;
  font-family: var(--sa-optional-font-Family);
  color: var(--whiteColor);
  display: inline-block;
  padding: 5px 20px 5px 32px;
  position: absolute;
  left: -20px;
  top: 0;
  -webkit-clip-path: polygon(97% 0, 100% 51%, 97% 100%, 0% 100%, 11% 49%, 0% 0%);
          clip-path: polygon(97% 0, 100% 51%, 97% 100%, 0% 100%, 11% 49%, 0% 0%);
}
.sa-pricing-card:hover {
  transform: translateY(-5px);
}
.sa-pricing-card:hover .image img {
  transform: rotate(-30deg);
}
.sa-pricing-card:hover .pricing-btn {
  margin-top: 30px;
}
.sa-pricing-card:hover .pricing-btn .seo-agency-default-btn.two {
  color: var(--whiteColor);
}
.sa-pricing-card:hover .pricing-btn .seo-agency-default-btn.two::after {
  background: var(--sa-optional-gradient-Color);
}
.sa-pricing-card:hover .pricing-btn .seo-agency-default-btn.two img {
  filter: invert(99%) sepia(0%) saturate(0%) hue-rotate(209deg) brightness(107%) contrast(101%);
}

.sa-pricing-shape1 {
  position: absolute;
  top: 15%;
  left: 15%;
  transform: translateY(-15%) translateX(-15%);
  z-index: -1;
}

.sa-pricing-shape2 {
  position: absolute;
  top: -2.8%;
  right: 20%;
  transform: translateY(-2.8%) translateX(-20%);
  z-index: -1;
}

/*================================================
SA FAQ Area CSS
=================================================*/
.sa-faq-area {
  position: relative;
  z-index: 99;
}
.sa-faq-area .sa-section-title {
  max-width: 670px;
}

.sa-faq-image {
  padding-left: 80px;
}

.sa-faq-accordion .accordion .accordion-item {
  border: 0;
  border-radius: 10px;
  margin-bottom: 20px;
  background-color: transparent;
}
.sa-faq-accordion .accordion .accordion-item .accordion-button {
  border: 1px solid #F1F1F1;
  border-radius: 10px;
  box-shadow: unset;
  position: relative;
  padding: 25px 65px 25px 25px;
  background-color: transparent;
  color: var(--sa-blackColor) !important;
  font-family: var(--sa-optional-font-Family);
  text-transform: capitalize;
  font-size: 20px;
  font-weight: 600;
}
.sa-faq-accordion .accordion .accordion-item .accordion-button span {
  color: #5406D9;
  margin-right: 10px;
}
.sa-faq-accordion .accordion .accordion-item .accordion-button::after {
  background-image: url(../../assets/img/seo-agency/arrow.png);
  position: absolute;
  top: 35px;
  right: 25px;
  background-size: 1rem;
}
.sa-faq-accordion .accordion .accordion-item .accordion-button:not(.collapsed)::after {
  background-image: url(../../assets/img/seo-agency/arrow.png);
  transform: rotate(-180deg) !important;
  top: 25px;
  opacity: 50%;
}
.sa-faq-accordion .accordion .accordion-item .accordion-collapse {
  border: none;
}
.sa-faq-accordion .accordion .accordion-item .accordion-body {
  padding: 15px 25px 0;
  border: none;
}
.sa-faq-accordion .accordion .accordion-item:last-child {
  margin-bottom: 0;
}

.sa-faq-shape1 {
  position: absolute;
  top: 15%;
  left: 15%;
  transform: translateY(-15%) translateX(-15%);
  z-index: -1;
}

.sa-faq-shape2 {
  position: absolute;
  right: 0;
  top: -200px;
  z-index: -1;
  max-width: 45%;
}

/*================================================
SA Partner Area CSS
=================================================*/
.sa-partner-area {
  position: relative;
  z-index: 9;
}

.sa-partner-item {
  text-align: center;
  margin-bottom: 25px;
}
.sa-partner-item img {
  transition: var(--transition);
}
.sa-partner-item:hover img {
  transform: translateY(-5px);
}

.sa-partner-shape {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  max-width: 55%;
}

/*================================================
SA Analysis Area CSS
=================================================*/
.sa-analysis-area {
  position: relative;
  z-index: 9;
}

.sa-analysis-inner-box {
  padding-left: 70px;
  padding-right: 70px;
  background-color: #5406D9;
  border-radius: 25px;
  position: relative;
  z-index: 9;
  overflow: hidden;
  box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.1);
}

.sa-analysis-content {
  text-align: center;
}
.sa-analysis-content h3 {
  font-size: 45px;
  line-height: 1.4;
  color: var(--whiteColor);
  max-width: 585px;
  margin: auto;
}
.sa-analysis-content .analysis-form {
  max-width: 680px;
  margin: 35px auto 0;
  position: relative;
}
.sa-analysis-content .analysis-form .input-analysis {
  display: inline-block;
  background-color: #631CDC;
  border: 1px solid #631CDC;
  height: 65px;
  width: 100%;
  border-radius: 50px;
  padding: 15px 30px;
  color: #C7B9E0;
  transition: var(--transition);
}
.sa-analysis-content .analysis-form .input-analysis::-moz-placeholder {
  color: #C7B9E0;
  -moz-transition: var(--transition);
  transition: var(--transition);
}
.sa-analysis-content .analysis-form .input-analysis::placeholder {
  color: #C7B9E0;
  transition: var(--transition);
}
.sa-analysis-content .analysis-form .input-analysis:focus::-moz-placeholder {
  color: transparent;
}
.sa-analysis-content .analysis-form .input-analysis:focus::placeholder {
  color: transparent;
}
.sa-analysis-content .analysis-form .seo-agency-default-btn {
  padding: 15px 30px;
  position: absolute;
  right: 5px;
  top: 6px;
  border: none;
}
.sa-analysis-content .analysis-form .validation-danger {
  color: var(--secondaryColor);
  font-size: 15px;
  margin-top: 10px;
}
.sa-analysis-content .analysis-form p {
  color: var(--whiteColor);
  margin-bottom: 0;
  margin-top: 15px;
}

.sa-analysis-shape1 {
  position: absolute;
  left: -30px;
  bottom: -30px;
  z-index: -1;
}

.sa-analysis-shape2 {
  position: absolute;
  right: -10px;
  top: -10px;
  z-index: -1;
}

.sa-analysis-shape3 {
  position: absolute;
  top: 100px;
  left: 200px;
  z-index: -1;
}

.sa-analysis-shape4 {
  position: absolute;
  bottom: 50px;
  right: 200px;
  z-index: -1;
}

.sa-analysis-shape5 {
  position: absolute;
  right: 0;
  top: 50px;
  z-index: -1;
}

/*================================================
SA Blog Area CSS
=================================================*/
.sa-blog-area {
  position: relative;
  z-index: 9;
}
.sa-blog-area .sa-overview-shape {
  bottom: 25%;
  transform: translateY(-25%);
  z-index: -1;
}

.sa-blog-card {
  margin-bottom: 25px;
}
.sa-blog-card .blog-image {
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 25px;
}
.sa-blog-card .blog-image a img {
  border-radius: 20px;
  transition: var(--transition);
}
.sa-blog-card .blog-content {
  padding: 30px;
  background-color: #f3f3f3;
  border-left: 2px solid var(--primaryColor);
}
.sa-blog-card .blog-content span {
  font-size: 15px;
  color: var(--sa-secondaryColor);
  font-weight: 600;
  letter-spacing: 0.14em;
  display: inline-block;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.sa-blog-card .blog-content h3, .sa-blog-card .blog-content h2, .sa-blog-card .blog-content h1, .sa-blog-card .blog-content h4, .sa-blog-card .blog-content h5, .sa-blog-card .blog-content h6 {
  font-size: 22px;
  margin-bottom: 12px;
  line-height: 1.5;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.sa-blog-card .blog-content h3 a, .sa-blog-card .blog-content h2 a, .sa-blog-card .blog-content h1 a, .sa-blog-card .blog-content h4 a, .sa-blog-card .blog-content h5 a, .sa-blog-card .blog-content h6 a {
  color: var(--sa-blackColor);
}
.sa-blog-card .blog-content .blog-btn {
  color: #5406D9;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.sa-blog-card .blog-content .blog-btn i {
  display: inline-block;
  height: 35px;
  width: 35px;
  line-height: 33px;
  text-align: center;
  border: 1px solid #5406D9;
  text-align: center;
  border-radius: 50px;
  font-size: 20px;
  color: #5406D9;
  transition: var(--transition);
  transform: rotate(-45deg);
  margin-right: 15px;
}
.sa-blog-card:hover .blog-image a img {
  transform: scale(1.2);
}
.sa-blog-card:hover .blog-content .blog-btn i {
  transform: unset;
  background-color: #5406D9;
  color: var(--whiteColor);
}

.sa-blog-shape1 {
  position: absolute;
  bottom: 8%;
  right: 5%;
  transform: translateY(-8%) translateX(-5%);
  z-index: -1;
}

.sa-blog-shape2 {
  position: absolute;
  top: 5%;
  left: 20%;
  transform: translateY(-5%) translateX(-20%);
  z-index: -1;
}

.sa-blog-slides.owl-theme .owl-nav {
  margin-top: 0;
}
.sa-blog-slides.owl-theme .owl-nav [class*=owl-] {
  background: #FAE0EB;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.06);
  transition: var(--transition);
  position: absolute;
  left: 0;
  top: -100px;
  font-size: 30px;
  margin: 0;
  height: 50px;
  width: 50px;
  padding: 0;
  border-radius: 50px;
  z-index: 1;
}
.sa-blog-slides.owl-theme .owl-nav [class*=owl-]::before {
  position: absolute;
  content: "";
  height: 50px;
  width: 50px;
  background: var(--sa-primary-gradient-Color);
  left: 0;
  right: 0;
  top: 0;
  border-radius: 50px;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
}
.sa-blog-slides.owl-theme .owl-nav [class*=owl-] i {
  left: 0;
  right: 0;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  background: var(--sa-primary-gradient-Color);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  transition: var(--transition);
}
.sa-blog-slides.owl-theme .owl-nav [class*=owl-].owl-next {
  right: 0;
  left: auto;
}
.sa-blog-slides.owl-theme .owl-nav [class*=owl-]:hover::before {
  opacity: 1;
  visibility: visible;
}
.sa-blog-slides.owl-theme .owl-nav [class*=owl-]:hover i {
  background: var(--whiteColor);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.sa-blog-inner {
  max-width: 1050px;
  margin: auto;
}

/*================================================
SA Page Banner Area CSS
=================================================*/
.sa-page-banner-area {
  position: relative;
  z-index: 0;
  padding-top: 200px;
  padding-bottom: 200px;
}
.sa-page-banner-area.style-with-box {
  padding-top: 80px;
  padding-bottom: 0;
}
.sa-page-banner-area.style-with-box .container-fluid {
  padding-left: 30px;
  padding-right: 30px;
}
.sa-page-banner-area.style-with-box .sa-page-banner-shape2 {
  max-width: 55%;
}

.sa-page-banner-inner-box {
  background-color: #5406D9;
  box-shadow: 0px 10px 20px rgba(84, 6, 217, 0.2);
  border-radius: 20px;
  padding-top: 130px;
  padding-bottom: 130px;
  padding-left: 100px;
  padding-right: 100px;
}
.sa-page-banner-inner-box .sa-page-banner-content h3, .sa-page-banner-inner-box .sa-page-banner-content h2, .sa-page-banner-inner-box .sa-page-banner-content h4, .sa-page-banner-inner-box .sa-page-banner-content h5, .sa-page-banner-inner-box .sa-page-banner-content h6 {
  color: var(--whiteColor);
}
.sa-page-banner-inner-box .sa-page-banner-content .list li {
  color: var(--whiteColor);
}
.sa-page-banner-inner-box .sa-page-banner-content .list li::before {
  background-color: #FF3667;
}
.sa-page-banner-inner-box .sa-page-banner-content .list li a {
  color: #D7C0FF;
}
.sa-page-banner-inner-box .sa-page-banner-content .list li a:hover {
  color: var(--whiteColor);
}

.sa-page-banner-content {
  text-align: center;
}
.sa-page-banner-content h3, .sa-page-banner-content h2, .sa-page-banner-content h1, .sa-page-banner-content h4, .sa-page-banner-content h5, .sa-page-banner-content h6 {
  font-size: 50px;
  margin-bottom: 15px;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.sa-page-banner-content .list {
  padding: 0;
  margin-bottom: 0;
}
.sa-page-banner-content .list li {
  text-transform: uppercase;
  display: inline-block;
  color: #5406D9;
  position: relative;
  font-weight: bold;
  font-size: 14px;
  margin-right: 30px;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.sa-page-banner-content .list li::before {
  content: "";
  position: absolute;
  top: 4px;
  right: -18px;
  background-color: #5406D9;
  width: 1px;
  height: 15px;
  transform: rotate(15deg);
}
.sa-page-banner-content .list li:last-child {
  margin-right: 0;
}
.sa-page-banner-content .list li:last-child::before {
  display: none;
}
.sa-page-banner-content .list li a {
  color: var(--sa-blackColor);
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.sa-page-banner-content .list li a:hover {
  color: #5406D9;
}

.sa-page-banner-shape1 {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.sa-page-banner-shape2 {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  max-width: 60%;
}

/*================================================
SA Team Area CSS
=================================================*/
.sa-team-area {
  position: relative;
  z-index: 1;
}
.sa-team-area .sa-section-title {
  max-width: 595px;
}
.sa-team-area .container-fluid {
  padding-left: 15px;
  padding-right: 15px;
}

.sa-team-card {
  position: relative;
  transition: var(--transition);
  margin-bottom: 25px;
}
.sa-team-card .content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  margin: 0 10px;
  padding: 35px 30px;
  z-index: 1;
  background-color: var(--sa-blackColor);
}
.sa-team-card .content .title h3 {
  font-size: 22px;
  margin-bottom: 0;
  color: var(--whiteColor);
}
.sa-team-card .content .title span {
  color: #969696;
  font-weight: 600;
  display: block;
  margin-top: 12px;
}
.sa-team-card .content .icon i {
  display: inline-block;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  border: 1px solid #F4F4F4;
  text-align: center;
  border-radius: 50px;
  font-size: 25px;
  color: var(--whiteColor);
  transition: var(--transition);
  transform: rotate(-45deg);
}
.sa-team-card:hover {
  transform: translateY(-5px);
}
.sa-team-card:hover .content .icon i {
  border: 1px solid var(--whiteColor);
  color: #5406D9;
  background-color: var(--whiteColor);
  transform: unset;
}

.sa-team-shape {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  max-width: 55%;
}

/*================================================
SA Service Details Area CSS
=================================================*/
.sa-services-details-area {
  position: relative;
  z-index: 99;
}

.sa-services-details-inner {
  max-width: 1100px;
  margin: auto;
}
.sa-services-details-inner .sa-services-details-content h2 {
  font-size: 45px;
  margin-bottom: 18px;
}
.sa-services-details-inner .sa-services-details-content p {
  margin-bottom: 0;
}
.sa-services-details-inner .sa-services-details-content h4 {
  font-size: 20px;
  margin-top: 25px;
  margin-bottom: 10px;
}
.sa-services-details-inner .sa-services-details-content .list {
  padding: 0;
  margin-bottom: 0;
}
.sa-services-details-inner .sa-services-details-content .list li {
  color: #353232;
  list-style-type: none;
  display: inline-block;
  margin-right: 20px;
}
.sa-services-details-inner .sa-services-details-content .list li:last-child {
  margin-right: 0;
}
.sa-services-details-inner .sa-services-details-content .list li span {
  display: block;
  margin-top: 15px;
}
.sa-services-details-inner .sa-services-details-content .list li span i {
  color: #FF3667;
  margin-right: 5px;
}
.sa-services-details-inner .sa-services-details-image img {
  border-radius: 25px;
}
.sa-services-details-inner .sa-services-details-bottom-content {
  margin-top: 80px;
}
.sa-services-details-inner .sa-services-details-bottom-content .sa-services-details-content h2 {
  font-size: 32px;
}
.sa-services-details-inner .sa-services-details-bottom-content .sa-services-details-content p {
  margin-bottom: 25px;
}
.sa-services-details-inner .sa-services-details-bottom-content .sa-services-details-image {
  padding-right: 50px;
}

/*================================================
SA Projects Details Area CSS
=================================================*/
.sa-projects-details-area {
  position: relative;
  z-index: 9;
}
.sa-projects-details-area .sa-projects-shape1 {
  top: 55%;
  max-width: 30%;
  transform: translateY(-55%);
}

.sa-projects-details-inner {
  max-width: 1050px;
  margin: auto;
}

.sa-projects-details-content {
  text-align: center;
  max-width: 630px;
  margin: 0 auto 35px;
}
.sa-projects-details-content span {
  color: #9F9F9F;
  display: block;
  margin-bottom: 15px;
  font-size: 14px;
  text-transform: uppercase;
}
.sa-projects-details-content h2 {
  font-size: 45px;
  margin-bottom: 0;
}
.sa-projects-details-content .sa-social {
  padding: 0;
  margin-top: 20px;
  margin-bottom: 0;
}
.sa-projects-details-content .sa-social li {
  list-style-type: none;
  display: inline-block;
  margin-right: 10px;
}
.sa-projects-details-content .sa-social li:last-child {
  margin-right: 0;
}
.sa-projects-details-content .sa-social li a {
  display: inline-block;
  height: 35px;
  width: 35px;
  line-height: 35px;
  background-color: var(--whiteColor);
  box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.08);
  text-align: center;
  border-radius: 50px;
  transition: var(--transition);
  position: relative;
}
.sa-projects-details-content .sa-social li a i {
  color: #4267B2;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.sa-projects-details-content .sa-social li a:hover {
  background-color: #5406D9;
}
.sa-projects-details-content .sa-social li a:hover i {
  color: var(--whiteColor);
}
.sa-projects-details-content .sa-social li .twitter i {
  color: #1DA1F3;
}
.sa-projects-details-content .sa-social li .linkedin i {
  color: #0077B5;
}
.sa-projects-details-content .sa-social li .instagram i {
  color: #EF5350;
}

.sa-projects-details-image .image-box {
  margin-bottom: 30px;
}
.sa-projects-details-image .image-box:last-child {
  margin-bottom: 0;
}
.sa-projects-details-image .image-box img {
  border-radius: 25px;
}

.sa-projects-details-desc {
  padding-top: 35px;
  padding-left: 50px;
}
.sa-projects-details-desc .information {
  padding: 0;
  margin-bottom: 25px;
}
.sa-projects-details-desc .information li {
  list-style-type: none;
  font-size: 14px;
  color: #9F9F9F;
  font-weight: bold;
}
.sa-projects-details-desc .information li span {
  font-size: 16.8px;
  color: var(--sa-blackColor);
  font-weight: 500;
  display: block;
  margin-top: 10px;
}
.sa-projects-details-desc .pd-content {
  margin-top: 35px;
}
.sa-projects-details-desc .pd-content h3 {
  font-size: 32px;
  margin-bottom: 18px;
}
.sa-projects-details-desc .pd-btn {
  margin-top: 30px;
}

/*================================================
SA Sidebar Area CSS
=================================================*/
.seo-agency-sidebar-area {
  padding-left: 35px;
}
.seo-agency-sidebar-area .sidebar {
  margin-bottom: 30px;
}
.seo-agency-sidebar-area .sidebar .sidebar-title {
  margin-bottom: 20px;
  font-size: 22px;
  color: var(--sa-blackColor);
}
.seo-agency-sidebar-area .sidebar h2, .seo-agency-sidebar-area .sidebar h1, .seo-agency-sidebar-area .sidebar h3, .seo-agency-sidebar-area .sidebar h4, .seo-agency-sidebar-area .sidebar h5, .seo-agency-sidebar-area .sidebar h6 {
  margin-bottom: 20px;
  font-size: 22px;
  color: var(--sa-blackColor);
}
.seo-agency-sidebar-area.widget_search .search-form {
  position: relative;
  width: 100%;
  background: #FAFAFA;
  border-radius: 50px;
}
.seo-agency-sidebar-area.widget_search .search-form .search-field {
  width: 100%;
  height: 60px;
  display: block;
  padding: 0 15px 0 25px;
  border: 1px solid #FAFAFA;
  transition: var(--transition);
  background: #FAFAFA;
  border-radius: 50px;
  color: #8D8C8C;
  font-size: 15px;
}
.seo-agency-sidebar-area.widget_search .search-form .search-field::-moz-placeholder {
  color: #8D8C8C;
  -moz-transition: var(--transition);
  transition: var(--transition);
}
.seo-agency-sidebar-area.widget_search .search-form .search-field::placeholder {
  color: #8D8C8C;
  transition: var(--transition);
}
.seo-agency-sidebar-area.widget_search .search-form .search-field:focus::-moz-placeholder {
  color: transparent;
}
.seo-agency-sidebar-area.widget_search .search-form .search-field:focus::placeholder {
  color: transparent;
}
.seo-agency-sidebar-area.widget_search .search-form .seo-agency-default-btn {
  right: 4px;
  bottom: 4px;
  border: none;
  position: absolute;
  transition: var(--transition);
  border-radius: 50px;
  padding: 14.8px 25px;
}
.seo-agency-sidebar-area.widget_search .search-form .seo-agency-default-btn i {
  transform: unset;
  top: 2.8px;
}
.seo-agency-sidebar-area.widget_search .wp-block-search .wp-block-search__label {
  display: none;
}
.seo-agency-sidebar-area.widget_categories {
  margin-bottom: 30px;
}
.seo-agency-sidebar-area.widget_categories ul {
  padding: 0;
  margin-bottom: 0;
}
.seo-agency-sidebar-area.widget_categories ul li {
  list-style-type: none;
  margin-bottom: 15px;
}
.seo-agency-sidebar-area.widget_categories ul li a {
  color: #4D4A4A;
}
.seo-agency-sidebar-area.widget_categories ul li a:hover {
  letter-spacing: 1px;
}
.seo-agency-sidebar-area.widget_categories ul li:last-child {
  margin-bottom: 0;
}
.seo-agency-sidebar-area .sidebar_categories .categories-list {
  padding: 0;
  margin-bottom: 0;
}
.seo-agency-sidebar-area .sidebar_categories .categories-list li {
  list-style-type: none;
  margin-bottom: 15px;
}
.seo-agency-sidebar-area .sidebar_categories .categories-list li a {
  color: #4D4A4A;
}
.seo-agency-sidebar-area .sidebar_categories .categories-list li a:hover {
  letter-spacing: 1px;
}
.seo-agency-sidebar-area .sidebar_categories .categories-list li:last-child {
  margin-bottom: 0;
}
.seo-agency-sidebar-area.widget_xenax_posts_thumbs .item {
  overflow: hidden;
  margin-bottom: 25px;
  align-items: center;
}
.seo-agency-sidebar-area.widget_xenax_posts_thumbs .item:last-child {
  margin-bottom: 0;
}
.seo-agency-sidebar-area.widget_xenax_posts_thumbs .item .thumb {
  float: left;
  height: 100px;
  overflow: hidden;
  display: block;
  position: relative;
  width: 100px;
  margin-right: 18px;
  z-index: 1;
}
.seo-agency-sidebar-area.widget_xenax_posts_thumbs .item .thumb .fullimage {
  width: 100px;
  height: 100px;
  display: inline-block;
  border-radius: 15px;
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center center !important;
}
.seo-agency-sidebar-area.widget_xenax_posts_thumbs .item .thumb .fullimage.bg1 {
  background-image: url(../../assets/img/seo-agency/blog/img1.jpg);
}
.seo-agency-sidebar-area.widget_xenax_posts_thumbs .item .thumb .fullimage.bg2 {
  background-image: url(../../assets/img/seo-agency/blog/img2.jpg);
}
.seo-agency-sidebar-area.widget_xenax_posts_thumbs .item .thumb .fullimage.bg3 {
  background-image: url(../../assets/img/seo-agency/blog/img3.jpg);
}
.seo-agency-sidebar-area.widget_xenax_posts_thumbs .item .thumb::before, .seo-agency-sidebar-area.widget_xenax_posts_thumbs .item .thumb::after {
  transition: all 0.8s cubic-bezier(0.2, 1, 0.22, 1);
  content: "";
  background-color: var(--whiteColor);
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  opacity: 0;
  transform: translate(-50%, -50%);
}
.seo-agency-sidebar-area.widget_xenax_posts_thumbs .item .thumb::before {
  width: 40px;
  height: 1px;
  left: 100%;
}
.seo-agency-sidebar-area.widget_xenax_posts_thumbs .item .thumb::after {
  height: 40px;
  width: 1px;
  top: 0;
}
.seo-agency-sidebar-area.widget_xenax_posts_thumbs .item .info {
  align-items: center;
  position: relative;
  top: 8px;
}
.seo-agency-sidebar-area.widget_xenax_posts_thumbs .item .info p {
  display: block;
  margin-bottom: 3px;
  font-size: 14px;
  font-weight: bold;
  color: var(--sa-secondaryColor);
  text-transform: uppercase;
}
.seo-agency-sidebar-area.widget_xenax_posts_thumbs .item .info .title {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 18px;
}
.seo-agency-sidebar-area.widget_xenax_posts_thumbs .item .info .title a {
  color: var(--blackColor);
}
.seo-agency-sidebar-area.widget_xenax_posts_thumbs .item:hover .thumb::before, .seo-agency-sidebar-area.widget_xenax_posts_thumbs .item:hover .thumb::after {
  opacity: 1;
  top: 50%;
  left: 50%;
}
.seo-agency-sidebar-area .sidebar_add img {
  border-radius: 10px;
}
.seo-agency-sidebar-area.widget_tag_cloud .widget-title {
  margin-bottom: 10px;
}
.seo-agency-sidebar-area.widget_tag_cloud .tagcloud a {
  display: inline-block;
  color: var(--sa-secondaryColor);
  font-size: var(--fontSize) !important;
  background-color: #f3f3f3;
  padding: 10px;
  margin-top: 3px;
  margin-right: 10px;
}
.seo-agency-sidebar-area.widget_tag_cloud .tagcloud a:hover {
  color: var(--sa-primary-gradient-Color);
}

/*================================================
SA Blog Details Area CSS
=================================================*/
.sa-blog-details-area {
  position: relative;
  z-index: 9;
}
.sa-blog-details-area .sa-overview-shape {
  bottom: 58%;
  transform: translateY(-58%);
  max-width: 25%;
}
.sa-blog-details-area .sa-blog-shape2 {
  top: 2%;
  left: 15%;
  transform: translateY(-2%) translateX(-15%);
}

.sa-blog-details-inner {
  max-width: 1050px;
  margin: auto;
}

.sa-blog-details-desc .post-content h2 {
  font-size: 45px;
  margin-bottom: 22px;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.sa-blog-details-desc .post-content .meta {
  padding: 0;
  margin-bottom: 15px;
  margin-top: 0;
}
.sa-blog-details-desc .post-content .meta li {
  color: var(--sa-secondaryColor);
  font-weight: 500;
  list-style-type: none;
  display: inline-block;
  margin-right: 20px;
  font-size: 15px;
  text-transform: uppercase;
}
.sa-blog-details-desc .post-content .meta li:last-child {
  margin-right: 0;
}
.sa-blog-details-desc .post-content .meta li img {
  max-width: 30px;
  border-radius: 50px;
  margin-right: 10px;
}
.sa-blog-details-desc .post-content .meta li a {
  color: var(--sa-blackColor);
  text-decoration: none;
}
.sa-blog-details-desc .post-content .meta li a:hover {
  color: #5406D9;
}
.sa-blog-details-desc .post-thumb {
  margin-top: 0;
  margin-bottom: 30px;
}
.sa-blog-details-desc .post-thumb img {
  border-radius: 20px;
}
.sa-blog-details-desc .post-tag .list {
  padding: 0;
  margin-bottom: 20px;
}
.sa-blog-details-desc .post-tag .list li {
  list-style-type: none;
  display: inline-block;
  margin-right: 15px;
}
.sa-blog-details-desc .post-tag .list li:last-child {
  margin-right: 0;
}
.sa-blog-details-desc .post-tag .list li a {
  display: inline-block;
  background-color: var(--whiteColor);
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  color: #9F9F9F;
  font-weight: bold;
  font-size: 14px;
  padding: 8px 15px;
  text-transform: uppercase;
  text-decoration: none;
}
.sa-blog-details-desc .post-tag .list li a:hover {
  background-color: #5406D9;
  color: var(--whiteColor);
}
.sa-blog-details-desc .post-block {
  margin-top: 25px;
}
.sa-blog-details-desc .post-block img {
  border-radius: 20px;
}
.sa-blog-details-desc h3 {
  font-size: 32px;
  margin-top: 0;
  margin-bottom: 20px;
}
.sa-blog-details-desc .wp-block-image img {
  border-radius: 10px;
}
.sa-blog-details-desc .post-footer {
  border-top: 1px solid #F3F3F3;
  border-bottom: 1px solid #F3F3F3;
  clear: both;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 30px;
}
.sa-blog-details-desc .post-footer span {
  color: var(--sa-blackColor);
  font-weight: 600;
  text-transform: uppercase;
}
.sa-blog-details-desc .post-footer .article-share {
  padding: 0;
  margin-bottom: 0;
  margin-top: 0;
}
.sa-blog-details-desc .post-footer .article-share li {
  list-style-type: none;
  display: inline-block;
  margin-right: 10px;
}
.sa-blog-details-desc .post-footer .article-share li:last-child {
  margin-right: 0;
}
.sa-blog-details-desc .post-footer .article-share li a {
  display: inline-block;
  height: 35px;
  width: 35px;
  line-height: 35px;
  background-color: var(--whiteColor);
  box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.08);
  text-align: center;
  border-radius: 50px;
  transition: var(--transition);
  position: relative;
}
.sa-blog-details-desc .post-footer .article-share li a i {
  color: #4267B2;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-style: normal;
}
.sa-blog-details-desc .post-footer .article-share li a:hover {
  background-color: #5406D9;
}
.sa-blog-details-desc .post-footer .article-share li a:hover i {
  color: var(--whiteColor);
}
.sa-blog-details-desc .post-footer .article-share li .twitter i {
  color: #1DA1F3;
}
.sa-blog-details-desc .post-footer .article-share li .linkedin i {
  color: #0077B5;
}
.sa-blog-details-desc .post-footer .article-share li .instagram i {
  color: #EF5350;
}
.sa-blog-details-desc .sa-comments-area {
  margin-top: 50px;
}
.sa-blog-details-desc .sa-comments-area h3 {
  margin-top: 0;
  margin-bottom: 0;
}
.sa-blog-details-desc .sa-comments-area .comments-info-box {
  margin-top: 35px;
  position: relative;
}
.sa-blog-details-desc .sa-comments-area .comments-info-box .info {
  display: flex;
  align-items: center;
  margin-bottom: 18px;
}
.sa-blog-details-desc .sa-comments-area .comments-info-box .info img {
  max-width: 80px;
  border-radius: 50%;
}
.sa-blog-details-desc .sa-comments-area .comments-info-box .info .title {
  margin-left: 18px;
}
.sa-blog-details-desc .sa-comments-area .comments-info-box .info .title h4 {
  font-size: 20px;
  margin-bottom: 12px;
}
.sa-blog-details-desc .sa-comments-area .comments-info-box .info .title span {
  color: var(--sa-secondaryColor);
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}
.sa-blog-details-desc .sa-comments-area .comments-info-box .reply-btn {
  position: absolute;
  right: 0;
  top: 12px;
}
.sa-blog-details-desc .sa-comments-area .comments-info-box .reply-btn a {
  display: inline-block;
  font-size: 14px;
  color: var(--whiteColor);
  font-weight: bold;
  padding: 8px 15px;
  border-radius: 8px;
  background-color: #5406D9;
  text-transform: uppercase;
}
.sa-blog-details-desc .sa-comments-area .comments-info-box .reply-btn a:hover {
  background-color: var(--sa-blackColor);
}
.sa-blog-details-desc .sa-comment-respond {
  margin-top: 50px;
}
.sa-blog-details-desc .sa-comment-respond h3 {
  margin-top: 0;
  margin-bottom: 30px;
}
.sa-blog-details-desc .sa-comment-respond .form-group {
  margin-bottom: 25px;
}
.sa-blog-details-desc .sa-comment-respond .form-group .form-control {
  background-color: #FAFAFA;
  color: #8D8C8C;
  box-shadow: unset;
  border-radius: 8px;
  height: 55px;
  width: 100%;
  border: 0;
  font-size: 15.8px;
  padding-left: 15px;
  padding-right: 15px;
}
.sa-blog-details-desc .sa-comment-respond .form-group .form-control::-moz-placeholder {
  color: #8D8C8C;
  -moz-transition: var(--transition);
  transition: var(--transition);
}
.sa-blog-details-desc .sa-comment-respond .form-group .form-control::placeholder {
  color: #8D8C8C;
  transition: var(--transition);
}
.sa-blog-details-desc .sa-comment-respond .form-group .form-control:focus::-moz-placeholder {
  color: transparent;
}
.sa-blog-details-desc .sa-comment-respond .form-group .form-control:focus::placeholder {
  color: transparent;
}
.sa-blog-details-desc .sa-comment-respond .form-group textarea.form-control {
  height: auto !important;
  padding-top: 15px;
}
.sa-blog-details-desc .sa-comment-respond .form-check {
  color: var(--sa-secondaryColor);
  margin-top: 5px;
  margin-bottom: 25px;
}
.sa-blog-details-desc .sa-comment-respond .form-check .form-check-input {
  margin-top: 0.18em;
  box-shadow: unset !important;
  border: 2px solid #5406D9;
  border-radius: 5px;
}
.sa-blog-details-desc .sa-comment-respond .form-check .form-check-input[type=checkbox] {
  border-radius: 5px;
  position: relative;
  top: 1.5px;
}
.sa-blog-details-desc .sa-comment-respond .form-check .form-check-input:checked {
  background-color: #5406D9;
  border: 2px solid #5406D9;
}
.sa-blog-details-desc .sa-comment-respond .form-check .form-check-input:focus {
  border-color: #5406D9;
}
.sa-blog-details-desc .sa-comment-respond .seo-agency-default-btn {
  border: none;
}

/*================================================
SA Information Area CSS
=================================================*/
.sa-information-area {
  position: relative;
  z-index: 99;
}

.sa-information-card {
  margin-bottom: 25px;
}
.sa-information-card .content h3 {
  font-size: 45px;
  margin-bottom: 0;
}
.sa-information-card .icon {
  margin-bottom: 25px;
}
.sa-information-card .info h4 {
  font-size: 22px;
  margin-bottom: 15px;
}
.sa-information-card .info span {
  color: var(--sa-secondaryColor);
}
.sa-information-card .info span a {
  color: var(--sa-secondaryColor);
  display: block;
}
.sa-information-card .info span a:hover {
  color: #5406D9;
}
.sa-information-card .info span .color {
  color: #5406D9;
  display: block;
}
.sa-information-card .info span .color:hover {
  color: var(--sa-secondaryColor);
}

/*================================================
SA Contact Area CSS
=================================================*/
.sa-contact-area {
  position: relative;
  z-index: 99;
}
.sa-contact-area .sa-section-title h2 {
  font-size: 32px;
}
.sa-contact-area .sa-overview-shape {
  bottom: 50px;
  max-width: 30%;
}

.sa-contact-form {
  max-width: 650px;
  margin: auto;
}
.sa-contact-form .form-group {
  margin-bottom: 25px;
}
.sa-contact-form .form-group .form-control {
  background-color: #FAFAFA;
  color: #8D8C8C;
  box-shadow: unset;
  border-radius: 8px;
  height: 55px;
  width: 100%;
  border: 0;
  font-size: 15.8px;
  padding-left: 15px;
  padding-right: 15px;
}
.sa-contact-form .form-group .form-control::-moz-placeholder {
  color: #8D8C8C;
  -moz-transition: var(--transition);
  transition: var(--transition);
}
.sa-contact-form .form-group .form-control::placeholder {
  color: #8D8C8C;
  transition: var(--transition);
}
.sa-contact-form .form-group .form-control:focus::-moz-placeholder {
  color: transparent;
}
.sa-contact-form .form-group .form-control:focus::placeholder {
  color: transparent;
}
.sa-contact-form .form-group textarea.form-control {
  height: auto !important;
  padding-top: 15px;
}
.sa-contact-form .form-check {
  color: var(--sa-secondaryColor);
  margin-top: 5px;
  margin-bottom: 25px;
}
.sa-contact-form .form-check .form-check-input {
  margin-top: 0.18em;
  box-shadow: unset !important;
  border: 2px solid #5406D9;
  border-radius: 5px;
}
.sa-contact-form .form-check .form-check-input[type=checkbox] {
  border-radius: 5px;
  position: relative;
  top: 1.5px;
}
.sa-contact-form .form-check .form-check-input:checked {
  background-color: #5406D9;
  border: 2px solid #5406D9;
}
.sa-contact-form .form-check .form-check-input:focus {
  border-color: #5406D9;
}
.sa-contact-form .form-check .form-check-label a {
  text-decoration-line: underline;
  color: #5406D9;
  font-weight: 500;
}
.sa-contact-form .seo-agency-default-btn {
  border: none;
}

/*================================================
SA Footer Area CSS
=================================================*/
.sa-footer-area {
  position: relative;
  z-index: 1;
}
.sa-footer-area::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background: linear-gradient(135deg, #5406D9 0%, #FF3667 73.44%, #F67538 100%);
  left: 0;
  right: 0;
  top: 0;
  z-index: -1;
  opacity: 0.15;
}

.sa-footer-card {
  margin-bottom: 25px;
}
.sa-footer-card .logo {
  margin-bottom: 20px;
  display: inline-block;
}
.sa-footer-card p {
  margin-bottom: 0;
}
.sa-footer-card .newsletter-form {
  margin: 20px auto 0;
  position: relative;
}
.sa-footer-card .newsletter-form .input-newsletter {
  display: inline-block;
  background-color: var(--whiteColor);
  border: 1px solid var(--whiteColor);
  height: 60px;
  width: 100%;
  border-radius: 50px;
  padding: 15px 22px;
  color: var(--sa-secondaryColor);
  transition: var(--transition);
}
.sa-footer-card .newsletter-form .input-newsletter::-moz-placeholder {
  color: var(--sa-secondaryColor);
  -moz-transition: var(--transition);
  transition: var(--transition);
}
.sa-footer-card .newsletter-form .input-newsletter::placeholder {
  color: var(--sa-secondaryColor);
  transition: var(--transition);
}
.sa-footer-card .newsletter-form .input-newsletter:focus::-moz-placeholder {
  color: transparent;
}
.sa-footer-card .newsletter-form .input-newsletter:focus::placeholder {
  color: transparent;
}
.sa-footer-card .newsletter-form .seo-agency-default-btn {
  padding: 14px 30px;
  position: absolute;
  right: 4px;
  top: 5px;
  border: none;
}
.sa-footer-card .newsletter-form .validation-danger {
  color: var(--secondaryColor);
  font-size: 15px;
  margin-top: 10px;
}
.sa-footer-card .newsletter-form .alert-danger {
  background-color: transparent !important;
  border: none !important;
}
.sa-footer-card h3 {
  font-size: 22px;
  margin-bottom: 30px;
}
.sa-footer-card .custom-links {
  padding: 0;
  margin-bottom: 0;
}
.sa-footer-card .custom-links li {
  list-style-type: none;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 18px;
}
.sa-footer-card .custom-links li:last-child {
  margin-bottom: 0;
}
.sa-footer-card .custom-links li a {
  color: var(--sa-blackColor);
  position: relative;
  padding-left: 0;
}
.sa-footer-card .custom-links li a::before {
  position: absolute;
  content: ">";
  color: #5406D9;
  left: 0;
  line-height: 1;
  top: 0;
  font-size: 22px;
  transition: var(--transition);
  opacity: 0;
  visibility: hidden;
}
.sa-footer-card .custom-links li a:hover {
  padding-left: 20px;
  color: #5406D9;
}
.sa-footer-card .custom-links li a:hover::before {
  opacity: 1;
  visibility: visible;
}
.sa-footer-card .info-list {
  padding: 0;
  margin-bottom: 0;
}
.sa-footer-card .info-list li {
  list-style-type: none;
  color: var(--sa-secondaryColor);
  margin-bottom: 18px;
}
.sa-footer-card .info-list li:last-child {
  margin-bottom: 0;
}
.sa-footer-card .info-list li a {
  color: var(--sa-blackColor);
  font-size: 18px;
  font-family: var(--sa-optional-font-Family);
  font-weight: 600;
}
.sa-footer-card .info-list li a::before {
  display: none;
}
.sa-footer-card .info-list li a:hover {
  color: #5406D9;
  padding-left: 0;
}
.sa-footer-card ul {
  padding: 0;
  margin-bottom: 0;
}
.sa-footer-card ul li {
  list-style-type: none;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 18px;
}
.sa-footer-card ul li:last-child {
  margin-bottom: 0;
}
.sa-footer-card ul li a {
  color: var(--sa-blackColor);
  position: relative;
  padding-left: 0;
}
.sa-footer-card ul li a::before {
  position: absolute;
  content: ">";
  color: #5406D9;
  left: 0;
  line-height: 1;
  top: 0;
  font-size: 22px;
  transition: var(--transition);
  opacity: 0;
  visibility: hidden;
}
.sa-footer-card ul li a:hover {
  padding-left: 20px;
  color: #5406D9;
}
.sa-footer-card ul li a:hover::before {
  opacity: 1;
  visibility: visible;
}
.sa-footer-card .sa-social {
  padding: 0;
  margin-top: 20px;
  margin-bottom: 0;
}
.sa-footer-card .sa-social li {
  list-style-type: none;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 0;
}
.sa-footer-card .sa-social li:last-child {
  margin-right: 0;
}
.sa-footer-card .sa-social li a {
  display: inline-block;
  height: 35px;
  width: 35px;
  line-height: 35px;
  background-color: var(--whiteColor);
  text-align: center;
  border-radius: 50px;
  transition: var(--transition);
  position: relative;
}
.sa-footer-card .sa-social li a::before {
  display: none;
}
.sa-footer-card .sa-social li a i {
  color: #4267B2;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.sa-footer-card .sa-social li a:hover {
  background-color: #5406D9;
}
.sa-footer-card .sa-social li a:hover i {
  color: var(--whiteColor);
}
.sa-footer-card .sa-social li .twitter i {
  color: #1DA1F3;
}
.sa-footer-card .sa-social li .youtube i {
  color: #EF5350;
}
.sa-footer-card .sa-social li .linkedin i {
  color: #0077B5;
}
.sa-footer-card .sa-social li .instagram i {
  color: #EF5350;
}
.sa-footer-card.widget_nav_menu:nth-child(2) {
  padding-left: 160px;
}
.sa-footer-card.widget_nav_menu:nth-child(3) {
  padding-left: 85px;
}
.sa-footer-card.widget_xenax_newsletter {
  margin-right: -100px;
  width: 350px;
}
.sa-footer-card.widget_xenax_newsletter h3 {
  font-size: 35px;
  margin-bottom: 15px;
}

.sa-footer-shape {
  position: absolute;
  top: 10%;
  left: 35%;
  transform: translateY(-10%) translateX(-35%);
  z-index: -1;
}

/*================================================
SA Copyright Area CSS
=================================================*/
.sa-copyright-area {
  background: #5406D9;
  padding-top: 35px;
  padding-bottom: 35px;
  text-align: center;
}
.sa-copyright-area p {
  font-weight: 500;
  color: #DFF4F1;
}
.sa-copyright-area p span {
  color: #FF3667;
}
.sa-copyright-area p a {
  color: #FF3667;
}
.sa-copyright-area p a:hover {
  color: var(--whiteColor);
}

.preloader-area {
  position: fixed;
  background: var(--whiteColor);
  z-index: 99999;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.preloader-area .spinner {
  margin: auto;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;
  position: absolute;
  left: 50%;
  right: 50%;
  margin-left: -20px;
  top: 50%;
  animation: sk-rotate 2s infinite linear;
}
.preloader-area .dot1, .preloader-area .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: var(--primaryColor);
  border-radius: 100%;
  animation: sk-bounce 3s infinite ease-in-out;
}
.preloader-area .dot1 {
  background-color: var(--primaryColor);
}
.preloader-area .dot2 {
  top: auto;
  background-color: var(--sa-blackColor);
  bottom: 0;
  animation-delay: -1s;
}

/*==================================
Animation CSS
====================================*/
@keyframes sk-rotate {
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.go-top {
  position: fixed;
  cursor: pointer;
  bottom: -100px;
  right: 30px;
  color: var(--whiteColor);
  background-color: var(--secondaryColor);
  z-index: 4;
  width: 45px;
  text-align: center;
  height: 45px;
  opacity: 0;
  visibility: hidden;
  border-radius: 50%;
  font-size: 22px;
  transition: var(--transition);
  overflow: hidden;
}
.go-top i {
  position: absolute;
  right: 0;
  left: 0;
  top: 45%;
  transform: translateY(-45%);
  text-align: center;
  font-size: 30px;
  margin-left: auto;
  margin-right: auto;
}
.go-top.active {
  opacity: 1;
  visibility: visible;
  bottom: 30px;
  z-index: 99;
}
.go-top:hover {
  background-color: var(--primaryColor);
  color: var(--whiteColor);
  transition: var(--transition);
  transform: translateY(-5px);
}

.ea-about-area .section-title {
  margin-bottom: 0;
}
.ea-about-area .ea-progress-bar-content h2 {
  font-size: 45px;
}
.ea-about-area .ea-progress-bar-content h4 {
  font-size: 20px;
}
.ea-about-area .ea-progress-bar-content .top-title {
  color: var(--secondaryColor);
}
.ea-about-area .ea-all-skill-bar .skill-bar .progress-title, .ea-about-area .ea-all-skill-bar .skill-bar .progress-number-mark {
  font-weight: 600;
}
.ea-about-area .ea-all-skill-bar .skill-bar .progress-content {
  background-color: transparent;
  background: var(--sa-primary-gradient-Color);
}
.ea-about-area .progress-bar-img-one {
  margin-left: 20px;
}

.sa-section-title-two {
  margin-bottom: 40px;
}
.sa-section-title-two span {
  color: var(--secondaryColor);
  margin-bottom: 10px;
  display: block;
  font-weight: 600;
}
.sa-section-title-two h2 {
  font-size: 45px;
  margin-bottom: 15px;
}
.sa-section-title-two p {
  margin-bottom: 0;
}

.sa-fun-factor-area .section-title h2 {
  font-size: 45px;
}

.sa-ts-area {
  position: relative;
  z-index: 1;
}
.sa-ts-area::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background: linear-gradient(135deg, #5406D9 0%, #FF3667 73.44%, #F67538 100%);
  left: 0;
  right: 0;
  top: 0;
  z-index: -1;
  opacity: 0.15;
}
.sa-ts-area .section-title h2 {
  font-size: 45px;
}
.sa-ts-area .ea-testimonial-area.bg-gradient-color {
  background: none;
}
.sa-ts-area .ea-single-testimonial-box.style-four .client-info img {
  border: 2px solid var(--secondaryColor);
}
.sa-ts-area .ea-testimonial-image::before {
  background-color: var(--sa-blackColor);
}
.sa-ts-area .ea-testimonial-image img {
  border-radius: 5px !important;
}

.sa-team-section .section-title h2 {
  font-size: 45px;
}
.sa-team-section .ea-single-team-box.style-five .content i {
  background-color: var(--secondaryColor);
}
.sa-team-section .ea-single-team-box.style-five .content span {
  color: var(--secondaryColor);
}
.sa-team-section .ea-single-team-box.style-five .image .social-link li a:hover {
  background-color: var(--secondaryColor);
}

.es-sa-blog-area .ea-single-blog-post .ea-blog-content h3 {
  font-size: 23px;
  font-family: var(--sa-optional-font-Family);
  line-height: 1.4;
}
.es-sa-blog-area .ea-single-blog-post .ea-blog-content h3 a {
  color: var(--sa-blackColor);
}

.ea-services-area .ea-info-box-area {
  background-color: transparent !important;
  background: transparent !important;
}

.ea-seo-banner .ea-page-banner-content .banner-title {
  font-family: var(--sa-optional-font-Family);
  line-height: 1.2;
}
.ea-seo-banner .ea-page-banner-content p {
  font-size: 16px;
}

.et-demo-options-toolbar {
  position: fixed;
  top: 50%;
  width: 40px;
  right: 0;
  line-height: 60px;
  border: 1px solid #eee;
  border-right: 0;
  border-radius: 5px 0 0 5px;
  z-index: 99999;
  background: #fff;
  text-align: center;
  box-shadow: -3px 0 10px -2px rgba(0, 0, 0, 0.1);
}

.et-demo-options-toolbar a {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #111;
}

.et-demo-options-toolbar a:focus, .et-demo-options-toolbar a:hover {
  color: #111 !important;
}

[class*=hint--] {
  position: relative;
  display: inline-block;
}

[class*=hint--]:before,
[class*=hint--]:after {
  position: absolute;
  transform: translate3d(0, 0, 0);
  visibility: hidden;
  opacity: 0;
  z-index: 1000000;
  pointer-events: none;
  transition: 0.3s ease;
  transition-delay: 0ms;
}

[class*=hint--]:hover:before,
[class*=hint--]:hover:after {
  visibility: visible;
  opacity: 1;
}

[class*=hint--]:hover:before,
[class*=hint--]:hover:after {
  transition-delay: 0.1s;
}

[class*=hint--]:before {
  content: "";
  position: absolute;
  background: 0 0;
  border: 7px solid transparent;
  z-index: 1000001;
}

[class*=hint--]:after {
  background: #000;
  color: #fff;
  padding: 8px 10px;
  font-size: 14px;
  line-height: 15px;
  white-space: nowrap;
  border-radius: 5px;
}

[class*=hint--][aria-label]:after {
  content: attr(aria-label);
}

[class*=hint--][data-hint]:after {
  content: attr(data-hint);
}

[aria-label=""]:before,
[aria-label=""]:after,
[data-hint=""]:before,
[data-hint=""]:after {
  display: none !important;
}

.hint--top-left:before {
  border-top-color: #000;
}

.hint--top-right:before {
  border-top-color: #000;
}

.hint--top:before {
  border-top-color: #000;
}/*# sourceMappingURL=xenax-main-style.css.map */